@clasing/ui 0.1.123 → 0.1.124

package/dist/components/table.es.js

@@ -0,0 +1,114 @@
+import { j as a } from "../jsx-runtime-C5mzlN2N.js";
+import { c as o } from "../index-CRiPKpXj.js";
+function s({ className: t, ...e }) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: "relative w-full overflow-x-auto",
+      children: /* @__PURE__ */ a.jsx(
+        "table",
+        {
+          "data-slot": "table",
+          className: o("w-full caption-bottom text-sm", t),
+          ...e
+        }
+      )
+    }
+  );
+}
+function n({ className: t, ...e }) {
+  return /* @__PURE__ */ a.jsx(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: o("[&_tr]:border-b", t),
+      ...e
+    }
+  );
+}
+function d({ className: t, ...e }) {
+  return /* @__PURE__ */ a.jsx(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: o("[&_tr:last-child]:border-0", t),
+      ...e
+    }
+  );
+}
+function b({ className: t, ...e }) {
+  return /* @__PURE__ */ a.jsx(
+    "tfoot",
+    {
+      "data-slot": "table-footer",
+      className: o(
+        "bg-muted/50 border-t font-semibold [&>tr]:last:border-b-0",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function c({ className: t, ...e }) {
+  return /* @__PURE__ */ a.jsx(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: o(
+        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function i({ className: t, ...e }) {
+  return /* @__PURE__ */ a.jsx(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: o(
+        "text-foreground h-10 px-2 text-left align-middle font-semibold whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function m({ className: t, ...e }) {
+  return /* @__PURE__ */ a.jsx(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: o(
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function u({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a.jsx(
+    "caption",
+    {
+      "data-slot": "table-caption",
+      className: o("text-muted-foreground mt-4 text-sm", t),
+      ...e
+    }
+  );
+}
+export {
+  s as Table,
+  d as TableBody,
+  u as TableCaption,
+  m as TableCell,
+  b as TableFooter,
+  i as TableHead,
+  n as TableHeader,
+  c as TableRow
+};

package/dist/components/toggle-group.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../jsx-runtime-DUiatUiq.cjs"),g=require("@radix-ui/react-toggle-group"),m=require("react"),p=require("../toggle-Dgd7L2Mq.cjs"),s=require("../index-DoxiiusW.cjs");function u(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(o,e,r.get?r:{enumerable:!0,get:()=>t[e]})}}return o.default=t,Object.freeze(o)}const l=u(g),c=u(m),d=c.createContext({size:"md",variant:"default"});function f({className:t,variant:o,size:e,children:r,...a}){return i.jsxRuntimeExports.jsx(l.Root,{"data-slot":"toggle-group","data-variant":o,"data-size":e,className:s.cn("group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs",t),...a,children:i.jsxRuntimeExports.jsx(d.Provider,{value:{variant:o,size:e},children:r})})}function x({className:t,children:o,variant:e,size:r,...a}){const n=c.useContext(d);return i.jsxRuntimeExports.jsx(l.Item,{"data-slot":"toggle-group-item","data-variant":n.variant||e,"data-size":n.size||r,className:s.cn(p.toggleVariants({variant:n.variant||e,size:n.size||r}),"min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l",t),...a,children:o})}exports.ToggleGroup=f;exports.ToggleGroupItem=x;

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

@@ -0,0 +1,62 @@
+import { j as n } from "../jsx-runtime-C5mzlN2N.js";
+import * as s from "@radix-ui/react-toggle-group";
+import * as d from "react";
+import { t as m } from "../toggle-DjbiWYXD.js";
+import { c as l } from "../index-CRiPKpXj.js";
+const u = d.createContext({
+  size: "md",
+  variant: "default"
+});
+function c({
+  className: a,
+  variant: o,
+  size: t,
+  children: e,
+  ...i
+}) {
+  return /* @__PURE__ */ n.jsx(
+    s.Root,
+    {
+      "data-slot": "toggle-group",
+      "data-variant": o,
+      "data-size": t,
+      className: l(
+        "group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs",
+        a
+      ),
+      ...i,
+      children: /* @__PURE__ */ n.jsx(u.Provider, { value: { variant: o, size: t }, children: e })
+    }
+  );
+}
+function x({
+  className: a,
+  children: o,
+  variant: t,
+  size: e,
+  ...i
+}) {
+  const r = d.useContext(u);
+  return /* @__PURE__ */ n.jsx(
+    s.Item,
+    {
+      "data-slot": "toggle-group-item",
+      "data-variant": r.variant || t,
+      "data-size": r.size || e,
+      className: l(
+        m({
+          variant: r.variant || t,
+          size: r.size || e
+        }),
+        "min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l",
+        a
+      ),
+      ...i,
+      children: o
+    }
+  );
+}
+export {
+  c as ToggleGroup,
+  x as ToggleGroupItem
+};

package/dist/components/toggle.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../toggle-Dgd7L2Mq.cjs");exports.Toggle=e.Toggle;exports.toggleVariants=e.toggleVariants;

package/dist/components/toggle.es.js

@@ -0,0 +1,5 @@
+import { T as o, t } from "../toggle-DjbiWYXD.js";
+export {
+  o as Toggle,
+  t as toggleVariants
+};

package/dist/components/tooltip.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../tooltip-W9iE1O--.cjs");exports.Tooltip=o.Tooltip;exports.TooltipContent=o.TooltipContent;exports.TooltipProvider=o.TooltipProvider;exports.TooltipTrigger=o.TooltipTrigger;

package/dist/components/tooltip.es.js

@@ -0,0 +1,7 @@
+import { T as i, a as r, b as T, c as a } from "../tooltip-Btr9ROSo.js";
+export {
+  i as Tooltip,
+  r as TooltipContent,
+  T as TooltipProvider,
+  a as TooltipTrigger
+};

package/dist/dialog-BKm2PZl2.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("./jsx-runtime-DUiatUiq.cjs"),d=require("@radix-ui/react-dialog"),n=require("./index-DoxiiusW.cjs"),c=require("./icon-component-LY_vGYHZ.cjs");function u(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,i.get?i:{enumerable:!0,get:()=>t[s]})}}return e.default=t,Object.freeze(e)}const a=u(d);function g({...t}){return o.jsxRuntimeExports.jsx(a.Root,{"data-slot":"dialog",...t})}function x({...t}){return o.jsxRuntimeExports.jsx(a.Trigger,{"data-slot":"dialog-trigger",...t})}function r({...t}){return o.jsxRuntimeExports.jsx(a.Portal,{"data-slot":"dialog-portal",...t})}function m({...t}){return o.jsxRuntimeExports.jsx(a.Close,{"data-slot":"dialog-close",...t})}function l({className:t,...e}){return o.jsxRuntimeExports.jsx(a.Overlay,{"data-slot":"dialog-overlay",className:n.cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",t),...e})}function p({className:t,children:e,showCloseButton:s=!0,...i}){return o.jsxRuntimeExports.jsxs(r,{"data-slot":"dialog-portal",children:[o.jsxRuntimeExports.jsx(l,{}),o.jsxRuntimeExports.jsxs(a.Content,{"data-slot":"dialog-content",className:n.cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",t),...i,children:[e,s&&o.jsxRuntimeExports.jsxs(a.Close,{"data-slot":"dialog-close",className:"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",children:[o.jsxRuntimeExports.jsx(c.IconComponent,{iconName:"IconX"}),o.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Close"})]})]})]})}function f({className:t,...e}){return o.jsxRuntimeExports.jsx("div",{"data-slot":"dialog-header",className:n.cn("flex flex-col gap-2 text-center sm:text-left",t),...e})}function j({className:t,...e}){return o.jsxRuntimeExports.jsx("div",{"data-slot":"dialog-footer",className:n.cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",t),...e})}function D({className:t,...e}){return o.jsxRuntimeExports.jsx(a.Title,{"data-slot":"dialog-title",className:n.cn("text-lg leading-none font-semibold",t),...e})}function R({className:t,...e}){return o.jsxRuntimeExports.jsx(a.Description,{"data-slot":"dialog-description",className:n.cn("text-muted-foreground text-sm",t),...e})}exports.Dialog=g;exports.DialogClose=m;exports.DialogContent=p;exports.DialogDescription=R;exports.DialogFooter=j;exports.DialogHeader=f;exports.DialogOverlay=l;exports.DialogPortal=r;exports.DialogTitle=D;exports.DialogTrigger=x;

package/dist/dialog-DZpF7OXg.js

@@ -0,0 +1,136 @@
+import { j as a } from "./jsx-runtime-C5mzlN2N.js";
+import * as e from "@radix-ui/react-dialog";
+import { c as s } from "./index-CRiPKpXj.js";
+import { I as l } from "./icon-component-BZ-4FDV6.js";
+function f({
+  ...t
+}) {
+  return /* @__PURE__ */ a.jsx(e.Root, { "data-slot": "dialog", ...t });
+}
+function m({
+  ...t
+}) {
+  return /* @__PURE__ */ a.jsx(e.Trigger, { "data-slot": "dialog-trigger", ...t });
+}
+function r({
+  ...t
+}) {
+  return /* @__PURE__ */ a.jsx(e.Portal, { "data-slot": "dialog-portal", ...t });
+}
+function x({
+  ...t
+}) {
+  return /* @__PURE__ */ a.jsx(e.Close, { "data-slot": "dialog-close", ...t });
+}
+function d({
+  className: t,
+  ...o
+}) {
+  return /* @__PURE__ */ a.jsx(
+    e.Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: s(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        t
+      ),
+      ...o
+    }
+  );
+}
+function p({
+  className: t,
+  children: o,
+  showCloseButton: n = !0,
+  ...i
+}) {
+  return /* @__PURE__ */ a.jsxs(r, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ a.jsx(d, {}),
+    /* @__PURE__ */ a.jsxs(
+      e.Content,
+      {
+        "data-slot": "dialog-content",
+        className: s(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+          t
+        ),
+        ...i,
+        children: [
+          o,
+          n && /* @__PURE__ */ a.jsxs(
+            e.Close,
+            {
+              "data-slot": "dialog-close",
+              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+              children: [
+                /* @__PURE__ */ a.jsx(l, { iconName: "IconX" }),
+                /* @__PURE__ */ a.jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function j({ className: t, ...o }) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: s("flex flex-col gap-2 text-center sm:text-left", t),
+      ...o
+    }
+  );
+}
+function D({ className: t, ...o }) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: s(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        t
+      ),
+      ...o
+    }
+  );
+}
+function v({
+  className: t,
+  ...o
+}) {
+  return /* @__PURE__ */ a.jsx(
+    e.Title,
+    {
+      "data-slot": "dialog-title",
+      className: s("text-lg leading-none font-semibold", t),
+      ...o
+    }
+  );
+}
+function b({
+  className: t,
+  ...o
+}) {
+  return /* @__PURE__ */ a.jsx(
+    e.Description,
+    {
+      "data-slot": "dialog-description",
+      className: s("text-muted-foreground text-sm", t),
+      ...o
+    }
+  );
+}
+export {
+  f as D,
+  x as a,
+  p as b,
+  b as c,
+  D as d,
+  j as e,
+  d as f,
+  r as g,
+  v as h,
+  m as i
+};

package/dist/hooks/useOutsideClick.cjs.js

@@ -0,0 +1 @@
+"use strict";const u=require("react"),c=({ref:e,handler:t})=>{u.useEffect(()=>{const n=s=>{e.current&&!e.current.contains(s.target)&&t()};return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}},[e,t])};module.exports=c;

package/dist/hooks/useOutsideClick.es.js

@@ -0,0 +1,14 @@
+import { useEffect as s } from "react";
+const c = ({ ref: e, handler: t }) => {
+  s(() => {
+    const n = (o) => {
+      e.current && !e.current.contains(o.target) && t();
+    };
+    return document.addEventListener("mousedown", n), () => {
+      document.removeEventListener("mousedown", n);
+    };
+  }, [e, t]);
+};
+export {
+  c as default
+};

package/dist/icon-component-BZ-4FDV6.js

@@ -0,0 +1,49 @@
+import { j as t } from "./jsx-runtime-C5mzlN2N.js";
+import { c as l } from "./index-CRiPKpXj.js";
+import * as i from "@tabler/icons-react";
+import { forwardRef as f } from "react";
+const m = f(
+  ({ iconName: o, iconText: r, stroke: c = "1.5", onClick: a, size: e = 24, ...s }, p) => {
+    if (o) {
+      const n = i[o];
+      return /* @__PURE__ */ t.jsx(
+        n,
+        {
+          role: "img",
+          ref: p,
+          stroke: c,
+          onClick: a,
+          size: e,
+          className: l("pointer-events-none", s.className),
+          ...s
+        }
+      );
+    } else if (r) {
+      const n = r.slice(0, 2).toUpperCase();
+      return /* @__PURE__ */ t.jsx(
+        "div",
+        {
+          className: "pointer-events-none flex items-center justify-center",
+          style: { width: e, height: e },
+          role: "img",
+          children: /* @__PURE__ */ t.jsx(
+            "p",
+            {
+              className: l({
+                "text-label-sm": e <= 16,
+                "text-label-md": e > 16
+              }),
+              children: n
+            }
+          )
+        }
+      );
+    } else
+      return console.error(`Icon ${o} not found`), null;
+  }
+);
+m.displayName = "IconComponent";
+const I = m;
+export {
+  I
+};

package/dist/icon-component-LY_vGYHZ.cjs

@@ -0,0 +1 @@
+"use strict";const c=require("./jsx-runtime-DUiatUiq.cjs"),a=require("./index-DoxiiusW.cjs"),m=require("@tabler/icons-react"),p=require("react");function f(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const d=f(m),i=p.forwardRef(({iconName:e,iconText:t,stroke:n="1.5",onClick:r,size:o=24,...l},u)=>{if(e){const s=d[e];return c.jsxRuntimeExports.jsx(s,{role:"img",ref:u,stroke:n,onClick:r,size:o,className:a.cn("pointer-events-none",l.className),...l})}else if(t){const s=t.slice(0,2).toUpperCase();return c.jsxRuntimeExports.jsx("div",{className:"pointer-events-none flex items-center justify-center",style:{width:o,height:o},role:"img",children:c.jsxRuntimeExports.jsx("p",{className:a.cn({"text-label-sm":o<=16,"text-label-md":o>16}),children:s})})}else return console.error(`Icon ${e} not found`),null});i.displayName="IconComponent";const x=i;exports.IconComponent=x;

package/dist/index-BqtVL8d-.js

@@ -0,0 +1,34 @@
+import { a as O } from "./index-CRiPKpXj.js";
+const m = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, y = O, j = (e, l) => (n) => {
+  var u;
+  if (l?.variants == null) return y(e, n?.class, n?.className);
+  const { variants: r, defaultVariants: d } = l, V = Object.keys(r).map((t) => {
+    const a = n?.[t], s = d?.[t];
+    if (a === null) return null;
+    const i = m(a) || m(s);
+    return r[t][i];
+  }), v = n && Object.entries(n).reduce((t, a) => {
+    let [s, i] = a;
+    return i === void 0 || (t[s] = i), t;
+  }, {}), N = l == null || (u = l.compoundVariants) === null || u === void 0 ? void 0 : u.reduce((t, a) => {
+    let { class: s, className: i, ...f } = a;
+    return Object.entries(f).every((C) => {
+      let [c, o] = C;
+      return Array.isArray(o) ? o.includes({
+        ...d,
+        ...v
+      }[c]) : {
+        ...d,
+        ...v
+      }[c] === o;
+    }) ? [
+      ...t,
+      s,
+      i
+    ] : t;
+  }, []);
+  return y(e, V, N, n?.class, n?.className);
+};
+export {
+  j as c
+};

package/dist/index-C8P6Mn4U.cjs

@@ -0,0 +1 @@
+"use strict";const O=require("./index-DoxiiusW.cjs"),m=t=>typeof t=="boolean"?`${t}`:t===0?"0":t,y=O.clsx,b=(t,l)=>n=>{var u;if(l?.variants==null)return y(t,n?.class,n?.className);const{variants:o,defaultVariants:d}=l,V=Object.keys(o).map(e=>{const a=n?.[e],s=d?.[e];if(a===null)return null;const i=m(a)||m(s);return o[e][i]}),v=n&&Object.entries(n).reduce((e,a)=>{let[s,i]=a;return i===void 0||(e[s]=i),e},{}),N=l==null||(u=l.compoundVariants)===null||u===void 0?void 0:u.reduce((e,a)=>{let{class:s,className:i,...C}=a;return Object.entries(C).every(f=>{let[c,r]=f;return Array.isArray(r)?r.includes({...d,...v}[c]):{...d,...v}[c]===r})?[...e,s,i]:e},[]);return y(t,V,N,n?.class,n?.className)};exports.cva=b;