@quan-erp/shared-ui 1.0.0

package/dist/es/components/ui/sonner.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { useTheme } from "next-themes";
+import { Toaster as Toaster$1 } from "sonner";
+export * from "sonner";
+const Toaster = ({ ...props }) => {
+  const { theme = "system" } = useTheme();
+  return /* @__PURE__ */ jsx(
+    Toaster$1,
+    {
+      theme,
+      className: "shared:toaster shared:group",
+      toastOptions: {
+        classNames: {
+          toast: "shared:group shared:toast group-[.shared:toaster]:bg-background group-[.shared:toaster]:text-foreground group-[.shared:toaster]:border-border group-[.shared:toaster]:shadow-lg",
+          description: "group-[.shared:toast]:text-muted-foreground",
+          actionButton: "group-[.shared:toast]:bg-primary group-[.shared:toast]:text-primary-foreground",
+          cancelButton: "group-[.shared:toast]:bg-muted group-[.shared:toast]:text-muted-foreground"
+        }
+      },
+      ...props
+    }
+  );
+};
+export {
+  Toaster
+};

package/dist/es/components/ui/spinner.js

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import { Loader2Icon } from "lucide-react";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils.js";
+const spinnerVariants = cva(
+  "shared:animate-spin shared:text-primary",
+  {
+    variants: {
+      size: {
+        default: "shared:w-7 shared:h-7",
+        sm: "shared:w-5 shared:h-5",
+        lg: "shared:w-10 shared:h-10",
+        icon: "shared:w-4 shared:h-4"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+function Spinner({ className, size, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Loader2Icon,
+    {
+      role: "status",
+      "aria-label": "Loading",
+      className: cn(spinnerVariants({ size, className })),
+      ...props
+    }
+  );
+}
+export {
+  Spinner
+};

package/dist/es/components/ui/switch.js

@@ -0,0 +1,54 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils.js";
+const switchVariants = cva(
+  "shared:peer shared:inline-flex shared:shrink-0 shared:cursor-pointer shared:items-center shared:rounded-full shared:border-2 shared:border-transparent shared:shadow-sm shared:transition-all shared:duration-200 shared:focus-visible:outline-none shared:focus-visible:ring-2 shared:focus-visible:ring-ring shared:focus-visible:ring-offset-2 shared:focus-visible:ring-offset-background shared:disabled:cursor-not-allowed shared:disabled:opacity-50 shared:data-[state=checked]:bg-primary shared:data-[state=unchecked]:bg-input",
+  {
+    variants: {
+      switchSize: {
+        default: "shared:h-8 shared:w-14 shared:md:h-5 shared:md:w-9",
+        sm: "shared:h-5 shared:w-9 shared:md:h-4 shared:md:w-7",
+        lg: "shared:h-10 shared:w-16 shared:md:h-6 shared:md:w-11"
+      }
+    },
+    defaultVariants: {
+      switchSize: "default"
+    }
+  }
+);
+const switchThumbVariants = cva(
+  "shared:pointer-events-none shared:block shared:rounded-full shared:bg-background shared:shadow-lg shared:ring-0 shared:transition-all shared:duration-200",
+  {
+    variants: {
+      switchSize: {
+        default: "shared:h-6 shared:w-6 shared:md:h-4 shared:md:w-4 shared:data-[state=checked]:translate-x-6 shared:data-[state=unchecked]:translate-x-1 shared:md:data-[state=checked]:translate-x-4 shared:md:data-[state=unchecked]:translate-x-0",
+        sm: "shared:h-4 shared:w-4 shared:md:h-3 shared:md:w-3 shared:data-[state=checked]:translate-x-4 shared:data-[state=unchecked]:translate-x-0 shared:md:data-[state=checked]:translate-x-3 shared:md:data-[state=unchecked]:translate-x-0",
+        lg: "shared:h-8 shared:w-8 shared:md:h-5 shared:md:w-5 shared:data-[state=checked]:translate-x-6 shared:data-[state=unchecked]:translate-x-1 shared:md:data-[state=checked]:translate-x-5 shared:md:data-[state=unchecked]:translate-x-0"
+      }
+    },
+    defaultVariants: {
+      switchSize: "default"
+    }
+  }
+);
+const Switch = React.forwardRef(({ className, switchSize, ...props }, ref) => /* @__PURE__ */ jsx(
+  SwitchPrimitives.Root,
+  {
+    "data-plugin": "builtin",
+    className: cn(switchVariants({ switchSize, className })),
+    ...props,
+    ref,
+    children: /* @__PURE__ */ jsx(
+      SwitchPrimitives.Thumb,
+      {
+        className: cn(switchThumbVariants({ switchSize }))
+      }
+    )
+  }
+));
+Switch.displayName = SwitchPrimitives.Root.displayName;
+export {
+  Switch
+};

package/dist/es/components/ui/table.js

@@ -0,0 +1,90 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils.js";
+const Table = React.forwardRef(({ className, wrapper, parentContainer, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: cn("shared:w-full shared:border shared:border-black/10 shared:rounded-xl shared:cupertino-corner shared:overflow-hidden", parentContainer), children: /* @__PURE__ */ jsx("div", { className: cn("shared:relative shared:w-full shared:overflow-auto", wrapper), children: /* @__PURE__ */ jsx(
+  "table",
+  {
+    ref,
+    className: cn("shared:w-full shared:caption-bottom shared:text-sm", className),
+    ...props
+  }
+) }) }));
+Table.displayName = "Table";
+const TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("shared:bg-muted shared:[&_tr]:border-b shared:border-black/10", className), ...props }));
+TableHeader.displayName = "TableHeader";
+const TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tbody",
+  {
+    ref,
+    className: cn("shared:[&_tr:last-child]:border-0", className),
+    ...props
+  }
+));
+TableBody.displayName = "TableBody";
+const TableFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tfoot",
+  {
+    ref,
+    className: cn(
+      "shared:border-t shared:border-black/10 shared:bg-muted shared:font-medium [&>shared:tr]:last:border-b-0",
+      className
+    ),
+    ...props
+  }
+));
+TableFooter.displayName = "TableFooter";
+const TableRow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tr",
+  {
+    ref,
+    className: cn(
+      "shared:border-b shared:border-black/10 shared:transition-colors shared:hover:bg-muted/50 shared:data-[state=selected]:bg-muted",
+      className
+    ),
+    ...props
+  }
+));
+TableRow.displayName = "TableRow";
+const TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "th",
+  {
+    ref,
+    className: cn(
+      "shared:h-10 shared:px-2 shared:text-left shared:align-middle shared:font-medium shared:text-muted-foreground [&:has([role=checkbox])shared:]:pr-0 [&>shared:[role=checkbox]]:translate-y-[2px]",
+      className
+    ),
+    ...props
+  }
+));
+TableHead.displayName = "TableHead";
+const TableCell = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "td",
+  {
+    ref,
+    className: cn(
+      "shared:p-2 shared:align-middle [&:has([role=checkbox])shared:]:pr-0 [&>shared:[role=checkbox]]:translate-y-[2px]",
+      className
+    ),
+    ...props
+  }
+));
+TableCell.displayName = "TableCell";
+const TableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "caption",
+  {
+    ref,
+    className: cn("shared:mt-4 shared:text-sm shared:text-muted-foreground", className),
+    ...props
+  }
+));
+TableCaption.displayName = "TableCaption";
+export {
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow
+};

