mta-design-system 0.1.0

package/dist/index.cjs

@@ -0,0 +1,2269 @@
+'use strict';
+
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+var reactSlot = require('@radix-ui/react-slot');
+var React9 = require('react');
+var LucideIcons = require('lucide-react');
+var reactDayPicker = require('react-day-picker');
+var cmdk = require('cmdk');
+var DialogPrimitive = require('@radix-ui/react-dialog');
+var LabelPrimitive = require('@radix-ui/react-label');
+var PopoverPrimitive = require('@radix-ui/react-popover');
+var ProgressPrimitive = require('@radix-ui/react-progress');
+var SelectPrimitive = require('@radix-ui/react-select');
+var SwitchPrimitive = require('@radix-ui/react-switch');
+var TooltipPrimitive = require('@radix-ui/react-tooltip');
+var dateFns = require('date-fns');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React9__namespace = /*#__PURE__*/_interopNamespace(React9);
+var LucideIcons__namespace = /*#__PURE__*/_interopNamespace(LucideIcons);
+var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
+var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
+var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
+var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
+var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
+var SwitchPrimitive__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitive);
+var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
+
+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;
+};
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+var alertVariants = classVarianceAuthority.cva(
+  "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
+  {
+    variants: {
+      variant: {
+        default: "bg-card text-card-foreground",
+        destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Alert(_a) {
+  var _b = _a, {
+    className,
+    variant
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "alert",
+      role: "alert",
+      className: cn(alertVariants({ variant }), className)
+    }, props)
+  );
+}
+function AlertTitle(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "alert-title",
+      className: cn(
+        "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
+        className
+      )
+    }, props)
+  );
+}
+function AlertDescription(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "alert-description",
+      className: cn(
+        "text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
+        className
+      )
+    }, props)
+  );
+}
+var buttonVariants = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button(_a) {
+  var _b = _a, {
+    className,
+    variant,
+    size,
+    asChild = false
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant",
+    "size",
+    "asChild"
+  ]);
+  const Comp = asChild ? reactSlot.Slot : "button";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    __spreadValues({
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className }))
+    }, props)
+  );
+}
+function Calendar(_a) {
+  var _b = _a, {
+    className,
+    classNames,
+    showOutsideDays = true,
+    captionLayout = "label",
+    buttonVariant = "ghost",
+    formatters,
+    components
+  } = _b, props = __objRest(_b, [
+    "className",
+    "classNames",
+    "showOutsideDays",
+    "captionLayout",
+    "buttonVariant",
+    "formatters",
+    "components"
+  ]);
+  const defaultClassNames = reactDayPicker.getDefaultClassNames();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactDayPicker.DayPicker,
+    __spreadValues({
+      showOutsideDays,
+      className: cn(
+        "bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        className
+      ),
+      captionLayout,
+      formatters: __spreadValues({
+        formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" })
+      }, formatters),
+      classNames: __spreadValues({
+        root: cn("w-fit", defaultClassNames.root),
+        months: cn(
+          "flex gap-4 flex-col md:flex-row relative",
+          defaultClassNames.months
+        ),
+        month: cn("flex flex-col w-full gap-4", defaultClassNames.month),
+        nav: cn(
+          "flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",
+          defaultClassNames.nav
+        ),
+        button_previous: cn(
+          buttonVariants({ variant: buttonVariant }),
+          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
+          defaultClassNames.button_previous
+        ),
+        button_next: cn(
+          buttonVariants({ variant: buttonVariant }),
+          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
+          defaultClassNames.button_next
+        ),
+        month_caption: cn(
+          "flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",
+          defaultClassNames.month_caption
+        ),
+        dropdowns: cn(
+          "w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5",
+          defaultClassNames.dropdowns
+        ),
+        dropdown_root: cn(
+          "relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",
+          defaultClassNames.dropdown_root
+        ),
+        dropdown: cn(
+          "absolute bg-popover inset-0 opacity-0",
+          defaultClassNames.dropdown
+        ),
+        caption_label: cn(
+          "select-none font-medium",
+          captionLayout === "label" ? "text-sm" : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5",
+          defaultClassNames.caption_label
+        ),
+        table: "w-full border-collapse",
+        weekdays: cn("flex", defaultClassNames.weekdays),
+        weekday: cn(
+          "text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",
+          defaultClassNames.weekday
+        ),
+        week: cn("flex w-full mt-2", defaultClassNames.week),
+        week_number_header: cn(
+          "select-none w-(--cell-size)",
+          defaultClassNames.week_number_header
+        ),
+        week_number: cn(
+          "text-[0.8rem] select-none text-muted-foreground",
+          defaultClassNames.week_number
+        ),
+        day: cn(
+          "relative w-full h-full p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none",
+          props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-md" : "[&:first-child[data-selected=true]_button]:rounded-l-md",
+          defaultClassNames.day
+        ),
+        range_start: cn(
+          "rounded-l-md bg-accent",
+          defaultClassNames.range_start
+        ),
+        range_middle: cn("rounded-none", defaultClassNames.range_middle),
+        range_end: cn("rounded-r-md bg-accent", defaultClassNames.range_end),
+        today: cn(
+          "bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",
+          defaultClassNames.today
+        ),
+        outside: cn(
+          "text-muted-foreground aria-selected:text-muted-foreground",
+          defaultClassNames.outside
+        ),
+        disabled: cn(
+          "text-muted-foreground opacity-50",
+          defaultClassNames.disabled
+        ),
+        hidden: cn("invisible", defaultClassNames.hidden)
+      }, classNames),
+      components: __spreadValues({
+        Root: (_a2) => {
+          var _b2 = _a2, { className: className2, rootRef } = _b2, props2 = __objRest(_b2, ["className", "rootRef"]);
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            __spreadValues({
+              "data-slot": "calendar",
+              ref: rootRef,
+              className: cn(className2)
+            }, props2)
+          );
+        },
+        Chevron: (_c) => {
+          var _d = _c, { className: className2, orientation } = _d, props2 = __objRest(_d, ["className", "orientation"]);
+          if (orientation === "left") {
+            return /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronLeftIcon, __spreadValues({ className: cn("size-4", className2) }, props2));
+          }
+          if (orientation === "right") {
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              LucideIcons.ChevronRightIcon,
+              __spreadValues({
+                className: cn("size-4", className2)
+              }, props2)
+            );
+          }
+          return /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronDownIcon, __spreadValues({ className: cn("size-4", className2) }, props2));
+        },
+        DayButton: CalendarDayButton,
+        WeekNumber: (_e) => {
+          var _f = _e, { children } = _f, props2 = __objRest(_f, ["children"]);
+          return /* @__PURE__ */ jsxRuntime.jsx("td", __spreadProps(__spreadValues({}, props2), { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) }));
+        }
+      }, components)
+    }, props)
+  );
+}
+function CalendarDayButton(_a) {
+  var _b = _a, {
+    className,
+    day,
+    modifiers
+  } = _b, props = __objRest(_b, [
+    "className",
+    "day",
+    "modifiers"
+  ]);
+  const defaultClassNames = reactDayPicker.getDefaultClassNames();
+  const ref = React9__namespace.useRef(null);
+  React9__namespace.useEffect(() => {
+    var _a2;
+    if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
+  }, [modifiers.focused]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Button,
+    __spreadValues({
+      ref,
+      variant: "ghost",
+      size: "icon",
+      "data-day": day.date.toLocaleDateString(),
+      "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
+      "data-range-start": modifiers.range_start,
+      "data-range-end": modifiers.range_end,
+      "data-range-middle": modifiers.range_middle,
+      className: cn(
+        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
+        defaultClassNames.day,
+        className
+      )
+    }, props)
+  );
+}
+function Card(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "card",
+      className: cn(
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+        className
+      )
+    }, props)
+  );
+}
+function CardHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "card-header",
+      className: cn(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        className
+      )
+    }, props)
+  );
+}
+function CardTitle(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "card-title",
+      className: cn("leading-none font-semibold", className)
+    }, props)
+  );
+}
+function CardDescription(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "card-description",
+      className: cn("text-muted-foreground text-sm", className)
+    }, props)
+  );
+}
+function CardAction(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "card-action",
+      className: cn(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        className
+      )
+    }, props)
+  );
+}
+function CardContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "card-content",
+      className: cn("px-6", className)
+    }, props)
+  );
+}
+function CardFooter(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "card-footer",
+      className: cn("flex items-center px-6 [.border-t]:pt-6", className)
+    }, props)
+  );
+}
+function Dialog(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Root, __spreadValues({ "data-slot": "dialog" }, props));
+}
+function DialogTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Trigger, __spreadValues({ "data-slot": "dialog-trigger" }, props));
+}
+function DialogPortal(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Portal, __spreadValues({ "data-slot": "dialog-portal" }, props));
+}
+function DialogClose(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, __spreadValues({ "data-slot": "dialog-close" }, props));
+}
+function DialogOverlay(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DialogPrimitive__namespace.Overlay,
+    __spreadValues({
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      )
+    }, props)
+  );
+}
+function DialogContent(_a) {
+  var _b = _a, {
+    className,
+    children,
+    showCloseButton = true
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "showCloseButton"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      DialogPrimitive__namespace.Content,
+      __spreadProps(__spreadValues({
+        "data-slot": "dialog-content",
+        className: cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg",
+          className
+        )
+      }, props), {
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxRuntime.jsxs(
+            DialogPrimitive__namespace.Close,
+            {
+              "data-slot": "dialog-close",
+              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.XIcon, {}),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      })
+    )
+  ] });
+}
+function DialogHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "dialog-header",
+      className: cn("flex flex-col gap-2 text-center sm:text-left", className)
+    }, props)
+  );
+}
+function DialogFooter(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "dialog-footer",
+      className: cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className
+      )
+    }, props)
+  );
+}
+function DialogTitle(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DialogPrimitive__namespace.Title,
+    __spreadValues({
+      "data-slot": "dialog-title",
+      className: cn("text-lg leading-none font-semibold", className)
+    }, props)
+  );
+}
+function DialogDescription(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DialogPrimitive__namespace.Description,
+    __spreadValues({
+      "data-slot": "dialog-description",
+      className: cn("text-muted-foreground text-sm", className)
+    }, props)
+  );
+}
+function Command(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command,
+    __spreadValues({
+      "data-slot": "command",
+      className: cn(
+        "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
+        className
+      )
+    }, props)
+  );
+}
+function CommandDialog(_a) {
+  var _b = _a, {
+    title = "Command Palette",
+    description = "Search for a command to run...",
+    children,
+    className,
+    showCloseButton = true
+  } = _b, props = __objRest(_b, [
+    "title",
+    "description",
+    "children",
+    "className",
+    "showCloseButton"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(Dialog, __spreadProps(__spreadValues({}, props), { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { className: "sr-only", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      DialogContent,
+      {
+        className: cn("overflow-hidden p-0", className),
+        showCloseButton,
+        children: /* @__PURE__ */ jsxRuntime.jsx(Command, { className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children })
+      }
+    )
+  ] }));
+}
+function CommandInput(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "command-input-wrapper",
+      className: "flex h-9 items-center gap-2 border-b px-3",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          cmdk.Command.Input,
+          __spreadValues({
+            "data-slot": "command-input",
+            className: cn(
+              "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+              className
+            )
+          }, props)
+        )
+      ]
+    }
+  );
+}
+function CommandList(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.List,
+    __spreadValues({
+      "data-slot": "command-list",
+      className: cn(
+        "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
+        className
+      )
+    }, props)
+  );
+}
+function CommandEmpty(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.Empty,
+    __spreadValues({
+      "data-slot": "command-empty",
+      className: "py-6 text-center text-sm"
+    }, props)
+  );
+}
+function CommandGroup(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.Group,
+    __spreadValues({
+      "data-slot": "command-group",
+      className: cn(
+        "text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
+        className
+      )
+    }, props)
+  );
+}
+function CommandSeparator(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.Separator,
+    __spreadValues({
+      "data-slot": "command-separator",
+      className: cn("bg-border -mx-1 h-px", className)
+    }, props)
+  );
+}
+function CommandItem(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.Item,
+    __spreadValues({
+      "data-slot": "command-item",
+      className: cn(
+        "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )
+    }, props)
+  );
+}
+function CommandShortcut(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    __spreadValues({
+      "data-slot": "command-shortcut",
+      className: cn(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        className
+      )
+    }, props)
+  );
+}
+function Input(_a) {
+  var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    __spreadValues({
+      type,
+      "data-slot": "input",
+      className: cn(
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+        className
+      )
+    }, props)
+  );
+}
+function Label(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    LabelPrimitive__namespace.Root,
+    __spreadValues({
+      "data-slot": "label",
+      className: cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      )
+    }, props)
+  );
+}
+function Popover(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Root, __spreadValues({ "data-slot": "popover" }, props));
+}
+function PopoverTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
+}
+function PopoverContent(_a) {
+  var _b = _a, {
+    className,
+    align = "center",
+    sideOffset = 4
+  } = _b, props = __objRest(_b, [
+    "className",
+    "align",
+    "sideOffset"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    PopoverPrimitive__namespace.Content,
+    __spreadValues({
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        className
+      )
+    }, props)
+  ) });
+}
+function PopoverAnchor(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Anchor, __spreadValues({ "data-slot": "popover-anchor" }, props));
+}
+function Progress(_a) {
+  var _b = _a, {
+    className,
+    value
+  } = _b, props = __objRest(_b, [
+    "className",
+    "value"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ProgressPrimitive__namespace.Root,
+    __spreadProps(__spreadValues({
+      "data-slot": "progress",
+      className: cn(
+        "bg-primary/20 relative h-2 w-full overflow-hidden rounded-full",
+        className
+      )
+    }, props), {
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        ProgressPrimitive__namespace.Indicator,
+        {
+          "data-slot": "progress-indicator",
+          className: "bg-[var(--theme-primary,black)] h-full w-full flex-1 transition-all",
+          style: { transform: `translateX(-${100 - (value || 0)}%)` }
+        }
+      )
+    })
+  );
+}
+function Select(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Root, __spreadValues({ "data-slot": "select" }, props));
+}
+function SelectGroup(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Group, __spreadValues({ "data-slot": "select-group" }, props));
+}
+function SelectValue(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Value, __spreadValues({ "data-slot": "select-value" }, props));
+}
+function SelectTrigger(_a) {
+  var _b = _a, {
+    className,
+    size = "default",
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    SelectPrimitive__namespace.Trigger,
+    __spreadProps(__spreadValues({
+      "data-slot": "select-trigger",
+      "data-size": size,
+      className: cn(
+        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronDownIcon, { className: "size-4 opacity-50" }) })
+      ]
+    })
+  );
+}
+function SelectContent(_a) {
+  var _b = _a, {
+    className,
+    children,
+    position = "item-aligned",
+    align = "center"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "position",
+    "align"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+    SelectPrimitive__namespace.Content,
+    __spreadProps(__spreadValues({
+      "data-slot": "select-content",
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      ),
+      position,
+      align
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          SelectPrimitive__namespace.Viewport,
+          {
+            className: cn(
+              "p-1",
+              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+            ),
+            children
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(SelectScrollDownButton, {})
+      ]
+    })
+  ) });
+}
+function SelectLabel(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SelectPrimitive__namespace.Label,
+    __spreadValues({
+      "data-slot": "select-label",
+      className: cn("text-muted-foreground px-2 py-1.5 text-xs", className)
+    }, props)
+  );
+}
+function SelectItem(_a) {
+  var _b = _a, {
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    SelectPrimitive__namespace.Item,
+    __spreadProps(__spreadValues({
+      "data-slot": "select-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      )
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "data-slot": "select-item-indicator",
+            className: "absolute right-2 flex size-3.5 items-center justify-center",
+            children: /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.CheckIcon, { className: "size-4" }) })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, { children })
+      ]
+    })
+  );
+}
+function SelectSeparator(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SelectPrimitive__namespace.Separator,
+    __spreadValues({
+      "data-slot": "select-separator",
+      className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className)
+    }, props)
+  );
+}
+function SelectScrollUpButton(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SelectPrimitive__namespace.ScrollUpButton,
+    __spreadProps(__spreadValues({
+      "data-slot": "select-scroll-up-button",
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      )
+    }, props), {
+      children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronUpIcon, { className: "size-4" })
+    })
+  );
+}
+function SelectScrollDownButton(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SelectPrimitive__namespace.ScrollDownButton,
+    __spreadProps(__spreadValues({
+      "data-slot": "select-scroll-down-button",
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      )
+    }, props), {
+      children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronDownIcon, { className: "size-4" })
+    })
+  );
+}
+var Spinner = React9__namespace.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, size = "md" } = _b, props = __objRest(_b, ["className", "size"]);
+    const sizeClasses = {
+      sm: "h-4 w-4",
+      md: "h-6 w-6",
+      lg: "h-8 w-8",
+      xl: "h-12 w-12"
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        className: cn("animate-spin", sizeClasses[size], className)
+      }, props), {
+        children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+      })
+    );
+  }
+);
+Spinner.displayName = "Spinner";
+function Switch(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SwitchPrimitive__namespace.Root,
+    __spreadProps(__spreadValues({
+      "data-slot": "switch",
+      className: cn(
+        "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      )
+    }, props), {
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        SwitchPrimitive__namespace.Thumb,
+        {
+          "data-slot": "switch-thumb",
+          className: cn(
+            "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
+          )
+        }
+      )
+    })
+  );
+}
+function Table(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: "relative w-full overflow-x-auto",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "table",
+        __spreadValues({
+          "data-slot": "table",
+          className: cn("w-full caption-bottom text-sm", className)
+        }, props)
+      )
+    }
+  );
+}
+function TableHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "thead",
+    __spreadValues({
+      "data-slot": "table-header",
+      className: cn("[&_tr]:border-b", className)
+    }, props)
+  );
+}
+function TableBody(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "tbody",
+    __spreadValues({
+      "data-slot": "table-body",
+      className: cn("[&_tr:last-child]:border-0", className)
+    }, props)
+  );
+}
+function TableFooter(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "tfoot",
+    __spreadValues({
+      "data-slot": "table-footer",
+      className: cn(
+        "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
+        className
+      )
+    }, props)
+  );
+}
+function TableRow(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "tr",
+    __spreadValues({
+      "data-slot": "table-row",
+      className: cn(
+        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+        className
+      )
+    }, props)
+  );
+}
+function TableHead(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "th",
+    __spreadValues({
+      "data-slot": "table-head",
+      className: cn(
+        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      )
+    }, props)
+  );
+}
+function TableCell(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "td",
+    __spreadValues({
+      "data-slot": "table-cell",
+      className: cn(
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      )
+    }, props)
+  );
+}
+function TableCaption(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "caption",
+    __spreadValues({
+      "data-slot": "table-caption",
+      className: cn("text-muted-foreground mt-4 text-sm", className)
+    }, props)
+  );
+}
+function TooltipProvider(_a) {
+  var _b = _a, {
+    delayDuration = 0
+  } = _b, props = __objRest(_b, [
+    "delayDuration"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TooltipPrimitive__namespace.Provider,
+    __spreadValues({
+      "data-slot": "tooltip-provider",
+      delayDuration
+    }, props)
+  );
+}
+function Tooltip(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Root, __spreadValues({ "data-slot": "tooltip" }, props)) });
+}
+function TooltipTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
+}
+function TooltipContent(_a) {
+  var _b = _a, {
+    className,
+    sideOffset = 0,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "sideOffset",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+    TooltipPrimitive__namespace.Content,
+    __spreadProps(__spreadValues({
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn(
+        "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+        className
+      )
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          TooltipPrimitive__namespace.Arrow,
+          {
+            "data-slot": "tooltip-arrow",
+            className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] fill-foreground bg-foreground"
+          }
+        )
+      ]
+    })
+  ) });
+}
+
+// src/stories/claimmind/theme.ts
+var themeStyles = {
+  Default: {
+    primary: "var(--claimmind-primary)",
+    secondary: "var(--claimmind-secondary)",
+    tertiary: "var(--claimmind-tertiary)",
+    success: "var(--claimmind-success)",
+    danger: "var(--claimmind-danger)",
+    background: "var(--claimmind-background)"
+  },
+  Owlexa: {
+    primary: "var(--owlexa-primary)",
+    secondary: "var(--owlexa-secondary)",
+    tertiary: "var(--owlexa-tertiary)",
+    success: "var(--owlexa-success)",
+    danger: "var(--owlexa-danger)",
+    background: "var(--owlexa-background)"
+  },
+  BPJS: {
+    primary: "var(--bpjs-primary)",
+    secondary: "var(--bpjs-secondary)",
+    tertiary: "var(--bpjs-tertiary)",
+    success: "var(--bpjs-success)",
+    danger: "var(--bpjs-danger)",
+    background: "var(--bpjs-background)"
+  }
+};
+function ClaimMindSpinner({ theme = "Default", size = "md", className }) {
+  const currentTheme = themeStyles[theme];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Spinner,
+    {
+      size,
+      style: {
+        "--theme-primary": currentTheme.primary
+      },
+      className: cn(
+        "text-[var(--theme-primary)]",
+        className
+      )
+    }
+  );
+}
+var Spinner_default = ClaimMindSpinner;
+var ClaimMindButton = React9__namespace.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      label,
+      children,
+      size,
+      variant = "default",
+      theme = "Default",
+      className,
+      loading,
+      disabled,
+      onClick,
+      leftIconName,
+      rightIconName
+    } = _b, props = __objRest(_b, [
+      "label",
+      "children",
+      "size",
+      "variant",
+      "theme",
+      "className",
+      "loading",
+      "disabled",
+      "onClick",
+      "leftIconName",
+      "rightIconName"
+    ]);
+    const currentTheme = themeStyles[theme];
+    let LeftIconComponent = null;
+    if (leftIconName && LucideIcons__namespace[leftIconName]) {
+      const LucideIcon = LucideIcons__namespace[leftIconName];
+      LeftIconComponent = /* @__PURE__ */ jsxRuntime.jsx(LucideIcon, { className: "w-4 h-4" });
+    }
+    let RightIconComponent = null;
+    if (rightIconName && LucideIcons__namespace[rightIconName]) {
+      const LucideIcon = LucideIcons__namespace[rightIconName];
+      RightIconComponent = /* @__PURE__ */ jsxRuntime.jsx(LucideIcon, { className: "w-4 h-4" });
+    }
+    const displayLeftIcon = LeftIconComponent;
+    const displayRightIcon = RightIconComponent;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      Button,
+      __spreadProps(__spreadValues({
+        ref,
+        size,
+        variant,
+        disabled: disabled || loading,
+        onClick,
+        style: {
+          "--theme-primary": currentTheme.primary,
+          "--theme-secondary": currentTheme.secondary,
+          "--theme-tertiary": currentTheme.tertiary,
+          "--theme-success": currentTheme.success,
+          "--theme-danger": currentTheme.danger,
+          "--theme-background": currentTheme.background
+        },
+        className: cn(
+          "font-sans gap-2",
+          variant === "default" && theme === "Default" && "bg-white border border-gray-300 text-gray-700 hover:bg-gray-50 shadow-sm",
+          variant === "default" && theme !== "Default" && "bg-[var(--theme-primary)] hover:bg-[var(--theme-secondary)] text-white shadow-sm",
+          variant === "outline" && "border-[var(--theme-primary)] text-[var(--theme-primary)] hover:bg-[var(--theme-background)]",
+          className
+        )
+      }, props), {
+        children: [
+          loading ? /* @__PURE__ */ jsxRuntime.jsx(Spinner_default, { theme, size: "sm", className: "text-current" }) : displayLeftIcon,
+          children || label,
+          !loading && displayRightIcon
+        ]
+      })
+    );
+  }
+);
+ClaimMindButton.displayName = "ClaimMindButton";
+var Button_default = ClaimMindButton;
+var ClaimMindInput = React9__namespace.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { theme = "Default", className } = _b, props = __objRest(_b, ["theme", "className"]);
+    const currentTheme = themeStyles[theme];
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Input,
+      __spreadValues({
+        ref,
+        style: {
+          "--theme-primary": currentTheme.primary,
+          "--theme-secondary": currentTheme.secondary,
+          "--theme-background": currentTheme.background
+        },
+        className: cn(
+          "font-sans focus-visible:border-[var(--theme-primary)] focus-visible:ring-[var(--theme-primary)]/50",
+          className
+        )
+      }, props)
+    );
+  }
+);
+ClaimMindInput.displayName = "ClaimMindInput";
+var Input_default = ClaimMindInput;
+function ClaimMindAlert(_a) {
+  var _b = _a, { theme = "Default", title, description, icon, className, children } = _b, props = __objRest(_b, ["theme", "title", "description", "icon", "className", "children"]);
+  const currentTheme = themeStyles[theme];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Alert,
+    __spreadProps(__spreadValues({
+      style: {
+        "--theme-primary": currentTheme.primary,
+        "--theme-secondary": currentTheme.secondary,
+        "--theme-tertiary": currentTheme.tertiary,
+        "--theme-success": currentTheme.success,
+        "--theme-danger": currentTheme.danger,
+        "--theme-background": currentTheme.background
+      },
+      className: cn(
+        "font-sans border-[var(--theme-primary)] bg-[var(--theme-background)] text-slate-900",
+        className
+      )
+    }, props), {
+      children: [
+        icon,
+        title && /* @__PURE__ */ jsxRuntime.jsx(AlertTitle, { className: "text-[var(--theme-primary)] font-bold", children: title }),
+        description && /* @__PURE__ */ jsxRuntime.jsx(AlertDescription, { className: "text-slate-700", children: description }),
+        children
+      ]
+    })
+  );
+}
+var ClaimMindSwitch = React9__namespace.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { theme = "Default", className } = _b, props = __objRest(_b, ["theme", "className"]);
+    const currentTheme = themeStyles[theme];
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Switch,
+      __spreadValues({
+        ref,
+        style: {
+          "--theme-primary": currentTheme.primary
+        },
+        className: cn(
+          "data-[state=checked]:bg-[var(--theme-primary)]",
+          className
+        )
+      }, props)
+    );
+  }
+);
+ClaimMindSwitch.displayName = "ClaimMindSwitch";
+var Switch_default = ClaimMindSwitch;
+function ClaimMindTooltip({
+  content,
+  children,
+  theme = "Default",
+  variant = "theme",
+  side = "top"
+}) {
+  const currentTheme = themeStyles[theme];
+  const isThemeVariant = variant === "theme";
+  return /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      TooltipContent,
+      {
+        side,
+        style: isThemeVariant ? {
+          "--theme-primary": currentTheme.primary
+        } : void 0,
+        className: cn(
+          isThemeVariant && "bg-[var(--theme-primary)] text-white border-[var(--theme-primary)]",
+          isThemeVariant && "[&_[data-slot=tooltip-arrow]]:fill-[var(--theme-primary)] [&_[data-slot=tooltip-arrow]]:bg-[var(--theme-primary)]"
+        ),
+        children: content
+      }
+    )
+  ] });
+}
+var Tooltip_default = ClaimMindTooltip;
+function ClaimMindCard(_a) {
+  var _b = _a, { theme = "Default", showTopBorder = false, className, children } = _b, props = __objRest(_b, ["theme", "showTopBorder", "className", "children"]);
+  const currentTheme = themeStyles[theme];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Card,
+    __spreadProps(__spreadValues({
+      style: {
+        "--theme-primary": currentTheme.primary,
+        "--theme-secondary": currentTheme.secondary,
+        "--theme-tertiary": currentTheme.tertiary,
+        "--theme-success": currentTheme.success,
+        "--theme-danger": currentTheme.danger,
+        "--theme-background": currentTheme.background
+      },
+      className: cn(
+        "font-sans shadow",
+        showTopBorder && "border-t-4 border-t-(--theme-primary)",
+        className
+      )
+    }, props), {
+      children
+    })
+  );
+}
+var ClaimMindSelect = ({
+  placeholder = "Pilih opsi",
+  options,
+  theme = "Default",
+  className,
+  label,
+  value,
+  onValueChange,
+  disabled
+}) => {
+  const currentTheme = themeStyles[theme];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      style: {
+        "--theme-primary": currentTheme.primary,
+        "--theme-secondary": currentTheme.secondary,
+        "--theme-background": currentTheme.background
+      },
+      className: cn("w-full grid gap-1.5", className),
+      children: [
+        label && /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: label }),
+        /* @__PURE__ */ jsxRuntime.jsxs(Select, { value, onValueChange, disabled, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            SelectTrigger,
+            {
+              className: cn(
+                "w-full font-sans",
+                "focus-visible:ring-[var(--theme-primary)]/50 focus-visible:border-[var(--theme-primary)]",
+                "hover:bg-[var(--theme-background)] hover:text-[var(--theme-primary)] hover:border-[var(--theme-primary)] transition-colors",
+                "[&_svg]:hover:text-[var(--theme-primary)]"
+              ),
+              children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            SelectContent,
+            {
+              className: "font-sans",
+              style: {
+                "--accent": currentTheme.primary,
+                "--accent-foreground": "white"
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsx(SelectGroup, { children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
+                SelectItem,
+                {
+                  value: option.value,
+                  children: option.label
+                },
+                option.value
+              )) })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+var Select_default = ClaimMindSelect;
+function ClaimMindCombobox({
+  options,
+  placeholder = "Pilih item...",
+  searchPlaceholder = "Cari item...",
+  emptyText = "Item tidak ditemukan.",
+  theme = "Default",
+  className,
+  label,
+  value,
+  onValueChange,
+  disabled
+}) {
+  var _a;
+  const [open, setOpen] = React9__namespace.useState(false);
+  const currentTheme = themeStyles[theme];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      style: {
+        "--theme-primary": currentTheme.primary,
+        "--theme-secondary": currentTheme.secondary,
+        "--theme-background": currentTheme.background
+      },
+      className: cn("w-full grid gap-1.5", className),
+      children: [
+        label && /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: label }),
+        /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: setOpen, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+            Button,
+            {
+              variant: "outline",
+              role: "combobox",
+              "aria-expanded": open,
+              disabled,
+              className: cn(
+                "w-full justify-between font-sans font-normal",
+                "focus-visible:ring-[var(--theme-primary)]/50 focus-visible:border-[var(--theme-primary)]",
+                "hover:bg-[var(--theme-background)] hover:text-[var(--theme-primary)] hover:border-[var(--theme-primary)] transition-colors",
+                "[&_svg]:hover:text-[var(--theme-primary)]",
+                !value && "text-muted-foreground"
+              ),
+              children: [
+                value ? (_a = options.find((option) => option.value === value)) == null ? void 0 : _a.label : placeholder,
+                /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-full p-0 font-sans", align: "start", children: /* @__PURE__ */ jsxRuntime.jsxs(
+            Command,
+            {
+              className: "w-full",
+              style: {
+                "--accent": currentTheme.primary,
+                "--accent-foreground": "white"
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(CommandInput, { placeholder: searchPlaceholder, className: "font-sans" }),
+                /* @__PURE__ */ jsxRuntime.jsxs(CommandList, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(CommandEmpty, { children: emptyText }),
+                  /* @__PURE__ */ jsxRuntime.jsx(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
+                    CommandItem,
+                    {
+                      value: option.value,
+                      className: "font-sans",
+                      onSelect: (currentValue) => {
+                        onValueChange == null ? void 0 : onValueChange(currentValue === value ? "" : currentValue);
+                        setOpen(false);
+                      },
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          LucideIcons.Check,
+                          {
+                            className: cn(
+                              "mr-2 h-4 w-4",
+                              value === option.value ? "opacity-100" : "opacity-0"
+                            )
+                          }
+                        ),
+                        option.label
+                      ]
+                    },
+                    option.value
+                  )) })
+                ] })
+              ]
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}
+var Combobox_default = ClaimMindCombobox;
+var ClaimMindDialog = (_a) => {
+  var _b = _a, { theme = "Default" } = _b, props = __objRest(_b, ["theme"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, __spreadValues({}, props));
+};
+var ClaimMindDialogContent = React9__namespace.forwardRef((_a, ref) => {
+  var _b = _a, { theme = "Default", className, children } = _b, props = __objRest(_b, ["theme", "className", "children"]);
+  const currentTheme = themeStyles[theme];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DialogContent,
+    __spreadProps(__spreadValues({
+      ref,
+      style: {
+        "--theme-primary": currentTheme.primary,
+        "--theme-secondary": currentTheme.secondary,
+        "--theme-background": currentTheme.background
+      },
+      className: cn(
+        "font-sans",
+        className
+      )
+    }, props), {
+      children
+    })
+  );
+});
+ClaimMindDialogContent.displayName = "ClaimMindDialogContent";
+var ClaimMindDialogHeader = (_a) => {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogHeader, __spreadValues({ className: cn("font-sans", className) }, props));
+};
+var ClaimMindDialogFooter = (_a) => {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogFooter, __spreadValues({ className: cn("font-sans", className) }, props));
+};
+var ClaimMindDialogTitle = React9__namespace.forwardRef((_a, ref) => {
+  var _b = _a, { theme = "Default", className } = _b, props = __objRest(_b, ["theme", "className"]);
+  const currentTheme = themeStyles[theme];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DialogTitle,
+    __spreadValues({
+      ref,
+      style: { "--theme-primary": currentTheme.primary },
+      className: cn("text-[var(--theme-primary)] font-bold", className)
+    }, props)
+  );
+});
+ClaimMindDialogTitle.displayName = "ClaimMindDialogTitle";
+var ClaimMindDialogDescription = (_a) => {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, __spreadValues({ className: cn("text-slate-600", className) }, props));
+};
+var ClaimMindDialogTrigger = DialogTrigger;
+var ClaimMindDialogClose = DialogClose;
+var ClaimMindTable = React9__namespace.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { theme = "Default", variant = "default", className, children } = _b, props = __objRest(_b, ["theme", "variant", "className", "children"]);
+    const currentTheme = themeStyles[theme];
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Table,
+      __spreadProps(__spreadValues({
+        ref,
+        style: {
+          "--theme-primary": currentTheme.primary,
+          "--theme-secondary": currentTheme.secondary,
+          "--theme-background": currentTheme.background
+        },
+        className: cn(
+          "font-sans",
+          variant === "striped" && "[&_tbody_tr:nth-child(even)]:bg-[var(--theme-background)]",
+          className
+        )
+      }, props), {
+        children
+      })
+    );
+  }
+);
+ClaimMindTable.displayName = "ClaimMindTable";
+function ClaimMindDatePicker({
+  date,
+  setDate,
+  placeholder = "Pilih tanggal",
+  theme = "Default",
+  className
+}) {
+  const currentTheme = themeStyles[theme];
+  return /* @__PURE__ */ jsxRuntime.jsxs(Popover, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      Button,
+      {
+        variant: "outline",
+        style: {
+          "--theme-primary": currentTheme.primary,
+          "--theme-secondary": currentTheme.secondary,
+          "--theme-background": currentTheme.background
+        },
+        className: cn(
+          "w-[280px] justify-start text-left font-normal font-sans",
+          "border-input hover:bg-[var(--theme-background)] hover:text-[var(--theme-primary)] hover:border-[var(--theme-primary)]",
+          "focus-visible:ring-[var(--theme-primary)]/50 focus-visible:border-[var(--theme-primary)]",
+          !date && "text-muted-foreground",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.CalendarIcon, { className: "mr-2 h-4 w-4" }),
+          date ? dateFns.format(date, "PPP") : /* @__PURE__ */ jsxRuntime.jsx("span", { children: placeholder })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PopoverContent,
+      {
+        className: "w-auto p-0",
+        align: "start",
+        style: {
+          "--theme-primary": currentTheme.primary,
+          "--theme-secondary": currentTheme.secondary,
+          "--theme-background": currentTheme.background
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          Calendar,
+          {
+            mode: "single",
+            selected: date,
+            onSelect: setDate,
+            initialFocus: true,
+            className: "font-sans",
+            classNames: {
+              day_button: cn(
+                "data-[selected-single=true]:bg-[var(--theme-primary)] data-[selected-single=true]:text-white",
+                "data-[range-start=true]:bg-[var(--theme-primary)] data-[range-start=true]:text-white",
+                "data-[range-end=true]:bg-[var(--theme-primary)] data-[range-end=true]:text-white",
+                "group-data-[focused=true]/day:ring-[var(--theme-primary)]/50 group-data-[focused=true]/day:border-[var(--theme-primary)]"
+              ),
+              today: "text-[var(--theme-primary)] font-bold bg-[var(--theme-background)]"
+            }
+          }
+        )
+      }
+    )
+  ] });
+}
+var DatePicker_default = ClaimMindDatePicker;
+var Chat = ({
+  theme = "Default",
+  variant = "float",
+  title = "Chat Support",
+  messages = [],
+  onSendMessage,
+  isOpen = false,
+  onToggle,
+  placeholder = "Ketik pesan...",
+  className
+}) => {
+  const currentTheme = themeStyles[theme];
+  const [inputValue, setInputValue] = React9__namespace.useState("");
+  const scrollRef = React9__namespace.useRef(null);
+  React9__namespace.useEffect(() => {
+    if (scrollRef.current) {
+      scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+    }
+  }, [messages, isOpen]);
+  const handleSend = () => {
+    if (inputValue.trim() && onSendMessage) {
+      onSendMessage(inputValue);
+      setInputValue("");
+    }
+  };
+  const handleKeyPress = (e) => {
+    if (e.key === "Enter") {
+      handleSend();
+    }
+  };
+  const containerClasses = cn(
+    "fixed z-50 flex flex-col transition-all duration-300 ease-in-out font-sans",
+    variant === "float" ? "bottom-6 right-6 w-80 sm:w-96" : "bottom-0 right-6 w-80 sm:w-96",
+    !isOpen && (variant === "float" ? "h-0 w-0 opacity-0 pointer-events-none" : "h-0 opacity-0 pointer-events-none"),
+    isOpen && (variant === "float" ? "h-[500px]" : "h-[500px]"),
+    className
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    !isOpen && /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        onClick: onToggle,
+        style: {
+          backgroundColor: currentTheme.primary
+        },
+        className: cn(
+          "fixed z-50 flex items-center justify-center w-14 h-14 rounded-full text-white shadow-lg hover:opacity-90 transition-all focus:outline-none focus:ring-2 focus:ring-offset-2",
+          variant === "float" ? "bottom-6 right-6" : "bottom-0 right-6 rounded-b-none h-12",
+          `focus:ring-[var(--theme-primary)]`
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.MessageCircle, { size: 24 })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: containerClasses,
+        style: {
+          "--theme-primary": currentTheme.primary,
+          "--theme-secondary": currentTheme.secondary,
+          "--theme-background": currentTheme.background
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: cn(
+                "flex items-center justify-between p-4 rounded-t-lg text-white shadow-md",
+                variant === "bottom-side" && "rounded-t-lg rounded-b-none"
+              ),
+              style: { backgroundColor: currentTheme.primary },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-2 h-2 rounded-full bg-green-400 animate-pulse" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-bold", children: title })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    onClick: onToggle,
+                    className: "p-1 hover:bg-white/20 rounded-full transition-colors",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.X, { size: 20 })
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              ref: scrollRef,
+              className: "flex-1 overflow-y-auto p-4 bg-white border-x border-slate-200 space-y-4",
+              children: messages.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center h-full text-slate-400 text-sm", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.MessageCircle, { size: 48, className: "mb-2 opacity-20" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Belum ada pesan" })
+              ] }) : messages.map((msg) => /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: cn(
+                    "flex flex-col max-w-[80%]",
+                    msg.sender === "user" ? "ml-auto items-end" : "mr-auto items-start"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "div",
+                      {
+                        className: cn(
+                          "px-4 py-2 rounded-2xl text-sm shadow-sm",
+                          msg.sender === "user" ? "bg-[var(--theme-primary)] text-white rounded-tr-none" : "bg-slate-100 text-slate-800 rounded-tl-none"
+                        ),
+                        style: msg.sender === "user" ? { backgroundColor: currentTheme.primary } : {},
+                        children: msg.text
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-slate-400 mt-1", children: msg.timestamp.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) })
+                  ]
+                },
+                msg.id
+              ))
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: cn(
+                "p-4 bg-white border-x border-b border-slate-200 flex gap-2 items-center",
+                variant === "float" ? "rounded-b-lg" : ""
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Input_default,
+                  {
+                    theme,
+                    value: inputValue,
+                    onChange: (e) => setInputValue(e.target.value),
+                    onKeyPress: handleKeyPress,
+                    placeholder,
+                    className: "flex-1"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Button_default,
+                  {
+                    theme,
+                    size: "icon",
+                    onClick: handleSend,
+                    className: "shrink-0 h-10 w-10",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Send, { size: 18 })
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+var Chat_default = Chat;
+function Title2({
+  children,
+  size = "xl",
+  iconName,
+  theme = "Default",
+  colorVariant = "primary",
+  fontWeight = "bold",
+  className
+}) {
+  const currentTheme = themeStyles[theme];
+  const iconColor = currentTheme[colorVariant] || currentTheme.primary;
+  let IconComponent = null;
+  if (iconName && LucideIcons__namespace[iconName]) {
+    const LucideIcon = LucideIcons__namespace[iconName];
+    const iconSizeMap = {
+      "sm": "w-4 h-4",
+      "md": "w-5 h-5",
+      "lg": "w-6 h-6",
+      "xl": "w-7 h-7",
+      "2xl": "w-8 h-8",
+      "3xl": "w-9 h-9"
+    };
+    IconComponent = /* @__PURE__ */ jsxRuntime.jsx(
+      LucideIcon,
+      {
+        className: cn(iconSizeMap[size] || "w-6 h-6"),
+        style: { color: iconColor }
+      }
+    );
+  }
+  const displayIcon = IconComponent;
+  const sizeClasses = {
+    "sm": "text-sm",
+    "md": "text-base",
+    "lg": "text-lg",
+    "xl": "text-xl",
+    "2xl": "text-2xl",
+    "3xl": "text-3xl"
+  };
+  const weightClasses = {
+    "normal": "font-normal",
+    "medium": "font-medium",
+    "semibold": "font-semibold",
+    "bold": "font-bold"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-3", className), children: [
+    displayIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0", children: displayIcon }),
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn(
+      "tracking-tight text-foreground",
+      sizeClasses[size],
+      weightClasses[fontWeight]
+    ), children })
+  ] });
+}
+function DashboardCard({
+  label,
+  value,
+  iconName,
+  icon,
+  theme = "Default",
+  colorVariant = "primary",
+  className
+}) {
+  const currentTheme = themeStyles[theme];
+  const iconColor = currentTheme[colorVariant] || currentTheme.primary;
+  let IconComponent = null;
+  if (iconName && LucideIcons__namespace[iconName]) {
+    const LucideIcon = LucideIcons__namespace[iconName];
+    IconComponent = /* @__PURE__ */ jsxRuntime.jsx(LucideIcon, { className: "w-6 h-6", style: { color: iconColor } });
+  }
+  const displayIcon = icon || IconComponent;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ClaimMindCard,
+    {
+      theme,
+      className: cn("p-6", className),
+      showTopBorder: true,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
+        displayIcon && displayIcon,
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-muted-foreground mb-1", children: label }),
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-2xl font-bold tracking-tight", children: value })
+        ] })
+      ] })
+    }
+  );
+}
+function SyncProgress({
+  theme = "Default",
+  title,
+  icon,
+  iconName,
+  status = "idle",
+  progress: manualProgress,
+  totalItems,
+  completedItems,
+  description,
+  className,
+  variant = "Summary",
+  inpatientCount,
+  outpatientCount
+}) {
+  const currentTheme = themeStyles[theme];
+  const defaultTitle = variant === "Summary" ? "Summary Progress" : variant === "Validasi" ? "Validasi Dokumen Klaim" : "Jenis Rawat";
+  const hasItems = totalItems !== void 0 && completedItems !== void 0;
+  const progress = hasItems ? totalItems > 0 ? completedItems / totalItems * 100 : 0 : manualProgress != null ? manualProgress : 0;
+  let renderedIcon = icon;
+  if (iconName && LucideIcons__namespace[iconName]) {
+    const IconComponent = LucideIcons__namespace[iconName];
+    renderedIcon = /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { className: "w-5 h-5" });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ClaimMindCard,
+    {
+      theme,
+      className: cn(
+        "w-full",
+        variant === "Summary" && "bg-[var(--theme-background)]",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(CardHeader, { className: "pb-0", children: /* @__PURE__ */ jsxRuntime.jsxs(CardTitle, { className: "text-lg font-semibold flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+            renderedIcon,
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: title || defaultTitle })
+          ] }),
+          status === "running" && /* @__PURE__ */ jsxRuntime.jsx(Spinner_default, { theme, size: "sm" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: variant === "Healthcare Type" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center border-b pb-2 border-gray-100", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-3 h-3 bg-claimmind-primary rounded-full" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-600", children: "Rawat Inap" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-bold text-gray-900", children: inpatientCount || 0 })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-3 h-3 bg-claimmind-tertiary rounded-full" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-600", children: "Rawat Jalan" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-bold text-gray-900", children: outpatientCount || 0 })
+          ] })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Progress,
+              {
+                value: progress,
+                className: "h-2",
+                style: {
+                  "--theme-primary": status === "completed" ? currentTheme.success : status === "error" ? currentTheme.danger : currentTheme.tertiary
+                }
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between text-sm text-muted-foreground", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: status === "completed" ? "Selesai" : status === "running" ? "Memproses..." : "Menunggu" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: hasItems ? `${completedItems} / ${totalItems}` : `${Math.round(progress)}%` })
+            ] })
+          ] }),
+          description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: description })
+        ] }) })
+      ]
+    }
+  );
+}
+var LoginPage = ({
+  theme = "Default",
+  title = "Login ke ClaimMind",
+  description = "Masukkan email dan kata sandi Anda untuk mengakses akun."
+}) => {
+  const currentTheme = themeStyles[theme];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      style: {
+        "--theme-primary": currentTheme.primary,
+        "--theme-secondary": currentTheme.secondary,
+        "--theme-background": currentTheme.background
+      },
+      className: "min-h-screen w-full flex items-center justify-center bg-[var(--theme-background)] p-4 font-sans",
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col w-full justify-center items-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("img", { src: theme === "Owlexa" ? "/logo-owlexa.webp" : theme === "BPJS" ? "/BPJS_ketenagakerjaan_logo.png" : "", className: "w-56 mb-5" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ClaimMindCard, { theme, className: "w-full max-w-md", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { className: "space-y-1 text-center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { className: "text-2xl font-bold tracking-tight text-slate-900", children: title }),
+            /* @__PURE__ */ jsxRuntime.jsx(CardDescription, { className: "text-slate-500", children: description })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "grid gap-4 mt-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: "email", className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: "Email" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Input_default,
+                {
+                  id: "email",
+                  type: "email",
+                  placeholder: "nama@perusahaan.com",
+                  theme
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: "password", children: "Kata Sandi" }),
+                /* @__PURE__ */ jsxRuntime.jsx("a", { href: "#", className: "text-sm text-[var(--theme-primary)] hover:underline", children: "Lupa kata sandi?" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Input_default,
+                {
+                  id: "password",
+                  type: "password",
+                  theme
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(CardFooter, { className: "flex flex-col gap-4 mt-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Button_default,
+              {
+                label: "Masuk",
+                theme,
+                className: "w-full"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center text-sm text-slate-500", children: [
+              "Belum punya akun?",
+              " ",
+              /* @__PURE__ */ jsxRuntime.jsx("a", { href: "#", className: "text-[var(--theme-primary)] font-medium hover:underline", children: "Daftar sekarang" })
+            ] })
+          ] })
+        ] })
+      ] })
+    }
+  );
+};
+
+exports.Alert = Alert;
+exports.AlertDescription = AlertDescription;
+exports.AlertTitle = AlertTitle;
+exports.Button = Button;
+exports.Calendar = Calendar;
+exports.CalendarDayButton = CalendarDayButton;
+exports.Card = Card;
+exports.CardAction = CardAction;
+exports.CardContent = CardContent;
+exports.CardDescription = CardDescription;
+exports.CardFooter = CardFooter;
+exports.CardHeader = CardHeader;
+exports.CardTitle = CardTitle;
+exports.Chat = Chat_default;
+exports.ClaimMindAlert = ClaimMindAlert;
+exports.ClaimMindButton = Button_default;
+exports.ClaimMindCard = ClaimMindCard;
+exports.ClaimMindCombobox = Combobox_default;
+exports.ClaimMindDatePicker = DatePicker_default;
+exports.ClaimMindDialog = ClaimMindDialog;
+exports.ClaimMindDialogClose = ClaimMindDialogClose;
+exports.ClaimMindDialogContent = ClaimMindDialogContent;
+exports.ClaimMindDialogDescription = ClaimMindDialogDescription;
+exports.ClaimMindDialogFooter = ClaimMindDialogFooter;
+exports.ClaimMindDialogHeader = ClaimMindDialogHeader;
+exports.ClaimMindDialogTitle = ClaimMindDialogTitle;
+exports.ClaimMindDialogTrigger = ClaimMindDialogTrigger;
+exports.ClaimMindInput = Input_default;
+exports.ClaimMindSelect = Select_default;
+exports.ClaimMindSpinner = Spinner_default;
+exports.ClaimMindSwitch = Switch_default;
+exports.ClaimMindTable = ClaimMindTable;
+exports.ClaimMindTooltip = Tooltip_default;
+exports.Command = Command;
+exports.CommandDialog = CommandDialog;
+exports.CommandEmpty = CommandEmpty;
+exports.CommandGroup = CommandGroup;
+exports.CommandInput = CommandInput;
+exports.CommandItem = CommandItem;
+exports.CommandList = CommandList;
+exports.CommandSeparator = CommandSeparator;
+exports.CommandShortcut = CommandShortcut;
+exports.DashboardCard = DashboardCard;
+exports.Dialog = Dialog;
+exports.DialogClose = DialogClose;
+exports.DialogContent = DialogContent;
+exports.DialogDescription = DialogDescription;
+exports.DialogFooter = DialogFooter;
+exports.DialogHeader = DialogHeader;
+exports.DialogOverlay = DialogOverlay;
+exports.DialogPortal = DialogPortal;
+exports.DialogTitle = DialogTitle;
+exports.DialogTrigger = DialogTrigger;
+exports.Input = Input;
+exports.Label = Label;
+exports.LoginPage = LoginPage;
+exports.Popover = Popover;
+exports.PopoverAnchor = PopoverAnchor;
+exports.PopoverContent = PopoverContent;
+exports.PopoverTrigger = PopoverTrigger;
+exports.Progress = Progress;
+exports.Select = Select;
+exports.SelectContent = SelectContent;
+exports.SelectGroup = SelectGroup;
+exports.SelectItem = SelectItem;
+exports.SelectLabel = SelectLabel;
+exports.SelectScrollDownButton = SelectScrollDownButton;
+exports.SelectScrollUpButton = SelectScrollUpButton;
+exports.SelectSeparator = SelectSeparator;
+exports.SelectTrigger = SelectTrigger;
+exports.SelectValue = SelectValue;
+exports.Spinner = Spinner;
+exports.Switch = Switch;
+exports.SyncProgress = SyncProgress;
+exports.Table = Table;
+exports.TableBody = TableBody;
+exports.TableCaption = TableCaption;
+exports.TableCell = TableCell;
+exports.TableFooter = TableFooter;
+exports.TableHead = TableHead;
+exports.TableHeader = TableHeader;
+exports.TableRow = TableRow;
+exports.Title = Title2;
+exports.Tooltip = Tooltip;
+exports.TooltipContent = TooltipContent;
+exports.TooltipProvider = TooltipProvider;
+exports.TooltipTrigger = TooltipTrigger;
+exports.buttonVariants = buttonVariants;
+exports.cn = cn;
+exports.themeStyles = themeStyles;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map