@incognia/cosmik 0.41.0 → 1.0.0-beta.2

package/dist/index19.js

@@ -1,67 +1,109 @@
-import { j as a } from "./index40.js";
-import { cn as t } from "./index41.js";
-function u({
-  children: e,
-  className: r,
-  isLoading: n,
-  ...o
+import { j as t } from "./index37.js";
+import { MoreHorizontalIcon as r, ChevronRightIcon as s, ChevronLeftIcon as l } from "lucide-react";
+import { Button as u } from "./index6.js";
+import { cn as i } from "./index39.js";
+function f({ className: n, ...a }) {
+  return /* @__PURE__ */ t.jsx(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": "pagination",
+      "data-slot": "pagination",
+      className: i("mx-auto flex w-full justify-center", n),
+      ...a
+    }
+  );
+}
+function x({
+  className: n,
+  ...a
 }) {
-  return /* @__PURE__ */ a.jsxs("div", { className: t("flex h-full", r), ...o, children: [
-    n && /* @__PURE__ */ a.jsx(s, {}),
-    e
-  ] });
+  return /* @__PURE__ */ t.jsx(
+    "ul",
+    {
+      "data-slot": "pagination-content",
+      className: i("flex flex-row items-center gap-8", n),
+      ...a
+    }
+  );
 }
-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 d({ ...n }) {
+  return /* @__PURE__ */ t.jsx("li", { "data-slot": "pagination-item", ...n });
 }
-function c({ className: e, ...r }) {
-  return /* @__PURE__ */ a.jsx(
-    "aside",
+function e({
+  className: n,
+  isActive: a,
+  ...o
+}) {
+  return /* @__PURE__ */ t.jsx(
+    u,
     {
-      className: t(
-        "bg-white flex flex-col flex-shrink-0 border-r-1 border-gray-900-16 sticky h-screen",
-        e
+      "aria-current": a ? "page" : void 0,
+      "data-slot": "pagination-button",
+      "data-active": a,
+      variant: "filled",
+      intent: a ? "primary" : "secondary",
+      size: "icon",
+      className: i(
+        {
+          "bg-purple-800 hover:bg-purple-800 focus:bg-purple-800 active:bg-purple-800": a
+        },
+        n
       ),
-      ...r
+      ...o
     }
   );
 }
-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 j({
+  className: n,
+  ...a
+}) {
+  return /* @__PURE__ */ t.jsx(
+    e,
+    {
+      "aria-label": "Go to previous page",
+      className: n,
+      ...a,
+      children: /* @__PURE__ */ t.jsx(l, { className: "size-16" })
+    }
+  );
 }
-function d({ className: e, ...r }) {
-  return /* @__PURE__ */ a.jsx(
-    "main",
+function b({
+  className: n,
+  ...a
+}) {
+  return /* @__PURE__ */ t.jsx(
+    e,
     {
-      className: t(
-        "flex flex-col flex-grow justify-start bg-gray-50 sticky h-screen overflow-hidden",
-        e
-      ),
-      ...r
+      "aria-label": "Go to next page",
+      className: n,
+      ...a,
+      children: /* @__PURE__ */ t.jsx(s, { className: "size-16" })
     }
   );
 }
-function m({ className: e, ...r }) {
-  return /* @__PURE__ */ a.jsx(
-    "div",
+function h({
+  className: n,
+  ...a
+}) {
+  return /* @__PURE__ */ t.jsx(
+    "span",
     {
-      className: t(
-        "flex-shrink-0 bg-white border-b-1 border-gray-900-16",
-        e
-      ),
-      ...r
+      "aria-hidden": !0,
+      "data-slot": "pagination-ellipsis",
+      className: i("flex size-32 items-center justify-center", n),
+      ...a,
+      children: /* @__PURE__ */ t.jsx(r, { className: "size-16" })
     }
   );
 }
 export {
-  u as Layout,
-  f as LayoutContent,
-  d as LayoutMain,
-  x as LayoutScrollableContent,
-  c as LayoutSidebar,
-  m as LayoutTopbar
+  f as Pagination,
+  e as PaginationButton,
+  x as PaginationContent,
+  h as PaginationEllipsis,
+  d as PaginationItem,
+  b as PaginationNext,
+  j as PaginationPrevious
 };
 //# sourceMappingURL=index19.js.map

package/dist/index19.js.map

@@ -1 +1 @@
-{"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;"}
+{"version":3,"file":"index19.js","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"],"names":["Pagination","className","props","jsx","cn","PaginationContent","PaginationItem","PaginationButton","isActive","Button","PaginationPrevious","ChevronLeftIcon","PaginationNext","ChevronRightIcon","PaginationEllipsis","MoreHorizontalIcon"],"mappings":";;;;AASA,SAASA,EAAW,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AACxE,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,aAAU;AAAA,MACV,WAAWC,EAAG,sCAAsCH,CAAS;AAAA,MAC5D,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAkB;AAAA,EACzB,WAAAJ;AAAA,EACA,GAAGC;AACL,GAA+B;AAC7B,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,oCAAoCH,CAAS;AAAA,MAC1D,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAe,EAAE,GAAGJ,KAAqC;AAChE,SAAOC,gBAAAA,EAAAA,IAAC,MAAA,EAAG,aAAU,mBAAmB,GAAGD,GAAO;AACpD;AAMA,SAASK,EAAiB;AAAA,EACxB,WAAAN;AAAA,EACA,UAAAO;AAAA,EACA,GAAGN;AACL,GAA0B;AACxB,SACEC,gBAAAA,EAAAA;AAAAA,IAACM;AAAA,IAAA;AAAA,MACC,gBAAcD,IAAW,SAAS;AAAA,MAClC,aAAU;AAAA,MACV,eAAaA;AAAA,MACb,SAAQ;AAAA,MACR,QAAQA,IAAW,YAAY;AAAA,MAC/B,MAAK;AAAA,MACL,WAAWJ;AAAA,QACT;AAAA,UACE,8EACEI;AAAA,QAAA;AAAA,QAEJP;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAmB;AAAA,EAC1B,WAAAT;AAAA,EACA,GAAGC;AACL,GAAkD;AAChD,SACEC,gBAAAA,EAAAA;AAAAA,IAACI;AAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,WAAAN;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAAC,gBAAAA,EAAAA,IAACQ,GAAA,EAAgB,WAAU,UAAA,CAAU;AAAA,IAAA;AAAA,EAAA;AAG3C;AAEA,SAASC,EAAe;AAAA,EACtB,WAAAX;AAAA,EACA,GAAGC;AACL,GAAkD;AAChD,SACEC,gBAAAA,EAAAA;AAAAA,IAACI;AAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,WAAAN;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAAC,gBAAAA,EAAAA,IAACU,GAAA,EAAiB,WAAU,UAAA,CAAU;AAAA,IAAA;AAAA,EAAA;AAG5C;AAEA,SAASC,EAAmB;AAAA,EAC1B,WAAAb;AAAA,EACA,GAAGC;AACL,GAAiC;AAC/B,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAW;AAAA,MACX,aAAU;AAAA,MACV,WAAWC,EAAG,4CAA4CH,CAAS;AAAA,MAClE,GAAGC;AAAA,MAEJ,UAAAC,gBAAAA,EAAAA,IAACY,GAAA,EAAmB,WAAU,UAAA,CAAU;AAAA,IAAA;AAAA,EAAA;AAG9C;"}

package/dist/index20.cjs

@@ -1,2 +1,2 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index37.cjs"),a=require("@radix-ui/react-popover"),s=require("./index39.cjs");function d(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(o,e,i.get?i:{enumerable:!0,get:()=>t[e]})}}return o.default=t,Object.freeze(o)}const n=d(a);function p({...t}){return r.jsxRuntimeExports.jsx(n.Root,{"data-slot":"popover",...t})}function u({...t}){return r.jsxRuntimeExports.jsx(n.Trigger,{"data-slot":"popover-trigger",...t})}function c({className:t,align:o="center",sideOffset:e=4,...i}){return r.jsxRuntimeExports.jsx(n.Portal,{children:r.jsxRuntimeExports.jsx(n.Content,{"data-slot":"popover-content",align:o,sideOffset:e,className:s.cn("bg-white text-gray-800 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 z-50 w-[288px] origin-(--radix-popover-content-transform-origin) rounded border border-gray-900/8 p-16 shadow-200 outline-hidden",t),...i})})}function l({...t}){return r.jsxRuntimeExports.jsx(n.Anchor,{"data-slot":"popover-anchor",...t})}exports.Popover=p;exports.PopoverAnchor=l;exports.PopoverContent=c;exports.PopoverTrigger=u;
 //# sourceMappingURL=index20.cjs.map

package/dist/index20.cjs.map

@@ -1 +1 @@
-{"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"}
+{"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\nfunction Popover({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n  className,\n  align = 'center',\n  sideOffset = 4,\n  ...props\n}: PopoverContentProps) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-white text-gray-800 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 z-50 w-[288px] origin-(--radix-popover-content-transform-origin) rounded border border-gray-900/8 p-16 shadow-200 outline-hidden',\n          className\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport type PopoverContentProps = React.ComponentProps<\n  typeof PopoverPrimitive.Content\n>\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger }\n"],"names":["Popover","props","PopoverPrimitive","PopoverTrigger","PopoverContent","className","align","sideOffset","jsx","cn","PopoverAnchor"],"mappings":"2cAMA,SAASA,EAAQ,CACf,GAAGC,CACL,EAAuD,CACrD,+BAAQC,EAAiB,KAAjB,CAAsB,YAAU,UAAW,GAAGD,EAAO,CAC/D,CAEA,SAASE,EAAe,CACtB,GAAGF,CACL,EAA0D,CACxD,+BAAQC,EAAiB,QAAjB,CAAyB,YAAU,kBAAmB,GAAGD,EAAO,CAC1E,CAEA,SAASG,EAAe,CACtB,UAAAC,EACA,MAAAC,EAAQ,SACR,WAAAC,EAAa,EACb,GAAGN,CACL,EAAwB,CACtB,OACEO,EAAAA,kBAAAA,IAACN,EAAiB,OAAjB,CACC,SAAAM,EAAAA,kBAAAA,IAACN,EAAiB,QAAjB,CACC,YAAU,kBACV,MAAAI,EACA,WAAAC,EACA,UAAWE,EAAAA,GACT,2eACAJ,CAAA,EAED,GAAGJ,CAAA,CAAA,EAER,CAEJ,CAEA,SAASS,EAAc,CACrB,GAAGT,CACL,EAAyD,CACvD,+BAAQC,EAAiB,OAAjB,CAAwB,YAAU,iBAAkB,GAAGD,EAAO,CACxE"}

package/dist/index20.js

@@ -1,23 +1,45 @@
-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",
+import { j as t } from "./index37.js";
+import * as e from "@radix-ui/react-popover";
+import { cn as i } from "./index39.js";
+function p({
+  ...o
+}) {
+  return /* @__PURE__ */ t.jsx(e.Root, { "data-slot": "popover", ...o });
+}
+function m({
+  ...o
+}) {
+  return /* @__PURE__ */ t.jsx(e.Trigger, { "data-slot": "popover-trigger", ...o });
+}
+function l({
+  className: o,
+  align: r = "center",
+  sideOffset: a = 4,
+  ...n
+}) {
+  return /* @__PURE__ */ t.jsx(e.Portal, { children: /* @__PURE__ */ t.jsx(
+    e.Content,
     {
-      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" })
-      ] })
+      "data-slot": "popover-content",
+      align: r,
+      sideOffset: a,
+      className: i(
+        "bg-white text-gray-800 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 z-50 w-[288px] origin-(--radix-popover-content-transform-origin) rounded border border-gray-900/8 p-16 shadow-200 outline-hidden",
+        o
+      ),
+      ...n
     }
-  );
+  ) });
+}
+function c({
+  ...o
+}) {
+  return /* @__PURE__ */ t.jsx(e.Anchor, { "data-slot": "popover-anchor", ...o });
 }
 export {
-  r as Loading
+  p as Popover,
+  c as PopoverAnchor,
+  l as PopoverContent,
+  m as PopoverTrigger
 };
 //# sourceMappingURL=index20.js.map

package/dist/index20.js.map

@@ -1 +1 @@
-{"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;"}
+{"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\nfunction Popover({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n  className,\n  align = 'center',\n  sideOffset = 4,\n  ...props\n}: PopoverContentProps) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-white text-gray-800 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 z-50 w-[288px] origin-(--radix-popover-content-transform-origin) rounded border border-gray-900/8 p-16 shadow-200 outline-hidden',\n          className\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport type PopoverContentProps = React.ComponentProps<\n  typeof PopoverPrimitive.Content\n>\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger }\n"],"names":["Popover","props","PopoverPrimitive","PopoverTrigger","PopoverContent","className","align","sideOffset","jsx","cn","PopoverAnchor"],"mappings":";;;AAMA,SAASA,EAAQ;AAAA,EACf,GAAGC;AACL,GAAuD;AACrD,+BAAQC,EAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAGD,GAAO;AAC/D;AAEA,SAASE,EAAe;AAAA,EACtB,GAAGF;AACL,GAA0D;AACxD,+BAAQC,EAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAGD,GAAO;AAC1E;AAEA,SAASG,EAAe;AAAA,EACtB,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,GAAGN;AACL,GAAwB;AACtB,SACEO,gBAAAA,EAAAA,IAACN,EAAiB,QAAjB,EACC,UAAAM,gBAAAA,EAAAA;AAAAA,IAACN,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,OAAAI;AAAA,MACA,YAAAC;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGJ;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;AAEA,SAASS,EAAc;AAAA,EACrB,GAAGT;AACL,GAAyD;AACvD,+BAAQC,EAAiB,QAAjB,EAAwB,aAAU,kBAAkB,GAAGD,GAAO;AACxE;"}

package/dist/index21.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index40.cjs"),s=require("lucide-react"),j=require("react"),P=require("./index8.cjs"),i=require("./index41.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 o=require("./index37.cjs"),l=require("@radix-ui/react-progress"),i=require("./index39.cjs");function a(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const n=a(l);function u({className:e,value:r,...t}){return o.jsxRuntimeExports.jsx(n.Root,{"data-slot":"progress",className:i.cn("relative h-16 w-full overflow-hidden rounded-full bg-gray-900/8",e),...t,children:o.jsxRuntimeExports.jsx(n.Indicator,{"data-slot":"progress-indicator",className:"h-full w-full flex-1 bg-purple-700 transition-all",style:{transform:`translateX(-${100-(r||0)}%)`}})})}exports.Progress=u;
 //# sourceMappingURL=index21.cjs.map

package/dist/index21.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index21.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,CAClC,IAAAC,EAAA,kBAAA,IAAC,MAAA,CACC,KAAK,aACL,aAAW,aACX,UAAWC,EAAAA,GAAG,qCAAsCH,CAAS,EAC5D,GAAGC,CAAA,CACN,EAEFF,EAAW,YAAc,aAEnB,MAAAK,EAAoBC,EAAM,WAG9B,CAAC,CAAE,UAAAL,EAAW,GAAGC,CAAM,EAAGK,IAC1BJ,EAAA,kBAAA,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,CAAM,EAAGK,IACzBJ,EAAAA,kBAAAA,IAAA,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,EAAA,kBAAA,IAACQ,EAAA,OAAA,CACC,eAAcD,EAAW,OAAS,OAClC,QAAQ,SACR,OAAQA,EAAW,UAAY,YAC/B,KAAK,OACL,UAAWN,EAAA,GACT,CACE,6EACEM,CACJ,EACAT,CACF,EACC,GAAGC,CAAA,CACN,EAEFO,EAAiB,YAAc,mBAE/B,MAAMG,EAAqB,CAAC,CAC1B,UAAAX,EACA,GAAGC,CACL,IACEC,EAAA,kBAAA,IAACM,EAAA,CACC,aAAW,sBACX,UAAAR,EACC,GAAGC,EAEJ,SAAAC,EAAAA,kBAAAA,IAACU,EAAAA,YAAY,CAAA,UAAU,WAAY,CAAA,CAAA,CACrC,EAEFD,EAAmB,YAAc,qBAEjC,MAAME,EAAiB,CAAC,CACtB,UAAAb,EACA,GAAGC,CACL,IACEC,EAAA,kBAAA,IAACM,EAAA,CACC,aAAW,kBACX,UAAAR,EACC,GAAGC,EAEJ,SAAAC,EAAAA,kBAAAA,IAACY,EAAAA,aAAa,CAAA,UAAU,WAAY,CAAA,CAAA,CACtC,EAEFD,EAAe,YAAc,iBAE7B,MAAME,EAAqB,CAAC,CAC1B,UAAAf,EACA,GAAGC,CACL,IACEC,EAAA,kBAAA,IAAC,OAAA,CACC,cAAW,GACX,UAAWC,EAAA,GACT,qDACAH,CACF,EACC,GAAGC,EAEJ,SAAAC,EAAAA,kBAAAA,IAACc,EAAAA,eAAe,CAAA,UAAU,WAAY,CAAA,CAAA,CACxC,EAEFD,EAAmB,YAAc"}
+{"version":3,"file":"index21.cjs","sources":["../src/Progress/index.tsx"],"sourcesContent":["'use client'\n\nimport * as ProgressPrimitive from '@radix-ui/react-progress'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Progress({\n  className,\n  value,\n  ...props\n}: React.ComponentProps<typeof ProgressPrimitive.Root>) {\n  return (\n    <ProgressPrimitive.Root\n      data-slot=\"progress\"\n      className={cn(\n        'relative h-16 w-full overflow-hidden rounded-full bg-gray-900/8',\n        className\n      )}\n      {...props}\n    >\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className=\"h-full w-full flex-1 bg-purple-700 transition-all\"\n        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n      />\n    </ProgressPrimitive.Root>\n  )\n}\n\nexport { Progress }\n"],"names":["Progress","className","value","props","jsx","ProgressPrimitive","cn"],"mappings":"4cAMA,SAASA,EAAS,CAChB,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAAwD,CACtD,OACEC,EAAAA,kBAAAA,IAACC,EAAkB,KAAlB,CACC,YAAU,WACV,UAAWC,EAAAA,GACT,kEACAL,CAAA,EAED,GAAGE,EAEJ,SAAAC,EAAAA,kBAAAA,IAACC,EAAkB,UAAlB,CACC,YAAU,qBACV,UAAU,oDACV,MAAO,CAAE,UAAW,eAAe,KAAOH,GAAS,EAAE,IAAA,CAAK,CAAA,CAC5D,CAAA,CAGN"}

package/dist/index21.js

@@ -1,99 +1,32 @@
-import { j as e } from "./index40.js";
-import { ChevronLeft as r, ChevronRight as l, MoreHorizontal as p } from "lucide-react";
-import * as s from "react";
-import { Button as m } from "./index8.js";
-import { cn as t } from "./index41.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(r, { 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(p, { className: "h-16 w-16" })
-  }
-);
-d.displayName = "PaginationEllipsis";
+import { j as r } from "./index37.js";
+import * as o from "@radix-ui/react-progress";
+import { cn as e } from "./index39.js";
+function n({
+  className: s,
+  value: t,
+  ...l
+}) {
+  return /* @__PURE__ */ r.jsx(
+    o.Root,
+    {
+      "data-slot": "progress",
+      className: e(
+        "relative h-16 w-full overflow-hidden rounded-full bg-gray-900/8",
+        s
+      ),
+      ...l,
+      children: /* @__PURE__ */ r.jsx(
+        o.Indicator,
+        {
+          "data-slot": "progress-indicator",
+          className: "h-full w-full flex-1 bg-purple-700 transition-all",
+          style: { transform: `translateX(-${100 - (t || 0)}%)` }
+        }
+      )
+    }
+  );
+}
 export {
-  c as Pagination,
-  o as PaginationButton,
-  g as PaginationContent,
-  d as PaginationEllipsis,
-  x as PaginationItem,
-  u as PaginationNext,
-  f as PaginationPrevious
+  n as Progress
 };
 //# sourceMappingURL=index21.js.map

