@epicbagel/saas-kit 0.0.0-stage → 1.1.0

package/dist/chunk-MLHNYRFX.js

@@ -0,0 +1,411 @@
+"use client";
+import {
+  Sheet,
+  SheetContent,
+  SheetTitle,
+  SheetTrigger
+} from "./chunk-G76JANB4.js";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "./chunk-YG7FBJRM.js";
+import {
+  Label
+} from "./chunk-E2TQMDO7.js";
+import {
+  Calendar
+} from "./chunk-RRRD5EUI.js";
+import {
+  Checkbox
+} from "./chunk-OICAYRVH.js";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "./chunk-J6NXDZR5.js";
+import {
+  Input
+} from "./chunk-QMA3WVB7.js";
+import {
+  CountBadge
+} from "./chunk-H7TETFLB.js";
+import {
+  Badge
+} from "./chunk-D4ZL2OEQ.js";
+import {
+  Button
+} from "./chunk-HQRWRRZJ.js";
+import {
+  useIsMobile
+} from "./chunk-PIU5SSUV.js";
+
+// src/primitives/filter-bar.tsx
+import { ArrowDown, ArrowUp, CalendarIcon, Filter, X } from "lucide-react";
+import { format } from "date-fns";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function FilterBar({
+  filters,
+  onFiltersChange,
+  activeFilters,
+  className = "",
+  includeLabel = true,
+  actions,
+  sortOptions,
+  sortValue,
+  onSortChange,
+  triggerSize = "default"
+}) {
+  const isMobile = useIsMobile();
+  const [isOpen, setIsOpen] = useState(false);
+  const [tempFilters, setTempFilters] = useState(activeFilters);
+  useEffect(() => {
+    setTempFilters(activeFilters);
+  }, [activeFilters]);
+  const safeFilters = filters || [];
+  const handleFilterChange = (filterId, value) => {
+    setTempFilters((prev) => ({
+      ...prev,
+      [filterId]: value
+    }));
+  };
+  const applyFilters = () => {
+    onFiltersChange(tempFilters);
+    setIsOpen(false);
+  };
+  const clearFilters = () => {
+    setTempFilters({});
+    onFiltersChange({});
+    setIsOpen(false);
+  };
+  const getActiveFilterCount = () => {
+    return Object.values(activeFilters).filter(
+      (value) => value !== void 0 && value !== "" && value !== null && !(Array.isArray(value) && value.length === 0)
+    ).length;
+  };
+  const renderFilterInput = (filter) => {
+    const value = tempFilters[filter.id];
+    switch (filter.type) {
+      case "enum":
+        return /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: value || "__all__",
+            onValueChange: (val) => handleFilterChange(filter.id, val === "__all__" ? void 0 : val),
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(
+                SelectValue,
+                {
+                  placeholder: filter.placeholder || `Select ${filter.label.toLowerCase()}`
+                }
+              ) }),
+              /* @__PURE__ */ jsxs(SelectContent, { children: [
+                /* @__PURE__ */ jsxs(SelectItem, { value: "__all__", children: [
+                  "All ",
+                  filter.label
+                ] }),
+                filter.options?.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: option.label }, option.value))
+              ] })
+            ]
+          }
+        );
+      case "multiselect": {
+        const selectedValues = Array.isArray(value) ? value : [];
+        return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxs(
+            Select,
+            {
+              onValueChange: (val) => {
+                if (!selectedValues.includes(val)) {
+                  handleFilterChange(filter.id, [...selectedValues, val]);
+                }
+              },
+              children: [
+                /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(
+                  SelectValue,
+                  {
+                    placeholder: filter.placeholder || `Select ${filter.label.toLowerCase()}`
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(SelectContent, { children: filter.options?.filter((option) => !selectedValues.includes(option.value)).map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: option.label }, option.value)) })
+              ]
+            }
+          ),
+          selectedValues.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: selectedValues.map((val) => {
+            const option = filter.options?.find(
+              (opt) => opt.value === val
+            );
+            return /* @__PURE__ */ jsxs(Badge, { variant: "secondary", className: "text-xs", children: [
+              option?.label,
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  className: "h-auto p-0 ml-1",
+                  onClick: () => handleFilterChange(
+                    filter.id,
+                    selectedValues.filter((v) => v !== val)
+                  ),
+                  children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
+                }
+              )
+            ] }, val);
+          }) })
+        ] });
+      }
+      case "date": {
+        const rangeFrom = value?.from ?? value?.start;
+        const rangeTo = value?.to ?? value?.end;
+        const toDate = (v) => v instanceof Date ? v : v ? new Date(v) : void 0;
+        const calendarSelected = rangeFrom ? { from: toDate(rangeFrom), to: toDate(rangeTo) } : void 0;
+        return /* @__PURE__ */ jsxs(Popover, { children: [
+          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "outline",
+              className: "justify-start text-left font-normal w-full",
+              children: [
+                /* @__PURE__ */ jsx(CalendarIcon, { className: "mr-2 h-4 w-4" }),
+                rangeFrom && rangeTo ? `${format(toDate(rangeFrom), "MMM dd")} - ${format(toDate(rangeTo), "MMM dd, yyyy")}` : rangeFrom ? format(toDate(rangeFrom), "MMM dd, yyyy") : "Select date range"
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx(
+            Calendar,
+            {
+              mode: "range",
+              selected: calendarSelected,
+              onSelect: (dateRange) => handleFilterChange(filter.id, dateRange),
+              initialFocus: true,
+              numberOfMonths: 2
+            }
+          ) })
+        ] });
+      }
+      case "daterange":
+        return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+          /* @__PURE__ */ jsxs(Popover, { children: [
+            /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+              Button,
+              {
+                variant: "outline",
+                className: "justify-start text-left font-normal",
+                children: [
+                  /* @__PURE__ */ jsx(CalendarIcon, { className: "mr-2 h-4 w-4" }),
+                  value?.from ? format(value.from, "MMM dd") : "From"
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx(
+              Calendar,
+              {
+                mode: "single",
+                selected: value?.from,
+                onSelect: (date) => handleFilterChange(filter.id, { ...value, from: date }),
+                initialFocus: true
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs(Popover, { children: [
+            /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+              Button,
+              {
+                variant: "outline",
+                className: "justify-start text-left font-normal",
+                children: [
+                  /* @__PURE__ */ jsx(CalendarIcon, { className: "mr-2 h-4 w-4" }),
+                  value?.to ? format(value.to, "MMM dd") : "To"
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx(
+              Calendar,
+              {
+                mode: "single",
+                selected: value?.to,
+                onSelect: (date) => handleFilterChange(filter.id, { ...value, to: date }),
+                initialFocus: true
+              }
+            ) })
+          ] })
+        ] });
+      case "numberrange":
+        return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              placeholder: "Min",
+              value: value?.min || "",
+              onChange: (e) => handleFilterChange(filter.id, { ...value, min: e.target.value })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              placeholder: "Max",
+              value: value?.max || "",
+              onChange: (e) => handleFilterChange(filter.id, { ...value, max: e.target.value })
+            }
+          )
+        ] });
+      case "boolean":
+        return /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: value === true ? "__true__" : value === false ? "__false__" : "__all__",
+            onValueChange: (next) => handleFilterChange(
+              filter.id,
+              next === "__true__" ? true : next === "__false__" ? false : void 0
+            ),
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: `Select ${filter.label.toLowerCase()}` }) }),
+              /* @__PURE__ */ jsxs(SelectContent, { children: [
+                /* @__PURE__ */ jsx(SelectItem, { value: "__all__", children: "Any" }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "__true__", children: filter.trueLabel ?? "Yes" }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "__false__", children: filter.falseLabel ?? "No" })
+              ] })
+            ]
+          }
+        );
+      case "text":
+      default:
+        return /* @__PURE__ */ jsx(
+          Input,
+          {
+            placeholder: filter.placeholder || `Search ${filter.label.toLowerCase()}...`,
+            value: value || "",
+            onChange: (e) => handleFilterChange(filter.id, e.target.value)
+          }
+        );
+    }
+  };
+  const activeFilterCount = getActiveFilterCount();
+  const trigger = /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "outline",
+      size: triggerSize === "lg" ? includeLabel || activeFilterCount > 0 ? "toolbar" : "icon-lg" : includeLabel || activeFilterCount > 0 ? "default" : "icon",
+      "aria-label": includeLabel ? void 0 : "Filters",
+      className,
+      children: [
+        /* @__PURE__ */ jsx(Filter, { className: "h-4 w-4" }),
+        includeLabel && "Filters",
+        activeFilterCount > 0 && /* @__PURE__ */ jsx(CountBadge, { value: activeFilterCount, variant: "secondary" })
+      ]
+    }
+  );
+  const panel = /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "filter-bar-panel",
+      className: "flex min-h-0 flex-1 flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "shrink-0 border-b p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx("h4", { className: "font-medium", children: "Filters" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: clearFilters,
+              className: "h-auto p-0 text-xs",
+              children: "Clear all"
+            }
+          )
+        ] }) }),
+        sortOptions && sortOptions.length > 0 && onSortChange && /* @__PURE__ */ jsxs("div", { className: "shrink-0 border-b p-4", children: [
+          /* @__PURE__ */ jsx(Label, { className: "text-sm font-medium mb-2 block", children: "Sort" }),
+          /* @__PURE__ */ jsxs(Select, { value: sortValue, onValueChange: onSortChange, children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select sort order" }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: sortOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              option.direction === "ASC" ? /* @__PURE__ */ jsx(ArrowUp, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(ArrowDown, { className: "h-3 w-3" }),
+              option.label
+            ] }) }, option.value)) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-slot": "filter-bar-fields",
+            className: "min-h-0 flex-1 overflow-y-auto overscroll-contain px-4",
+            children: /* @__PURE__ */ jsx("div", { className: "divide-y divide-border/60", children: safeFilters.map((filter) => {
+              const icon = filter.icon ? /* @__PURE__ */ jsx(filter.icon, { className: "h-4 w-4 shrink-0" }) : null;
+              const checkbox = filter.type === "boolean" && filter.booleanMode !== "tri-state";
+              return /* @__PURE__ */ jsx("div", { className: "py-4 first:pt-4 last:pb-4", children: checkbox ? /* @__PURE__ */ jsxs(Label, { htmlFor: filter.id, className: "flex cursor-pointer items-center gap-3 text-sm font-medium", children: [
+                /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    id: filter.id,
+                    checked: tempFilters[filter.id] === true,
+                    onCheckedChange: (checked) => handleFilterChange(filter.id, checked === true ? true : void 0)
+                  }
+                ),
+                icon,
+                /* @__PURE__ */ jsx("span", { children: filter.label })
+              ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                /* @__PURE__ */ jsxs(Label, { className: "flex items-center gap-2 text-sm font-medium", children: [
+                  icon,
+                  /* @__PURE__ */ jsx("span", { children: filter.label })
+                ] }),
+                renderFilterInput(filter)
+              ] }) }, filter.id);
+            }) })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-slot": "filter-bar-actions",
+            className: "z-10 shrink-0 border-t bg-popover p-4 pb-[max(1rem,env(safe-area-inset-bottom))]",
+            children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end space-x-2", children: [
+              /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => setIsOpen(false), children: "Cancel" }),
+              /* @__PURE__ */ jsx(Button, { onClick: applyFilters, children: "Apply Filters" })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+    actions,
+    isMobile ? /* @__PURE__ */ jsxs(Sheet, { open: isOpen, onOpenChange: setIsOpen, children: [
+      /* @__PURE__ */ jsx(SheetTrigger, { asChild: true, children: trigger }),
+      /* @__PURE__ */ jsxs(
+        SheetContent,
+        {
+          side: "bottom",
+          hideClose: true,
+          className: "flex h-[90dvh] flex-col gap-0 rounded-t-xl p-0",
+          children: [
+            /* @__PURE__ */ jsx(SheetTitle, { className: "sr-only", children: "Filters" }),
+            panel
+          ]
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: trigger }),
+      /* @__PURE__ */ jsx(
+        PopoverContent,
+        {
+          className: "flex w-80 flex-col overflow-hidden p-0",
+          align: "end",
+          collisionPadding: 8,
+          style: {
+            maxHeight: "min(600px, calc(var(--radix-popover-content-available-height) - 8px))"
+          },
+          children: panel
+        }
+      )
+    ] })
+  ] });
+}
+
+export {
+  FilterBar
+};

