@incognia/cosmik 0.37.0-beta.0 → 0.37.1

package/dist/index.es19.js

@@ -1,24 +1,24 @@
 import { j as a } from "./index.es40.js";
-import { cn as t } from "./index.es41.js";
+import { cn as s } from "./index.es41.js";
 function u({
   children: e,
   className: r,
-  isLoading: n,
-  ...o
+  isLoading: t,
+  ...n
 }) {
-  return /* @__PURE__ */ a.jsxs("div", { className: t("flex h-full", r), ...o, children: [
-    n && /* @__PURE__ */ a.jsx(s, {}),
+  return /* @__PURE__ */ a.jsxs("div", { className: s("flex h-full", r), ...n, children: [
+    t && /* @__PURE__ */ a.jsx(o, {}),
     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 o() {
+  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-small animate-page-loader" }) });
 }
 function c({ className: e, ...r }) {
   return /* @__PURE__ */ a.jsx(
     "aside",
     {
-      className: t(
+      className: s(
         "bg-white flex flex-col flex-shrink-0 border-r-1 border-gray-900-16 sticky h-screen",
         e
       ),
@@ -27,16 +27,16 @@ function c({ className: e, ...r }) {
   );
 }
 function f({ className: e, ...r }) {
-  return /* @__PURE__ */ a.jsx("div", { className: t("flex-shrink-0", e), ...r });
+  return /* @__PURE__ */ a.jsx("div", { className: s("flex-shrink-0", e), ...r });
 }
 function x({ className: e, ...r }) {
-  return /* @__PURE__ */ a.jsx("div", { className: t("flex-grow overflow-auto", e), ...r });
+  return /* @__PURE__ */ a.jsx("div", { className: s("flex-grow overflow-auto", e), ...r });
 }
 function d({ className: e, ...r }) {
   return /* @__PURE__ */ a.jsx(
     "main",
     {
-      className: t(
+      className: s(
         "flex flex-col flex-grow justify-start bg-gray-50 sticky h-screen overflow-hidden",
         e
       ),
@@ -48,7 +48,7 @@ function m({ className: e, ...r }) {
   return /* @__PURE__ */ a.jsx(
     "div",
     {
-      className: t(
+      className: s(
         "flex-shrink-0 bg-white border-b-1 border-gray-900-16",
         e
       ),

package/dist/index.es19.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es19.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":"index.es19.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-small 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,0DAA0D,CAAA,EAC3E,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/index.es21.js

@@ -37,7 +37,7 @@ const o = ({
     size: "icon",
     className: t(
       {
-        "bg-purple-800 hover:bg-purple-800 focus:bg-purple-800 active:bg-purple-800": a
+        "bg-purple-600 hover:bg-purple-700 focus:bg-purple-700 active:bg-purple-800": a
       },
       i
     ),

package/dist/index.es21.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es21.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":"index.es21.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-600 hover:bg-purple-700 focus:bg-purple-700 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;"}

package/dist/index.es25.js

@@ -52,7 +52,7 @@ const c = r.forwardRef(({ className: s, ...o }, a) => /* @__PURE__ */ t.jsx(
   }
 ));
 c.displayName = e.ScrollDownButton.displayName;
-const x = r.forwardRef(({ className: s, children: o, position: a = "popper", ...d }, m) => /* @__PURE__ */ t.jsx(e.Portal, { children: /* @__PURE__ */ t.jsxs(
+const u = r.forwardRef(({ className: s, children: o, position: a = "popper", ...d }, m) => /* @__PURE__ */ t.jsx(e.Portal, { children: /* @__PURE__ */ t.jsxs(
   e.Content,
   {
     ref: m,
@@ -81,8 +81,8 @@ const x = r.forwardRef(({ className: s, children: o, position: a = "popper", ...
     ]
   }
 ) }));
-x.displayName = e.Content.displayName;
-const u = r.forwardRef(({ className: s, ...o }, a) => /* @__PURE__ */ t.jsx(
+u.displayName = e.Content.displayName;
+const x = r.forwardRef(({ className: s, ...o }, a) => /* @__PURE__ */ t.jsx(
   e.Label,
   {
     ref: a,
@@ -90,7 +90,7 @@ const u = r.forwardRef(({ className: s, ...o }, a) => /* @__PURE__ */ t.jsx(
     ...o
   }
 ));
-u.displayName = e.Label.displayName;
+x.displayName = e.Label.displayName;
 const w = r.forwardRef(({ className: s, children: o, ...a }, d) => /* @__PURE__ */ t.jsxs(
   e.Item,
   {
@@ -98,7 +98,7 @@ const w = r.forwardRef(({ className: s, children: o, ...a }, d) => /* @__PURE__
     className: l(
       "relative flex w-full cursor-default select-none items-center justify-between py-8 px-16 outline-none",
       "hover:bg-purple-100",
-      "data-[state=checked]:bg-purple-800 data-[state=checked]:text-white",
+      "data-[state=checked]:bg-purple-100 data-[state=checked]:font-medium",
       "data-[disabled]:pointer-events-none data-[disabled]:opacity-64",
       s
     ),
@@ -121,10 +121,10 @@ const y = r.forwardRef(({ className: s, ...o }, a) => /* @__PURE__ */ t.jsx(
 y.displayName = e.Separator.displayName;
 export {
   g as Select,
-  x as SelectContent,
+  u as SelectContent,
   S as SelectGroup,
   w as SelectItem,
-  u as SelectLabel,
+  x as SelectLabel,
   c as SelectScrollDownButton,
   n as SelectScrollUpButton,
   y as SelectSeparator,

package/dist/index.es25.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es25.js","sources":["../src/Select/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SelectPrimitive from '@radix-ui/react-select'\nimport { CheckIcon, ChevronDown, ChevronUp } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst Select = SelectPrimitive.Root\n\nconst SelectGroup = SelectPrimitive.Group\n\nconst SelectValue = SelectPrimitive.Value\n\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      'flex h-[36px] w-full items-center justify-between rounded bg-white border border-gray-900-24 pl-16 pr-12 text-left',\n      'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n      '[&>span]:line-clamp-1',\n      'hover:shadow-field-hover',\n      'focus-visible:outline-none focus:shadow-field-active',\n      'active:shadow-field-active',\n      'data-[state=open]:shadow-field-active',\n      'data-[placeholder]:text-gray-700',\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <SelectPrimitive.Icon asChild>\n      <ChevronDown className=\"h-16 w-16 opacity-64 ml-8\" />\n    </SelectPrimitive.Icon>\n  </SelectPrimitive.Trigger>\n))\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName\n\nconst SelectScrollUpButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollUpButton\n    ref={ref}\n    className={cn(\n      'flex cursor-default items-center justify-center py-4',\n      className\n    )}\n    {...props}\n  >\n    <ChevronUp className=\"h-16 w-16\" />\n  </SelectPrimitive.ScrollUpButton>\n))\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName\n\nconst SelectScrollDownButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollDownButton\n    ref={ref}\n    className={cn(\n      'flex cursor-default items-center justify-center py-4',\n      className\n    )}\n    {...props}\n  >\n    <ChevronDown className=\"h-16 w-16\" />\n  </SelectPrimitive.ScrollDownButton>\n))\nSelectScrollDownButton.displayName =\n  SelectPrimitive.ScrollDownButton.displayName\n\nconst SelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position = 'popper', ...props }, ref) => (\n  <SelectPrimitive.Portal>\n    <SelectPrimitive.Content\n      ref={ref}\n      className={cn(\n        'relative z-50 max-h-[300px] min-w-[8rem] overflow-hidden bg-white rounded border shadow-200',\n        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n        'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2',\n        '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        position === 'popper' &&\n          'data-[side=bottom]:translate-y-4 data-[side=left]:-translate-x-4 data-[side=right]:translate-x-4 data-[side=top]:-translate-y-4',\n        className\n      )}\n      position={position}\n      {...props}\n    >\n      <SelectScrollUpButton />\n      <SelectPrimitive.Viewport\n        className={cn(\n          position === 'popper' &&\n            'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]'\n        )}\n      >\n        {children}\n      </SelectPrimitive.Viewport>\n      <SelectScrollDownButton />\n    </SelectPrimitive.Content>\n  </SelectPrimitive.Portal>\n))\nSelectContent.displayName = SelectPrimitive.Content.displayName\n\nconst SelectLabel = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Label\n    ref={ref}\n    className={cn('py-8 px-16 pr-8 font-medium', className)}\n    {...props}\n  />\n))\nSelectLabel.displayName = SelectPrimitive.Label.displayName\n\nconst SelectItem = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Item\n    ref={ref}\n    className={cn(\n      'relative flex w-full cursor-default select-none items-center justify-between py-8 px-16 outline-none',\n      'hover:bg-purple-100',\n      'data-[state=checked]:bg-purple-800 data-[state=checked]:text-white',\n      'data-[disabled]:pointer-events-none data-[disabled]:opacity-64',\n      className\n    )}\n    {...props}\n  >\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    <SelectPrimitive.ItemIndicator>\n      <CheckIcon className=\"h-16 w-16 ml-8\" />\n    </SelectPrimitive.ItemIndicator>\n  </SelectPrimitive.Item>\n))\nSelectItem.displayName = SelectPrimitive.Item.displayName\n\nconst SelectSeparator = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    className={cn('-mx-4 my-4 h-[1px] bg-gray-900-24', className)}\n    {...props}\n  />\n))\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName\n\nexport {\n  Select,\n  SelectGroup,\n  SelectValue,\n  SelectTrigger,\n  SelectContent,\n  SelectLabel,\n  SelectItem,\n  SelectSeparator,\n  SelectScrollUpButton,\n  SelectScrollDownButton\n}\n"],"names":["Select","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","React","className","children","props","ref","jsxs","cn","jsx","ChevronDown","SelectScrollUpButton","ChevronUp","SelectScrollDownButton","SelectContent","position","SelectLabel","SelectItem","CheckIcon","SelectSeparator"],"mappings":"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"}
+{"version":3,"file":"index.es25.js","sources":["../src/Select/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SelectPrimitive from '@radix-ui/react-select'\nimport { CheckIcon, ChevronDown, ChevronUp } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst Select = SelectPrimitive.Root\n\nconst SelectGroup = SelectPrimitive.Group\n\nconst SelectValue = SelectPrimitive.Value\n\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      'flex h-[36px] w-full items-center justify-between rounded bg-white border border-gray-900-24 pl-16 pr-12 text-left',\n      'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n      '[&>span]:line-clamp-1',\n      'hover:shadow-field-hover',\n      'focus-visible:outline-none focus:shadow-field-active',\n      'active:shadow-field-active',\n      'data-[state=open]:shadow-field-active',\n      'data-[placeholder]:text-gray-700',\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <SelectPrimitive.Icon asChild>\n      <ChevronDown className=\"h-16 w-16 opacity-64 ml-8\" />\n    </SelectPrimitive.Icon>\n  </SelectPrimitive.Trigger>\n))\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName\n\nconst SelectScrollUpButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollUpButton\n    ref={ref}\n    className={cn(\n      'flex cursor-default items-center justify-center py-4',\n      className\n    )}\n    {...props}\n  >\n    <ChevronUp className=\"h-16 w-16\" />\n  </SelectPrimitive.ScrollUpButton>\n))\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName\n\nconst SelectScrollDownButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollDownButton\n    ref={ref}\n    className={cn(\n      'flex cursor-default items-center justify-center py-4',\n      className\n    )}\n    {...props}\n  >\n    <ChevronDown className=\"h-16 w-16\" />\n  </SelectPrimitive.ScrollDownButton>\n))\nSelectScrollDownButton.displayName =\n  SelectPrimitive.ScrollDownButton.displayName\n\nconst SelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position = 'popper', ...props }, ref) => (\n  <SelectPrimitive.Portal>\n    <SelectPrimitive.Content\n      ref={ref}\n      className={cn(\n        'relative z-50 max-h-[300px] min-w-[8rem] overflow-hidden bg-white rounded border shadow-200',\n        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n        'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2',\n        '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        position === 'popper' &&\n          'data-[side=bottom]:translate-y-4 data-[side=left]:-translate-x-4 data-[side=right]:translate-x-4 data-[side=top]:-translate-y-4',\n        className\n      )}\n      position={position}\n      {...props}\n    >\n      <SelectScrollUpButton />\n      <SelectPrimitive.Viewport\n        className={cn(\n          position === 'popper' &&\n            'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]'\n        )}\n      >\n        {children}\n      </SelectPrimitive.Viewport>\n      <SelectScrollDownButton />\n    </SelectPrimitive.Content>\n  </SelectPrimitive.Portal>\n))\nSelectContent.displayName = SelectPrimitive.Content.displayName\n\nconst SelectLabel = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Label\n    ref={ref}\n    className={cn('py-8 px-16 pr-8 font-medium', className)}\n    {...props}\n  />\n))\nSelectLabel.displayName = SelectPrimitive.Label.displayName\n\nconst SelectItem = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Item\n    ref={ref}\n    className={cn(\n      'relative flex w-full cursor-default select-none items-center justify-between py-8 px-16 outline-none',\n      'hover:bg-purple-100',\n      'data-[state=checked]:bg-purple-100 data-[state=checked]:font-medium',\n      'data-[disabled]:pointer-events-none data-[disabled]:opacity-64',\n      className\n    )}\n    {...props}\n  >\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    <SelectPrimitive.ItemIndicator>\n      <CheckIcon className=\"h-16 w-16 ml-8\" />\n    </SelectPrimitive.ItemIndicator>\n  </SelectPrimitive.Item>\n))\nSelectItem.displayName = SelectPrimitive.Item.displayName\n\nconst SelectSeparator = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    className={cn('-mx-4 my-4 h-[1px] bg-gray-900-24', className)}\n    {...props}\n  />\n))\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName\n\nexport {\n  Select,\n  SelectGroup,\n  SelectValue,\n  SelectTrigger,\n  SelectContent,\n  SelectLabel,\n  SelectItem,\n  SelectSeparator,\n  SelectScrollUpButton,\n  SelectScrollDownButton\n}\n"],"names":["Select","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","React","className","children","props","ref","jsxs","cn","jsx","ChevronDown","SelectScrollUpButton","ChevronUp","SelectScrollDownButton","SelectContent","position","SelectLabel","SelectItem","CheckIcon","SelectSeparator"],"mappings":"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"}

package/dist/index.es27.js

@@ -4,7 +4,7 @@ import { cva as m } from "class-variance-authority";
 import { X as c } from "lucide-react";
 import * as r from "react";
 import { cn as i } from "./index.es41.js";
-const v = e.Root, w = e.Trigger, C = e.Close, p = e.Portal, d = r.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ s.jsx(
+const v = e.Root, w = e.Trigger, C = e.Close, p = e.Portal, l = r.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ s.jsx(
   e.Overlay,
   {
     className: i(
@@ -15,7 +15,7 @@ const v = e.Root, w = e.Trigger, C = e.Close, p = e.Portal, d = r.forwardRef(({
     ref: o
   }
 ));
-d.displayName = e.Overlay.displayName;
+l.displayName = e.Overlay.displayName;
 const f = m(
   "fixed z-50 gap-16 bg-white border-gray-900-16 transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
   {
@@ -31,17 +31,17 @@ const f = m(
       side: "right"
     }
   }
-), x = r.forwardRef(({ side: t = "right", className: a, children: o, ...l }, n) => /* @__PURE__ */ s.jsxs(p, { children: [
-  /* @__PURE__ */ s.jsx(d, {}),
+), x = r.forwardRef(({ side: t = "right", className: a, children: o, ...d }, n) => /* @__PURE__ */ s.jsxs(p, { children: [
+  /* @__PURE__ */ s.jsx(l, {}),
   /* @__PURE__ */ s.jsxs(
     e.Content,
     {
       ref: n,
       className: i(f({ side: t }), a),
-      ...l,
+      ...d,
       children: [
         o,
-        /* @__PURE__ */ s.jsxs(e.Close, { className: "absolute right-16 top-16 rounded opacity-64 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none", children: [
+        /* @__PURE__ */ s.jsxs(e.Close, { className: "absolute right-16 top-16 rounded-small opacity-64 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none", children: [
           /* @__PURE__ */ s.jsx(c, { className: "h-16 w-16" }),
           /* @__PURE__ */ s.jsx("span", { className: "sr-only", children: "Close" })
         ] })
@@ -103,7 +103,7 @@ export {
   g as SheetDescription,
   y as SheetFooter,
   h as SheetHeader,
-  d as SheetOverlay,
+  l as SheetOverlay,
   p as SheetPortal,
   u as SheetTitle,
   w as SheetTrigger

package/dist/index.es27.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es27.js","sources":["../src/Sheet/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SheetPrimitive from '@radix-ui/react-dialog'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { X } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst Sheet = SheetPrimitive.Root\n\nconst SheetTrigger = SheetPrimitive.Trigger\n\nconst SheetClose = SheetPrimitive.Close\n\nconst SheetPortal = SheetPrimitive.Portal\n\nconst SheetOverlay = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Overlay\n    className={cn(\n      'fixed inset-0 z-50 bg-gray-900-24 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n      className\n    )}\n    {...props}\n    ref={ref}\n  />\n))\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName\n\nconst sheetVariants = cva(\n  'fixed z-50 gap-16 bg-white border-gray-900-16 transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500',\n  {\n    variants: {\n      side: {\n        top: 'inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top',\n        bottom:\n          'inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom',\n        left: 'inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm',\n        right:\n          'inset-y-0 right-0 h-full w-3/4  border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm'\n      }\n    },\n    defaultVariants: {\n      side: 'right'\n    }\n  }\n)\n\ninterface SheetContentProps\n  extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,\n    VariantProps<typeof sheetVariants> {}\n\nconst SheetContent = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Content>,\n  SheetContentProps\n>(({ side = 'right', className, children, ...props }, ref) => (\n  <SheetPortal>\n    <SheetOverlay />\n    <SheetPrimitive.Content\n      ref={ref}\n      className={cn(sheetVariants({ side }), className)}\n      {...props}\n    >\n      {children}\n      <SheetPrimitive.Close className=\"absolute right-16 top-16 rounded opacity-64 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none\">\n        <X className=\"h-16 w-16\" />\n        <span className=\"sr-only\">Close</span>\n      </SheetPrimitive.Close>\n    </SheetPrimitive.Content>\n  </SheetPortal>\n))\nSheetContent.displayName = SheetPrimitive.Content.displayName\n\nconst SheetHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'flex flex-col space-y-8 text-center sm:text-left',\n      className\n    )}\n    {...props}\n  />\n)\nSheetHeader.displayName = 'SheetHeader'\n\nconst SheetFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-8',\n      className\n    )}\n    {...props}\n  />\n)\nSheetFooter.displayName = 'SheetFooter'\n\nconst SheetTitle = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Title\n    ref={ref}\n    className={cn('font-medium text-lg text-gray-800', className)}\n    {...props}\n  />\n))\nSheetTitle.displayName = SheetPrimitive.Title.displayName\n\nconst SheetDescription = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Description\n    ref={ref}\n    className={cn('mt-8 text-base text-gray-900', className)}\n    {...props}\n  />\n))\nSheetDescription.displayName = SheetPrimitive.Description.displayName\n\nexport {\n  Sheet,\n  SheetPortal,\n  SheetOverlay,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription\n}\n"],"names":["Sheet","SheetPrimitive","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","React","className","props","ref","jsx","cn","sheetVariants","cva","SheetContent","side","children","jsxs","X","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":";;;;;;AAQA,MAAMA,IAAQC,EAAe,MAEvBC,IAAeD,EAAe,SAE9BE,IAAaF,EAAe,OAE5BG,IAAcH,EAAe,QAE7BI,IAAeC,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACT,EAAe;AAAA,EAAf;AAAA,IACC,WAAWU;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,IACJ,KAAAC;AAAA,EAAA;AACF,CACD;AACDJ,EAAa,cAAcJ,EAAe,QAAQ;AAElD,MAAMW,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,KAAK;AAAA,QACL,QACE;AAAA,QACF,MAAM;AAAA,QACN,OACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AACF,GAMMC,IAAeR,EAAM,WAGzB,CAAC,EAAE,MAAAS,IAAO,SAAS,WAAAR,GAAW,UAAAS,GAAU,GAAGR,EAAS,GAAAC,6BACnDL,GACC,EAAA,UAAA;AAAA,EAAAM,gBAAAA,EAAA,IAACL,GAAa,EAAA;AAAA,EACdY,gBAAAA,EAAA;AAAA,IAAChB,EAAe;AAAA,IAAf;AAAA,MACC,KAAAQ;AAAA,MACA,WAAWE,EAAGC,EAAc,EAAE,MAAAG,EAAM,CAAA,GAAGR,CAAS;AAAA,MAC/C,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAQ;AAAA,QACAC,gBAAAA,EAAA,KAAAhB,EAAe,OAAf,EAAqB,WAAU,oIAC9B,UAAA;AAAA,UAACS,gBAAAA,EAAAA,IAAAQ,GAAA,EAAE,WAAU,YAAY,CAAA;AAAA,UACxBR,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,WAAU,UAAK,SAAA;AAAA,QAAA,GACjC;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAAA,EAAA,CACF,CACD;AACDI,EAAa,cAAcb,EAAe,QAAQ;AAElD,MAAMkB,IAAc,CAAC;AAAA,EACnB,WAAAZ;AAAA,EACA,GAAGC;AACL,MACEE,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFW,EAAY,cAAc;AAE1B,MAAMC,IAAc,CAAC;AAAA,EACnB,WAAAb;AAAA,EACA,GAAGC;AACL,MACEE,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFY,EAAY,cAAc;AAEpB,MAAAC,IAAaf,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACT,EAAe;AAAA,EAAf;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWE,EAAG,qCAAqCJ,CAAS;AAAA,IAC3D,GAAGC;AAAA,EAAA;AACN,CACD;AACDa,EAAW,cAAcpB,EAAe,MAAM;AAExC,MAAAqB,IAAmBhB,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACT,EAAe;AAAA,EAAf;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWE,EAAG,gCAAgCJ,CAAS;AAAA,IACtD,GAAGC;AAAA,EAAA;AACN,CACD;AACDc,EAAiB,cAAcrB,EAAe,YAAY;"}
+{"version":3,"file":"index.es27.js","sources":["../src/Sheet/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SheetPrimitive from '@radix-ui/react-dialog'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { X } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst Sheet = SheetPrimitive.Root\n\nconst SheetTrigger = SheetPrimitive.Trigger\n\nconst SheetClose = SheetPrimitive.Close\n\nconst SheetPortal = SheetPrimitive.Portal\n\nconst SheetOverlay = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Overlay\n    className={cn(\n      'fixed inset-0 z-50 bg-gray-900-24 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n      className\n    )}\n    {...props}\n    ref={ref}\n  />\n))\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName\n\nconst sheetVariants = cva(\n  'fixed z-50 gap-16 bg-white border-gray-900-16 transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500',\n  {\n    variants: {\n      side: {\n        top: 'inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top',\n        bottom:\n          'inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom',\n        left: 'inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm',\n        right:\n          'inset-y-0 right-0 h-full w-3/4  border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm'\n      }\n    },\n    defaultVariants: {\n      side: 'right'\n    }\n  }\n)\n\ninterface SheetContentProps\n  extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,\n    VariantProps<typeof sheetVariants> {}\n\nconst SheetContent = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Content>,\n  SheetContentProps\n>(({ side = 'right', className, children, ...props }, ref) => (\n  <SheetPortal>\n    <SheetOverlay />\n    <SheetPrimitive.Content\n      ref={ref}\n      className={cn(sheetVariants({ side }), className)}\n      {...props}\n    >\n      {children}\n      <SheetPrimitive.Close className=\"absolute right-16 top-16 rounded-small opacity-64 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none\">\n        <X className=\"h-16 w-16\" />\n        <span className=\"sr-only\">Close</span>\n      </SheetPrimitive.Close>\n    </SheetPrimitive.Content>\n  </SheetPortal>\n))\nSheetContent.displayName = SheetPrimitive.Content.displayName\n\nconst SheetHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'flex flex-col space-y-8 text-center sm:text-left',\n      className\n    )}\n    {...props}\n  />\n)\nSheetHeader.displayName = 'SheetHeader'\n\nconst SheetFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-8',\n      className\n    )}\n    {...props}\n  />\n)\nSheetFooter.displayName = 'SheetFooter'\n\nconst SheetTitle = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Title\n    ref={ref}\n    className={cn('font-medium text-lg text-gray-800', className)}\n    {...props}\n  />\n))\nSheetTitle.displayName = SheetPrimitive.Title.displayName\n\nconst SheetDescription = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Description\n    ref={ref}\n    className={cn('mt-8 text-base text-gray-900', className)}\n    {...props}\n  />\n))\nSheetDescription.displayName = SheetPrimitive.Description.displayName\n\nexport {\n  Sheet,\n  SheetPortal,\n  SheetOverlay,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription\n}\n"],"names":["Sheet","SheetPrimitive","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","React","className","props","ref","jsx","cn","sheetVariants","cva","SheetContent","side","children","jsxs","X","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":";;;;;;AAQA,MAAMA,IAAQC,EAAe,MAEvBC,IAAeD,EAAe,SAE9BE,IAAaF,EAAe,OAE5BG,IAAcH,EAAe,QAE7BI,IAAeC,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACT,EAAe;AAAA,EAAf;AAAA,IACC,WAAWU;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,IACJ,KAAAC;AAAA,EAAA;AACF,CACD;AACDJ,EAAa,cAAcJ,EAAe,QAAQ;AAElD,MAAMW,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,KAAK;AAAA,QACL,QACE;AAAA,QACF,MAAM;AAAA,QACN,OACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AACF,GAMMC,IAAeR,EAAM,WAGzB,CAAC,EAAE,MAAAS,IAAO,SAAS,WAAAR,GAAW,UAAAS,GAAU,GAAGR,EAAS,GAAAC,6BACnDL,GACC,EAAA,UAAA;AAAA,EAAAM,gBAAAA,EAAA,IAACL,GAAa,EAAA;AAAA,EACdY,gBAAAA,EAAA;AAAA,IAAChB,EAAe;AAAA,IAAf;AAAA,MACC,KAAAQ;AAAA,MACA,WAAWE,EAAGC,EAAc,EAAE,MAAAG,EAAM,CAAA,GAAGR,CAAS;AAAA,MAC/C,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAQ;AAAA,QACAC,gBAAAA,EAAA,KAAAhB,EAAe,OAAf,EAAqB,WAAU,0IAC9B,UAAA;AAAA,UAACS,gBAAAA,EAAAA,IAAAQ,GAAA,EAAE,WAAU,YAAY,CAAA;AAAA,UACxBR,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,WAAU,UAAK,SAAA;AAAA,QAAA,GACjC;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAAA,EAAA,CACF,CACD;AACDI,EAAa,cAAcb,EAAe,QAAQ;AAElD,MAAMkB,IAAc,CAAC;AAAA,EACnB,WAAAZ;AAAA,EACA,GAAGC;AACL,MACEE,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFW,EAAY,cAAc;AAE1B,MAAMC,IAAc,CAAC;AAAA,EACnB,WAAAb;AAAA,EACA,GAAGC;AACL,MACEE,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFY,EAAY,cAAc;AAEpB,MAAAC,IAAaf,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACT,EAAe;AAAA,EAAf;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWE,EAAG,qCAAqCJ,CAAS;AAAA,IAC3D,GAAGC;AAAA,EAAA;AACN,CACD;AACDa,EAAW,cAAcpB,EAAe,MAAM;AAExC,MAAAqB,IAAmBhB,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACT,EAAe;AAAA,EAAf;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWE,EAAG,gCAAgCJ,CAAS;AAAA,IACtD,GAAGC;AAAA,EAAA;AACN,CACD;AACDc,EAAiB,cAAcrB,EAAe,YAAY;"}

package/dist/index.es32.js

@@ -1,45 +1,45 @@
-import { j as s } from "./index.es40.js";
+import { j as i } from "./index.es40.js";
 import * as t from "@radix-ui/react-tabs";
 import * as r from "react";
-import { cn as o } from "./index.es41.js";
-const m = t.Root, n = r.forwardRef(({ className: e, ...a }, i) => /* @__PURE__ */ s.jsx(
+import { cn as n } from "./index.es41.js";
+const m = t.Root, o = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ i.jsx(
   t.List,
   {
-    ref: i,
-    className: o(
-      "inline-flex h-[36px] p-4 items-center justify-center rounded bg-gray-200 text-base font-normal text-gray-900 [&_svg]:text-gray-700 [&_i]:text-gray-700 gap-x-4",
+    ref: s,
+    className: n(
+      "inline-flex h-[28px] items-center justify-center rounded-full bg-transparent text-base font-normal text-gray-900 [&_svg]:text-gray-700 [&_i]:text-gray-700 gap-x-8",
       e
     ),
     ...a
   }
 ));
-n.displayName = t.List.displayName;
-const p = r.forwardRef(({ className: e, ...a }, i) => /* @__PURE__ */ s.jsx(
+o.displayName = t.List.displayName;
+const l = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ i.jsx(
   t.Trigger,
   {
-    ref: i,
-    className: o(
-      "inline-flex items-center justify-center whitespace-nowrap rounded px-8 py-4 transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64",
-      "hover:bg-gray-900-8 active:bg-gray-900-12 data-[state=active]:bg-purple-800 data-[state=active]:hover:bg-purple-800 data-[state=active]:active:bg-purple-800 data-[state=active]:text-white [&_svg]:data-[state=active]:text-white [&_i]:data-[state=active]:text-white",
+    ref: s,
+    className: n(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-full px-8 py-4 transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64",
+      "hover:bg-gray-900-8 active:bg-gray-900-12 data-[state=active]:bg-purple-600 data-[state=active]:hover:bg-purple-600 data-[state=active]:active:bg-purple-600 data-[state=active]:text-white [&_svg]:data-[state=active]:text-white [&_i]:data-[state=active]:text-white",
       e
     ),
     ...a
   }
 ));
-p.displayName = t.Trigger.displayName;
-const c = r.forwardRef(({ className: e, ...a }, i) => /* @__PURE__ */ s.jsx(
+l.displayName = t.Trigger.displayName;
+const p = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ i.jsx(
   t.Content,
   {
-    ref: i,
-    className: o("mt-8 focus-visible:outline-none", e),
+    ref: s,
+    className: n("mt-8 focus-visible:outline-none", e),
     ...a
   }
 ));
-c.displayName = t.Content.displayName;
+p.displayName = t.Content.displayName;
 export {
   m as Tabs,
-  c as TabsContent,
-  n as TabsList,
-  p as TabsTrigger
+  p as TabsContent,
+  o as TabsList,
+  l as TabsTrigger
 };
 //# sourceMappingURL=index.es32.js.map

package/dist/index.es32.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es32.js","sources":["../src/Tabs/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst Tabs = TabsPrimitive.Root\n\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.List\n    ref={ref}\n    className={cn(\n      'inline-flex h-[36px] p-4 items-center justify-center rounded bg-gray-200 text-base font-normal text-gray-900 [&_svg]:text-gray-700 [&_i]:text-gray-700 gap-x-4',\n      className\n    )}\n    {...props}\n  />\n))\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      'inline-flex items-center justify-center whitespace-nowrap rounded px-8 py-4 transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\n      'hover:bg-gray-900-8 active:bg-gray-900-12 data-[state=active]:bg-purple-800 data-[state=active]:hover:bg-purple-800 data-[state=active]:active:bg-purple-800 data-[state=active]:text-white [&_svg]:data-[state=active]:text-white [&_i]:data-[state=active]:text-white',\n      className\n    )}\n    {...props}\n  />\n))\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Content\n    ref={ref}\n    className={cn('mt-8 focus-visible:outline-none', className)}\n    {...props}\n  />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],"names":["Tabs","TabsPrimitive","TabsList","React","className","props","ref","jsx","cn","TabsTrigger","TabsContent"],"mappings":";;;;AAMA,MAAMA,IAAOC,EAAc,MAErBC,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAS,cAAcD,EAAc,KAAK;AAEpC,MAAAQ,IAAcN,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACA;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAY,cAAcR,EAAc,QAAQ;AAE1C,MAAAS,IAAcP,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE,EAAG,mCAAmCJ,CAAS;AAAA,IACzD,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAY,cAAcT,EAAc,QAAQ;"}
+{"version":3,"file":"index.es32.js","sources":["../src/Tabs/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst Tabs = TabsPrimitive.Root\n\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.List\n    ref={ref}\n    className={cn(\n      'inline-flex h-[28px] items-center justify-center rounded-full bg-transparent text-base font-normal text-gray-900 [&_svg]:text-gray-700 [&_i]:text-gray-700 gap-x-8',\n      className\n    )}\n    {...props}\n  />\n))\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      'inline-flex items-center justify-center whitespace-nowrap rounded-full px-8 py-4 transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\n      'hover:bg-gray-900-8 active:bg-gray-900-12 data-[state=active]:bg-purple-600 data-[state=active]:hover:bg-purple-600 data-[state=active]:active:bg-purple-600 data-[state=active]:text-white [&_svg]:data-[state=active]:text-white [&_i]:data-[state=active]:text-white',\n      className\n    )}\n    {...props}\n  />\n))\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Content\n    ref={ref}\n    className={cn('mt-8 focus-visible:outline-none', className)}\n    {...props}\n  />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],"names":["Tabs","TabsPrimitive","TabsList","React","className","props","ref","jsx","cn","TabsTrigger","TabsContent"],"mappings":";;;;AAMA,MAAMA,IAAOC,EAAc,MAErBC,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAS,cAAcD,EAAc,KAAK;AAEpC,MAAAQ,IAAcN,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACA;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAY,cAAcR,EAAc,QAAQ;AAE1C,MAAAS,IAAcP,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE,EAAG,mCAAmCJ,CAAS;AAAA,IACzD,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAY,cAAcT,EAAc,QAAQ;"}

package/dist/index.es33.js

@@ -55,7 +55,7 @@ const k = f.forwardRef(
               onBlur: () => m()
             }
           ),
-          t?.length === 0 && !n && /* @__PURE__ */ e.jsx("div", { className: "text-gray-700 ml-[-2ch]", children: a })
+          t?.length === 0 && !n && /* @__PURE__ */ e.jsx("div", { className: "text-gray-400 ml-[-2ch]", children: a })
         ]
       }
     );

package/dist/index.es33.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es33.js","sources":["../src/TagInput/index.tsx"],"sourcesContent":["import { LucideX } from 'lucide-react'\nimport * as React from 'react'\nimport { Badge } from '../Badge'\nimport { Button } from '../Button'\nimport { cn } from '../lib/utils'\n\nexport type TagInputProps = React.HTMLAttributes<HTMLInputElement> & {\n  value?: string[]\n  onValueChange: (value: string[]) => void\n  placeholder?: string\n}\n\nconst TagInput = React.forwardRef<HTMLInputElement, TagInputProps>(\n  ({ className, value, placeholder, onValueChange, ...props }, ref) => {\n    const [inputValue, setInputValue] = React.useState('')\n    const inputRef = React.useRef<HTMLInputElement>(null)\n\n    function handleChange(event: React.ChangeEvent<HTMLInputElement>) {\n      const currentInputValue = event.target.value\n      if (currentInputValue.includes(',')) {\n        const currentValues = currentInputValue.split(',')\n        //Remove duplicates\n        const uniqueValues = Array.from(new Set(currentValues))\n\n        onValueChange([\n          ...(value || []),\n          ...(uniqueValues\n            .filter(inputValue => {\n              //Remove empty values and already added values\n              return Boolean(inputValue) && !value?.includes(inputValue)\n            })\n            .map(i => i.trim()) || [])\n        ])\n        setInputValue('')\n        return\n      }\n      setInputValue(currentInputValue)\n    }\n\n    function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>) {\n      if (['Enter', 'Tab'].includes(event.key)) {\n        if (inputValue?.trim()) {\n          event.preventDefault()\n          if (!value?.includes(inputValue)) {\n            addInputValue()\n          }\n          setInputValue('')\n        }\n      }\n\n      if (event.key === 'Backspace' && !inputValue) {\n        onValueChange(value?.slice(0, -1) || [])\n      }\n    }\n\n    function addInputValue() {\n      if (!inputValue.trim()) return\n      onValueChange([...(value || []), inputValue])\n      setInputValue('')\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'flex flex-wrap items-center gap-8 min-h-[36px]',\n          'border rounded border-gray-900-24 bg-white px-12 py-[4px]',\n          'hover:cursor-text',\n          'hover:shadow-field-hover',\n          'active:shadow-field-active',\n          'focus-visible:outline-none focus:shadow-field-active',\n          className\n        )}\n        onClick={() => inputRef.current?.focus()}\n        {...props}\n      >\n        <TagList value={value} onValueChange={onValueChange} />\n        <input\n          ref={inputRef}\n          className=\"h-[26px] outline-none text-sm\"\n          type=\"text\"\n          value={inputValue}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          style={{ width: `${inputValue.length + 1}ch` }}\n          onBlur={() => addInputValue()}\n        />\n        {value?.length === 0 && !inputValue && (\n          <div className=\"text-gray-700 ml-[-2ch]\">{placeholder}</div>\n        )}\n      </div>\n    )\n  }\n)\n\nTagInput.displayName = 'TagInput'\n\ntype TagListProps = React.HTMLAttributes<HTMLDivElement> & {\n  value?: string[]\n  onValueChange: (value: string[]) => void\n}\n\nfunction TagList({ value, onValueChange }: TagListProps) {\n  return (\n    <>\n      {value?.map((tag, index) => (\n        <Badge key={index} className=\"pl-0 gap-x-4 overflow-hidden\">\n          <Button\n            type=\"button\"\n            className=\"w-[26px] h-[26px] flex-shrink-0\"\n            size=\"icon\"\n            intent=\"secondary\"\n            onClick={() => {\n              onValueChange(value?.filter((_, i) => i !== index) || [])\n            }}\n          >\n            <LucideX className=\"w-16\" />\n          </Button>\n          <div className=\"truncate\">{tag}</div>\n        </Badge>\n      ))}\n    </>\n  )\n}\n\nexport { TagInput }\n"],"names":["TagInput","React","className","value","placeholder","onValueChange","props","ref","inputValue","setInputValue","inputRef","handleChange","event","currentInputValue","currentValues","uniqueValues","i","handleKeyDown","addInputValue","jsxs","cn","jsx","TagList","Fragment","tag","index","Badge","Button","_","LucideX"],"mappings":"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"}
+{"version":3,"file":"index.es33.js","sources":["../src/TagInput/index.tsx"],"sourcesContent":["import { LucideX } from 'lucide-react'\nimport * as React from 'react'\nimport { Badge } from '../Badge'\nimport { Button } from '../Button'\nimport { cn } from '../lib/utils'\n\nexport type TagInputProps = React.HTMLAttributes<HTMLInputElement> & {\n  value?: string[]\n  onValueChange: (value: string[]) => void\n  placeholder?: string\n}\n\nconst TagInput = React.forwardRef<HTMLInputElement, TagInputProps>(\n  ({ className, value, placeholder, onValueChange, ...props }, ref) => {\n    const [inputValue, setInputValue] = React.useState('')\n    const inputRef = React.useRef<HTMLInputElement>(null)\n\n    function handleChange(event: React.ChangeEvent<HTMLInputElement>) {\n      const currentInputValue = event.target.value\n      if (currentInputValue.includes(',')) {\n        const currentValues = currentInputValue.split(',')\n        //Remove duplicates\n        const uniqueValues = Array.from(new Set(currentValues))\n\n        onValueChange([\n          ...(value || []),\n          ...(uniqueValues\n            .filter(inputValue => {\n              //Remove empty values and already added values\n              return Boolean(inputValue) && !value?.includes(inputValue)\n            })\n            .map(i => i.trim()) || [])\n        ])\n        setInputValue('')\n        return\n      }\n      setInputValue(currentInputValue)\n    }\n\n    function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>) {\n      if (['Enter', 'Tab'].includes(event.key)) {\n        if (inputValue?.trim()) {\n          event.preventDefault()\n          if (!value?.includes(inputValue)) {\n            addInputValue()\n          }\n          setInputValue('')\n        }\n      }\n\n      if (event.key === 'Backspace' && !inputValue) {\n        onValueChange(value?.slice(0, -1) || [])\n      }\n    }\n\n    function addInputValue() {\n      if (!inputValue.trim()) return\n      onValueChange([...(value || []), inputValue])\n      setInputValue('')\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'flex flex-wrap items-center gap-8 min-h-[36px]',\n          'border rounded border-gray-900-24 bg-white px-12 py-[4px]',\n          'hover:cursor-text',\n          'hover:shadow-field-hover',\n          'active:shadow-field-active',\n          'focus-visible:outline-none focus:shadow-field-active',\n          className\n        )}\n        onClick={() => inputRef.current?.focus()}\n        {...props}\n      >\n        <TagList value={value} onValueChange={onValueChange} />\n        <input\n          ref={inputRef}\n          className=\"h-[26px] outline-none text-sm\"\n          type=\"text\"\n          value={inputValue}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          style={{ width: `${inputValue.length + 1}ch` }}\n          onBlur={() => addInputValue()}\n        />\n        {value?.length === 0 && !inputValue && (\n          <div className=\"text-gray-400 ml-[-2ch]\">{placeholder}</div>\n        )}\n      </div>\n    )\n  }\n)\n\nTagInput.displayName = 'TagInput'\n\ntype TagListProps = React.HTMLAttributes<HTMLDivElement> & {\n  value?: string[]\n  onValueChange: (value: string[]) => void\n}\n\nfunction TagList({ value, onValueChange }: TagListProps) {\n  return (\n    <>\n      {value?.map((tag, index) => (\n        <Badge key={index} className=\"pl-0 gap-x-4 overflow-hidden\">\n          <Button\n            type=\"button\"\n            className=\"w-[26px] h-[26px] flex-shrink-0\"\n            size=\"icon\"\n            intent=\"secondary\"\n            onClick={() => {\n              onValueChange(value?.filter((_, i) => i !== index) || [])\n            }}\n          >\n            <LucideX className=\"w-16\" />\n          </Button>\n          <div className=\"truncate\">{tag}</div>\n        </Badge>\n      ))}\n    </>\n  )\n}\n\nexport { TagInput }\n"],"names":["TagInput","React","className","value","placeholder","onValueChange","props","ref","inputValue","setInputValue","inputRef","handleChange","event","currentInputValue","currentValues","uniqueValues","i","handleKeyDown","addInputValue","jsxs","cn","jsx","TagList","Fragment","tag","index","Badge","Button","_","LucideX"],"mappings":"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"}

package/dist/index.es34.js

@@ -7,7 +7,7 @@ const s = t.forwardRef(
     {
       className: d(
         "flex min-h-[60px] w-full rounded border border-gray-900-24 bg-white px-12 py-8 text-base",
-        "placeholder:text-gray-600",
+        "placeholder:text-gray-400",
         "hover:shadow-field-hover",
         "active:shadow-field-active",
         "focus-visible:outline-none focus:shadow-field-active",

package/dist/index.es34.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es34.js","sources":["../src/Textarea/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nexport interface TextareaProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <textarea\n        className={cn(\n          'flex min-h-[60px] w-full rounded border border-gray-900-24 bg-white px-12 py-8 text-base',\n          'placeholder:text-gray-600',\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)\n\nTextarea.displayName = 'Textarea'\n\nexport { Textarea }\n"],"names":["Textarea","React","className","props","ref","jsx","cn"],"mappings":";;;AAMA,MAAMA,IAAWC,EAAM;AAAA,EACrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEtBC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAJ;AAAA,MACF;AAAA,MACA,KAAAE;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAIZ;AAEAH,EAAS,cAAc;"}
+{"version":3,"file":"index.es34.js","sources":["../src/Textarea/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nexport interface TextareaProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <textarea\n        className={cn(\n          'flex min-h-[60px] w-full rounded border border-gray-900-24 bg-white px-12 py-8 text-base',\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)\n\nTextarea.displayName = 'Textarea'\n\nexport { Textarea }\n"],"names":["Textarea","React","className","props","ref","jsx","cn"],"mappings":";;;AAMA,MAAMA,IAAWC,EAAM;AAAA,EACrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEtBC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAJ;AAAA,MACF;AAAA,MACA,KAAAE;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAIZ;AAEAH,EAAS,cAAc;"}

package/dist/index.es35.js

@@ -2,13 +2,13 @@ import { j as n } from "./index.es40.js";
 import * as t from "@radix-ui/react-toggle";
 import { cva as s } from "class-variance-authority";
 import * as b from "react";
-import { cn as i } from "./index.es41.js";
-const d = s(
-  "inline-flex items-center justify-center rounded font-small transition-colors disabled:pointer-events-none disabled:opacity-40",
+import { cn as d } from "./index.es41.js";
+const i = s(
+  "inline-flex items-center justify-center rounded-full font-small transition-colors disabled:pointer-events-none disabled:opacity-40",
   {
     variants: {
       variant: {
-        default: "bg-transparent text-gray-700 hover:bg-gray-900-8 hover:text-purple-900 data-[state=on]:bg-purple-800 data-[state=on]:text-white",
+        default: "bg-transparent text-gray-700 hover:bg-gray-900-8 hover:text-purple-900 data-[state=on]:bg-purple-100 data-[state=on]:text-purple-900",
         "badge-green": "bg-gray-100 text-gray-900/48 hover:bg-gray-200 data-[state=on]:bg-green-50 data-[state=on]:text-green-800",
         "badge-yellow": "bg-gray-100 text-gray-900/48 hover:bg-gray-200 data-[state=on]:bg-yellow-50 data-[state=on]:text-yellow-700",
         "badge-magenta": "bg-gray-100 text-gray-900/48 hover:bg-gray-200 data-[state=on]:bg-magenta-50 data-[state=on]:text-magenta-700",
@@ -31,13 +31,13 @@ const d = s(
   t.Root,
   {
     ref: o,
-    className: i(d({ variant: e, size: r, className: a })),
+    className: d(i({ variant: e, size: r, className: a })),
     ...g
   }
 ));
 l.displayName = t.Root.displayName;
 export {
   l as Toggle,
-  d as toggleVariants
+  i as toggleVariants
 };
 //# sourceMappingURL=index.es35.js.map

package/dist/index.es35.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es35.js","sources":["../src/Toggle/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TogglePrimitive from '@radix-ui/react-toggle'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst toggleVariants = cva(\n  'inline-flex items-center justify-center rounded font-small transition-colors disabled:pointer-events-none disabled:opacity-40',\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-transparent text-gray-700 hover:bg-gray-900-8 hover:text-purple-900 data-[state=on]:bg-purple-800 data-[state=on]:text-white',\n        'badge-green':\n          'bg-gray-100 text-gray-900/48 hover:bg-gray-200 data-[state=on]:bg-green-50 data-[state=on]:text-green-800',\n        'badge-yellow':\n          'bg-gray-100 text-gray-900/48 hover:bg-gray-200 data-[state=on]:bg-yellow-50 data-[state=on]:text-yellow-700',\n        'badge-magenta':\n          'bg-gray-100 text-gray-900/48 hover:bg-gray-200 data-[state=on]:bg-magenta-50 data-[state=on]:text-magenta-700',\n        'badge-gray':\n          'bg-gray-100 text-gray-900/48 hover:bg-gray-200 data-[state=on]:bg-gray-200 data-[state=on]:text-gray-900',\n        'badge-purple':\n          'bg-gray-100 text-gray-900/48 hover:bg-gray-200 data-[state=on]:bg-purple-100 data-[state=on]:text-purple-900',\n        'badge-robinblue':\n          'bg-gray-100 text-gray-900/48 hover:bg-gray-200 data-[state=on]:bg-robinblue-100 data-[state=on]:text-robinblue-900'\n      },\n      size: {\n        icon: 'w-32 h-32',\n        sm: 'px-8 h-[26px] text-sm',\n        md: 'px-12 h-32 text-base'\n      }\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'icon'\n    }\n  }\n)\n\nconst Toggle = React.forwardRef<\n  React.ElementRef<typeof TogglePrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &\n    VariantProps<typeof toggleVariants>\n>(({ className, variant, size, ...props }, ref) => (\n  <TogglePrimitive.Root\n    ref={ref}\n    className={cn(toggleVariants({ variant, size, className }))}\n    {...props}\n  />\n))\n\nToggle.displayName = TogglePrimitive.Root.displayName\n\nexport { Toggle, toggleVariants }\n"],"names":["toggleVariants","cva","Toggle","React","className","variant","size","props","ref","jsx","TogglePrimitive","cn"],"mappings":";;;;;AAOA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,eACE;AAAA,QACF,gBACE;AAAA,QACF,iBACE;AAAA,QACF,cACE;AAAA,QACF,gBACE;AAAA,QACF,mBACE;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF,GAEMC,IAASC,EAAM,WAInB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,GAAGC,KAASC,MACzCC,gBAAAA,EAAA;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAGX,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,IACzD,GAAGG;AAAA,EAAA;AACN,CACD;AAEDL,EAAO,cAAcQ,EAAgB,KAAK;"}
+{"version":3,"file":"index.es35.js","sources":["../src/Toggle/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TogglePrimitive from '@radix-ui/react-toggle'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst toggleVariants = cva(\n  'inline-flex items-center justify-center rounded-full font-small transition-colors disabled:pointer-events-none disabled:opacity-40',\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-transparent text-gray-700 hover:bg-gray-900-8 hover:text-purple-900 data-[state=on]:bg-purple-100 data-[state=on]:text-purple-900',\n        'badge-green':\n          'bg-gray-100 text-gray-900/48 hover:bg-gray-200 data-[state=on]:bg-green-50 data-[state=on]:text-green-800',\n        'badge-yellow':\n          'bg-gray-100 text-gray-900/48 hover:bg-gray-200 data-[state=on]:bg-yellow-50 data-[state=on]:text-yellow-700',\n        'badge-magenta':\n          'bg-gray-100 text-gray-900/48 hover:bg-gray-200 data-[state=on]:bg-magenta-50 data-[state=on]:text-magenta-700',\n        'badge-gray':\n          'bg-gray-100 text-gray-900/48 hover:bg-gray-200 data-[state=on]:bg-gray-200 data-[state=on]:text-gray-900',\n        'badge-purple':\n          'bg-gray-100 text-gray-900/48 hover:bg-gray-200 data-[state=on]:bg-purple-100 data-[state=on]:text-purple-900',\n        'badge-robinblue':\n          'bg-gray-100 text-gray-900/48 hover:bg-gray-200 data-[state=on]:bg-robinblue-100 data-[state=on]:text-robinblue-900'\n      },\n      size: {\n        icon: 'w-32 h-32',\n        sm: 'px-8 h-[26px] text-sm',\n        md: 'px-12 h-32 text-base'\n      }\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'icon'\n    }\n  }\n)\n\nconst Toggle = React.forwardRef<\n  React.ElementRef<typeof TogglePrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &\n    VariantProps<typeof toggleVariants>\n>(({ className, variant, size, ...props }, ref) => (\n  <TogglePrimitive.Root\n    ref={ref}\n    className={cn(toggleVariants({ variant, size, className }))}\n    {...props}\n  />\n))\n\nToggle.displayName = TogglePrimitive.Root.displayName\n\nexport { Toggle, toggleVariants }\n"],"names":["toggleVariants","cva","Toggle","React","className","variant","size","props","ref","jsx","TogglePrimitive","cn"],"mappings":";;;;;AAOA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,eACE;AAAA,QACF,gBACE;AAAA,QACF,iBACE;AAAA,QACF,cACE;AAAA,QACF,gBACE;AAAA,QACF,mBACE;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF,GAEMC,IAASC,EAAM,WAInB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,GAAGC,KAASC,MACzCC,gBAAAA,EAAA;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAGX,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,IACzD,GAAGG;AAAA,EAAA;AACN,CACD;AAEDL,EAAO,cAAcQ,EAAgB,KAAK;"}

package/dist/index.es38.js

@@ -32,7 +32,7 @@ function x({
     }
   );
 }
-function v({
+function d({
   ...t
 }) {
   return /* @__PURE__ */ i.jsx(n, { ...t });
@@ -46,12 +46,12 @@ const f = o.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i.jsx(
   }
 ));
 f.displayName = a.Item.displayName;
-const N = o.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i.jsx(
+const v = o.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i.jsx(
   a.Link,
   {
     ref: r,
     className: s(
-      "flex justify-start px-12 py-[10px] w-full font-normal text-gray-800 rounded     hover:bg-gray-200 hover:text-purple-800     focus-visible:outline-none focus-visible:bg-gray-200 focus-visible:text-purple-800     data-[active]:bg-purple-800 data-[active]:text-white",
+      "flex justify-start px-12 py-[10px] w-full font-normal text-gray-800 rounded     hover:bg-gray-200 hover:text-purple-800 hover:font-medium     focus-visible:outline-none focus-visible:bg-gray-200 focus-visible:text-purple-800 focus-visible:font-medium     data-[active]:bg-purple-100 data-[active]:text-purple-800 data-[active]:font-medium",
       t
     ),
     ...e
@@ -61,8 +61,8 @@ export {
   l as VerticalNavigationMenu,
   x as VerticalNavigationMenuHeading,
   f as VerticalNavigationMenuItem,
-  N as VerticalNavigationMenuLink,
+  v as VerticalNavigationMenuLink,
   m as VerticalNavigationMenuList,
-  v as VerticalNavigationMenuSeparator
+  d as VerticalNavigationMenuSeparator
 };
 //# sourceMappingURL=index.es38.js.map

package/dist/index.es38.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es38.js","sources":["../src/VerticalNavigationMenu/index.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport * as React from 'react'\nimport { Separator } from '../Separator'\nimport { cn } from '../lib/utils'\n\nconst VerticalNavigationMenu = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>\n>((props, ref) => (\n  <NavigationMenuPrimitive.Root ref={ref} orientation=\"vertical\" {...props} />\n))\nVerticalNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName\n\nconst VerticalNavigationMenuList = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.List\n    ref={ref}\n    className={cn(\n      'group flex flex-col list-none items-center justify-center pb-16 px-8',\n      className\n    )}\n    {...props}\n  />\n))\nVerticalNavigationMenuList.displayName =\n  NavigationMenuPrimitive.List.displayName\n\nfunction VerticalNavigationMenuHeading({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'div'>) {\n  return (\n    <div\n      className={cn(\n        'flex items-start justify-start text-sm text-gray-800 mt-16 mb-2 px-24',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuSeparator({\n  ...props\n}: React.ComponentPropsWithoutRef<'div'>) {\n  return <Separator {...props} />\n}\n\nconst VerticalNavigationMenuItem = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.Item\n    ref={ref}\n    className={cn('w-full', className)}\n    {...props}\n  />\n))\nVerticalNavigationMenuItem.displayName =\n  NavigationMenuPrimitive.Item.displayName\n\nconst VerticalNavigationMenuLink = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Link>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.Link\n    ref={ref}\n    className={cn(\n      'flex justify-start px-12 py-[10px] w-full font-normal text-gray-800 rounded \\\n    hover:bg-gray-200 hover:text-purple-800 \\\n    focus-visible:outline-none focus-visible:bg-gray-200 focus-visible:text-purple-800 \\\n    data-[active]:bg-purple-800 data-[active]:text-white',\n      className\n    )}\n    {...props}\n  />\n))\n\nexport {\n  VerticalNavigationMenu,\n  VerticalNavigationMenuHeading,\n  VerticalNavigationMenuItem,\n  VerticalNavigationMenuLink,\n  VerticalNavigationMenuList,\n  VerticalNavigationMenuSeparator\n}\n"],"names":["VerticalNavigationMenu","React","props","ref","jsx","NavigationMenuPrimitive","VerticalNavigationMenuList","className","cn","VerticalNavigationMenuHeading","VerticalNavigationMenuSeparator","Separator","VerticalNavigationMenuItem","VerticalNavigationMenuLink"],"mappings":";;;;;AAKA,MAAMA,IAAyBC,EAAM,WAGnC,CAACC,GAAOC,MACRC,gBAAAA,EAAAA,IAACC,EAAwB,MAAxB,EAA6B,KAAAF,GAAU,aAAY,YAAY,GAAGD,EAAO,CAAA,CAC3E;AACDF,EAAuB,cAAcK,EAAwB,KAAK;AAE5D,MAAAC,IAA6BL,EAAM,WAGvC,CAAC,EAAE,WAAAM,GAAW,GAAGL,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACC,EAAwB;AAAA,EAAxB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWK;AAAA,MACT;AAAA,MACAD;AAAA,IACF;AAAA,IACC,GAAGL;AAAA,EAAA;AACN,CACD;AACDI,EAA2B,cACzBD,EAAwB,KAAK;AAE/B,SAASI,EAA8B;AAAA,EACrC,WAAAF;AAAA,EACA,GAAGL;AACL,GAA0C;AAEtC,SAAAE,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWI;AAAA,QACT;AAAA,QACAD;AAAA,MACF;AAAA,MACC,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAgC;AAAA,EACvC,GAAGR;AACL,GAA0C;AACjC,SAAAE,gBAAAA,EAAA,IAACO,GAAW,EAAA,GAAGT,EAAO,CAAA;AAC/B;AAEM,MAAAU,IAA6BX,EAAM,WAGvC,CAAC,EAAE,WAAAM,GAAW,GAAGL,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACC,EAAwB;AAAA,EAAxB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWK,EAAG,UAAUD,CAAS;AAAA,IAChC,GAAGL;AAAA,EAAA;AACN,CACD;AACDU,EAA2B,cACzBP,EAAwB,KAAK;AAEzB,MAAAQ,IAA6BZ,EAAM,WAGvC,CAAC,EAAE,WAAAM,GAAW,GAAGL,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACC,EAAwB;AAAA,EAAxB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWK;AAAA,MACT;AAAA,MAIAD;AAAA,IACF;AAAA,IACC,GAAGL;AAAA,EAAA;AACN,CACD;"}
+{"version":3,"file":"index.es38.js","sources":["../src/VerticalNavigationMenu/index.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport * as React from 'react'\nimport { Separator } from '../Separator'\nimport { cn } from '../lib/utils'\n\nconst VerticalNavigationMenu = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>\n>((props, ref) => (\n  <NavigationMenuPrimitive.Root ref={ref} orientation=\"vertical\" {...props} />\n))\nVerticalNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName\n\nconst VerticalNavigationMenuList = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.List\n    ref={ref}\n    className={cn(\n      'group flex flex-col list-none items-center justify-center pb-16 px-8',\n      className\n    )}\n    {...props}\n  />\n))\nVerticalNavigationMenuList.displayName =\n  NavigationMenuPrimitive.List.displayName\n\nfunction VerticalNavigationMenuHeading({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'div'>) {\n  return (\n    <div\n      className={cn(\n        'flex items-start justify-start text-sm text-gray-800 mt-16 mb-2 px-24',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuSeparator({\n  ...props\n}: React.ComponentPropsWithoutRef<'div'>) {\n  return <Separator {...props} />\n}\n\nconst VerticalNavigationMenuItem = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.Item\n    ref={ref}\n    className={cn('w-full', className)}\n    {...props}\n  />\n))\nVerticalNavigationMenuItem.displayName =\n  NavigationMenuPrimitive.Item.displayName\n\nconst VerticalNavigationMenuLink = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Link>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.Link\n    ref={ref}\n    className={cn(\n      'flex justify-start px-12 py-[10px] w-full font-normal text-gray-800 rounded \\\n    hover:bg-gray-200 hover:text-purple-800 hover:font-medium \\\n    focus-visible:outline-none focus-visible:bg-gray-200 focus-visible:text-purple-800 focus-visible:font-medium \\\n    data-[active]:bg-purple-100 data-[active]:text-purple-800 data-[active]:font-medium',\n      className\n    )}\n    {...props}\n  />\n))\n\nexport {\n  VerticalNavigationMenu,\n  VerticalNavigationMenuHeading,\n  VerticalNavigationMenuItem,\n  VerticalNavigationMenuLink,\n  VerticalNavigationMenuList,\n  VerticalNavigationMenuSeparator\n}\n"],"names":["VerticalNavigationMenu","React","props","ref","jsx","NavigationMenuPrimitive","VerticalNavigationMenuList","className","cn","VerticalNavigationMenuHeading","VerticalNavigationMenuSeparator","Separator","VerticalNavigationMenuItem","VerticalNavigationMenuLink"],"mappings":";;;;;AAKA,MAAMA,IAAyBC,EAAM,WAGnC,CAACC,GAAOC,MACRC,gBAAAA,EAAAA,IAACC,EAAwB,MAAxB,EAA6B,KAAAF,GAAU,aAAY,YAAY,GAAGD,EAAO,CAAA,CAC3E;AACDF,EAAuB,cAAcK,EAAwB,KAAK;AAE5D,MAAAC,IAA6BL,EAAM,WAGvC,CAAC,EAAE,WAAAM,GAAW,GAAGL,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACC,EAAwB;AAAA,EAAxB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWK;AAAA,MACT;AAAA,MACAD;AAAA,IACF;AAAA,IACC,GAAGL;AAAA,EAAA;AACN,CACD;AACDI,EAA2B,cACzBD,EAAwB,KAAK;AAE/B,SAASI,EAA8B;AAAA,EACrC,WAAAF;AAAA,EACA,GAAGL;AACL,GAA0C;AAEtC,SAAAE,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWI;AAAA,QACT;AAAA,QACAD;AAAA,MACF;AAAA,MACC,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAgC;AAAA,EACvC,GAAGR;AACL,GAA0C;AACjC,SAAAE,gBAAAA,EAAA,IAACO,GAAW,EAAA,GAAGT,EAAO,CAAA;AAC/B;AAEM,MAAAU,IAA6BX,EAAM,WAGvC,CAAC,EAAE,WAAAM,GAAW,GAAGL,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACC,EAAwB;AAAA,EAAxB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWK,EAAG,UAAUD,CAAS;AAAA,IAChC,GAAGL;AAAA,EAAA;AACN,CACD;AACDU,EAA2B,cACzBP,EAAwB,KAAK;AAEzB,MAAAQ,IAA6BZ,EAAM,WAGvC,CAAC,EAAE,WAAAM,GAAW,GAAGL,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACC,EAAwB;AAAA,EAAxB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWK;AAAA,MACT;AAAA,MAIAD;AAAA,IACF;AAAA,IACC,GAAGL;AAAA,EAAA;AACN,CACD;"}

package/dist/index.es4.js

@@ -141,7 +141,8 @@ const i = {
   }),
   borderRadius: {
     none: "0",
-    DEFAULT: "4px",
+    small: "4px",
+    DEFAULT: "8px",
     full: "9999px"
   },
   borderWidth: {