package/dist/index21.js.map

@@ -1 +1 @@
-{"version":3,"file":"index21.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,EAClC,MAAAC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,cAAW;AAAA,IACX,WAAWC,EAAG,sCAAsCH,CAAS;AAAA,IAC5D,GAAGC;AAAA,EAAA;AACN;AAEFF,EAAW,cAAc;AAEnB,MAAAK,IAAoBC,EAAM,WAG9B,CAAC,EAAE,WAAAL,GAAW,GAAGC,EAAM,GAAGK,MAC1BJ,gBAAAA,EAAA;AAAA,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,EAAM,GAAGK,MACzBJ,gBAAAA,EAAAA,IAAA,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,EAAA;AAAA,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,MACJ;AAAA,MACAT;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFO,EAAiB,cAAc;AAE/B,MAAMG,IAAqB,CAAC;AAAA,EAC1B,WAAAX;AAAA,EACA,GAAGC;AACL,MACEC,gBAAAA,EAAA;AAAA,EAACM;AAAA,EAAA;AAAA,IACC,cAAW;AAAA,IACX,WAAAR;AAAA,IACC,GAAGC;AAAA,IAEJ,UAAAC,gBAAAA,EAAAA,IAACU,GAAY,EAAA,WAAU,YAAY,CAAA;AAAA,EAAA;AACrC;AAEFD,EAAmB,cAAc;AAEjC,MAAME,IAAiB,CAAC;AAAA,EACtB,WAAAb;AAAA,EACA,GAAGC;AACL,MACEC,gBAAAA,EAAA;AAAA,EAACM;AAAA,EAAA;AAAA,IACC,cAAW;AAAA,IACX,WAAAR;AAAA,IACC,GAAGC;AAAA,IAEJ,UAAAC,gBAAAA,EAAAA,IAACY,GAAa,EAAA,WAAU,YAAY,CAAA;AAAA,EAAA;AACtC;AAEFD,EAAe,cAAc;AAE7B,MAAME,IAAqB,CAAC;AAAA,EAC1B,WAAAf;AAAA,EACA,GAAGC;AACL,MACEC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAW;AAAA,IACX,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,IAEJ,UAAAC,gBAAAA,EAAAA,IAACc,GAAe,EAAA,WAAU,YAAY,CAAA;AAAA,EAAA;AACxC;AAEFD,EAAmB,cAAc;"}
+{"version":3,"file":"index21.js","sources":["../src/Progress/index.tsx"],"sourcesContent":["'use client'\n\nimport * as ProgressPrimitive from '@radix-ui/react-progress'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Progress({\n  className,\n  value,\n  ...props\n}: React.ComponentProps<typeof ProgressPrimitive.Root>) {\n  return (\n    <ProgressPrimitive.Root\n      data-slot=\"progress\"\n      className={cn(\n        'relative h-16 w-full overflow-hidden rounded-full bg-gray-900/8',\n        className\n      )}\n      {...props}\n    >\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className=\"h-full w-full flex-1 bg-purple-700 transition-all\"\n        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n      />\n    </ProgressPrimitive.Root>\n  )\n}\n\nexport { Progress }\n"],"names":["Progress","className","value","props","jsx","ProgressPrimitive","cn"],"mappings":";;;AAMA,SAASA,EAAS;AAAA,EAChB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GAAwD;AACtD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAkB;AAAA,IAAlB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,MAEJ,UAAAC,gBAAAA,EAAAA;AAAAA,QAACC,EAAkB;AAAA,QAAlB;AAAA,UACC,aAAU;AAAA,UACV,WAAU;AAAA,UACV,OAAO,EAAE,WAAW,eAAe,OAAOH,KAAS,EAAE,KAAA;AAAA,QAAK;AAAA,MAAA;AAAA,IAC5D;AAAA,EAAA;AAGN;"}