package/dist/chunk-NBUWGRQO.js

@@ -0,0 +1,31 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/collapsible.tsx
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var Collapsible = CollapsiblePrimitive.Root;
+var CollapsibleTrigger2 = React.forwardRef(({ className, appearance = "unstyled", ...props }, ref) => /* @__PURE__ */ jsx(
+  CollapsiblePrimitive.CollapsibleTrigger,
+  {
+    ref,
+    className: cn(
+      appearance === "section-row" && "flex w-full items-center justify-between border-t px-4 py-2.5 text-left text-xs font-medium hover:bg-muted/40",
+      appearance === "inline-muted" && "flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground",
+      className
+    ),
+    ...props
+  }
+));
+CollapsibleTrigger2.displayName = CollapsiblePrimitive.CollapsibleTrigger.displayName;
+var CollapsibleContent2 = React.forwardRef(({ className, padding = "none", ...props }, ref) => /* @__PURE__ */ jsx(CollapsiblePrimitive.CollapsibleContent, { ref, className: cn(padding === "compact" && "px-4 pb-3", padding === "top" && "pt-3", className), ...props }));
+CollapsibleContent2.displayName = CollapsiblePrimitive.CollapsibleContent.displayName;
+
+export {
+  Collapsible,
+  CollapsibleTrigger2 as CollapsibleTrigger,
+  CollapsibleContent2 as CollapsibleContent
+};

