// dist/chunk-NVKNDAIN.js
import * as uiProps from "@radix-ui/themes/dist/cjs/props/index.js";

// dist/chunk-MMGP4GEQ.js
import { useThemeContext } from "@radix-ui/themes";

// dist/chunk-N552FDTV.js
var __defProp = Object.defineProperty;
var __defProps = Object.defineProperties;
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
  for (var prop in b || (b = {}))
    if (__hasOwnProp.call(b, prop))
      __defNormalProp(a, prop, b[prop]);
  if (__getOwnPropSymbols)
    for (var prop of __getOwnPropSymbols(b)) {
      if (__propIsEnum.call(b, prop))
        __defNormalProp(a, prop, b[prop]);
    }
  return a;
};
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
var __objRest = (source, exclude) => {
  var target = {};
  for (var prop in source)
    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
      target[prop] = source[prop];
  if (source != null && __getOwnPropSymbols)
    for (var prop of __getOwnPropSymbols(source)) {
      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
        target[prop] = source[prop];
    }
  return target;
};

// dist/chunk-BVNXAZ4W.js
import { Theme } from "@radix-ui/themes";
import { jsx } from "react/jsx-runtime";

// dist/chunk-SGMO4KBC.js
import { jsx as jsx2 } from "react/jsx-runtime";

// dist/chunk-KO4DQ56A.js
import { jsx as jsx3 } from "react/jsx-runtime";

// dist/chunk-VTJZMOSP.js
import { DataList } from "@radix-ui/themes";

// dist/chunk-LQY4RKWI.js
var convertSizeStr = (size) => {
  switch (size) {
    case "small":
      return "1";
    case "medium":
      return "2";
    case "large":
      return "3";
    default:
      return "2";
  }
};
var convertSizeResponse = (size) => {
  if (typeof size === "string" || typeof size === "undefined") {
    return convertSizeStr(size);
  }
  const radixSize = {};
  let key = "initial";
  for (key in size) {
    radixSize[key] = convertSizeStr(size[key]);
  }
  return radixSize;
};
var convertSize = (size) => {
  if (typeof size === "string") {
    return convertSizeStr(size);
  }
  return convertSizeResponse(size);
};

// dist/chunk-U7JPP7WJ.js
import { forwardRef, useMemo } from "react";
import { Button as RadixButton } from "@radix-ui/themes";
import { jsx as jsx4 } from "react/jsx-runtime";
var Button = forwardRef(
  (props, ref) => {
    const _a = props, { size, style, variant } = _a, restProps = __objRest(_a, ["size", "style", "variant"]);
    const radixSize = useMemo(() => {
      return convertSize(size);
    }, [size]);
    const mergedStyle = useMemo(() => {
      const baseStyle = {
        background: variant === "transparent" ? "transparent" : void 0,
        fontWeight: 400
      };
      return __spreadValues(__spreadValues({}, baseStyle), style);
    }, [style, variant]);
    const radixVariant = useMemo(() => {
      if (variant === "transparent")
        return "ghost";
      return variant;
    }, [variant]);
    return /* @__PURE__ */ jsx4(
      RadixButton,
      __spreadProps(__spreadValues({
        style: mergedStyle,
        variant: radixVariant
      }, restProps), {
        ref,
        size: radixSize
      })
    );
  }
);
Button.displayName = "Button";

// dist/chunk-NHFRCEK6.js
import { format } from "date-fns";
import { CopyIcon } from "@radix-ui/react-icons";
import { Fragment, jsx as jsx5, jsxs } from "react/jsx-runtime";

// dist/chunk-EGEQY3KT.js
import { Grid } from "@radix-ui/themes";

// dist/chunk-HK224ADT.js
import {
  Heading as RadixHeading
} from "@radix-ui/themes";
import { useMemo as useMemo2 } from "react";
import { Heading } from "@radix-ui/themes";
import { jsx as jsx6 } from "react/jsx-runtime";
function Heading2(props) {
  const _a = props, { size, children, variant } = _a, rest = __objRest(_a, ["size", "children", "variant"]);
  const radixSize = useMemo2(() => {
    switch (variant) {
      case "heading1":
        return "7";
      case "heading2":
        return "6";
      case "heading3":
        return "5";
      case "heading4":
        return "4";
      case "heading5":
        return "3";
      default:
        return size;
    }
  }, [size, variant]);
  return /* @__PURE__ */ jsx6(RadixHeading, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
}

// dist/chunk-HYITAA4J.js
import { Separator } from "@radix-ui/themes";

// dist/chunk-4Y5BEXVN.js
import { Box } from "@radix-ui/themes";

// dist/chunk-25HMMI7R.js
import { Flex } from "@radix-ui/themes";

// dist/chunk-BJ2HH4TJ.js
import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";

// dist/chunk-2ZQK7NTN.js
import { forwardRef as forwardRef2, useMemo as useMemo3 } from "react";
import {
  Card as RadixCard
} from "@radix-ui/themes";
import { jsx as jsx8 } from "react/jsx-runtime";
var Card = forwardRef2(
  (props, forwardedRef) => {
    const _a = props, { borderDisable, borderRadius, error } = _a, rest = __objRest(_a, ["borderDisable", "borderRadius", "error"]);
    const borderInsetClassName = useMemo3(() => {
      if (!borderDisable)
        return "";
      const { left, right, top, bottom } = borderDisable;
      return [
        left && "disable-inset-left",
        right && "disable-inset-right",
        top && "disable-inset-top",
        bottom && "disable-inset-bottom"
      ].filter(Boolean).join(" ");
    }, [borderDisable]);
    const errorClsName = useMemo3(() => {
      return error ? " error" : "";
    }, [error]);
    return /* @__PURE__ */ jsx8(
      RadixCard,
      __spreadProps(__spreadValues({
        variant: "surface"
      }, rest), {
        className: `${borderInsetClassName}${errorClsName} ${rest.className || ""}`,
        "data-radius": borderRadius,
        ref: forwardedRef
      })
    );
  }
);
Card.displayName = "Card";

// dist/chunk-MD2DWARX.js
import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";

// dist/chunk-52MVZ6AN.js
import { Text as RadixText } from "@radix-ui/themes";
import { useMemo as useMemo4, forwardRef as forwardRef3 } from "react";
import { jsx as jsx10 } from "react/jsx-runtime";
var Typo = forwardRef3(
  (props, ref) => {
    const _a = props, { size, variant, children } = _a, rest = __objRest(_a, ["size", "variant", "children"]);
    const radixSize = useMemo4(() => {
      if (size !== void 0)
        return size;
      switch (variant) {
        case "caption":
          return "1";
        case "subtitle":
          return "3";
        case "body":
        default:
          return "2";
      }
    }, [size, variant]);
    return /* @__PURE__ */ jsx10(RadixText, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, children }));
  }
);
Typo.displayName = "Typo";