package/dist/index22.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index40.cjs"),c=require("@radix-ui/react-popover"),p=require("react"),l=require("./index41.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 o=require("./index37.cjs"),s=require("@radix-ui/react-radio-group"),c=require("lucide-react"),u=require("./index39.cjs");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const a=l(s);function p({className:e,...t}){return o.jsxRuntimeExports.jsx(a.Root,{"data-slot":"radio-group",className:u.cn("grid gap-8",e),...t})}function d({className:e,...t}){return o.jsxRuntimeExports.jsx(a.Item,{"data-slot":"radio-group-item",className:u.cn("aspect-square bg-white peer group h-16 w-16 rounded-full border border-gray-900/16 hover:bg-gray-900/8 active:bg-gray-900/16 disabled:cursor-not-allowed disabled:opacity-64 disabled:bg-white","data-[state=checked]:bg-white data-[state=checked]:border-purple-700 data-[state=checked]:hover:border-purple-800 data-[state=checked]:active:border-purple-900",e),...t,children:o.jsxRuntimeExports.jsx(a.Indicator,{"data-slot":"radio-group-indicator",className:"relative flex items-center justify-center",children:o.jsxRuntimeExports.jsx(c.CircleIcon,{className:"fill-purple-700 text-purple-700 group-hover:fill-purple-800 group-hover:text-purple-800 group-active:fill-purple-900 group-active:text-purple-900 absolute top-1/2 left-1/2 size-[10px] -translate-x-1/2 -translate-y-1/2"})})})}exports.RadioGroup=p;exports.RadioGroupItem=d;
 //# sourceMappingURL=index22.cjs.map

