@intlayer/design-system 3.2.2 → 3.3.3

package/dist/components/Avatar/index.mjs

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
 import { User } from "lucide-react";
 import { cn } from "../../utils/cn.mjs";
 import { Loader } from "../Loader/index.mjs";

package/dist/components/Badge/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
 const classVarianceAuthority = require("class-variance-authority");
 const utils_cn = require("../../utils/cn.cjs");
 const badgeVariants = classVarianceAuthority.cva(

package/dist/components/Badge/index.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import { HTMLAttributes } from 'react';
 export declare const badgeVariants: (props?: ({
-    color?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "custom" | null | undefined;
+    color?: "text" | "primary" | "secondary" | "neutral" | "destructive" | "light" | "dark" | "custom" | null | undefined;
     variant?: "default" | "none" | "outline" | "hoverable" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type BadgeProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof badgeVariants>;

package/dist/components/Badge/index.mjs

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
 import { cva } from "class-variance-authority";
 import { cn } from "../../utils/cn.mjs";
 const badgeVariants = cva(

package/dist/components/Breadcrumb/index.cjs

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
 const lucideReact = require("lucide-react");
 const require$$0 = require("react");
+const utils_cn = require("../../utils/cn.cjs");
 const components_Button_Button = require("../Button/Button.cjs");
 const components_Link_Link = require("../Link/Link.cjs");
 const LinkLink = ({ href, children, onClick }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
@@ -14,6 +15,7 @@ const LinkLink = ({ href, children, onClick }) => /* @__PURE__ */ jsxRuntime.jsx
     label: `Go to ${children}`,
     color: "text",
     onClick,
+    itemProp: "itemListElement",
     children
   }
 );
@@ -25,28 +27,45 @@ const ButtonLink = ({ children: text, onClick }) => /* @__PURE__ */ jsxRuntime.j
     variant: "link",
     "aria-label": `Go to ${text}`,
     color: "text",
+    itemProp: "itemListElement",
     children: text
   }
 );
-const Span = ({ children }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { "aria-label": `Go to ${children}`, children });
-const Breadcrumb = ({ links }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "flex flex-row flex-wrap items-center gap-2 text-sm", children: links.map((link, index) => {
-  const isLastLink = index === links.length - 1;
-  const isLink = typeof link === "object" && typeof link.href === "string";
-  const isButton = typeof link === "object" && typeof link.onClick === "function";
-  const text = link.text ?? link;
-  let Section = /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Span, { children: text });
-  if (isLink) {
-    Section = /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(LinkLink, { href: link.href, children: text }, text);
-  } else if (isButton) {
-    Section = /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ButtonLink, { onClick: link.onClick, children: text }, text);
-  }
-  if (isLastLink) {
-    return Section;
+const Span = ({ children }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { "aria-label": `Go to ${children}`, itemProp: "itemListElement", children });
+const Breadcrumb = ({
+  links,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  "div",
+  {
+    className: utils_cn.cn(
+      "flex flex-row flex-wrap items-center gap-2 text-sm",
+      className
+    ),
+    itemScope: true,
+    itemType: "http://schema.org/BreadcrumbList",
+    ...props,
+    children: links.map((link, index) => {
+      const isLastLink = index === links.length - 1;
+      const isLink = typeof link === "object" && typeof link.href === "string";
+      const isButton = typeof link === "object" && typeof link.onClick === "function";
+      const text = link.text ?? link;
+      let Section = /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Span, { children: text });
+      if (isLink) {
+        Section = /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(LinkLink, { href: link.href, children: text }, text);
+      } else if (isButton) {
+        Section = /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ButtonLink, { onClick: link.onClick, children: text }, text);
+      }
+      if (isLastLink) {
+        return Section;
+      }
+      return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(require$$0.Fragment, { children: [
+        Section,
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(lucideReact.ChevronRightIcon, { size: 10 })
+      ] }, text);
+    })
   }
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(require$$0.Fragment, { children: [
-    Section,
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(lucideReact.ChevronRightIcon, { size: 10 })
-  ] }, text);
-}) });
+);
 exports.Breadcrumb = Breadcrumb;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Breadcrumb/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Breadcrumb/index.tsx"],"sourcesContent":["import { ChevronRightIcon } from 'lucide-react';\nimport { Fragment, type FC } from 'react';\nimport { Button } from '../Button';\nimport { Link } from '../Link';\n\ntype LinkProps = {\n  href: string;\n  children: string;\n  onClick?: () => void;\n};\n\nconst LinkLink: FC<LinkProps> = ({ href, children, onClick }) => (\n  <Link\n    href={href}\n    target=\"_blank\"\n    rel=\"noopener noreferrer\"\n    label={`Go to ${children}`}\n    color=\"text\"\n    onClick={onClick}\n  >\n    {children}\n  </Link>\n);\n\ntype ButtonProps = {\n  children: string;\n  onClick: () => void;\n};\n\nconst ButtonLink: FC<ButtonProps> = ({ children: text, onClick }) => (\n  <Button\n    onClick={onClick}\n    label={`Go to ${text}`}\n    variant=\"link\"\n    aria-label={`Go to ${text}`}\n    color=\"text\"\n  >\n    {text}\n  </Button>\n);\n\ntype SpanProps = {\n  children: string;\n};\n\nconst Span: FC<SpanProps> = ({ children }) => (\n  <span aria-label={`Go to ${children}`}>{children}</span>\n);\n\ntype DetailedBreadcrumbLink = {\n  href?: string;\n  text: string;\n  onClick?: () => void;\n};\nexport type BreadcrumbLink = string | DetailedBreadcrumbLink;\n\ntype BreadcrumbProps = {\n  links: BreadcrumbLink[];\n};\n\nexport const Breadcrumb: FC<BreadcrumbProps> = ({ links }) => (\n  <div className=\"flex flex-row flex-wrap items-center gap-2 text-sm\">\n    {links.map((link, index) => {\n      const isLastLink = index === links.length - 1;\n      const isLink = typeof link === 'object' && typeof link.href === 'string';\n      const isButton =\n        typeof link === 'object' && typeof link.onClick === 'function';\n\n      const text = (link as DetailedBreadcrumbLink).text ?? link;\n\n      let Section = <Span>{text}</Span>;\n\n      if (isLink) {\n        Section = (\n          <LinkLink key={text} href={link.href!}>\n            {text}\n          </LinkLink>\n        );\n      } else if (isButton) {\n        Section = (\n          <ButtonLink key={text} onClick={link.onClick!}>\n            {text}\n          </ButtonLink>\n        );\n      }\n\n      if (isLastLink) {\n        return Section;\n      }\n\n      return (\n        <Fragment key={text}>\n          {Section}\n          <ChevronRightIcon size={10} />\n        </Fragment>\n      );\n    })}\n  </div>\n);\n"],"names":["jsx","Link","Button","Fragment","ChevronRightIcon"],"mappings":";;;;;;;AAWA,MAAM,WAA0B,CAAC,EAAE,MAAM,UAAU,QACjD,MAAAA,2BAAA,kBAAA;AAAA,EAACC,qBAAA;AAAA,EAAA;AAAA,IACC;AAAA,IACA,QAAO;AAAA,IACP,KAAI;AAAA,IACJ,OAAO,SAAS,QAAQ;AAAA,IACxB,OAAM;AAAA,IACN;AAAA,IAEC;AAAA,EAAA;AACH;AAQF,MAAM,aAA8B,CAAC,EAAE,UAAU,MAAM,QACrD,MAAAD,2BAAA,kBAAA;AAAA,EAACE,yBAAA;AAAA,EAAA;AAAA,IACC;AAAA,IACA,OAAO,SAAS,IAAI;AAAA,IACpB,SAAQ;AAAA,IACR,cAAY,SAAS,IAAI;AAAA,IACzB,OAAM;AAAA,IAEL,UAAA;AAAA,EAAA;AACH;AAOF,MAAM,OAAsB,CAAC,EAAE,eAC5BF,2BAAAA,kBAAAA,IAAA,QAAA,EAAK,cAAY,SAAS,QAAQ,IAAK,SAAS,CAAA;AAc5C,MAAM,aAAkC,CAAC,EAAE,MAChD,MAAAA,2BAAA,kBAAA,IAAC,OAAI,EAAA,WAAU,sDACZ,UAAA,MAAM,IAAI,CAAC,MAAM,UAAU;AACpB,QAAA,aAAa,UAAU,MAAM,SAAS;AAC5C,QAAM,SAAS,OAAO,SAAS,YAAY,OAAO,KAAK,SAAS;AAChE,QAAM,WACJ,OAAO,SAAS,YAAY,OAAO,KAAK,YAAY;AAEhD,QAAA,OAAQ,KAAgC,QAAQ;AAElD,MAAA,UAAWA,2BAAAA,kBAAAA,IAAA,MAAA,EAAM,UAAK,KAAA,CAAA;AAE1B,MAAI,QAAQ;AACV,+DACG,UAAoB,EAAA,MAAM,KAAK,MAC7B,kBADY,IAEf;AAAA,aAEO,UAAU;AACnB,+DACG,YAAsB,EAAA,SAAS,KAAK,SAClC,kBADc,IAEjB;AAAA,EAEJ;AAEA,MAAI,YAAY;AACP,WAAA;AAAA,EACT;AAEA,2DACGG,qBACE,EAAA,UAAA;AAAA,IAAA;AAAA,IACDH,2BAAAA,kBAAAA,IAACI,YAAiB,kBAAA,EAAA,MAAM,GAAI,CAAA;AAAA,EAAA,EAAA,GAFf,IAGf;AAEJ,CAAC,EACH,CAAA;;"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Breadcrumb/index.tsx"],"sourcesContent":["import { ChevronRightIcon } from 'lucide-react';\nimport { Fragment, HTMLAttributes, type FC } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../Button';\nimport { Link } from '../Link';\n\ntype LinkProps = {\n  href: string;\n  children: string;\n  onClick?: () => void;\n};\n\nconst LinkLink: FC<LinkProps> = ({ href, children, onClick }) => (\n  <Link\n    href={href}\n    target=\"_blank\"\n    rel=\"noopener noreferrer\"\n    label={`Go to ${children}`}\n    color=\"text\"\n    onClick={onClick}\n    itemProp=\"itemListElement\"\n  >\n    {children}\n  </Link>\n);\n\ntype ButtonProps = {\n  children: string;\n  onClick: () => void;\n};\n\nconst ButtonLink: FC<ButtonProps> = ({ children: text, onClick }) => (\n  <Button\n    onClick={onClick}\n    label={`Go to ${text}`}\n    variant=\"link\"\n    aria-label={`Go to ${text}`}\n    color=\"text\"\n    itemProp=\"itemListElement\"\n  >\n    {text}\n  </Button>\n);\n\ntype SpanProps = {\n  children: string;\n};\n\nconst Span: FC<SpanProps> = ({ children }) => (\n  <span aria-label={`Go to ${children}`} itemProp=\"itemListElement\">\n    {children}\n  </span>\n);\n\ntype DetailedBreadcrumbLink = {\n  href?: string;\n  text: string;\n  onClick?: () => void;\n};\nexport type BreadcrumbLink = string | DetailedBreadcrumbLink;\n\ntype BreadcrumbProps = {\n  links: BreadcrumbLink[];\n} & HTMLAttributes<HTMLDivElement>;\n\nexport const Breadcrumb: FC<BreadcrumbProps> = ({\n  links,\n  className,\n  ...props\n}) => (\n  <div\n    className={cn(\n      'flex flex-row flex-wrap items-center gap-2 text-sm',\n      className\n    )}\n    itemScope\n    itemType=\"http://schema.org/BreadcrumbList\"\n    {...props}\n  >\n    {links.map((link, index) => {\n      const isLastLink = index === links.length - 1;\n      const isLink = typeof link === 'object' && typeof link.href === 'string';\n      const isButton =\n        typeof link === 'object' && typeof link.onClick === 'function';\n\n      const text = (link as DetailedBreadcrumbLink).text ?? link;\n\n      let Section = <Span>{text}</Span>;\n\n      if (isLink) {\n        Section = (\n          <LinkLink key={text} href={link.href!}>\n            {text}\n          </LinkLink>\n        );\n      } else if (isButton) {\n        Section = (\n          <ButtonLink key={text} onClick={link.onClick!}>\n            {text}\n          </ButtonLink>\n        );\n      }\n\n      if (isLastLink) {\n        return Section;\n      }\n\n      return (\n        <Fragment key={text}>\n          {Section}\n          <ChevronRightIcon size={10} />\n        </Fragment>\n      );\n    })}\n  </div>\n);\n"],"names":["jsx","Link","Button","cn","Fragment","ChevronRightIcon"],"mappings":";;;;;;;;AAYA,MAAM,WAA0B,CAAC,EAAE,MAAM,UAAU,QACjD,MAAAA,2BAAA,kBAAA;AAAA,EAACC,qBAAA;AAAA,EAAA;AAAA,IACC;AAAA,IACA,QAAO;AAAA,IACP,KAAI;AAAA,IACJ,OAAO,SAAS,QAAQ;AAAA,IACxB,OAAM;AAAA,IACN;AAAA,IACA,UAAS;AAAA,IAER;AAAA,EAAA;AACH;AAQF,MAAM,aAA8B,CAAC,EAAE,UAAU,MAAM,QACrD,MAAAD,2BAAA,kBAAA;AAAA,EAACE,yBAAA;AAAA,EAAA;AAAA,IACC;AAAA,IACA,OAAO,SAAS,IAAI;AAAA,IACpB,SAAQ;AAAA,IACR,cAAY,SAAS,IAAI;AAAA,IACzB,OAAM;AAAA,IACN,UAAS;AAAA,IAER,UAAA;AAAA,EAAA;AACH;AAOF,MAAM,OAAsB,CAAC,EAAE,SAAA,MAC7BF,2BAAAA,kBAAAA,IAAC,QAAK,EAAA,cAAY,SAAS,QAAQ,IAAI,UAAS,mBAC7C,SACH,CAAA;AAcK,MAAM,aAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEA,2BAAA,kBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWG,SAAA;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACA,WAAS;AAAA,IACT,UAAS;AAAA,IACR,GAAG;AAAA,IAEH,UAAM,MAAA,IAAI,CAAC,MAAM,UAAU;AACpB,YAAA,aAAa,UAAU,MAAM,SAAS;AAC5C,YAAM,SAAS,OAAO,SAAS,YAAY,OAAO,KAAK,SAAS;AAChE,YAAM,WACJ,OAAO,SAAS,YAAY,OAAO,KAAK,YAAY;AAEhD,YAAA,OAAQ,KAAgC,QAAQ;AAElD,UAAA,UAAWH,2BAAAA,kBAAAA,IAAA,MAAA,EAAM,UAAK,KAAA,CAAA;AAE1B,UAAI,QAAQ;AACV,mEACG,UAAoB,EAAA,MAAM,KAAK,MAC7B,kBADY,IAEf;AAAA,iBAEO,UAAU;AACnB,mEACG,YAAsB,EAAA,SAAS,KAAK,SAClC,kBADc,IAEjB;AAAA,MAEJ;AAEA,UAAI,YAAY;AACP,eAAA;AAAA,MACT;AAEA,+DACGI,qBACE,EAAA,UAAA;AAAA,QAAA;AAAA,QACDJ,2BAAAA,kBAAAA,IAACK,YAAiB,kBAAA,EAAA,MAAM,GAAI,CAAA;AAAA,MAAA,EAAA,GAFf,IAGf;AAAA,IAAA,CAEH;AAAA,EAAA;AACH;;"}

