@intlayer/design-system 5.7.8 → 5.8.1-canary.0

package/dist/components/Accordion/Accordion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.cjs","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronDown } from 'lucide-react';\nimport { useEffect, useState, type FC, type ReactNode } from 'react';\nimport { cn } from '../../utils/cn';\nimport { type ButtonProps, Button } from '../Button';\nimport { MaxHeightSmoother } from '../MaxHeightSmoother';\n\ntype AccordionProps = {\n  header: ReactNode;\n  children: ReactNode;\n  isOpen?: boolean;\n} & ButtonProps;\n\n/**\n * Accordion component that allows the user to expand and collapse content.\n * It provides a header with a chevron icon that controls the visibility of the content.\n *\n * @param header - The content of the header.\n * @param children - The content to be expanded and collapsed.\n * @param isOpen - Whether the content is expanded or collapsed by default.\n *\n * @example\n * <Accordion header=\"Accordion Header\" isOpen={true}>\n *   <p>Accordion content</p>\n * </Accordion>\n *\n */\nexport const Accordion: FC<AccordionProps> = ({\n  children,\n  header,\n  isOpen: isOpenDefault = false,\n  onClick,\n  ...props\n}) => {\n  const [isOpen, setIsOpen] = useState(isOpenDefault);\n  const isHidden = isOpen == undefined ? undefined : !isOpen;\n\n  useEffect(() => {\n    if (isOpenDefault != undefined) {\n      setIsOpen(isOpenDefault);\n    }\n  }, [isOpenDefault]);\n\n  return (\n    <div className=\"w-full\">\n      <Button\n        variant=\"hoverable\"\n        color=\"text\"\n        onClick={(e) => {\n          setIsOpen((prevIsOpen) => !prevIsOpen);\n          onClick?.(e);\n        }}\n        isFullWidth\n        className=\"flex items-center justify-between gap-2\"\n        IconRight={ChevronDown}\n        iconClassName={cn(\n          'transform transition-transform duration-500 ease-in-out',\n          isOpen ? 'rotate-0' : '-rotate-180'\n        )}\n        {...props}\n      >\n        {header}\n      </Button>\n\n      <MaxHeightSmoother\n        tabIndex={isHidden !== false ? undefined : -1}\n        isHidden={isHidden}\n      >\n        {children}\n      </MaxHeightSmoother>\n    </div>\n  );\n};\n"],"names":["useState","useEffect","jsxs","jsx","Button","ChevronDown","cn","MaxHeightSmoother"],"mappings":";;;;;;;;;AA4BO,MAAM,YAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA,QAAQ,gBAAgB;AAAA,EACxB;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,QAAQ,SAAS,IAAIA,aAAAA,SAAS,aAAa;AAClD,QAAM,WAAW,UAAU,SAAY,SAAY,CAAC;AAEpDC,eAAAA,UAAU,MAAM;AACd,QAAI,iBAAiB,QAAW;AAC9B,gBAAU,aAAa;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,aAAa,CAAC;AAElB,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAACC,yBAAAA;AAAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,SAAS,CAAC,MAAM;AACd,oBAAU,CAAC,eAAe,CAAC,UAAU;AACrC,oBAAU,CAAC;AAAA,QACb;AAAA,QACA,aAAW;AAAA,QACX,WAAU;AAAA,QACV,WAAWC,YAAAA;AAAAA,QACX,eAAeC,SAAAA;AAAAA,UACb;AAAA,UACA,SAAS,aAAa;AAAA,QAAA;AAAA,QAEvB,GAAG;AAAA,QAEH,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGHH,2BAAAA;AAAAA,MAACI,mCAAAA;AAAAA,MAAA;AAAA,QACC,UAAU,aAAa,QAAQ,SAAY;AAAA,QAC3C;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;;"}
+{"version":3,"file":"Accordion.cjs","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronDown } from 'lucide-react';\nimport { useEffect, useState, type FC, type ReactNode } from 'react';\nimport { cn } from '../../utils/cn';\nimport {\n  Button,\n  ButtonColor,\n  ButtonVariant,\n  type ButtonProps,\n} from '../Button';\nimport { MaxHeightSmoother } from '../MaxHeightSmoother';\n\ntype AccordionProps = {\n  header: ReactNode;\n  children: ReactNode;\n  isOpen?: boolean;\n} & ButtonProps;\n\n/**\n * Accordion component that allows the user to expand and collapse content.\n * It provides a header with a chevron icon that controls the visibility of the content.\n *\n * @param header - The content of the header.\n * @param children - The content to be expanded and collapsed.\n * @param isOpen - Whether the content is expanded or collapsed by default.\n *\n * @example\n * <Accordion header=\"Accordion Header\" isOpen={true}>\n *   <p>Accordion content</p>\n * </Accordion>\n *\n */\nexport const Accordion: FC<AccordionProps> = ({\n  children,\n  header,\n  isOpen: isOpenDefault = false,\n  onClick,\n  ...props\n}) => {\n  const [isOpen, setIsOpen] = useState(isOpenDefault);\n  const isHidden = isOpen == undefined ? undefined : !isOpen;\n\n  useEffect(() => {\n    if (isOpenDefault != undefined) {\n      setIsOpen(isOpenDefault);\n    }\n  }, [isOpenDefault]);\n\n  return (\n    <div className=\"w-full\">\n      <Button\n        variant={ButtonVariant.HOVERABLE}\n        color={ButtonColor.TEXT}\n        onClick={(e) => {\n          setIsOpen((prevIsOpen) => !prevIsOpen);\n          onClick?.(e);\n        }}\n        isFullWidth\n        className=\"flex items-center justify-between gap-2\"\n        IconRight={ChevronDown}\n        iconClassName={cn(\n          'transform transition-transform duration-500 ease-in-out',\n          isOpen ? 'rotate-0' : '-rotate-180'\n        )}\n        {...props}\n      >\n        {header}\n      </Button>\n\n      <MaxHeightSmoother\n        tabIndex={isHidden !== false ? undefined : -1}\n        isHidden={isHidden}\n      >\n        {children}\n      </MaxHeightSmoother>\n    </div>\n  );\n};\n"],"names":["useState","useEffect","jsxs","jsx","Button","ButtonVariant","ButtonColor","ChevronDown","cn","MaxHeightSmoother"],"mappings":";;;;;;;;;AAiCO,MAAM,YAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA,QAAQ,gBAAgB;AAAA,EACxB;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,QAAQ,SAAS,IAAIA,aAAAA,SAAS,aAAa;AAClD,QAAM,WAAW,UAAU,SAAY,SAAY,CAAC;AAEpDC,eAAAA,UAAU,MAAM;AACd,QAAI,iBAAiB,QAAW;AAC9B,gBAAU,aAAa;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,aAAa,CAAC;AAElB,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAACC,yBAAAA;AAAAA,MAAA;AAAA,QACC,SAASC,yBAAAA,cAAc;AAAA,QACvB,OAAOC,yBAAAA,YAAY;AAAA,QACnB,SAAS,CAAC,MAAM;AACd,oBAAU,CAAC,eAAe,CAAC,UAAU;AACrC,oBAAU,CAAC;AAAA,QACb;AAAA,QACA,aAAW;AAAA,QACX,WAAU;AAAA,QACV,WAAWC,YAAAA;AAAAA,QACX,eAAeC,SAAAA;AAAAA,UACb;AAAA,UACA,SAAS,aAAa;AAAA,QAAA;AAAA,QAEvB,GAAG;AAAA,QAEH,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGHL,2BAAAA;AAAAA,MAACM,mCAAAA;AAAAA,MAAA;AAAA,QACC,UAAU,aAAa,QAAQ,SAAY;AAAA,QAC3C;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,KAAK,WAAW,EAAU,MAAM,WAAW,CAAC;AAGrD,KAAK,cAAc,GAAG;IACpB,MAAM,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,WAAW,CAAC;AAEhB;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA6CxC,CAAC"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,WAAW,CAAC;AAGnB,KAAK,cAAc,GAAG;IACpB,MAAM,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,WAAW,CAAC;AAEhB;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA6CxC,CAAC"}

