@incognia/cosmik 0.40.2-beta.2 → 0.41.0

package/dist/index17.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index37.cjs"),n=require("./index39.cjs");function a({children:e,className:t,isLoading:s,...o}){return r.jsxRuntimeExports.jsxs("div",{className:n.cn("flex h-full",t),...o,children:[s&&r.jsxRuntimeExports.jsx(i,{}),e]})}function i(){return r.jsxRuntimeExports.jsx("div",{className:"fixed inset-0 bg-gray-400 z-60 h-4",children:r.jsxRuntimeExports.jsx("div",{className:"bg-chart-purple h-4 rounded-r animate-page-loader"})})}function u({className:e,...t}){return r.jsxRuntimeExports.jsx("aside",{className:n.cn("bg-white flex flex-col shrink-0 border-r border-gray-900/16 sticky h-screen",e),...t})}function c({className:e,...t}){return r.jsxRuntimeExports.jsx("div",{className:n.cn("shrink-0",e),...t})}function x({className:e,...t}){return r.jsxRuntimeExports.jsx("div",{className:n.cn("grow overflow-auto",e),...t})}function l({className:e,...t}){return r.jsxRuntimeExports.jsx("main",{className:n.cn("flex flex-col grow justify-start bg-gray-50 sticky h-screen overflow-hidden",e),...t})}function d({className:e,...t}){return r.jsxRuntimeExports.jsx("div",{className:n.cn("shrink-0 bg-white border-b border-gray-900/16",e),...t})}exports.Layout=a;exports.LayoutContent=c;exports.LayoutMain=l;exports.LayoutScrollableContent=x;exports.LayoutSidebar=u;exports.LayoutTopbar=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index40.cjs"),a=require("react"),l=require("./index41.cjs");function s(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const c=s(a),i=c.forwardRef(({className:e,type:o,...t},r)=>n.jsxRuntimeExports.jsx("input",{type:o,className:l.cn("flex h-[36px] w-full rounded border border-gray-900-24 bg-white px-12 py-[6px] text-base","file:border-0 file:bg-white file:text-base file:font-medium","placeholder:text-gray-400","hover:shadow-field-hover","active:shadow-field-active","focus-visible:outline-none focus:shadow-field-active","disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none",e),ref:r,...t}));i.displayName="Input";exports.Input=i;
 //# sourceMappingURL=index17.cjs.map

package/dist/index17.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index17.cjs","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-chart-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"],"names":["Layout","children","className","isLoading","props","jsxs","cn","LayoutPageLoader","jsx","LayoutSidebar","LayoutContent","LayoutScrollableContent","LayoutMain","LayoutTopbar"],"mappings":"4IAQO,SAASA,EAAO,CACrB,SAAAC,EACA,UAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAEG,CACD,OACEC,EAAAA,kBAAAA,KAAC,OAAI,UAAWC,EAAAA,GAAG,cAAeJ,CAAS,EAAI,GAAGE,EAC/C,SAAA,CAAAD,2BAAcI,EAAA,EAAiB,EAC/BN,CAAA,EACH,CAEJ,CAEA,SAASM,GAAmB,CAC1B,OACEC,wBAAC,OAAI,UAAU,qCACb,iCAAC,MAAA,CAAI,UAAU,oDAAoD,CAAA,CACrE,CAEJ,CAEO,SAASC,EAAc,CAAE,UAAAP,EAAW,GAAGE,GAAsB,CAClE,OACEI,EAAAA,kBAAAA,IAAC,QAAA,CACC,UAAWF,EAAAA,GACT,8EACAJ,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEO,SAASM,EAAc,CAAE,UAAAR,EAAW,GAAGE,GAAsB,CAClE,OAAOI,EAAAA,kBAAAA,IAAC,OAAI,UAAWF,EAAAA,GAAG,WAAYJ,CAAS,EAAI,GAAGE,EAAO,CAC/D,CAEO,SAASO,EAAwB,CAAE,UAAAT,EAAW,GAAGE,GAAsB,CAC5E,OAAOI,EAAAA,kBAAAA,IAAC,OAAI,UAAWF,EAAAA,GAAG,qBAAsBJ,CAAS,EAAI,GAAGE,EAAO,CACzE,CAEO,SAASQ,EAAW,CAAE,UAAAV,EAAW,GAAGE,GAAsB,CAC/D,OACEI,EAAAA,kBAAAA,IAAC,OAAA,CACC,UAAWF,EAAAA,GACT,8EACAJ,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEO,SAASS,EAAa,CAAE,UAAAX,EAAW,GAAGE,GAAsB,CACjE,OACEI,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWF,EAAAA,GAAG,gDAAiDJ,CAAS,EACvE,GAAGE,CAAA,CAAA,CAGV"}
+{"version":3,"file":"index17.cjs","sources":["../src/Input/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nexport interface InputProps\n  extends React.InputHTMLAttributes<HTMLInputElement> {}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          'flex h-[36px] w-full rounded border border-gray-900-24 bg-white px-12 py-[6px] text-base',\n          'file:border-0 file:bg-white file:text-base file:font-medium',\n          'placeholder:text-gray-400',\n          'hover:shadow-field-hover',\n          'active:shadow-field-active',\n          'focus-visible:outline-none focus:shadow-field-active',\n          'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nInput.displayName = 'Input'\n\nexport { Input }\n"],"names":["Input","React","className","type","props","ref","jsx","cn"],"mappings":"ybAMMA,EAAQC,EAAM,WAClB,CAAC,CAAE,UAAAC,EAAW,KAAAC,EAAM,GAAGC,CAAA,EAASC,IAE5BC,EAAA,kBAAA,IAAC,QAAA,CACC,KAAAH,EACA,UAAWI,EAAA,GACT,2FACA,8DACA,4BACA,2BACA,6BACA,uDACA,uEACAL,CACF,EACA,IAAAG,EACC,GAAGD,CAAA,CAAA,CAIZ,EACAJ,EAAM,YAAc"}

package/dist/index17.js

@@ -1,64 +1,28 @@
-import { j as a } from "./index37.js";
-import { cn as t } from "./index39.js";
-function c({
-  children: r,
-  className: e,
-  isLoading: n,
-  ...o
-}) {
-  return /* @__PURE__ */ a.jsxs("div", { className: t("flex h-full", e), ...o, children: [
-    n && /* @__PURE__ */ a.jsx(s, {}),
-    r
-  ] });
-}
-function s() {
-  return /* @__PURE__ */ a.jsx("div", { className: "fixed inset-0 bg-gray-400 z-60 h-4", children: /* @__PURE__ */ a.jsx("div", { className: "bg-chart-purple h-4 rounded-r animate-page-loader" }) });
-}
-function l({ className: r, ...e }) {
-  return /* @__PURE__ */ a.jsx(
-    "aside",
+import { j as r } from "./index40.js";
+import * as a from "react";
+import { cn as d } from "./index41.js";
+const s = a.forwardRef(
+  ({ className: e, type: o, ...t }, i) => /* @__PURE__ */ r.jsx(
+    "input",
     {
-      className: t(
-        "bg-white flex flex-col shrink-0 border-r border-gray-900/16 sticky h-screen",
-        r
+      type: o,
+      className: d(
+        "flex h-[36px] w-full rounded border border-gray-900-24 bg-white px-12 py-[6px] text-base",
+        "file:border-0 file:bg-white file:text-base file:font-medium",
+        "placeholder:text-gray-400",
+        "hover:shadow-field-hover",
+        "active:shadow-field-active",
+        "focus-visible:outline-none focus:shadow-field-active",
+        "disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none",
+        e
       ),
-      ...e
+      ref: i,
+      ...t
     }
-  );
-}
-function d({ className: r, ...e }) {
-  return /* @__PURE__ */ a.jsx("div", { className: t("shrink-0", r), ...e });
-}
-function f({ className: r, ...e }) {
-  return /* @__PURE__ */ a.jsx("div", { className: t("grow overflow-auto", r), ...e });
-}
-function x({ className: r, ...e }) {
-  return /* @__PURE__ */ a.jsx(
-    "main",
-    {
-      className: t(
-        "flex flex-col grow justify-start bg-gray-50 sticky h-screen overflow-hidden",
-        r
-      ),
-      ...e
-    }
-  );
-}
-function m({ className: r, ...e }) {
-  return /* @__PURE__ */ a.jsx(
-    "div",
-    {
-      className: t("shrink-0 bg-white border-b border-gray-900/16", r),
-      ...e
-    }
-  );
-}
+  )
+);
+s.displayName = "Input";
 export {
-  c as Layout,
-  d as LayoutContent,
-  x as LayoutMain,
-  f as LayoutScrollableContent,
-  l as LayoutSidebar,
-  m as LayoutTopbar
+  s as Input
 };
 //# sourceMappingURL=index17.js.map

package/dist/index17.js.map

@@ -1 +1 @@
-{"version":3,"file":"index17.js","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-chart-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"],"names":["Layout","children","className","isLoading","props","jsxs","cn","LayoutPageLoader","jsx","LayoutSidebar","LayoutContent","LayoutScrollableContent","LayoutMain","LayoutTopbar"],"mappings":";;AAQO,SAASA,EAAO;AAAA,EACrB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAEG;AACD,SACEC,gBAAAA,EAAAA,KAAC,SAAI,WAAWC,EAAG,eAAeJ,CAAS,GAAI,GAAGE,GAC/C,UAAA;AAAA,IAAAD,2BAAcI,GAAA,EAAiB;AAAA,IAC/BN;AAAA,EAAA,GACH;AAEJ;AAEA,SAASM,IAAmB;AAC1B,SACEC,gBAAAA,MAAC,SAAI,WAAU,sCACb,gCAAC,OAAA,EAAI,WAAU,qDAAoD,EAAA,CACrE;AAEJ;AAEO,SAASC,EAAc,EAAE,WAAAP,GAAW,GAAGE,KAAsB;AAClE,SACEI,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEO,SAASM,EAAc,EAAE,WAAAR,GAAW,GAAGE,KAAsB;AAClE,SAAOI,gBAAAA,EAAAA,IAAC,SAAI,WAAWF,EAAG,YAAYJ,CAAS,GAAI,GAAGE,GAAO;AAC/D;AAEO,SAASO,EAAwB,EAAE,WAAAT,GAAW,GAAGE,KAAsB;AAC5E,SAAOI,gBAAAA,EAAAA,IAAC,SAAI,WAAWF,EAAG,sBAAsBJ,CAAS,GAAI,GAAGE,GAAO;AACzE;AAEO,SAASQ,EAAW,EAAE,WAAAV,GAAW,GAAGE,KAAsB;AAC/D,SACEI,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEO,SAASS,EAAa,EAAE,WAAAX,GAAW,GAAGE,KAAsB;AACjE,SACEI,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF,EAAG,iDAAiDJ,CAAS;AAAA,MACvE,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"index17.js","sources":["../src/Input/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nexport interface InputProps\n  extends React.InputHTMLAttributes<HTMLInputElement> {}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          'flex h-[36px] w-full rounded border border-gray-900-24 bg-white px-12 py-[6px] text-base',\n          'file:border-0 file:bg-white file:text-base file:font-medium',\n          'placeholder:text-gray-400',\n          'hover:shadow-field-hover',\n          'active:shadow-field-active',\n          'focus-visible:outline-none focus:shadow-field-active',\n          'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nInput.displayName = 'Input'\n\nexport { Input }\n"],"names":["Input","React","className","type","props","ref","jsx","cn"],"mappings":";;;AAMA,MAAMA,IAAQC,EAAM;AAAA,EAClB,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,EAAA,GAASC,MAE5BC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAH;AAAA,MACA,WAAWI;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAL;AAAA,MACF;AAAA,MACA,KAAAG;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAIZ;AACAJ,EAAM,cAAc;"}

package/dist/index18.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index37.cjs"),i=require("./index39.cjs"),s=require("./index41.cjs");function l({className:t}){return e.jsxRuntimeExports.jsx("div",{role:"alert","aria-busy":!0,className:i.cn("flex items-center justify-center",t),children:e.jsxRuntimeExports.jsxs("div",{className:"inline-block relative w-[76px] h-48",children:[e.jsxRuntimeExports.jsx(s.default,{className:"left-8 animate-loading-ellipsis1"}),e.jsxRuntimeExports.jsx(s.default,{className:"left-8 animate-loading-ellipsis2"}),e.jsxRuntimeExports.jsx(s.default,{className:"left-32 animate-loading-ellipsis2"}),e.jsxRuntimeExports.jsx(s.default,{className:"left-[56px] animate-loading-ellipsis3"})]})})}exports.Loading=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index40.cjs"),s=require("@radix-ui/react-label"),l=require("class-variance-authority"),u=require("react"),d=require("./index41.cjs");function o(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const n=o(s),b=o(u),p=l.cva("leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-64"),i=b.forwardRef(({className:e,...r},t)=>c.jsxRuntimeExports.jsx(n.Root,{ref:t,className:d.cn(p(),e),...r}));i.displayName=n.Root.displayName;exports.Label=i;
 //# sourceMappingURL=index18.cjs.map

package/dist/index18.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index18.cjs","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"],"names":["Loading","className","jsx","cn","jsxs","LoadingDot"],"mappings":"uKAOO,SAASA,EAAQ,CAAE,UAAAC,GAAoB,CAC5C,OACEC,EAAAA,kBAAAA,IAAC,MAAA,CACC,KAAK,QACL,YAAW,GACX,UAAWC,EAAAA,GAAG,mCAAoCF,CAAS,EAE3D,SAAAG,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,sCACb,SAAA,CAAAF,EAAAA,kBAAAA,IAACG,EAAAA,QAAA,CAAW,UAAU,kCAAA,CAAmC,EACzDH,EAAAA,kBAAAA,IAACG,EAAAA,QAAA,CAAW,UAAU,kCAAA,CAAmC,EACzDH,EAAAA,kBAAAA,IAACG,EAAAA,QAAA,CAAW,UAAU,mCAAA,CAAoC,EAC1DH,EAAAA,kBAAAA,IAACG,EAAAA,QAAA,CAAW,UAAU,uCAAA,CAAwC,CAAA,CAAA,CAChE,CAAA,CAAA,CAGN"}
+{"version":3,"file":"index18.cjs","sources":["../src/Label/index.tsx"],"sourcesContent":["'use client'\n\nimport * as LabelPrimitive from '@radix-ui/react-label'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst labelVariants = cva(\n  'leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-64'\n)\n\nconst Label = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\n    VariantProps<typeof labelVariants>\n>(({ className, ...props }, ref) => (\n  <LabelPrimitive.Root\n    ref={ref}\n    className={cn(labelVariants(), className)}\n    {...props}\n  />\n))\nLabel.displayName = LabelPrimitive.Root.displayName\n\nexport { Label }\n"],"names":["labelVariants","cva","Label","React","className","props","ref","jsx","LabelPrimitive","cn"],"mappings":"ygBAOMA,EAAgBC,EAAA,IACpB,wEACF,EAEMC,EAAQC,EAAM,WAIlB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1BC,EAAA,kBAAA,IAACC,EAAe,KAAf,CACC,IAAAF,EACA,UAAWG,EAAA,GAAGT,EAAc,EAAGI,CAAS,EACvC,GAAGC,CAAA,CACN,CACD,EACDH,EAAM,YAAcM,EAAe,KAAK"}

package/dist/index18.js

@@ -1,23 +1,20 @@
-import { j as e } from "./index37.js";
-import { cn as a } from "./index39.js";
-import i from "./index41.js";
-function r({ className: s }) {
-  return /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      role: "alert",
-      "aria-busy": !0,
-      className: a("flex items-center justify-center", s),
-      children: /* @__PURE__ */ e.jsxs("div", { className: "inline-block relative w-[76px] h-48", children: [
-        /* @__PURE__ */ e.jsx(i, { className: "left-8 animate-loading-ellipsis1" }),
-        /* @__PURE__ */ e.jsx(i, { className: "left-8 animate-loading-ellipsis2" }),
-        /* @__PURE__ */ e.jsx(i, { className: "left-32 animate-loading-ellipsis2" }),
-        /* @__PURE__ */ e.jsx(i, { className: "left-[56px] animate-loading-ellipsis3" })
-      ] })
-    }
-  );
-}
+import { j as t } from "./index40.js";
+import * as o from "@radix-ui/react-label";
+import { cva as i } from "class-variance-authority";
+import * as s from "react";
+import { cn as m } from "./index41.js";
+const l = i(
+  "leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-64"
+), p = s.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ t.jsx(
+  o.Root,
+  {
+    ref: r,
+    className: m(l(), a),
+    ...e
+  }
+));
+p.displayName = o.Root.displayName;
 export {
-  r as Loading
+  p as Label
 };
 //# sourceMappingURL=index18.js.map