package/dist/components/Breadcrumb/index.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { HTMLAttributes, FC } from 'react';
 type DetailedBreadcrumbLink = {
     href?: string;
     text: string;
@@ -7,7 +7,7 @@ type DetailedBreadcrumbLink = {
 export type BreadcrumbLink = string | DetailedBreadcrumbLink;
 type BreadcrumbProps = {
     links: BreadcrumbLink[];
-};
+} & HTMLAttributes<HTMLDivElement>;
 export declare const Breadcrumb: FC<BreadcrumbProps>;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Breadcrumb/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAgD1C,KAAK,sBAAsB,GAAG;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AACF,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,sBAAsB,CAAC;AAE7D,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAsC1C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,cAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAqD1D,KAAK,sBAAsB,GAAG;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AACF,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,sBAAsB,CAAC;AAE7D,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAkD1C,CAAC"}

package/dist/components/Breadcrumb/index.mjs

@@ -1,6 +1,7 @@
-import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
 import { ChevronRightIcon } from "lucide-react";
 import { Fragment } from "react";
+import { cn } from "../../utils/cn.mjs";
 import { Button } from "../Button/Button.mjs";
 import { Link } from "../Link/Link.mjs";
 const LinkLink = ({ href, children, onClick }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -12,6 +13,7 @@ const LinkLink = ({ href, children, onClick }) => /* @__PURE__ */ jsxRuntimeExpo
     label: `Go to ${children}`,
     color: "text",
     onClick,
+    itemProp: "itemListElement",
     children
   }
 );
@@ -23,29 +25,46 @@ const ButtonLink = ({ children: text, onClick }) => /* @__PURE__ */ jsxRuntimeEx
     variant: "link",
     "aria-label": `Go to ${text}`,
     color: "text",
+    itemProp: "itemListElement",
     children: text
   }
 );