package/dist/chunk-NE3ZVJ6G.cjs

@@ -0,0 +1,67 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+
+
+
+
+
+
+var _chunk23UMHZ4Scjs = require('./chunk-23UMHZ4S.cjs');
+
+// src/primitives/delete-confirmation-dialog.tsx
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+function DeleteConfirmationDialog({
+  open,
+  onOpenChange,
+  title,
+  description,
+  itemName,
+  onConfirm,
+  loading = false,
+  closeOnConfirm = true,
+  confirmText = "Delete",
+  loadingText = "Deleting...",
+  cancelText = "Cancel",
+  confirmVariant = "destructive",
+  icon = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Trash2, { className: "h-5 w-5 text-destructive" }),
+  descriptionSuffix = "? This action cannot be undone."
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk23UMHZ4Scjs.AlertDialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk23UMHZ4Scjs.AlertDialogContent, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk23UMHZ4Scjs.AlertDialogHeader, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk23UMHZ4Scjs.AlertDialogTitle, { className: "flex items-center gap-2", children: [
+        icon,
+        title
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk23UMHZ4Scjs.AlertDialogDescription, { children: [
+        description,
+        itemName && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "font-semibold text-foreground", children: [
+          " ",
+          itemName
+        ] }),
+        descriptionSuffix
+      ] })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk23UMHZ4Scjs.AlertDialogFooter, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk23UMHZ4Scjs.AlertDialogCancel, { disabled: loading, children: cancelText }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunk23UMHZ4Scjs.AlertDialogAction,
+        {
+          onClick: (event) => {
+            if (!closeOnConfirm) event.preventDefault();
+            onConfirm();
+          },
+          disabled: loading,
+          className: confirmVariant === "destructive" ? "bg-destructive text-destructive-foreground hover:bg-destructive/90" : void 0,
+          children: loading ? loadingText : confirmText
+        }
+      )
+    ] })
+  ] }) });
+}
+
+
+
+exports.DeleteConfirmationDialog = DeleteConfirmationDialog;