package/dist/components/Accordion/Accordion.mjs

@@ -3,7 +3,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { ChevronDown } from "lucide-react";
 import { useState, useEffect } from "react";
 import { cn } from "../../utils/cn.mjs";
-import { Button } from "../Button/Button.mjs";
+import { Button, ButtonColor, ButtonVariant } from "../Button/Button.mjs";
 import { MaxHeightSmoother } from "../MaxHeightSmoother/index.mjs";
 const Accordion = ({
   children,
@@ -23,8 +23,8 @@ const Accordion = ({
     /* @__PURE__ */ jsx(
       Button,
       {
-        variant: "hoverable",
-        color: "text",
+        variant: ButtonVariant.HOVERABLE,
+        color: ButtonColor.TEXT,
         onClick: (e) => {
           setIsOpen((prevIsOpen) => !prevIsOpen);
           onClick?.(e);

package/dist/components/Accordion/Accordion.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.mjs","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronDown } from 'lucide-react';\nimport { useEffect, useState, type FC, type ReactNode } from 'react';\nimport { cn } from '../../utils/cn';\nimport { type ButtonProps, Button } from '../Button';\nimport { MaxHeightSmoother } from '../MaxHeightSmoother';\n\ntype AccordionProps = {\n  header: ReactNode;\n  children: ReactNode;\n  isOpen?: boolean;\n} & ButtonProps;\n\n/**\n * Accordion component that allows the user to expand and collapse content.\n * It provides a header with a chevron icon that controls the visibility of the content.\n *\n * @param header - The content of the header.\n * @param children - The content to be expanded and collapsed.\n * @param isOpen - Whether the content is expanded or collapsed by default.\n *\n * @example\n * <Accordion header=\"Accordion Header\" isOpen={true}>\n *   <p>Accordion content</p>\n * </Accordion>\n *\n */\nexport const Accordion: FC<AccordionProps> = ({\n  children,\n  header,\n  isOpen: isOpenDefault = false,\n  onClick,\n  ...props\n}) => {\n  const [isOpen, setIsOpen] = useState(isOpenDefault);\n  const isHidden = isOpen == undefined ? undefined : !isOpen;\n\n  useEffect(() => {\n    if (isOpenDefault != undefined) {\n      setIsOpen(isOpenDefault);\n    }\n  }, [isOpenDefault]);\n\n  return (\n    <div className=\"w-full\">\n      <Button\n        variant=\"hoverable\"\n        color=\"text\"\n        onClick={(e) => {\n          setIsOpen((prevIsOpen) => !prevIsOpen);\n          onClick?.(e);\n        }}\n        isFullWidth\n        className=\"flex items-center justify-between gap-2\"\n        IconRight={ChevronDown}\n        iconClassName={cn(\n          'transform transition-transform duration-500 ease-in-out',\n          isOpen ? 'rotate-0' : '-rotate-180'\n        )}\n        {...props}\n      >\n        {header}\n      </Button>\n\n      <MaxHeightSmoother\n        tabIndex={isHidden !== false ? undefined : -1}\n        isHidden={isHidden}\n      >\n        {children}\n      </MaxHeightSmoother>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA4BO,MAAM,YAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA,QAAQ,gBAAgB;AAAA,EACxB;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,aAAa;AAClD,QAAM,WAAW,UAAU,SAAY,SAAY,CAAC;AAEpD,YAAU,MAAM;AACd,QAAI,iBAAiB,QAAW;AAC9B,gBAAU,aAAa;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,aAAa,CAAC;AAElB,SACE,qBAAC,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,SAAS,CAAC,MAAM;AACd,oBAAU,CAAC,eAAe,CAAC,UAAU;AACrC,oBAAU,CAAC;AAAA,QACb;AAAA,QACA,aAAW;AAAA,QACX,WAAU;AAAA,QACV,WAAW;AAAA,QACX,eAAe;AAAA,UACb;AAAA,UACA,SAAS,aAAa;AAAA,QAAA;AAAA,QAEvB,GAAG;AAAA,QAEH,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAU,aAAa,QAAQ,SAAY;AAAA,QAC3C;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}
+{"version":3,"file":"Accordion.mjs","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronDown } from 'lucide-react';\nimport { useEffect, useState, type FC, type ReactNode } from 'react';\nimport { cn } from '../../utils/cn';\nimport {\n  Button,\n  ButtonColor,\n  ButtonVariant,\n  type ButtonProps,\n} from '../Button';\nimport { MaxHeightSmoother } from '../MaxHeightSmoother';\n\ntype AccordionProps = {\n  header: ReactNode;\n  children: ReactNode;\n  isOpen?: boolean;\n} & ButtonProps;\n\n/**\n * Accordion component that allows the user to expand and collapse content.\n * It provides a header with a chevron icon that controls the visibility of the content.\n *\n * @param header - The content of the header.\n * @param children - The content to be expanded and collapsed.\n * @param isOpen - Whether the content is expanded or collapsed by default.\n *\n * @example\n * <Accordion header=\"Accordion Header\" isOpen={true}>\n *   <p>Accordion content</p>\n * </Accordion>\n *\n */\nexport const Accordion: FC<AccordionProps> = ({\n  children,\n  header,\n  isOpen: isOpenDefault = false,\n  onClick,\n  ...props\n}) => {\n  const [isOpen, setIsOpen] = useState(isOpenDefault);\n  const isHidden = isOpen == undefined ? undefined : !isOpen;\n\n  useEffect(() => {\n    if (isOpenDefault != undefined) {\n      setIsOpen(isOpenDefault);\n    }\n  }, [isOpenDefault]);\n\n  return (\n    <div className=\"w-full\">\n      <Button\n        variant={ButtonVariant.HOVERABLE}\n        color={ButtonColor.TEXT}\n        onClick={(e) => {\n          setIsOpen((prevIsOpen) => !prevIsOpen);\n          onClick?.(e);\n        }}\n        isFullWidth\n        className=\"flex items-center justify-between gap-2\"\n        IconRight={ChevronDown}\n        iconClassName={cn(\n          'transform transition-transform duration-500 ease-in-out',\n          isOpen ? 'rotate-0' : '-rotate-180'\n        )}\n        {...props}\n      >\n        {header}\n      </Button>\n\n      <MaxHeightSmoother\n        tabIndex={isHidden !== false ? undefined : -1}\n        isHidden={isHidden}\n      >\n        {children}\n      </MaxHeightSmoother>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAiCO,MAAM,YAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA,QAAQ,gBAAgB;AAAA,EACxB;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,aAAa;AAClD,QAAM,WAAW,UAAU,SAAY,SAAY,CAAC;AAEpD,YAAU,MAAM;AACd,QAAI,iBAAiB,QAAW;AAC9B,gBAAU,aAAa;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,aAAa,CAAC;AAElB,SACE,qBAAC,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,cAAc;AAAA,QACvB,OAAO,YAAY;AAAA,QACnB,SAAS,CAAC,MAAM;AACd,oBAAU,CAAC,eAAe,CAAC,UAAU;AACrC,oBAAU,CAAC;AAAA,QACb;AAAA,QACA,aAAW;AAAA,QACX,WAAU;AAAA,QACV,WAAW;AAAA,QACX,eAAe;AAAA,UACb;AAAA,UACA,SAAS,aAAa;AAAA,QAAA;AAAA,QAEvB,GAAG;AAAA,QAEH,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAU,aAAa,QAAQ,SAAY;AAAA,QAC3C;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}

package/dist/components/Badge/index.cjs

@@ -3,30 +3,85 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const classVarianceAuthority = require("class-variance-authority");
 const utils_cn = require("../../utils/cn.cjs");
+var BadgeColor = /* @__PURE__ */ ((BadgeColor2) => {
+  BadgeColor2["PRIMARY"] = "primary";
+  BadgeColor2["SECONDARY"] = "secondary";
+  BadgeColor2["DESTRUCTIVE"] = "destructive";
+  BadgeColor2["NEUTRAL"] = "neutral";
+  BadgeColor2["LIGHT"] = "light";
+  BadgeColor2["DARK"] = "dark";
+  BadgeColor2["TEXT"] = "text";
+  BadgeColor2["CUSTOM"] = "custom";
+  return BadgeColor2;
+})(BadgeColor || {});
+var BadgeVariant = /* @__PURE__ */ ((BadgeVariant2) => {
+  BadgeVariant2["DEFAULT"] = "default";
+  BadgeVariant2["NONE"] = "none";
+  BadgeVariant2["OUTLINE"] = "outline";
+  BadgeVariant2["HOVERABLE"] = "hoverable";
+  return BadgeVariant2;
+})(BadgeVariant || {});
 const badgeVariants = classVarianceAuthority.cva(
   "focus:ring-ring inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-hidden focus:ring-2 focus:ring-offset-2",
   {
     variants: {
       color: {
-        primary: "border-primary bg-primary text-primary hover:bg-primary-500",
-        secondary: "border-secondary bg-secondary text-secondary hover:bg-secondary-300",
-        destructive: "border-destructive bg-destructive text-destructive hover:bg-destructive-500",
-        neutral: "border-neutral bg-neutral text-neutral hover:bg-neutral-600",
-        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",
-        text: "border-text bg-text text-text hover:opacity-80",
-        custom: ""
+        [
+          "primary"
+          /* PRIMARY */
+        ]: "border-primary bg-primary text-primary hover:bg-primary-500",
+        [
+          "secondary"
+          /* SECONDARY */
+        ]: "border-secondary bg-secondary text-secondary hover:bg-secondary-300",
+        [
+          "destructive"
+          /* DESTRUCTIVE */
+        ]: "border-destructive bg-destructive text-destructive hover:bg-destructive-500",
+        [
+          "neutral"
+          /* NEUTRAL */
+        ]: "border-neutral bg-neutral text-neutral hover:bg-neutral-600",
+        [
+          "light"
+          /* LIGHT */
+        ]: "border-white bg-white text-white hover:bg-neutral-500",
+        [
+          "dark"
+          /* DARK */
+        ]: "border-neutral-800 bg-neutral-800 text-neutral-800 hover:bg-neutral-900",
+        [
+          "text"
+          /* TEXT */
+        ]: "border-text bg-text text-text hover:opacity-80",
+        [
+          "custom"
+          /* CUSTOM */
+        ]: ""
       },
       variant: {
-        default: "rounded-lg text-text-opposite",
-        none: "border-none bg-opacity-0 text-inherit hover:bg-opacity-0",
-        outline: "rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30",
-        hoverable: "rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10"
+        [
+          "default"
+          /* DEFAULT */
+        ]: "rounded-lg text-text-opposite",
+        [
+          "none"
+          /* NONE */
+        ]: "border-none bg-opacity-0 text-inherit hover:bg-opacity-0",
+        [
+          "outline"
+          /* OUTLINE */
+        ]: "rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30",
+        [
+          "hoverable"
+          /* HOVERABLE */
+        ]: "rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10"
       }
     },
     defaultVariants: {
       variant: "default",
       color: "primary"
+      /* PRIMARY */
     }
   }
 );
@@ -38,5 +93,7 @@ const Badge = ({ className, variant, color, ...props }) => /* @__PURE__ */ jsxRu
   }
 );
 exports.Badge = Badge;
+exports.BadgeColor = BadgeColor;
+exports.BadgeVariant = BadgeVariant;
 exports.badgeVariants = badgeVariants;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Badge/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\n\nexport const badgeVariants = cva(\n  'focus:ring-ring inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-hidden focus:ring-2 focus:ring-offset-2',\n  {\n    variants: {\n      color: {\n        primary: 'border-primary bg-primary text-primary hover:bg-primary-500',\n        secondary:\n          'border-secondary bg-secondary text-secondary hover:bg-secondary-300',\n        destructive:\n          'border-destructive bg-destructive text-destructive hover:bg-destructive-500',\n        neutral: 'border-neutral bg-neutral text-neutral hover:bg-neutral-600',\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',\n        text: 'border-text bg-text text-text hover:opacity-80',\n        custom: '',\n      },\n      variant: {\n        default: 'rounded-lg text-text-opposite',\n        none: 'border-none bg-opacity-0 text-inherit hover:bg-opacity-0',\n        outline: 'rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30',\n        hoverable:\n          'rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      color: 'primary',\n    },\n  }\n);\n\nexport type BadgeProps = HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof badgeVariants>;\n\nexport const Badge = ({ className, variant, color, ...props }: BadgeProps) => (\n  <div\n    className={cn(badgeVariants({ variant, color }), className)}\n    {...props}\n  />\n);\n"],"names":["cva","jsx","cn"],"mappings":";;;;;AAIO,MAAM,gBAAgBA,uBAAAA;AAAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,QACT,WACE;AAAA,QACF,aACE;AAAA,QACF,SAAS;AAAA,QACT,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,QAAQ;AAAA,MAAA;AAAA,MAEV,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,QACN,SAAS;AAAA,QACT,WACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ;AAKO,MAAM,QAAQ,CAAC,EAAE,WAAW,SAAS,OAAO,GAAG,YACpDC,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,SAAAA,GAAG,cAAc,EAAE,SAAS,MAAA,CAAO,GAAG,SAAS;AAAA,IACzD,GAAG;AAAA,EAAA;AACN;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Badge/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\n\nexport enum BadgeColor {\n  PRIMARY = 'primary',\n  SECONDARY = 'secondary',\n  DESTRUCTIVE = 'destructive',\n  NEUTRAL = 'neutral',\n  LIGHT = 'light',\n  DARK = 'dark',\n  TEXT = 'text',\n  CUSTOM = 'custom',\n}\n\nexport enum BadgeVariant {\n  DEFAULT = 'default',\n  NONE = 'none',\n  OUTLINE = 'outline',\n  HOVERABLE = 'hoverable',\n}\n\nexport const badgeVariants = cva(\n  'focus:ring-ring inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-hidden focus:ring-2 focus:ring-offset-2',\n  {\n    variants: {\n      color: {\n        [BadgeColor.PRIMARY]:\n          'border-primary bg-primary text-primary hover:bg-primary-500',\n        [BadgeColor.SECONDARY]:\n          'border-secondary bg-secondary text-secondary hover:bg-secondary-300',\n        [BadgeColor.DESTRUCTIVE]:\n          'border-destructive bg-destructive text-destructive hover:bg-destructive-500',\n        [BadgeColor.NEUTRAL]:\n          'border-neutral bg-neutral text-neutral hover:bg-neutral-600',\n        [BadgeColor.LIGHT]:\n          'border-white bg-white text-white hover:bg-neutral-500',\n        [BadgeColor.DARK]:\n          'border-neutral-800 bg-neutral-800 text-neutral-800 hover:bg-neutral-900',\n        [BadgeColor.TEXT]: 'border-text bg-text text-text hover:opacity-80',\n        [BadgeColor.CUSTOM]: '',\n      },\n      variant: {\n        [BadgeVariant.DEFAULT]: 'rounded-lg text-text-opposite',\n        [BadgeVariant.NONE]:\n          'border-none bg-opacity-0 text-inherit hover:bg-opacity-0',\n        [BadgeVariant.OUTLINE]:\n          'rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30',\n        [BadgeVariant.HOVERABLE]:\n          'rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10',\n      },\n    },\n    defaultVariants: {\n      variant: BadgeVariant.DEFAULT,\n      color: BadgeColor.PRIMARY,\n    },\n  }\n);\n\nexport type BadgeProps = HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof badgeVariants>;\n\nexport const Badge = ({ className, variant, color, ...props }: BadgeProps) => (\n  <div\n    className={cn(badgeVariants({ variant, color }), className)}\n    {...props}\n  />\n);\n"],"names":["BadgeColor","BadgeVariant","cva","jsx","cn"],"mappings":";;;;;AAIO,IAAK,+BAAAA,gBAAL;AACLA,cAAA,SAAA,IAAU;AACVA,cAAA,WAAA,IAAY;AACZA,cAAA,aAAA,IAAc;AACdA,cAAA,SAAA,IAAU;AACVA,cAAA,OAAA,IAAQ;AACRA,cAAA,MAAA,IAAO;AACPA,cAAA,MAAA,IAAO;AACPA,cAAA,QAAA,IAAS;AARC,SAAAA;AAAA,GAAA,cAAA,CAAA,CAAA;AAWL,IAAK,iCAAAC,kBAAL;AACLA,gBAAA,SAAA,IAAU;AACVA,gBAAA,MAAA,IAAO;AACPA,gBAAA,SAAA,IAAU;AACVA,gBAAA,WAAA,IAAY;AAJF,SAAAA;AAAA,GAAA,gBAAA,CAAA,CAAA;AAOL,MAAM,gBAAgBC,uBAAAA;AAAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL;AAAA,UAAC;AAAA;AAAA,WACC;AAAA,QACF;AAAA,UAAC;AAAA;AAAA,WACC;AAAA,QACF;AAAA,UAAC;AAAA;AAAA,WACC;AAAA,QACF;AAAA,UAAC;AAAA;AAAA,WACC;AAAA,QACF;AAAA,UAAC;AAAA;AAAA,WACC;AAAA,QACF;AAAA,UAAC;AAAA;AAAA,WACC;AAAA,QACF;AAAA,UAAC;AAAA;AAAA,WAAkB;AAAA,QACnB;AAAA,UAAC;AAAA;AAAA,WAAoB;AAAA,MAAA;AAAA,MAEvB,SAAS;AAAA,QACP;AAAA,UAAC;AAAA;AAAA,WAAuB;AAAA,QACxB;AAAA,UAAC;AAAA;AAAA,WACC;AAAA,QACF;AAAA,UAAC;AAAA;AAAA,WACC;AAAA,QACF;AAAA,UAAC;AAAA;AAAA,WACC;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,OAAO;AAAA;AAAA,IAAA;AAAA,EACT;AAEJ;AAKO,MAAM,QAAQ,CAAC,EAAE,WAAW,SAAS,OAAO,GAAG,YACpDC,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,SAAAA,GAAG,cAAc,EAAE,SAAS,MAAA,CAAO,GAAG,SAAS;AAAA,IACzD,GAAG;AAAA,EAAA;AACN;;;;;"}

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

@@ -1,8 +1,24 @@
 import { VariantProps } from 'class-variance-authority';
 import { HTMLAttributes } from 'react';
+export declare enum BadgeColor {
+    PRIMARY = "primary",
+    SECONDARY = "secondary",
+    DESTRUCTIVE = "destructive",
+    NEUTRAL = "neutral",
+    LIGHT = "light",
+    DARK = "dark",
+    TEXT = "text",
+    CUSTOM = "custom"
+}
+export declare enum BadgeVariant {
+    DEFAULT = "default",
+    NONE = "none",
+    OUTLINE = "outline",
+    HOVERABLE = "hoverable"
+}
 export declare const badgeVariants: (props?: ({
-    color?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "custom" | null | undefined;
-    variant?: "default" | "none" | "outline" | "hoverable" | null | undefined;
+    color?: BadgeColor | null | undefined;
+    variant?: BadgeVariant | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type BadgeProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof badgeVariants>;
 export declare const Badge: ({ className, variant, color, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,eAAO,MAAM,aAAa;;;8EA6BzB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,cAAc,CAAC,GACrD,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAErC,eAAO,MAAM,KAAK,GAAI,yCAAyC,UAAU,4CAKxE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,oBAAY,UAAU;IACpB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,WAAW,gBAAgB;IAC3B,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,IAAI,SAAS;IACb,MAAM,WAAW;CAClB;AAED,oBAAY,YAAY;IACtB,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,SAAS,cAAc;CACxB;AAED,eAAO,MAAM,aAAa;;;8EAmCzB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,cAAc,CAAC,GACrD,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAErC,eAAO,MAAM,KAAK,GAAI,yCAAyC,UAAU,4CAKxE,CAAC"}

package/dist/components/Badge/index.mjs

@@ -1,30 +1,85 @@
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "../../utils/cn.mjs";
+var BadgeColor = /* @__PURE__ */ ((BadgeColor2) => {
+  BadgeColor2["PRIMARY"] = "primary";
+  BadgeColor2["SECONDARY"] = "secondary";
+  BadgeColor2["DESTRUCTIVE"] = "destructive";
+  BadgeColor2["NEUTRAL"] = "neutral";
+  BadgeColor2["LIGHT"] = "light";
+  BadgeColor2["DARK"] = "dark";
+  BadgeColor2["TEXT"] = "text";
+  BadgeColor2["CUSTOM"] = "custom";
+  return BadgeColor2;
+})(BadgeColor || {});
+var BadgeVariant = /* @__PURE__ */ ((BadgeVariant2) => {
+  BadgeVariant2["DEFAULT"] = "default";
+  BadgeVariant2["NONE"] = "none";
+  BadgeVariant2["OUTLINE"] = "outline";
+  BadgeVariant2["HOVERABLE"] = "hoverable";
+  return BadgeVariant2;
+})(BadgeVariant || {});
 const badgeVariants = cva(
   "focus:ring-ring inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-hidden focus:ring-2 focus:ring-offset-2",
   {
     variants: {
       color: {
-        primary: "border-primary bg-primary text-primary hover:bg-primary-500",
-        secondary: "border-secondary bg-secondary text-secondary hover:bg-secondary-300",
-        destructive: "border-destructive bg-destructive text-destructive hover:bg-destructive-500",
-        neutral: "border-neutral bg-neutral text-neutral hover:bg-neutral-600",
-        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",
-        text: "border-text bg-text text-text hover:opacity-80",
-        custom: ""
+        [
+          "primary"
+          /* PRIMARY */
+        ]: "border-primary bg-primary text-primary hover:bg-primary-500",
+        [
+          "secondary"
+          /* SECONDARY */
+        ]: "border-secondary bg-secondary text-secondary hover:bg-secondary-300",
+        [
+          "destructive"
+          /* DESTRUCTIVE */
+        ]: "border-destructive bg-destructive text-destructive hover:bg-destructive-500",
+        [
+          "neutral"
+          /* NEUTRAL */
+        ]: "border-neutral bg-neutral text-neutral hover:bg-neutral-600",
+        [
+          "light"
+          /* LIGHT */
+        ]: "border-white bg-white text-white hover:bg-neutral-500",
+        [
+          "dark"
+          /* DARK */
+        ]: "border-neutral-800 bg-neutral-800 text-neutral-800 hover:bg-neutral-900",
+        [
+          "text"
+          /* TEXT */
+        ]: "border-text bg-text text-text hover:opacity-80",
+        [
+          "custom"
+          /* CUSTOM */
+        ]: ""
       },
       variant: {
-        default: "rounded-lg text-text-opposite",
-        none: "border-none bg-opacity-0 text-inherit hover:bg-opacity-0",
-        outline: "rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30",
-        hoverable: "rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10"
+        [
+          "default"
+          /* DEFAULT */
+        ]: "rounded-lg text-text-opposite",
+        [
+          "none"
+          /* NONE */
+        ]: "border-none bg-opacity-0 text-inherit hover:bg-opacity-0",
+        [
+          "outline"
+          /* OUTLINE */
+        ]: "rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30",
+        [
+          "hoverable"
+          /* HOVERABLE */
+        ]: "rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10"
       }
     },
     defaultVariants: {
       variant: "default",
       color: "primary"
+      /* PRIMARY */
     }
   }
 );
@@ -37,6 +92,8 @@ const Badge = ({ className, variant, color, ...props }) => /* @__PURE__ */ jsx(
 );
 export {
   Badge,
+  BadgeColor,
+  BadgeVariant,
   badgeVariants
 };
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/Badge/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\n\nexport const badgeVariants = cva(\n  'focus:ring-ring inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-hidden focus:ring-2 focus:ring-offset-2',\n  {\n    variants: {\n      color: {\n        primary: 'border-primary bg-primary text-primary hover:bg-primary-500',\n        secondary:\n          'border-secondary bg-secondary text-secondary hover:bg-secondary-300',\n        destructive:\n          'border-destructive bg-destructive text-destructive hover:bg-destructive-500',\n        neutral: 'border-neutral bg-neutral text-neutral hover:bg-neutral-600',\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',\n        text: 'border-text bg-text text-text hover:opacity-80',\n        custom: '',\n      },\n      variant: {\n        default: 'rounded-lg text-text-opposite',\n        none: 'border-none bg-opacity-0 text-inherit hover:bg-opacity-0',\n        outline: 'rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30',\n        hoverable:\n          'rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      color: 'primary',\n    },\n  }\n);\n\nexport type BadgeProps = HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof badgeVariants>;\n\nexport const Badge = ({ className, variant, color, ...props }: BadgeProps) => (\n  <div\n    className={cn(badgeVariants({ variant, color }), className)}\n    {...props}\n  />\n);\n"],"names":[],"mappings":";;;AAIO,MAAM,gBAAgB;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,QACT,WACE;AAAA,QACF,aACE;AAAA,QACF,SAAS;AAAA,QACT,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,QAAQ;AAAA,MAAA;AAAA,MAEV,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,QACN,SAAS;AAAA,QACT,WACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ;AAKO,MAAM,QAAQ,CAAC,EAAE,WAAW,SAAS,OAAO,GAAG,YACpD;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW,GAAG,cAAc,EAAE,SAAS,MAAA,CAAO,GAAG,SAAS;AAAA,IACzD,GAAG;AAAA,EAAA;AACN;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/Badge/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\n\nexport enum BadgeColor {\n  PRIMARY = 'primary',\n  SECONDARY = 'secondary',\n  DESTRUCTIVE = 'destructive',\n  NEUTRAL = 'neutral',\n  LIGHT = 'light',\n  DARK = 'dark',\n  TEXT = 'text',\n  CUSTOM = 'custom',\n}\n\nexport enum BadgeVariant {\n  DEFAULT = 'default',\n  NONE = 'none',\n  OUTLINE = 'outline',\n  HOVERABLE = 'hoverable',\n}\n\nexport const badgeVariants = cva(\n  'focus:ring-ring inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-hidden focus:ring-2 focus:ring-offset-2',\n  {\n    variants: {\n      color: {\n        [BadgeColor.PRIMARY]:\n          'border-primary bg-primary text-primary hover:bg-primary-500',\n        [BadgeColor.SECONDARY]:\n          'border-secondary bg-secondary text-secondary hover:bg-secondary-300',\n        [BadgeColor.DESTRUCTIVE]:\n          'border-destructive bg-destructive text-destructive hover:bg-destructive-500',\n        [BadgeColor.NEUTRAL]:\n          'border-neutral bg-neutral text-neutral hover:bg-neutral-600',\n        [BadgeColor.LIGHT]:\n          'border-white bg-white text-white hover:bg-neutral-500',\n        [BadgeColor.DARK]:\n          'border-neutral-800 bg-neutral-800 text-neutral-800 hover:bg-neutral-900',\n        [BadgeColor.TEXT]: 'border-text bg-text text-text hover:opacity-80',\n        [BadgeColor.CUSTOM]: '',\n      },\n      variant: {\n        [BadgeVariant.DEFAULT]: 'rounded-lg text-text-opposite',\n        [BadgeVariant.NONE]:\n          'border-none bg-opacity-0 text-inherit hover:bg-opacity-0',\n        [BadgeVariant.OUTLINE]:\n          'rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30',\n        [BadgeVariant.HOVERABLE]:\n          'rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10',\n      },\n    },\n    defaultVariants: {\n      variant: BadgeVariant.DEFAULT,\n      color: BadgeColor.PRIMARY,\n    },\n  }\n);\n\nexport type BadgeProps = HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof badgeVariants>;\n\nexport const Badge = ({ className, variant, color, ...props }: BadgeProps) => (\n  <div\n    className={cn(badgeVariants({ variant, color }), className)}\n    {...props}\n  />\n);\n"],"names":["BadgeColor","BadgeVariant"],"mappings":";;;AAIO,IAAK,+BAAAA,gBAAL;AACLA,cAAA,SAAA,IAAU;AACVA,cAAA,WAAA,IAAY;AACZA,cAAA,aAAA,IAAc;AACdA,cAAA,SAAA,IAAU;AACVA,cAAA,OAAA,IAAQ;AACRA,cAAA,MAAA,IAAO;AACPA,cAAA,MAAA,IAAO;AACPA,cAAA,QAAA,IAAS;AARC,SAAAA;AAAA,GAAA,cAAA,CAAA,CAAA;AAWL,IAAK,iCAAAC,kBAAL;AACLA,gBAAA,SAAA,IAAU;AACVA,gBAAA,MAAA,IAAO;AACPA,gBAAA,SAAA,IAAU;AACVA,gBAAA,WAAA,IAAY;AAJF,SAAAA;AAAA,GAAA,gBAAA,CAAA,CAAA;AAOL,MAAM,gBAAgB;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL;AAAA,UAAC;AAAA;AAAA,WACC;AAAA,QACF;AAAA,UAAC;AAAA;AAAA,WACC;AAAA,QACF;AAAA,UAAC;AAAA;AAAA,WACC;AAAA,QACF;AAAA,UAAC;AAAA;AAAA,WACC;AAAA,QACF;AAAA,UAAC;AAAA;AAAA,WACC;AAAA,QACF;AAAA,UAAC;AAAA;AAAA,WACC;AAAA,QACF;AAAA,UAAC;AAAA;AAAA,WAAkB;AAAA,QACnB;AAAA,UAAC;AAAA;AAAA,WAAoB;AAAA,MAAA;AAAA,MAEvB,SAAS;AAAA,QACP;AAAA,UAAC;AAAA;AAAA,WAAuB;AAAA,QACxB;AAAA,UAAC;AAAA;AAAA,WACC;AAAA,QACF;AAAA,UAAC;AAAA;AAAA,WACC;AAAA,QACF;AAAA,UAAC;AAAA;AAAA,WACC;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,OAAO;AAAA;AAAA,IAAA;AAAA,EACT;AAEJ;AAKO,MAAM,QAAQ,CAAC,EAAE,WAAW,SAAS,OAAO,GAAG,YACpD;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW,GAAG,cAAc,EAAE,SAAS,MAAA,CAAO,GAAG,SAAS;AAAA,IACzD,GAAG;AAAA,EAAA;AACN;"}

package/dist/components/Breadcrumb/index.cjs

@@ -8,7 +8,6 @@ const reactIntlayer = require("react-intlayer");
 const utils_cn = require("../../utils/cn.cjs");
 const components_Button_Button = require("../Button/Button.cjs");
 const components_Link_Link = require("../Link/Link.cjs");
-const components_Breadcrumb_breadcrumb_content = require("./breadcrumb.content.cjs");
 const LinkLink = ({
   href,
   lang,
@@ -19,7 +18,7 @@ const LinkLink = ({
   locale,
   ...props
 }) => {
-  const { linkLabel } = reactIntlayer.useDictionary(components_Breadcrumb_breadcrumb_content.breadCrumbContent);
+  const { linkLabel } = reactIntlayer.useIntlayer("breadcrumb");
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       components_Link_Link.Link,
@@ -48,13 +47,13 @@ const ButtonLink = ({
   position,
   ...props
 }) => {
-  const { linkLabel } = reactIntlayer.useDictionary(components_Breadcrumb_breadcrumb_content.breadCrumbContent);
+  const { linkLabel } = reactIntlayer.useIntlayer("breadcrumb");
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       components_Button_Button.Button,
       {
         onClick,
-        variant: "link",
+        variant: components_Button_Button.ButtonVariant.LINK,
         label: `${linkLabel} ${text}`,
         color,
         itemProp: "item",
@@ -72,7 +71,7 @@ const Span = ({ children, position, ...props }) => /* @__PURE__ */ jsxRuntime.js
 const Breadcrumb = ({
   links,
   className,
-  color = "text",
+  color = components_Link_Link.LinkColor.TEXT,
   locale,
   elementType = "page",
   ...props

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Breadcrumb/index.tsx"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport { ChevronRightIcon } from 'lucide-react';\nimport { Fragment, type FC, type HTMLAttributes } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { cn } from '../../utils/cn';\nimport { Button, type ButtonProps } from '../Button';\nimport { Link, type LinkProps } from '../Link';\nimport { breadCrumbContent } from './breadcrumb.content';\n\ntype LinkLinkProps = {\n  children: string;\n  position: number;\n  locale?: Locales;\n} & Omit<LinkProps, 'children' | 'label'>;\n\nconst LinkLink: FC<LinkLinkProps> = ({\n  href,\n  lang,\n  children,\n  onClick,\n  color,\n  position,\n  locale,\n  ...props\n}) => {\n  const { linkLabel } = useDictionary(breadCrumbContent);\n\n  return (\n    <>\n      <Link\n        href={href}\n        locale={locale}\n        color={color}\n        onClick={onClick}\n        itemProp=\"item\"\n        isExternalLink={false}\n        itemScope\n        itemType=\"https://schema.org/WebPage\"\n        {...props}\n        label={`${linkLabel} ${children}`}\n        itemID={href}\n      >\n        <span itemProp=\"name\">{children}</span>\n      </Link>\n      <meta itemProp=\"position\" content={position.toString()} />\n    </>\n  );\n};\n\ntype ButtonButtonProps = {\n  children: string;\n  position: number;\n} & Omit<ButtonProps, 'children' | 'label'>;\n\nconst ButtonLink: FC<ButtonButtonProps> = ({\n  children: text,\n  onClick,\n  color,\n  position,\n  ...props\n}) => {\n  const { linkLabel } = useDictionary(breadCrumbContent);\n\n  return (\n    <>\n      <Button\n        onClick={onClick}\n        variant=\"link\"\n        label={`${linkLabel} ${text}`}\n        color={color}\n        itemProp=\"item\"\n        {...props}\n      >\n        <span itemProp=\"name\">{text}</span>\n      </Button>\n      <meta itemProp=\"position\" content={position.toString()} />\n    </>\n  );\n};\n\ntype SpanProps = {\n  children: string;\n  position: number;\n} & HTMLAttributes<HTMLSpanElement>;\n\nconst Span: FC<SpanProps> = ({ children, position, ...props }) => (\n  <span itemProp=\"item\">\n    <span itemProp=\"name\" {...props}>\n      {children}\n    </span>\n    <meta itemProp=\"position\" content={position.toString()} />\n  </span>\n);\n\ntype DetailedBreadcrumbLink = {\n  href?: string;\n  text: string;\n  onClick?: () => void;\n};\nexport type BreadcrumbLink = string | DetailedBreadcrumbLink;\n\nexport type BreadcrumbProps = {\n  links: BreadcrumbLink[];\n  color?:\n    | 'primary'\n    | 'destructive'\n    | 'neutral'\n    | 'light'\n    | 'dark'\n    | 'text'\n    | 'custom';\n  locale?: Locales;\n  elementType?: 'page' | 'location';\n} & HTMLAttributes<HTMLOListElement>;\n\nexport const Breadcrumb: FC<BreadcrumbProps> = ({\n  links,\n  className,\n  color = 'text',\n  locale,\n  elementType = 'page',\n  ...props\n}) => (\n  <nav aria-label=\"breadcrumb\">\n    <ol\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 =\n          typeof link === 'object' && typeof link.href === 'string';\n        const isButton =\n          typeof link === 'object' && typeof link.onClick === 'function';\n        const isActive = index === links.length - 1;\n        const ariaCurrent = isActive ? elementType : undefined;\n\n        const text = (link as DetailedBreadcrumbLink).text ?? link;\n\n        let section = (\n          <Span key={text} position={index + 1} aria-current={ariaCurrent}>\n            {text}\n          </Span>\n        );\n\n        if (isLink) {\n          section = (\n            <LinkLink\n              key={text}\n              href={link.href!}\n              color={color}\n              position={index + 1}\n              locale={locale}\n              aria-current={ariaCurrent}\n            >\n              {text}\n            </LinkLink>\n          );\n        } else if (isButton) {\n          section = (\n            <ButtonLink\n              key={text}\n              onClick={link.onClick!}\n              color={color}\n              position={index + 1}\n              aria-current={ariaCurrent}\n            >\n              {text}\n            </ButtonLink>\n          );\n        }\n\n        const listElement = (\n          <li\n            itemProp=\"itemListElement\"\n            itemScope\n            itemType=\"https://schema.org/ListItem\"\n            key={text}\n          >\n            {section}\n          </li>\n        );\n\n        if (isLastLink) {\n          return listElement;\n        }\n\n        return (\n          <Fragment key={text}>\n            {listElement}\n            <ChevronRightIcon size={10} />\n          </Fragment>\n        );\n      })}\n    </ol>\n  </nav>\n);\n"],"names":["useDictionary","breadCrumbContent","jsxs","Fragment","jsx","Link","Button","cn","ChevronRightIcon"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Breadcrumb/index.tsx"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport { ChevronRightIcon } from 'lucide-react';\nimport { Fragment, type FC, type HTMLAttributes } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { cn } from '../../utils/cn';\nimport { Button, ButtonVariant, type ButtonProps } from '../Button';\nimport { Link, LinkColor, type LinkProps } from '../Link';\n\ntype LinkLinkProps = {\n  children: string;\n  position: number;\n  locale?: Locales;\n} & Omit<LinkProps, 'children' | 'label'>;\n\nconst LinkLink: FC<LinkLinkProps> = ({\n  href,\n  lang,\n  children,\n  onClick,\n  color,\n  position,\n  locale,\n  ...props\n}) => {\n  const { linkLabel } = useIntlayer('breadcrumb');\n\n  return (\n    <>\n      <Link\n        href={href}\n        locale={locale}\n        color={color}\n        onClick={onClick}\n        itemProp=\"item\"\n        isExternalLink={false}\n        itemScope\n        itemType=\"https://schema.org/WebPage\"\n        {...props}\n        label={`${linkLabel} ${children}`}\n        itemID={href}\n      >\n        <span itemProp=\"name\">{children}</span>\n      </Link>\n      <meta itemProp=\"position\" content={position.toString()} />\n    </>\n  );\n};\n\ntype ButtonButtonProps = {\n  children: string;\n  position: number;\n} & Omit<ButtonProps, 'children' | 'label'>;\n\nconst ButtonLink: FC<ButtonButtonProps> = ({\n  children: text,\n  onClick,\n  color,\n  position,\n  ...props\n}) => {\n  const { linkLabel } = useIntlayer('breadcrumb');\n\n  return (\n    <>\n      <Button\n        onClick={onClick}\n        variant={ButtonVariant.LINK}\n        label={`${linkLabel} ${text}`}\n        color={color}\n        itemProp=\"item\"\n        {...props}\n      >\n        <span itemProp=\"name\">{text}</span>\n      </Button>\n      <meta itemProp=\"position\" content={position.toString()} />\n    </>\n  );\n};\n\ntype SpanProps = {\n  children: string;\n  position: number;\n} & HTMLAttributes<HTMLSpanElement>;\n\nconst Span: FC<SpanProps> = ({ children, position, ...props }) => (\n  <span itemProp=\"item\">\n    <span itemProp=\"name\" {...props}>\n      {children}\n    </span>\n    <meta itemProp=\"position\" content={position.toString()} />\n  </span>\n);\n\ntype DetailedBreadcrumbLink = {\n  href?: string;\n  text: string;\n  onClick?: () => void;\n};\nexport type BreadcrumbLink = string | DetailedBreadcrumbLink;\n\nexport type BreadcrumbProps = {\n  links: BreadcrumbLink[];\n  color?: `${LinkColor}` | LinkColor;\n  locale?: Locales;\n  elementType?: 'page' | 'location';\n} & HTMLAttributes<HTMLOListElement>;\n\nexport const Breadcrumb: FC<BreadcrumbProps> = ({\n  links,\n  className,\n  color = LinkColor.TEXT,\n  locale,\n  elementType = 'page',\n  ...props\n}) => (\n  <nav aria-label=\"breadcrumb\">\n    <ol\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 =\n          typeof link === 'object' && typeof link.href === 'string';\n        const isButton =\n          typeof link === 'object' && typeof link.onClick === 'function';\n        const isActive = index === links.length - 1;\n        const ariaCurrent = isActive ? elementType : undefined;\n\n        const text = (link as DetailedBreadcrumbLink).text ?? link;\n\n        let section = (\n          <Span key={text} position={index + 1} aria-current={ariaCurrent}>\n            {text}\n          </Span>\n        );\n\n        if (isLink) {\n          section = (\n            <LinkLink\n              key={text}\n              href={link.href!}\n              color={color}\n              position={index + 1}\n              locale={locale}\n              aria-current={ariaCurrent}\n            >\n              {text}\n            </LinkLink>\n          );\n        } else if (isButton) {\n          section = (\n            <ButtonLink\n              key={text}\n              onClick={link.onClick!}\n              color={color}\n              position={index + 1}\n              aria-current={ariaCurrent}\n            >\n              {text}\n            </ButtonLink>\n          );\n        }\n\n        const listElement = (\n          <li\n            itemProp=\"itemListElement\"\n            itemScope\n            itemType=\"https://schema.org/ListItem\"\n            key={text}\n          >\n            {section}\n          </li>\n        );\n\n        if (isLastLink) {\n          return listElement;\n        }\n\n        return (\n          <Fragment key={text}>\n            {listElement}\n            <ChevronRightIcon size={10} />\n          </Fragment>\n        );\n      })}\n    </ol>\n  </nav>\n);\n"],"names":["useIntlayer","jsxs","Fragment","jsx","Link","Button","ButtonVariant","LinkColor","cn","ChevronRightIcon"],"mappings":"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"}

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

@@ -1,5 +1,6 @@
 import { Locales } from '@intlayer/config/client';
 import { FC, HTMLAttributes } from 'react';
+import { LinkColor } from '../Link';
 type DetailedBreadcrumbLink = {
     href?: string;
     text: string;
@@ -8,7 +9,7 @@ type DetailedBreadcrumbLink = {
 export type BreadcrumbLink = string | DetailedBreadcrumbLink;
 export type BreadcrumbProps = {
     links: BreadcrumbLink[];
-    color?: 'primary' | 'destructive' | 'neutral' | 'light' | 'dark' | 'text' | 'custom';
+    color?: `${LinkColor}` | LinkColor;
     locale?: Locales;
     elementType?: 'page' | 'location';
 } & HTMLAttributes<HTMLOListElement>;

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":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAEvD,OAAO,EAAY,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AA4F/D,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,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,CAAC,EACF,SAAS,GACT,aAAa,GACb,SAAS,GACT,OAAO,GACP,MAAM,GACN,MAAM,GACN,QAAQ,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;CACnC,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAErC,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAsF1C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAEvD,OAAO,EAAY,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI/D,OAAO,EAAQ,SAAS,EAAkB,MAAM,SAAS,CAAC;AAuF1D,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,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,GAAG,SAAS,EAAE,GAAG,SAAS,CAAC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;CACnC,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAErC,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAsF1C,CAAC"}

package/dist/components/Breadcrumb/index.mjs

@@ -2,11 +2,10 @@
 import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
 import { ChevronRightIcon } from "lucide-react";
 import { Fragment } from "react";
-import { useDictionary } from "react-intlayer";
+import { useIntlayer } from "react-intlayer";
 import { cn } from "../../utils/cn.mjs";
-import { Button } from "../Button/Button.mjs";
-import { Link } from "../Link/Link.mjs";
-import { breadCrumbContent } from "./breadcrumb.content.mjs";
+import { Button, ButtonVariant } from "../Button/Button.mjs";
+import { LinkColor, Link } from "../Link/Link.mjs";
 const LinkLink = ({
   href,
   lang,
@@ -17,7 +16,7 @@ const LinkLink = ({
   locale,
   ...props
 }) => {
-  const { linkLabel } = useDictionary(breadCrumbContent);
+  const { linkLabel } = useIntlayer("breadcrumb");
   return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx(
       Link,
@@ -46,13 +45,13 @@ const ButtonLink = ({
   position,
   ...props
 }) => {
-  const { linkLabel } = useDictionary(breadCrumbContent);
+  const { linkLabel } = useIntlayer("breadcrumb");
   return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx(
       Button,
       {
         onClick,
-        variant: "link",
+        variant: ButtonVariant.LINK,
         label: `${linkLabel} ${text}`,
         color,
         itemProp: "item",
@@ -70,7 +69,7 @@ const Span = ({ children, position, ...props }) => /* @__PURE__ */ jsxs("span",
 const Breadcrumb = ({
   links,
   className,
-  color = "text",
+  color = LinkColor.TEXT,
   locale,
   elementType = "page",
   ...props

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/Breadcrumb/index.tsx"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport { ChevronRightIcon } from 'lucide-react';\nimport { Fragment, type FC, type HTMLAttributes } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { cn } from '../../utils/cn';\nimport { Button, type ButtonProps } from '../Button';\nimport { Link, type LinkProps } from '../Link';\nimport { breadCrumbContent } from './breadcrumb.content';\n\ntype LinkLinkProps = {\n  children: string;\n  position: number;\n  locale?: Locales;\n} & Omit<LinkProps, 'children' | 'label'>;\n\nconst LinkLink: FC<LinkLinkProps> = ({\n  href,\n  lang,\n  children,\n  onClick,\n  color,\n  position,\n  locale,\n  ...props\n}) => {\n  const { linkLabel } = useDictionary(breadCrumbContent);\n\n  return (\n    <>\n      <Link\n        href={href}\n        locale={locale}\n        color={color}\n        onClick={onClick}\n        itemProp=\"item\"\n        isExternalLink={false}\n        itemScope\n        itemType=\"https://schema.org/WebPage\"\n        {...props}\n        label={`${linkLabel} ${children}`}\n        itemID={href}\n      >\n        <span itemProp=\"name\">{children}</span>\n      </Link>\n      <meta itemProp=\"position\" content={position.toString()} />\n    </>\n  );\n};\n\ntype ButtonButtonProps = {\n  children: string;\n  position: number;\n} & Omit<ButtonProps, 'children' | 'label'>;\n\nconst ButtonLink: FC<ButtonButtonProps> = ({\n  children: text,\n  onClick,\n  color,\n  position,\n  ...props\n}) => {\n  const { linkLabel } = useDictionary(breadCrumbContent);\n\n  return (\n    <>\n      <Button\n        onClick={onClick}\n        variant=\"link\"\n        label={`${linkLabel} ${text}`}\n        color={color}\n        itemProp=\"item\"\n        {...props}\n      >\n        <span itemProp=\"name\">{text}</span>\n      </Button>\n      <meta itemProp=\"position\" content={position.toString()} />\n    </>\n  );\n};\n\ntype SpanProps = {\n  children: string;\n  position: number;\n} & HTMLAttributes<HTMLSpanElement>;\n\nconst Span: FC<SpanProps> = ({ children, position, ...props }) => (\n  <span itemProp=\"item\">\n    <span itemProp=\"name\" {...props}>\n      {children}\n    </span>\n    <meta itemProp=\"position\" content={position.toString()} />\n  </span>\n);\n\ntype DetailedBreadcrumbLink = {\n  href?: string;\n  text: string;\n  onClick?: () => void;\n};\nexport type BreadcrumbLink = string | DetailedBreadcrumbLink;\n\nexport type BreadcrumbProps = {\n  links: BreadcrumbLink[];\n  color?:\n    | 'primary'\n    | 'destructive'\n    | 'neutral'\n    | 'light'\n    | 'dark'\n    | 'text'\n    | 'custom';\n  locale?: Locales;\n  elementType?: 'page' | 'location';\n} & HTMLAttributes<HTMLOListElement>;\n\nexport const Breadcrumb: FC<BreadcrumbProps> = ({\n  links,\n  className,\n  color = 'text',\n  locale,\n  elementType = 'page',\n  ...props\n}) => (\n  <nav aria-label=\"breadcrumb\">\n    <ol\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 =\n          typeof link === 'object' && typeof link.href === 'string';\n        const isButton =\n          typeof link === 'object' && typeof link.onClick === 'function';\n        const isActive = index === links.length - 1;\n        const ariaCurrent = isActive ? elementType : undefined;\n\n        const text = (link as DetailedBreadcrumbLink).text ?? link;\n\n        let section = (\n          <Span key={text} position={index + 1} aria-current={ariaCurrent}>\n            {text}\n          </Span>\n        );\n\n        if (isLink) {\n          section = (\n            <LinkLink\n              key={text}\n              href={link.href!}\n              color={color}\n              position={index + 1}\n              locale={locale}\n              aria-current={ariaCurrent}\n            >\n              {text}\n            </LinkLink>\n          );\n        } else if (isButton) {\n          section = (\n            <ButtonLink\n              key={text}\n              onClick={link.onClick!}\n              color={color}\n              position={index + 1}\n              aria-current={ariaCurrent}\n            >\n              {text}\n            </ButtonLink>\n          );\n        }\n\n        const listElement = (\n          <li\n            itemProp=\"itemListElement\"\n            itemScope\n            itemType=\"https://schema.org/ListItem\"\n            key={text}\n          >\n            {section}\n          </li>\n        );\n\n        if (isLastLink) {\n          return listElement;\n        }\n\n        return (\n          <Fragment key={text}>\n            {listElement}\n            <ChevronRightIcon size={10} />\n          </Fragment>\n        );\n      })}\n    </ol>\n  </nav>\n);\n"],"names":["Fragment"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/Breadcrumb/index.tsx"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport { ChevronRightIcon } from 'lucide-react';\nimport { Fragment, type FC, type HTMLAttributes } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { cn } from '../../utils/cn';\nimport { Button, ButtonVariant, type ButtonProps } from '../Button';\nimport { Link, LinkColor, type LinkProps } from '../Link';\n\ntype LinkLinkProps = {\n  children: string;\n  position: number;\n  locale?: Locales;\n} & Omit<LinkProps, 'children' | 'label'>;\n\nconst LinkLink: FC<LinkLinkProps> = ({\n  href,\n  lang,\n  children,\n  onClick,\n  color,\n  position,\n  locale,\n  ...props\n}) => {\n  const { linkLabel } = useIntlayer('breadcrumb');\n\n  return (\n    <>\n      <Link\n        href={href}\n        locale={locale}\n        color={color}\n        onClick={onClick}\n        itemProp=\"item\"\n        isExternalLink={false}\n        itemScope\n        itemType=\"https://schema.org/WebPage\"\n        {...props}\n        label={`${linkLabel} ${children}`}\n        itemID={href}\n      >\n        <span itemProp=\"name\">{children}</span>\n      </Link>\n      <meta itemProp=\"position\" content={position.toString()} />\n    </>\n  );\n};\n\ntype ButtonButtonProps = {\n  children: string;\n  position: number;\n} & Omit<ButtonProps, 'children' | 'label'>;\n\nconst ButtonLink: FC<ButtonButtonProps> = ({\n  children: text,\n  onClick,\n  color,\n  position,\n  ...props\n}) => {\n  const { linkLabel } = useIntlayer('breadcrumb');\n\n  return (\n    <>\n      <Button\n        onClick={onClick}\n        variant={ButtonVariant.LINK}\n        label={`${linkLabel} ${text}`}\n        color={color}\n        itemProp=\"item\"\n        {...props}\n      >\n        <span itemProp=\"name\">{text}</span>\n      </Button>\n      <meta itemProp=\"position\" content={position.toString()} />\n    </>\n  );\n};\n\ntype SpanProps = {\n  children: string;\n  position: number;\n} & HTMLAttributes<HTMLSpanElement>;\n\nconst Span: FC<SpanProps> = ({ children, position, ...props }) => (\n  <span itemProp=\"item\">\n    <span itemProp=\"name\" {...props}>\n      {children}\n    </span>\n    <meta itemProp=\"position\" content={position.toString()} />\n  </span>\n);\n\ntype DetailedBreadcrumbLink = {\n  href?: string;\n  text: string;\n  onClick?: () => void;\n};\nexport type BreadcrumbLink = string | DetailedBreadcrumbLink;\n\nexport type BreadcrumbProps = {\n  links: BreadcrumbLink[];\n  color?: `${LinkColor}` | LinkColor;\n  locale?: Locales;\n  elementType?: 'page' | 'location';\n} & HTMLAttributes<HTMLOListElement>;\n\nexport const Breadcrumb: FC<BreadcrumbProps> = ({\n  links,\n  className,\n  color = LinkColor.TEXT,\n  locale,\n  elementType = 'page',\n  ...props\n}) => (\n  <nav aria-label=\"breadcrumb\">\n    <ol\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 =\n          typeof link === 'object' && typeof link.href === 'string';\n        const isButton =\n          typeof link === 'object' && typeof link.onClick === 'function';\n        const isActive = index === links.length - 1;\n        const ariaCurrent = isActive ? elementType : undefined;\n\n        const text = (link as DetailedBreadcrumbLink).text ?? link;\n\n        let section = (\n          <Span key={text} position={index + 1} aria-current={ariaCurrent}>\n            {text}\n          </Span>\n        );\n\n        if (isLink) {\n          section = (\n            <LinkLink\n              key={text}\n              href={link.href!}\n              color={color}\n              position={index + 1}\n              locale={locale}\n              aria-current={ariaCurrent}\n            >\n              {text}\n            </LinkLink>\n          );\n        } else if (isButton) {\n          section = (\n            <ButtonLink\n              key={text}\n              onClick={link.onClick!}\n              color={color}\n              position={index + 1}\n              aria-current={ariaCurrent}\n            >\n              {text}\n            </ButtonLink>\n          );\n        }\n\n        const listElement = (\n          <li\n            itemProp=\"itemListElement\"\n            itemScope\n            itemType=\"https://schema.org/ListItem\"\n            key={text}\n          >\n            {section}\n          </li>\n        );\n\n        if (isLastLink) {\n          return listElement;\n        }\n\n        return (\n          <Fragment key={text}>\n            {listElement}\n            <ChevronRightIcon size={10} />\n          </Fragment>\n        );\n      })}\n    </ol>\n  </nav>\n);\n"],"names":["Fragment"],"mappings":"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"}