@web-my-money/primitives 1.0.0

package/dist/chunk-NH5ZVHAV.mjs

@@ -0,0 +1,36 @@
+import {
+  cn
+} from "./chunk-PJO7WJ4G.mjs";
+
+// src/switch/index.tsx
+import { Switch as SwitchPrimitive } from "@base-ui/react/switch";
+import { jsx } from "react/jsx-runtime";
+function Switch({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SwitchPrimitive.Root,
+    {
+      "data-slot": "switch",
+      "data-size": size,
+      className: cn(
+        "peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        SwitchPrimitive.Thumb,
+        {
+          "data-slot": "switch-thumb",
+          className: "pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] dark:data-checked:bg-primary-foreground group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-unchecked:bg-foreground"
+        }
+      )
+    }
+  );
+}
+
+export {
+  Switch
+};

package/dist/chunk-PFXSPRVI.mjs

@@ -0,0 +1,65 @@
+import {
+  cn
+} from "./chunk-PJO7WJ4G.mjs";
+
+// src/badge/index.tsx
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var badgeVariants = cva(
+  "inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium transition-colors border select-none",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary/15 text-primary",
+        secondary: "border-transparent bg-secondary text-secondary-foreground",
+        outline: "border-border text-foreground bg-transparent",
+        success: "border-transparent bg-emerald-500/15 text-emerald-500",
+        warning: "border-transparent bg-amber-500/15 text-amber-500",
+        destructive: "border-transparent bg-red-500/15 text-red-500",
+        info: "border-transparent bg-sky-500/15 text-sky-500"
+      },
+      size: {
+        sm: "px-2 py-px text-[10px]",
+        default: "px-2.5 py-0.5 text-xs",
+        lg: "px-3 py-1 text-sm"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var dotColors = {
+  default: "bg-primary",
+  secondary: "bg-secondary-foreground",
+  outline: "bg-foreground",
+  success: "bg-emerald-500",
+  warning: "bg-amber-500",
+  destructive: "bg-red-500",
+  info: "bg-sky-500"
+};
+function Badge({
+  className,
+  variant = "default",
+  size,
+  dot,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs("span", { className: cn(badgeVariants({ variant, size }), className), ...props, children: [
+    dot && /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": true,
+        className: cn("inline-block size-1.5 rounded-full shrink-0", dotColors[variant ?? "default"])
+      }
+    ),
+    children
+  ] });
+}
+
+export {
+  badgeVariants,
+  Badge
+};

package/dist/chunk-PJO7WJ4G.mjs

@@ -0,0 +1,10 @@
+// src/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export {
+  cn
+};

package/dist/chunk-PTXZWR7Y.mjs

