@mireljs/ui-core 3.2.3

package/dist/mirel-ui-core.js

@@ -0,0 +1,1584 @@
+import { jsx as a, jsxs as d, Fragment as W } from "react/jsx-runtime";
+import * as n from "react";
+import U, { useState as B, createContext as he, useEffect as ye, useContext as xe } from "react";
+import { Slot as ve } from "@radix-ui/react-slot";
+import { cva as R } from "class-variance-authority";
+import { clsx as we } from "clsx";
+import { twMerge as Ne } from "tailwind-merge";
+import * as g from "@radix-ui/react-select";
+import * as f from "@radix-ui/react-dialog";
+import * as u from "@radix-ui/react-dropdown-menu";
+import { ChevronRight as ke, Check as Te, Circle as Re, X as Se } from "lucide-react";
+import * as h from "@radix-ui/react-toast";
+import * as k from "@radix-ui/react-tabs";
+import * as N from "@radix-ui/react-accordion";
+import * as D from "@radix-ui/react-popover";
+import * as X from "@radix-ui/react-label";
+import * as F from "@radix-ui/react-switch";
+import * as T from "@radix-ui/react-tooltip";
+import * as w from "@radix-ui/react-scroll-area";
+import * as $ from "@radix-ui/react-separator";
+import * as S from "@radix-ui/react-slider";
+import { useReactTable as Ce, getSortedRowModel as De, getPaginationRowModel as Ie, getCoreRowModel as Le, flexRender as q } from "@tanstack/react-table";
+function o(...e) {
+  return Ne(we(e));
+}
+const Pe = R(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium shadow-sm ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-gray-900 text-gray-50 hover:bg-gray-900/90 dark:bg-gray-700 dark:text-gray-50 dark:hover:bg-gray-600",
+        destructive: "bg-red-500 text-gray-50 hover:bg-red-500/90 dark:bg-red-900 dark:text-gray-50 dark:hover:bg-red-900/90",
+        outline: "border border-gray-200 bg-gray-50 hover:bg-gray-100 hover:text-gray-900 dark:border-gray-700 dark:bg-gray-950 dark:hover:bg-gray-800 dark:hover:text-gray-50",
+        secondary: "bg-gray-100 text-gray-900 hover:bg-gray-100/80 dark:bg-gray-800 dark:text-gray-50 dark:hover:bg-gray-800/80",
+        ghost: "hover:bg-gray-100 hover:text-gray-900 dark:hover:bg-gray-800 dark:hover:text-gray-50",
+        link: "text-gray-900 underline-offset-4 hover:underline dark:text-gray-50",
+        subtle: "bg-gray-100 text-gray-900 shadow-none hover:bg-gray-200 border border-gray-200/50 dark:bg-gray-800 dark:text-gray-50 dark:hover:bg-gray-700 dark:border-gray-700",
+        soft: "bg-gray-100/50 text-gray-900 hover:bg-gray-100/75 dark:bg-gray-800/50 dark:text-gray-50 dark:hover:bg-gray-800/75",
+        elevated: "bg-white text-gray-900 shadow-md hover:shadow-lg border border-gray-200/60 dark:bg-gray-950 dark:text-gray-50 dark:border-gray-700"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10",
+        pill: "h-10 rounded-full px-6",
+        square: "size-9 rounded-md relative [&_svg]:absolute [&_svg]:top-0 [&_svg]:right-0 [&_svg]:bottom-0 [&_svg]:left-0 [&_svg]:m-auto [&_svg]:size-4"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), O = n.forwardRef(
+  ({ className: e, variant: t, size: r, asChild: s = !1, ...i }, l) => /* @__PURE__ */ a(
+    s ? ve : "button",
+    {
+      className: o(Pe({ variant: t, size: r, className: e })),
+      ref: l,
+      ...i
+    }
+  )
+);
+O.displayName = "Button";
+const Q = n.forwardRef(
+  ({ className: e, type: t, ...r }, s) => /* @__PURE__ */ a(
+    "input",
+    {
+      type: t,
+      className: o(
+        "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        e
+      ),
+      ref: s,
+      ...r
+    }
+  )
+);
+Q.displayName = "Input";
+const _e = n.forwardRef(
+  ({ className: e, ...t }, r) => /* @__PURE__ */ a(
+    "div",
+    {
+      ref: r,
+      className: o("group rounded-2xl border border-outline/60 bg-surface shadow-md transition-shadow hover:shadow-lg", e),
+      ...t
+    }
+  )
+);
+_e.displayName = "Card";
+const Ae = n.forwardRef(
+  ({ className: e, ...t }, r) => /* @__PURE__ */ a("div", { ref: r, className: o("space-y-1.5 p-4", e), ...t })
+);
+Ae.displayName = "CardHeader";
+const Me = n.forwardRef(
+  ({ className: e, ...t }, r) => /* @__PURE__ */ a("h3", { ref: r, className: o("text-lg font-semibold tracking-tight text-foreground", e), ...t })
+);
+Me.displayName = "CardTitle";
+const ze = n.forwardRef(
+  ({ className: e, ...t }, r) => /* @__PURE__ */ a("p", { ref: r, className: o("text-sm text-muted-foreground", e), ...t })
+);
+ze.displayName = "CardDescription";
+const je = n.forwardRef(
+  ({ className: e, ...t }, r) => /* @__PURE__ */ a("div", { ref: r, className: o("p-4 pt-0", e), ...t })
+);
+je.displayName = "CardContent";
+const Ee = n.forwardRef(
+  ({ className: e, ...t }, r) => /* @__PURE__ */ a(
+    "div",
+    {
+      ref: r,
+      className: o("flex flex-col gap-2 border-t border-outline/40 bg-surface-subtle/60 p-4 pt-4 sm:flex-row sm:items-center sm:justify-between", e),
+      ...t
+    }
+  )
+);
+Ee.displayName = "CardFooter";
+const Be = R(
+  "inline-flex items-center gap-1 rounded-full font-medium tracking-wide uppercase",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/80",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        neutral: "bg-surface-subtle text-muted-foreground ring-1 ring-inset ring-outline/60",
+        outline: "border border-dashed border-outline/80 bg-transparent text-muted-foreground shadow-none",
+        info: "bg-info text-info-foreground",
+        success: "bg-success text-success-foreground",
+        warning: "bg-warning text-warning-foreground",
+        destructive: "bg-destructive text-destructive-foreground"
+      },
+      size: {
+        default: "px-3 py-0.5 text-xs",
+        sm: "px-2 py-0.5 text-[10px]",
+        lg: "px-4 py-1 text-sm"
+      }
+    },
+    defaultVariants: {
+      variant: "neutral",
+      size: "default"
+    }
+  }
+), L = n.forwardRef(
+  ({ className: e, variant: t, ...r }, s) => /* @__PURE__ */ a("span", { ref: s, className: o("select-none", Be({ variant: t, className: e })), ...r })
+);
+L.displayName = "Badge";
+const Fe = n.forwardRef(
+  ({ className: e, ...t }, r) => /* @__PURE__ */ a("div", { ref: r, className: o("space-y-2", e), ...t })
+);
+Fe.displayName = "FormField";
+const Oe = n.forwardRef(({ className: e, requiredMark: t, children: r, ...s }, i) => /* @__PURE__ */ d(
+  "label",
+  {
+    ref: i,
+    className: o(
+      "flex items-center gap-2 text-sm font-medium text-foreground",
+      e
+    ),
+    ...s,
+    children: [
+      /* @__PURE__ */ a("span", { children: r }),
+      t ?? null
+    ]
+  }
+));
+Oe.displayName = "FormLabel";
+const He = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a("p", { ref: r, className: o("text-xs text-muted-foreground", e), ...t }));
+He.displayName = "FormHelper";
+const Ve = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a("p", { ref: r, className: o("flex items-center gap-1 text-xs text-destructive", e), ...t }));
+Ve.displayName = "FormError";
+const Ue = ({
+  children: e = "*",
+  className: t
+}) => /* @__PURE__ */ a("span", { className: o("text-destructive", t), "aria-hidden": !0, children: e });
+Ue.displayName = "FormRequiredMark";
+function M(e, t) {
+  return {
+    ...{
+      backgroundColor: e === "dialog" ? "hsl(var(--background))" : "hsl(var(--popover))",
+      color: e === "dialog" ? "hsl(var(--foreground))" : "hsl(var(--popover-foreground))"
+    },
+    ...t
+  };
+}
+const Ge = g.Root, fr = g.Group, We = g.Value, Z = n.forwardRef(({ className: e, children: t, ...r }, s) => /* @__PURE__ */ d(
+  g.Trigger,
+  {
+    ref: s,
+    className: o(
+      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      e
+    ),
+    ...r,
+    children: [
+      t,
+      /* @__PURE__ */ a(g.Icon, { asChild: !0, children: /* @__PURE__ */ a(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "16",
+          height: "16",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          className: "h-4 w-4 opacity-50",
+          children: /* @__PURE__ */ a("polyline", { points: "6 9 12 15 18 9" })
+        }
+      ) })
+    ]
+  }
+));
+Z.displayName = g.Trigger.displayName;
+const J = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  g.ScrollUpButton,
+  {
+    ref: r,
+    className: o("flex cursor-default items-center justify-center py-1", e),
+    ...t,
+    children: /* @__PURE__ */ a(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "16",
+        height: "16",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        className: "h-4 w-4",
+        children: /* @__PURE__ */ a("polyline", { points: "18 15 12 9 6 15" })
+      }
+    )
+  }
+));
+J.displayName = g.ScrollUpButton.displayName;
+const K = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  g.ScrollDownButton,
+  {
+    ref: r,
+    className: o("flex cursor-default items-center justify-center py-1", e),
+    ...t,
+    children: /* @__PURE__ */ a(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "16",
+        height: "16",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        className: "h-4 w-4",
+        children: /* @__PURE__ */ a("polyline", { points: "6 9 12 15 18 9" })
+      }
+    )
+  }
+));
+K.displayName = g.ScrollDownButton.displayName;
+const ee = n.forwardRef(({ className: e, children: t, position: r = "popper", style: s, ...i }, l) => /* @__PURE__ */ a(g.Portal, { children: /* @__PURE__ */ d(
+  g.Content,
+  {
+    ref: l,
+    className: o(
+      "relative z-[200] max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover/100 backdrop-blur-sm text-popover-foreground shadow-lg 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",
+      r === "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",
+      e
+    ),
+    position: r,
+    style: M("popover", s),
+    ...i,
+    children: [
+      /* @__PURE__ */ a(J, {}),
+      /* @__PURE__ */ a(
+        g.Viewport,
+        {
+          className: o(
+            "p-1 bg-popover/100",
+            r === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children: t
+        }
+      ),
+      /* @__PURE__ */ a(K, {})
+    ]
+  }
+) }));
+ee.displayName = g.Content.displayName;
+const qe = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  g.Label,
+  {
+    ref: r,
+    className: o("py-1.5 pl-8 pr-2 text-sm font-semibold", e),
+    ...t
+  }
+));
+qe.displayName = g.Label.displayName;
+const H = n.forwardRef(({ className: e, children: t, ...r }, s) => /* @__PURE__ */ d(
+  g.Item,
+  {
+    ref: s,
+    className: o(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    ...r,
+    children: [
+      /* @__PURE__ */ a("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a(g.ItemIndicator, { children: /* @__PURE__ */ a(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "16",
+          height: "16",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          className: "h-4 w-4",
+          children: /* @__PURE__ */ a("polyline", { points: "20 6 9 17 4 12" })
+        }
+      ) }) }),
+      /* @__PURE__ */ a(g.ItemText, { children: t })
+    ]
+  }
+));
+H.displayName = g.Item.displayName;
+const Ye = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  g.Separator,
+  {
+    ref: r,
+    className: o("-mx-1 my-1 h-px bg-muted", e),
+    ...t
+  }
+));
+Ye.displayName = g.Separator.displayName;
+const ur = f.Root, gr = f.Trigger, Xe = f.Portal, pr = f.Close, te = n.forwardRef(({ className: e, style: t, ...r }, s) => /* @__PURE__ */ a(
+  f.Overlay,
+  {
+    ref: s,
+    className: o(
+      "fixed top-0 right-0 bottom-0 left-0 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      e
+    ),
+    style: {
+      backgroundColor: "rgba(0, 0, 0, 0.8)",
+      zIndex: 110,
+      pointerEvents: "auto",
+      ...t
+    },
+    ...r
+  }
+));
+te.displayName = f.Overlay.displayName;
+const $e = n.forwardRef(({ className: e, children: t, overlayClassName: r, style: s, onPointerDownOutside: i, onInteractOutside: l, ...b }, m) => /* @__PURE__ */ d(Xe, { children: [
+  /* @__PURE__ */ a(te, { className: r }),
+  /* @__PURE__ */ d(
+    f.Content,
+    {
+      ref: m,
+      className: o(
+        "fixed grid w-full max-w-lg gap-4 border bg-background p-6 shadow-lg duration-200 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 sm:rounded-lg",
+        e
+      ),
+      style: M("dialog", {
+        left: "50%",
+        top: "50%",
+        transform: "translate(-50%, -50%)",
+        zIndex: 120,
+        isolation: "isolate",
+        ...s
+      }),
+      onPointerDownOutside: (c) => {
+        const p = c.target;
+        (p.closest("[data-radix-select-content]") || p.closest('[role="listbox"]') || p.closest("[data-radix-popper-content-wrapper]")) && c.preventDefault(), i == null || i(c);
+      },
+      onInteractOutside: (c) => {
+        const p = c.target;
+        (p.closest("[data-radix-select-content]") || p.closest('[role="listbox"]') || p.closest("[data-radix-popper-content-wrapper]")) && c.preventDefault(), l == null || l(c);
+      },
+      ...b,
+      children: [
+        t,
+        /* @__PURE__ */ a(
+          f.Close,
+          {
+            className: "absolute right-4 top-4 inline-flex h-9 w-9 items-center justify-center rounded-full border border-border/50 bg-background text-foreground/80 shadow-sm transition-all hover:border-destructive hover:bg-destructive hover:text-white focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+            "aria-label": "閉じる",
+            children: /* @__PURE__ */ a("svg", { width: "18", height: "18", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ a("path", { d: "M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }) })
+          }
+        )
+      ]
+    }
+  )
+] }));
+$e.displayName = f.Content.displayName;
+const Qe = ({ className: e, ...t }) => /* @__PURE__ */ a("div", { className: o("flex flex-col space-y-1.5 text-center sm:text-left", e), ...t });
+Qe.displayName = "DialogHeader";
+const Ze = ({ className: e, ...t }) => /* @__PURE__ */ a("div", { className: o("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", e), ...t });
+Ze.displayName = "DialogFooter";
+const Je = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  f.Title,
+  {
+    ref: r,
+    className: o("text-lg font-semibold leading-none tracking-tight", e),
+    ...t
+  }
+));
+Je.displayName = f.Title.displayName;
+const Ke = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  f.Description,
+  {
+    ref: r,
+    className: o("text-sm text-muted-foreground", e),
+    ...t
+  }
+));
+Ke.displayName = f.Description.displayName;
+const br = u.Root, hr = u.Trigger, yr = u.Group, xr = u.Portal, vr = u.Sub, wr = u.RadioGroup, et = n.forwardRef(({ className: e, inset: t, children: r, ...s }, i) => /* @__PURE__ */ d(
+  u.SubTrigger,
+  {
+    ref: i,
+    className: o(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
+      t && "pl-8",
+      e
+    ),
+    ...s,
+    children: [
+      r,
+      /* @__PURE__ */ a(ke, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+et.displayName = u.SubTrigger.displayName;
+const tt = n.forwardRef(({ className: e, style: t, ...r }, s) => /* @__PURE__ */ a(
+  u.SubContent,
+  {
+    ref: s,
+    className: o(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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",
+      e
+    ),
+    style: M("popover", t),
+    ...r
+  }
+));
+tt.displayName = u.SubContent.displayName;
+const rt = n.forwardRef(({ className: e, sideOffset: t = 4, style: r, ...s }, i) => /* @__PURE__ */ a(u.Portal, { children: /* @__PURE__ */ a(
+  u.Content,
+  {
+    ref: i,
+    sideOffset: t,
+    className: o(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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",
+      e
+    ),
+    style: M("popover", r),
+    ...s
+  }
+) }));
+rt.displayName = u.Content.displayName;
+const at = n.forwardRef(({ className: e, inset: t, ...r }, s) => /* @__PURE__ */ a(
+  u.Item,
+  {
+    ref: s,
+    className: o(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      t && "pl-8",
+      e
+    ),
+    ...r
+  }
+));
+at.displayName = u.Item.displayName;
+const ot = n.forwardRef(({ className: e, children: t, checked: r, ...s }, i) => /* @__PURE__ */ d(
+  u.CheckboxItem,
+  {
+    ref: i,
+    className: o(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    checked: r,
+    ...s,
+    children: [
+      /* @__PURE__ */ a("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a(u.ItemIndicator, { children: /* @__PURE__ */ a(Te, { className: "h-4 w-4" }) }) }),
+      t
+    ]
+  }
+));
+ot.displayName = u.CheckboxItem.displayName;
+const st = n.forwardRef(({ className: e, children: t, ...r }, s) => /* @__PURE__ */ d(
+  u.RadioItem,
+  {
+    ref: s,
+    className: o(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    ...r,
+    children: [
+      /* @__PURE__ */ a("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a(u.ItemIndicator, { children: /* @__PURE__ */ a(Re, { className: "h-2 w-2 fill-current" }) }) }),
+      t
+    ]
+  }
+));
+st.displayName = u.RadioItem.displayName;
+const nt = n.forwardRef(({ className: e, inset: t, ...r }, s) => /* @__PURE__ */ a(
+  u.Label,
+  {
+    ref: s,
+    className: o(
+      "px-2 py-1.5 text-sm font-semibold",
+      t && "pl-8",
+      e
+    ),
+    ...r
+  }
+));
+nt.displayName = u.Label.displayName;
+const it = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  u.Separator,
+  {
+    ref: r,
+    className: o("-mx-1 my-1 h-px bg-muted", e),
+    ...t
+  }
+));
+it.displayName = u.Separator.displayName;
+const dt = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ a(
+  "span",
+  {
+    className: o("ml-auto text-xs tracking-widest opacity-60", e),
+    ...t
+  }
+);
+dt.displayName = "DropdownMenuShortcut";
+const lt = n.forwardRef(
+  ({ eyebrow: e, title: t, description: r, actions: s, className: i, ...l }, b) => /* @__PURE__ */ d(
+    "div",
+    {
+      ref: b,
+      className: o("flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between", i),
+      ...l,
+      children: [
+        /* @__PURE__ */ d("div", { className: "space-y-2", children: [
+          e ? /* @__PURE__ */ a("span", { className: "text-xs font-semibold uppercase tracking-[0.2em] text-muted-foreground", children: e }) : null,
+          /* @__PURE__ */ d("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ a("h2", { className: "text-3xl font-semibold tracking-tight text-foreground sm:text-4xl", children: t }),
+            r ? /* @__PURE__ */ a("p", { className: "max-w-2xl text-sm text-muted-foreground sm:text-base", children: r }) : null
+          ] })
+        ] }),
+        s ? /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: s }) : null
+      ]
+    }
+  )
+);
+lt.displayName = "SectionHeading";
+const ct = {
+  complete: "border-success/40 bg-success/15 text-success-foreground",
+  current: "border-primary/40 bg-primary/10 text-primary",
+  upcoming: "border-outline/60 bg-surface-subtle text-muted-foreground"
+}, mt = {
+  complete: /* @__PURE__ */ a(L, { variant: "success", children: "完了" }),
+  current: /* @__PURE__ */ a(L, { variant: "info", children: "進行中" }),
+  upcoming: /* @__PURE__ */ a(L, { variant: "neutral", children: "準備中" })
+}, ft = n.forwardRef(
+  ({ steps: e, className: t, ...r }, s) => /* @__PURE__ */ a(
+    "ol",
+    {
+      ref: s,
+      className: o(
+        "grid grid-cols-3 gap-3 rounded-xl border border-outline/60 bg-surface-subtle p-4 shadow-sm",
+        t
+      ),
+      ...r,
+      children: e.map((i) => {
+        const l = i.state ?? "upcoming";
+        return /* @__PURE__ */ d(
+          "li",
+          {
+            className: o(
+              "rounded-lg border p-4 transition-colors",
+              ct[l]
+            ),
+            "data-state": l,
+            children: [
+              /* @__PURE__ */ d("div", { className: "flex items-center justify-between gap-2", children: [
+                /* @__PURE__ */ a("span", { className: "text-sm font-semibold tracking-wide text-foreground", children: i.title }),
+                mt[l]
+              ] }),
+              i.description ? /* @__PURE__ */ a("p", { className: "mt-2 text-xs text-muted-foreground", children: i.description }) : null
+            ]
+          },
+          i.id
+        );
+      })
+    }
+  )
+);
+ft.displayName = "StepIndicator";
+const ut = n.forwardRef(
+  ({ className: e, ...t }, r) => /* @__PURE__ */ a(
+    "div",
+    {
+      ref: r,
+      className: o("animate-shimmer rounded-md bg-surface-subtle/80 bg-gradient-to-r from-surface-subtle via-surface-raised/80 to-surface-subtle", e),
+      ...t
+    }
+  )
+);
+ut.displayName = "Skeleton";
+const gt = h.Provider, re = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  h.Viewport,
+  {
+    ref: r,
+    className: o(
+      "fixed left-4 right-4 bottom-4 z-[100] flex max-h-[calc(100vh-2rem)] flex-col gap-3 p-0 sm:left-auto sm:right-6 sm:bottom-6 sm:w-[380px]",
+      e
+    ),
+    ...t
+  }
+));
+re.displayName = h.Viewport.displayName;
+const pt = R(
+  "group pointer-events-auto relative flex w-full items-start gap-3 overflow-hidden rounded-xl border p-4 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
+  {
+    variants: {
+      variant: {
+        default: "border-gray-200 bg-white text-gray-950 dark:border-gray-800 dark:bg-gray-950 dark:text-gray-50",
+        destructive: "destructive group border-red-500 bg-red-500 text-gray-50 dark:border-red-900 dark:bg-red-900 dark:text-gray-50",
+        info: "border-blue-200 bg-blue-50 text-blue-900 dark:border-blue-900 dark:bg-blue-950 dark:text-blue-50",
+        success: "border-green-200 bg-green-50 text-green-900 dark:border-green-900 dark:bg-green-950 dark:text-green-50",
+        warning: "border-yellow-200 bg-yellow-50 text-yellow-900 dark:border-yellow-900 dark:bg-yellow-950 dark:text-yellow-50",
+        loading: "border-gray-200 bg-gray-50 text-gray-900 dark:border-gray-800 dark:bg-gray-900 dark:text-gray-50 shadow-md animate-pulse"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), ae = n.forwardRef(({ className: e, variant: t, ...r }, s) => /* @__PURE__ */ a(h.Root, { ref: s, className: o(pt({ variant: t }), e), ...r }));
+ae.displayName = h.Root.displayName;
+const bt = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  h.Action,
+  {
+    ref: r,
+    className: o(
+      "inline-flex h-9 shrink-0 items-center justify-center gap-2 rounded-full border border-outline/60 bg-transparent px-3 text-sm font-medium transition-colors hover:bg-foreground/10 focus:outline-none focus:ring-2 focus:ring-focus-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-destructive/40 group-[.destructive]:hover:bg-destructive/20 group-[.destructive]:focus:ring-destructive group-[.info]:border-info/50 group-[.success]:border-success/50 group-[.warning]:border-warning/60",
+      e
+    ),
+    ...t
+  }
+));
+bt.displayName = h.Action.displayName;
+const oe = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  h.Close,
+  {
+    ref: r,
+    className: o(
+      "shrink-0 rounded-full p-1.5 text-foreground/60 opacity-70 transition-opacity hover:opacity-100 hover:text-foreground focus:outline-none focus:ring-2 focus:ring-focus-ring focus:ring-offset-2 group-[.destructive]:text-destructive-foreground group-[.destructive]:hover:text-destructive-foreground/80 group-[.info]:text-info-foreground group-[.success]:text-success-foreground group-[.warning]:text-warning-foreground",
+      e
+    ),
+    "toast-close": "",
+    ...t,
+    children: /* @__PURE__ */ d(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "16",
+        height: "16",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        className: "h-4 w-4",
+        children: [
+          /* @__PURE__ */ a("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+          /* @__PURE__ */ a("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+        ]
+      }
+    )
+  }
+));
+oe.displayName = h.Close.displayName;
+const se = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(h.Title, { ref: r, className: o("flex items-center gap-2 text-sm font-semibold", e), ...t }));
+se.displayName = h.Title.displayName;
+const ne = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(h.Description, { ref: r, className: o("text-sm text-foreground/80", e), ...t }));
+ne.displayName = h.Description.displayName;
+const ht = 5, yt = 5e3;
+let z = 0;
+function xt() {
+  return z = (z + 1) % Number.MAX_VALUE, z.toString();
+}
+const j = /* @__PURE__ */ new Map(), Y = (e) => {
+  if (j.has(e))
+    return;
+  const t = setTimeout(() => {
+    j.delete(e), C({
+      type: "REMOVE_TOAST",
+      toastId: e
+    });
+  }, yt);
+  j.set(e, t);
+}, vt = (e, t) => {
+  switch (t.type) {
+    case "ADD_TOAST":
+      return {
+        ...e,
+        toasts: [t.toast, ...e.toasts].slice(0, ht)
+      };
+    case "UPDATE_TOAST":
+      return {
+        ...e,
+        toasts: e.toasts.map((r) => r.id === t.toast.id ? { ...r, ...t.toast } : r)
+      };
+    case "DISMISS_TOAST": {
+      const { toastId: r } = t;
+      return r ? Y(r) : e.toasts.forEach((s) => {
+        Y(s.id);
+      }), {
+        ...e,
+        toasts: e.toasts.map(
+          (s) => s.id === r || r === void 0 ? {
+            ...s,
+            open: !1
+          } : s
+        )
+      };
+    }
+    case "REMOVE_TOAST":
+      return t.toastId === void 0 ? {
+        ...e,
+        toasts: []
+      } : {
+        ...e,
+        toasts: e.toasts.filter((r) => r.id !== t.toastId)
+      };
+  }
+}, P = [];
+let _ = { toasts: [] };
+function C(e) {
+  _ = vt(_, e), P.forEach((t) => {
+    t(_);
+  });
+}
+function wt({ ...e }) {
+  const t = xt(), r = (i) => C({
+    type: "UPDATE_TOAST",
+    toast: { ...i, id: t }
+  }), s = () => C({ type: "DISMISS_TOAST", toastId: t });
+  return C({
+    type: "ADD_TOAST",
+    toast: {
+      ...e,
+      id: t,
+      open: !0,
+      onOpenChange: (i) => {
+        i || s();
+      }
+    }
+  }), {
+    id: t,
+    dismiss: s,
+    update: r
+  };
+}
+function Nt() {
+  const [e, t] = n.useState(_);
+  return n.useEffect(() => (P.push(t), () => {
+    const r = P.indexOf(t);
+    r > -1 && P.splice(r, 1);
+  }), [e]), {
+    ...e,
+    toast: wt,
+    dismiss: (r) => C({ type: "DISMISS_TOAST", toastId: r })
+  };
+}
+function Nr() {
+  const { toasts: e } = Nt();
+  return /* @__PURE__ */ d(gt, { children: [
+    e.map(function({ id: t, title: r, description: s, action: i, ...l }) {
+      return /* @__PURE__ */ d(ae, { ...l, children: [
+        /* @__PURE__ */ d("div", { className: "grid gap-1 flex-1 min-w-0", children: [
+          r && /* @__PURE__ */ a(se, { children: r }),
+          s && /* @__PURE__ */ a(ne, { children: s })
+        ] }),
+        i,
+        /* @__PURE__ */ a(oe, {})
+      ] }, t);
+    }),
+    /* @__PURE__ */ a(re, {})
+  ] });
+}
+const kt = R(
+  "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground",
+        destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
+        info: "border-blue-500/50 text-blue-700 dark:border-blue-500 [&>svg]:text-blue-700 dark:text-blue-400 dark:[&>svg]:text-blue-400",
+        success: "border-green-500/50 text-green-700 dark:border-green-500 [&>svg]:text-green-700 dark:text-green-400 dark:[&>svg]:text-green-400",
+        warning: "border-yellow-500/50 text-yellow-700 dark:border-yellow-500 [&>svg]:text-yellow-700 dark:text-yellow-400 dark:[&>svg]:text-yellow-400"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), Tt = U.forwardRef(
+  ({ className: e, variant: t, ...r }, s) => /* @__PURE__ */ a(
+    "div",
+    {
+      ref: s,
+      role: "alert",
+      className: o(kt({ variant: t }), e),
+      ...r
+    }
+  )
+);
+Tt.displayName = "Alert";
+const Rt = U.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  "h5",
+  {
+    ref: r,
+    className: o("mb-1 font-medium leading-none tracking-tight", e),
+    ...t
+  }
+));
+Rt.displayName = "AlertTitle";
+const St = U.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  "div",
+  {
+    ref: r,
+    className: o("text-sm [&_p]:leading-relaxed", e),
+    ...t
+  }
+));
+St.displayName = "AlertDescription";
+const kr = k.Root, Ct = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  k.List,
+  {
+    ref: r,
+    className: o(
+      "inline-flex h-10 items-center justify-center rounded-md bg-surface-raised p-1 text-muted-foreground border border-outline/20",
+      e
+    ),
+    ...t
+  }
+));
+Ct.displayName = k.List.displayName;
+const Dt = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  k.Trigger,
+  {
+    ref: r,
+    className: o(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+      "state-active:bg-background state-active:text-foreground state-active:font-semibold state-active:shadow-sm",
+      e
+    ),
+    ...t
+  }
+));
+Dt.displayName = k.Trigger.displayName;
+const It = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  k.Content,
+  {
+    ref: r,
+    className: o(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      e
+    ),
+    ...t
+  }
+));
+It.displayName = k.Content.displayName;
+const Lt = () => /* @__PURE__ */ a(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: "h-4 w-4 shrink-0 transition-transform duration-200",
+    children: /* @__PURE__ */ a("polyline", { points: "6 9 12 15 18 9" })
+  }
+), Tr = N.Root, Pt = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(N.Item, { ref: r, className: o("border-b", e), ...t }));
+Pt.displayName = "AccordionItem";
+const _t = n.forwardRef(({ className: e, children: t, ...r }, s) => /* @__PURE__ */ a(N.Header, { className: "flex", children: /* @__PURE__ */ d(
+  N.Trigger,
+  {
+    ref: s,
+    className: o(
+      "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+      e
+    ),
+    ...r,
+    children: [
+      t,
+      /* @__PURE__ */ a(Lt, {})
+    ]
+  }
+) }));
+_t.displayName = N.Trigger.displayName;
+const At = n.forwardRef(({ className: e, children: t, ...r }, s) => /* @__PURE__ */ a(
+  N.Content,
+  {
+    ref: s,
+    className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+    ...r,
+    children: /* @__PURE__ */ a("div", { className: o("pb-4 pt-0", e), children: t })
+  }
+));
+At.displayName = N.Content.displayName;
+const E = "__EMPTY__";
+function Rr({
+  value: e = "",
+  onValueChange: t,
+  options: r,
+  placeholder: s = "選択してください",
+  emptyText: i = "該当なし",
+  className: l = "",
+  disabled: b = !1,
+  allowCustom: m = !1
+}) {
+  const [c, p] = B(!1), [x, v] = B(e || ""), I = r.some((y) => y.value === e), ge = () => {
+    m && (c ? (p(!1), x && t && t(x)) : (p(!0), v(e || "")));
+  }, pe = (y) => {
+    y === "__custom__" ? (p(!0), v("")) : y === E ? t == null || t("") : t == null || t(y);
+  }, be = (y) => {
+    const G = y.target.value;
+    v(G), t == null || t(G);
+  };
+  return c || m && !I && e ? /* @__PURE__ */ d("div", { className: `flex gap-2 ${l}`, children: [
+    /* @__PURE__ */ a(
+      Q,
+      {
+        value: x,
+        onChange: be,
+        placeholder: s,
+        disabled: b,
+        className: "flex-1"
+      }
+    ),
+    m && /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        onClick: ge,
+        className: "px-3 py-2 text-sm border border-gray-300 rounded hover:bg-gray-50",
+        disabled: b,
+        title: "プルダウンに戻る",
+        children: "↓"
+      }
+    )
+  ] }) : /* @__PURE__ */ a("div", { className: l, children: /* @__PURE__ */ d(Ge, { value: e === "" ? E : e, onValueChange: pe, disabled: b, children: [
+    /* @__PURE__ */ a(Z, { className: "w-full", children: /* @__PURE__ */ a(We, { placeholder: s }) }),
+    /* @__PURE__ */ a(ee, { children: r.length === 0 ? /* @__PURE__ */ a("div", { className: "px-2 py-1.5 text-sm text-gray-500", children: i }) : /* @__PURE__ */ d(W, { children: [
+      r.map((y) => /* @__PURE__ */ a(
+        H,
+        {
+          value: y.value === "" ? E : y.value,
+          children: y.label
+        },
+        y.value
+      )),
+      m && /* @__PURE__ */ d(W, { children: [
+        /* @__PURE__ */ a("div", { className: "border-t my-1" }),
+        /* @__PURE__ */ a(H, { value: "__custom__", children: "✏️ 手動入力..." })
+      ] })
+    ] }) })
+  ] }) });
+}
+const Mt = {
+  sm: "h-8 w-8 text-xs",
+  md: "h-10 w-10 text-sm",
+  lg: "h-12 w-12 text-base",
+  xl: "h-16 w-16 text-lg"
+}, zt = n.forwardRef(
+  ({ src: e, alt: t, size: r = "md", fallback: s, className: i, ...l }, b) => {
+    const [m, c] = n.useState(!1), [p, x] = n.useState(!1);
+    n.useEffect(() => {
+      c(!1), x(!1);
+    }, [e]);
+    const v = e && !m, I = !e || m || !p;
+    return /* @__PURE__ */ d(
+      "div",
+      {
+        ref: b,
+        className: o(
+          "relative inline-flex items-center justify-center overflow-hidden rounded-full bg-muted",
+          Mt[r],
+          i
+        ),
+        ...l,
+        children: [
+          v && /* @__PURE__ */ a(
+            "img",
+            {
+              src: e,
+              alt: t || "Avatar",
+              className: o(
+                "h-full w-full object-cover",
+                p ? "opacity-100" : "opacity-0"
+              ),
+              onLoad: () => x(!0),
+              onError: () => c(!0),
+              loading: l.loading
+            }
+          ),
+          I && s && /* @__PURE__ */ a("span", { className: "font-medium text-muted-foreground uppercase", children: s }),
+          I && !s && /* @__PURE__ */ a(
+            "svg",
+            {
+              className: "h-full w-full text-muted-foreground",
+              fill: "currentColor",
+              viewBox: "0 0 24 24",
+              children: /* @__PURE__ */ a("path", { d: "M24 20.993V24H0v-2.996A14.977 14.977 0 0112.004 15c4.904 0 9.26 2.354 11.996 5.993zM16.002 8.999a4 4 0 11-8 0 4 4 0 018 0z" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+zt.displayName = "Avatar";
+const Sr = D.Root, Cr = D.Trigger, jt = n.forwardRef(({ className: e, align: t = "center", sideOffset: r = 4, ...s }, i) => /* @__PURE__ */ a(D.Portal, { children: /* @__PURE__ */ a(
+  D.Content,
+  {
+    ref: i,
+    align: t,
+    sideOffset: r,
+    className: o(
+      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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",
+      e
+    ),
+    ...s
+  }
+) }));
+jt.displayName = D.Content.displayName;
+const Et = R(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+), Bt = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  X.Root,
+  {
+    ref: r,
+    className: o(Et(), e),
+    ...t
+  }
+));
+Bt.displayName = X.Root.displayName;
+const Ft = n.forwardRef(
+  ({ className: e, ...t }, r) => /* @__PURE__ */ a(
+    "textarea",
+    {
+      className: o(
+        "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        e
+      ),
+      ref: r,
+      ...t
+    }
+  )
+);
+Ft.displayName = "Textarea";
+const Ot = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  F.Root,
+  {
+    className: o(
+      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-950 focus-visible:ring-offset-2 focus-visible:ring-offset-white disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-gray-900 data-[state=unchecked]:bg-gray-200 dark:focus-visible:ring-gray-300 dark:focus-visible:ring-offset-gray-950 dark:data-[state=checked]:bg-gray-50 dark:data-[state=unchecked]:bg-gray-600",
+      e
+    ),
+    ...t,
+    ref: r,
+    children: /* @__PURE__ */ a(
+      F.Thumb,
+      {
+        className: o(
+          "pointer-events-none block h-5 w-5 rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
+        )
+      }
+    )
+  }
+));
+Ot.displayName = F.Root.displayName;
+const Dr = T.Provider, Ir = T.Root, Lr = T.Trigger, Ht = n.forwardRef(({ className: e, sideOffset: t = 4, ...r }, s) => /* @__PURE__ */ a(T.Portal, { children: /* @__PURE__ */ a(
+  T.Content,
+  {
+    ref: s,
+    sideOffset: t,
+    className: o(
+      "z-50 overflow-hidden rounded-md bg-gray-900 px-3 py-1.5 text-xs text-gray-50 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 dark:bg-gray-50 dark:text-gray-900",
+      e
+    ),
+    ...r
+  }
+) }));
+Ht.displayName = T.Content.displayName;
+const Vt = n.forwardRef(({ className: e, children: t, ...r }, s) => /* @__PURE__ */ d(
+  w.Root,
+  {
+    ref: s,
+    className: o("relative overflow-hidden", e),
+    ...r,
+    children: [
+      /* @__PURE__ */ a(w.Viewport, { className: "h-full w-full rounded-[inherit]", children: t }),
+      /* @__PURE__ */ a(ie, {}),
+      /* @__PURE__ */ a(w.Corner, {})
+    ]
+  }
+));
+Vt.displayName = w.Root.displayName;
+const ie = n.forwardRef(({ className: e, orientation: t = "vertical", ...r }, s) => /* @__PURE__ */ a(
+  w.ScrollAreaScrollbar,
+  {
+    ref: s,
+    orientation: t,
+    className: o(
+      "flex touch-none select-none transition-colors",
+      t === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      t === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      e
+    ),
+    ...r,
+    children: /* @__PURE__ */ a(w.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+  }
+));
+ie.displayName = w.ScrollAreaScrollbar.displayName;
+const Ut = {
+  sm: "h-4 w-4 border-2",
+  md: "h-6 w-6 border-2",
+  lg: "h-8 w-8 border-3",
+  xl: "h-12 w-12 border-4"
+}, Gt = n.forwardRef(
+  ({ size: e = "md", className: t, ...r }, s) => /* @__PURE__ */ a(
+    "div",
+    {
+      ref: s,
+      className: o(
+        "inline-block animate-spin rounded-full border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]",
+        Ut[e],
+        t
+      ),
+      role: "status",
+      ...r,
+      children: /* @__PURE__ */ a("span", { className: "sr-only", children: "Loading..." })
+    }
+  )
+);
+Gt.displayName = "Spinner";
+const Wt = n.forwardRef(
+  ({ className: e, orientation: t = "horizontal", decorative: r = !0, ...s }, i) => /* @__PURE__ */ a(
+    $.Root,
+    {
+      ref: i,
+      decorative: r,
+      orientation: t,
+      className: o(
+        "shrink-0 bg-border",
+        t === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        e
+      ),
+      ...s
+    }
+  )
+);
+Wt.displayName = $.Root.displayName;
+const qt = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ d(
+  S.Root,
+  {
+    ref: r,
+    className: o(
+      "relative flex w-full touch-none select-none items-center",
+      e
+    ),
+    ...t,
+    children: [
+      /* @__PURE__ */ a(S.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-gray-200 dark:bg-gray-800", children: /* @__PURE__ */ a(S.Range, { className: "absolute h-full bg-gray-900 dark:bg-gray-50" }) }),
+      /* @__PURE__ */ a(S.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-gray-900 bg-white ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:border-gray-50 dark:bg-gray-950 dark:ring-offset-gray-950 dark:focus-visible:ring-gray-300" })
+    ]
+  }
+));
+qt.displayName = S.Root.displayName;
+const de = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ a(
+  "table",
+  {
+    ref: r,
+    className: o("w-full caption-bottom text-sm", e),
+    ...t
+  }
+) }));
+de.displayName = "Table";
+const le = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a("thead", { ref: r, className: o("[&_tr]:border-b", e), ...t }));
+le.displayName = "TableHeader";
+const ce = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  "tbody",
+  {
+    ref: r,
+    className: o("[&_tr:last-child]:border-0", e),
+    ...t
+  }
+));
+ce.displayName = "TableBody";
+const Yt = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  "tfoot",
+  {
+    ref: r,
+    className: o(
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+      e
+    ),
+    ...t
+  }
+));
+Yt.displayName = "TableFooter";
+const A = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  "tr",
+  {
+    ref: r,
+    className: o(
+      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      e
+    ),
+    ...t
+  }
+));
+A.displayName = "TableRow";
+const me = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  "th",
+  {
+    ref: r,
+    className: o(
+      "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
+      e
+    ),
+    ...t
+  }
+));
+me.displayName = "TableHead";
+const V = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  "td",
+  {
+    ref: r,
+    className: o("p-4 align-middle [&:has([role=checkbox])]:pr-0", e),
+    ...t
+  }
+));
+V.displayName = "TableCell";
+const Xt = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  "caption",
+  {
+    ref: r,
+    className: o("mt-4 text-sm text-muted-foreground", e),
+    ...t
+  }
+));
+Xt.displayName = "TableCaption";
+function Pr({
+  columns: e,
+  data: t,
+  onRowClick: r
+}) {
+  var b;
+  const [s, i] = n.useState([]), l = Ce({
+    data: t,
+    columns: e,
+    getCoreRowModel: Le(),
+    getPaginationRowModel: Ie(),
+    onSortingChange: i,
+    getSortedRowModel: De(),
+    state: {
+      sorting: s
+    }
+  });
+  return /* @__PURE__ */ d("div", { children: [
+    /* @__PURE__ */ a("div", { className: "rounded-md border", children: /* @__PURE__ */ d(de, { children: [
+      /* @__PURE__ */ a(le, { children: l.getHeaderGroups().map((m) => /* @__PURE__ */ a(A, { children: m.headers.map((c) => /* @__PURE__ */ a(me, { children: c.isPlaceholder ? null : q(
+        c.column.columnDef.header,
+        c.getContext()
+      ) }, c.id)) }, m.id)) }),
+      /* @__PURE__ */ a(ce, { children: (b = l.getRowModel().rows) != null && b.length ? l.getRowModel().rows.map((m) => /* @__PURE__ */ a(
+        A,
+        {
+          "data-state": m.getIsSelected() && "selected",
+          onClick: () => r && r(m.original),
+          className: r ? "cursor-pointer" : "",
+          children: m.getVisibleCells().map((c) => /* @__PURE__ */ a(V, { children: q(c.column.columnDef.cell, c.getContext()) }, c.id))
+        },
+        m.id
+      )) : /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a(V, { colSpan: e.length, className: "h-24 text-center", children: "No results." }) }) })
+    ] }) }),
+    /* @__PURE__ */ d("div", { className: "flex items-center justify-end space-x-2 py-4", children: [
+      /* @__PURE__ */ a(
+        O,
+        {
+          variant: "outline",
+          size: "sm",
+          onClick: () => l.previousPage(),
+          disabled: !l.getCanPreviousPage(),
+          children: "Previous"
+        }
+      ),
+      /* @__PURE__ */ a(
+        O,
+        {
+          variant: "outline",
+          size: "sm",
+          onClick: () => l.nextPage(),
+          disabled: !l.getCanNextPage(),
+          children: "Next"
+        }
+      )
+    ] })
+  ] });
+}
+const _r = f.Root, Ar = f.Trigger, Mr = f.Close, $t = f.Portal, fe = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  f.Overlay,
+  {
+    className: o(
+      "fixed top-0 right-0 bottom-0 left-0 z-50 bg-black/80 state-open:animate-fade-in state-closed:animate-fade-out",
+      e
+    ),
+    ...t,
+    ref: r
+  }
+));
+fe.displayName = f.Overlay.displayName;
+const Qt = R(
+  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out state-closed:duration-300 state-open:duration-500",
+  {
+    variants: {
+      side: {
+        top: "left-0 right-0 top-0 border-b state-closed:animate-slide-out-left state-open:animate-slide-in-left",
+        bottom: "left-0 right-0 bottom-0 border-t state-closed:animate-slide-out-left state-open:animate-slide-in-left",
+        left: "top-0 bottom-0 left-0 h-full w-3/4 border-r state-closed:animate-slide-out-left state-open:animate-slide-in-left sm:max-w-sm",
+        right: "top-0 bottom-0 right-0 h-full w-3/4 border-l state-closed:animate-slide-out-right state-open:animate-slide-in-right sm:max-w-sm"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+), Zt = n.forwardRef(({ side: e = "right", className: t, children: r, ...s }, i) => /* @__PURE__ */ d($t, { children: [
+  /* @__PURE__ */ a(fe, {}),
+  /* @__PURE__ */ d(
+    f.Content,
+    {
+      ref: i,
+      className: o(Qt({ side: e }), t),
+      ...s,
+      children: [
+        /* @__PURE__ */ d(f.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+          /* @__PURE__ */ a(Se, { className: "h-4 w-4" }),
+          /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
+        ] }),
+        r
+      ]
+    }
+  )
+] }));
+Zt.displayName = f.Content.displayName;
+const Jt = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ a(
+  "div",
+  {
+    className: o(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      e
+    ),
+    ...t
+  }
+);
+Jt.displayName = "SheetHeader";
+const Kt = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ a(
+  "div",
+  {
+    className: o(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      e
+    ),
+    ...t
+  }
+);
+Kt.displayName = "SheetFooter";
+const er = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  f.Title,
+  {
+    ref: r,
+    className: o("text-lg font-semibold text-foreground", e),
+    ...t
+  }
+));
+er.displayName = f.Title.displayName;
+const tr = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  f.Description,
+  {
+    ref: r,
+    className: o("text-sm text-muted-foreground", e),
+    ...t
+  }
+));
+tr.displayName = f.Description.displayName;
+const rr = {
+  theme: "system",
+  setTheme: () => null
+}, ue = he(rr);
+function zr({
+  children: e,
+  defaultTheme: t = "system",
+  storageKey: r = "mirel-ui-theme",
+  ...s
+}) {
+  const [i, l] = B(
+    () => localStorage.getItem(r) || t
+  );
+  ye(() => {
+    const m = window.document.documentElement;
+    if (m.classList.remove("light", "dark"), i === "system") {
+      const c = window.matchMedia("(prefers-color-scheme: dark)"), p = c.matches ? "dark" : "light";
+      m.classList.add(p);
+      const x = () => {
+        m.classList.remove("light", "dark");
+        const v = c.matches ? "dark" : "light";
+        m.classList.add(v);
+      };
+      return c.addEventListener("change", x), () => c.removeEventListener("change", x);
+    }
+    m.classList.add(i);
+  }, [i]);
+  const b = {
+    theme: i,
+    setTheme: (m) => {
+      localStorage.setItem(r, m), l(m);
+    }
+  };
+  return /* @__PURE__ */ a(ue.Provider, { ...s, value: b, children: e });
+}
+const jr = () => {
+  const e = xe(ue);
+  if (e === void 0)
+    throw new Error("useTheme must be used within a ThemeProvider");
+  return e;
+};
+export {
+  Tr as Accordion,
+  At as AccordionContent,
+  Pt as AccordionItem,
+  _t as AccordionTrigger,
+  Tt as Alert,
+  St as AlertDescription,
+  Rt as AlertTitle,
+  zt as Avatar,
+  L as Badge,
+  O as Button,
+  _e as Card,
+  je as CardContent,
+  ze as CardDescription,
+  Ee as CardFooter,
+  Ae as CardHeader,
+  Me as CardTitle,
+  Rr as Combobox,
+  Pr as DataTable,
+  ur as Dialog,
+  pr as DialogClose,
+  $e as DialogContent,
+  Ke as DialogDescription,
+  Ze as DialogFooter,
+  Qe as DialogHeader,
+  te as DialogOverlay,
+  Xe as DialogPortal,
+  Je as DialogTitle,
+  gr as DialogTrigger,
+  br as DropdownMenu,
+  ot as DropdownMenuCheckboxItem,
+  rt as DropdownMenuContent,
+  yr as DropdownMenuGroup,
+  at as DropdownMenuItem,
+  nt as DropdownMenuLabel,
+  xr as DropdownMenuPortal,
+  wr as DropdownMenuRadioGroup,
+  st as DropdownMenuRadioItem,
+  it as DropdownMenuSeparator,
+  dt as DropdownMenuShortcut,
+  vr as DropdownMenuSub,
+  tt as DropdownMenuSubContent,
+  et as DropdownMenuSubTrigger,
+  hr as DropdownMenuTrigger,
+  Ve as FormError,
+  Fe as FormField,
+  He as FormHelper,
+  Oe as FormLabel,
+  Ue as FormRequiredMark,
+  Q as Input,
+  Bt as Label,
+  Sr as Popover,
+  jt as PopoverContent,
+  Cr as PopoverTrigger,
+  Vt as ScrollArea,
+  ie as ScrollBar,
+  lt as SectionHeading,
+  Ge as Select,
+  ee as SelectContent,
+  fr as SelectGroup,
+  H as SelectItem,
+  qe as SelectLabel,
+  K as SelectScrollDownButton,
+  J as SelectScrollUpButton,
+  Ye as SelectSeparator,
+  Z as SelectTrigger,
+  We as SelectValue,
+  Wt as Separator,
+  _r as Sheet,
+  Mr as SheetClose,
+  Zt as SheetContent,
+  tr as SheetDescription,
+  Kt as SheetFooter,
+  Jt as SheetHeader,
+  fe as SheetOverlay,
+  $t as SheetPortal,
+  er as SheetTitle,
+  Ar as SheetTrigger,
+  ut as Skeleton,
+  qt as Slider,
+  Gt as Spinner,
+  ft as StepIndicator,
+  Ot as Switch,
+  de as Table,
+  ce as TableBody,
+  Xt as TableCaption,
+  V as TableCell,
+  Yt as TableFooter,
+  me as TableHead,
+  le as TableHeader,
+  A as TableRow,
+  kr as Tabs,
+  It as TabsContent,
+  Ct as TabsList,
+  Dt as TabsTrigger,
+  Ft as Textarea,
+  zr as ThemeProvider,
+  ae as Toast,
+  bt as ToastAction,
+  oe as ToastClose,
+  ne as ToastDescription,
+  gt as ToastProvider,
+  se as ToastTitle,
+  re as ToastViewport,
+  Nr as Toaster,
+  Ir as Tooltip,
+  Ht as TooltipContent,
+  Dr as TooltipProvider,
+  Lr as TooltipTrigger,
+  Be as badgeVariants,
+  Pe as buttonVariants,
+  o as cn,
+  wt as toast,
+  jr as useTheme,
+  Nt as useToast
+};