npm - @intlayer/design-system - Versions diffs - 3.3.2 → 3.3.3 - Mend

@intlayer/design-system 3.3.2 → 3.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (470) hide show

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

	@@ -1 +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~~;;"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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~~;"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":";;;;;;;AAWA,MAAM,qBAAqBA,2BAAI,UAAU;AAAA,EACvC,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAED,MAAM,iBAAiBA,uBAAA;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,WAAW;AAAA,QACX,WAAW;AAAA,QACX,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MACA,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,QACN,SACE;AAAA,QACF,MAAM;AAAA,QACN,kBACE;AAAA,QACF,WACE;AAAA,~~MACJ~~;AAAA,MACA,OAAO;AAAA,QACL,SACE;AAAA,QACF,WACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,gBACE;AAAA,QACF,OACE;AAAA,QACF,SACE;AAAA,QACF,QAAQ;AAAA,MACV;AAAA,MAEA,WAAW;AAAA,QACT,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,MACT;AAAA,MAEA,aAAa;AAAA,QACX,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa;AAAA,IACf;AAAA,EACF;AACF;AAmBO,MAAM,SAASC,WAAA;AAAA,EACpB,CACE;AAAA,IACE,UAAU;AAAA,IACV,OAAO;AAAA,IACP,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA,cAAc;AAAA,IACd,YAAY,YAAY,SAAS;AAAA,IACjC;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,GAAG;AAAA,KAEL,QACG;AACG,UAAA,SAAS,YAAY,UAAU,YAAY;AAG/C,WAAAC,2BAAA,kBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,UAAU,aAAa;AAAA,QACvB,gBAAc;AAAA,QACd,iBAAe;AAAA,QACf,cAAY;AAAA,QACZ,aAAW;AAAA,QACX,MAAM,SAAS,SAAS;AAAA,QACxB;AAAA,QACA,WAAW,eAAe;AAAA,UACxB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA,CACD;AAAA,QACA,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA,QAAQ,CAAC,aACRC,2BAAA,kBAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWC,SAAA;AAAA,gBACT,mBAAmB,EAAE,MAAM,WAAW,eAAe;AAAA,gBACrD;AAAA,cACF;AAAA,YAAA;AAAA,UACF;AAAA,UAGFD,2BAAA,kBAAA;AAAA,YAACE,wBAAA;AAAA,YAAA;AAAA,cACC,WAAWD,SAAA;AAAA,gBACT,mBAAmB,EAAE,MAAM,WAAW,eAAe;AAAA,gBACrD;AAAA,cACF;AAAA,cACA;AAAA,YAAA;AAAA,UACF;AAAA,UAEC,OAAO,aAAa,gEAClB,OAAI,EAAA,WAAU,UAAU,UAAS;AAAA,UAGnC,aACCD,2BAAA,kBAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWC,SAAA;AAAA,gBACT,mBAAmB,EAAE,MAAM,WAAW,eAAe;AAAA,gBACrD;AAAA,cACF;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;AAEA,OAAO,cAAc;;"}
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 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 CHANGED Viewed