@@ -0,0 +1,76 @@
+import {
+  cn
+} from "./chunk-PJO7WJ4G.mjs";
+
+// src/toast/index.tsx
+import { Toast as ToastPrimitive } from "@base-ui/react/toast";
+import { X } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function useToast() {
+  return ToastPrimitive.useToastManager();
+}
+function ToastList() {
+  const { toasts } = ToastPrimitive.useToastManager();
+  return toasts.map((toast) => /* @__PURE__ */ jsxs(
+    ToastPrimitive.Root,
+    {
+      toast,
+      className: cn(
+        "relative flex items-start gap-3 rounded-lg bg-popover p-3.5 pr-9 text-sm text-popover-foreground shadow-lg ring-1 ring-foreground/10",
+        "transition-all duration-200",
+        "data-[starting-style]:translate-x-full data-[starting-style]:opacity-0",
+        "data-[ending-style]:translate-x-full data-[ending-style]:opacity-0",
+        "data-[swipe-direction=right]:data-[ending-style]:translate-x-full"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx(ToastPrimitive.Title, { className: "text-sm font-medium text-foreground" }),
+          /* @__PURE__ */ jsx(ToastPrimitive.Description, { className: "mt-0.5 text-sm text-muted-foreground" }),
+          toast.actionProps && /* @__PURE__ */ jsx(
+            ToastPrimitive.Action,
+            {
+              ...toast.actionProps,
+              className: cn(
+                "mt-2 text-sm font-medium text-primary underline underline-offset-2 hover:text-primary/80",
+                toast.actionProps.className
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          ToastPrimitive.Close,
+          {
+            "aria-label": "Close",
+            className: "absolute right-2 top-2 rounded-md p-1 text-muted-foreground outline-none hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring",
+            children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+          }
+        )
+      ]
+    },
+    toast.id
+  ));
+}
+function ToastProvider({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(ToastPrimitive.Provider, { ...props, children: [
+    children,
+    /* @__PURE__ */ jsx(ToastPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+      ToastPrimitive.Viewport,
+      {
+        className: cn(
+          "fixed right-4 top-4 z-[100] flex w-80 max-w-[calc(100vw-2rem)] flex-col gap-2 outline-none",
+          className
+        ),
+        children: /* @__PURE__ */ jsx(ToastList, {})
+      }
+    ) })
+  ] });
+}
+
+export {
+  useToast,
+  ToastProvider
+};

package/dist/chunk-SG747CBC.mjs

@@ -0,0 +1,34 @@
+import {
+  cn
+} from "./chunk-PJO7WJ4G.mjs";
+
+// src/kbd/index.tsx
+import { jsx } from "react/jsx-runtime";
+function Kbd({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "kbd",
+    {
+      "data-slot": "kbd",
+      className: cn(
+        "pointer-events-none inline-flex h-5 min-w-5 select-none items-center justify-center rounded border border-border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function KbdGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "kbd-group",
+      className: cn("inline-flex items-center gap-1", className),
+      ...props
+    }
+  );
+}
+
+export {
+  Kbd,
+  KbdGroup
+};

package/dist/chunk-UDQDW22Y.mjs

@@ -0,0 +1,71 @@
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "./chunk-ZR3J34NX.mjs";
+import {
+  Calendar
+} from "./chunk-UGOA6M4S.mjs";
+import {
+  buttonVariants
+} from "./chunk-YPTARV3T.mjs";
+import {
+  cn
+} from "./chunk-PJO7WJ4G.mjs";
+
+// src/date-range-input/index.tsx
+import * as React from "react";
+import { CalendarDays } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function defaultFormat(d) {
+  return d.toLocaleDateString(void 0, { month: "short", day: "numeric", year: "numeric" });
+}
+function DateRangeInput({
+  value,
+  onChange,
+  placeholder = "Pick a date range",
+  minDate,
+  maxDate,
+  disabled,
+  className,
+  formatDate = defaultFormat
+}) {
+  const [open, setOpen] = React.useState(false);
+  const label = value?.from ? value.to ? `${formatDate(value.from)} \u2013 ${formatDate(value.to)}` : formatDate(value.from) : placeholder;
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxs(
+      PopoverTrigger,
+      {
+        "data-slot": "date-range-input-trigger",
+        disabled,
+        className: cn(
+          buttonVariants({ variant: "outline" }),
+          "w-full justify-start gap-2 font-normal",
+          !value?.from && "text-muted-foreground",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx(CalendarDays, { className: "size-4" }),
+          label
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(PopoverContent, { align: "start", className: "w-auto p-0", children: /* @__PURE__ */ jsx(
+      Calendar,
+      {
+        mode: "range",
+        selected: value ?? { from: void 0, to: void 0 },
+        onSelect: (range) => {
+          onChange?.(range);
+          if (range.from && range.to) setOpen(false);
+        },
+        minDate,
+        maxDate
+      }
+    ) })
+  ] });
+}
+
+export {
+  DateRangeInput
+};

package/dist/chunk-UGOA6M4S.mjs

@@ -0,0 +1,120 @@
+import {
+  buttonVariants
+} from "./chunk-YPTARV3T.mjs";
+import {
+  cn
+} from "./chunk-PJO7WJ4G.mjs";
+
+// src/calendar/index.tsx
+import * as React from "react";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var WEEKDAY_LABELS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+function startOfDay(d) {
+  return new Date(d.getFullYear(), d.getMonth(), d.getDate());
+}
+function isSameDay(a, b) {
+  return !!a && !!b && startOfDay(a).getTime() === startOfDay(b).getTime();
+}
+function isBetween(d, from, to) {
+  if (!from || !to) return false;
+  const t = startOfDay(d).getTime();
+  return t > startOfDay(from).getTime() && t < startOfDay(to).getTime();
+}
+function getMonthGrid(year, month) {
+  const first = new Date(year, month, 1);
+  const gridStart = new Date(year, month, 1 - first.getDay());
+  return Array.from({ length: 42 }, (_, i) => {
+    const d = new Date(gridStart);
+    d.setDate(gridStart.getDate() + i);
+    return d;
+  });
+}
+function Calendar(props) {
+  const { className, minDate, maxDate, disabled } = props;
+  const [uncontrolledMonth, setUncontrolledMonth] = React.useState(
+    () => props.defaultMonth ?? props.month ?? /* @__PURE__ */ new Date()
+  );
+  const month = props.month ?? uncontrolledMonth;
+  const setMonth = (next) => {
+    setUncontrolledMonth(next);
+    props.onMonthChange?.(next);
+  };
+  const isDisabled = (d) => {
+    if (minDate && startOfDay(d) < startOfDay(minDate)) return true;
+    if (maxDate && startOfDay(d) > startOfDay(maxDate)) return true;
+    return disabled?.(d) ?? false;
+  };
+  const handleSelect = (d) => {
+    if (isDisabled(d)) return;
+    if (props.mode === "range") {
+      const current = props.selected;
+      if (!current?.from || current.from && current.to) {
+        props.onSelect?.({ from: d, to: void 0 });
+      } else if (startOfDay(d) < startOfDay(current.from)) {
+        props.onSelect?.({ from: d, to: current.from });
+      } else {
+        props.onSelect?.({ from: current.from, to: d });
+      }
+    } else {
+      props.onSelect?.(isSameDay(props.selected, d) ? void 0 : d);
+    }
+  };
+  const grid = getMonthGrid(month.getFullYear(), month.getMonth());
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "calendar", className: cn("w-fit p-2", className), children: [
+    /* @__PURE__ */ jsxs("div", { "data-slot": "calendar-header", className: "flex items-center justify-between px-1 pb-2", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Previous month",
+          onClick: () => setMonth(new Date(month.getFullYear(), month.getMonth() - 1, 1)),
+          className: cn(buttonVariants({ variant: "ghost", size: "icon-sm" })),
+          children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { "data-slot": "calendar-label", className: "text-sm font-medium", children: month.toLocaleDateString(void 0, { month: "long", year: "numeric" }) }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Next month",
+          onClick: () => setMonth(new Date(month.getFullYear(), month.getMonth() + 1, 1)),
+          className: cn(buttonVariants({ variant: "ghost", size: "icon-sm" })),
+          children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { "data-slot": "calendar-weekdays", className: "grid grid-cols-7 gap-0.5 px-1", children: WEEKDAY_LABELS.map((w) => /* @__PURE__ */ jsx("div", { className: "flex h-8 items-center justify-center text-xs font-medium text-muted-foreground", children: w }, w)) }),
+    /* @__PURE__ */ jsx("div", { "data-slot": "calendar-grid", className: "grid grid-cols-7 gap-0.5 px-1", children: grid.map((d) => {
+      const outsideMonth = d.getMonth() !== month.getMonth();
+      const isSelected = props.mode === "range" ? isSameDay(d, props.selected?.from) || isSameDay(d, props.selected?.to) : isSameDay(d, props.selected);
+      const inRange = props.mode === "range" && isBetween(d, props.selected?.from, props.selected?.to);
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "data-slot": "calendar-day",
+          "data-selected": isSelected || void 0,
+          "data-outside-month": outsideMonth || void 0,
+          disabled: isDisabled(d),
+          "aria-label": d.toDateString(),
+          "aria-current": isSameDay(d, /* @__PURE__ */ new Date()) ? "date" : void 0,
+          onClick: () => handleSelect(d),
+          className: cn(
+            "flex h-8 w-8 items-center justify-center rounded-md text-sm transition-colors hover:bg-muted disabled:pointer-events-none disabled:opacity-40",
+            outsideMonth && "text-muted-foreground/50",
+            inRange && "rounded-none bg-primary/10",
+            isSelected && "bg-primary text-primary-foreground hover:bg-primary/90"
+          ),
+          children: d.getDate()
+        },
+        d.toISOString()
+      );
+    }) })
+  ] });
+}
+
+export {
+  Calendar
+};