package/dist/index18.js.map

@@ -1 +1 @@
-{"version":3,"file":"index18.js","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"],"names":["Loading","className","jsx","cn","jsxs","LoadingDot"],"mappings":";;;AAOO,SAASA,EAAQ,EAAE,WAAAC,KAAoB;AAC5C,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAW;AAAA,MACX,WAAWC,EAAG,oCAAoCF,CAAS;AAAA,MAE3D,UAAAG,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,uCACb,UAAA;AAAA,QAAAF,gBAAAA,EAAAA,IAACG,GAAA,EAAW,WAAU,mCAAA,CAAmC;AAAA,QACzDH,gBAAAA,EAAAA,IAACG,GAAA,EAAW,WAAU,mCAAA,CAAmC;AAAA,QACzDH,gBAAAA,EAAAA,IAACG,GAAA,EAAW,WAAU,oCAAA,CAAoC;AAAA,QAC1DH,gBAAAA,EAAAA,IAACG,GAAA,EAAW,WAAU,wCAAA,CAAwC;AAAA,MAAA,EAAA,CAChE;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index18.js","sources":["../src/Label/index.tsx"],"sourcesContent":["'use client'\n\nimport * as LabelPrimitive from '@radix-ui/react-label'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst labelVariants = cva(\n  'leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-64'\n)\n\nconst Label = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\n    VariantProps<typeof labelVariants>\n>(({ className, ...props }, ref) => (\n  <LabelPrimitive.Root\n    ref={ref}\n    className={cn(labelVariants(), className)}\n    {...props}\n  />\n))\nLabel.displayName = LabelPrimitive.Root.displayName\n\nexport { Label }\n"],"names":["labelVariants","cva","Label","React","className","props","ref","jsx","LabelPrimitive","cn"],"mappings":";;;;;AAOA,MAAMA,IAAgBC;AAAA,EACpB;AACF,GAEMC,IAAQC,EAAM,WAIlB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACC,EAAe;AAAA,EAAf;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAGT,EAAc,GAAGI,CAAS;AAAA,IACvC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAM,cAAcM,EAAe,KAAK;"}