package/dist/chunk-NQK5ZWC7.cjs

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/separator.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _reactseparator = require('@radix-ui/react-separator'); var SeparatorPrimitive = _interopRequireWildcard(_reactseparator);
+var _jsxruntime = require('react/jsx-runtime');
+var Separator = React.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, grow = false, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    SeparatorPrimitive.Root,
+    {
+      ref,
+      decorative,
+      orientation,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        grow && "flex-1",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Separator.displayName = SeparatorPrimitive.Root.displayName;
+
+
+
+exports.Separator = Separator;

package/dist/chunk-NW3OWKBN.js

@@ -0,0 +1,57 @@
+"use client";
+import {
+  Button
+} from "./chunk-HQRWRRZJ.js";
+import {
+  useCopyToClipboard
+} from "./chunk-ZWZAAGQF.js";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/copy-button.tsx
+import { forwardRef } from "react";
+import { Check, Copy } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CopyButton = forwardRef(
+  function CopyButton2({
+    text,
+    label,
+    copiedLabel,
+    resetAfter = 2e3,
+    onCopied,
+    className,
+    variant = "ghost",
+    size,
+    ...rest
+  }, ref) {
+    const { copied, copy } = useCopyToClipboard({ resetAfter });
+    const iconOnly = label == null;
+    const resolvedSize = size ?? (iconOnly ? "icon" : "sm");
+    return /* @__PURE__ */ jsxs(
+      Button,
+      {
+        ref,
+        type: "button",
+        variant,
+        size: resolvedSize,
+        className: cn(iconOnly ? "h-7 w-7" : void 0, className),
+        onClick: async (e) => {
+          e.stopPropagation();
+          const ok = await copy(text);
+          onCopied?.(ok);
+        },
+        "aria-label": iconOnly ? "Copy" : void 0,
+        ...rest,
+        children: [
+          copied ? /* @__PURE__ */ jsx(Check, { className: cn("h-4 w-4", !iconOnly && "mr-1.5") }) : /* @__PURE__ */ jsx(Copy, { className: cn("h-4 w-4", !iconOnly && "mr-1.5") }),
+          !iconOnly && (copied ? copiedLabel ?? label : label)
+        ]
+      }
+    );
+  }
+);
+
+export {
+  CopyButton
+};

package/dist/chunk-OICAYRVH.js

@@ -0,0 +1,34 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/checkbox.tsx
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { forwardRef } from "react";
+import { Check } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+var Checkbox = forwardRef(({ className, shape = "square", ...props }, ref) => /* @__PURE__ */ jsx(
+  CheckboxPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "peer h-4 w-4 shrink-0 border border-primary ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      shape === "circle" ? "rounded-full" : "rounded-sm",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      CheckboxPrimitive.Indicator,
+      {
+        className: cn("flex items-center justify-center text-current"),
+        children: /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" })
+      }
+    )
+  }
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+export {
+  Checkbox
+};

package/dist/chunk-PIU5SSUV.js

@@ -0,0 +1,25 @@
+"use client";
+
+// src/hooks/use-mobile.tsx
+import * as React from "react";
+var MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+  const [isMobile, setIsMobile] = React.useState(
+    void 0
+  );
+  React.useEffect(() => {
+    if (typeof window === "undefined") return;
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    };
+    mql.addEventListener("change", onChange);
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+  return !!isMobile;
+}
+
+export {
+  useIsMobile
+};