// dist/chunk-IJSQS7YT.js
import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";

// dist/chunk-S3F7WBI2.js
import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";

// dist/chunk-V5EAAF36.js
import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";

// dist/chunk-NM3EJKNH.js
import { BackpackIcon, GlobeIcon } from "@radix-ui/react-icons";
import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";

// dist/chunk-PYR4SVP5.js
import * as RadixForm from "@radix-ui/react-form";
import { createContext, forwardRef as forwardRef4, useContext, useMemo as useMemo5 } from "react";
import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
var Root2 = forwardRef4(
  (_a, ref) => {
    var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
    return /* @__PURE__ */ jsx15(
      RadixForm.Root,
      __spreadProps(__spreadValues({}, rest), {
        className: `FormRoot ${className || ""}`,
        ref,
        children
      })
    );
  }
);
Root2.displayName = "FORM_ROOT";
var FieldContext = createContext({
  name: ""
});
var Field2 = forwardRef4(
  (_a, ref) => {
    var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
    return /* @__PURE__ */ jsx15(
      RadixForm.Field,
      __spreadProps(__spreadValues({}, rest), {
        className: `FormField ${className || ""}`,
        ref,
        children: /* @__PURE__ */ jsx15(FieldContext.Provider, { value: rest, children })
      })
    );
  }
);
Field2.displayName = "FORM_FIELD";
function HeadingLabel(props) {
  return /* @__PURE__ */ jsx15(Heading2, __spreadProps(__spreadValues({ variant: "heading5" }, props), { children: props.children }));
}
function CaptionLabel(props) {
  return /* @__PURE__ */ jsx15(Typo, __spreadProps(__spreadValues({ color: "gray", variant: "caption" }, props), { children: props.children }));
}
var Label2 = forwardRef4(
  (_a, ref) => {
    var _b = _a, { children, className, variant } = _b, rest = __objRest(_b, ["children", "className", "variant"]);
    const Comp = useMemo5(() => {
      switch (variant) {
        case "title":
          return HeadingLabel;
        case "caption":
          return CaptionLabel;
        case "body":
        default:
          return Typo;
      }
    }, [variant]);
    const fieldProps = useContext(FieldContext);
    return /* @__PURE__ */ jsx15(
      RadixForm.Label,
      __spreadProps(__spreadValues({}, rest), {
        asChild: true,
        className: `FormLabel ${className || ""}`,
        ref,
        children: /* @__PURE__ */ jsxs8(Comp, { children: [
          children,
          fieldProps.required ? /* @__PURE__ */ jsx15(Typo, { as: "span", color: "tomato", children: ` *` }) : null
        ] })
      })
    );
  }
);
Label2.displayName = "FORM_Label";
var Message2 = forwardRef4(
  (_a, ref) => {
    var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
    return /* @__PURE__ */ jsx15(
      RadixForm.Message,
      __spreadProps(__spreadValues({}, rest), {
        asChild: true,
        className: `FormMessage ${className || ""}`,
        ref,
        children: /* @__PURE__ */ jsx15(Typo, { color: "red", children })
      })
    );
  }
);
Message2.displayName = "FORM_Message";
var Control2 = forwardRef4(
  (_a, ref) => {
    var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
    const fieldProps = useContext(FieldContext);
    return /* @__PURE__ */ jsx15(
      RadixForm.Control,
      __spreadProps(__spreadValues({}, rest), {
        className: `FormControl ${className || ""}`,
        ref,
        required: fieldProps.required
      })
    );
  }
);
Control2.displayName = "FORM_Control";

// dist/chunk-XQOL7UBI.js
import { Inset } from "@radix-ui/themes";

// dist/chunk-CYYWMYE7.js
import { InfoCircledIcon } from "@radix-ui/react-icons";
import {
  ToastContainer as ToastifyContainer
} from "react-toastify";
import { toast } from "react-toastify";
import { jsx as jsx16 } from "react/jsx-runtime";