@@ -3,8 +3,8 @@ 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?: "text" | "error" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "text-inverse" | "success" | "custom" | 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;

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

	@@ -1 +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"}
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;;;;;;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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":";;;;;AAWA,MAAM,qBAAqB,IAAI,UAAU;AAAA,EACvC,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAED,MAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,WAAW;AAAA,QACX,WAAW;AAAA,QACX,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MACA,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,QACN,SACE;AAAA,QACF,MAAM;AAAA,QACN,kBACE;AAAA,QACF,WACE;AAAA,~~MACJ~~;AAAA,MACA,OAAO;AAAA,QACL,SACE;AAAA,QACF,WACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,gBACE;AAAA,QACF,OACE;AAAA,QACF,SACE;AAAA,QACF,QAAQ;AAAA,MACV;AAAA,MAEA,WAAW;AAAA,QACT,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,MACT;AAAA,MAEA,aAAa;AAAA,QACX,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa;AAAA,IACf;AAAA,EACF;AACF;AAmBO,MAAM,SAAS;AAAA,EACpB,CACE;AAAA,IACE,UAAU;AAAA,IACV,OAAO;AAAA,IACP,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA,cAAc;AAAA,IACd,YAAY,YAAY,SAAS;AAAA,IACjC;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,GAAG;AAAA,KAEL,QACG;AACG,UAAA,SAAS,YAAY,UAAU,YAAY;AAG/C,WAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,UAAU,aAAa;AAAA,QACvB,gBAAc;AAAA,QACd,iBAAe;AAAA,QACf,cAAY;AAAA,QACZ,aAAW;AAAA,QACX,MAAM,SAAS,SAAS;AAAA,QACxB;AAAA,QACA,WAAW,eAAe;AAAA,UACxB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA,CACD;AAAA,QACA,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA,QAAQ,CAAC,aACRC,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,gBACT,mBAAmB,EAAE,MAAM,WAAW,eAAe;AAAA,gBACrD;AAAA,cACF;AAAA,YAAA;AAAA,UACF;AAAA,UAGFA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,gBACT,mBAAmB,EAAE,MAAM,WAAW,eAAe;AAAA,gBACrD;AAAA,cACF;AAAA,cACA;AAAA,YAAA;AAAA,UACF;AAAA,UAEC,OAAO,aAAa,qDAClB,OAAI,EAAA,WAAU,UAAU,UAAS;AAAA,UAGnC,aACCA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,gBACT,mBAAmB,EAAE,MAAM,WAAW,eAAe;AAAA,gBACrD;AAAA,cACF;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;AAEA,OAAO,cAAc;"}
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 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 CHANGED Viewed

@@ -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.map CHANGED Viewed

	@@ -1 +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"}
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;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 CHANGED Viewed

@@ -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";

package/dist/components/Container/index.cjs CHANGED Viewed

@@ -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");
@@ -41,7 +41,13 @@ const containerVariants = classVarianceAuthority.cva(
       },
       border: {
         none: "",
-        with: "border-text dark:border-text-dark border-[1.5px]"
+        with: "border-[1.5px]"
+      },
+      borderColor: {
+        primary: "border-primary dark:border-primary-dark",
+        secondary: "border-secondary dark:border-secondary-dark",
+        neutral: "border-neutral dark:border-neutral-dark",
+        text: "border-text dark:border-text-dark"
       },
       background: {
         none: "bg-none",
@@ -59,6 +65,7 @@ const containerVariants = classVarianceAuthority.cva(
     defaultVariants: {
       roundedSize: "md",
       border: "none",
+      borderColor: "text",
       transparency: "md",
       padding: "none",
       separator: "without",
@@ -75,6 +82,7 @@ const Container = require$$0.forwardRef(
     separator,
     className,
     border,
+    borderColor,
     background,
     ...props
   }, ref) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
@@ -89,6 +97,7 @@ const Container = require$$0.forwardRef(
           separator,
           border: typeof border === "boolean" ? border ? "with" : "none" : void 0,
           background: typeof background === "boolean" ? background ? "with" : "none" : void 0,
+          borderColor,
           className
         })
       ),