package/dist/chunk-UXU54FBX.mjs

@@ -0,0 +1,63 @@
+import {
+  cn
+} from "./chunk-PJO7WJ4G.mjs";
+
+// src/tabs/index.tsx
+import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
+import { jsx } from "react/jsx-runtime";
+var TabsList = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  TabsPrimitive.List,
+  {
+    className: cn(
+      "inline-flex h-9 items-center gap-1 rounded-lg bg-muted p-1 text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+);
+var TabsTrigger = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  TabsPrimitive.Tab,
+  {
+    className: cn(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium",
+      "transition-all outline-none select-none cursor-pointer",
+      "disabled:pointer-events-none disabled:opacity-50",
+      "data-[selected]:bg-background data-[selected]:text-foreground data-[selected]:shadow-sm",
+      "hover:not-data-[selected]:text-foreground/80",
+      "focus-visible:ring-2 focus-visible:ring-ring",
+      className
+    ),
+    ...props
+  }
+);
+var TabsContent = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  TabsPrimitive.Panel,
+  {
+    className: cn(
+      "mt-2 outline-none",
+      "focus-visible:ring-2 focus-visible:ring-ring rounded-md",
+      className
+    ),
+    ...props
+  }
+);
+var Tabs = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(TabsPrimitive.Root, { className: cn("flex flex-col gap-2", className), ...props });
+
+export {
+  TabsList,
+  TabsTrigger,
+  TabsContent,
+  Tabs
+};