-const Span = ({ children }) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { "aria-label": `Go to ${children}`, children });
-const Breadcrumb = ({ links }) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-row flex-wrap items-center gap-2 text-sm", children: links.map((link, index) => {
-  const isLastLink = index === links.length - 1;
-  const isLink = typeof link === "object" && typeof link.href === "string";
-  const isButton = typeof link === "object" && typeof link.onClick === "function";
-  const text = link.text ?? link;
-  let Section = /* @__PURE__ */ jsxRuntimeExports.jsx(Span, { children: text });
-  if (isLink) {
-    Section = /* @__PURE__ */ jsxRuntimeExports.jsx(LinkLink, { href: link.href, children: text }, text);
-  } else if (isButton) {
-    Section = /* @__PURE__ */ jsxRuntimeExports.jsx(ButtonLink, { onClick: link.onClick, children: text }, text);
-  }
-  if (isLastLink) {
-    return Section;
+const Span = ({ children }) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { "aria-label": `Go to ${children}`, itemProp: "itemListElement", children });
+const Breadcrumb = ({
+  links,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-row flex-wrap items-center gap-2 text-sm",
+      className
+    ),
+    itemScope: true,
+    itemType: "http://schema.org/BreadcrumbList",
+    ...props,
+    children: links.map((link, index) => {
+      const isLastLink = index === links.length - 1;
+      const isLink = typeof link === "object" && typeof link.href === "string";
+      const isButton = typeof link === "object" && typeof link.onClick === "function";
+      const text = link.text ?? link;
+      let Section = /* @__PURE__ */ jsxRuntimeExports.jsx(Span, { children: text });
+      if (isLink) {
+        Section = /* @__PURE__ */ jsxRuntimeExports.jsx(LinkLink, { href: link.href, children: text }, text);
+      } else if (isButton) {
+        Section = /* @__PURE__ */ jsxRuntimeExports.jsx(ButtonLink, { onClick: link.onClick, children: text }, text);
+      }
+      if (isLastLink) {
+        return Section;
+      }
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
+        Section,
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRightIcon, { size: 10 })
+      ] }, text);
+    })
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
-    Section,
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRightIcon, { size: 10 })
-  ] }, text);
-}) });
+);
 export {
   Breadcrumb
 };

package/dist/components/Breadcrumb/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/Breadcrumb/index.tsx"],"sourcesContent":["import { ChevronRightIcon } from 'lucide-react';\nimport { Fragment, type FC } from 'react';\nimport { Button } from '../Button';\nimport { Link } from '../Link';\n\ntype LinkProps = {\n  href: string;\n  children: string;\n  onClick?: () => void;\n};\n\nconst LinkLink: FC<LinkProps> = ({ href, children, onClick }) => (\n  <Link\n    href={href}\n    target=\"_blank\"\n    rel=\"noopener noreferrer\"\n    label={`Go to ${children}`}\n    color=\"text\"\n    onClick={onClick}\n  >\n    {children}\n  </Link>\n);\n\ntype ButtonProps = {\n  children: string;\n  onClick: () => void;\n};\n\nconst ButtonLink: FC<ButtonProps> = ({ children: text, onClick }) => (\n  <Button\n    onClick={onClick}\n    label={`Go to ${text}`}\n    variant=\"link\"\n    aria-label={`Go to ${text}`}\n    color=\"text\"\n  >\n    {text}\n  </Button>\n);\n\ntype SpanProps = {\n  children: string;\n};\n\nconst Span: FC<SpanProps> = ({ children }) => (\n  <span aria-label={`Go to ${children}`}>{children}</span>\n);\n\ntype DetailedBreadcrumbLink = {\n  href?: string;\n  text: string;\n  onClick?: () => void;\n};\nexport type BreadcrumbLink = string | DetailedBreadcrumbLink;\n\ntype BreadcrumbProps = {\n  links: BreadcrumbLink[];\n};\n\nexport const Breadcrumb: FC<BreadcrumbProps> = ({ links }) => (\n  <div className=\"flex flex-row flex-wrap items-center gap-2 text-sm\">\n    {links.map((link, index) => {\n      const isLastLink = index === links.length - 1;\n      const isLink = typeof link === 'object' && typeof link.href === 'string';\n      const isButton =\n        typeof link === 'object' && typeof link.onClick === 'function';\n\n      const text = (link as DetailedBreadcrumbLink).text ?? link;\n\n      let Section = <Span>{text}</Span>;\n\n      if (isLink) {\n        Section = (\n          <LinkLink key={text} href={link.href!}>\n            {text}\n          </LinkLink>\n        );\n      } else if (isButton) {\n        Section = (\n          <ButtonLink key={text} onClick={link.onClick!}>\n            {text}\n          </ButtonLink>\n        );\n      }\n\n      if (isLastLink) {\n        return Section;\n      }\n\n      return (\n        <Fragment key={text}>\n          {Section}\n          <ChevronRightIcon size={10} />\n        </Fragment>\n      );\n    })}\n  </div>\n);\n"],"names":["jsx"],"mappings":";;;;;AAWA,MAAM,WAA0B,CAAC,EAAE,MAAM,UAAU,QACjD,MAAAA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC;AAAA,IACA,QAAO;AAAA,IACP,KAAI;AAAA,IACJ,OAAO,SAAS,QAAQ;AAAA,IACxB,OAAM;AAAA,IACN;AAAA,IAEC;AAAA,EAAA;AACH;AAQF,MAAM,aAA8B,CAAC,EAAE,UAAU,MAAM,QACrD,MAAAA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC;AAAA,IACA,OAAO,SAAS,IAAI;AAAA,IACpB,SAAQ;AAAA,IACR,cAAY,SAAS,IAAI;AAAA,IACzB,OAAM;AAAA,IAEL,UAAA;AAAA,EAAA;AACH;AAOF,MAAM,OAAsB,CAAC,EAAE,eAC5BA,kCAAAA,IAAA,QAAA,EAAK,cAAY,SAAS,QAAQ,IAAK,SAAS,CAAA;AAc5C,MAAM,aAAkC,CAAC,EAAE,MAChD,MAAAA,kCAAA,IAAC,OAAI,EAAA,WAAU,sDACZ,UAAA,MAAM,IAAI,CAAC,MAAM,UAAU;AACpB,QAAA,aAAa,UAAU,MAAM,SAAS;AAC5C,QAAM,SAAS,OAAO,SAAS,YAAY,OAAO,KAAK,SAAS;AAChE,QAAM,WACJ,OAAO,SAAS,YAAY,OAAO,KAAK,YAAY;AAEhD,QAAA,OAAQ,KAAgC,QAAQ;AAElD,MAAA,UAAWA,kCAAAA,IAAA,MAAA,EAAM,UAAK,KAAA,CAAA;AAE1B,MAAI,QAAQ;AACV,oDACG,UAAoB,EAAA,MAAM,KAAK,MAC7B,kBADY,IAEf;AAAA,aAEO,UAAU;AACnB,oDACG,YAAsB,EAAA,SAAS,KAAK,SAClC,kBADc,IAEjB;AAAA,EAEJ;AAEA,MAAI,YAAY;AACP,WAAA;AAAA,EACT;AAEA,gDACG,UACE,EAAA,UAAA;AAAA,IAAA;AAAA,IACDA,kCAAAA,IAAC,kBAAiB,EAAA,MAAM,GAAI,CAAA;AAAA,EAAA,EAAA,GAFf,IAGf;AAEJ,CAAC,EACH,CAAA;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/Breadcrumb/index.tsx"],"sourcesContent":["import { ChevronRightIcon } from 'lucide-react';\nimport { Fragment, HTMLAttributes, type FC } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../Button';\nimport { Link } from '../Link';\n\ntype LinkProps = {\n  href: string;\n  children: string;\n  onClick?: () => void;\n};\n\nconst LinkLink: FC<LinkProps> = ({ href, children, onClick }) => (\n  <Link\n    href={href}\n    target=\"_blank\"\n    rel=\"noopener noreferrer\"\n    label={`Go to ${children}`}\n    color=\"text\"\n    onClick={onClick}\n    itemProp=\"itemListElement\"\n  >\n    {children}\n  </Link>\n);\n\ntype ButtonProps = {\n  children: string;\n  onClick: () => void;\n};\n\nconst ButtonLink: FC<ButtonProps> = ({ children: text, onClick }) => (\n  <Button\n    onClick={onClick}\n    label={`Go to ${text}`}\n    variant=\"link\"\n    aria-label={`Go to ${text}`}\n    color=\"text\"\n    itemProp=\"itemListElement\"\n  >\n    {text}\n  </Button>\n);\n\ntype SpanProps = {\n  children: string;\n};\n\nconst Span: FC<SpanProps> = ({ children }) => (\n  <span aria-label={`Go to ${children}`} itemProp=\"itemListElement\">\n    {children}\n  </span>\n);\n\ntype DetailedBreadcrumbLink = {\n  href?: string;\n  text: string;\n  onClick?: () => void;\n};\nexport type BreadcrumbLink = string | DetailedBreadcrumbLink;\n\ntype BreadcrumbProps = {\n  links: BreadcrumbLink[];\n} & HTMLAttributes<HTMLDivElement>;\n\nexport const Breadcrumb: FC<BreadcrumbProps> = ({\n  links,\n  className,\n  ...props\n}) => (\n  <div\n    className={cn(\n      'flex flex-row flex-wrap items-center gap-2 text-sm',\n      className\n    )}\n    itemScope\n    itemType=\"http://schema.org/BreadcrumbList\"\n    {...props}\n  >\n    {links.map((link, index) => {\n      const isLastLink = index === links.length - 1;\n      const isLink = typeof link === 'object' && typeof link.href === 'string';\n      const isButton =\n        typeof link === 'object' && typeof link.onClick === 'function';\n\n      const text = (link as DetailedBreadcrumbLink).text ?? link;\n\n      let Section = <Span>{text}</Span>;\n\n      if (isLink) {\n        Section = (\n          <LinkLink key={text} href={link.href!}>\n            {text}\n          </LinkLink>\n        );\n      } else if (isButton) {\n        Section = (\n          <ButtonLink key={text} onClick={link.onClick!}>\n            {text}\n          </ButtonLink>\n        );\n      }\n\n      if (isLastLink) {\n        return Section;\n      }\n\n      return (\n        <Fragment key={text}>\n          {Section}\n          <ChevronRightIcon size={10} />\n        </Fragment>\n      );\n    })}\n  </div>\n);\n"],"names":["jsx"],"mappings":";;;;;;AAYA,MAAM,WAA0B,CAAC,EAAE,MAAM,UAAU,QACjD,MAAAA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC;AAAA,IACA,QAAO;AAAA,IACP,KAAI;AAAA,IACJ,OAAO,SAAS,QAAQ;AAAA,IACxB,OAAM;AAAA,IACN;AAAA,IACA,UAAS;AAAA,IAER;AAAA,EAAA;AACH;AAQF,MAAM,aAA8B,CAAC,EAAE,UAAU,MAAM,QACrD,MAAAA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC;AAAA,IACA,OAAO,SAAS,IAAI;AAAA,IACpB,SAAQ;AAAA,IACR,cAAY,SAAS,IAAI;AAAA,IACzB,OAAM;AAAA,IACN,UAAS;AAAA,IAER,UAAA;AAAA,EAAA;AACH;AAOF,MAAM,OAAsB,CAAC,EAAE,SAAA,MAC7BA,kCAAAA,IAAC,QAAK,EAAA,cAAY,SAAS,QAAQ,IAAI,UAAS,mBAC7C,SACH,CAAA;AAcK,MAAM,aAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACA,WAAS;AAAA,IACT,UAAS;AAAA,IACR,GAAG;AAAA,IAEH,UAAM,MAAA,IAAI,CAAC,MAAM,UAAU;AACpB,YAAA,aAAa,UAAU,MAAM,SAAS;AAC5C,YAAM,SAAS,OAAO,SAAS,YAAY,OAAO,KAAK,SAAS;AAChE,YAAM,WACJ,OAAO,SAAS,YAAY,OAAO,KAAK,YAAY;AAEhD,YAAA,OAAQ,KAAgC,QAAQ;AAElD,UAAA,UAAWA,kCAAAA,IAAA,MAAA,EAAM,UAAK,KAAA,CAAA;AAE1B,UAAI,QAAQ;AACV,wDACG,UAAoB,EAAA,MAAM,KAAK,MAC7B,kBADY,IAEf;AAAA,iBAEO,UAAU;AACnB,wDACG,YAAsB,EAAA,SAAS,KAAK,SAClC,kBADc,IAEjB;AAAA,MAEJ;AAEA,UAAI,YAAY;AACP,eAAA;AAAA,MACT;AAEA,oDACG,UACE,EAAA,UAAA;AAAA,QAAA;AAAA,QACDA,kCAAAA,IAAC,kBAAiB,EAAA,MAAM,GAAI,CAAA;AAAA,MAAA,EAAA,GAFf,IAGf;AAAA,IAAA,CAEH;AAAA,EAAA;AACH;"}

