@incognia/cosmik 1.0.10 → 2.0.0-alpha.0

package/dist/index26.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index37.cjs"),r=require("./index39.cjs");function u({className:e,...t}){return n.jsxRuntimeExports.jsx("div",{className:r.cn("animate-pulse rounded-full bg-gray-900/16",e),...t})}exports.Skeleton=u;
-//# sourceMappingURL=index26.cjs.map
+"use client";const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index10.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("@radix-ui/react-label");i=e.__toESM(i,1);var a=n.default;function o({className:e,...n}){return(0,a.jsx)(i.Root,{"data-slot":`label`,className:t.cn(`flex items-center gap-8 leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-64 peer-disabled:cursor-not-allowed peer-disabled:opacity-64`,e),...n})}exports.Label=o;
+//# sourceMappingURL=index26.cjs.map

package/dist/index26.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index26.cjs","sources":["../src/Skeleton/index.tsx"],"sourcesContent":["import { cn } from '../lib/utils'\n\nfunction Skeleton({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      className={cn('animate-pulse rounded-full bg-gray-900/16', className)}\n      {...props}\n    />\n  )\n}\n\nexport { Skeleton }\n"],"names":["Skeleton","className","props","jsx","cn"],"mappings":"4IAEA,SAASA,EAAS,CAChB,UAAAC,EACA,GAAGC,CACL,EAAyC,CACvC,OACEC,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GAAG,4CAA6CH,CAAS,EACnE,GAAGC,CAAA,CAAA,CAGV"}
+{"version":3,"file":"index26.cjs","names":[],"sources":["../src/Label/index.tsx"],"sourcesContent":["'use client'\n\nimport * as LabelPrimitive from '@radix-ui/react-label'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        'flex items-center gap-8 leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-64 peer-disabled:cursor-not-allowed peer-disabled:opacity-64',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Label }\n"],"mappings":"kNAMA,SAAS,EAAM,CACb,YACA,GAAG,GACgD,CACnD,OACE,EAAA,EAAA,KAAC,EAAe,KAAhB,CACE,YAAU,QACV,UAAW,EAAA,GACT,kMACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}

package/dist/index26.js

@@ -1,18 +1,18 @@
-import { j as o } from "./index37.js";
-import { cn as t } from "./index39.js";
-function s({
-  className: r,
-  ...e
-}) {
-  return /* @__PURE__ */ o.jsx(
-    "div",
-    {
-      className: t("animate-pulse rounded-full bg-gray-900/16", r),
-      ...e
-    }
-  );
+"use client";
+import { cn as e } from "./index7.js";
+import { require_jsx_runtime as t } from "./index10.js";
+import "react";
+import * as n from "@radix-ui/react-label";
+//#region src/Label/index.tsx
+var r = t();
+function i({ className: t, ...i }) {
+	return /* @__PURE__ */ (0, r.jsx)(n.Root, {
+		"data-slot": "label",
+		className: e("flex items-center gap-8 leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-64 peer-disabled:cursor-not-allowed peer-disabled:opacity-64", t),
+		...i
+	});
 }
-export {
-  s as Skeleton
-};
-//# sourceMappingURL=index26.js.map
+//#endregion
+export { i as Label };
+
+//# sourceMappingURL=index26.js.map

package/dist/index26.js.map

@@ -1 +1 @@
-{"version":3,"file":"index26.js","sources":["../src/Skeleton/index.tsx"],"sourcesContent":["import { cn } from '../lib/utils'\n\nfunction Skeleton({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      className={cn('animate-pulse rounded-full bg-gray-900/16', className)}\n      {...props}\n    />\n  )\n}\n\nexport { Skeleton }\n"],"names":["Skeleton","className","props","jsx","cn"],"mappings":";;AAEA,SAASA,EAAS;AAAA,EAChB,WAAAC;AAAA,EACA,GAAGC;AACL,GAAyC;AACvC,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAG,6CAA6CH,CAAS;AAAA,MACnE,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"index26.js","names":[],"sources":["../src/Label/index.tsx"],"sourcesContent":["'use client'\n\nimport * as LabelPrimitive from '@radix-ui/react-label'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        'flex items-center gap-8 leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-64 peer-disabled:cursor-not-allowed peer-disabled:opacity-64',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Label }\n"],"mappings":";;;;;;;AAMA,SAAS,EAAM,EACb,cACA,GAAG,KACgD;CACnD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAe,MAAhB;EACE,aAAU;EACV,WAAW,EACT,mMACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/index27.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index37.cjs"),t=require("lucide-react"),o=require("sonner"),n=({className:s,...r})=>e.jsxRuntimeExports.jsx(o.Toaster,{className:s,position:"top-center",offset:16,gap:16,closeButton:!0,toastOptions:{unstyled:!0,classNames:{toast:"flex pointer-events-auto w-full gap-x-8 items-center overflow-hidden rounded border border-gray-900/8 p-16 pr-24 shadow-200 transition-all",success:"bg-green-50",warning:"bg-yellow-50",error:"bg-magenta-50",title:"text-sm text-gray-900! font-semibold!",description:"text-sm text-gray-800!",closeButton:"absolute left-auto right-8 top-8 size-24 inline-flex items-center justify-center rounded-full bg-gray-900/8 hover:bg-gray-900/12 focus:bg-gray-900/12 active:bg-gray-900/16"}},icons:{success:e.jsxRuntimeExports.jsx(t.CheckIcon,{size:20,className:"text-green-800"}),warning:e.jsxRuntimeExports.jsx(t.AlertTriangleIcon,{size:20,className:"text-yellow-600"}),error:e.jsxRuntimeExports.jsx(t.AlertCircleIcon,{size:20,className:"text-magenta-600"}),close:e.jsxRuntimeExports.jsx(t.LucideX,{size:16})},...r});exports.Toaster=n;
-//# sourceMappingURL=index27.cjs.map
+const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index10.cjs");let r=require("react");r=e.__toESM(r,1);var i=n.default;function a({children:e,className:n,isLoading:r,...a}){return(0,i.jsxs)(`div`,{className:t.cn(`flex h-full`,n),...a,children:[r&&(0,i.jsx)(o,{}),e]})}function o(){return(0,i.jsx)(`div`,{className:`fixed inset-0 bg-gray-400 z-60 h-4`,children:(0,i.jsx)(`div`,{className:`bg-dataviz-purple h-4 rounded-r animate-page-loader`})})}function s({className:e,...n}){return(0,i.jsx)(`aside`,{className:t.cn(`bg-white flex flex-col shrink-0 border-r border-gray-900/16 sticky h-screen`,e),...n})}function c({className:e,...n}){return(0,i.jsx)(`div`,{className:t.cn(`shrink-0`,e),...n})}function l({className:e,...n}){return(0,i.jsx)(`div`,{className:t.cn(`grow overflow-auto`,e),...n})}function u({className:e,...n}){return(0,i.jsx)(`main`,{className:t.cn(`flex flex-col grow justify-start bg-gray-50 sticky h-screen overflow-hidden`,e),...n})}function d({className:e,...n}){return(0,i.jsx)(`div`,{className:t.cn(`shrink-0 bg-white border-b border-gray-900/16`,e),...n})}exports.Layout=a,exports.LayoutContent=c,exports.LayoutMain=u,exports.LayoutScrollableContent=l,exports.LayoutSidebar=s,exports.LayoutTopbar=d;
+//# sourceMappingURL=index27.cjs.map

package/dist/index27.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index27.cjs","sources":["../src/Sonner/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n  AlertCircleIcon,\n  AlertTriangleIcon,\n  CheckIcon,\n  LucideX\n} from 'lucide-react'\nimport { Toaster as Sonner } from 'sonner'\n\ntype ToasterProps = React.ComponentProps<typeof Sonner>\n\nconst Toaster = ({ className, ...props }: ToasterProps) => {\n  return (\n    <Sonner\n      className={className}\n      position=\"top-center\"\n      offset={16}\n      gap={16}\n      closeButton={true}\n      toastOptions={{\n        unstyled: true,\n        classNames: {\n          toast:\n            'flex pointer-events-auto w-full gap-x-8 items-center overflow-hidden rounded border border-gray-900/8 p-16 pr-24 shadow-200 transition-all',\n          success: 'bg-green-50',\n          warning: 'bg-yellow-50',\n          error: 'bg-magenta-50',\n          title: 'text-sm text-gray-900! font-semibold!',\n          description: 'text-sm text-gray-800!',\n          closeButton:\n            'absolute left-auto right-8 top-8 size-24 inline-flex items-center justify-center rounded-full bg-gray-900/8 hover:bg-gray-900/12 focus:bg-gray-900/12 active:bg-gray-900/16'\n        }\n      }}\n      icons={{\n        success: <CheckIcon size={20} className=\"text-green-800\" />,\n        warning: <AlertTriangleIcon size={20} className=\"text-yellow-600\" />,\n        error: <AlertCircleIcon size={20} className=\"text-magenta-600\" />,\n        close: <LucideX size={16} />\n      }}\n      {...props}\n    />\n  )\n}\n\nexport { Toaster }\n"],"names":["Toaster","className","props","jsx","Sonner","CheckIcon","AlertTriangleIcon","AlertCircleIcon","LucideX"],"mappings":"+JAYMA,EAAU,CAAC,CAAE,UAAAC,EAAW,GAAGC,KAE7BC,EAAAA,kBAAAA,IAACC,EAAAA,QAAA,CACC,UAAAH,EACA,SAAS,aACT,OAAQ,GACR,IAAK,GACL,YAAa,GACb,aAAc,CACZ,SAAU,GACV,WAAY,CACV,MACE,6IACF,QAAS,cACT,QAAS,eACT,MAAO,gBACP,MAAO,wCACP,YAAa,yBACb,YACE,6KAAA,CACJ,EAEF,MAAO,CACL,QAASE,EAAAA,kBAAAA,IAACE,YAAA,CAAU,KAAM,GAAI,UAAU,iBAAiB,EACzD,QAASF,EAAAA,kBAAAA,IAACG,oBAAA,CAAkB,KAAM,GAAI,UAAU,kBAAkB,EAClE,MAAOH,EAAAA,kBAAAA,IAACI,kBAAA,CAAgB,KAAM,GAAI,UAAU,mBAAmB,EAC/D,MAAOJ,EAAAA,kBAAAA,IAACK,EAAAA,QAAA,CAAQ,KAAM,EAAA,CAAI,CAAA,EAE3B,GAAGN,CAAA,CAAA"}
+{"version":3,"file":"index27.cjs","names":[],"sources":["../src/Layout/index.tsx"],"sourcesContent":["import React from 'react'\nimport { cn } from '../lib/utils'\n\ntype LayoutProps = React.HTMLAttributes<HTMLDivElement> & {\n  children: React.ReactNode\n  className?: string\n}\n\nexport function Layout({\n  children,\n  className,\n  isLoading,\n  ...props\n}: LayoutProps & {\n  isLoading?: boolean\n}) {\n  return (\n    <div className={cn('flex h-full', className)} {...props}>\n      {isLoading && <LayoutPageLoader />}\n      {children}\n    </div>\n  )\n}\n\nfunction LayoutPageLoader() {\n  return (\n    <div className=\"fixed inset-0 bg-gray-400 z-60 h-4\">\n      <div className=\"bg-dataviz-purple h-4 rounded-r animate-page-loader\"></div>\n    </div>\n  )\n}\n\nexport function LayoutSidebar({ className, ...props }: LayoutProps) {\n  return (\n    <aside\n      className={cn(\n        'bg-white flex flex-col shrink-0 border-r border-gray-900/16 sticky h-screen',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function LayoutContent({ className, ...props }: LayoutProps) {\n  return <div className={cn('shrink-0', className)} {...props} />\n}\n\nexport function LayoutScrollableContent({ className, ...props }: LayoutProps) {\n  return <div className={cn('grow overflow-auto', className)} {...props} />\n}\n\nexport function LayoutMain({ className, ...props }: LayoutProps) {\n  return (\n    <main\n      className={cn(\n        'flex flex-col grow justify-start bg-gray-50 sticky h-screen overflow-hidden',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function LayoutTopbar({ className, ...props }: LayoutProps) {\n  return (\n    <div\n      className={cn('shrink-0 bg-white border-b border-gray-900/16', className)}\n      {...props}\n    />\n  )\n}\n"],"mappings":"6IAQA,SAAgB,EAAO,CACrB,WACA,YACA,YACA,GAAG,GAGF,CACD,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,GAAG,cAAe,CAAS,EAAG,GAAI,WAAlD,CACG,IAAa,EAAA,EAAA,KAAC,EAAD,CAAmB,CAAA,EAChC,CACE,GAET,CAEA,SAAS,GAAmB,CAC1B,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,+CACb,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,qDAA2D,CAAA,CACvE,CAAA,CAET,CAEA,SAAgB,EAAc,CAAE,YAAW,GAAG,GAAsB,CAClE,OACE,EAAA,EAAA,KAAC,QAAD,CACE,UAAW,EAAA,GACT,8EACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAgB,EAAc,CAAE,YAAW,GAAG,GAAsB,CAClE,OAAO,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,GAAG,WAAY,CAAS,EAAG,GAAI,CAAQ,CAAA,CAChE,CAEA,SAAgB,EAAwB,CAAE,YAAW,GAAG,GAAsB,CAC5E,OAAO,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,GAAG,qBAAsB,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC1E,CAEA,SAAgB,EAAW,CAAE,YAAW,GAAG,GAAsB,CAC/D,OACE,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,EAAA,GACT,8EACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAgB,EAAa,CAAE,YAAW,GAAG,GAAsB,CACjE,OACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GAAG,gDAAiD,CAAS,EACxE,GAAI,CACL,CAAA,CAEL"}

package/dist/index27.js

@@ -1,36 +1,52 @@
-import { j as e } from "./index37.js";
-import { LucideX as r, AlertCircleIcon as o, AlertTriangleIcon as a, CheckIcon as n } from "lucide-react";
-import { Toaster as i } from "sonner";
-const u = ({ className: t, ...s }) => /* @__PURE__ */ e.jsx(
-  i,
-  {
-    className: t,
-    position: "top-center",
-    offset: 16,
-    gap: 16,
-    closeButton: !0,
-    toastOptions: {
-      unstyled: !0,
-      classNames: {
-        toast: "flex pointer-events-auto w-full gap-x-8 items-center overflow-hidden rounded border border-gray-900/8 p-16 pr-24 shadow-200 transition-all",
-        success: "bg-green-50",
-        warning: "bg-yellow-50",
-        error: "bg-magenta-50",
-        title: "text-sm text-gray-900! font-semibold!",
-        description: "text-sm text-gray-800!",
-        closeButton: "absolute left-auto right-8 top-8 size-24 inline-flex items-center justify-center rounded-full bg-gray-900/8 hover:bg-gray-900/12 focus:bg-gray-900/12 active:bg-gray-900/16"
-      }
-    },
-    icons: {
-      success: /* @__PURE__ */ e.jsx(n, { size: 20, className: "text-green-800" }),
-      warning: /* @__PURE__ */ e.jsx(a, { size: 20, className: "text-yellow-600" }),
-      error: /* @__PURE__ */ e.jsx(o, { size: 20, className: "text-magenta-600" }),
-      close: /* @__PURE__ */ e.jsx(r, { size: 16 })
-    },
-    ...s
-  }
-);
-export {
-  u as Toaster
-};
-//# sourceMappingURL=index27.js.map
+import { cn as e } from "./index7.js";
+import { require_jsx_runtime as t } from "./index10.js";
+import "react";
+//#region src/Layout/index.tsx
+var n = t();
+function r({ children: t, className: r, isLoading: a, ...o }) {
+	return /* @__PURE__ */ (0, n.jsxs)("div", {
+		className: e("flex h-full", r),
+		...o,
+		children: [a && /* @__PURE__ */ (0, n.jsx)(i, {}), t]
+	});
+}
+function i() {
+	return /* @__PURE__ */ (0, n.jsx)("div", {
+		className: "fixed inset-0 bg-gray-400 z-60 h-4",
+		children: /* @__PURE__ */ (0, n.jsx)("div", { className: "bg-dataviz-purple h-4 rounded-r animate-page-loader" })
+	});
+}
+function a({ className: t, ...r }) {
+	return /* @__PURE__ */ (0, n.jsx)("aside", {
+		className: e("bg-white flex flex-col shrink-0 border-r border-gray-900/16 sticky h-screen", t),
+		...r
+	});
+}
+function o({ className: t, ...r }) {
+	return /* @__PURE__ */ (0, n.jsx)("div", {
+		className: e("shrink-0", t),
+		...r
+	});
+}
+function s({ className: t, ...r }) {
+	return /* @__PURE__ */ (0, n.jsx)("div", {
+		className: e("grow overflow-auto", t),
+		...r
+	});
+}
+function c({ className: t, ...r }) {
+	return /* @__PURE__ */ (0, n.jsx)("main", {
+		className: e("flex flex-col grow justify-start bg-gray-50 sticky h-screen overflow-hidden", t),
+		...r
+	});
+}
+function l({ className: t, ...r }) {
+	return /* @__PURE__ */ (0, n.jsx)("div", {
+		className: e("shrink-0 bg-white border-b border-gray-900/16", t),
+		...r
+	});
+}
+//#endregion
+export { r as Layout, o as LayoutContent, c as LayoutMain, s as LayoutScrollableContent, a as LayoutSidebar, l as LayoutTopbar };
+
+//# sourceMappingURL=index27.js.map

package/dist/index27.js.map

@@ -1 +1 @@
-{"version":3,"file":"index27.js","sources":["../src/Sonner/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n  AlertCircleIcon,\n  AlertTriangleIcon,\n  CheckIcon,\n  LucideX\n} from 'lucide-react'\nimport { Toaster as Sonner } from 'sonner'\n\ntype ToasterProps = React.ComponentProps<typeof Sonner>\n\nconst Toaster = ({ className, ...props }: ToasterProps) => {\n  return (\n    <Sonner\n      className={className}\n      position=\"top-center\"\n      offset={16}\n      gap={16}\n      closeButton={true}\n      toastOptions={{\n        unstyled: true,\n        classNames: {\n          toast:\n            'flex pointer-events-auto w-full gap-x-8 items-center overflow-hidden rounded border border-gray-900/8 p-16 pr-24 shadow-200 transition-all',\n          success: 'bg-green-50',\n          warning: 'bg-yellow-50',\n          error: 'bg-magenta-50',\n          title: 'text-sm text-gray-900! font-semibold!',\n          description: 'text-sm text-gray-800!',\n          closeButton:\n            'absolute left-auto right-8 top-8 size-24 inline-flex items-center justify-center rounded-full bg-gray-900/8 hover:bg-gray-900/12 focus:bg-gray-900/12 active:bg-gray-900/16'\n        }\n      }}\n      icons={{\n        success: <CheckIcon size={20} className=\"text-green-800\" />,\n        warning: <AlertTriangleIcon size={20} className=\"text-yellow-600\" />,\n        error: <AlertCircleIcon size={20} className=\"text-magenta-600\" />,\n        close: <LucideX size={16} />\n      }}\n      {...props}\n    />\n  )\n}\n\nexport { Toaster }\n"],"names":["Toaster","className","props","jsx","Sonner","CheckIcon","AlertTriangleIcon","AlertCircleIcon","LucideX"],"mappings":";;;AAYA,MAAMA,IAAU,CAAC,EAAE,WAAAC,GAAW,GAAGC,QAE7BC,gBAAAA,EAAAA;AAAAA,EAACC;AAAAA,EAAA;AAAA,IACC,WAAAH;AAAA,IACA,UAAS;AAAA,IACT,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,aAAa;AAAA,IACb,cAAc;AAAA,MACZ,UAAU;AAAA,MACV,YAAY;AAAA,QACV,OACE;AAAA,QACF,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAO;AAAA,QACP,OAAO;AAAA,QACP,aAAa;AAAA,QACb,aACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,OAAO;AAAA,MACL,SAASE,gBAAAA,EAAAA,IAACE,GAAA,EAAU,MAAM,IAAI,WAAU,kBAAiB;AAAA,MACzD,SAASF,gBAAAA,EAAAA,IAACG,GAAA,EAAkB,MAAM,IAAI,WAAU,mBAAkB;AAAA,MAClE,OAAOH,gBAAAA,EAAAA,IAACI,GAAA,EAAgB,MAAM,IAAI,WAAU,oBAAmB;AAAA,MAC/D,OAAOJ,gBAAAA,EAAAA,IAACK,GAAA,EAAQ,MAAM,GAAA,CAAI;AAAA,IAAA;AAAA,IAE3B,GAAGN;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index27.js","names":[],"sources":["../src/Layout/index.tsx"],"sourcesContent":["import React from 'react'\nimport { cn } from '../lib/utils'\n\ntype LayoutProps = React.HTMLAttributes<HTMLDivElement> & {\n  children: React.ReactNode\n  className?: string\n}\n\nexport function Layout({\n  children,\n  className,\n  isLoading,\n  ...props\n}: LayoutProps & {\n  isLoading?: boolean\n}) {\n  return (\n    <div className={cn('flex h-full', className)} {...props}>\n      {isLoading && <LayoutPageLoader />}\n      {children}\n    </div>\n  )\n}\n\nfunction LayoutPageLoader() {\n  return (\n    <div className=\"fixed inset-0 bg-gray-400 z-60 h-4\">\n      <div className=\"bg-dataviz-purple h-4 rounded-r animate-page-loader\"></div>\n    </div>\n  )\n}\n\nexport function LayoutSidebar({ className, ...props }: LayoutProps) {\n  return (\n    <aside\n      className={cn(\n        'bg-white flex flex-col shrink-0 border-r border-gray-900/16 sticky h-screen',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function LayoutContent({ className, ...props }: LayoutProps) {\n  return <div className={cn('shrink-0', className)} {...props} />\n}\n\nexport function LayoutScrollableContent({ className, ...props }: LayoutProps) {\n  return <div className={cn('grow overflow-auto', className)} {...props} />\n}\n\nexport function LayoutMain({ className, ...props }: LayoutProps) {\n  return (\n    <main\n      className={cn(\n        'flex flex-col grow justify-start bg-gray-50 sticky h-screen overflow-hidden',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function LayoutTopbar({ className, ...props }: LayoutProps) {\n  return (\n    <div\n      className={cn('shrink-0 bg-white border-b border-gray-900/16', className)}\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;;AAQA,SAAgB,EAAO,EACrB,aACA,cACA,cACA,GAAG,KAGF;CACD,OACE,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAK,WAAW,EAAG,eAAe,CAAS;EAAG,GAAI;YAAlD,CACG,KAAa,iBAAA,GAAA,EAAA,KAAC,GAAD,CAAmB,CAAA,GAChC,CACE;;AAET;AAEA,SAAS,IAAmB;CAC1B,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAK,WAAU;YACb,iBAAA,GAAA,EAAA,KAAC,OAAD,EAAK,WAAU,sDAA2D,CAAA;CACvE,CAAA;AAET;AAEA,SAAgB,EAAc,EAAE,cAAW,GAAG,KAAsB;CAClE,OACE,iBAAA,GAAA,EAAA,KAAC,SAAD;EACE,WAAW,EACT,+EACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,EAAc,EAAE,cAAW,GAAG,KAAsB;CAClE,OAAO,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAK,WAAW,EAAG,YAAY,CAAS;EAAG,GAAI;CAAQ,CAAA;AAChE;AAEA,SAAgB,EAAwB,EAAE,cAAW,GAAG,KAAsB;CAC5E,OAAO,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAK,WAAW,EAAG,sBAAsB,CAAS;EAAG,GAAI;CAAQ,CAAA;AAC1E;AAEA,SAAgB,EAAW,EAAE,cAAW,GAAG,KAAsB;CAC/D,OACE,iBAAA,GAAA,EAAA,KAAC,QAAD;EACE,WAAW,EACT,+EACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,EAAa,EAAE,cAAW,GAAG,KAAsB;CACjE,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;EACE,WAAW,EAAG,iDAAiD,CAAS;EACxE,GAAI;CACL,CAAA;AAEL"}

package/dist/index28.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index37.cjs"),i=require("@radix-ui/react-switch"),c=require("./index39.cjs");function o(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const s=o(i);function d({className:e,...t}){return n.jsxRuntimeExports.jsx(s.Root,{"data-slot":"switch",className:c.cn("peer inline-flex h-[20px] w-[36px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors disabled:cursor-not-allowed disabled:opacity-64","data-[state=checked]:bg-purple-700 data-[state=checked]:hover:bg-purple-800 data-[state=checked]:active:bg-purple-900","data-[state=unchecked]:bg-gray-900/16 data-[state=unchecked]:hover:bg-gray-900/24 data-[state=unchecked]:active:bg-gray-900/32",e),...t,children:n.jsxRuntimeExports.jsx(s.Thumb,{"data-slot":"switch-thumb",className:c.cn("pointer-events-none block size-16 rounded-full bg-white shadow-lg transition-transform data-[state=checked]:translate-x-16 data-[state=unchecked]:translate-x-0")})})}exports.Switch=d;
-//# sourceMappingURL=index28.cjs.map
+const e=require("./index7.cjs");var t=require("./index10.cjs").default;function n({className:n}){return(0,t.jsx)(`div`,{className:e.cn(`absolute top-[18px] w-12 h-12 rounded-full bg-purple-700`,n)})}exports.default=n;
+//# sourceMappingURL=index28.cjs.map

package/dist/index28.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index28.cjs","sources":["../src/Switch/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SwitchPrimitive from '@radix-ui/react-switch'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Switch({\n  className,\n  ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root>) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      className={cn(\n        'peer inline-flex h-[20px] w-[36px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors disabled:cursor-not-allowed disabled:opacity-64',\n        'data-[state=checked]:bg-purple-700 data-[state=checked]:hover:bg-purple-800 data-[state=checked]:active:bg-purple-900',\n        'data-[state=unchecked]:bg-gray-900/16 data-[state=unchecked]:hover:bg-gray-900/24 data-[state=unchecked]:active:bg-gray-900/32',\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className={cn(\n          'pointer-events-none block size-16 rounded-full bg-white shadow-lg transition-transform data-[state=checked]:translate-x-16 data-[state=unchecked]:translate-x-0'\n        )}\n      />\n    </SwitchPrimitive.Root>\n  )\n}\n\nexport { Switch }\n"],"names":["Switch","className","props","jsx","SwitchPrimitive","cn"],"mappings":"0cAMA,SAASA,EAAO,CACd,UAAAC,EACA,GAAGC,CACL,EAAsD,CACpD,OACEC,EAAAA,kBAAAA,IAACC,EAAgB,KAAhB,CACC,YAAU,SACV,UAAWC,EAAAA,GACT,qLACA,wHACA,iIACAJ,CAAA,EAED,GAAGC,EAEJ,SAAAC,EAAAA,kBAAAA,IAACC,EAAgB,MAAhB,CACC,YAAU,eACV,UAAWC,EAAAA,GACT,iKAAA,CACF,CAAA,CACF,CAAA,CAGN"}
+{"version":3,"file":"index28.cjs","names":[],"sources":["../src/Loading/LoadingDot.tsx"],"sourcesContent":["import { cn } from '../lib/utils'\n\ntype Props = {\n  className?: string\n}\n\nexport default function LoadingDot({ className }: Props) {\n  return (\n    <div\n      className={cn(\n        'absolute top-[18px] w-12 h-12 rounded-full bg-purple-700',\n        className\n      )}\n    ></div>\n  )\n}\n"],"mappings":"uEAMA,SAAwB,EAAW,CAAE,aAAoB,CACvD,OACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,2DACA,CACF,CACI,CAAA,CAEV"}

package/dist/index28.js

@@ -1,34 +1,11 @@
-import { j as t } from "./index37.js";
-import * as e from "@radix-ui/react-switch";
-import { cn as a } from "./index39.js";
-function d({
-  className: r,
-  ...s
-}) {
-  return /* @__PURE__ */ t.jsx(
-    e.Root,
-    {
-      "data-slot": "switch",
-      className: a(
-        "peer inline-flex h-[20px] w-[36px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors disabled:cursor-not-allowed disabled:opacity-64",
-        "data-[state=checked]:bg-purple-700 data-[state=checked]:hover:bg-purple-800 data-[state=checked]:active:bg-purple-900",
-        "data-[state=unchecked]:bg-gray-900/16 data-[state=unchecked]:hover:bg-gray-900/24 data-[state=unchecked]:active:bg-gray-900/32",
-        r
-      ),
-      ...s,
-      children: /* @__PURE__ */ t.jsx(
-        e.Thumb,
-        {
-          "data-slot": "switch-thumb",
-          className: a(
-            "pointer-events-none block size-16 rounded-full bg-white shadow-lg transition-transform data-[state=checked]:translate-x-16 data-[state=unchecked]:translate-x-0"
-          )
-        }
-      )
-    }
-  );
+import { cn as e } from "./index7.js";
+import { require_jsx_runtime as t } from "./index10.js";
+//#region src/Loading/LoadingDot.tsx
+var n = t();
+function r({ className: t }) {
+	return /* @__PURE__ */ (0, n.jsx)("div", { className: e("absolute top-[18px] w-12 h-12 rounded-full bg-purple-700", t) });
 }
-export {
-  d as Switch
-};
-//# sourceMappingURL=index28.js.map
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=index28.js.map

package/dist/index28.js.map

@@ -1 +1 @@
-{"version":3,"file":"index28.js","sources":["../src/Switch/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SwitchPrimitive from '@radix-ui/react-switch'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Switch({\n  className,\n  ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root>) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      className={cn(\n        'peer inline-flex h-[20px] w-[36px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors disabled:cursor-not-allowed disabled:opacity-64',\n        'data-[state=checked]:bg-purple-700 data-[state=checked]:hover:bg-purple-800 data-[state=checked]:active:bg-purple-900',\n        'data-[state=unchecked]:bg-gray-900/16 data-[state=unchecked]:hover:bg-gray-900/24 data-[state=unchecked]:active:bg-gray-900/32',\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className={cn(\n          'pointer-events-none block size-16 rounded-full bg-white shadow-lg transition-transform data-[state=checked]:translate-x-16 data-[state=unchecked]:translate-x-0'\n        )}\n      />\n    </SwitchPrimitive.Root>\n  )\n}\n\nexport { Switch }\n"],"names":["Switch","className","props","jsx","SwitchPrimitive","cn"],"mappings":";;;AAMA,SAASA,EAAO;AAAA,EACd,WAAAC;AAAA,EACA,GAAGC;AACL,GAAsD;AACpD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEJ,UAAAC,gBAAAA,EAAAA;AAAAA,QAACC,EAAgB;AAAA,QAAhB;AAAA,UACC,aAAU;AAAA,UACV,WAAWC;AAAA,YACT;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index28.js","names":[],"sources":["../src/Loading/LoadingDot.tsx"],"sourcesContent":["import { cn } from '../lib/utils'\n\ntype Props = {\n  className?: string\n}\n\nexport default function LoadingDot({ className }: Props) {\n  return (\n    <div\n      className={cn(\n        'absolute top-[18px] w-12 h-12 rounded-full bg-purple-700',\n        className\n      )}\n    ></div>\n  )\n}\n"],"mappings":";;;;AAMA,SAAwB,EAAW,EAAE,gBAAoB;CACvD,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD,EACE,WAAW,EACT,4DACA,CACF,EACI,CAAA;AAEV"}

package/dist/index29.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index37.cjs"),n=require("lucide-react"),r=require("./index39.cjs");function i({className:e,...t}){return a.jsxRuntimeExports.jsx("table",{"data-slot":"table",className:r.cn("border-separate border-spacing-y-8 h-fit",e),...t})}function c({className:e,...t}){return a.jsxRuntimeExports.jsx("thead",{"data-slot":"table-header",className:r.cn("bg-gray-200 text-left text-sm",e),...t})}function d({className:e,hoverable:t,...s}){return a.jsxRuntimeExports.jsx("tbody",{"data-slot":"table-body",className:r.cn("bg-white h-full",{"[&_tr:hover]:bg-gray-100 cursor-pointer":t},e),...s})}function u({className:e,...t}){return a.jsxRuntimeExports.jsx("tfoot",{"data-slot":"table-footer",className:r.cn("bg-gray-100",e),...t})}function b({className:e,...t}){return a.jsxRuntimeExports.jsx("tr",{"data-slot":"table-row",className:r.cn("transition-colors data-[state=selected]:bg-gray-100",e),...t})}function x({className:e,children:t,sortDirection:s,...o}){let l;return s==="ASC"?l=n.LucideChevronUp:s==="DESC"&&(l=n.LucideChevronDown),a.jsxRuntimeExports.jsxs("th",{"data-slot":"table-head",className:r.cn("first:rounded-l first:pl-24","last:rounded-r last:pr-24","px-12 py-8 font-normal leading-14","whitespace-nowrap",{"cursor-pointer":!!o?.onClick},e),...o,children:[t,l&&a.jsxRuntimeExports.jsx(l,{size:16,className:"inline-block ml-4"})]})}function p({className:e,...t}){return a.jsxRuntimeExports.jsx("td",{"data-slot":"table-cell",className:r.cn("first:rounded-l first:pl-24 first:border-l","last:rounded-r last:pr-24 last:border-r","border-gray-900/8 border-y px-12 h-[54px]","whitespace-nowrap",e),...t})}function m({className:e,...t}){return a.jsxRuntimeExports.jsx("caption",{"data-slot":"table-caption",className:r.cn("mt-16 text-sm text-gray-700",e),...t})}exports.Table=i;exports.TableBody=d;exports.TableCaption=m;exports.TableCell=p;exports.TableFooter=u;exports.TableHead=x;exports.TableHeader=c;exports.TableRow=b;
-//# sourceMappingURL=index29.cjs.map
+const e=require("./index7.cjs"),t=require("./index10.cjs"),n=require("./index28.cjs");var r=t.default;function i({className:t}){return(0,r.jsx)(`div`,{role:`alert`,"aria-busy":!0,className:e.cn(`flex items-center justify-center`,t),children:(0,r.jsxs)(`div`,{className:`inline-block relative w-[76px] h-48`,children:[(0,r.jsx)(n.default,{className:`left-8 animate-loading-ellipsis1`}),(0,r.jsx)(n.default,{className:`left-8 animate-loading-ellipsis2`}),(0,r.jsx)(n.default,{className:`left-32 animate-loading-ellipsis2`}),(0,r.jsx)(n.default,{className:`left-[56px] animate-loading-ellipsis3`})]})})}exports.Loading=i;
+//# sourceMappingURL=index29.cjs.map

package/dist/index29.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index29.cjs","sources":["../src/Table/index.tsx"],"sourcesContent":["import { LucideChevronDown, LucideChevronUp } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Table({ className, ...props }: React.ComponentProps<'table'>) {\n  return (\n    <table\n      data-slot=\"table\"\n      className={cn('border-separate border-spacing-y-8 h-fit', className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn('bg-gray-200 text-left text-sm', className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableBody({\n  className,\n  hoverable,\n  ...props\n}: React.ComponentProps<'tbody'> & { hoverable?: boolean }) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\n        'bg-white h-full',\n        {\n          '[&_tr:hover]:bg-gray-100 cursor-pointer': hoverable\n        },\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn('bg-gray-100', className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<'tr'>) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        'transition-colors data-[state=selected]:bg-gray-100',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableHead({\n  className,\n  children,\n  sortDirection,\n  ...props\n}: React.ComponentProps<'th'> & { sortDirection?: 'ASC' | 'DESC' }) {\n  let SortIcon\n  if (sortDirection === 'ASC') {\n    SortIcon = LucideChevronUp\n  } else if (sortDirection === 'DESC') {\n    SortIcon = LucideChevronDown\n  }\n\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        'first:rounded-l first:pl-24',\n        'last:rounded-r last:pr-24',\n        'px-12 py-8 font-normal leading-14',\n        'whitespace-nowrap',\n        {\n          'cursor-pointer': !!props?.onClick\n        },\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {SortIcon && <SortIcon size={16} className=\"inline-block ml-4\" />}\n    </th>\n  )\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<'td'>) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        'first:rounded-l first:pl-24 first:border-l',\n        'last:rounded-r last:pr-24 last:border-r',\n        'border-gray-900/8 border-y px-12 h-[54px]',\n        'whitespace-nowrap',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableCaption({\n  className,\n  ...props\n}: React.ComponentProps<'caption'>) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn('mt-16 text-sm text-gray-700', className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow\n}\n"],"names":["Table","className","props","jsx","cn","TableHeader","TableBody","hoverable","TableFooter","TableRow","TableHead","children","sortDirection","SortIcon","LucideChevronUp","LucideChevronDown","jsxs","TableCell","TableCaption"],"mappings":"sKAIA,SAASA,EAAM,CAAE,UAAAC,EAAW,GAAGC,GAAwC,CACrE,OACEC,EAAAA,kBAAAA,IAAC,QAAA,CACC,YAAU,QACV,UAAWC,EAAAA,GAAG,2CAA4CH,CAAS,EAClE,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASG,EAAY,CAAE,UAAAJ,EAAW,GAAGC,GAAwC,CAC3E,OACEC,EAAAA,kBAAAA,IAAC,QAAA,CACC,YAAU,eACV,UAAWC,EAAAA,GAAG,gCAAiCH,CAAS,EACvD,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASI,EAAU,CACjB,UAAAL,EACA,UAAAM,EACA,GAAGL,CACL,EAA4D,CAC1D,OACEC,EAAAA,kBAAAA,IAAC,QAAA,CACC,YAAU,aACV,UAAWC,EAAAA,GACT,kBACA,CACE,0CAA2CG,CAAA,EAE7CN,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASM,EAAY,CAAE,UAAAP,EAAW,GAAGC,GAAwC,CAC3E,OACEC,EAAAA,kBAAAA,IAAC,QAAA,CACC,YAAU,eACV,UAAWC,EAAAA,GAAG,cAAeH,CAAS,EACrC,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASO,EAAS,CAAE,UAAAR,EAAW,GAAGC,GAAqC,CACrE,OACEC,EAAAA,kBAAAA,IAAC,KAAA,CACC,YAAU,YACV,UAAWC,EAAAA,GACT,sDACAH,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASQ,EAAU,CACjB,UAAAT,EACA,SAAAU,EACA,cAAAC,EACA,GAAGV,CACL,EAAoE,CAClE,IAAIW,EACJ,OAAID,IAAkB,MACpBC,EAAWC,EAAAA,gBACFF,IAAkB,SAC3BC,EAAWE,EAAAA,mBAIXC,EAAAA,kBAAAA,KAAC,KAAA,CACC,YAAU,aACV,UAAWZ,EAAAA,GACT,8BACA,4BACA,oCACA,oBACA,CACE,iBAAkB,CAAC,CAACF,GAAO,OAAA,EAE7BD,CAAA,EAED,GAAGC,EAEH,SAAA,CAAAS,EACAE,GAAYV,EAAAA,kBAAAA,IAACU,EAAA,CAAS,KAAM,GAAI,UAAU,mBAAA,CAAoB,CAAA,CAAA,CAAA,CAGrE,CAEA,SAASI,EAAU,CAAE,UAAAhB,EAAW,GAAGC,GAAqC,CACtE,OACEC,EAAAA,kBAAAA,IAAC,KAAA,CACC,YAAU,aACV,UAAWC,EAAAA,GACT,6CACA,0CACA,4CACA,oBACAH,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASgB,EAAa,CACpB,UAAAjB,EACA,GAAGC,CACL,EAAoC,CAClC,OACEC,EAAAA,kBAAAA,IAAC,UAAA,CACC,YAAU,gBACV,UAAWC,EAAAA,GAAG,8BAA+BH,CAAS,EACrD,GAAGC,CAAA,CAAA,CAGV"}
+{"version":3,"file":"index29.cjs","names":[],"sources":["../src/Loading/index.tsx"],"sourcesContent":["import { cn } from '../lib/utils'\nimport LoadingDot from './LoadingDot'\n\ntype Props = {\n  className?: string\n}\n\nexport function Loading({ className }: Props) {\n  return (\n    <div\n      role=\"alert\"\n      aria-busy={true}\n      className={cn('flex items-center justify-center', className)}\n    >\n      <div className=\"inline-block relative w-[76px] h-48\">\n        <LoadingDot className=\"left-8 animate-loading-ellipsis1\" />\n        <LoadingDot className=\"left-8 animate-loading-ellipsis2\" />\n        <LoadingDot className=\"left-32 animate-loading-ellipsis2\" />\n        <LoadingDot className=\"left-[56px] animate-loading-ellipsis3\" />\n      </div>\n    </div>\n  )\n}\n"],"mappings":"sGAOA,SAAgB,EAAQ,CAAE,aAAoB,CAC5C,OACE,EAAA,EAAA,KAAC,MAAD,CACE,KAAK,QACL,YAAW,GACX,UAAW,EAAA,GAAG,mCAAoC,CAAS,YAE3D,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+CAAf,EACE,EAAA,EAAA,KAAC,EAAA,QAAD,CAAY,UAAU,kCAAoC,CAAA,GAC1D,EAAA,EAAA,KAAC,EAAA,QAAD,CAAY,UAAU,kCAAoC,CAAA,GAC1D,EAAA,EAAA,KAAC,EAAA,QAAD,CAAY,UAAU,mCAAqC,CAAA,GAC3D,EAAA,EAAA,KAAC,EAAA,QAAD,CAAY,UAAU,uCAAyC,CAAA,CAC5D,GACF,CAAA,CAET"}

package/dist/index29.js

@@ -1,135 +1,25 @@
-import { j as a } from "./index37.js";
-import { LucideChevronUp as n, LucideChevronDown as d } from "lucide-react";
-import { cn as r } from "./index39.js";
-function u({ className: t, ...e }) {
-  return /* @__PURE__ */ a.jsx(
-    "table",
-    {
-      "data-slot": "table",
-      className: r("border-separate border-spacing-y-8 h-fit", t),
-      ...e
-    }
-  );
-}
-function f({ className: t, ...e }) {
-  return /* @__PURE__ */ a.jsx(
-    "thead",
-    {
-      "data-slot": "table-header",
-      className: r("bg-gray-200 text-left text-sm", t),
-      ...e
-    }
-  );
-}
-function p({
-  className: t,
-  hoverable: e,
-  ...o
-}) {
-  return /* @__PURE__ */ a.jsx(
-    "tbody",
-    {
-      "data-slot": "table-body",
-      className: r(
-        "bg-white h-full",
-        {
-          "[&_tr:hover]:bg-gray-100 cursor-pointer": e
-        },
-        t
-      ),
-      ...o
-    }
-  );
-}
-function m({ className: t, ...e }) {
-  return /* @__PURE__ */ a.jsx(
-    "tfoot",
-    {
-      "data-slot": "table-footer",
-      className: r("bg-gray-100", t),
-      ...e
-    }
-  );
-}
-function x({ className: t, ...e }) {
-  return /* @__PURE__ */ a.jsx(
-    "tr",
-    {
-      "data-slot": "table-row",
-      className: r(
-        "transition-colors data-[state=selected]:bg-gray-100",
-        t
-      ),
-      ...e
-    }
-  );
-}
-function h({
-  className: t,
-  children: e,
-  sortDirection: o,
-  ...s
-}) {
-  let l;
-  return o === "ASC" ? l = n : o === "DESC" && (l = d), /* @__PURE__ */ a.jsxs(
-    "th",
-    {
-      "data-slot": "table-head",
-      className: r(
-        "first:rounded-l first:pl-24",
-        "last:rounded-r last:pr-24",
-        "px-12 py-8 font-normal leading-14",
-        "whitespace-nowrap",
-        {
-          "cursor-pointer": !!s?.onClick
-        },
-        t
-      ),
-      ...s,
-      children: [
-        e,
-        l && /* @__PURE__ */ a.jsx(l, { size: 16, className: "inline-block ml-4" })
-      ]
-    }
-  );
-}
-function g({ className: t, ...e }) {
-  return /* @__PURE__ */ a.jsx(
-    "td",
-    {
-      "data-slot": "table-cell",
-      className: r(
-        "first:rounded-l first:pl-24 first:border-l",
-        "last:rounded-r last:pr-24 last:border-r",
-        "border-gray-900/8 border-y px-12 h-[54px]",
-        "whitespace-nowrap",
-        t
-      ),
-      ...e
-    }
-  );
-}
-function y({
-  className: t,
-  ...e
-}) {
-  return /* @__PURE__ */ a.jsx(
-    "caption",
-    {
-      "data-slot": "table-caption",
-      className: r("mt-16 text-sm text-gray-700", t),
-      ...e
-    }
-  );
-}
-export {
-  u as Table,
-  p as TableBody,
-  y as TableCaption,
-  g as TableCell,
-  m as TableFooter,
-  h as TableHead,
-  f as TableHeader,
-  x as TableRow
-};
-//# sourceMappingURL=index29.js.map
+import { cn as e } from "./index7.js";
+import { require_jsx_runtime as t } from "./index10.js";
+import n from "./index28.js";
+//#region src/Loading/index.tsx
+var r = t();
+function i({ className: t }) {
+	return /* @__PURE__ */ (0, r.jsx)("div", {
+		role: "alert",
+		"aria-busy": !0,
+		className: e("flex items-center justify-center", t),
+		children: /* @__PURE__ */ (0, r.jsxs)("div", {
+			className: "inline-block relative w-[76px] h-48",
+			children: [
+				/* @__PURE__ */ (0, r.jsx)(n, { className: "left-8 animate-loading-ellipsis1" }),
+				/* @__PURE__ */ (0, r.jsx)(n, { className: "left-8 animate-loading-ellipsis2" }),
+				/* @__PURE__ */ (0, r.jsx)(n, { className: "left-32 animate-loading-ellipsis2" }),
+				/* @__PURE__ */ (0, r.jsx)(n, { className: "left-[56px] animate-loading-ellipsis3" })
+			]
+		})
+	});
+}
+//#endregion
+export { i as Loading };
+
+//# sourceMappingURL=index29.js.map

package/dist/index29.js.map

@@ -1 +1 @@
-{"version":3,"file":"index29.js","sources":["../src/Table/index.tsx"],"sourcesContent":["import { LucideChevronDown, LucideChevronUp } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Table({ className, ...props }: React.ComponentProps<'table'>) {\n  return (\n    <table\n      data-slot=\"table\"\n      className={cn('border-separate border-spacing-y-8 h-fit', className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn('bg-gray-200 text-left text-sm', className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableBody({\n  className,\n  hoverable,\n  ...props\n}: React.ComponentProps<'tbody'> & { hoverable?: boolean }) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\n        'bg-white h-full',\n        {\n          '[&_tr:hover]:bg-gray-100 cursor-pointer': hoverable\n        },\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn('bg-gray-100', className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<'tr'>) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        'transition-colors data-[state=selected]:bg-gray-100',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableHead({\n  className,\n  children,\n  sortDirection,\n  ...props\n}: React.ComponentProps<'th'> & { sortDirection?: 'ASC' | 'DESC' }) {\n  let SortIcon\n  if (sortDirection === 'ASC') {\n    SortIcon = LucideChevronUp\n  } else if (sortDirection === 'DESC') {\n    SortIcon = LucideChevronDown\n  }\n\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        'first:rounded-l first:pl-24',\n        'last:rounded-r last:pr-24',\n        'px-12 py-8 font-normal leading-14',\n        'whitespace-nowrap',\n        {\n          'cursor-pointer': !!props?.onClick\n        },\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {SortIcon && <SortIcon size={16} className=\"inline-block ml-4\" />}\n    </th>\n  )\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<'td'>) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        'first:rounded-l first:pl-24 first:border-l',\n        'last:rounded-r last:pr-24 last:border-r',\n        'border-gray-900/8 border-y px-12 h-[54px]',\n        'whitespace-nowrap',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableCaption({\n  className,\n  ...props\n}: React.ComponentProps<'caption'>) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn('mt-16 text-sm text-gray-700', className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow\n}\n"],"names":["Table","className","props","jsx","cn","TableHeader","TableBody","hoverable","TableFooter","TableRow","TableHead","children","sortDirection","SortIcon","LucideChevronUp","LucideChevronDown","jsxs","TableCell","TableCaption"],"mappings":";;;AAIA,SAASA,EAAM,EAAE,WAAAC,GAAW,GAAGC,KAAwC;AACrE,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,4CAA4CH,CAAS;AAAA,MAClE,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAY,EAAE,WAAAJ,GAAW,GAAGC,KAAwC;AAC3E,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,iCAAiCH,CAAS;AAAA,MACvD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAU;AAAA,EACjB,WAAAL;AAAA,EACA,WAAAM;AAAA,EACA,GAAGL;AACL,GAA4D;AAC1D,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,UACE,2CAA2CG;AAAA,QAAA;AAAA,QAE7CN;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAY,EAAE,WAAAP,GAAW,GAAGC,KAAwC;AAC3E,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,eAAeH,CAAS;AAAA,MACrC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAS,EAAE,WAAAR,GAAW,GAAGC,KAAqC;AACrE,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAU;AAAA,EACjB,WAAAT;AAAA,EACA,UAAAU;AAAA,EACA,eAAAC;AAAA,EACA,GAAGV;AACL,GAAoE;AAClE,MAAIW;AACJ,SAAID,MAAkB,QACpBC,IAAWC,IACFF,MAAkB,WAC3BC,IAAWE,IAIXC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWZ;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,UACE,kBAAkB,CAAC,CAACF,GAAO;AAAA,QAAA;AAAA,QAE7BD;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAS;AAAA,QACAE,KAAYV,gBAAAA,EAAAA,IAACU,GAAA,EAAS,MAAM,IAAI,WAAU,oBAAA,CAAoB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGrE;AAEA,SAASI,EAAU,EAAE,WAAAhB,GAAW,GAAGC,KAAqC;AACtE,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASgB,EAAa;AAAA,EACpB,WAAAjB;AAAA,EACA,GAAGC;AACL,GAAoC;AAClC,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,+BAA+BH,CAAS;AAAA,MACrD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"index29.js","names":[],"sources":["../src/Loading/index.tsx"],"sourcesContent":["import { cn } from '../lib/utils'\nimport LoadingDot from './LoadingDot'\n\ntype Props = {\n  className?: string\n}\n\nexport function Loading({ className }: Props) {\n  return (\n    <div\n      role=\"alert\"\n      aria-busy={true}\n      className={cn('flex items-center justify-center', className)}\n    >\n      <div className=\"inline-block relative w-[76px] h-48\">\n        <LoadingDot className=\"left-8 animate-loading-ellipsis1\" />\n        <LoadingDot className=\"left-8 animate-loading-ellipsis2\" />\n        <LoadingDot className=\"left-32 animate-loading-ellipsis2\" />\n        <LoadingDot className=\"left-[56px] animate-loading-ellipsis3\" />\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;AAOA,SAAgB,EAAQ,EAAE,gBAAoB;CAC5C,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;EACE,MAAK;EACL,aAAW;EACX,WAAW,EAAG,oCAAoC,CAAS;YAE3D,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,WAAU;aAAf;IACE,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAY,WAAU,mCAAoC,CAAA;IAC1D,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAY,WAAU,mCAAoC,CAAA;IAC1D,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAY,WAAU,oCAAqC,CAAA;IAC3D,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAY,WAAU,wCAAyC,CAAA;GAC5D;;CACF,CAAA;AAET"}

package/dist/index30.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index37.cjs"),o=require("@radix-ui/react-tabs"),r=require("./index39.cjs");function c(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const i=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,i.get?i:{enumerable:!0,get:()=>t[a]})}}return e.default=t,Object.freeze(e)}const n=c(o);function u({className:t,...e}){return s.jsxRuntimeExports.jsx(n.Root,{"data-slot":"tabs",className:t,...e})}function l({className:t,...e}){return s.jsxRuntimeExports.jsx(n.List,{"data-slot":"tabs-list",className:r.cn("inline-flex h-48 p-8 gap-8 items-center justify-center rounded-[12px] bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600",t),...e})}function p({className:t,...e}){return s.jsxRuntimeExports.jsx(n.Trigger,{"data-slot":"tabs-trigger",className:r.cn("inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-[12px] py-[6px] transition-all","focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64","hover:bg-gray-900/8 active:bg-gray-900/12","data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800","data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800","[&:has(>svg:first-child)]:pl-[10px]",t),...e})}function b({className:t,...e}){return s.jsxRuntimeExports.jsx(n.Content,{"data-slot":"tabs-content",className:r.cn("flex-1 outline-none",t),...e})}exports.Tabs=u;exports.TabsContent=b;exports.TabsList=l;exports.TabsTrigger=p;
-//# sourceMappingURL=index30.cjs.map
+const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index10.cjs"),r=require("./index12.cjs");let i=require("lucide-react"),a=require("react");a=e.__toESM(a,1);var o=n.default;function s({className:e,...n}){return(0,o.jsx)(`nav`,{role:`navigation`,"aria-label":`pagination`,"data-slot":`pagination`,className:t.cn(`mx-auto flex w-full justify-center`,e),...n})}function c({className:e,...n}){return(0,o.jsx)(`ul`,{"data-slot":`pagination-content`,className:t.cn(`flex flex-row items-center gap-8`,e),...n})}function l({...e}){return(0,o.jsx)(`li`,{"data-slot":`pagination-item`,...e})}function u({className:e,isActive:n,...i}){return(0,o.jsx)(r.Button,{"aria-current":n?`page`:void 0,"data-slot":`pagination-button`,"data-active":n,variant:`filled`,intent:n?`primary`:`secondary`,size:`icon`,className:t.cn({"bg-purple-800 hover:bg-purple-800 focus:bg-purple-800 active:bg-purple-800":n},e),...i})}function d({className:e,...t}){return(0,o.jsx)(u,{"aria-label":`Go to previous page`,className:e,...t,children:(0,o.jsx)(i.ChevronLeftIcon,{className:`size-16`})})}function f({className:e,...t}){return(0,o.jsx)(u,{"aria-label":`Go to next page`,className:e,...t,children:(0,o.jsx)(i.ChevronRightIcon,{className:`size-16`})})}function p({className:e,...n}){return(0,o.jsx)(`span`,{"aria-hidden":!0,"data-slot":`pagination-ellipsis`,className:t.cn(`flex size-32 items-center justify-center`,e),...n,children:(0,o.jsx)(i.MoreHorizontalIcon,{className:`size-16`})})}exports.Pagination=s,exports.PaginationButton=u,exports.PaginationContent=c,exports.PaginationEllipsis=p,exports.PaginationItem=l,exports.PaginationNext=f,exports.PaginationPrevious=d;
+//# sourceMappingURL=index30.cjs.map

package/dist/index30.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index30.cjs","sources":["../src/Tabs/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Tabs({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n  return (\n    <TabsPrimitive.Root data-slot=\"tabs\" className={className} {...props} />\n  )\n}\n\nfunction TabsList({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(\n        'inline-flex h-48 p-8 gap-8 items-center justify-center rounded-[12px] bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        'inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-[12px] py-[6px] transition-all',\n        'focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\n        'hover:bg-gray-900/8 active:bg-gray-900/12',\n        'data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800',\n        'data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800',\n        '[&:has(>svg:first-child)]:pl-[10px]',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn('flex-1 outline-none', className)}\n      {...props}\n    />\n  )\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger }\n"],"names":["Tabs","className","props","jsx","TabsPrimitive","TabsList","cn","TabsTrigger","TabsContent"],"mappings":"wcAMA,SAASA,EAAK,CACZ,UAAAC,EACA,GAAGC,CACL,EAAoD,CAClD,OACEC,EAAAA,kBAAAA,IAACC,EAAc,KAAd,CAAmB,YAAU,OAAO,UAAAH,EAAuB,GAAGC,EAAO,CAE1E,CAEA,SAASG,EAAS,CAChB,UAAAJ,EACA,GAAGC,CACL,EAAoD,CAClD,OACEC,EAAAA,kBAAAA,IAACC,EAAc,KAAd,CACC,YAAU,YACV,UAAWE,EAAAA,GACT,kKACAL,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASK,EAAY,CACnB,UAAAN,EACA,GAAGC,CACL,EAAuD,CACrD,OACEC,EAAAA,kBAAAA,IAACC,EAAc,QAAd,CACC,YAAU,eACV,UAAWE,EAAAA,GACT,2GACA,8EACA,4CACA,gJACA,wFACA,sCACAL,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASM,EAAY,CACnB,UAAAP,EACA,GAAGC,CACL,EAAuD,CACrD,OACEC,EAAAA,kBAAAA,IAACC,EAAc,QAAd,CACC,YAAU,eACV,UAAWE,EAAAA,GAAG,sBAAuBL,CAAS,EAC7C,GAAGC,CAAA,CAAA,CAGV"}
+{"version":3,"file":"index30.cjs","names":[],"sources":["../src/Pagination/index.tsx"],"sourcesContent":["import {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  MoreHorizontalIcon\n} from 'lucide-react'\nimport * as React from 'react'\nimport { Button } from '../Button'\nimport { cn } from '../lib/utils'\n\nfunction Pagination({ className, ...props }: React.ComponentProps<'nav'>) {\n  return (\n    <nav\n      role=\"navigation\"\n      aria-label=\"pagination\"\n      data-slot=\"pagination\"\n      className={cn('mx-auto flex w-full justify-center', className)}\n      {...props}\n    />\n  )\n}\n\nfunction PaginationContent({\n  className,\n  ...props\n}: React.ComponentProps<'ul'>) {\n  return (\n    <ul\n      data-slot=\"pagination-content\"\n      className={cn('flex flex-row items-center gap-8', className)}\n      {...props}\n    />\n  )\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<'li'>) {\n  return <li data-slot=\"pagination-item\" {...props} />\n}\n\ntype PaginationButtonProps = {\n  isActive?: boolean\n} & React.ComponentProps<typeof Button>\n\nfunction PaginationButton({\n  className,\n  isActive,\n  ...props\n}: PaginationButtonProps) {\n  return (\n    <Button\n      aria-current={isActive ? 'page' : undefined}\n      data-slot=\"pagination-button\"\n      data-active={isActive}\n      variant=\"filled\"\n      intent={isActive ? 'primary' : 'secondary'}\n      size=\"icon\"\n      className={cn(\n        {\n          'bg-purple-800 hover:bg-purple-800 focus:bg-purple-800 active:bg-purple-800':\n            isActive\n        },\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction PaginationPrevious({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationButton>) {\n  return (\n    <PaginationButton\n      aria-label=\"Go to previous page\"\n      className={className}\n      {...props}\n    >\n      <ChevronLeftIcon className=\"size-16\" />\n    </PaginationButton>\n  )\n}\n\nfunction PaginationNext({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationButton>) {\n  return (\n    <PaginationButton\n      aria-label=\"Go to next page\"\n      className={className}\n      {...props}\n    >\n      <ChevronRightIcon className=\"size-16\" />\n    </PaginationButton>\n  )\n}\n\nfunction PaginationEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      aria-hidden\n      data-slot=\"pagination-ellipsis\"\n      className={cn('flex size-32 items-center justify-center', className)}\n      {...props}\n    >\n      <MoreHorizontalIcon className=\"size-16\" />\n    </span>\n  )\n}\n\nexport {\n  Pagination,\n  PaginationButton,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationNext,\n  PaginationPrevious\n}\n"],"mappings":"kMASA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OACE,EAAA,EAAA,KAAC,MAAD,CACE,KAAK,aACL,aAAW,aACX,YAAU,aACV,UAAW,EAAA,GAAG,qCAAsC,CAAS,EAC7D,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAkB,CACzB,YACA,GAAG,GAC0B,CAC7B,OACE,EAAA,EAAA,KAAC,KAAD,CACE,YAAU,qBACV,UAAW,EAAA,GAAG,mCAAoC,CAAS,EAC3D,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAe,CAAE,GAAG,GAAqC,CAChE,OAAO,EAAA,EAAA,KAAC,KAAD,CAAI,YAAU,kBAAkB,GAAI,CAAQ,CAAA,CACrD,CAMA,SAAS,EAAiB,CACxB,YACA,WACA,GAAG,GACqB,CACxB,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,eAAc,EAAW,OAAS,IAAA,GAClC,YAAU,oBACV,cAAa,EACb,QAAQ,SACR,OAAQ,EAAW,UAAY,YAC/B,KAAK,OACL,UAAW,EAAA,GACT,CACE,6EACE,CACJ,EACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAmB,CAC1B,YACA,GAAG,GAC6C,CAChD,OACE,EAAA,EAAA,KAAC,EAAD,CACE,aAAW,sBACA,YACX,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAA,gBAAD,CAAiB,UAAU,SAAW,CAAA,CACtB,CAAA,CAEtB,CAEA,SAAS,EAAe,CACtB,YACA,GAAG,GAC6C,CAChD,OACE,EAAA,EAAA,KAAC,EAAD,CACE,aAAW,kBACA,YACX,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAA,iBAAD,CAAkB,UAAU,SAAW,CAAA,CACvB,CAAA,CAEtB,CAEA,SAAS,EAAmB,CAC1B,YACA,GAAG,GAC4B,CAC/B,OACE,EAAA,EAAA,KAAC,OAAD,CACE,cAAA,GACA,YAAU,sBACV,UAAW,EAAA,GAAG,2CAA4C,CAAS,EACnE,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAoB,UAAU,SAAW,CAAA,CACrC,CAAA,CAEV"}