package/dist/index19.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index37.cjs"),s=require("lucide-react"),j=require("react"),P=require("./index6.cjs"),i=require("./index39.cjs");function d(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 l=d(j),c=({className:e,...t})=>a.jsxRuntimeExports.jsx("nav",{role:"navigation","aria-label":"pagination",className:i.cn("mx-auto flex w-full justify-center",e),...t});c.displayName="Pagination";const u=l.forwardRef(({className:e,...t},n)=>a.jsxRuntimeExports.jsx("ul",{ref:n,className:i.cn("flex flex-row items-center gap-8",e),...t}));u.displayName="PaginationContent";const p=l.forwardRef(({className:e,...t},n)=>a.jsxRuntimeExports.jsx("li",{ref:n,className:i.cn(e),...t}));p.displayName="PaginationItem";const o=({className:e,isActive:t,...n})=>a.jsxRuntimeExports.jsx(P.Button,{"aria-current":t?"page":void 0,variant:"filled",intent:t?"primary":"secondary",size:"icon",className:i.cn({"bg-purple-800 hover:bg-purple-800 focus:bg-purple-800 active:bg-purple-800":t},e),...n});o.displayName="PaginationButton";const x=({className:e,...t})=>a.jsxRuntimeExports.jsx(o,{"aria-label":"Go to previous page",className:e,...t,children:a.jsxRuntimeExports.jsx(s.ChevronLeft,{className:"h-16 w-16"})});x.displayName="PaginationPrevious";const g=({className:e,...t})=>a.jsxRuntimeExports.jsx(o,{"aria-label":"Go to next page",className:e,...t,children:a.jsxRuntimeExports.jsx(s.ChevronRight,{className:"h-16 w-16"})});g.displayName="PaginationNext";const m=({className:e,...t})=>a.jsxRuntimeExports.jsx("span",{"aria-hidden":!0,className:i.cn("flex h-[36px] w-[36px] items-center justify-center",e),...t,children:a.jsxRuntimeExports.jsx(s.MoreHorizontal,{className:"h-16 w-16"})});m.displayName="PaginationEllipsis";exports.Pagination=c;exports.PaginationButton=o;exports.PaginationContent=u;exports.PaginationEllipsis=m;exports.PaginationItem=p;exports.PaginationNext=g;exports.PaginationPrevious=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index40.cjs"),n=require("./index41.cjs");function a({children:e,className:t,isLoading:s,...o}){return r.jsxRuntimeExports.jsxs("div",{className:n.cn("flex h-full",t),...o,children:[s&&r.jsxRuntimeExports.jsx(i,{}),e]})}function i(){return r.jsxRuntimeExports.jsx("div",{className:"fixed inset-0 bg-gray-400 z-[60] h-4",children:r.jsxRuntimeExports.jsx("div",{className:"bg-chart-purple h-4 rounded-r animate-page-loader"})})}function u({className:e,...t}){return r.jsxRuntimeExports.jsx("aside",{className:n.cn("bg-white flex flex-col flex-shrink-0 border-r-1 border-gray-900-16 sticky h-screen",e),...t})}function x({className:e,...t}){return r.jsxRuntimeExports.jsx("div",{className:n.cn("flex-shrink-0",e),...t})}function l({className:e,...t}){return r.jsxRuntimeExports.jsx("div",{className:n.cn("flex-grow overflow-auto",e),...t})}function c({className:e,...t}){return r.jsxRuntimeExports.jsx("main",{className:n.cn("flex flex-col flex-grow justify-start bg-gray-50 sticky h-screen overflow-hidden",e),...t})}function d({className:e,...t}){return r.jsxRuntimeExports.jsx("div",{className:n.cn("flex-shrink-0 bg-white border-b-1 border-gray-900-16",e),...t})}exports.Layout=a;exports.LayoutContent=x;exports.LayoutMain=c;exports.LayoutScrollableContent=l;exports.LayoutSidebar=u;exports.LayoutTopbar=d;
 //# sourceMappingURL=index19.cjs.map