package/dist/components/Button/Button.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
 const classVarianceAuthority = require("class-variance-authority");
 const require$$0 = require("react");
 const utils_cn = require("../../utils/cn.cjs");
@@ -42,7 +42,13 @@ const buttonVariants = classVarianceAuthority.cva(
         outline: "rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30 dark:bg-opacity-0",
         link: "h-auto justify-start border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent hover:underline dark:bg-transparent hover:dark:bg-transparent",
         "invisible-link": "h-auto justify-start border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent dark:bg-transparent hover:dark:bg-transparent",
-        hoverable: "rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10 aria-[current=true]:bg-opacity-5 dark:border-none dark:bg-opacity-0 dark:hover:bg-opacity-10"
+        hoverable: "rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10 aria-[current=true]:bg-opacity-5 dark:border-none dark:bg-opacity-0 dark:hover:bg-opacity-10",
+        input: [
+          "w-full select-text resize-none rounded-xl border-2 bg-input-background text-sm text-input-text shadow-none outline-0 transition-all dark:bg-input-background-dark dark:text-input-text-dark",
+          "border-input-border hover:border-input-border-hover focus:border-input-border-focus focus:outline-0 focus:[box-shadow:none] dark:border-input-border-dark dark:hover:border-input-border-hover-dark dark:focus:border-input-border-focus",
+          "aria-[invalid=true]:border-error dark:aria-[invalid=true]:border-error-dark",
+          "disabled:opacity-50"
+        ]
       },
       color: {
         primary: "border-primary bg-primary text-primary hover:bg-primary-500 dark:border-primary-dark dark:bg-primary-dark dark:text-primary-dark hover:dark:bg-primary-300",
@@ -52,7 +58,7 @@ const buttonVariants = classVarianceAuthority.cva(
         light: "border-white bg-white text-white hover:bg-neutral-500",
         dark: "border-neutral-800 bg-neutral-800 text-neutral-800 hover:bg-neutral-900 dark:hover:bg-neutral-700",
         text: "border-text bg-text text-text hover:opacity-80 dark:border-text-dark dark:bg-text-dark dark:text-text-dark",
-        "text-inverse": "border-text-inverse dark:border-text-inverse-dark bg-text-inverse dark:bg-text-inverse-dark text-text-inverse dark:text-text-inverse-dark hover:opacity-80",
+        "text-inverse": "border-text-dark dark:border-text bg-text-dark dark:bg-text text-text-dark dark:text-text hover:opacity-80",
         error: "border-error bg-error text-error hover:bg-error-500 dark:border-error-dark dark:bg-error-dark dark:text-error-dark hover:dark:bg-error-300",
         success: "border-success bg-success text-success hover:bg-success-500 dark:border-success-dark dark:bg-success-dark dark:text-success-dark hover:dark:bg-success-300",
         custom: ""
@@ -100,7 +106,7 @@ const Button = require$$0.forwardRef(
       "button",
       {
         ref,
-        disabled: isLoading ?? disabled,
+        disabled: isLoading || disabled,
         "aria-current": isActive,
         "aria-selected": isActive,
         "aria-label": label,

package/dist/components/Button/Button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { LucideIcon } from 'lucide-react';\nimport {\n  forwardRef,\n  type ButtonHTMLAttributes,\n  type DetailedHTMLProps,\n  type FC,\n} from 'react';\nimport { cn } from '../../utils/cn';\nimport { Loader } from '../Loader';\n\nconst buttonIconVariants = cva('size-4', {\n  variants: {\n    size: {\n      sm: 'w-4',\n      md: 'w-6',\n      lg: 'w-7',\n      xl: 'w-9',\n      'icon-sm': 'size-6 p-1',\n      'icon-md': 'size-7 p-1',\n      'icon-lg': 'size-9 p-1',\n      'icon-xl': 'size-10 p-1',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nconst buttonVariants = cva(\n  'flex items-center gap-3 whitespace-nowrap font-medium transition focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      size: {\n        sm: 'min-h-8 px-3 text-xs',\n        md: 'min-h-9 px-6 text-base',\n        lg: 'min-h-10 px-8 text-lg',\n        xl: 'min-h-11 px-10 text-xl',\n        'icon-sm': 'p-0',\n        'icon-md': 'p-0',\n        'icon-lg': 'p-0',\n        'icon-xl': 'p-0',\n      },\n      variant: {\n        default: 'rounded-lg text-text-opposite dark:text-text-opposite-dark',\n        none: 'border-none bg-opacity-0 text-inherit hover:bg-opacity-0 dark:bg-opacity-0 dark:text-inherit dark:hover:bg-opacity-0',\n        outline:\n          'rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30 dark:bg-opacity-0',\n        link: 'h-auto justify-start border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent hover:underline dark:bg-transparent hover:dark:bg-transparent',\n        'invisible-link':\n          'h-auto justify-start border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent dark:bg-transparent hover:dark:bg-transparent',\n        hoverable:\n          'rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10 aria-[current=true]:bg-opacity-5 dark:border-none dark:bg-opacity-0 dark:hover:bg-opacity-10',\n      },\n      color: {\n        primary:\n          'border-primary bg-primary text-primary hover:bg-primary-500 dark:border-primary-dark dark:bg-primary-dark dark:text-primary-dark hover:dark:bg-primary-300',\n        secondary:\n          'border-secondary bg-secondary text-secondary hover:bg-secondary-300 dark:border-secondary-dark dark:bg-secondary-dark dark:text-secondary-dark hover:dark:bg-secondary-100',\n        destructive:\n          'border-destructive bg-destructive text-destructive hover:bg-destructive-500 dark:border-destructive-dark dark:bg-destructive-dark hover:dark:bg-destructive-200',\n        neutral:\n          'border-neutral bg-neutral text-neutral hover:bg-neutral-600 dark:border-neutral-dark dark:bg-neutral-dark dark:text-neutral-dark hover:dark:bg-neutral-400',\n        light: 'border-white bg-white text-white hover:bg-neutral-500',\n        dark: 'border-neutral-800 bg-neutral-800 text-neutral-800 hover:bg-neutral-900 dark:hover:bg-neutral-700',\n        text: 'border-text bg-text text-text hover:opacity-80 dark:border-text-dark dark:bg-text-dark dark:text-text-dark',\n        'text-inverse':\n          'border-text-inverse dark:border-text-inverse-dark bg-text-inverse dark:bg-text-inverse-dark text-text-inverse dark:text-text-inverse-dark hover:opacity-80',\n        error:\n          'border-error bg-error text-error hover:bg-error-500 dark:border-error-dark dark:bg-error-dark dark:text-error-dark hover:dark:bg-error-300',\n        success:\n          'border-success bg-success text-success hover:bg-success-500 dark:border-success-dark dark:bg-success-dark dark:text-success-dark hover:dark:bg-success-300',\n        custom: '',\n      },\n\n      textAlign: {\n        left: 'text-left',\n        center: 'text-center',\n        right: 'text-right',\n      },\n\n      isFullWidth: {\n        true: 'w-full',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n      color: 'primary',\n      textAlign: 'center',\n      isFullWidth: false,\n    },\n  }\n);\n\nexport type ButtonProps = DetailedHTMLProps<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  HTMLButtonElement\n> &\n  VariantProps<typeof buttonVariants> & {\n    /**\n     * Optional icon to be displayed on the button\n     */\n    label: string;\n    Icon?: FC | LucideIcon;\n    IconRight?: FC | LucideIcon;\n    iconClassName?: string;\n    isLoading?: boolean;\n    isActive?: boolean;\n    isFullWidth?: boolean;\n  };\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      variant = 'default',\n      size = 'sm',\n      color = 'primary',\n      children,\n      Icon,\n      IconRight,\n      iconClassName,\n      isLoading = false,\n      isActive,\n      isFullWidth = false,\n      textAlign = IconRight ? 'left' : 'center',\n      disabled,\n      label,\n      className,\n      type = 'button',\n      ...props\n    },\n    ref\n  ) => {\n    const isLink = variant === 'link' || variant === 'invisible-link';\n\n    return (\n      <button\n        ref={ref}\n        disabled={isLoading ?? disabled}\n        aria-current={isActive}\n        aria-selected={isActive}\n        aria-label={label}\n        aria-busy={isLoading}\n        role={isLink ? 'link' : undefined}\n        type={type}\n        className={buttonVariants({\n          variant,\n          size,\n          color,\n          isFullWidth,\n          textAlign,\n          className,\n        })}\n        {...props}\n      >\n        {Icon && !isLoading && (\n          <Icon\n            className={cn(\n              buttonIconVariants({ size, className: iconClassName }),\n              'float-start'\n            )}\n          />\n        )}\n\n        <Loader\n          className={cn(\n            buttonIconVariants({ size, className: iconClassName }),\n            'float-start'\n          )}\n          isLoading={isLoading}\n        />\n\n        {typeof children !== 'undefined' && (\n          <div className=\"flex-1\">{children}</div>\n        )}\n\n        {IconRight && (\n          <IconRight\n            className={cn(\n              buttonIconVariants({ size, className: iconClassName }),\n              ''\n            )}\n          />\n        )}\n      </button>\n    );\n  }\n);\n\nButton.displayName = 'Button';\n"],"names":["cva","forwardRef","jsxs","jsx","cn","Loader"],"mappings":"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"}
+{"version":3,"file":"Button.cjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { LucideIcon } from 'lucide-react';\nimport {\n  forwardRef,\n  type ButtonHTMLAttributes,\n  type DetailedHTMLProps,\n  type FC,\n} from 'react';\nimport { cn } from '../../utils/cn';\nimport { Loader } from '../Loader';\n\nconst buttonIconVariants = cva('size-4', {\n  variants: {\n    size: {\n      sm: 'w-4',\n      md: 'w-6',\n      lg: 'w-7',\n      xl: 'w-9',\n      'icon-sm': 'size-6 p-1',\n      'icon-md': 'size-7 p-1',\n      'icon-lg': 'size-9 p-1',\n      'icon-xl': 'size-10 p-1',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nconst buttonVariants = cva(\n  'flex items-center gap-3 whitespace-nowrap font-medium transition focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      size: {\n        sm: 'min-h-8 px-3 text-xs',\n        md: 'min-h-9 px-6 text-base',\n        lg: 'min-h-10 px-8 text-lg',\n        xl: 'min-h-11 px-10 text-xl',\n        'icon-sm': 'p-0',\n        'icon-md': 'p-0',\n        'icon-lg': 'p-0',\n        'icon-xl': 'p-0',\n      },\n      variant: {\n        default: 'rounded-lg text-text-opposite dark:text-text-opposite-dark',\n        none: 'border-none bg-opacity-0 text-inherit hover:bg-opacity-0 dark:bg-opacity-0 dark:text-inherit dark:hover:bg-opacity-0',\n        outline:\n          'rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30 dark:bg-opacity-0',\n        link: 'h-auto justify-start border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent hover:underline dark:bg-transparent hover:dark:bg-transparent',\n        'invisible-link':\n          'h-auto justify-start border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent dark:bg-transparent hover:dark:bg-transparent',\n        hoverable:\n          'rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10 aria-[current=true]:bg-opacity-5 dark:border-none dark:bg-opacity-0 dark:hover:bg-opacity-10',\n        input: [\n          'w-full select-text resize-none rounded-xl border-2 bg-input-background text-sm text-input-text shadow-none outline-0 transition-all dark:bg-input-background-dark dark:text-input-text-dark',\n          'border-input-border hover:border-input-border-hover focus:border-input-border-focus focus:outline-0 focus:[box-shadow:none] dark:border-input-border-dark dark:hover:border-input-border-hover-dark dark:focus:border-input-border-focus',\n          'aria-[invalid=true]:border-error dark:aria-[invalid=true]:border-error-dark',\n          'disabled:opacity-50',\n        ],\n      },\n      color: {\n        primary:\n          'border-primary bg-primary text-primary hover:bg-primary-500 dark:border-primary-dark dark:bg-primary-dark dark:text-primary-dark hover:dark:bg-primary-300',\n        secondary:\n          'border-secondary bg-secondary text-secondary hover:bg-secondary-300 dark:border-secondary-dark dark:bg-secondary-dark dark:text-secondary-dark hover:dark:bg-secondary-100',\n        destructive:\n          'border-destructive bg-destructive text-destructive hover:bg-destructive-500 dark:border-destructive-dark dark:bg-destructive-dark hover:dark:bg-destructive-200',\n        neutral:\n          'border-neutral bg-neutral text-neutral hover:bg-neutral-600 dark:border-neutral-dark dark:bg-neutral-dark dark:text-neutral-dark hover:dark:bg-neutral-400',\n        light: 'border-white bg-white text-white hover:bg-neutral-500',\n        dark: 'border-neutral-800 bg-neutral-800 text-neutral-800 hover:bg-neutral-900 dark:hover:bg-neutral-700',\n        text: 'border-text bg-text text-text hover:opacity-80 dark:border-text-dark dark:bg-text-dark dark:text-text-dark',\n        'text-inverse':\n          'border-text-dark dark:border-text bg-text-dark dark:bg-text text-text-dark dark:text-text hover:opacity-80',\n        error:\n          'border-error bg-error text-error hover:bg-error-500 dark:border-error-dark dark:bg-error-dark dark:text-error-dark hover:dark:bg-error-300',\n        success:\n          'border-success bg-success text-success hover:bg-success-500 dark:border-success-dark dark:bg-success-dark dark:text-success-dark hover:dark:bg-success-300',\n        custom: '',\n      },\n\n      textAlign: {\n        left: 'text-left',\n        center: 'text-center',\n        right: 'text-right',\n      },\n\n      isFullWidth: {\n        true: 'w-full',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n      color: 'primary',\n      textAlign: 'center',\n      isFullWidth: false,\n    },\n  }\n);\n\nexport type ButtonProps = DetailedHTMLProps<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  HTMLButtonElement\n> &\n  VariantProps<typeof buttonVariants> & {\n    /**\n     * Optional icon to be displayed on the button\n     */\n    label: string;\n    Icon?: FC | LucideIcon;\n    IconRight?: FC | LucideIcon;\n    iconClassName?: string;\n    isLoading?: boolean;\n    isActive?: boolean;\n    isFullWidth?: boolean;\n  };\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      variant = 'default',\n      size = 'sm',\n      color = 'primary',\n      children,\n      Icon,\n      IconRight,\n      iconClassName,\n      isLoading = false,\n      isActive,\n      isFullWidth = false,\n      textAlign = IconRight ? 'left' : 'center',\n      disabled,\n      label,\n      className,\n      type = 'button',\n      ...props\n    },\n    ref\n  ) => {\n    const isLink = variant === 'link' || variant === 'invisible-link';\n\n    return (\n      <button\n        ref={ref}\n        disabled={isLoading || disabled}\n        aria-current={isActive}\n        aria-selected={isActive}\n        aria-label={label}\n        aria-busy={isLoading}\n        role={isLink ? 'link' : undefined}\n        type={type}\n        className={buttonVariants({\n          variant,\n          size,\n          color,\n          isFullWidth,\n          textAlign,\n          className,\n        })}\n        {...props}\n      >\n        {Icon && !isLoading && (\n          <Icon\n            className={cn(\n              buttonIconVariants({ size, className: iconClassName }),\n              'float-start'\n            )}\n          />\n        )}\n\n        <Loader\n          className={cn(\n            buttonIconVariants({ size, className: iconClassName }),\n            'float-start'\n          )}\n          isLoading={isLoading}\n        />\n\n        {typeof children !== 'undefined' && (\n          <div className=\"flex-1\">{children}</div>\n        )}\n\n        {IconRight && (\n          <IconRight\n            className={cn(\n              buttonIconVariants({ size, className: iconClassName }),\n              ''\n            )}\n          />\n        )}\n      </button>\n    );\n  }\n);\n\nButton.displayName = 'Button';\n"],"names":["cva","forwardRef","jsxs","jsx","cn","Loader"],"mappings":"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"}

package/dist/components/Button/Button.d.ts

@@ -3,9 +3,9 @@ import { LucideIcon } from 'lucide-react';
 import { ButtonHTMLAttributes, DetailedHTMLProps, FC } from 'react';
 declare const buttonVariants: (props?: ({
     size?: "sm" | "md" | "lg" | "xl" | "icon-sm" | "icon-md" | "icon-lg" | "icon-xl" | null | undefined;
-    variant?: "default" | "link" | "none" | "outline" | "invisible-link" | "hoverable" | null | undefined;
-    color?: "error" | "success" | "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "text-inverse" | "custom" | null | undefined;
-    textAlign?: "left" | "center" | "right" | null | undefined;
+    variant?: "default" | "link" | "none" | "input" | "outline" | "invisible-link" | "hoverable" | null | undefined;
+    color?: "text" | "error" | "primary" | "secondary" | "neutral" | "destructive" | "light" | "dark" | "text-inverse" | "success" | "custom" | null | undefined;
+    textAlign?: "left" | "right" | "center" | null | undefined;
     isFullWidth?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type ButtonProps = DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & VariantProps<typeof buttonVariants> & {

package/dist/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,EACtB,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AAsBf,QAAA,MAAM,cAAc;;;;;;8EAiEnB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,iBAAiB,CACzC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,iBAAiB,CAClB,GACC,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,EAAE,GAAG,UAAU,CAAC;IACvB,SAAS,CAAC,EAAE,EAAE,GAAG,UAAU,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEJ,eAAO,MAAM,MAAM,wHA4ElB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,EACtB,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AAsBf,QAAA,MAAM,cAAc;;;;;;8EAuEnB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,iBAAiB,CACzC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,iBAAiB,CAClB,GACC,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,EAAE,GAAG,UAAU,CAAC;IACvB,SAAS,CAAC,EAAE,EAAE,GAAG,UAAU,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEJ,eAAO,MAAM,MAAM,wHA4ElB,CAAC"}

package/dist/components/Button/Button.mjs

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
 import { cva } from "class-variance-authority";
 import { forwardRef } from "react";
 import { cn } from "../../utils/cn.mjs";
@@ -40,7 +40,13 @@ const buttonVariants = cva(
         outline: "rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30 dark:bg-opacity-0",
         link: "h-auto justify-start border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent hover:underline dark:bg-transparent hover:dark:bg-transparent",
         "invisible-link": "h-auto justify-start border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent dark:bg-transparent hover:dark:bg-transparent",
-        hoverable: "rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10 aria-[current=true]:bg-opacity-5 dark:border-none dark:bg-opacity-0 dark:hover:bg-opacity-10"
+        hoverable: "rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10 aria-[current=true]:bg-opacity-5 dark:border-none dark:bg-opacity-0 dark:hover:bg-opacity-10",
+        input: [
+          "w-full select-text resize-none rounded-xl border-2 bg-input-background text-sm text-input-text shadow-none outline-0 transition-all dark:bg-input-background-dark dark:text-input-text-dark",
+          "border-input-border hover:border-input-border-hover focus:border-input-border-focus focus:outline-0 focus:[box-shadow:none] dark:border-input-border-dark dark:hover:border-input-border-hover-dark dark:focus:border-input-border-focus",
+          "aria-[invalid=true]:border-error dark:aria-[invalid=true]:border-error-dark",
+          "disabled:opacity-50"
+        ]
       },
       color: {
         primary: "border-primary bg-primary text-primary hover:bg-primary-500 dark:border-primary-dark dark:bg-primary-dark dark:text-primary-dark hover:dark:bg-primary-300",
@@ -50,7 +56,7 @@ const buttonVariants = cva(
         light: "border-white bg-white text-white hover:bg-neutral-500",
         dark: "border-neutral-800 bg-neutral-800 text-neutral-800 hover:bg-neutral-900 dark:hover:bg-neutral-700",
         text: "border-text bg-text text-text hover:opacity-80 dark:border-text-dark dark:bg-text-dark dark:text-text-dark",
-        "text-inverse": "border-text-inverse dark:border-text-inverse-dark bg-text-inverse dark:bg-text-inverse-dark text-text-inverse dark:text-text-inverse-dark hover:opacity-80",
+        "text-inverse": "border-text-dark dark:border-text bg-text-dark dark:bg-text text-text-dark dark:text-text hover:opacity-80",
         error: "border-error bg-error text-error hover:bg-error-500 dark:border-error-dark dark:bg-error-dark dark:text-error-dark hover:dark:bg-error-300",
         success: "border-success bg-success text-success hover:bg-success-500 dark:border-success-dark dark:bg-success-dark dark:text-success-dark hover:dark:bg-success-300",
         custom: ""
@@ -98,7 +104,7 @@ const Button = forwardRef(
       "button",
       {
         ref,
-        disabled: isLoading ?? disabled,
+        disabled: isLoading || disabled,
         "aria-current": isActive,
         "aria-selected": isActive,
         "aria-label": label,

package/dist/components/Button/Button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.mjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { LucideIcon } from 'lucide-react';\nimport {\n  forwardRef,\n  type ButtonHTMLAttributes,\n  type DetailedHTMLProps,\n  type FC,\n} from 'react';\nimport { cn } from '../../utils/cn';\nimport { Loader } from '../Loader';\n\nconst buttonIconVariants = cva('size-4', {\n  variants: {\n    size: {\n      sm: 'w-4',\n      md: 'w-6',\n      lg: 'w-7',\n      xl: 'w-9',\n      'icon-sm': 'size-6 p-1',\n      'icon-md': 'size-7 p-1',\n      'icon-lg': 'size-9 p-1',\n      'icon-xl': 'size-10 p-1',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nconst buttonVariants = cva(\n  'flex items-center gap-3 whitespace-nowrap font-medium transition focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      size: {\n        sm: 'min-h-8 px-3 text-xs',\n        md: 'min-h-9 px-6 text-base',\n        lg: 'min-h-10 px-8 text-lg',\n        xl: 'min-h-11 px-10 text-xl',\n        'icon-sm': 'p-0',\n        'icon-md': 'p-0',\n        'icon-lg': 'p-0',\n        'icon-xl': 'p-0',\n      },\n      variant: {\n        default: 'rounded-lg text-text-opposite dark:text-text-opposite-dark',\n        none: 'border-none bg-opacity-0 text-inherit hover:bg-opacity-0 dark:bg-opacity-0 dark:text-inherit dark:hover:bg-opacity-0',\n        outline:\n          'rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30 dark:bg-opacity-0',\n        link: 'h-auto justify-start border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent hover:underline dark:bg-transparent hover:dark:bg-transparent',\n        'invisible-link':\n          'h-auto justify-start border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent dark:bg-transparent hover:dark:bg-transparent',\n        hoverable:\n          'rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10 aria-[current=true]:bg-opacity-5 dark:border-none dark:bg-opacity-0 dark:hover:bg-opacity-10',\n      },\n      color: {\n        primary:\n          'border-primary bg-primary text-primary hover:bg-primary-500 dark:border-primary-dark dark:bg-primary-dark dark:text-primary-dark hover:dark:bg-primary-300',\n        secondary:\n          'border-secondary bg-secondary text-secondary hover:bg-secondary-300 dark:border-secondary-dark dark:bg-secondary-dark dark:text-secondary-dark hover:dark:bg-secondary-100',\n        destructive:\n          'border-destructive bg-destructive text-destructive hover:bg-destructive-500 dark:border-destructive-dark dark:bg-destructive-dark hover:dark:bg-destructive-200',\n        neutral:\n          'border-neutral bg-neutral text-neutral hover:bg-neutral-600 dark:border-neutral-dark dark:bg-neutral-dark dark:text-neutral-dark hover:dark:bg-neutral-400',\n        light: 'border-white bg-white text-white hover:bg-neutral-500',\n        dark: 'border-neutral-800 bg-neutral-800 text-neutral-800 hover:bg-neutral-900 dark:hover:bg-neutral-700',\n        text: 'border-text bg-text text-text hover:opacity-80 dark:border-text-dark dark:bg-text-dark dark:text-text-dark',\n        'text-inverse':\n          'border-text-inverse dark:border-text-inverse-dark bg-text-inverse dark:bg-text-inverse-dark text-text-inverse dark:text-text-inverse-dark hover:opacity-80',\n        error:\n          'border-error bg-error text-error hover:bg-error-500 dark:border-error-dark dark:bg-error-dark dark:text-error-dark hover:dark:bg-error-300',\n        success:\n          'border-success bg-success text-success hover:bg-success-500 dark:border-success-dark dark:bg-success-dark dark:text-success-dark hover:dark:bg-success-300',\n        custom: '',\n      },\n\n      textAlign: {\n        left: 'text-left',\n        center: 'text-center',\n        right: 'text-right',\n      },\n\n      isFullWidth: {\n        true: 'w-full',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n      color: 'primary',\n      textAlign: 'center',\n      isFullWidth: false,\n    },\n  }\n);\n\nexport type ButtonProps = DetailedHTMLProps<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  HTMLButtonElement\n> &\n  VariantProps<typeof buttonVariants> & {\n    /**\n     * Optional icon to be displayed on the button\n     */\n    label: string;\n    Icon?: FC | LucideIcon;\n    IconRight?: FC | LucideIcon;\n    iconClassName?: string;\n    isLoading?: boolean;\n    isActive?: boolean;\n    isFullWidth?: boolean;\n  };\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      variant = 'default',\n      size = 'sm',\n      color = 'primary',\n      children,\n      Icon,\n      IconRight,\n      iconClassName,\n      isLoading = false,\n      isActive,\n      isFullWidth = false,\n      textAlign = IconRight ? 'left' : 'center',\n      disabled,\n      label,\n      className,\n      type = 'button',\n      ...props\n    },\n    ref\n  ) => {\n    const isLink = variant === 'link' || variant === 'invisible-link';\n\n    return (\n      <button\n        ref={ref}\n        disabled={isLoading ?? disabled}\n        aria-current={isActive}\n        aria-selected={isActive}\n        aria-label={label}\n        aria-busy={isLoading}\n        role={isLink ? 'link' : undefined}\n        type={type}\n        className={buttonVariants({\n          variant,\n          size,\n          color,\n          isFullWidth,\n          textAlign,\n          className,\n        })}\n        {...props}\n      >\n        {Icon && !isLoading && (\n          <Icon\n            className={cn(\n              buttonIconVariants({ size, className: iconClassName }),\n              'float-start'\n            )}\n          />\n        )}\n\n        <Loader\n          className={cn(\n            buttonIconVariants({ size, className: iconClassName }),\n            'float-start'\n          )}\n          isLoading={isLoading}\n        />\n\n        {typeof children !== 'undefined' && (\n          <div className=\"flex-1\">{children}</div>\n        )}\n\n        {IconRight && (\n          <IconRight\n            className={cn(\n              buttonIconVariants({ size, className: iconClassName }),\n              ''\n            )}\n          />\n        )}\n      </button>\n    );\n  }\n);\n\nButton.displayName = 'Button';\n"],"names":["jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"Button.mjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { LucideIcon } from 'lucide-react';\nimport {\n  forwardRef,\n  type ButtonHTMLAttributes,\n  type DetailedHTMLProps,\n  type FC,\n} from 'react';\nimport { cn } from '../../utils/cn';\nimport { Loader } from '../Loader';\n\nconst buttonIconVariants = cva('size-4', {\n  variants: {\n    size: {\n      sm: 'w-4',\n      md: 'w-6',\n      lg: 'w-7',\n      xl: 'w-9',\n      'icon-sm': 'size-6 p-1',\n      'icon-md': 'size-7 p-1',\n      'icon-lg': 'size-9 p-1',\n      'icon-xl': 'size-10 p-1',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nconst buttonVariants = cva(\n  'flex items-center gap-3 whitespace-nowrap font-medium transition focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      size: {\n        sm: 'min-h-8 px-3 text-xs',\n        md: 'min-h-9 px-6 text-base',\n        lg: 'min-h-10 px-8 text-lg',\n        xl: 'min-h-11 px-10 text-xl',\n        'icon-sm': 'p-0',\n        'icon-md': 'p-0',\n        'icon-lg': 'p-0',\n        'icon-xl': 'p-0',\n      },\n      variant: {\n        default: 'rounded-lg text-text-opposite dark:text-text-opposite-dark',\n        none: 'border-none bg-opacity-0 text-inherit hover:bg-opacity-0 dark:bg-opacity-0 dark:text-inherit dark:hover:bg-opacity-0',\n        outline:\n          'rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30 dark:bg-opacity-0',\n        link: 'h-auto justify-start border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent hover:underline dark:bg-transparent hover:dark:bg-transparent',\n        'invisible-link':\n          'h-auto justify-start border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent dark:bg-transparent hover:dark:bg-transparent',\n        hoverable:\n          'rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10 aria-[current=true]:bg-opacity-5 dark:border-none dark:bg-opacity-0 dark:hover:bg-opacity-10',\n        input: [\n          'w-full select-text resize-none rounded-xl border-2 bg-input-background text-sm text-input-text shadow-none outline-0 transition-all dark:bg-input-background-dark dark:text-input-text-dark',\n          'border-input-border hover:border-input-border-hover focus:border-input-border-focus focus:outline-0 focus:[box-shadow:none] dark:border-input-border-dark dark:hover:border-input-border-hover-dark dark:focus:border-input-border-focus',\n          'aria-[invalid=true]:border-error dark:aria-[invalid=true]:border-error-dark',\n          'disabled:opacity-50',\n        ],\n      },\n      color: {\n        primary:\n          'border-primary bg-primary text-primary hover:bg-primary-500 dark:border-primary-dark dark:bg-primary-dark dark:text-primary-dark hover:dark:bg-primary-300',\n        secondary:\n          'border-secondary bg-secondary text-secondary hover:bg-secondary-300 dark:border-secondary-dark dark:bg-secondary-dark dark:text-secondary-dark hover:dark:bg-secondary-100',\n        destructive:\n          'border-destructive bg-destructive text-destructive hover:bg-destructive-500 dark:border-destructive-dark dark:bg-destructive-dark hover:dark:bg-destructive-200',\n        neutral:\n          'border-neutral bg-neutral text-neutral hover:bg-neutral-600 dark:border-neutral-dark dark:bg-neutral-dark dark:text-neutral-dark hover:dark:bg-neutral-400',\n        light: 'border-white bg-white text-white hover:bg-neutral-500',\n        dark: 'border-neutral-800 bg-neutral-800 text-neutral-800 hover:bg-neutral-900 dark:hover:bg-neutral-700',\n        text: 'border-text bg-text text-text hover:opacity-80 dark:border-text-dark dark:bg-text-dark dark:text-text-dark',\n        'text-inverse':\n          'border-text-dark dark:border-text bg-text-dark dark:bg-text text-text-dark dark:text-text hover:opacity-80',\n        error:\n          'border-error bg-error text-error hover:bg-error-500 dark:border-error-dark dark:bg-error-dark dark:text-error-dark hover:dark:bg-error-300',\n        success:\n          'border-success bg-success text-success hover:bg-success-500 dark:border-success-dark dark:bg-success-dark dark:text-success-dark hover:dark:bg-success-300',\n        custom: '',\n      },\n\n      textAlign: {\n        left: 'text-left',\n        center: 'text-center',\n        right: 'text-right',\n      },\n\n      isFullWidth: {\n        true: 'w-full',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n      color: 'primary',\n      textAlign: 'center',\n      isFullWidth: false,\n    },\n  }\n);\n\nexport type ButtonProps = DetailedHTMLProps<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  HTMLButtonElement\n> &\n  VariantProps<typeof buttonVariants> & {\n    /**\n     * Optional icon to be displayed on the button\n     */\n    label: string;\n    Icon?: FC | LucideIcon;\n    IconRight?: FC | LucideIcon;\n    iconClassName?: string;\n    isLoading?: boolean;\n    isActive?: boolean;\n    isFullWidth?: boolean;\n  };\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      variant = 'default',\n      size = 'sm',\n      color = 'primary',\n      children,\n      Icon,\n      IconRight,\n      iconClassName,\n      isLoading = false,\n      isActive,\n      isFullWidth = false,\n      textAlign = IconRight ? 'left' : 'center',\n      disabled,\n      label,\n      className,\n      type = 'button',\n      ...props\n    },\n    ref\n  ) => {\n    const isLink = variant === 'link' || variant === 'invisible-link';\n\n    return (\n      <button\n        ref={ref}\n        disabled={isLoading || disabled}\n        aria-current={isActive}\n        aria-selected={isActive}\n        aria-label={label}\n        aria-busy={isLoading}\n        role={isLink ? 'link' : undefined}\n        type={type}\n        className={buttonVariants({\n          variant,\n          size,\n          color,\n          isFullWidth,\n          textAlign,\n          className,\n        })}\n        {...props}\n      >\n        {Icon && !isLoading && (\n          <Icon\n            className={cn(\n              buttonIconVariants({ size, className: iconClassName }),\n              'float-start'\n            )}\n          />\n        )}\n\n        <Loader\n          className={cn(\n            buttonIconVariants({ size, className: iconClassName }),\n            'float-start'\n          )}\n          isLoading={isLoading}\n        />\n\n        {typeof children !== 'undefined' && (\n          <div className=\"flex-1\">{children}</div>\n        )}\n\n        {IconRight && (\n          <IconRight\n            className={cn(\n              buttonIconVariants({ size, className: iconClassName }),\n              ''\n            )}\n          />\n        )}\n      </button>\n    );\n  }\n);\n\nButton.displayName = 'Button';\n"],"names":["jsxs","jsx"],"mappings":"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"}

package/dist/components/Command/index.cjs

@@ -1,7 +1,7 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
 const reactDialog = require("@radix-ui/react-dialog");
 const cmdk = require("cmdk");
 const lucideReact = require("lucide-react");

package/dist/components/Command/index.d.ts

@@ -6,7 +6,7 @@ export declare const CommandRoot: import('react').ForwardRefExoticComponent<Omit
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof HTMLAttributes<HTMLDivElement>> & {
+}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -40,7 +40,7 @@ export declare const Command: {
         ref?: React.Ref<HTMLInputElement>;
     } & {
         asChild?: boolean;
-    }, "key" | "asChild" | keyof import('react').InputHTMLAttributes<HTMLInputElement>>, "type" | "onChange" | "value"> & {
+    }, "key" | keyof import('react').InputHTMLAttributes<HTMLInputElement> | "asChild">, "onChange" | "type" | "value"> & {
         value?: string;
         onValueChange?: (search: string) => void;
     } & import('react').RefAttributes<HTMLInputElement>, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
@@ -50,7 +50,7 @@ export declare const Command: {
         ref?: React.Ref<HTMLDivElement>;
     } & {
         asChild?: boolean;
-    }, "key" | "asChild" | keyof HTMLAttributes<HTMLDivElement>> & {
+    }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & {
         label?: string;
     } & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     Empty: import('react').ForwardRefExoticComponent<Omit<{
@@ -59,14 +59,14 @@ export declare const Command: {
         ref?: React.Ref<HTMLDivElement>;
     } & {
         asChild?: boolean;
-    }, "key" | "asChild" | keyof HTMLAttributes<HTMLDivElement>> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     Group: import('react').ForwardRefExoticComponent<Omit<{
         children?: React.ReactNode;
     } & Omit<Pick<Pick<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
         ref?: React.Ref<HTMLDivElement>;
     } & {
         asChild?: boolean;
-    }, "key" | "asChild" | keyof HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
+    }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
         heading?: React.ReactNode;
         value?: string;
         forceMount?: boolean;
@@ -75,7 +75,7 @@ export declare const Command: {
         ref?: React.Ref<HTMLDivElement>;
     } & {
         asChild?: boolean;
-    }, "key" | "asChild" | keyof HTMLAttributes<HTMLDivElement>> & {
+    }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & {
         alwaysRender?: boolean;
     } & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     Item: import('react').ForwardRefExoticComponent<Omit<{
@@ -84,7 +84,7 @@ export declare const Command: {
         ref?: React.Ref<HTMLDivElement>;
     } & {
         asChild?: boolean;
-    }, "key" | "asChild" | keyof HTMLAttributes<HTMLDivElement>>, "onSelect" | "value" | "disabled"> & {
+    }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
         disabled?: boolean;
         onSelect?: (value: string) => void;
         value?: string;
@@ -101,7 +101,7 @@ export declare const Command: {
         ref?: React.Ref<HTMLDivElement>;
     } & {
         asChild?: boolean;
-    }, "key" | "asChild" | keyof HTMLAttributes<HTMLDivElement>> & {
+    }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & {
         label?: string;
         shouldFilter?: boolean;
         filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -118,7 +118,7 @@ export declare const Command: {
         ref?: React.Ref<HTMLDivElement>;
     } & {
         asChild?: boolean;
-    }, "key" | "asChild" | keyof HTMLAttributes<HTMLDivElement>> & {
+    }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & {
         label?: string;
         shouldFilter?: boolean;
         filter?: (value: string, search: string, keywords?: string[]) => number;

package/dist/components/Command/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Command/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,wBAAwB,CAAC;AAGhC,OAAO,EAGL,KAAK,EAAE,EAEP,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAGf,eAAO,MAAM,WAAW;qBAVU,SAC9B;;gBA0KioM,GAAG;;;;;;qDAAwwB,CAAC;;;;;;;0GArJ/4N,CAAC;AAyHH;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO;;;oBAW8/S,GAAG;;;;;;;;yBA3Kn/S,SAC9B;;oBA0Ks3P,GAAG;;;;;;;yBA3K31P,SAC9B;;oBA0K+qb,GAAG;;;;;yBA3Kppb,SAC9B;;oBA0K6sU,GAAG;;;;wBAA0O,SAAS;;;;;oBAA4e,GAAG;;;;;;;yBA3Kp5V,SAC9B;;oBA0Kq4Q,GAAG;;;;;;;;;;;kCAzCz4Q,cAAc,CAAC,eAAe,CAAC;;;;yBAlIA,SAC9B;;oBA0KioM,GAAG;;;;;;yDAAwwB,CAAC;;;;;;;;;yBA3K/2N,SAC9B;;oBA0KioM,GAAG;;;;;;yDAAwwB,CAAC;;;;;;;;;;CADh5N,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Command/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,wBAAwB,CAAC;AAGhC,OAAO,EAGL,KAAK,EAAE,EAEP,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAGf,eAAO,MAAM,WAAW;eAVG,MAAO,SAC9B;;UA0K0nM,MAAO,GAAG;;;;;;qDAAwwB,CAAC;;;;;;;0GArJ/4N,CAAC;AAyHH;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO;;;cAWu/S,MAAO,GAAG;;;;;;;;mBA3K1/S,MAAO,SAC9B;;cA0K+2P,MAAO,GAAG;;;;;;;mBA3Kl2P,MAAO,SAC9B;;cA0Kwqb,MAAO,GAAG;;;;;mBA3K3pb,MAAO,SAC9B;;cA0KssU,MAAO,GAAG;;;;kBAAmO,MAAO,SAAS;;;;;cAAqe,MAAO,GAAG;;;;;;;mBA3K35V,MAAO,SAC9B;;cA0K83Q,MAAO,GAAG;;;;;;;;;;;kCAzCz4Q,cAAc,CAAC,eAAe,CAAC;;;;mBAlIP,MAAO,SAC9B;;cA0K0nM,MAAO,GAAG;;;;;;yDAAwwB,CAAC;;;;;;;;;mBA3Kt3N,MAAO,SAC9B;;cA0K0nM,MAAO,GAAG;;;;;;yDAAwwB,CAAC;;;;;;;;;;CADh5N,CAAC"}

package/dist/components/Command/index.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
 import { Dialog, DialogContent } from "@radix-ui/react-dialog";
 import { Command as Command$1 } from "cmdk";
 import { Search } from "lucide-react";