// dist/chunk-NAL2USH5.js
import { jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";

// dist/chunk-TGX7XRZN.js
import {
  BookmarkIcon,
  ExitIcon,
  InfoCircledIcon as InfoCircledIcon2,
  ExclamationTriangleIcon,
  MagnifyingGlassIcon,
  DotsHorizontalIcon,
  ChatBubbleIcon,
  PlusIcon,
  BookmarkFilledIcon,
  MixerHorizontalIcon,
  ChevronLeftIcon,
  ChevronRightIcon,
  ClipboardIcon,
  BarChartIcon,
  PersonIcon,
  GearIcon,
  DotsVerticalIcon,
  Pencil1Icon,
  Cross1Icon,
  Link2Icon,
  ChevronUpIcon,
  ChevronDownIcon,
  FileIcon,
  TrashIcon,
  DoubleArrowLeftIcon,
  DoubleArrowRightIcon,
  GlobeIcon as GlobeIcon2,
  BackpackIcon as BackpackIcon2,
  CalendarIcon,
  CheckIcon,
  ArchiveIcon,
  RowsIcon,
  Share1Icon,
  ClipboardCopyIcon,
  CheckCircledIcon,
  ArrowLeftIcon,
  ReloadIcon,
  RocketIcon,
  ArrowRightIcon,
  CopyIcon as CopyIcon2,
  Pencil2Icon,
  TargetIcon,
  UpdateIcon,
  DownloadIcon,
  SpeakerLoudIcon,
  UploadIcon,
  SpeakerOffIcon,
  TimerIcon,
  ArrowTopRightIcon,
  VideoIcon
} from "@radix-ui/react-icons";

// dist/chunk-EWD4AO5N.js
import {
  Badge as RadixBadge
} from "@radix-ui/themes";
import { useMemo as useMemo6, forwardRef as forwardRef5 } from "react";
import { jsx as jsx18 } from "react/jsx-runtime";
var Badge = forwardRef5(
  (props, ref) => {
    const _a = props, { size = "small", color = "accent" } = _a, rest = __objRest(_a, ["size", "color"]);
    const radixSize = useMemo6(() => {
      switch (size) {
        case "small":
          return "1";
        case "medium":
          return "2";
        case "large":
          return "3";
        default:
          return "1";
      }
    }, [size]);
    const radixColor = useMemo6(() => {
      switch (color) {
        case "error":
          return "red";
        case "neutral":
          return "gray";
        case "success":
          return "green";
        case "accent":
        default:
          return void 0;
      }
    }, [color]);
    return /* @__PURE__ */ jsx18(RadixBadge, __spreadProps(__spreadValues({}, rest), { color: radixColor, ref, size: radixSize }));
  }
);
Badge.displayName = "Badge";

// dist/chunk-DIQN4EK2.js
import { useCallback, useEffect, useMemo as useMemo7, useState } from "react";
import { setHours, setMinutes } from "date-fns";
import { jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";

// dist/chunk-O3DNDMV3.js
import { IconButton } from "@radix-ui/themes";

// dist/chunk-K2NYPATN.js
import * as RadixDialog from "@radix-ui/react-dialog";
import { Cross1Icon as Cross1Icon2 } from "@radix-ui/react-icons";
import { Flex as Flex2, Theme as Theme2 } from "@radix-ui/themes";
import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";

// dist/chunk-U4PLJ2F5.js
import { useCallback as useCallback2, useState as useState2 } from "react";
import { jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";

// dist/chunk-W555QDLS.js
import { useCallback as useCallback3, useState as useState3 } from "react";
import { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";

// dist/chunk-BIMSL5WZ.js
import { useCallback as useCallback4, useMemo as useMemo8 } from "react";
import { format as format2 } from "date-fns";
import { jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";

// dist/chunk-RQUEXX26.js
import { useMemo as useMemo9 } from "react";
import { jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";

// dist/chunk-X6PNCRPH.js
import { jsx as jsx25, jsxs as jsxs16 } from "react/jsx-runtime";

// dist/chunk-VOQU7ZOV.js
import { TextField as RTextField } from "@radix-ui/themes";
import { forwardRef as forwardRef6, useMemo as useMemo10 } from "react";
import { jsx as jsx26 } from "react/jsx-runtime";
var Root4 = forwardRef6((props, ref) => {
  const _a = props, { error, style, className } = _a, rest = __objRest(_a, ["error", "style", "className"]);
  const fieldStyle = useMemo10(() => {
    if (!error)
      return style;
    const errorStyle = {
      boxShadow: "inset 0 0 0 var(--text-field-border-width) var(--error-11)"
    };
    return __spreadValues(__spreadValues({}, style || {}), errorStyle);
  }, [error, style]);
  const classNameStr = error ? `error ${className}` : className;
  return /* @__PURE__ */ jsx26(
    RTextField.Root,
    __spreadValues({
      className: classNameStr,
      ref,
      style: fieldStyle
    }, rest)
  );
});
Root4.displayName = "TextField.Root";
var TextField = { Root: Root4, Slot: RTextField.Slot };

// dist/chunk-EW6OPYEW.js
import {
  TextArea as RTextArea
} from "@radix-ui/themes";
import { forwardRef as forwardRef7, useMemo as useMemo11 } from "react";
import { jsx as jsx27 } from "react/jsx-runtime";
var TextArea = forwardRef7(
  (props, ref) => {
    const _a = props, { error, style, className } = _a, rest = __objRest(_a, ["error", "style", "className"]);
    const fieldStyle = useMemo11(() => {
      if (!error)
        return style;
      const errorStyle = {
        boxShadow: "inset 0 0 0 var(--text-area-border-width) var(--error-11)"
      };
      return __spreadValues(__spreadValues({}, style || {}), errorStyle);
    }, [error, style]);
    const classNameStr = error ? `error ${className}` : className;
    return /* @__PURE__ */ jsx27(
      RTextArea,
      __spreadProps(__spreadValues({}, rest), {
        className: classNameStr,
        ref,
        style: fieldStyle
      })
    );
  }
);
TextArea.displayName = "TextArea";

// dist/chunk-QSM33HOU.js
import { useCallback as useCallback5, useState as useState4 } from "react";
import { format as format3 } from "date-fns";
import { jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";

// dist/chunk-5AVBYDPB.js
import { Popover } from "@radix-ui/themes";

// dist/chunk-LZJR77Q2.js
import { useEffect as useEffect2, useRef, useState as useState5 } from "react";
import { jsx as jsx29 } from "react/jsx-runtime";

// dist/chunk-XSBHEUZD.js
import { useCallback as useCallback6, useMemo as useMemo12, useState as useState6 } from "react";
import { format as format4, startOfDay } from "date-fns";
import { jsx as jsx30, jsxs as jsxs18 } from "react/jsx-runtime";

// dist/chunk-BGK5JQ5S.js
import { useCallback as useCallback7 } from "react";
import { jsx as jsx31, jsxs as jsxs19 } from "react/jsx-runtime";

// dist/chunk-5H3YPCZK.js
import { Skeleton } from "@radix-ui/themes";

// dist/chunk-FR2GDOU2.js
import { Spinner } from "@radix-ui/themes";

// dist/chunk-74DX4CU7.js
import { Strong } from "@radix-ui/themes";

// dist/chunk-OYM4XCHQ.js
import { Switch } from "@radix-ui/themes";

// dist/chunk-YJ7ZFOYL.js
import { TabNav } from "@radix-ui/themes";

// dist/chunk-5ZITU5L7.js
import { Tabs } from "@radix-ui/themes";

// dist/chunk-YO3BQW6S.js
import { Quote } from "@radix-ui/themes";

// dist/chunk-6IVCARWS.js
import { RadioCards } from "@radix-ui/themes";

// dist/chunk-6DJOIRMF.js
import { RadioGroup } from "@radix-ui/themes";

// dist/chunk-FPD73OHW.js
import { Radio } from "@radix-ui/themes";

// dist/chunk-ZKZDVS7G.js
import { ScrollArea } from "@radix-ui/themes";

// dist/chunk-MUNMDHRF.js
import { Section } from "@radix-ui/themes";

// dist/chunk-TVDKGMBI.js
import { SegmentedControl } from "@radix-ui/themes";

// dist/chunk-ZZYFULUQ.js
import { Select as RadixSelect } from "@radix-ui/themes";
import { createContext as createContext2, forwardRef as forwardRef8, useContext as useContext2, useMemo as useMemo13 } from "react";
import { jsx as jsx32 } from "react/jsx-runtime";
var SelectContext = createContext2({
  error: false
});
var Content2 = forwardRef8((props, ref) => {
  const _a = props, { className, isNavigation } = _a, rest = __objRest(_a, ["className", "isNavigation"]);
  const { error } = useContext2(SelectContext);
  const cls = useMemo13(() => {
    const etc = isNavigation ? "nav-select" : "";
    const errorCls = error ? "tipp-error" : "";
    return [etc, errorCls, className].join(" ");
  }, [className, error, isNavigation]);
  return /* @__PURE__ */ jsx32(
    RadixSelect.Content,
    __spreadProps(__spreadValues({
      position: "popper"
    }, rest), {
      className: cls,
      ref
    })
  );
});
Content2.displayName = "Select.Content";
var Trigger2 = forwardRef8(
  (props, ref) => {
    const _a = props, { className } = _a, rest = __objRest(_a, ["className"]);
    const { error } = useContext2(SelectContext);
    const cls = useMemo13(() => {
      const errorCls = error ? "error" : "";
      return [errorCls, className].join(" ");
    }, [className, error]);
    return /* @__PURE__ */ jsx32(RadixSelect.Trigger, __spreadProps(__spreadValues({}, rest), { className: cls, ref }));
  }
);
Trigger2.displayName = "Select.Trigger";
function Root5(props) {
  const _a = props, { error } = _a, rest = __objRest(_a, ["error"]);
  return /* @__PURE__ */ jsx32(SelectContext.Provider, { value: { error }, children: /* @__PURE__ */ jsx32(RadixSelect.Root, __spreadValues({}, rest)) });
}
Root5.displayName = "Select.Root";
var Select = __spreadProps(__spreadValues({}, RadixSelect), {
  Root: Root5,
  Trigger: Trigger2,
  Content: Content2
});

// dist/chunk-TULWX7D6.js
import { Kbd } from "@radix-ui/themes";

// dist/chunk-SIM6HKVI.js
import {
  Link as RadixLink
} from "@radix-ui/themes";
import { useMemo as useMemo14 } from "react";
import { Heading as Heading3 } from "@radix-ui/themes";
import { jsx as jsx33 } from "react/jsx-runtime";

// dist/chunk-7JWQPWWT.js
import { useCallback as useCallback8, useEffect as useEffect3, useMemo as useMemo15, useState as useState7 } from "react";
import { jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";

// dist/chunk-365QMK4D.js
import { Progress } from "@radix-ui/themes";

// dist/chunk-4WFMOFN2.js
import { DropdownMenu as RadixDropdownMenu } from "@radix-ui/themes";
import { forwardRef as forwardRef9, useMemo as useMemo16 } from "react";
import { jsx as jsx35 } from "react/jsx-runtime";
var Content3 = forwardRef9((props, ref) => {
  const _a = props, { isNavigation, className } = _a, rest = __objRest(_a, ["isNavigation", "className"]);
  const contentClassName = useMemo16(() => {
    const cls = isNavigation ? "dropdown-navigation" : "";
    return [cls, className].join(" ");
  }, [isNavigation, className]);
  return /* @__PURE__ */ jsx35(
    RadixDropdownMenu.Content,
    __spreadProps(__spreadValues({
      ref
    }, rest), {
      className: contentClassName
    })
  );
});
Content3.displayName = "DropdownMenu.Content";
var DropdownMenu = __spreadProps(__spreadValues({}, RadixDropdownMenu), {
  Content: Content3
});

// dist/chunk-ACVANQJ4.js
import { Tooltip } from "@radix-ui/themes";

// dist/chunk-WKFZ5MMN.js
import { useEffect as useEffect4, useRef as useRef2, useState as useState8 } from "react";
import { jsx as jsx36 } from "react/jsx-runtime";

// dist/chunk-2DZ2Y3JI.js
import { Em } from "@radix-ui/themes";

// dist/chunk-QDZS4B6A.js
import { jsx as jsx37, jsxs as jsxs21 } from "react/jsx-runtime";

// dist/chunk-O3T3TM3V.js
import { HoverCard } from "@radix-ui/themes";

// dist/chunk-IQEEPHOY.js
import { CheckboxGroup as RadixCheckboxGroup } from "@radix-ui/themes";
import { forwardRef as forwardRef10, useMemo as useMemo17 } from "react";
import { jsx as jsx38 } from "react/jsx-runtime";
var Root6 = forwardRef10((props, ref) => {
  const _a = props, { children, size } = _a, rest = __objRest(_a, ["children", "size"]);
  const groupSize = useMemo17(() => {
    switch (size) {
      case "small":
        return "1";
      case "large":
        return "3";
      case "medium":
      default:
        return "2";
    }
  }, [size]);
  return /* @__PURE__ */ jsx38(RadixCheckboxGroup.Root, __spreadProps(__spreadValues({}, rest), { ref, size: groupSize, children }));
});
Root6.displayName = "CheckboxGroup.Root";
var CheckboxGroup = {
  Root: Root6,
  Item: RadixCheckboxGroup.Item
};

// dist/chunk-LHCDPZ5E.js
import {
  Checkbox as RadixCheckbox
} from "@radix-ui/themes";
import { useMemo as useMemo18, forwardRef as forwardRef11 } from "react";
import { jsx as jsx39 } from "react/jsx-runtime";
var Checkbox = forwardRef11(
  (props, ref) => {
    const _a = props, { size = "medium" } = _a, rest = __objRest(_a, ["size"]);
    const radixSize = useMemo18(() => {
      switch (size) {
        case "small":
          return "1";
        case "medium":
          return "2";
        case "large":
          return "3";
      }
    }, [size]);
    return /* @__PURE__ */ jsx39(RadixCheckbox, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize }));
  }
);
Checkbox.displayName = "Checkbox";

// dist/chunk-OHMOP5PV.js
import { Code } from "@radix-ui/themes";

// dist/chunk-Q37G2GS6.js
import { Container } from "@radix-ui/themes";

// dist/chunk-UNTA4JJU.js
import * as React from "react";
import { jsx as jsx40, jsxs as jsxs22 } from "react/jsx-runtime";
var ClosePanelArrowIcon = React.forwardRef(
  (_a, forwardedRef) => {
    var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
    return /* @__PURE__ */ jsxs22(
      "svg",
      __spreadProps(__spreadValues({
        fill: "none",
        height: "16",
        viewBox: "0 0 16 16",
        width: "16",
        xmlns: "http://www.w3.org/2000/svg"
      }, props), {
        ref: forwardedRef,
        children: [
          /* @__PURE__ */ jsx40(
            "path",
            {
              clipRule: "evenodd",
              d: "M3.19315 2.16529C3.43937 1.93445 3.82611 1.94693 4.05695 2.19315L9.87499 7.15624C9.87499 7.15624 10.4479 7.72916 9.87499 8.30207L4.05695 12.8068C3.82611 13.0531 3.43937 13.0656 3.19315 12.8347C2.94693 12.6038 2.93445 12.2171 3.16529 11.9709L8.72916 7.72916L3.16529 3.02908C2.93445 2.78285 2.94693 2.39612 3.19315 2.16529Z",
              fill: color,
              fillRule: "evenodd"
            }
          ),
          /* @__PURE__ */ jsx40(
            "path",
            {
              clipRule: "evenodd",
              d: "M12.1733 2.58667C12.1733 2.26266 11.9107 2 11.5867 2C11.2627 2 11 2.26266 11 2.58667V12.7201C11 13.044 11.2627 13.3067 11.5867 13.3067C11.9107 13.3067 12.1733 13.044 12.1733 12.7201V2.58667Z",
              fill: color,
              fillRule: "evenodd"
            }
          )
        ]
      })
    );
  }
);
ClosePanelArrowIcon.displayName = "ArrowDownIcon";

// dist/chunk-5QXQPRW7.js
import { useEffect as useEffect5, useRef as useRef3 } from "react";
import * as Dialog2 from "@radix-ui/react-dialog";
import { Grid as Grid2, Theme as Theme3 } from "@radix-ui/themes";
import { jsx as jsx41, jsxs as jsxs23 } from "react/jsx-runtime";

// dist/chunk-YGL6SWKN.js
import { Blockquote } from "@radix-ui/themes";

// dist/chunk-B6XJN6EC.js
import { Callout } from "@radix-ui/themes";

// dist/chunk-MIMJ7LON.js
import { CheckboxCards } from "@radix-ui/themes";

// dist/chunk-NDUKDKGB.js
import * as React2 from "react";
import { jsx as jsx42 } from "react/jsx-runtime";
var TriangleArrowUpIcon = React2.forwardRef(
  (_a, forwardedRef) => {
    var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
    return /* @__PURE__ */ jsx42(
      "svg",
      __spreadProps(__spreadValues({
        fill: "none",
        height: "7",
        viewBox: "0 0 8 7",
        width: "8",
        xmlns: "http://www.w3.org/2000/svg"
      }, props), {
        ref: forwardedRef,
        children: /* @__PURE__ */ jsx42(
          "path",
          {
            d: "M0.891555 6.1875L7.10845 6.1875C7.80261 6.1875 8.1771 5.37328 7.72534 4.84623L4.6169 1.21971C4.29263 0.841403 3.70737 0.841403 3.3831 1.21971L0.274659 4.84623C-0.177095 5.37328 0.197393 6.1875 0.891555 6.1875Z",
            fill: color
          }
        )
      })
    );
  }
);
TriangleArrowUpIcon.displayName = "ArrowUpIcon";

// dist/chunk-T6CF4F7J.js
import * as React3 from "react";
import { jsx as jsx43 } from "react/jsx-runtime";
var CameraDisabledIcon = React3.forwardRef(
  (_a, forwardedRef) => {
    var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
    return /* @__PURE__ */ jsx43(
      "svg",
      __spreadProps(__spreadValues({
        fill: "none",
        height: "16",
        ref: forwardedRef,
        viewBox: "0 0 16 16",
        width: "16",
        xmlns: "http://www.w3.org/2000/svg"
      }, props), {
        children: /* @__PURE__ */ jsx43(
          "path",
          {
            clipRule: "evenodd",
            d: "M0 3.3872C0 2.4624 0.470588 2 1.41176 2H10.3529C11.2941 2 11.7647 2.9248 11.7647 3.3872V4.95122C11.7647 5.10908 11.8924 5.2368 12.0502 5.2368H12.2353C12.5222 5.2368 14.6546 4.11005 15.577 3.61542C15.768 3.51296 16 3.65133 16 3.86817V11.714C16 11.9256 15.7782 12.0638 15.5883 11.9706L12.2949 10.3525C12.2557 10.3332 12.2126 10.3232 12.1689 10.3232H12.0504C11.8926 10.3232 11.7647 10.451 11.7647 10.6089V12.1728C11.7647 13.0976 11.7647 13.56 10.8235 13.56H0.941176C0.470588 13.56 0 13.0976 0 12.1728V3.3872ZM8.67719 6.41215C8.8854 6.20379 8.8854 5.86598 8.67719 5.65762C8.46887 5.44925 8.13116 5.44925 7.92284 5.65762L6.16668 7.4145L4.41052 5.65762C4.2022 5.44925 3.8645 5.44925 3.65618 5.65762C3.44794 5.86598 3.44794 6.20379 3.65618 6.41215L5.41244 8.16904L3.65618 9.92593C3.44794 10.1343 3.44794 10.4721 3.65618 10.6805C3.8645 10.8888 4.2022 10.8888 4.41052 10.6805L6.16668 8.92358L7.92284 10.6805C8.13116 10.8888 8.46887 10.8888 8.67719 10.6805C8.8854 10.4721 8.8854 10.1343 8.67719 9.92593L6.92092 8.16904L8.67719 6.41215Z",
            fill: color,
            fillRule: "evenodd"
          }
        )
      })
    );
  }
);
CameraDisabledIcon.displayName = "VideoDisabledIcon";

// dist/chunk-A75U32HT.js
import * as React4 from "react";
import { jsx as jsx44 } from "react/jsx-runtime";
var CameraIcon = React4.forwardRef(
  (_a, forwardedRef) => {
    var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
    return /* @__PURE__ */ jsx44(
      "svg",
      __spreadProps(__spreadValues({
        fill: "none",
        height: "16",
        ref: forwardedRef,
        viewBox: "0 0 16 16",
        width: "16",
        xmlns: "http://www.w3.org/2000/svg"
      }, props), {
        children: /* @__PURE__ */ jsx44(
          "path",
          {
            d: "M1.41176 2C0.470588 2 0 2.46222 0 3.38667C0 4.31111 0 11.2444 0 12.1689C0 13.0933 0.470588 13.5556 0.941176 13.5556C1.41176 13.5556 9.88235 13.5556 10.8235 13.5556C11.7647 13.5556 11.7647 13.0933 11.7647 12.1689C11.7647 11.5595 11.7647 10.9502 11.7647 10.6056C11.7647 10.4478 11.8926 10.32 12.0504 10.32H12.1689C12.2126 10.32 12.2557 10.33 12.2949 10.3493L14.1176 11.2444L15.5883 11.9667C15.7782 12.06 16 11.9218 16 11.7103V3.86745C16 3.6507 15.768 3.51238 15.577 3.61479C14.6546 4.10924 12.5222 5.23556 12.2353 5.23556C12.1353 5.23556 12.0821 5.23556 12.0502 5.23556C11.8924 5.23556 11.7647 5.10789 11.7647 4.95009C11.7647 4.51892 11.7647 3.71688 11.7647 3.38667C11.7647 2.92444 11.2941 2 10.3529 2C9.41177 2 2.35294 2 1.41176 2Z",
            fill: color
          }
        )
      })
    );
  }
);
CameraIcon.displayName = "CameraIcon";

// dist/chunk-BSTJBBEX.js
import * as React5 from "react";
import { jsx as jsx45 } from "react/jsx-runtime";
var TriangleArrowDownIcon = React5.forwardRef(
  (_a, forwardedRef) => {
    var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
    return /* @__PURE__ */ jsx45(
      "svg",
      __spreadProps(__spreadValues({
        fill: "none",
        height: "7",
        viewBox: "0 0 8 7",
        width: "8",
        xmlns: "http://www.w3.org/2000/svg"
      }, props), {
        ref: forwardedRef,
        children: /* @__PURE__ */ jsx45(
          "path",
          {
            d: "M7.10844 0.8125H0.891554C0.197392 0.8125 -0.177096 1.62672 0.274659 2.15377L3.3831 5.78029C3.70737 6.1586 4.29263 6.1586 4.6169 5.78029L7.72534 2.15377C8.1771 1.62672 7.80261 0.8125 7.10844 0.8125Z",
            fill: color
          }
        )
      })
    );
  }
);
TriangleArrowDownIcon.displayName = "ArrowDownIcon";

// dist/chunk-3WSZRTAF.js
import * as React6 from "react";
import { jsx as jsx46, jsxs as jsxs24 } from "react/jsx-runtime";
var EndCallIcon = React6.forwardRef(
  (_a, forwardedRef) => {
    var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
    return /* @__PURE__ */ jsxs24(
      "svg",
      __spreadProps(__spreadValues({
        fill: "none",
        height: "16",
        ref: forwardedRef,
        viewBox: "0 0 16 16",
        width: "16",
        xmlns: "http://www.w3.org/2000/svg"
      }, props), {
        children: [
          /* @__PURE__ */ jsx46(
            "path",
            {
              d: "M8 6.66667C8.90629 6.66667 9.77647 6.83841 10.5856 7.15419C10.6552 7.18136 10.69 7.19494 10.7285 7.21836C10.865 7.30159 10.9727 7.47044 10.9981 7.64117C11.0053 7.68921 11.0053 7.73711 11.0053 7.83291C11.0053 8.1259 11.0053 8.27239 11.0285 8.39394C11.1159 8.8523 11.4382 9.2104 11.8507 9.30757C11.9601 9.33333 12.092 9.33333 12.3557 9.33333H12.5026C12.9035 9.33333 13.1039 9.33333 13.266 9.27424C13.5883 9.1567 13.841 8.87584 13.9468 8.51773C14 8.33766 14 8.11498 14 7.6696V7.53749C14 7.09364 14 6.87172 13.9405 6.63611C13.8745 6.37466 13.7013 6.04705 13.528 5.85561C13.3718 5.68309 13.2352 5.5984 12.9619 5.42901C11.4932 4.51871 9.80113 4 8 4C6.19887 4 4.50678 4.51871 3.03812 5.42901C2.76484 5.5984 2.6282 5.68309 2.472 5.85561C2.29868 6.04705 2.12553 6.37466 2.0595 6.63611C2 6.87172 2 7.09364 2 7.53749V7.6696C2 8.11498 2 8.33766 2.05319 8.51773C2.15897 8.87584 2.41174 9.1567 2.73404 9.27424C2.8961 9.33333 3.09652 9.33333 3.49736 9.33333L3.64434 9.33333C3.90803 9.33333 4.03987 9.33333 4.14926 9.30757C4.56179 9.2104 4.88408 8.8523 4.97153 8.39394C4.99472 8.27239 4.99472 8.1259 4.99472 7.83291C4.99472 7.73711 4.99472 7.68921 5.00187 7.64117C5.0273 7.47044 5.13499 7.30159 5.27154 7.21836C5.30996 7.19494 5.34476 7.18136 5.41436 7.15419C6.22353 6.83841 7.09371 6.66667 8 6.66667Z",
              fill: color
            }
          ),
          /* @__PURE__ */ jsx46(
            "path",
            {
              d: "M2 12H14M8 6.66667C8.90629 6.66667 9.77647 6.83841 10.5856 7.15419C10.6552 7.18136 10.69 7.19494 10.7285 7.21836C10.865 7.30159 10.9727 7.47044 10.9981 7.64117C11.0053 7.68921 11.0053 7.73711 11.0053 7.83291C11.0053 8.1259 11.0053 8.27239 11.0285 8.39394C11.1159 8.8523 11.4382 9.2104 11.8507 9.30757C11.9601 9.33333 12.092 9.33333 12.3557 9.33333H12.5026C12.9035 9.33333 13.1039 9.33333 13.266 9.27424C13.5883 9.1567 13.841 8.87584 13.9468 8.51773C14 8.33766 14 8.11498 14 7.6696V7.53749C14 7.09364 14 6.87172 13.9405 6.63611C13.8745 6.37466 13.7013 6.04705 13.528 5.85561C13.3718 5.68309 13.2352 5.5984 12.9619 5.42901C11.4932 4.51871 9.80113 4 8 4C6.19887 4 4.50678 4.51871 3.03812 5.42901C2.76484 5.5984 2.6282 5.68309 2.472 5.85561C2.29868 6.04705 2.12553 6.37466 2.0595 6.63611C2 6.87172 2 7.09364 2 7.53749V7.6696C2 8.11498 2 8.33766 2.05319 8.51773C2.15897 8.87584 2.41174 9.1567 2.73404 9.27424C2.8961 9.33333 3.09652 9.33333 3.49736 9.33333L3.64434 9.33333C3.90803 9.33333 4.03987 9.33333 4.14926 9.30757C4.56179 9.2104 4.88408 8.8523 4.97153 8.39394C4.99472 8.27239 4.99472 8.1259 4.99472 7.83291C4.99472 7.73711 4.99472 7.68921 5.00187 7.64117C5.0273 7.47044 5.13499 7.30159 5.27154 7.21836C5.30996 7.19494 5.34476 7.18136 5.41436 7.15419C6.22353 6.83841 7.09371 6.66667 8 6.66667Z",
              stroke: color,
              strokeLinecap: "round",
              strokeWidth: "1.5"
            }
          )
        ]
      })
    );
  }
);
EndCallIcon.displayName = "EndCallIcon";

// dist/chunk-UZMOWHC3.js
import * as React7 from "react";
import { jsx as jsx47, jsxs as jsxs25 } from "react/jsx-runtime";
var MicIcon = React7.forwardRef(
  (_a, forwardedRef) => {
    var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
    return /* @__PURE__ */ jsxs25(
      "svg",
      __spreadProps(__spreadValues({
        fill: "none",
        height: "16",
        viewBox: "0 0 12 16",
        width: "12",
        xmlns: "http://www.w3.org/2000/svg"
      }, props), {
        ref: forwardedRef,
        children: [
          /* @__PURE__ */ jsx47(
            "path",
            {
              clipRule: "evenodd",
              d: "M9.15383 8.15726H9.17422V7.79011V3.71671H9.17378C9.14572 1.93538 7.69297 0.5 5.90497 0.5C4.11696 0.5 2.66421 1.93538 2.63616 3.71671H2.63577V3.75606C2.63575 3.76044 2.63574 3.76483 2.63574 3.76923C2.63574 3.77362 2.63575 3.77801 2.63577 3.78239V7.79011V8.15726H2.65615C2.83862 9.78997 4.22357 11.0593 5.90499 11.0593C7.58642 11.0593 8.97136 9.78997 9.15383 8.15726Z",
              fill: color,
              fillRule: "evenodd"
            }
          ),
          /* @__PURE__ */ jsx47(
            "path",
            {
              d: "M1.30707 7.51038C1.30707 8.87401 2.61826 12.2831 5.90497 12.2831M5.90497 12.2831V15.4999M5.90497 12.2831C8.8595 11.9148 10.0284 10.8351 10.5203 7.51038M5.90497 15.4999H4.05182M5.90497 15.4999H7.81056",
              stroke: color,
              strokeLinecap: "round",
              strokeWidth: "1.2"
            }
          )
        ]
      })
    );
  }
);
MicIcon.displayName = "MicIcon";

// dist/chunk-UFYNSPJQ.js
import * as React8 from "react";
import { jsx as jsx48, jsxs as jsxs26 } from "react/jsx-runtime";
var PhoneRingIcon = React8.forwardRef(
  (_a, forwardedRef) => {
    var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
    return /* @__PURE__ */ jsxs26(
      "svg",
      __spreadProps(__spreadValues({
        fill: "none",
        height: "16",
        viewBox: "0 0 16 16",
        width: "16",
        xmlns: "http://www.w3.org/2000/svg"
      }, props), {
        ref: forwardedRef,
        children: [
          /* @__PURE__ */ jsx48(
            "path",
            {
              d: "M7.7207 8.94603C6.98877 8.2141 6.41082 7.3865 5.98686 6.50348C5.95039 6.42753 5.93216 6.38955 5.91815 6.34149C5.86837 6.17072 5.90413 5.96102 6.00769 5.81639C6.03683 5.77569 6.07165 5.74087 6.14128 5.67124C6.35424 5.45828 6.46072 5.3518 6.53033 5.24473C6.79287 4.84094 6.79287 4.32038 6.53033 3.91658C6.46072 3.80951 6.35424 3.70303 6.14128 3.49007L6.02257 3.37137C5.69885 3.04764 5.53699 2.88578 5.36315 2.79786C5.01743 2.62299 4.60914 2.62299 4.26342 2.79786C4.08958 2.88578 3.92772 3.04764 3.604 3.37137L3.50798 3.46739C3.18536 3.79 3.02405 3.95131 2.90086 4.17062C2.76415 4.41398 2.66586 4.79194 2.66669 5.07106C2.66744 5.32261 2.71624 5.49452 2.81382 5.83835C3.33828 7.68611 4.32781 9.42969 5.78242 10.8843C7.23704 12.3389 8.98062 13.3285 10.8284 13.8529C11.1722 13.9505 11.3441 13.9993 11.5957 14C11.8748 14.0009 12.2528 13.9026 12.4961 13.7659C12.7154 13.6427 12.8767 13.4814 13.1993 13.1588L13.2954 13.0627C13.6191 12.739 13.7809 12.5771 13.8689 12.4033C14.0437 12.0576 14.0437 11.6493 13.8689 11.3036C13.7809 11.1297 13.6191 10.9679 13.2954 10.6442L13.1767 10.5255C12.9637 10.3125 12.8572 10.206 12.7501 10.1364C12.3464 9.87386 11.8258 9.87386 11.422 10.1364C11.3149 10.206 11.2084 10.3125 10.9955 10.5255C10.9259 10.5951 10.891 10.6299 10.8503 10.659C10.7057 10.7626 10.496 10.7984 10.3252 10.7486C10.2772 10.7346 10.2392 10.7163 10.1632 10.6799C9.28023 10.2559 8.45262 9.67796 7.7207 8.94603Z",
              fill: color
            }
          ),
          /* @__PURE__ */ jsx48(
            "path",
            {
              d: "M9.33335 4.22765C10.4699 4.62936 11.3707 5.53016 11.7724 6.66671M9.97701 2.33337C11.7004 2.93456 13.0655 4.2997 13.6667 6.02305M7.7207 8.94603C6.98877 8.2141 6.41082 7.3865 5.98686 6.50348C5.95039 6.42753 5.93216 6.38955 5.91815 6.34149C5.86837 6.17072 5.90413 5.96102 6.00769 5.81639C6.03683 5.77569 6.07165 5.74087 6.14128 5.67124C6.35424 5.45828 6.46072 5.3518 6.53033 5.24473C6.79287 4.84094 6.79287 4.32038 6.53033 3.91658C6.46072 3.80951 6.35424 3.70303 6.14128 3.49007L6.02257 3.37137C5.69885 3.04764 5.53699 2.88578 5.36315 2.79786C5.01743 2.62299 4.60914 2.62299 4.26342 2.79786C4.08958 2.88578 3.92772 3.04764 3.604 3.37137L3.50798 3.46739C3.18536 3.79 3.02405 3.95131 2.90086 4.17062C2.76415 4.41398 2.66586 4.79194 2.66669 5.07106C2.66744 5.32261 2.71624 5.49452 2.81382 5.83835C3.33828 7.68611 4.32781 9.42969 5.78242 10.8843C7.23704 12.3389 8.98062 13.3285 10.8284 13.8529C11.1722 13.9505 11.3441 13.9993 11.5957 14C11.8748 14.0009 12.2528 13.9026 12.4961 13.7659C12.7154 13.6427 12.8767 13.4814 13.1993 13.1588L13.2954 13.0627C13.6191 12.739 13.7809 12.5771 13.8689 12.4033C14.0437 12.0576 14.0437 11.6493 13.8689 11.3036C13.7809 11.1297 13.6191 10.9679 13.2954 10.6442L13.1767 10.5255C12.9637 10.3125 12.8572 10.206 12.7501 10.1364C12.3464 9.87386 11.8258 9.87386 11.422 10.1364C11.3149 10.206 11.2084 10.3125 10.9955 10.5255C10.9259 10.5951 10.891 10.6299 10.8503 10.659C10.7057 10.7626 10.496 10.7984 10.3252 10.7486C10.2772 10.7346 10.2392 10.7163 10.1632 10.6799C9.28023 10.2559 8.45262 9.67796 7.7207 8.94603Z",
              stroke: color,
              strokeLinecap: "round",
              strokeWidth: "1.5"
            }
          )
        ]
      })
    );
  }
);
PhoneRingIcon.displayName = "ArrowUpIcon";

// dist/chunk-J242TTFH.js
import { AlertDialog } from "@radix-ui/themes";

// dist/chunk-EAXUQEO5.js
import { AspectRatio } from "@radix-ui/themes";

// dist/chunk-YJCCE5WP.js
import {
  forwardRef as forwardRef20,
  useCallback as useCallback9,
  useEffect as useEffect6,
  useRef as useRef4,
  useState as useState9
} from "react";
import { jsx as jsx49, jsxs as jsxs27 } from "react/jsx-runtime";
var AutoSizingInput = forwardRef20(
  (_a, ref) => {
    var _b = _a, { value: _value, onChangeValue, onChange } = _b, rest = __objRest(_b, ["value", "onChangeValue", "onChange"]);
    const [value, setValue] = useState9(_value);
    const [width, setWidth] = useState9(0);
    const span = useRef4(null);
    useEffect6(() => {
      span.current && setWidth(span.current.offsetWidth);
    }, [value]);
    const changeHandler = useCallback9(
      (evt) => {
        onChange == null ? void 0 : onChange(evt);
        setValue(evt.target.value);
      },
      [onChange]
    );
    useEffect6(() => {
      setValue(_value || "");
    }, [_value]);
    useEffect6(() => {
      onChangeValue == null ? void 0 : onChangeValue(value || "");
    }, [value, onChangeValue]);
    return /* @__PURE__ */ jsxs27("div", { className: "auto-sizing-input wrapper", style: { width: width + 24 }, children: [
      /* @__PURE__ */ jsx49("input", __spreadValues({ onChange: changeHandler, ref, value }, rest)),
      /* @__PURE__ */ jsx49("span", { "aria-hidden": "true", ref: span, children: value })
    ] });
  }
);
AutoSizingInput.displayName = "AutoSizingInput";

// dist/chunk-JYJA2PMG.js
import {
  Avatar as RadixAvatar
} from "@radix-ui/themes";
import { useMemo as useMemo19, forwardRef as forwardRef21, useCallback as useCallback10 } from "react";
import { jsx as jsx50 } from "react/jsx-runtime";
var Avatar = forwardRef21(
  (props, ref) => {
    const _a = props, { children, size, variant = "soft" } = _a, rest = __objRest(_a, ["children", "size", "variant"]);
    const getOriginalSize = useCallback10((value) => {
      switch (value) {
        case "small":
          return "1";
        case "medium":
          return "2";
        case "large":
          return "3";
        case "full":
          return "4";
        default:
          return "3";
      }
    }, []);
    const radixSize = useMemo19(() => {
      if (typeof size === "string") {
        return getOriginalSize(size);
      }
      if (typeof size === "object") {
        const map = {};
        let key;
        for (key in size) {
          map[key] = size[key] && getOriginalSize(size[key]);
        }
        return map;
      }
    }, [getOriginalSize, size]);
    return /* @__PURE__ */ jsx50(RadixAvatar, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, variant, children }));
  }
);
Avatar.displayName = "Avatar";

// src/app/platform/contents-card.tsx
import { forwardRef as forwardRef22 } from "react";
import { jsx as jsx51, jsxs as jsxs28 } from "react/jsx-runtime";
var ContentCard = forwardRef22(
  ({
    title,
    description,
    imageSrc,
    footer,
    dropdownItems,
    onClickCard,
    isLoading = false
  }, ref) => {
    return /* @__PURE__ */ jsx51(
      Box,
      {
        className: "hover-shadow",
        m: "0",
        onClick: onClickCard,
        ref,
        style: {
          backgroundColor: "var(--color-panel)",
          borderRadius: "var(--radius-5)",
          overflow: "hidden",
          cursor: "pointer"
        },
        width: "100%",
        children: /* @__PURE__ */ jsxs28(Flex, { direction: "column", gap: "4", height: "100%", p: "5", pb: "3", children: [
          /* @__PURE__ */ jsx51(Skeleton, { loading: isLoading, children: /* @__PURE__ */ jsx51(
            Box,
            {
              height: "210px",
              style: {
                borderRadius: "var(--radius-4)",
                backgroundImage: `url(${imageSrc})`,
                backgroundSize: "cover"
              },
              width: "100%"
            }
          ) }),
          /* @__PURE__ */ jsxs28("div", { children: [
            /* @__PURE__ */ jsx51(Skeleton, { loading: isLoading, children: /* @__PURE__ */ jsx51(Heading2, { mb: "3", variant: "heading5", children: title }) }),
            /* @__PURE__ */ jsx51(Skeleton, { loading: isLoading, children: /* @__PURE__ */ jsx51(Typo, { as: "p", variant: "caption", children: description }) })
          ] }),
          /* @__PURE__ */ jsxs28(
            Grid,
            {
              align: "center",
              columns: "1fr auto",
              justify: "between",
              py: "2",
              style: { marginTop: "auto" },
              width: "100%",
              children: [
                /* @__PURE__ */ jsx51(Skeleton, { loading: isLoading, children: /* @__PURE__ */ jsx51(Flex, { gap: "3", overflow: "hidden", children: footer }) }),
                Boolean(dropdownItems == null ? void 0 : dropdownItems.length) && /* @__PURE__ */ jsxs28(DropdownMenu.Root, { children: [
                  /* @__PURE__ */ jsx51(DropdownMenu.Trigger, { children: /* @__PURE__ */ jsx51(Button, { size: "large", variant: "transparent", children: /* @__PURE__ */ jsx51(DotsVerticalIcon, { color: "gray", height: "20px", width: "20px" }) }) }),
                  /* @__PURE__ */ jsx51(DropdownMenu.Content, { children: dropdownItems == null ? void 0 : dropdownItems.map((item) => /* @__PURE__ */ jsx51(
                    DropdownMenu.Item,
                    {
                      onClick: (e) => {
                        e.stopPropagation();
                        item.onClick();
                      },
                      children: item.label
                    },
                    item.label
                  )) })
                ] })
              ]
            }
          )
        ] })
      }
    );
  }
);
ContentCard.displayName = "StudyCard";
//# sourceMappingURL=chunk-SYRJY6H6.js.map