package/dist/index19.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index19.cjs","sources":["../src/Pagination/index.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react'\nimport * as React from 'react'\nimport { Button, ButtonProps } from '../Button'\nimport { cn } from '../lib/utils'\n\nconst Pagination = ({ className, ...props }: React.ComponentProps<'nav'>) => (\n  <nav\n    role=\"navigation\"\n    aria-label=\"pagination\"\n    className={cn('mx-auto flex w-full justify-center', className)}\n    {...props}\n  />\n)\nPagination.displayName = 'Pagination'\n\nconst PaginationContent = React.forwardRef<\n  HTMLUListElement,\n  React.ComponentProps<'ul'>\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    className={cn('flex flex-row items-center gap-8', className)}\n    {...props}\n  />\n))\nPaginationContent.displayName = 'PaginationContent'\n\nconst PaginationItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<'li'>\n>(({ className, ...props }, ref) => (\n  <li ref={ref} className={cn(className)} {...props} />\n))\nPaginationItem.displayName = 'PaginationItem'\n\ntype PaginationButtonProps = ButtonProps & {\n  isActive?: boolean\n}\n\nconst PaginationButton = ({\n  className,\n  isActive,\n  ...props\n}: PaginationButtonProps) => (\n  <Button\n    aria-current={isActive ? 'page' : undefined}\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)\nPaginationButton.displayName = 'PaginationButton'\n\nconst PaginationPrevious = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationButton>) => (\n  <PaginationButton\n    aria-label=\"Go to previous page\"\n    className={className}\n    {...props}\n  >\n    <ChevronLeft className=\"h-16 w-16\" />\n  </PaginationButton>\n)\nPaginationPrevious.displayName = 'PaginationPrevious'\n\nconst PaginationNext = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationButton>) => (\n  <PaginationButton\n    aria-label=\"Go to next page\"\n    className={className}\n    {...props}\n  >\n    <ChevronRight className=\"h-16 w-16\" />\n  </PaginationButton>\n)\nPaginationNext.displayName = 'PaginationNext'\n\nconst PaginationEllipsis = ({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) => (\n  <span\n    aria-hidden\n    className={cn(\n      'flex h-[36px] w-[36px] items-center justify-center',\n      className\n    )}\n    {...props}\n  >\n    <MoreHorizontal className=\"h-16 w-16\" />\n  </span>\n)\nPaginationEllipsis.displayName = 'PaginationEllipsis'\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationButton,\n  PaginationNext,\n  PaginationPrevious\n}\n"],"names":["Pagination","className","props","jsx","cn","PaginationContent","React","ref","PaginationItem","PaginationButton","isActive","Button","PaginationPrevious","ChevronLeft","PaginationNext","ChevronRight","PaginationEllipsis","MoreHorizontal"],"mappings":"6eAKMA,EAAa,CAAC,CAAE,UAAAC,EAAW,GAAGC,KAClCC,EAAAA,kBAAAA,IAAC,MAAA,CACC,KAAK,aACL,aAAW,aACX,UAAWC,EAAAA,GAAG,qCAAsCH,CAAS,EAC5D,GAAGC,CAAA,CACN,EAEFF,EAAW,YAAc,aAEzB,MAAMK,EAAoBC,EAAM,WAG9B,CAAC,CAAE,UAAAL,EAAW,GAAGC,CAAA,EAASK,IAC1BJ,EAAAA,kBAAAA,IAAC,KAAA,CACC,IAAAI,EACA,UAAWH,EAAAA,GAAG,mCAAoCH,CAAS,EAC1D,GAAGC,CAAA,CACN,CACD,EACDG,EAAkB,YAAc,oBAEhC,MAAMG,EAAiBF,EAAM,WAG3B,CAAC,CAAE,UAAAL,EAAW,GAAGC,CAAA,EAASK,IAC1BJ,EAAAA,kBAAAA,IAAC,KAAA,CAAG,IAAAI,EAAU,UAAWH,EAAAA,GAAGH,CAAS,EAAI,GAAGC,EAAO,CACpD,EACDM,EAAe,YAAc,iBAM7B,MAAMC,EAAmB,CAAC,CACxB,UAAAR,EACA,SAAAS,EACA,GAAGR,CACL,IACEC,EAAAA,kBAAAA,IAACQ,EAAAA,OAAA,CACC,eAAcD,EAAW,OAAS,OAClC,QAAQ,SACR,OAAQA,EAAW,UAAY,YAC/B,KAAK,OACL,UAAWN,EAAAA,GACT,CACE,6EACEM,CAAA,EAEJT,CAAA,EAED,GAAGC,CAAA,CACN,EAEFO,EAAiB,YAAc,mBAE/B,MAAMG,EAAqB,CAAC,CAC1B,UAAAX,EACA,GAAGC,CACL,IACEC,EAAAA,kBAAAA,IAACM,EAAA,CACC,aAAW,sBACX,UAAAR,EACC,GAAGC,EAEJ,SAAAC,EAAAA,kBAAAA,IAACU,EAAAA,YAAA,CAAY,UAAU,WAAA,CAAY,CAAA,CACrC,EAEFD,EAAmB,YAAc,qBAEjC,MAAME,EAAiB,CAAC,CACtB,UAAAb,EACA,GAAGC,CACL,IACEC,EAAAA,kBAAAA,IAACM,EAAA,CACC,aAAW,kBACX,UAAAR,EACC,GAAGC,EAEJ,SAAAC,EAAAA,kBAAAA,IAACY,EAAAA,aAAA,CAAa,UAAU,WAAA,CAAY,CAAA,CACtC,EAEFD,EAAe,YAAc,iBAE7B,MAAME,EAAqB,CAAC,CAC1B,UAAAf,EACA,GAAGC,CACL,IACEC,EAAAA,kBAAAA,IAAC,OAAA,CACC,cAAW,GACX,UAAWC,EAAAA,GACT,qDACAH,CAAA,EAED,GAAGC,EAEJ,SAAAC,EAAAA,kBAAAA,IAACc,EAAAA,eAAA,CAAe,UAAU,WAAA,CAAY,CAAA,CACxC,EAEFD,EAAmB,YAAc"}
+{"version":3,"file":"index19.cjs","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-chart-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 flex-shrink-0 border-r-1 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('flex-shrink-0', className)} {...props} />\n}\n\nexport function LayoutScrollableContent({ className, ...props }: LayoutProps) {\n  return <div className={cn('flex-grow overflow-auto', className)} {...props} />\n}\n\nexport function LayoutMain({ className, ...props }: LayoutProps) {\n  return (\n    <main\n      className={cn(\n        'flex flex-col flex-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(\n        'flex-shrink-0 bg-white border-b-1 border-gray-900-16',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n"],"names":["Layout","children","className","isLoading","props","jsxs","cn","LayoutPageLoader","jsx","LayoutSidebar","LayoutContent","LayoutScrollableContent","LayoutMain","LayoutTopbar"],"mappings":"4IAQO,SAASA,EAAO,CACrB,SAAAC,EACA,UAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAEG,CAEC,OAAAC,EAAA,kBAAA,KAAC,OAAI,UAAWC,EAAAA,GAAG,cAAeJ,CAAS,EAAI,GAAGE,EAC/C,SAAA,CAAAD,2BAAcI,EAAiB,EAAA,EAC/BN,CACH,CAAA,CAAA,CAEJ,CAEA,SAASM,GAAmB,CAExB,OAAAC,EAAA,kBAAA,IAAC,OAAI,UAAU,uCACb,iCAAC,MAAI,CAAA,UAAU,mDAAoD,CAAA,CACrE,CAAA,CAEJ,CAEO,SAASC,EAAc,CAAE,UAAAP,EAAW,GAAGE,GAAsB,CAEhE,OAAAI,EAAA,kBAAA,IAAC,QAAA,CACC,UAAWF,EAAA,GACT,qFACAJ,CACF,EACC,GAAGE,CAAA,CAAA,CAGV,CAEO,SAASM,EAAc,CAAE,UAAAR,EAAW,GAAGE,GAAsB,CAC3D,OAAAI,EAAA,kBAAA,IAAC,OAAI,UAAWF,EAAAA,GAAG,gBAAiBJ,CAAS,EAAI,GAAGE,CAAO,CAAA,CACpE,CAEO,SAASO,EAAwB,CAAE,UAAAT,EAAW,GAAGE,GAAsB,CACrE,OAAAI,EAAA,kBAAA,IAAC,OAAI,UAAWF,EAAAA,GAAG,0BAA2BJ,CAAS,EAAI,GAAGE,CAAO,CAAA,CAC9E,CAEO,SAASQ,EAAW,CAAE,UAAAV,EAAW,GAAGE,GAAsB,CAE7D,OAAAI,EAAA,kBAAA,IAAC,OAAA,CACC,UAAWF,EAAA,GACT,mFACAJ,CACF,EACC,GAAGE,CAAA,CAAA,CAGV,CAEO,SAASS,EAAa,CAAE,UAAAX,EAAW,GAAGE,GAAsB,CAE/D,OAAAI,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWF,EAAA,GACT,uDACAJ,CACF,EACC,GAAGE,CAAA,CAAA,CAGV"}