package/dist/chunk-WYBX5VJ4.mjs

@@ -0,0 +1,49 @@
+import {
+  cn
+} from "./chunk-PJO7WJ4G.mjs";
+
+// src/skeleton/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Skeleton({ className, shape, width, height, style, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-hidden": true,
+      className: cn(
+        "animate-pulse rounded-md bg-muted/60",
+        shape === "circle" && "rounded-full",
+        shape === "line" && "h-4",
+        className
+      ),
+      style: {
+        width: typeof width === "number" ? `${width}px` : width,
+        height: typeof height === "number" ? `${height}px` : height,
+        ...style
+      },
+      ...props
+    }
+  );
+}
+function SkeletonCard({ className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-3 rounded-xl border border-border bg-card p-5", className), children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-2/5" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-3/5" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-4/5" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-1/2" })
+  ] });
+}
+function SkeletonRow({ className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-3", className), children: [
+    /* @__PURE__ */ jsx(Skeleton, { shape: "circle", className: "size-9 shrink-0" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-2/3" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-1/3" })
+    ] })
+  ] });
+}
+
+export {
+  Skeleton,
+  SkeletonCard,
+  SkeletonRow
+};

package/dist/chunk-Y7DNVOKO.mjs

@@ -0,0 +1,57 @@
+import {
+  cn
+} from "./chunk-PJO7WJ4G.mjs";
+
+// src/toggle/index.tsx
+import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
+import { ToggleGroup as ToggleGroupPrimitive } from "@base-ui/react/toggle-group";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var toggleVariants = cva(
+  "inline-flex items-center justify-center gap-1.5 rounded-md text-sm font-medium outline-none transition-colors select-none cursor-pointer disabled:pointer-events-none disabled:opacity-50 hover:bg-muted hover:text-foreground data-pressed:bg-primary/15 data-pressed:text-primary focus-visible:ring-2 focus-visible:ring-ring [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-border bg-transparent"
+      },
+      size: {
+        sm: "h-7 px-2",
+        default: "h-8 px-2.5",
+        lg: "h-9 px-3"
+      }
+    },
+    defaultVariants: { variant: "default", size: "default" }
+  }
+);
+function Toggle({
+  className,
+  variant,
+  size,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TogglePrimitive,
+    {
+      "data-slot": "toggle",
+      className: cn(toggleVariants({ variant, size }), className),
+      ...props
+    }
+  );
+}
+function ToggleGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    ToggleGroupPrimitive,
+    {
+      "data-slot": "toggle-group",
+      className: cn("inline-flex items-center gap-1 rounded-lg bg-muted p-1", className),
+      ...props
+    }
+  );
+}
+
+export {
+  toggleVariants,
+  Toggle,
+  ToggleGroup
+};

package/dist/chunk-YNOS3JA2.mjs

@@ -0,0 +1,29 @@
+import {
+  cn
+} from "./chunk-PJO7WJ4G.mjs";
+
+// src/separator/index.tsx
+import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
+import { jsx } from "react/jsx-runtime";
+function Separator({
+  className,
+  orientation = "horizontal",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SeparatorPrimitive,
+    {
+      "data-slot": "separator",
+      orientation,
+      className: cn(
+        "shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export {
+  Separator
+};

package/dist/chunk-YPTARV3T.mjs

@@ -0,0 +1,57 @@
+import {
+  cn
+} from "./chunk-PJO7WJ4G.mjs";
+
+// src/button/index.tsx
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var buttonVariants = cva(
+  "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+        ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+        destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+        lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+        icon: "size-8",
+        "icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+        "icon-lg": "size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ButtonPrimitive,
+    {
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+export {
+  buttonVariants,
+  Button
+};