package/dist/components/Container/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":["../../../src/components/Container/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { type PropsWithChildren, forwardRef, type HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\n\nconst containerVariants = cva(\n 'flex flex-col p-10 text-text backdrop-blur dark:text-text-dark',\n {\n variants: {\n roundedSize: {\n none: 'rounded-none',\n sm: 'rounded-sm',\n md: 'rounded-md',\n lg: 'rounded-lg',\n xl: 'rounded-xl',\n '2xl': 'rounded-2xl',\n '3xl': 'rounded-3xl',\n full: 'rounded-full',\n },\n transparency: {\n none: 'bg-card dark:bg-card-dark',\n full: '',\n sm: 'bg-card/80 dark:bg-card-dark/80',\n md: 'bg-card/60 dark:bg-card-dark/60',\n lg: 'bg-card/40 dark:bg-card-dark/40',\n xl: 'bg-card/20 dark:bg-card-dark/20',\n },\n padding: {\n none: 'p-0',\n sm: 'p-1',\n md: 'p-2',\n lg: 'p-3',\n xl: 'p-4',\n },\n separator: {\n without: '',\n x: 'divide-x divide-dashed divide-text/20 dark:divide-text-dark/20',\n y: 'divide-y divide-dashed divide-text/20 dark:divide-text-dark/20',\n both: 'divide-x divide-y divide-dashed divide-text/20 dark:divide-text-dark/20',\n },\n border: {\n none: '',\n with: 'border-~~text~~ dark:border-~~text~~-dark border-~~[1.5px]~~',\n },\n background: {\n none: 'bg-none',\n with: '',\n },\n gap: {\n none: 'gap-0',\n sm: 'gap-1',\n md: 'gap-3',\n lg: 'gap-5',\n xl: 'gap-8',\n '2xl': 'gap-10',\n },\n },\n\n defaultVariants: {\n roundedSize: 'md',\n border: 'none',\n transparency: 'md',\n padding: 'none',\n separator: 'without',\n gap: 'none',\n },\n }\n);\n\nexport type ContainerProps = PropsWithChildren<\n Omit<VariantProps<typeof containerVariants>, 'border' \| 'background'>\n> &\n HTMLAttributes<HTMLDivElement> & {\n border?: boolean;\n background?: boolean;\n };\n\nexport const Container = forwardRef<HTMLDivElement, ContainerProps>(\n (\n {\n children,\n roundedSize,\n padding,\n transparency,\n separator,\n className,\n border,\n background,\n ...props\n },\n ref\n ) => (\n <div\n ref={ref}\n className={cn(\n containerVariants({\n roundedSize,\n transparency,\n padding,\n separator,\n border:\n typeof border === 'boolean'\n ? border\n ? 'with'\n : 'none'\n : undefined,\n background:\n typeof background === 'boolean'\n ? background\n ? 'with'\n : 'none'\n : undefined,\n className,\n })\n )}\n {...props}\n >\n {children}\n </div>\n )\n);\n\nContainer.displayName = 'Container';\n"],"names":["cva","forwardRef","jsx","cn"],"mappings":";;;;;;AAIA,MAAM,oBAAoBA,uBAAA;AAAA,EACxB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,aAAa;AAAA,QACX,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,SAAS;AAAA,QACP,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,WAAW;AAAA,QACT,SAAS;AAAA,QACT,GAAG;AAAA,QACH,GAAG;AAAA,QACH,MAAM;AAAA,MACR;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,KAAK;AAAA,QACH,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,SAAS;AAAA,MACT,WAAW;AAAA,MACX,KAAK;AAAA,IACP;AAAA,EACF;AACF;AAUO,MAAM,YAAYC,WAAA;AAAA,EACvB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,KAEL,QAEAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAWC,SAAA;AAAA,QACT,kBAAkB;AAAA,UAChB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,QACE,OAAO,WAAW,YACd,SACE,SACA,SACF;AAAA,UACN,YACE,OAAO,eAAe,YAClB,aACE,SACA,SACF;AAAA,UACN;AAAA,QAAA,CACD;AAAA,MACH;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EACH;AAEJ;AAEA,UAAU,cAAc;;"}
1	+ {"version":3,"file":"index.cjs","sources":["../../../src/components/Container/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { type PropsWithChildren, forwardRef, type HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\n\nconst containerVariants = cva(\n 'flex flex-col p-10 text-text backdrop-blur dark:text-text-dark',\n {\n variants: {\n roundedSize: {\n none: 'rounded-none',\n sm: 'rounded-sm',\n md: 'rounded-md',\n lg: 'rounded-lg',\n xl: 'rounded-xl',\n '2xl': 'rounded-2xl',\n '3xl': 'rounded-3xl',\n full: 'rounded-full',\n },\n transparency: {\n none: 'bg-card dark:bg-card-dark',\n full: '',\n sm: 'bg-card/80 dark:bg-card-dark/80',\n md: 'bg-card/60 dark:bg-card-dark/60',\n lg: 'bg-card/40 dark:bg-card-dark/40',\n xl: 'bg-card/20 dark:bg-card-dark/20',\n },\n padding: {\n none: 'p-0',\n sm: 'p-1',\n md: 'p-2',\n lg: 'p-3',\n xl: 'p-4',\n },\n separator: {\n without: '',\n x: 'divide-x divide-dashed divide-text/20 dark:divide-text-dark/20',\n y: 'divide-y divide-dashed divide-text/20 dark:divide-text-dark/20',\n both: 'divide-x divide-y divide-dashed divide-text/20 dark:divide-text-dark/20',\n },\n border: {\n none: '',\n with: 'border-[1.5px]',\n },\n borderColor: {\n primary: 'border-primary dark:border-primary-dark',\n secondary: 'border-secondary dark:border-secondary-dark',\n neutral: 'border-neutral dark:border-neutral-dark',\n text: 'border-text dark:border-text-dark',\n },\n background: {\n none: 'bg-none',\n with: '',\n },\n gap: {\n none: 'gap-0',\n sm: 'gap-1',\n md: 'gap-3',\n lg: 'gap-5',\n xl: 'gap-8',\n '2xl': 'gap-10',\n },\n },\n\n defaultVariants: {\n roundedSize: 'md',\n border: 'none',\n borderColor: 'text',\n transparency: 'md',\n padding: 'none',\n separator: 'without',\n gap: 'none',\n },\n }\n);\n\nexport type ContainerProps = PropsWithChildren<\n Omit<VariantProps<typeof containerVariants>, 'border' \| 'background'>\n> &\n HTMLAttributes<HTMLDivElement> & {\n border?: boolean;\n background?: boolean;\n };\n\nexport const Container = forwardRef<HTMLDivElement, ContainerProps>(\n (\n {\n children,\n roundedSize,\n padding,\n transparency,\n separator,\n className,\n border,\n borderColor,\n background,\n ...props\n },\n ref\n ) => (\n <div\n ref={ref}\n className={cn(\n containerVariants({\n roundedSize,\n transparency,\n padding,\n separator,\n border:\n typeof border === 'boolean'\n ? border\n ? 'with'\n : 'none'\n : undefined,\n background:\n typeof background === 'boolean'\n ? background\n ? 'with'\n : 'none'\n : undefined,\n borderColor,\n className,\n })\n )}\n {...props}\n >\n {children}\n </div>\n )\n);\n\nContainer.displayName = 'Container';\n"],"names":["cva","forwardRef","jsx","cn"],"mappings":";;;;;;AAIA,MAAM,oBAAoBA,uBAAA;AAAA,EACxB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,aAAa;AAAA,QACX,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,SAAS;AAAA,QACP,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,WAAW;AAAA,QACT,SAAS;AAAA,QACT,GAAG;AAAA,QACH,GAAG;AAAA,QACH,MAAM;AAAA,MACR;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,aAAa;AAAA,QACX,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,QACT,MAAM;AAAA,MACR;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,KAAK;AAAA,QACH,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,cAAc;AAAA,MACd,SAAS;AAAA,MACT,WAAW;AAAA,MACX,KAAK;AAAA,IACP;AAAA,EACF;AACF;AAUO,MAAM,YAAYC,WAAA;AAAA,EACvB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,KAEL,QAEAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAWC,SAAA;AAAA,QACT,kBAAkB;AAAA,UAChB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,QACE,OAAO,WAAW,YACd,SACE,SACA,SACF;AAAA,UACN,YACE,OAAO,eAAe,YAClB,aACE,SACA,SACF;AAAA,UACN;AAAA,UACA;AAAA,QAAA,CACD;AAAA,MACH;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EACH;AAEJ;AAEA,UAAU,cAAc;;"}

package/dist/components/Container/index.d.ts CHANGED Viewed

@@ -6,6 +6,7 @@ declare const containerVariants: (props?: ({
     padding?: "none" | "sm" | "md" | "lg" | "xl" | null | undefined;
     separator?: "without" | "x" | "y" | "both" | null | undefined;
     border?: "none" | "with" | null | undefined;
+    borderColor?: "text" | "primary" | "secondary" | "neutral" | null | undefined;
     background?: "none" | "with" | null | undefined;
     gap?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
@@ -19,6 +20,7 @@ export declare const Container: import('react').ForwardRefExoticComponent<Omit<V
     padding?: "none" | "sm" | "md" | "lg" | "xl" | null | undefined;
     separator?: "without" | "x" | "y" | "both" | null | undefined;
     border?: "none" | "with" | null | undefined;
+    borderColor?: "text" | "primary" | "secondary" | "neutral" | null | undefined;
     background?: "none" | "with" | null | undefined;
     gap?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string>, "border" | "background"> & {

package/dist/components/Container/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Container/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,KAAK,iBAAiB,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhF,QAAA,MAAM,iBAAiB~~;;;;;;;;8EA8DtB~~,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,iBAAiB,CAC5C,IAAI,CAAC,YAAY,CAAC,OAAO,iBAAiB,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAC,CACtE,GACC,cAAc,CAAC,cAAc,CAAC,GAAG;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEJ,eAAO,MAAM,SAAS~~;;;;;;;;;;;~~aAJT,OAAO;iBACH,OAAO;~~kDA8CvB~~,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Container/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,KAAK,iBAAiB,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhF,QAAA,MAAM,iBAAiB;;;;;;;;;8EAqEtB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,iBAAiB,CAC5C,IAAI,CAAC,YAAY,CAAC,OAAO,iBAAiB,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAC,CACtE,GACC,cAAc,CAAC,cAAc,CAAC,GAAG;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEJ,eAAO,MAAM,SAAS;;;;;;;;;;;;aAJT,OAAO;iBACH,OAAO;kDAgDvB,CAAC"}

package/dist/components/Container/index.mjs CHANGED Viewed

@@ -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";
@@ -39,7 +39,13 @@ const containerVariants = cva(
       },
       border: {
         none: "",
-        with: "border-text dark:border-text-dark border-[1.5px]"
+        with: "border-[1.5px]"
+      },
+      borderColor: {
+        primary: "border-primary dark:border-primary-dark",
+        secondary: "border-secondary dark:border-secondary-dark",
+        neutral: "border-neutral dark:border-neutral-dark",
+        text: "border-text dark:border-text-dark"
       },
       background: {
         none: "bg-none",
@@ -57,6 +63,7 @@ const containerVariants = cva(
     defaultVariants: {
       roundedSize: "md",
       border: "none",
+      borderColor: "text",
       transparency: "md",
       padding: "none",
       separator: "without",
@@ -73,6 +80,7 @@ const Container = forwardRef(
     separator,
     className,
     border,
+    borderColor,
     background,
     ...props
   }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -87,6 +95,7 @@ const Container = forwardRef(
           separator,
           border: typeof border === "boolean" ? border ? "with" : "none" : void 0,
           background: typeof background === "boolean" ? background ? "with" : "none" : void 0,
+          borderColor,
           className
         })
       ),

package/dist/components/Container/index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.mjs","sources":["../../../src/components/Container/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { type PropsWithChildren, forwardRef, type HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\n\nconst containerVariants = cva(\n 'flex flex-col p-10 text-text backdrop-blur dark:text-text-dark',\n {\n variants: {\n roundedSize: {\n none: 'rounded-none',\n sm: 'rounded-sm',\n md: 'rounded-md',\n lg: 'rounded-lg',\n xl: 'rounded-xl',\n '2xl': 'rounded-2xl',\n '3xl': 'rounded-3xl',\n full: 'rounded-full',\n },\n transparency: {\n none: 'bg-card dark:bg-card-dark',\n full: '',\n sm: 'bg-card/80 dark:bg-card-dark/80',\n md: 'bg-card/60 dark:bg-card-dark/60',\n lg: 'bg-card/40 dark:bg-card-dark/40',\n xl: 'bg-card/20 dark:bg-card-dark/20',\n },\n padding: {\n none: 'p-0',\n sm: 'p-1',\n md: 'p-2',\n lg: 'p-3',\n xl: 'p-4',\n },\n separator: {\n without: '',\n x: 'divide-x divide-dashed divide-text/20 dark:divide-text-dark/20',\n y: 'divide-y divide-dashed divide-text/20 dark:divide-text-dark/20',\n both: 'divide-x divide-y divide-dashed divide-text/20 dark:divide-text-dark/20',\n },\n border: {\n none: '',\n with: 'border-~~text~~ dark:border-~~text~~-dark border-~~[1.5px]~~',\n },\n background: {\n none: 'bg-none',\n with: '',\n },\n gap: {\n none: 'gap-0',\n sm: 'gap-1',\n md: 'gap-3',\n lg: 'gap-5',\n xl: 'gap-8',\n '2xl': 'gap-10',\n },\n },\n\n defaultVariants: {\n roundedSize: 'md',\n border: 'none',\n transparency: 'md',\n padding: 'none',\n separator: 'without',\n gap: 'none',\n },\n }\n);\n\nexport type ContainerProps = PropsWithChildren<\n Omit<VariantProps<typeof containerVariants>, 'border' \| 'background'>\n> &\n HTMLAttributes<HTMLDivElement> & {\n border?: boolean;\n background?: boolean;\n };\n\nexport const Container = forwardRef<HTMLDivElement, ContainerProps>(\n (\n {\n children,\n roundedSize,\n padding,\n transparency,\n separator,\n className,\n border,\n background,\n ...props\n },\n ref\n ) => (\n <div\n ref={ref}\n className={cn(\n containerVariants({\n roundedSize,\n transparency,\n padding,\n separator,\n border:\n typeof border === 'boolean'\n ? border\n ? 'with'\n : 'none'\n : undefined,\n background:\n typeof background === 'boolean'\n ? background\n ? 'with'\n : 'none'\n : undefined,\n className,\n })\n )}\n {...props}\n >\n {children}\n </div>\n )\n);\n\nContainer.displayName = 'Container';\n"],"names":["jsx"],"mappings":";;;;AAIA,MAAM,oBAAoB;AAAA,EACxB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,aAAa;AAAA,QACX,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,SAAS;AAAA,QACP,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,WAAW;AAAA,QACT,SAAS;AAAA,QACT,GAAG;AAAA,QACH,GAAG;AAAA,QACH,MAAM;AAAA,MACR;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,KAAK;AAAA,QACH,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,SAAS;AAAA,MACT,WAAW;AAAA,MACX,KAAK;AAAA,IACP;AAAA,EACF;AACF;AAUO,MAAM,YAAY;AAAA,EACvB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,KAEL,QAEAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,kBAAkB;AAAA,UAChB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,QACE,OAAO,WAAW,YACd,SACE,SACA,SACF;AAAA,UACN,YACE,OAAO,eAAe,YAClB,aACE,SACA,SACF;AAAA,UACN;AAAA,QAAA,CACD;AAAA,MACH;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EACH;AAEJ;AAEA,UAAU,cAAc;"}
1	+ {"version":3,"file":"index.mjs","sources":["../../../src/components/Container/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { type PropsWithChildren, forwardRef, type HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\n\nconst containerVariants = cva(\n 'flex flex-col p-10 text-text backdrop-blur dark:text-text-dark',\n {\n variants: {\n roundedSize: {\n none: 'rounded-none',\n sm: 'rounded-sm',\n md: 'rounded-md',\n lg: 'rounded-lg',\n xl: 'rounded-xl',\n '2xl': 'rounded-2xl',\n '3xl': 'rounded-3xl',\n full: 'rounded-full',\n },\n transparency: {\n none: 'bg-card dark:bg-card-dark',\n full: '',\n sm: 'bg-card/80 dark:bg-card-dark/80',\n md: 'bg-card/60 dark:bg-card-dark/60',\n lg: 'bg-card/40 dark:bg-card-dark/40',\n xl: 'bg-card/20 dark:bg-card-dark/20',\n },\n padding: {\n none: 'p-0',\n sm: 'p-1',\n md: 'p-2',\n lg: 'p-3',\n xl: 'p-4',\n },\n separator: {\n without: '',\n x: 'divide-x divide-dashed divide-text/20 dark:divide-text-dark/20',\n y: 'divide-y divide-dashed divide-text/20 dark:divide-text-dark/20',\n both: 'divide-x divide-y divide-dashed divide-text/20 dark:divide-text-dark/20',\n },\n border: {\n none: '',\n with: 'border-[1.5px]',\n },\n borderColor: {\n primary: 'border-primary dark:border-primary-dark',\n secondary: 'border-secondary dark:border-secondary-dark',\n neutral: 'border-neutral dark:border-neutral-dark',\n text: 'border-text dark:border-text-dark',\n },\n background: {\n none: 'bg-none',\n with: '',\n },\n gap: {\n none: 'gap-0',\n sm: 'gap-1',\n md: 'gap-3',\n lg: 'gap-5',\n xl: 'gap-8',\n '2xl': 'gap-10',\n },\n },\n\n defaultVariants: {\n roundedSize: 'md',\n border: 'none',\n borderColor: 'text',\n transparency: 'md',\n padding: 'none',\n separator: 'without',\n gap: 'none',\n },\n }\n);\n\nexport type ContainerProps = PropsWithChildren<\n Omit<VariantProps<typeof containerVariants>, 'border' \| 'background'>\n> &\n HTMLAttributes<HTMLDivElement> & {\n border?: boolean;\n background?: boolean;\n };\n\nexport const Container = forwardRef<HTMLDivElement, ContainerProps>(\n (\n {\n children,\n roundedSize,\n padding,\n transparency,\n separator,\n className,\n border,\n borderColor,\n background,\n ...props\n },\n ref\n ) => (\n <div\n ref={ref}\n className={cn(\n containerVariants({\n roundedSize,\n transparency,\n padding,\n separator,\n border:\n typeof border === 'boolean'\n ? border\n ? 'with'\n : 'none'\n : undefined,\n background:\n typeof background === 'boolean'\n ? background\n ? 'with'\n : 'none'\n : undefined,\n borderColor,\n className,\n })\n )}\n {...props}\n >\n {children}\n </div>\n )\n);\n\nContainer.displayName = 'Container';\n"],"names":["jsx"],"mappings":";;;;AAIA,MAAM,oBAAoB;AAAA,EACxB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,aAAa;AAAA,QACX,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,SAAS;AAAA,QACP,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,WAAW;AAAA,QACT,SAAS;AAAA,QACT,GAAG;AAAA,QACH,GAAG;AAAA,QACH,MAAM;AAAA,MACR;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,aAAa;AAAA,QACX,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,QACT,MAAM;AAAA,MACR;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,KAAK;AAAA,QACH,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,cAAc;AAAA,MACd,SAAS;AAAA,MACT,WAAW;AAAA,MACX,KAAK;AAAA,IACP;AAAA,EACF;AACF;AAUO,MAAM,YAAY;AAAA,EACvB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,KAEL,QAEAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,kBAAkB;AAAA,UAChB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,QACE,OAAO,WAAW,YACd,SACE,SACA,SACF;AAAA,UACN,YACE,OAAO,eAAe,YAClB,aACE,SACA,SACF;AAAA,UACN;AAAA,UACA;AAAA,QAAA,CACD;AAAA,MACH;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EACH;AAEJ;AAEA,UAAU,cAAc;"}

package/dist/components/ContentEditor/ContentEditor.cjs CHANGED Viewed

@@ -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 lucideReact = require("lucide-react");
 const require$$0 = require("react");
 const utils_cn = require("../../utils/cn.cjs");

package/dist/components/ContentEditor/ContentEditor.mjs CHANGED Viewed

@@ -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 { Check, X } from "lucide-react";
 import { useState } from "react";
 import { cn } from "../../utils/cn.mjs";