package/dist/index19.js

@@ -1,99 +1,67 @@
-import { j as e } from "./index37.js";
-import { MoreHorizontal as r, ChevronRight as l, ChevronLeft as p } from "lucide-react";
-import * as s from "react";
-import { Button as m } from "./index6.js";
-import { cn as t } from "./index39.js";
-const c = ({ className: i, ...a }) => /* @__PURE__ */ e.jsx(
-  "nav",
-  {
-    role: "navigation",
-    "aria-label": "pagination",
-    className: t("mx-auto flex w-full justify-center", i),
-    ...a
-  }
-);
-c.displayName = "Pagination";
-const g = s.forwardRef(({ className: i, ...a }, n) => /* @__PURE__ */ e.jsx(
-  "ul",
-  {
-    ref: n,
-    className: t("flex flex-row items-center gap-8", i),
-    ...a
-  }
-));
-g.displayName = "PaginationContent";
-const x = s.forwardRef(({ className: i, ...a }, n) => /* @__PURE__ */ e.jsx("li", { ref: n, className: t(i), ...a }));
-x.displayName = "PaginationItem";
-const o = ({
-  className: i,
-  isActive: a,
-  ...n
-}) => /* @__PURE__ */ e.jsx(
-  m,
-  {
-    "aria-current": a ? "page" : void 0,
-    variant: "filled",
-    intent: a ? "primary" : "secondary",
-    size: "icon",
-    className: t(
-      {
-        "bg-purple-800 hover:bg-purple-800 focus:bg-purple-800 active:bg-purple-800": a
-      },
-      i
-    ),
-    ...n
-  }
-);
-o.displayName = "PaginationButton";
-const f = ({
-  className: i,
-  ...a
-}) => /* @__PURE__ */ e.jsx(
-  o,
-  {
-    "aria-label": "Go to previous page",
-    className: i,
-    ...a,
-    children: /* @__PURE__ */ e.jsx(p, { className: "h-16 w-16" })
-  }
-);
-f.displayName = "PaginationPrevious";
-const u = ({
-  className: i,
-  ...a
-}) => /* @__PURE__ */ e.jsx(
-  o,
-  {
-    "aria-label": "Go to next page",
-    className: i,
-    ...a,
-    children: /* @__PURE__ */ e.jsx(l, { className: "h-16 w-16" })
-  }
-);
-u.displayName = "PaginationNext";
-const d = ({
-  className: i,
-  ...a
-}) => /* @__PURE__ */ e.jsx(
-  "span",
-  {
-    "aria-hidden": !0,
-    className: t(
-      "flex h-[36px] w-[36px] items-center justify-center",
-      i
-    ),
-    ...a,
-    children: /* @__PURE__ */ e.jsx(r, { className: "h-16 w-16" })
-  }
-);
-d.displayName = "PaginationEllipsis";
+import { j as a } from "./index40.js";
+import { cn as t } from "./index41.js";
+function u({
+  children: e,
+  className: r,
+  isLoading: n,
+  ...o
+}) {
+  return /* @__PURE__ */ a.jsxs("div", { className: t("flex h-full", r), ...o, children: [
+    n && /* @__PURE__ */ a.jsx(s, {}),
+    e
+  ] });
+}
+function s() {
+  return /* @__PURE__ */ a.jsx("div", { className: "fixed inset-0 bg-gray-400 z-[60] h-4", children: /* @__PURE__ */ a.jsx("div", { className: "bg-chart-purple h-4 rounded-r animate-page-loader" }) });
+}
+function c({ className: e, ...r }) {
+  return /* @__PURE__ */ a.jsx(
+    "aside",
+    {
+      className: t(
+        "bg-white flex flex-col flex-shrink-0 border-r-1 border-gray-900-16 sticky h-screen",
+        e
+      ),
+      ...r
+    }
+  );
+}
+function f({ className: e, ...r }) {
+  return /* @__PURE__ */ a.jsx("div", { className: t("flex-shrink-0", e), ...r });
+}
+function x({ className: e, ...r }) {
+  return /* @__PURE__ */ a.jsx("div", { className: t("flex-grow overflow-auto", e), ...r });
+}
+function d({ className: e, ...r }) {
+  return /* @__PURE__ */ a.jsx(
+    "main",
+    {
+      className: t(
+        "flex flex-col flex-grow justify-start bg-gray-50 sticky h-screen overflow-hidden",
+        e
+      ),
+      ...r
+    }
+  );
+}
+function m({ className: e, ...r }) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      className: t(
+        "flex-shrink-0 bg-white border-b-1 border-gray-900-16",
+        e
+      ),
+      ...r
+    }
+  );
+}
 export {
-  c as Pagination,
-  o as PaginationButton,
-  g as PaginationContent,
-  d as PaginationEllipsis,
-  x as PaginationItem,
-  u as PaginationNext,
-  f as PaginationPrevious
+  u as Layout,
+  f as LayoutContent,
+  d as LayoutMain,
+  x as LayoutScrollableContent,
+  c as LayoutSidebar,
+  m as LayoutTopbar
 };
 //# sourceMappingURL=index19.js.map

