@definable/ui 0.1.13 → 0.1.15

package/dist/components/selection-bar.js

@@ -1,2 +1,53 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../jsx-runtime-BYECrxsp.cjs"),o=require("framer-motion"),t=require("lucide-react"),e=require("./button.js");function l({selectedCount:a,onEnable:i,onDisable:r,onDelete:n,onDownload:x,onCancel:m,show:c}){return s.jsxRuntimeExports.jsx(o.AnimatePresence,{children:c&&s.jsxRuntimeExports.jsx(o.motion.div,{initial:{y:100,opacity:0},animate:{y:0,opacity:1},exit:{y:100,opacity:0},className:"fixed bottom-4 left-1/2 -translate-x-1/2 w-fit bg-background rounded-lg border shadow-lg z-50",children:s.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-6 px-4 py-2",children:[s.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2 text-sm font-medium",children:[s.jsxRuntimeExports.jsx("span",{className:"bg-primary text-primary-foreground w-8 h-8 rounded-lg flex items-center justify-center",children:a}),"Selected"]}),s.jsxRuntimeExports.jsx("div",{className:"h-4 w-px bg-border"}),s.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[i&&s.jsxRuntimeExports.jsxs(e.Button,{variant:"ghost",size:"sm",onClick:i,children:[s.jsxRuntimeExports.jsx(t.Check,{className:"mr-2 h-4 w-4"}),"Enable"]}),r&&s.jsxRuntimeExports.jsxs(e.Button,{variant:"ghost",size:"sm",onClick:r,children:[s.jsxRuntimeExports.jsx(t.X,{className:"mr-2 h-4 w-4"}),"Disable"]}),x&&s.jsxRuntimeExports.jsxs(e.Button,{variant:"ghost",size:"sm",onClick:x,children:[s.jsxRuntimeExports.jsx(t.Download,{className:"mr-2 h-4 w-4"}),"Download"]}),n&&s.jsxRuntimeExports.jsxs(e.Button,{variant:"ghost",size:"sm",className:"text-destructive",onClick:n,children:[s.jsxRuntimeExports.jsx(t.Trash,{className:"mr-2 h-4 w-4"}),"Delete"]})]}),s.jsxRuntimeExports.jsx("div",{className:"h-4 w-px bg-border"}),s.jsxRuntimeExports.jsx(e.Button,{variant:"ghost",size:"sm",onClick:m,children:"Cancel"})]})})})}exports.SelectionBar=l;
-//# sourceMappingURL=selection-bar.js.map
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { AnimatePresence as o, motion as d } from "framer-motion";
+import { Check as h, X as p, Download as g, Trash as x } from "lucide-react";
+import { Button as r } from "./button.js";
+function w({
+  selectedCount: l,
+  onEnable: a,
+  onDisable: s,
+  onDelete: t,
+  onDownload: c,
+  onCancel: m,
+  show: n
+}) {
+  return /* @__PURE__ */ e(o, { children: n && /* @__PURE__ */ e(
+    d.div,
+    {
+      initial: { y: 100, opacity: 0 },
+      animate: { y: 0, opacity: 1 },
+      exit: { y: 100, opacity: 0 },
+      className: "fixed bottom-4 left-1/2 -translate-x-1/2 w-fit bg-background rounded-lg border shadow-lg z-50",
+      children: /* @__PURE__ */ i("div", { className: "flex items-center gap-6 px-4 py-2", children: [
+        /* @__PURE__ */ i("div", { className: "flex items-center gap-2 text-sm font-medium", children: [
+          /* @__PURE__ */ e("span", { className: "bg-primary text-primary-foreground w-8 h-8 rounded-lg flex items-center justify-center", children: l }),
+          "Selected"
+        ] }),
+        /* @__PURE__ */ e("div", { className: "h-4 w-px bg-border" }),
+        /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+          a && /* @__PURE__ */ i(r, { variant: "ghost", size: "sm", onClick: a, children: [
+            /* @__PURE__ */ e(h, { className: "mr-2 h-4 w-4" }),
+            "Enable"
+          ] }),
+          s && /* @__PURE__ */ i(r, { variant: "ghost", size: "sm", onClick: s, children: [
+            /* @__PURE__ */ e(p, { className: "mr-2 h-4 w-4" }),
+            "Disable"
+          ] }),
+          c && /* @__PURE__ */ i(r, { variant: "ghost", size: "sm", onClick: c, children: [
+            /* @__PURE__ */ e(g, { className: "mr-2 h-4 w-4" }),
+            "Download"
+          ] }),
+          t && /* @__PURE__ */ i(r, { variant: "ghost", size: "sm", className: "text-destructive", onClick: t, children: [
+            /* @__PURE__ */ e(x, { className: "mr-2 h-4 w-4" }),
+            "Delete"
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "h-4 w-px bg-border" }),
+        /* @__PURE__ */ e(r, { variant: "ghost", size: "sm", onClick: m, children: "Cancel" })
+      ] })
+    }
+  ) });
+}
+export {
+  w as SelectionBar
+};

package/dist/components/separator.js

@@ -1,2 +1,24 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../jsx-runtime-BYECrxsp.cjs"),l=require("react"),u=require("@radix-ui/react-separator"),p=require("../utils-DSKoFOjv.cjs");function a(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const f=a(l),n=a(u),i=f.forwardRef(({className:e,orientation:t="horizontal",decorative:r=!0,...o},c)=>s.jsxRuntimeExports.jsx(n.Root,{ref:c,decorative:r,orientation:t,className:p.cn("shrink-0 bg-border",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...o}));i.displayName=n.Root.displayName;exports.Separator=i;
-//# sourceMappingURL=separator.js.map
+import { jsx as e } from "react/jsx-runtime";
+import * as i from "react";
+import * as o from "@radix-ui/react-separator";
+import { cn as l } from "../lib/utils.js";
+const s = i.forwardRef(
+  ({ className: a, orientation: r = "horizontal", decorative: t = !0, ...m }, p) => /* @__PURE__ */ e(
+    o.Root,
+    {
+      ref: p,
+      decorative: t,
+      orientation: r,
+      className: l(
+        "shrink-0 bg-border",
+        r === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        a
+      ),
+      ...m
+    }
+  )
+);
+s.displayName = o.Root.displayName;
+export {
+  s as Separator
+};

package/dist/components/sheet.js

@@ -1,2 +1,128 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../jsx-runtime-BYECrxsp.cjs"),x=require("lucide-react"),j=require("./button.js"),c=require("react"),d=require("../utils-DSKoFOjv.cjs"),m=require("framer-motion"),L=require("react-dom");let i=[];function M({isOpen:s,onClose:r,children:b,header:y,footer:f,className:E,enableFullscreen:g=!0,position:l="right",headerClassName:R=""}){const[o,v]=c.useState(!1),n=c.useRef(null);if(c.useEffect(()=>(s?i.push(n):i=i.filter(t=>t!==n),()=>{i=i.filter(t=>t!==n)}),[s]),c.useEffect(()=>{const t=a=>{var p;const z=i.some(h=>h.current&&h.current.contains(a.target)),C=(p=a.target)==null?void 0:p.closest("[data-sheet-close]");!z&&!C&&n.current&&!n.current.contains(a.target)&&r()};return s&&!o&&document.addEventListener("mousedown",t),()=>{document.removeEventListener("mousedown",t)}},[s,o,r]),c.useEffect(()=>{const t=a=>{a.key==="Escape"&&s&&i[i.length-1]===n&&r()};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[s,r]),!s)return null;const N=t=>{t.stopPropagation(),r()},k=e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col h-full",children:[e.jsxRuntimeExports.jsxs("div",{className:d.cn("flex items-center justify-between py-4 px-4 h-header border-b border-border/50",R),children:[e.jsxRuntimeExports.jsx("div",{className:"text-sm font-medium",children:y}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-1 ml-auto",children:[g&&e.jsxRuntimeExports.jsx(j.Button,{variant:"ghost",size:"icon",className:"h-7 w-7",onClick:t=>{t.stopPropagation(),v(!o)},children:o?e.jsxRuntimeExports.jsx(x.Minimize2,{className:"h-3.5 w-3.5"}):e.jsxRuntimeExports.jsx(x.Maximize2,{className:"h-3.5 w-3.5"})}),e.jsxRuntimeExports.jsx(j.Button,{variant:"ghost",size:"icon",className:"h-7 w-7",onClick:N,"data-sheet-close":"true",children:e.jsxRuntimeExports.jsx(x.X,{className:"h-3.5 w-3.5"})})]})]}),e.jsxRuntimeExports.jsx("div",{className:"flex-1 overflow-auto",children:b}),f&&e.jsxRuntimeExports.jsx("div",{className:"border-t border-border/50 py-2 px-3",children:e.jsxRuntimeExports.jsx("div",{className:"text-sm",children:f})})]}),w=()=>l==="left"?{initial:{x:-100,opacity:0},animate:{x:0,opacity:1},exit:{x:-100,opacity:0}}:l==="bottom"?{initial:{y:100,opacity:0},animate:{y:0,opacity:1},exit:{y:100,opacity:0}}:{initial:{x:100,opacity:0},animate:{x:0,opacity:1},exit:{x:100,opacity:0}},P=()=>o?"inset-4 rounded-lg":l==="left"?"inset-y-0 left-0 border-r":l==="bottom"?"inset-x-0 bottom-0 border-t":"inset-y-0 right-0 border-l",u=w(),q=P(),S=e.jsxRuntimeExports.jsx(m.AnimatePresence,{children:s&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(m.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:t=>{t.stopPropagation(),r()},className:d.cn("fixed inset-0 z-[100] bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",o?"block":"hidden")}),e.jsxRuntimeExports.jsx(m.motion.div,{ref:n,initial:u.initial,animate:u.animate,exit:u.exit,transition:{duration:.3,ease:[.32,.72,0,1]},className:d.cn("fixed z-[100] bg-background shadow-lg flex flex-col border-border/50",q,E),children:k})]})});return L.createPortal(S,document.body)}exports.Sheet=M;
-//# sourceMappingURL=sheet.js.map
+import { jsxs as l, jsx as t, Fragment as F } from "react/jsx-runtime";
+import { Minimize2 as R, Maximize2 as B, X as I } from "lucide-react";
+import { Button as x } from "./button.js";
+import { useState as M, useRef as X, useEffect as m } from "react";
+import { cn as u } from "../lib/utils.js";
+import { AnimatePresence as q, motion as b } from "framer-motion";
+import { createPortal as D } from "react-dom";
+let a = [];
+function V({
+  isOpen: i,
+  onClose: n,
+  children: y,
+  header: g,
+  footer: f,
+  className: v,
+  enableFullscreen: N = !0,
+  position: c = "right",
+  headerClassName: k = ""
+}) {
+  const [o, w] = M(!1), r = X(null);
+  if (m(() => (i ? a.push(r) : a = a.filter((e) => e !== r), () => {
+    a = a.filter((e) => e !== r);
+  }), [i]), m(() => {
+    const e = (s) => {
+      var h;
+      const j = a.some(
+        (p) => p.current && p.current.contains(s.target)
+      ), A = (h = s.target) == null ? void 0 : h.closest("[data-sheet-close]");
+      !j && !A && r.current && !r.current.contains(s.target) && n();
+    };
+    return i && !o && document.addEventListener("mousedown", e), () => {
+      document.removeEventListener("mousedown", e);
+    };
+  }, [i, o, n]), m(() => {
+    const e = (s) => {
+      s.key === "Escape" && i && a[a.length - 1] === r && n();
+    };
+    return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+  }, [i, n]), !i) return null;
+  const P = (e) => {
+    e.stopPropagation(), n();
+  }, E = /* @__PURE__ */ l("div", { className: "flex flex-col h-full", children: [
+    /* @__PURE__ */ l("div", { className: u(
+      "flex items-center bg-card justify-between py-4 px-4 h-header border-b border-border/50",
+      k
+    ), children: [
+      /* @__PURE__ */ t("div", { className: "text-sm font-medium", children: g }),
+      /* @__PURE__ */ l("div", { className: "flex items-center gap-1 ml-auto", children: [
+        N && /* @__PURE__ */ t(
+          x,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: "h-7 w-7",
+            onClick: (e) => {
+              e.stopPropagation(), w(!o);
+            },
+            children: o ? /* @__PURE__ */ t(R, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ t(B, { className: "h-3.5 w-3.5" })
+          }
+        ),
+        /* @__PURE__ */ t(
+          x,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: "h-7 w-7",
+            onClick: P,
+            "data-sheet-close": "true",
+            children: /* @__PURE__ */ t(I, { className: "h-3.5 w-3.5" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "flex-1 overflow-auto", children: y }),
+    f && /* @__PURE__ */ t("div", { className: "border-t border-border/50 bg-card py-2 px-3", children: /* @__PURE__ */ t("div", { className: "text-sm", children: f }) })
+  ] }), z = () => c === "left" ? {
+    initial: { x: -100, opacity: 0 },
+    animate: { x: 0, opacity: 1 },
+    exit: { x: -100, opacity: 0 }
+  } : c === "bottom" ? {
+    initial: { y: 100, opacity: 0 },
+    animate: { y: 0, opacity: 1 },
+    exit: { y: 100, opacity: 0 }
+  } : {
+    initial: { x: 100, opacity: 0 },
+    animate: { x: 0, opacity: 1 },
+    exit: { x: 100, opacity: 0 }
+  }, C = () => o ? "inset-4 rounded-lg" : c === "left" ? "inset-y-0 left-0 border-r" : c === "bottom" ? "inset-x-0 bottom-0 border-t" : "inset-y-0 right-0 border-l", d = z(), L = C(), S = /* @__PURE__ */ t(q, { children: i && /* @__PURE__ */ l(F, { children: [
+    /* @__PURE__ */ t(
+      b.div,
+      {
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        exit: { opacity: 0 },
+        onClick: (e) => {
+          e.stopPropagation(), n();
+        },
+        className: u(
+          "fixed inset-0 z-[100] bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+          o ? "block" : "hidden"
+        )
+      }
+    ),
+    /* @__PURE__ */ t(
+      b.div,
+      {
+        ref: r,
+        initial: d.initial,
+        animate: d.animate,
+        exit: d.exit,
+        transition: {
+          duration: 0.3,
+          ease: [0.32, 0.72, 0, 1]
+        },
+        className: u(
+          "fixed z-[100] bg-background shadow-lg flex flex-col border-border/50",
+          L,
+          v
+        ),
+        children: E
+      }
+    )
+  ] }) });
+  return D(S, document.body);
+}
+export {
+  V as Sheet
+};

package/dist/components/skeleton.js

@@ -1,2 +1,17 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../jsx-runtime-BYECrxsp.cjs"),u=require("../utils-DSKoFOjv.cjs");function i({className:e,...t}){return n.jsxRuntimeExports.jsx("div",{className:u.cn("animate-pulse rounded-md bg-muted/60",e),...t})}exports.Skeleton=i;
-//# sourceMappingURL=skeleton.js.map
+import { jsx as o } from "react/jsx-runtime";
+import { cn as r } from "../lib/utils.js";
+function d({
+  className: e,
+  ...m
+}) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: r("animate-pulse rounded-md bg-muted/60", e),
+      ...m
+    }
+  );
+}
+export {
+  d as Skeleton
+};

package/dist/components/slider.js

@@ -1,2 +1,32 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../jsx-runtime-BYECrxsp.cjs"),a=require("react"),c=require("@radix-ui/react-slider"),u=require("../utils-DSKoFOjv.cjs");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const d=l(a),o=l(c),n=d.forwardRef(({className:e,...t},r)=>{var i;return s.jsxRuntimeExports.jsxs(o.Root,{ref:r,className:u.cn("relative flex w-full touch-none select-none items-center",e),...t,children:[s.jsxRuntimeExports.jsx(o.Track,{className:"relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20",children:s.jsxRuntimeExports.jsx("div",{className:"absolute h-full bg-primary",style:{width:`${(((i=t.value)==null?void 0:i[0])||0)*100}%`}})}),s.jsxRuntimeExports.jsx(o.Thumb,{className:"block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 hover:scale-110 active:scale-90"})]})});n.displayName=o.Root.displayName;exports.Slider=n;
-//# sourceMappingURL=slider.js.map
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import * as t from "react";
+import * as e from "@radix-ui/react-slider";
+import { cn as n } from "../lib/utils.js";
+const c = t.forwardRef(({ className: l, ...o }, a) => {
+  var i;
+  return /* @__PURE__ */ s(
+    e.Root,
+    {
+      ref: a,
+      className: n(
+        "relative flex w-full touch-none select-none items-center",
+        l
+      ),
+      ...o,
+      children: [
+        /* @__PURE__ */ r(e.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20", children: /* @__PURE__ */ r(
+          "div",
+          {
+            className: "absolute h-full bg-primary",
+            style: { width: `${(((i = o.value) == null ? void 0 : i[0]) || 0) * 100}%` }
+          }
+        ) }),
+        /* @__PURE__ */ r(e.Thumb, { className: "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 hover:scale-110 active:scale-90" })
+      ]
+    }
+  );
+});
+c.displayName = e.Root.displayName;
+export {
+  c as Slider
+};

package/dist/components/stepper/index.d.ts

@@ -0,0 +1,4 @@
+export { Stepper } from './stepper';
+export { StepLayout } from './step-layout';
+export { StepperModal } from './stepper-modal';
+export type { Step } from './types';

package/dist/components/stepper/step-layout.d.ts

@@ -0,0 +1,8 @@
+interface StepLayoutProps {
+    children: React.ReactNode;
+    title?: string;
+    sidebar?: React.ReactNode;
+    subclassName?: string;
+}
+export declare function StepLayout({ children, title, sidebar, subclassName, }: StepLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/stepper/stepper-modal.d.ts

@@ -0,0 +1,26 @@
+import { ModalProps } from '../modal';
+interface StepperModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title: string;
+    description?: string;
+    icon?: React.ComponentType<any>;
+    currentStep: number;
+    totalSteps: number;
+    onBack: () => void;
+    onNext: () => void;
+    onComplete: () => void;
+    sidebar: React.ReactNode;
+    children: React.ReactNode;
+    continueText?: string;
+    completeText?: string;
+    isNextDisabled?: boolean;
+    isNextLoading?: boolean;
+    size?: ModalProps['size'];
+    stepLayoutSubclassName?: string;
+    isShowClose?: boolean;
+    isShowBackButton?: boolean;
+    isModelContentScrollable?: boolean;
+}
+export declare function StepperModal({ isOpen, onClose, title, description, icon: Icon, currentStep, totalSteps, onBack, onNext, onComplete, sidebar, children, continueText, completeText, isNextDisabled, isNextLoading, size, stepLayoutSubclassName, isShowBackButton, isModelContentScrollable }: StepperModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/stepper/stepper.d.ts

@@ -0,0 +1,7 @@
+import { Step } from './types';
+interface StepperProps {
+    steps: Step[];
+    className?: string;
+}
+export declare function Stepper({ steps, className }: StepperProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/stepper/types.d.ts

@@ -0,0 +1,6 @@
+export interface Step {
+    title: string;
+    description: string;
+    isCompleted: boolean;
+    isCurrent: boolean;
+}

package/dist/components/stepper.js

@@ -1,2 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../stepper-modal-CPlBpxWy.cjs");exports.StepLayout=e.StepLayout;exports.Stepper=e.Stepper;exports.StepperModal=e.StepperModal;
-//# sourceMappingURL=stepper.js.map
+import { a as p, S as t, b as o } from "../stepper-modal-JXpOXOV2.js";
+export {
+  p as StepLayout,
+  t as Stepper,
+  o as StepperModal
+};

package/dist/components/switch.js

@@ -1,2 +1,35 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../jsx-runtime-BYECrxsp.cjs"),a=require("react"),l=require("@radix-ui/react-switch"),u=require("../utils-DSKoFOjv.cjs"),d=require("framer-motion");function o(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const n=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,n.get?n:{enumerable:!0,get:()=>e[i]})}}return t.default=e,Object.freeze(t)}const f=o(a),s=o(l),c=f.forwardRef(({className:e,...t},i)=>r.jsxRuntimeExports.jsx(s.Root,{className:u.cn("peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",e),...t,ref:i,children:r.jsxRuntimeExports.jsx(s.Thumb,{asChild:!0,children:r.jsxRuntimeExports.jsx(d.motion.div,{className:"block h-4 w-4 rounded-full bg-background shadow-lg ring-0",initial:!1,animate:{x:t.checked?16:0},transition:{type:"spring",stiffness:500,damping:30}})})}));c.displayName=s.Root.displayName;exports.Switch=c;
-//# sourceMappingURL=switch.js.map
+import { jsx as i } from "react/jsx-runtime";
+import * as t from "react";
+import * as e from "@radix-ui/react-switch";
+import { cn as a } from "../lib/utils.js";
+import { motion as n } from "framer-motion";
+const c = t.forwardRef(({ className: r, ...o }, s) => /* @__PURE__ */ i(
+  e.Root,
+  {
+    className: a(
+      "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+      r
+    ),
+    ...o,
+    ref: s,
+    children: /* @__PURE__ */ i(e.Thumb, { asChild: !0, children: /* @__PURE__ */ i(
+      n.div,
+      {
+        className: "block h-4 w-4 rounded-full bg-background shadow-lg ring-0",
+        initial: !1,
+        animate: {
+          x: o.checked ? 16 : 0
+        },
+        transition: {
+          type: "spring",
+          stiffness: 500,
+          damping: 30
+        }
+      }
+    ) })
+  }
+));
+c.displayName = e.Root.displayName;
+export {
+  c as Switch
+};

package/dist/components/table-empty.js

@@ -1,2 +1,22 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../jsx-runtime-BYECrxsp.cjs"),i=require("lucide-react"),c=require("./button.js");function a({title:s="No data available",description:r="Get started by creating your first record.",actionLabel:n="Create New",onAction:t,icon:x=e.jsxRuntimeExports.jsx(i.FolderOpen,{className:"w-10 h-10 text-muted-foreground"})}){return e.jsxRuntimeExports.jsx("div",{className:"flex flex-col items-center justify-center py-12 px-4",children:e.jsxRuntimeExports.jsxs("div",{className:"space-y-5 text-center",children:[e.jsxRuntimeExports.jsx("div",{className:"flex justify-center",children:x}),e.jsxRuntimeExports.jsxs("div",{className:"space-y-2",children:[e.jsxRuntimeExports.jsx("h3",{className:"text-lg font-medium",children:s}),e.jsxRuntimeExports.jsx("p",{className:"text-sm text-muted-foreground max-w-sm mx-auto",children:r})]}),t&&e.jsxRuntimeExports.jsx(c.Button,{onClick:t,children:n})]})})}exports.TableEmpty=a;
-//# sourceMappingURL=table-empty.js.map
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { FolderOpen as m } from "lucide-react";
+import { Button as i } from "./button.js";
+function x({
+  title: a = "No data available",
+  description: s = "Get started by creating your first record.",
+  actionLabel: c = "Create New",
+  onAction: t,
+  icon: l = /* @__PURE__ */ e(m, { className: "w-10 h-10 text-muted-foreground" })
+}) {
+  return /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center py-12 px-4", children: /* @__PURE__ */ r("div", { className: "space-y-5 text-center", children: [
+    /* @__PURE__ */ e("div", { className: "flex justify-center", children: l }),
+    /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ e("h3", { className: "text-lg font-medium", children: a }),
+      /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground max-w-sm mx-auto", children: s })
+    ] }),
+    t && /* @__PURE__ */ e(i, { onClick: t, children: c })
+  ] }) });
+}
+export {
+  x as TableEmpty
+};

package/dist/components/table-mobile.js

@@ -1,2 +1,91 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../jsx-runtime-BYECrxsp.cjs"),l=require("../utils-DSKoFOjv.cjs"),j=require("./checkbox.js"),h=require("./tooltip.js"),b=require("react"),v=require("lucide-react");function g({data:x,columns:d,showCheckbox:n=!0,onRowClick:i,selectedItems:t,onSelect:o,isLoading:p=!1,loadingRows:c=3}){const[m,u]=b.useState(null);return p?e.jsxRuntimeExports.jsx("div",{className:"space-y-4",children:Array(c).fill(0).map((r,a)=>e.jsxRuntimeExports.jsxs("div",{className:"border border-border/40 rounded-xl p-4 space-y-4 shadow-sm bg-card/30 animate-pulse",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxRuntimeExports.jsx("div",{className:"h-5 bg-muted/70 rounded-md w-2/5"}),n&&e.jsxRuntimeExports.jsx("div",{className:"h-4 w-4 rounded-md bg-muted/50"})]}),e.jsxRuntimeExports.jsx("div",{className:"space-y-3 pt-2",children:d.slice(0,4).map((s,f)=>e.jsxRuntimeExports.jsxs("div",{className:"flex items-start gap-3",children:[e.jsxRuntimeExports.jsx("div",{className:"h-4 bg-muted/40 rounded-md w-1/4"}),e.jsxRuntimeExports.jsx("div",{className:"h-4 bg-muted/60 rounded-md",style:{width:Math.random()*50+30+"%"}})]},`skeleton-col-${s.id}`))})]},`skeleton-${a}`))}):x.length===0?null:e.jsxRuntimeExports.jsx("div",{className:"space-y-4",children:x.map((r,a)=>e.jsxRuntimeExports.jsxs("div",{className:l.cn("border border-border/40 rounded-xl overflow-hidden bg-card/30 shadow-sm transition-all duration-200",i&&"cursor-pointer hover:border-primary/30 hover:shadow-md hover:bg-card/50"),onClick:()=>i==null?void 0:i(r),children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between p-4 border-b border-border/30 bg-muted/5",children:[e.jsxRuntimeExports.jsx("div",{className:"font-medium",children:d[0].cell(r)||`Item ${a+1}`}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[n&&e.jsxRuntimeExports.jsx(j.Checkbox,{checked:t==null?void 0:t.has(r.id),onClick:s=>{s.stopPropagation(),o==null||o(r.id,!(t!=null&&t.has(r.id)))},className:"data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground"}),i&&e.jsxRuntimeExports.jsx(v.ChevronRight,{className:"h-4 w-4 text-muted-foreground/50"})]})]}),e.jsxRuntimeExports.jsx("div",{className:"px-4 py-3 space-y-3",children:d.slice(1).map(s=>e.jsxRuntimeExports.jsxs("div",{className:"flex items-start gap-3 text-sm group",onMouseEnter:()=>s.tooltipValue&&u(`${a}-${s.id}`),onMouseLeave:()=>u(null),children:[e.jsxRuntimeExports.jsx("div",{className:"font-medium text-muted-foreground w-1/3 min-w-[80px] text-xs uppercase tracking-wide pt-0.5",children:s.header}),e.jsxRuntimeExports.jsx("div",{className:l.cn("flex-1 min-w-0 text-foreground/90 group-hover:text-foreground transition-colors",s.truncate&&"truncate"),children:s.cell(r)}),s.tooltipValue&&m===`${a}-${s.id}`&&e.jsxRuntimeExports.jsx(h.Tooltip,{content:s.tooltipValue(r),side:"bottom",align:"start",isVisible:!0})]},s.id))})]},r.id))})}exports.TableMobile=g;
-//# sourceMappingURL=table-mobile.js.map
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import { cn as c } from "../lib/utils.js";
+import { Checkbox as v } from "./checkbox.js";
+import { Tooltip as b } from "./tooltip.js";
+import { useState as g } from "react";
+import { ChevronRight as x } from "lucide-react";
+function V({
+  data: n,
+  columns: o,
+  showCheckbox: m = !0,
+  onRowClick: t,
+  selectedItems: i,
+  onSelect: l,
+  isLoading: h = !1,
+  loadingRows: u = 3
+}) {
+  const [f, p] = g(null);
+  return h ? /* @__PURE__ */ r("div", { className: "space-y-4", children: Array(u).fill(0).map((a, s) => /* @__PURE__ */ d(
+    "div",
+    {
+      className: "border border-border/50 rounded-xl p-4 space-y-4 shadow-sm bg-card/30 animate-pulse",
+      children: [
+        /* @__PURE__ */ d("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ r("div", { className: "h-5 bg-muted/70 rounded-md w-2/5" }),
+          m && /* @__PURE__ */ r("div", { className: "h-4 w-4 rounded-md bg-muted/50" })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "space-y-3 pt-2", children: o.slice(0, 4).map((e, N) => /* @__PURE__ */ d("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ r("div", { className: "h-4 bg-muted/40 rounded-md w-1/4" }),
+          /* @__PURE__ */ r("div", { className: "h-4 bg-muted/60 rounded-md", style: { width: Math.random() * 50 + 30 + "%" } })
+        ] }, `skeleton-col-${e.id}`)) })
+      ]
+    },
+    `skeleton-${s}`
+  )) }) : n.length === 0 ? null : /* @__PURE__ */ r("div", { className: "space-y-4", children: n.map((a, s) => /* @__PURE__ */ d(
+    "div",
+    {
+      className: c(
+        "border border-border/40 rounded-xl overflow-hidden bg-card/30 shadow-sm transition-all duration-200",
+        t && "cursor-pointer hover:border-primary/30 hover:shadow-md hover:bg-card/50"
+      ),
+      onClick: () => t == null ? void 0 : t(a),
+      children: [
+        /* @__PURE__ */ d("div", { className: "flex items-center justify-between p-4 border-b border-border/30 bg-muted/5", children: [
+          /* @__PURE__ */ r("div", { className: "font-medium", children: o[0].cell(a) || `Item ${s + 1}` }),
+          /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+            m && /* @__PURE__ */ r(
+              v,
+              {
+                checked: i == null ? void 0 : i.has(a.id),
+                onClick: (e) => {
+                  e.stopPropagation(), l == null || l(a.id, !(i != null && i.has(a.id)));
+                },
+                className: "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground"
+              }
+            ),
+            t && /* @__PURE__ */ r(x, { className: "h-4 w-4 text-muted-foreground/50" })
+          ] })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "px-4 py-3 space-y-3", children: o.slice(1).map((e) => /* @__PURE__ */ d(
+          "div",
+          {
+            className: "flex items-start gap-3 text-sm group",
+            onMouseEnter: () => e.tooltipValue && p(`${s}-${e.id}`),
+            onMouseLeave: () => p(null),
+            children: [
+              /* @__PURE__ */ r("div", { className: "font-medium text-muted-foreground w-1/3 min-w-[80px] text-xs uppercase tracking-wide pt-0.5", children: e.header }),
+              /* @__PURE__ */ r("div", { className: c(
+                "flex-1 min-w-0 text-foreground/90 group-hover:text-foreground transition-colors",
+                e.truncate && "truncate"
+              ), children: e.cell(a) }),
+              e.tooltipValue && f === `${s}-${e.id}` && /* @__PURE__ */ r(
+                b,
+                {
+                  content: e.tooltipValue(a),
+                  side: "bottom",
+                  align: "start",
+                  isVisible: !0
+                }
+              )
+            ]
+          },
+          e.id
+        )) })
+      ]
+    },
+    a.id
+  )) });
+}
+export {
+  V as TableMobile
+};