package/dist/es/components/ui/tabs.js

@@ -0,0 +1,84 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils.js";
+const TabsContext = React.createContext({ size: "default" });
+const Tabs = React.forwardRef(
+  ({ size = "default", ...props }, ref) => /* @__PURE__ */ jsx(TabsContext.Provider, { value: { size }, children: /* @__PURE__ */ jsx(TabsPrimitive.Root, { ref, ...props }) })
+);
+Tabs.displayName = TabsPrimitive.Root.displayName;
+const tabsListVariants = cva(
+  "shared:inline-flex shared:items-center shared:justify-center shared:rounded-full shared:bg-muted shared:text-muted-foreground",
+  {
+    variants: {
+      size: {
+        default: "shared:h-12 shared:md:h-9 shared:p-1",
+        sm: "shared:h-10 shared:md:h-8 shared:p-1 shared:text-sm",
+        lg: "shared:h-14 shared:md:h-11 shared:p-1 shared:text-lg shared:md:text-base"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+const TabsList = React.forwardRef(({ className, size, ...props }, ref) => {
+  const context = React.useContext(TabsContext);
+  const activeSize = size || context.size || "default";
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.List,
+    {
+      ref,
+      className: cn(tabsListVariants({ size: activeSize, className })),
+      ...props
+    }
+  );
+});
+TabsList.displayName = TabsPrimitive.List.displayName;
+const tabsTriggerVariants = cva(
+  "shared:inline-flex shared:items-center shared:justify-center shared:whitespace-nowrap shared:rounded-full shared:cursor-pointer shared:cupertino-corner shared:font-medium shared:ring-offset-background shared:transition-all shared:focus-visible:outline-none shared:focus-visible:ring-2 shared:focus-visible:ring-ring shared:focus-visible:ring-offset-2 shared:disabled:pointer-events-none shared:disabled:opacity-50 shared:data-[state=active]:bg-background shared:data-[state=active]:text-foreground shared:data-[state=active]:shadow",
+  {
+    variants: {
+      size: {
+        default: "shared:h-full shared:px-4 shared:md:px-3 shared:text-sm",
+        sm: "shared:h-full shared:px-3 shared:md:px-2 shared:text-xs",
+        lg: "shared:h-full shared:px-5 shared:md:px-4 shared:text-base"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+const TabsTrigger = React.forwardRef(({ className, size, ...props }, ref) => {
+  const context = React.useContext(TabsContext);
+  const activeSize = size || context.size || "default";
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Trigger,
+    {
+      ref,
+      className: cn(tabsTriggerVariants({ size: activeSize, className })),
+      ...props
+    }
+  );
+});
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+const TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "shared:mt-2 shared:ring-offset-background shared:focus-visible:outline-none shared:focus-visible:ring-2 shared:focus-visible:ring-ring shared:focus-visible:ring-offset-2",
+      className
+    ),
+    ...props
+  }
+));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+export {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger
+};

package/dist/es/components/ui/textarea.js

@@ -0,0 +1,32 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils.js";
+const textareaVariants = cva(
+  "shared:border-input shared:placeholder:text-muted-foreground shared:focus-visible:border-ring shared:focus-visible:ring-ring/50 shared:aria-invalid:ring-destructive/20 shared:dark:aria-invalid:ring-destructive/40 shared:aria-invalid:border-destructive shared:dark:bg-input/30 shared:flex shared:field-sizing-content shared:w-full shared:rounded-3xl shared:cupertino-corner shared:border shared:bg-transparent shared:shadow-xs shared:transition-[color,box-shadow] shared:outline-none shared:focus-visible:ring-[3px] shared:disabled:cursor-not-allowed shared:disabled:opacity-50",
+  {
+    variants: {
+      inputSize: {
+        default: "shared:min-h-16 shared:px-4 shared:py-3 shared:md:px-2 shared:md:py-2 shared:text-base shared:md:text-sm",
+        sm: "shared:min-h-12 shared:px-3 shared:py-2 shared:md:px-2 shared:md:py-1.5 shared:text-sm",
+        lg: "shared:min-h-20 shared:px-5 shared:py-4 shared:md:px-4 shared:md:py-3 shared:text-lg shared:md:text-base"
+      }
+    },
+    defaultVariants: {
+      inputSize: "default"
+    }
+  }
+);
+function Textarea({ className, inputSize, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: cn(textareaVariants({ inputSize, className })),
+      ...props
+    }
+  );
+}
+export {
+  Textarea
+};

package/dist/es/components/ui/time-picker.js

@@ -0,0 +1,199 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Button } from "./button.js";
+import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle } from "./dialog.js";
+import { ButtonGroup } from "./button-group.js";
+import { cn } from "../../lib/utils.js";
+function polarToCartesian(cx, cy, r, angle) {
+  const rad = (angle - 90) * Math.PI / 180;
+  return {
+    x: cx + r * Math.cos(rad),
+    y: cy + r * Math.sin(rad)
+  };
+}
+function Dial({
+  value,
+  max,
+  step,
+  onChange,
+  label,
+  normalizeZero = false
+}) {
+  const size = 280;
+  const r = 90;
+  const cx = size / 2;
+  const cy = size / 2;
+  const HAND_RADIUS = r + 15;
+  const LABEL_RADIUS = HAND_RADIUS + 10;
+  const draggingRef = React.useRef(false);
+  const ticks = Array.from({ length: max / step }, (_, i) => i * step);
+  const angle = value / max * 360;
+  function updateFromPointer(e) {
+    const rect = e.currentTarget.getBoundingClientRect();
+    const x = e.clientX - rect.left - cx;
+    const y = e.clientY - rect.top - cy;
+    const distance = Math.sqrt(x * x + y * y);
+    if (distance < r * 0.4) return;
+    const deg = Math.atan2(y, x) * 180 / Math.PI + 90;
+    const normalized = (deg + 360) % 360;
+    const units = Math.round(normalized / 360 * (max / step));
+    const next = units * step % max;
+    onChange(next);
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "shared:flex shared:flex-col shared:items-center shared:gap-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "shared:text-sm shared:text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        width: size,
+        height: size,
+        className: "shared:rounded-full shared:bg-muted shared:touch-none shared:select-none",
+        onPointerDown: (e) => {
+          draggingRef.current = true;
+          e.currentTarget.setPointerCapture(e.pointerId);
+          updateFromPointer(e);
+        },
+        onPointerMove: (e) => {
+          if (draggingRef.current) {
+            updateFromPointer(e);
+          }
+        },
+        onPointerUp: (e) => {
+          draggingRef.current = false;
+          e.currentTarget.releasePointerCapture(e.pointerId);
+        },
+        onPointerLeave: () => {
+          draggingRef.current = false;
+        },
+        children: [
+          /* @__PURE__ */ jsx("circle", { cx, cy, r, fill: "white" }),
+          /* @__PURE__ */ jsxs("g", { style: {
+            transform: `rotate(${angle}deg)`,
+            transformOrigin: `${cx}px ${cy}px`,
+            transition: "transform 200ms cubic-bezier(0.4, 0, 0.2, 1)"
+          }, children: [
+            /* @__PURE__ */ jsx(
+              "line",
+              {
+                x1: cx,
+                y1: cy,
+                x2: cx,
+                y2: cy - HAND_RADIUS,
+                strokeWidth: 2,
+                className: "shared:stroke-primary"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "circle",
+              {
+                cx,
+                cy: cy - HAND_RADIUS - 10,
+                r: 20,
+                className: "shared:fill-primary"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("circle", { cx, cy, r: 6, className: "shared:fill-primary" }),
+          ticks.map((t) => {
+            const a = t / max * 360;
+            const p = polarToCartesian(cx, cy, LABEL_RADIUS, a);
+            return /* @__PURE__ */ jsx(
+              "text",
+              {
+                x: p.x,
+                y: p.y,
+                textAnchor: "middle",
+                dominantBaseline: "middle",
+                className: cn(
+                  "shared:text-lg shared:transition-all shared:duration-200",
+                  value === t && "shared:font-bold shared:fill-white shared:text-[1.1rem]"
+                ),
+                children: String(normalizeZero ? t === 0 ? 12 : t : t).padStart(2, "0")
+              },
+              t
+            );
+          })
+        ]
+      }
+    )
+  ] });
+}
+function TimePicker({
+  value,
+  format = "12hr",
+  onChange
+}) {
+  const [open, setOpen] = React.useState(false);
+  const [hour, setHour] = React.useState(value?.hour ?? 0);
+  const [minute, setMinute] = React.useState(value?.minute ?? 0);
+  const [mode, setMode] = React.useState("hour");
+  const [val, setValue] = React.useState(value ?? { hour: 0, minute: 0 });
+  return /* @__PURE__ */ jsxs(Dialog, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", children: [
+      String(val.hour).padStart(2, "0"),
+      ":",
+      String(val.minute).padStart(2, "0")
+    ] }) }),
+    /* @__PURE__ */ jsxs(DialogContent, { className: "shared:w-[360px]", children: [
+      /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Select time" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "shared:flex shared:justify-center shared:gap-2 shared:text-2xl shared:font-semibold", children: [
+        /* @__PURE__ */ jsx("button", { onClick: () => setMode("hour"), className: cn(mode === "hour" ? "shared:underline" : "", "shared:cursor-pointer"), children: String(format === "12hr" ? hour % 12 : hour).padStart(2, "0").padStart(2, "0") }),
+        /* @__PURE__ */ jsx("span", { children: ":" }),
+        /* @__PURE__ */ jsx("button", { onClick: () => setMode("minute"), className: cn(mode === "minute" ? "shared:underline" : "", "shared:cursor-pointer"), children: String(minute).padStart(2, "0") })
+      ] }),
+      mode === "hour" ? /* @__PURE__ */ jsx(
+        Dial,
+        {
+          normalizeZero: format === "12hr",
+          value: format === "12hr" ? hour % 12 : hour,
+          max: format === "12hr" ? 12 : 24,
+          step: 1,
+          onChange: (v) => {
+            if (format === "12hr") {
+              const isAM = hour < 12;
+              setHour(isAM ? v % 12 : v % 12 + 12);
+            } else {
+              setHour(v);
+            }
+          },
+          label: "Hours"
+        }
+      ) : /* @__PURE__ */ jsx(Dial, { normalizeZero: false, value: minute, max: 60, step: 5, onChange: setMinute, label: "Minutes" }),
+      /* @__PURE__ */ jsx("div", { children: format === "12hr" && /* @__PURE__ */ jsxs(ButtonGroup, { className: "shared:my-2", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: hour < 12 ? "default" : "secondary",
+            onClick: () => setHour((h) => h >= 12 ? h - 12 : h),
+            children: "AM"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: hour >= 12 ? "default" : "secondary",
+            onClick: () => setHour((h) => h < 12 ? h + 12 : h),
+            children: "PM"
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "shared:flex shared:justify-end shared:gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: () => setOpen(false), children: "Cancel" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: () => {
+              onChange?.({ hour, minute });
+              setOpen(false);
+              setValue({ hour, minute });
+            },
+            children: "OK"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+export {
+  TimePicker
+};

package/dist/es/components/ui/toggle-group.js

@@ -0,0 +1,43 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+import "class-variance-authority";
+import { cn } from "../../lib/utils.js";
+import { toggleVariants } from "./toggle.js";
+const ToggleGroupContext = React.createContext({
+  size: "default",
+  variant: "default"
+});
+const ToggleGroup = React.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToggleGroupPrimitive.Root,
+  {
+    ref,
+    className: cn("shared:flex shared:items-center shared:justify-center shared:gap-1", className),
+    ...props,
+    children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size }, children })
+  }
+));
+ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
+const ToggleGroupItem = React.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx(
+    ToggleGroupPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        toggleVariants({
+          variant: context.variant || variant,
+          size: context.size || size
+        }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+});
+ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
+export {
+  ToggleGroup,
+  ToggleGroupItem
+};