package/dist/index19.js.map

@@ -1 +1 @@
-{"version":3,"file":"index19.js","sources":["../src/Pagination/index.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react'\nimport * as React from 'react'\nimport { Button, ButtonProps } from '../Button'\nimport { cn } from '../lib/utils'\n\nconst Pagination = ({ className, ...props }: React.ComponentProps<'nav'>) => (\n  <nav\n    role=\"navigation\"\n    aria-label=\"pagination\"\n    className={cn('mx-auto flex w-full justify-center', className)}\n    {...props}\n  />\n)\nPagination.displayName = 'Pagination'\n\nconst PaginationContent = React.forwardRef<\n  HTMLUListElement,\n  React.ComponentProps<'ul'>\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    className={cn('flex flex-row items-center gap-8', className)}\n    {...props}\n  />\n))\nPaginationContent.displayName = 'PaginationContent'\n\nconst PaginationItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<'li'>\n>(({ className, ...props }, ref) => (\n  <li ref={ref} className={cn(className)} {...props} />\n))\nPaginationItem.displayName = 'PaginationItem'\n\ntype PaginationButtonProps = ButtonProps & {\n  isActive?: boolean\n}\n\nconst PaginationButton = ({\n  className,\n  isActive,\n  ...props\n}: PaginationButtonProps) => (\n  <Button\n    aria-current={isActive ? 'page' : undefined}\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)\nPaginationButton.displayName = 'PaginationButton'\n\nconst PaginationPrevious = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationButton>) => (\n  <PaginationButton\n    aria-label=\"Go to previous page\"\n    className={className}\n    {...props}\n  >\n    <ChevronLeft className=\"h-16 w-16\" />\n  </PaginationButton>\n)\nPaginationPrevious.displayName = 'PaginationPrevious'\n\nconst PaginationNext = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationButton>) => (\n  <PaginationButton\n    aria-label=\"Go to next page\"\n    className={className}\n    {...props}\n  >\n    <ChevronRight className=\"h-16 w-16\" />\n  </PaginationButton>\n)\nPaginationNext.displayName = 'PaginationNext'\n\nconst PaginationEllipsis = ({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) => (\n  <span\n    aria-hidden\n    className={cn(\n      'flex h-[36px] w-[36px] items-center justify-center',\n      className\n    )}\n    {...props}\n  >\n    <MoreHorizontal className=\"h-16 w-16\" />\n  </span>\n)\nPaginationEllipsis.displayName = 'PaginationEllipsis'\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationButton,\n  PaginationNext,\n  PaginationPrevious\n}\n"],"names":["Pagination","className","props","jsx","cn","PaginationContent","React","ref","PaginationItem","PaginationButton","isActive","Button","PaginationPrevious","ChevronLeft","PaginationNext","ChevronRight","PaginationEllipsis","MoreHorizontal"],"mappings":";;;;;AAKA,MAAMA,IAAa,CAAC,EAAE,WAAAC,GAAW,GAAGC,QAClCC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,cAAW;AAAA,IACX,WAAWC,EAAG,sCAAsCH,CAAS;AAAA,IAC5D,GAAGC;AAAA,EAAA;AACN;AAEFF,EAAW,cAAc;AAEzB,MAAMK,IAAoBC,EAAM,WAG9B,CAAC,EAAE,WAAAL,GAAW,GAAGC,EAAA,GAASK,MAC1BJ,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAI;AAAA,IACA,WAAWH,EAAG,oCAAoCH,CAAS;AAAA,IAC1D,GAAGC;AAAA,EAAA;AACN,CACD;AACDG,EAAkB,cAAc;AAEhC,MAAMG,IAAiBF,EAAM,WAG3B,CAAC,EAAE,WAAAL,GAAW,GAAGC,EAAA,GAASK,MAC1BJ,gBAAAA,EAAAA,IAAC,MAAA,EAAG,KAAAI,GAAU,WAAWH,EAAGH,CAAS,GAAI,GAAGC,GAAO,CACpD;AACDM,EAAe,cAAc;AAM7B,MAAMC,IAAmB,CAAC;AAAA,EACxB,WAAAR;AAAA,EACA,UAAAS;AAAA,EACA,GAAGR;AACL,MACEC,gBAAAA,EAAAA;AAAAA,EAACQ;AAAA,EAAA;AAAA,IACC,gBAAcD,IAAW,SAAS;AAAA,IAClC,SAAQ;AAAA,IACR,QAAQA,IAAW,YAAY;AAAA,IAC/B,MAAK;AAAA,IACL,WAAWN;AAAA,MACT;AAAA,QACE,8EACEM;AAAA,MAAA;AAAA,MAEJT;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAEFO,EAAiB,cAAc;AAE/B,MAAMG,IAAqB,CAAC;AAAA,EAC1B,WAAAX;AAAA,EACA,GAAGC;AACL,MACEC,gBAAAA,EAAAA;AAAAA,EAACM;AAAA,EAAA;AAAA,IACC,cAAW;AAAA,IACX,WAAAR;AAAA,IACC,GAAGC;AAAA,IAEJ,UAAAC,gBAAAA,EAAAA,IAACU,GAAA,EAAY,WAAU,YAAA,CAAY;AAAA,EAAA;AACrC;AAEFD,EAAmB,cAAc;AAEjC,MAAME,IAAiB,CAAC;AAAA,EACtB,WAAAb;AAAA,EACA,GAAGC;AACL,MACEC,gBAAAA,EAAAA;AAAAA,EAACM;AAAA,EAAA;AAAA,IACC,cAAW;AAAA,IACX,WAAAR;AAAA,IACC,GAAGC;AAAA,IAEJ,UAAAC,gBAAAA,EAAAA,IAACY,GAAA,EAAa,WAAU,YAAA,CAAY;AAAA,EAAA;AACtC;AAEFD,EAAe,cAAc;AAE7B,MAAME,IAAqB,CAAC;AAAA,EAC1B,WAAAf;AAAA,EACA,GAAGC;AACL,MACEC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAW;AAAA,IACX,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEJ,UAAAC,gBAAAA,EAAAA,IAACc,GAAA,EAAe,WAAU,YAAA,CAAY;AAAA,EAAA;AACxC;AAEFD,EAAmB,cAAc;"}
+{"version":3,"file":"index19.js","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-chart-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 flex-shrink-0 border-r-1 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('flex-shrink-0', className)} {...props} />\n}\n\nexport function LayoutScrollableContent({ className, ...props }: LayoutProps) {\n  return <div className={cn('flex-grow overflow-auto', className)} {...props} />\n}\n\nexport function LayoutMain({ className, ...props }: LayoutProps) {\n  return (\n    <main\n      className={cn(\n        'flex flex-col flex-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(\n        'flex-shrink-0 bg-white border-b-1 border-gray-900-16',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n"],"names":["Layout","children","className","isLoading","props","jsxs","cn","LayoutPageLoader","jsx","LayoutSidebar","LayoutContent","LayoutScrollableContent","LayoutMain","LayoutTopbar"],"mappings":";;AAQO,SAASA,EAAO;AAAA,EACrB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAEG;AAEC,SAAAC,gBAAAA,EAAA,KAAC,SAAI,WAAWC,EAAG,eAAeJ,CAAS,GAAI,GAAGE,GAC/C,UAAA;AAAA,IAAAD,2BAAcI,GAAiB,EAAA;AAAA,IAC/BN;AAAA,EACH,EAAA,CAAA;AAEJ;AAEA,SAASM,IAAmB;AAExB,SAAAC,gBAAAA,EAAA,IAAC,SAAI,WAAU,wCACb,gCAAC,OAAI,EAAA,WAAU,oDAAoD,CAAA,EACrE,CAAA;AAEJ;AAEO,SAASC,EAAc,EAAE,WAAAP,GAAW,GAAGE,KAAsB;AAEhE,SAAAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACT;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEO,SAASM,EAAc,EAAE,WAAAR,GAAW,GAAGE,KAAsB;AAC3D,SAAAI,gBAAAA,EAAA,IAAC,SAAI,WAAWF,EAAG,iBAAiBJ,CAAS,GAAI,GAAGE,EAAO,CAAA;AACpE;AAEO,SAASO,EAAwB,EAAE,WAAAT,GAAW,GAAGE,KAAsB;AACrE,SAAAI,gBAAAA,EAAA,IAAC,SAAI,WAAWF,EAAG,2BAA2BJ,CAAS,GAAI,GAAGE,EAAO,CAAA;AAC9E;AAEO,SAASQ,EAAW,EAAE,WAAAV,GAAW,GAAGE,KAAsB;AAE7D,SAAAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACT;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEO,SAASS,EAAa,EAAE,WAAAX,GAAW,GAAGE,KAAsB;AAE/D,SAAAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACT;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/index2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;
+//# sourceMappingURL=index2.cjs.map

