mta-design-system 0.1.0

package/dist/index.js

@@ -0,0 +1,2151 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Slot } from '@radix-ui/react-slot';
+import * as React9 from 'react';
+import * as LucideIcons from 'lucide-react';
+import { XIcon, ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon, SearchIcon, CheckIcon, ChevronUpIcon, ChevronsUpDown, Check, CalendarIcon, MessageCircle, X, Send } from 'lucide-react';
+import { getDefaultClassNames, DayPicker } from 'react-day-picker';
+import { Command as Command$1 } from 'cmdk';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { format } from 'date-fns';
+
+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 twMerge(clsx(inputs));
+}
+var alertVariants = 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__ */ 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__ */ 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__ */ 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 = 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 ? Slot : "button";
+  return /* @__PURE__ */ 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 = getDefaultClassNames();
+  return /* @__PURE__ */ jsx(
+    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__ */ 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__ */ jsx(ChevronLeftIcon, __spreadValues({ className: cn("size-4", className2) }, props2));
+          }
+          if (orientation === "right") {
+            return /* @__PURE__ */ jsx(
+              ChevronRightIcon,
+              __spreadValues({
+                className: cn("size-4", className2)
+              }, props2)
+            );
+          }
+          return /* @__PURE__ */ jsx(ChevronDownIcon, __spreadValues({ className: cn("size-4", className2) }, props2));
+        },
+        DayButton: CalendarDayButton,
+        WeekNumber: (_e) => {
+          var _f = _e, { children } = _f, props2 = __objRest(_f, ["children"]);
+          return /* @__PURE__ */ jsx("td", __spreadProps(__spreadValues({}, props2), { children: /* @__PURE__ */ 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 = getDefaultClassNames();
+  const ref = React9.useRef(null);
+  React9.useEffect(() => {
+    var _a2;
+    if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
+  }, [modifiers.focused]);
+  return /* @__PURE__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ jsx(DialogPrimitive.Root, __spreadValues({ "data-slot": "dialog" }, props));
+}
+function DialogTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, __spreadValues({ "data-slot": "dialog-trigger" }, props));
+}
+function DialogPortal(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, __spreadValues({ "data-slot": "dialog-portal" }, props));
+}
+function DialogClose(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(DialogPrimitive.Close, __spreadValues({ "data-slot": "dialog-close" }, props));
+}
+function DialogOverlay(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.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__ */ jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.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__ */ jsxs(
+            DialogPrimitive.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__ */ jsx(XIcon, {}),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      })
+    )
+  ] });
+}
+function DialogHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ 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__ */ 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__ */ jsx(
+    DialogPrimitive.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__ */ jsx(
+    DialogPrimitive.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__ */ jsx(
+    Command$1,
+    __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__ */ jsxs(Dialog, __spreadProps(__spreadValues({}, props), { children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { className: "sr-only", children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsx(
+      DialogContent,
+      {
+        className: cn("overflow-hidden p-0", className),
+        showCloseButton,
+        children: /* @__PURE__ */ 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__ */ jsxs(
+    "div",
+    {
+      "data-slot": "command-input-wrapper",
+      className: "flex h-9 items-center gap-2 border-b px-3",
+      children: [
+        /* @__PURE__ */ jsx(SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ jsx(
+          Command$1.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__ */ jsx(
+    Command$1.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__ */ jsx(
+    Command$1.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__ */ jsx(
+    Command$1.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__ */ jsx(
+    Command$1.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__ */ jsx(
+    Command$1.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__ */ 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__ */ 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__ */ jsx(
+    LabelPrimitive.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__ */ jsx(PopoverPrimitive.Root, __spreadValues({ "data-slot": "popover" }, props));
+}
+function PopoverTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(PopoverPrimitive.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__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    PopoverPrimitive.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__ */ jsx(PopoverPrimitive.Anchor, __spreadValues({ "data-slot": "popover-anchor" }, props));
+}
+function Progress(_a) {
+  var _b = _a, {
+    className,
+    value
+  } = _b, props = __objRest(_b, [
+    "className",
+    "value"
+  ]);
+  return /* @__PURE__ */ jsx(
+    ProgressPrimitive.Root,
+    __spreadProps(__spreadValues({
+      "data-slot": "progress",
+      className: cn(
+        "bg-primary/20 relative h-2 w-full overflow-hidden rounded-full",
+        className
+      )
+    }, props), {
+      children: /* @__PURE__ */ jsx(
+        ProgressPrimitive.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__ */ jsx(SelectPrimitive.Root, __spreadValues({ "data-slot": "select" }, props));
+}
+function SelectGroup(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(SelectPrimitive.Group, __spreadValues({ "data-slot": "select-group" }, props));
+}
+function SelectValue(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(SelectPrimitive.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__ */ jsxs(
+    SelectPrimitive.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__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(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__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+    SelectPrimitive.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__ */ jsx(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx(
+          SelectPrimitive.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__ */ jsx(SelectScrollDownButton, {})
+      ]
+    })
+  ) });
+}
+function SelectLabel(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.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__ */ jsxs(
+    SelectPrimitive.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__ */ jsx(
+          "span",
+          {
+            "data-slot": "select-item-indicator",
+            className: "absolute right-2 flex size-3.5 items-center justify-center",
+            children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
+          }
+        ),
+        /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+      ]
+    })
+  );
+}
+function SelectSeparator(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.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__ */ jsx(
+    SelectPrimitive.ScrollUpButton,
+    __spreadProps(__spreadValues({
+      "data-slot": "select-scroll-up-button",
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      )
+    }, props), {
+      children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
+    })
+  );
+}
+function SelectScrollDownButton(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.ScrollDownButton,
+    __spreadProps(__spreadValues({
+      "data-slot": "select-scroll-down-button",
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      )
+    }, props), {
+      children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
+    })
+  );
+}
+var Spinner = React9.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__ */ 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__ */ 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__ */ jsx(
+    SwitchPrimitive.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__ */ jsx(
+        SwitchPrimitive.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__ */ jsx(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: "relative w-full overflow-x-auto",
+      children: /* @__PURE__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ jsx(
+    TooltipPrimitive.Provider,
+    __spreadValues({
+      "data-slot": "tooltip-provider",
+      delayDuration
+    }, props)
+  );
+}
+function Tooltip(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, __spreadValues({ "data-slot": "tooltip" }, props)) });
+}
+function TooltipTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(TooltipPrimitive.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__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+    TooltipPrimitive.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__ */ jsx(
+          TooltipPrimitive.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__ */ jsx(
+    Spinner,
+    {
+      size,
+      style: {
+        "--theme-primary": currentTheme.primary
+      },
+      className: cn(
+        "text-[var(--theme-primary)]",
+        className
+      )
+    }
+  );
+}
+var Spinner_default = ClaimMindSpinner;
+var ClaimMindButton = React9.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[leftIconName]) {
+      const LucideIcon = LucideIcons[leftIconName];
+      LeftIconComponent = /* @__PURE__ */ jsx(LucideIcon, { className: "w-4 h-4" });
+    }
+    let RightIconComponent = null;
+    if (rightIconName && LucideIcons[rightIconName]) {
+      const LucideIcon = LucideIcons[rightIconName];
+      RightIconComponent = /* @__PURE__ */ jsx(LucideIcon, { className: "w-4 h-4" });
+    }
+    const displayLeftIcon = LeftIconComponent;
+    const displayRightIcon = RightIconComponent;
+    return /* @__PURE__ */ 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__ */ jsx(Spinner_default, { theme, size: "sm", className: "text-current" }) : displayLeftIcon,
+          children || label,
+          !loading && displayRightIcon
+        ]
+      })
+    );
+  }
+);
+ClaimMindButton.displayName = "ClaimMindButton";
+var Button_default = ClaimMindButton;
+var ClaimMindInput = React9.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { theme = "Default", className } = _b, props = __objRest(_b, ["theme", "className"]);
+    const currentTheme = themeStyles[theme];
+    return /* @__PURE__ */ 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__ */ 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__ */ jsx(AlertTitle, { className: "text-[var(--theme-primary)] font-bold", children: title }),
+        description && /* @__PURE__ */ jsx(AlertDescription, { className: "text-slate-700", children: description }),
+        children
+      ]
+    })
+  );
+}
+var ClaimMindSwitch = React9.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { theme = "Default", className } = _b, props = __objRest(_b, ["theme", "className"]);
+    const currentTheme = themeStyles[theme];
+    return /* @__PURE__ */ 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__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children }),
+    /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx("label", { className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: label }),
+        /* @__PURE__ */ jsxs(Select, { value, onValueChange, disabled, children: [
+          /* @__PURE__ */ 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__ */ jsx(SelectValue, { placeholder })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            SelectContent,
+            {
+              className: "font-sans",
+              style: {
+                "--accent": currentTheme.primary,
+                "--accent-foreground": "white"
+              },
+              children: /* @__PURE__ */ jsx(SelectGroup, { children: options.map((option) => /* @__PURE__ */ 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.useState(false);
+  const currentTheme = themeStyles[theme];
+  return /* @__PURE__ */ 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__ */ jsx("label", { className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: label }),
+        /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ 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__ */ jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx(PopoverContent, { className: "w-full p-0 font-sans", align: "start", children: /* @__PURE__ */ jsxs(
+            Command,
+            {
+              className: "w-full",
+              style: {
+                "--accent": currentTheme.primary,
+                "--accent-foreground": "white"
+              },
+              children: [
+                /* @__PURE__ */ jsx(CommandInput, { placeholder: searchPlaceholder, className: "font-sans" }),
+                /* @__PURE__ */ jsxs(CommandList, { children: [
+                  /* @__PURE__ */ jsx(CommandEmpty, { children: emptyText }),
+                  /* @__PURE__ */ jsx(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs(
+                    CommandItem,
+                    {
+                      value: option.value,
+                      className: "font-sans",
+                      onSelect: (currentValue) => {
+                        onValueChange == null ? void 0 : onValueChange(currentValue === value ? "" : currentValue);
+                        setOpen(false);
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          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__ */ jsx(Dialog, __spreadValues({}, props));
+};
+var ClaimMindDialogContent = React9.forwardRef((_a, ref) => {
+  var _b = _a, { theme = "Default", className, children } = _b, props = __objRest(_b, ["theme", "className", "children"]);
+  const currentTheme = themeStyles[theme];
+  return /* @__PURE__ */ 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__ */ jsx(DialogHeader, __spreadValues({ className: cn("font-sans", className) }, props));
+};
+var ClaimMindDialogFooter = (_a) => {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(DialogFooter, __spreadValues({ className: cn("font-sans", className) }, props));
+};
+var ClaimMindDialogTitle = React9.forwardRef((_a, ref) => {
+  var _b = _a, { theme = "Default", className } = _b, props = __objRest(_b, ["theme", "className"]);
+  const currentTheme = themeStyles[theme];
+  return /* @__PURE__ */ 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__ */ jsx(DialogDescription, __spreadValues({ className: cn("text-slate-600", className) }, props));
+};
+var ClaimMindDialogTrigger = DialogTrigger;
+var ClaimMindDialogClose = DialogClose;
+var ClaimMindTable = React9.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__ */ 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__ */ jsxs(Popover, { children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ 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__ */ jsx(CalendarIcon, { className: "mr-2 h-4 w-4" }),
+          date ? format(date, "PPP") : /* @__PURE__ */ jsx("span", { children: placeholder })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        className: "w-auto p-0",
+        align: "start",
+        style: {
+          "--theme-primary": currentTheme.primary,
+          "--theme-secondary": currentTheme.secondary,
+          "--theme-background": currentTheme.background
+        },
+        children: /* @__PURE__ */ 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.useState("");
+  const scrollRef = React9.useRef(null);
+  React9.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__ */ jsxs(Fragment, { children: [
+    !isOpen && /* @__PURE__ */ 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__ */ jsx(MessageCircle, { size: 24 })
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: containerClasses,
+        style: {
+          "--theme-primary": currentTheme.primary,
+          "--theme-secondary": currentTheme.secondary,
+          "--theme-background": currentTheme.background
+        },
+        children: [
+          /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx("div", { className: "w-2 h-2 rounded-full bg-green-400 animate-pulse" }),
+                  /* @__PURE__ */ jsx("h3", { className: "font-bold", children: title })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: onToggle,
+                    className: "p-1 hover:bg-white/20 rounded-full transition-colors",
+                    children: /* @__PURE__ */ jsx(X, { size: 20 })
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex flex-col items-center justify-center h-full text-slate-400 text-sm", children: [
+                /* @__PURE__ */ jsx(MessageCircle, { size: 48, className: "mb-2 opacity-20" }),
+                /* @__PURE__ */ jsx("p", { children: "Belum ada pesan" })
+              ] }) : messages.map((msg) => /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: cn(
+                    "flex flex-col max-w-[80%]",
+                    msg.sender === "user" ? "ml-auto items-end" : "mr-auto items-start"
+                  ),
+                  children: [
+                    /* @__PURE__ */ 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__ */ jsx("span", { className: "text-[10px] text-slate-400 mt-1", children: msg.timestamp.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) })
+                  ]
+                },
+                msg.id
+              ))
+            }
+          ),
+          /* @__PURE__ */ 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__ */ jsx(
+                  Input_default,
+                  {
+                    theme,
+                    value: inputValue,
+                    onChange: (e) => setInputValue(e.target.value),
+                    onKeyPress: handleKeyPress,
+                    placeholder,
+                    className: "flex-1"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button_default,
+                  {
+                    theme,
+                    size: "icon",
+                    onClick: handleSend,
+                    className: "shrink-0 h-10 w-10",
+                    children: /* @__PURE__ */ jsx(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[iconName]) {
+    const LucideIcon = LucideIcons[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__ */ 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__ */ jsxs("div", { className: cn("flex items-center gap-3", className), children: [
+    displayIcon && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: displayIcon }),
+    /* @__PURE__ */ 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[iconName]) {
+    const LucideIcon = LucideIcons[iconName];
+    IconComponent = /* @__PURE__ */ jsx(LucideIcon, { className: "w-6 h-6", style: { color: iconColor } });
+  }
+  const displayIcon = icon || IconComponent;
+  return /* @__PURE__ */ jsx(
+    ClaimMindCard,
+    {
+      theme,
+      className: cn("p-6", className),
+      showTopBorder: true,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+        displayIcon && displayIcon,
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-muted-foreground mb-1", children: label }),
+          /* @__PURE__ */ 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[iconName]) {
+    const IconComponent = LucideIcons[iconName];
+    renderedIcon = /* @__PURE__ */ jsx(IconComponent, { className: "w-5 h-5" });
+  }
+  return /* @__PURE__ */ jsxs(
+    ClaimMindCard,
+    {
+      theme,
+      className: cn(
+        "w-full",
+        variant === "Summary" && "bg-[var(--theme-background)]",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(CardHeader, { className: "pb-0", children: /* @__PURE__ */ jsxs(CardTitle, { className: "text-lg font-semibold flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            renderedIcon,
+            /* @__PURE__ */ jsx("span", { children: title || defaultTitle })
+          ] }),
+          status === "running" && /* @__PURE__ */ jsx(Spinner_default, { theme, size: "sm" })
+        ] }) }),
+        /* @__PURE__ */ jsx(CardContent, { children: variant === "Healthcare Type" ? /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center border-b pb-2 border-gray-100", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+              /* @__PURE__ */ jsx("div", { className: "w-3 h-3 bg-claimmind-primary rounded-full" }),
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-gray-600", children: "Rawat Inap" })
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "text-lg font-bold text-gray-900", children: inpatientCount || 0 })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+              /* @__PURE__ */ jsx("div", { className: "w-3 h-3 bg-claimmind-tertiary rounded-full" }),
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-gray-600", children: "Rawat Jalan" })
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "text-lg font-bold text-gray-900", children: outpatientCount || 0 })
+          ] })
+        ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(
+              Progress,
+              {
+                value: progress,
+                className: "h-2",
+                style: {
+                  "--theme-primary": status === "completed" ? currentTheme.success : status === "error" ? currentTheme.danger : currentTheme.tertiary
+                }
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm text-muted-foreground", children: [
+              /* @__PURE__ */ jsx("span", { children: status === "completed" ? "Selesai" : status === "running" ? "Memproses..." : "Menunggu" }),
+              /* @__PURE__ */ jsx("span", { children: hasItems ? `${completedItems} / ${totalItems}` : `${Math.round(progress)}%` })
+            ] })
+          ] }),
+          description && /* @__PURE__ */ 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__ */ 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__ */ jsxs("div", { className: "flex flex-col w-full justify-center items-center", children: [
+        /* @__PURE__ */ jsx("img", { src: theme === "Owlexa" ? "/logo-owlexa.webp" : theme === "BPJS" ? "/BPJS_ketenagakerjaan_logo.png" : "", className: "w-56 mb-5" }),
+        /* @__PURE__ */ jsxs(ClaimMindCard, { theme, className: "w-full max-w-md", children: [
+          /* @__PURE__ */ jsxs(CardHeader, { className: "space-y-1 text-center", children: [
+            /* @__PURE__ */ jsx(CardTitle, { className: "text-2xl font-bold tracking-tight text-slate-900", children: title }),
+            /* @__PURE__ */ jsx(CardDescription, { className: "text-slate-500", children: description })
+          ] }),
+          /* @__PURE__ */ jsxs(CardContent, { className: "grid gap-4 mt-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: "email", className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: "Email" }),
+              /* @__PURE__ */ jsx(
+                Input_default,
+                {
+                  id: "email",
+                  type: "email",
+                  placeholder: "nama@perusahaan.com",
+                  theme
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: "password", children: "Kata Sandi" }),
+                /* @__PURE__ */ jsx("a", { href: "#", className: "text-sm text-[var(--theme-primary)] hover:underline", children: "Lupa kata sandi?" })
+              ] }),
+              /* @__PURE__ */ jsx(
+                Input_default,
+                {
+                  id: "password",
+                  type: "password",
+                  theme
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(CardFooter, { className: "flex flex-col gap-4 mt-2", children: [
+            /* @__PURE__ */ jsx(
+              Button_default,
+              {
+                label: "Masuk",
+                theme,
+                className: "w-full"
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "text-center text-sm text-slate-500", children: [
+              "Belum punya akun?",
+              " ",
+              /* @__PURE__ */ jsx("a", { href: "#", className: "text-[var(--theme-primary)] font-medium hover:underline", children: "Daftar sekarang" })
+            ] })
+          ] })
+        ] })
+      ] })
+    }
+  );
+};
+
+export { Alert, AlertDescription, AlertTitle, Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Chat_default as Chat, ClaimMindAlert, Button_default as ClaimMindButton, ClaimMindCard, Combobox_default as ClaimMindCombobox, DatePicker_default as ClaimMindDatePicker, ClaimMindDialog, ClaimMindDialogClose, ClaimMindDialogContent, ClaimMindDialogDescription, ClaimMindDialogFooter, ClaimMindDialogHeader, ClaimMindDialogTitle, ClaimMindDialogTrigger, Input_default as ClaimMindInput, Select_default as ClaimMindSelect, Spinner_default as ClaimMindSpinner, Switch_default as ClaimMindSwitch, ClaimMindTable, Tooltip_default as ClaimMindTooltip, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DashboardCard, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Input, Label, LoginPage, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Spinner, Switch, SyncProgress, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Title2 as Title, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, cn, themeStyles };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map