package/dist/index22.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index22.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, PopoverTrigger, PopoverContent, PopoverAnchor }\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,CAAM,EAAGC,IAC3DC,EAAAA,kBAAAA,IAAAV,EAAiB,OAAjB,CACC,SAAAU,EAAA,kBAAA,IAACV,EAAiB,QAAjB,CACC,IAAAS,EACA,MAAAH,EACA,WAAAC,EACA,UAAWI,EAAA,GACT,ubACAN,CACF,EACC,GAAGG,CAAA,CACN,CAAA,CACF,CACD,EACDL,EAAe,YAAcH,EAAiB,QAAQ"}
+{"version":3,"file":"index22.cjs","sources":["../src/RadioGroup/index.tsx"],"sourcesContent":["'use client'\n\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport { CircleIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction RadioGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n  return (\n    <RadioGroupPrimitive.Root\n      data-slot=\"radio-group\"\n      className={cn('grid gap-8', className)}\n      {...props}\n    />\n  )\n}\n\nfunction RadioGroupItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-item\"\n      className={cn(\n        'aspect-square bg-white peer group h-16 w-16 rounded-full border border-gray-900/16 hover:bg-gray-900/8 active:bg-gray-900/16 disabled:cursor-not-allowed disabled:opacity-64 disabled:bg-white',\n        'data-[state=checked]:bg-white data-[state=checked]:border-purple-700 data-[state=checked]:hover:border-purple-800 data-[state=checked]:active:border-purple-900',\n\n        className\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator\n        data-slot=\"radio-group-indicator\"\n        className=\"relative flex items-center justify-center\"\n      >\n        <CircleIcon className=\"fill-purple-700 text-purple-700 group-hover:fill-purple-800 group-hover:text-purple-800 group-active:fill-purple-900 group-active:text-purple-900 absolute top-1/2 left-1/2 size-[10px] -translate-x-1/2 -translate-y-1/2\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  )\n}\n\nexport { RadioGroup, RadioGroupItem }\n"],"names":["RadioGroup","className","props","jsx","RadioGroupPrimitive","cn","RadioGroupItem","CircleIcon"],"mappings":"yeAOA,SAASA,EAAW,CAClB,UAAAC,EACA,GAAGC,CACL,EAA0D,CACxD,OACEC,EAAAA,kBAAAA,IAACC,EAAoB,KAApB,CACC,YAAU,cACV,UAAWC,EAAAA,GAAG,aAAcJ,CAAS,EACpC,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASI,EAAe,CACtB,UAAAL,EACA,GAAGC,CACL,EAA0D,CACxD,OACEC,EAAAA,kBAAAA,IAACC,EAAoB,KAApB,CACC,YAAU,mBACV,UAAWC,EAAAA,GACT,iMACA,kKAEAJ,CAAA,EAED,GAAGC,EAEJ,SAAAC,EAAAA,kBAAAA,IAACC,EAAoB,UAApB,CACC,YAAU,wBACV,UAAU,4CAEV,SAAAD,EAAAA,kBAAAA,IAACI,EAAAA,WAAA,CAAW,UAAU,2NAAA,CAA4N,CAAA,CAAA,CACpP,CAAA,CAGN"}