package/dist/index2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index2.js

@@ -0,0 +1,5 @@
+const e = "";
+export {
+  e as default
+};
+//# sourceMappingURL=index2.js.map

package/dist/index2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index20.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index37.cjs"),c=require("@radix-ui/react-popover"),p=require("react"),l=require("./index39.cjs");function i(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const o=i(c),u=i(p),m=o.Root,f=o.Trigger,g=o.Anchor,s=u.forwardRef(({className:e,align:r="center",sideOffset:t=4,...n},d)=>a.jsxRuntimeExports.jsx(o.Portal,{children:a.jsxRuntimeExports.jsx(o.Content,{ref:d,align:r,sideOffset:t,className:l.cn("z-50 w-[288px] rounded border border-gray-900/8 bg-white p-16 text-gray-800 shadow-200 outline-none 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...n})}));s.displayName=o.Content.displayName;exports.Popover=m;exports.PopoverAnchor=g;exports.PopoverContent=s;exports.PopoverTrigger=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index40.cjs"),i=require("./index41.cjs"),s=require("./index43.cjs");function l({className:t}){return e.jsxRuntimeExports.jsx("div",{role:"alert","aria-busy":!0,className:i.cn("flex items-center justify-center",t),children:e.jsxRuntimeExports.jsxs("div",{className:"inline-block relative w-[76px] h-[48px]",children:[e.jsxRuntimeExports.jsx(s.default,{className:"left-8 animate-loading-ellipsis1"}),e.jsxRuntimeExports.jsx(s.default,{className:"left-8 animate-loading-ellipsis2"}),e.jsxRuntimeExports.jsx(s.default,{className:"left-32 animate-loading-ellipsis2"}),e.jsxRuntimeExports.jsx(s.default,{className:"left-[56px] animate-loading-ellipsis3"})]})})}exports.Loading=l;
 //# sourceMappingURL=index20.cjs.map