package/dist/es/components/ui/toggle.js

@@ -0,0 +1,44 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils.js";
+const toggleVariants = cva(
+  "shared:inline-flex shared:items-center shared:justify-center shared:gap-2 shared:rounded-md shared:text-sm shared:font-medium shared:hover:bg-muted shared:hover:text-muted-foreground shared:disabled:pointer-events-none shared:disabled:opacity-50 shared:data-[state=on]:bg-accent shared:data-[state=on]:text-accent-foreground shared:[&_svg]:pointer-events-none [&_svg:not([class*='size-'])shared:]:size-4 shared:[&_svg]:shrink-0 shared:focus-visible:border-ring shared:focus-visible:ring-ring/50 shared:focus-visible:ring-[3px] shared:outline-none shared:transition-[color,box-shadow] shared:aria-invalid:ring-destructive/20 shared:dark:aria-invalid:ring-destructive/40 shared:aria-invalid:border-destructive shared:whitespace-nowrap",
+  {
+    variants: {
+      variant: {
+        default: "shared:bg-transparent",
+        outline: "shared:border shared:border-input shared:bg-transparent shared:shadow-xs shared:hover:bg-accent shared:hover:text-accent-foreground"
+      },
+      size: {
+        default: "shared:h-9 shared:px-2 shared:min-w-9",
+        sm: "shared:h-8 shared:px-1.5 shared:min-w-8",
+        lg: "shared:h-10 shared:px-2.5 shared:min-w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Toggle({
+  className,
+  variant,
+  size,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TogglePrimitive.Root,
+    {
+      "data-slot": "toggle",
+      className: cn(toggleVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+export {
+  Toggle,
+  toggleVariants
+};

package/dist/es/components/ui/tooltip.js

@@ -0,0 +1,56 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { cn } from "../../lib/utils.js";
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TooltipPrimitive.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration,
+      ...props
+    }
+  );
+}
+function Tooltip({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
+}
+function TooltipTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+    TooltipPrimitive.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn(
+        "shared:bg-foreground shared:text-background shared:animate-in shared:fade-in-0 shared:zoom-in-95 shared:data-[state=closed]:animate-out shared:data-[state=closed]:fade-out-0 shared:data-[state=closed]:zoom-out-95 shared:data-[side=bottom]:slide-in-from-top-2 shared:data-[side=left]:slide-in-from-right-2 shared:data-[side=right]:slide-in-from-left-2 shared:data-[side=top]:slide-in-from-bottom-2 shared:z-50 shared:w-fit shared:origin-(--radix-tooltip-content-transform-origin) shared:rounded-md shared:px-3 shared:py-1.5 shared:text-xs shared:text-balance",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "shared:bg-foreground shared:fill-foreground shared:z-50 shared:size-2.5 shared:translate-y-[calc(-50%_-_2px)] shared:rotate-45 shared:rounded-[2px]" })
+      ]
+    }
+  ) });
+}
+export {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+};

package/dist/es/hooks/use-debounce-value.js

@@ -0,0 +1,16 @@
+import { useState, useRef, useEffect } from "react";
+function useDebounceValue(value, delay) {
+  const [debounced, setDebounced] = useState(value);
+  const ref = useRef(null);
+  useEffect(() => {
+    clearTimeout(ref.current);
+    ref.current = setTimeout(() => {
+      setDebounced(value);
+    }, delay);
+    return () => clearTimeout(ref.current);
+  }, [value, delay]);
+  return debounced;
+}
+export {
+  useDebounceValue
+};