package/dist/index22.js

@@ -1,25 +1,47 @@
-import { j as o } from "./index40.js";
-import * as t from "@radix-ui/react-popover";
-import * as d from "react";
-import { cn as n } from "./index41.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 "./index37.js";
+import * as a from "@radix-ui/react-radio-group";
+import { CircleIcon as i } from "lucide-react";
+import { cn as o } from "./index39.js";
+function s({
+  className: r,
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(
+    a.Root,
+    {
+      "data-slot": "radio-group",
+      className: o("grid gap-8", r),
+      ...t
+    }
+  );
+}
+function u({
+  className: r,
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(
+    a.Item,
+    {
+      "data-slot": "radio-group-item",
+      className: o(
+        "aspect-square bg-white peer group h-16 w-16 rounded-full border border-gray-900/16 hover:bg-gray-900/8 active:bg-gray-900/16 disabled:cursor-not-allowed disabled:opacity-64 disabled:bg-white",
+        "data-[state=checked]:bg-white data-[state=checked]:border-purple-700 data-[state=checked]:hover:border-purple-800 data-[state=checked]:active:border-purple-900",
+        r
+      ),
+      ...t,
+      children: /* @__PURE__ */ e.jsx(
+        a.Indicator,
+        {
+          "data-slot": "radio-group-indicator",
+          className: "relative flex items-center justify-center",
+          children: /* @__PURE__ */ e.jsx(i, { className: "fill-purple-700 text-purple-700 group-hover:fill-purple-800 group-hover:text-purple-800 group-active:fill-purple-900 group-active:text-purple-900 absolute top-1/2 left-1/2 size-[10px] -translate-x-1/2 -translate-y-1/2" })
+        }
+      )
+    }
+  );
+}
 export {
-  c as Popover,
-  g as PopoverAnchor,
-  m as PopoverContent,
-  f as PopoverTrigger
+  s as RadioGroup,
+  u as RadioGroupItem
 };
 //# sourceMappingURL=index22.js.map