package/dist/index20.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index20.cjs","sources":["../src/Popover/index.tsx"],"sourcesContent":["'use client'\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst Popover = PopoverPrimitive.Root\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverAnchor = PopoverPrimitive.Anchor\n\nexport type PopoverContentProps = React.ComponentPropsWithoutRef<\n  typeof PopoverPrimitive.Content\n>\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  PopoverContentProps\n>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        'z-50 w-[288px] rounded border border-gray-900/8 bg-white p-16 text-gray-800 shadow-200 outline-none 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n        className\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger }\n"],"names":["Popover","PopoverPrimitive","PopoverTrigger","PopoverAnchor","PopoverContent","React","className","align","sideOffset","props","ref","jsx","cn"],"mappings":"qeAMMA,EAAUC,EAAiB,KAE3BC,EAAiBD,EAAiB,QAElCE,EAAgBF,EAAiB,OAMjCG,EAAiBC,EAAM,WAG3B,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAQ,SAAU,WAAAC,EAAa,EAAG,GAAGC,CAAA,EAASC,IAC5DC,EAAAA,kBAAAA,IAACV,EAAiB,OAAjB,CACC,SAAAU,EAAAA,kBAAAA,IAACV,EAAiB,QAAjB,CACC,IAAAS,EACA,MAAAH,EACA,WAAAC,EACA,UAAWI,EAAAA,GACT,ubACAN,CAAA,EAED,GAAGG,CAAA,CACN,EACF,CACD,EACDL,EAAe,YAAcH,EAAiB,QAAQ"}
+{"version":3,"file":"index20.cjs","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-[48px]\">\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"],"names":["Loading","className","jsx","cn","jsxs","LoadingDot"],"mappings":"uKAOgB,SAAAA,EAAQ,CAAE,UAAAC,GAAoB,CAE1C,OAAAC,EAAA,kBAAA,IAAC,MAAA,CACC,KAAK,QACL,YAAW,GACX,UAAWC,EAAAA,GAAG,mCAAoCF,CAAS,EAE3D,SAAAG,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,0CACb,SAAA,CAACF,EAAAA,kBAAAA,IAAAG,EAAA,QAAA,CAAW,UAAU,kCAAmC,CAAA,EACzDH,EAAAA,kBAAAA,IAACG,EAAW,QAAA,CAAA,UAAU,kCAAmC,CAAA,EACzDH,EAAAA,kBAAAA,IAACG,EAAW,QAAA,CAAA,UAAU,mCAAoC,CAAA,EAC1DH,EAAAA,kBAAAA,IAACG,EAAW,QAAA,CAAA,UAAU,uCAAwC,CAAA,CAAA,EAChE,CAAA,CAAA,CAGN"}

package/dist/index20.js

@@ -1,25 +1,23 @@
-import { j as o } from "./index37.js";
-import * as t from "@radix-ui/react-popover";
-import * as d from "react";
-import { cn as n } from "./index39.js";
-const c = t.Root, f = t.Trigger, g = t.Anchor, m = d.forwardRef(({ className: e, align: a = "center", sideOffset: r = 4, ...i }, s) => /* @__PURE__ */ o.jsx(t.Portal, { children: /* @__PURE__ */ o.jsx(
-  t.Content,
-  {
-    ref: s,
-    align: a,
-    sideOffset: r,
-    className: n(
-      "z-50 w-[288px] rounded border border-gray-900/8 bg-white p-16 text-gray-800 shadow-200 outline-none 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      e
-    ),
-    ...i
-  }
-) }));
-m.displayName = t.Content.displayName;
+import { j as e } from "./index40.js";
+import { cn as a } from "./index41.js";
+import i from "./index43.js";
+function r({ className: s }) {
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      role: "alert",
+      "aria-busy": !0,
+      className: a("flex items-center justify-center", s),
+      children: /* @__PURE__ */ e.jsxs("div", { className: "inline-block relative w-[76px] h-[48px]", children: [
+        /* @__PURE__ */ e.jsx(i, { className: "left-8 animate-loading-ellipsis1" }),
+        /* @__PURE__ */ e.jsx(i, { className: "left-8 animate-loading-ellipsis2" }),
+        /* @__PURE__ */ e.jsx(i, { className: "left-32 animate-loading-ellipsis2" }),
+        /* @__PURE__ */ e.jsx(i, { className: "left-[56px] animate-loading-ellipsis3" })
+      ] })
+    }
+  );
+}
 export {
-  c as Popover,
-  g as PopoverAnchor,
-  m as PopoverContent,
-  f as PopoverTrigger
+  r as Loading
 };
 //# sourceMappingURL=index20.js.map

package/dist/index20.js.map

@@ -1 +1 @@
-{"version":3,"file":"index20.js","sources":["../src/Popover/index.tsx"],"sourcesContent":["'use client'\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst Popover = PopoverPrimitive.Root\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverAnchor = PopoverPrimitive.Anchor\n\nexport type PopoverContentProps = React.ComponentPropsWithoutRef<\n  typeof PopoverPrimitive.Content\n>\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  PopoverContentProps\n>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        'z-50 w-[288px] rounded border border-gray-900/8 bg-white p-16 text-gray-800 shadow-200 outline-none 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n        className\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger }\n"],"names":["Popover","PopoverPrimitive","PopoverTrigger","PopoverAnchor","PopoverContent","React","className","align","sideOffset","props","ref","jsx","cn"],"mappings":";;;;AAMA,MAAMA,IAAUC,EAAiB,MAE3BC,IAAiBD,EAAiB,SAElCE,IAAgBF,EAAiB,QAMjCG,IAAiBC,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,OAAAC,IAAQ,UAAU,YAAAC,IAAa,GAAG,GAAGC,EAAA,GAASC,MAC5DC,gBAAAA,EAAAA,IAACV,EAAiB,QAAjB,EACC,UAAAU,gBAAAA,EAAAA;AAAAA,EAACV,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAS;AAAA,IACA,OAAAH;AAAA,IACA,YAAAC;AAAA,IACA,WAAWI;AAAA,MACT;AAAA,MACAN;AAAA,IAAA;AAAA,IAED,GAAGG;AAAA,EAAA;AACN,GACF,CACD;AACDL,EAAe,cAAcH,EAAiB,QAAQ;"}
+{"version":3,"file":"index20.js","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-[48px]\">\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"],"names":["Loading","className","jsx","cn","jsxs","LoadingDot"],"mappings":";;;AAOgB,SAAAA,EAAQ,EAAE,WAAAC,KAAoB;AAE1C,SAAAC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAW;AAAA,MACX,WAAWC,EAAG,oCAAoCF,CAAS;AAAA,MAE3D,UAAAG,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,2CACb,UAAA;AAAA,QAACF,gBAAAA,EAAAA,IAAAG,GAAA,EAAW,WAAU,mCAAmC,CAAA;AAAA,QACzDH,gBAAAA,EAAAA,IAACG,GAAW,EAAA,WAAU,mCAAmC,CAAA;AAAA,QACzDH,gBAAAA,EAAAA,IAACG,GAAW,EAAA,WAAU,oCAAoC,CAAA;AAAA,QAC1DH,gBAAAA,EAAAA,IAACG,GAAW,EAAA,WAAU,wCAAwC,CAAA;AAAA,MAAA,GAChE;AAAA,IAAA;AAAA,EAAA;AAGN;"}