@intlayer/design-system 2.0.12 → 3.0.0

package/dist/components/Link/Link.cjs

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const classVarianceAuthority = require("class-variance-authority");
+const lucideReact = require("lucide-react");
+const require$$0 = require("react");
+const linkVariants = classVarianceAuthority.cva(
+  "gap-3 whitespace-nowrap font-medium transition focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        outline: "rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30 dark:bg-opacity-0",
+        default: "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"
+      },
+      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",
+        secondary: "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",
+        destructive: "border-destructive bg-destructive text-destructive hover:bg-destructive-500 dark:border-destructive-dark dark:bg-destructive-dark hover:dark:bg-destructive-200",
+        neutral: "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",
+        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",
+        custom: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      color: "primary"
+    }
+  }
+);
+const isExternal = (href = "") => /^https?:\/\//.test(href);
+const Link = require$$0.forwardRef(
+  ({
+    variant = "default",
+    color = "primary",
+    children,
+    label,
+    className,
+    isExternalLink: isExternalLinkProp,
+    ...props
+  }, ref) => {
+    const isChildrenString = typeof children === "string";
+    const isExternalLink = isChildrenString ?? isExternalLinkProp ?? isExternal(props.href);
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+      "a",
+      {
+        ref,
+        "aria-label": label,
+        className: linkVariants({
+          variant,
+          color,
+          className
+        }),
+        ...props,
+        children: [
+          children,
+          isExternalLink && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(lucideReact.ExternalLink, { className: "size-4" })
+        ]
+      }
+    );
+  }
+);
+Link.displayName = "Link";
+exports.Link = Link;
+//# sourceMappingURL=Link.cjs.map

package/dist/components/Link/Link.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.cjs","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { ExternalLink } from 'lucide-react';\nimport {\n  forwardRef,\n  type DetailedHTMLProps,\n  type AnchorHTMLAttributes,\n} from 'react';\n\nconst linkVariants = cva(\n  'gap-3 whitespace-nowrap font-medium transition focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        outline:\n          'rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30 dark:bg-opacity-0',\n        default:\n          '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      },\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        custom: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      color: 'primary',\n    },\n  }\n);\n\nexport type LinkProps = DetailedHTMLProps<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  HTMLAnchorElement\n> &\n  VariantProps<typeof linkVariants> & {\n    label: string;\n    isExternalLink?: boolean;\n  };\n\nconst isExternal = (href = ''): boolean => /^https?:\\/\\//.test(href);\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(\n  (\n    {\n      variant = 'default',\n      color = 'primary',\n      children,\n      label,\n      className,\n      isExternalLink: isExternalLinkProp,\n      ...props\n    },\n    ref\n  ) => {\n    const isChildrenString = typeof children === 'string';\n    const isExternalLink =\n      isChildrenString ?? isExternalLinkProp ?? isExternal(props.href);\n\n    return (\n      <a\n        ref={ref}\n        aria-label={label}\n        className={linkVariants({\n          variant,\n          color,\n          className,\n        })}\n        {...props}\n      >\n        {children}\n        {isExternalLink && <ExternalLink className=\"size-4\" />}\n      </a>\n    );\n  }\n);\n\nLink.displayName = 'Link';\n"],"names":["cva","forwardRef","jsxs","jsx","ExternalLink"],"mappings":";;;;;;AAQA,MAAM,eAAeA,uBAAA;AAAA,EACnB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,SACE;AAAA,QACF,kBACE;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,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,EACF;AACF;AAWA,MAAM,aAAa,CAAC,OAAO,OAAgB,eAAe,KAAK,IAAI;AAE5D,MAAM,OAAOC,WAAA;AAAA,EAClB,CACE;AAAA,IACE,UAAU;AAAA,IACV,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,GAAG;AAAA,KAEL,QACG;AACG,UAAA,mBAAmB,OAAO,aAAa;AAC7C,UAAM,iBACJ,oBAAoB,sBAAsB,WAAW,MAAM,IAAI;AAG/D,WAAAC,2BAAA,kBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,cAAY;AAAA,QACZ,WAAW,aAAa;AAAA,UACtB;AAAA,UACA;AAAA,UACA;AAAA,QAAA,CACD;AAAA,QACA,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA;AAAA,UACA,kBAAkBC,2BAAAA,kBAAAA,IAACC,YAAAA,cAAa,EAAA,WAAU,SAAS,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG1D;AACF;AAEA,KAAK,cAAc;;"}

package/dist/components/Link/Link.d.ts

@@ -0,0 +1,14 @@
+import { VariantProps } from 'class-variance-authority';
+import { DetailedHTMLProps, AnchorHTMLAttributes } from 'react';
+
+declare const linkVariants: (props?: ({
+    variant?: "default" | "outline" | "invisible-link" | null | undefined;
+    color?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "custom" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type LinkProps = DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & VariantProps<typeof linkVariants> & {
+    label: string;
+    isExternalLink?: boolean;
+};
+export declare const Link: import('react').ForwardRefExoticComponent<Omit<LinkProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;
+export {};
+//# sourceMappingURL=Link.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EAC1B,MAAM,OAAO,CAAC;AAEf,QAAA,MAAM,YAAY;;;8EAgCjB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,iBAAiB,CACvC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,iBAAiB,CAClB,GACC,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAIJ,eAAO,MAAM,IAAI,sHAiChB,CAAC"}

package/dist/components/Link/Link.mjs

@@ -0,0 +1,67 @@
+import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { cva } from "class-variance-authority";
+import { ExternalLink } from "lucide-react";
+import { forwardRef } from "react";
+const linkVariants = cva(
+  "gap-3 whitespace-nowrap font-medium transition focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        outline: "rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30 dark:bg-opacity-0",
+        default: "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"
+      },
+      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",
+        secondary: "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",
+        destructive: "border-destructive bg-destructive text-destructive hover:bg-destructive-500 dark:border-destructive-dark dark:bg-destructive-dark hover:dark:bg-destructive-200",
+        neutral: "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",
+        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",
+        custom: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      color: "primary"
+    }
+  }
+);
+const isExternal = (href = "") => /^https?:\/\//.test(href);
+const Link = forwardRef(
+  ({
+    variant = "default",
+    color = "primary",
+    children,
+    label,
+    className,
+    isExternalLink: isExternalLinkProp,
+    ...props
+  }, ref) => {
+    const isChildrenString = typeof children === "string";
+    const isExternalLink = isChildrenString ?? isExternalLinkProp ?? isExternal(props.href);
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "a",
+      {
+        ref,
+        "aria-label": label,
+        className: linkVariants({
+          variant,
+          color,
+          className
+        }),
+        ...props,
+        children: [
+          children,
+          isExternalLink && /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalLink, { className: "size-4" })
+        ]
+      }
+    );
+  }
+);
+Link.displayName = "Link";
+export {
+  Link
+};
+//# sourceMappingURL=Link.mjs.map

package/dist/components/Link/Link.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.mjs","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { ExternalLink } from 'lucide-react';\nimport {\n  forwardRef,\n  type DetailedHTMLProps,\n  type AnchorHTMLAttributes,\n} from 'react';\n\nconst linkVariants = cva(\n  'gap-3 whitespace-nowrap font-medium transition focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        outline:\n          'rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30 dark:bg-opacity-0',\n        default:\n          '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      },\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        custom: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      color: 'primary',\n    },\n  }\n);\n\nexport type LinkProps = DetailedHTMLProps<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  HTMLAnchorElement\n> &\n  VariantProps<typeof linkVariants> & {\n    label: string;\n    isExternalLink?: boolean;\n  };\n\nconst isExternal = (href = ''): boolean => /^https?:\\/\\//.test(href);\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(\n  (\n    {\n      variant = 'default',\n      color = 'primary',\n      children,\n      label,\n      className,\n      isExternalLink: isExternalLinkProp,\n      ...props\n    },\n    ref\n  ) => {\n    const isChildrenString = typeof children === 'string';\n    const isExternalLink =\n      isChildrenString ?? isExternalLinkProp ?? isExternal(props.href);\n\n    return (\n      <a\n        ref={ref}\n        aria-label={label}\n        className={linkVariants({\n          variant,\n          color,\n          className,\n        })}\n        {...props}\n      >\n        {children}\n        {isExternalLink && <ExternalLink className=\"size-4\" />}\n      </a>\n    );\n  }\n);\n\nLink.displayName = 'Link';\n"],"names":["jsxs","jsx"],"mappings":";;;;AAQA,MAAM,eAAe;AAAA,EACnB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,SACE;AAAA,QACF,kBACE;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,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,EACF;AACF;AAWA,MAAM,aAAa,CAAC,OAAO,OAAgB,eAAe,KAAK,IAAI;AAE5D,MAAM,OAAO;AAAA,EAClB,CACE;AAAA,IACE,UAAU;AAAA,IACV,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,GAAG;AAAA,KAEL,QACG;AACG,UAAA,mBAAmB,OAAO,aAAa;AAC7C,UAAM,iBACJ,oBAAoB,sBAAsB,WAAW,MAAM,IAAI;AAG/D,WAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,cAAY;AAAA,QACZ,WAAW,aAAa;AAAA,UACtB;AAAA,UACA;AAAA,UACA;AAAA,QAAA,CACD;AAAA,QACA,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA;AAAA,UACA,kBAAkBC,kCAAAA,IAAC,cAAa,EAAA,WAAU,SAAS,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG1D;AACF;AAEA,KAAK,cAAc;"}

package/dist/components/Link/index.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_Link_Link = require("./Link.cjs");
+exports.Link = components_Link_Link.Link;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -0,0 +1,2 @@
+export * from './Link';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Link/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/dist/components/Link/index.mjs

@@ -0,0 +1,5 @@
+import { Link } from "./Link.mjs";
+export {
+  Link
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/Loader/index.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const components_Loader_spinner = require("./spinner.cjs");
+const Loader = ({
+  children,
+  isLoading = true,
+  ...props
+}) => isLoading ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  "div",
+  {
+    className: "flex size-full max-h-screen max-w-[100vw] flex-1 items-center justify-center",
+    role: "status",
+    "aria-label": "Animated icon, meaning that the website is processing",
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Loader_spinner.Spinner, { className: "size-10 max-h-full max-w-full" })
+  }
+) : children ?? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(jsxRuntime.jsxRuntimeExports.Fragment, {});
+exports.Loader = Loader;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Loader/index.tsx"],"sourcesContent":["import type { FC, HTMLAttributes } from 'react';\nimport { Spinner } from './spinner';\n\nexport interface LoaderProps extends HTMLAttributes<HTMLDivElement> {\n  isLoading?: boolean;\n}\n\n/**\n *\n * Component can be use as a wrapper or standalone\n *\n * Example:\n * ```jsx\n * <Loader isLoading={isLoading}>\n *   <div>Content</div>\n * </Loader>\n * ```\n * or\n * ```jsx\n * <Loader isLoading={isLoading} />\n * ```\n *\n * if isLoading is undefined, it will default to true\n * ```jsx\n * <Loader />\n * ```\n */\nexport const Loader: FC<LoaderProps> = ({\n  children,\n  isLoading = true,\n  ...props\n}) =>\n  isLoading ? (\n    <div\n      className=\"flex size-full max-h-screen max-w-[100vw] flex-1 items-center justify-center\"\n      role=\"status\"\n      aria-label=\"Animated icon, meaning that the website is processing\"\n      {...props}\n    >\n      <Spinner className=\"size-10 max-h-full max-w-full\" />\n    </div>\n  ) : (\n    (children ?? <></>)\n  );\n"],"names":["jsx","Spinner","Fragment"],"mappings":";;;;AA2BO,MAAM,SAA0B,CAAC;AAAA,EACtC;AAAA,EACA,YAAY;AAAA,EACZ,GAAG;AACL,MACE,YACEA,2BAAA,kBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,cAAW;AAAA,IACV,GAAG;AAAA,IAEJ,UAAAA,2BAAAA,kBAAAA,IAACC,0BAAAA,SAAQ,EAAA,WAAU,gCAAgC,CAAA;AAAA,EAAA;AACrD,IAEC,YAAcD,iDAAAE,WAAAA,kBAAAA,UAAA,CAAA,CAAA;;"}

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

@@ -3,4 +3,25 @@ import { FC, HTMLAttributes } from 'react';
 export interface LoaderProps extends HTMLAttributes<HTMLDivElement> {
     isLoading?: boolean;
 }
+/**
+ *
+ * Component can be use as a wrapper or standalone
+ *
+ * Example:
+ * ```jsx
+ * <Loader isLoading={isLoading}>
+ *   <div>Content</div>
+ * </Loader>
+ * ```
+ * or
+ * ```jsx
+ * <Loader isLoading={isLoading} />
+ * ```
+ *
+ * if isLoading is undefined, it will default to true
+ * ```jsx
+ * <Loader />
+ * ```
+ */
 export declare const Loader: FC<LoaderProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAgBhC,CAAC"}

package/dist/components/Loader/index.mjs

@@ -0,0 +1,20 @@
+import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { Spinner } from "./spinner.mjs";
+const Loader = ({
+  children,
+  isLoading = true,
+  ...props
+}) => isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+  "div",
+  {
+    className: "flex size-full max-h-screen max-w-[100vw] flex-1 items-center justify-center",
+    role: "status",
+    "aria-label": "Animated icon, meaning that the website is processing",
+    ...props,
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Spinner, { className: "size-10 max-h-full max-w-full" })
+  }
+) : children ?? /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
+export {
+  Loader
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/components/Loader/index.tsx"],"sourcesContent":["import type { FC, HTMLAttributes } from 'react';\nimport { Spinner } from './spinner';\n\nexport interface LoaderProps extends HTMLAttributes<HTMLDivElement> {\n  isLoading?: boolean;\n}\n\n/**\n *\n * Component can be use as a wrapper or standalone\n *\n * Example:\n * ```jsx\n * <Loader isLoading={isLoading}>\n *   <div>Content</div>\n * </Loader>\n * ```\n * or\n * ```jsx\n * <Loader isLoading={isLoading} />\n * ```\n *\n * if isLoading is undefined, it will default to true\n * ```jsx\n * <Loader />\n * ```\n */\nexport const Loader: FC<LoaderProps> = ({\n  children,\n  isLoading = true,\n  ...props\n}) =>\n  isLoading ? (\n    <div\n      className=\"flex size-full max-h-screen max-w-[100vw] flex-1 items-center justify-center\"\n      role=\"status\"\n      aria-label=\"Animated icon, meaning that the website is processing\"\n      {...props}\n    >\n      <Spinner className=\"size-10 max-h-full max-w-full\" />\n    </div>\n  ) : (\n    (children ?? <></>)\n  );\n"],"names":["jsx","Fragment"],"mappings":";;AA2BO,MAAM,SAA0B,CAAC;AAAA,EACtC;AAAA,EACA,YAAY;AAAA,EACZ,GAAG;AACL,MACE,YACEA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,cAAW;AAAA,IACV,GAAG;AAAA,IAEJ,UAAAA,kCAAAA,IAAC,SAAQ,EAAA,WAAU,gCAAgC,CAAA;AAAA,EAAA;AACrD,IAEC,YAAcA,sCAAAC,kBAAAA,UAAA,CAAA,CAAA;"}

package/dist/components/Loader/spinner.cjs

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const utils_cn = require("../../utils/cn.cjs");
+const Spinner = ({ className, strokeWidth = 4 }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "44",
+    height: "44",
+    viewBox: "0 0 44 44",
+    stroke: "currentColor",
+    className: utils_cn.cn("size-full", className),
+    children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("g", { fill: "none", fillRule: "evenodd", strokeWidth, children: [
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("circle", { cx: "22", cy: "22", r: "1", children: [
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          "animate",
+          {
+            attributeName: "r",
+            begin: "0s",
+            dur: "1.8s",
+            values: "1; 20",
+            calcMode: "spline",
+            keyTimes: "0; 1",
+            keySplines: "0.165, 0.84, 0.44, 1",
+            repeatCount: "indefinite"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          "animate",
+          {
+            attributeName: "stroke-opacity",
+            begin: "0s",
+            dur: "1.8s",
+            values: "1; 0",
+            calcMode: "spline",
+            keyTimes: "0; 1",
+            keySplines: "0.3, 0.61, 0.355, 1",
+            repeatCount: "indefinite"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("circle", { cx: "22", cy: "22", r: "1", children: [
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          "animate",
+          {
+            attributeName: "r",
+            begin: "-0.9s",
+            dur: "1.8s",
+            values: "1; 20",
+            calcMode: "spline",
+            keyTimes: "0; 1",
+            keySplines: "0.165, 0.84, 0.44, 1",
+            repeatCount: "indefinite"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          "animate",
+          {
+            attributeName: "stroke-opacity",
+            begin: "-0.9s",
+            dur: "1.8s",
+            values: "1; 0",
+            calcMode: "spline",
+            keyTimes: "0; 1",
+            keySplines: "0.3, 0.61, 0.355, 1",
+            repeatCount: "indefinite"
+          }
+        )
+      ] })
+    ] })
+  }
+);
+exports.Spinner = Spinner;
+//# sourceMappingURL=spinner.cjs.map

package/dist/components/Loader/spinner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.cjs","sources":["../../../src/components/Loader/spinner.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\nimport { cn } from '../../utils/cn';\n\ntype SpinnerProps = SVGProps<SVGSVGElement> & {\n  strokeWidth?: number;\n};\n\nexport const Spinner = ({ className, strokeWidth = 4 }: SpinnerProps) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"44\"\n    height=\"44\"\n    viewBox=\"0 0 44 44\"\n    stroke=\"currentColor\"\n    className={cn('size-full', className)}\n  >\n    <g fill=\"none\" fillRule=\"evenodd\" strokeWidth={strokeWidth}>\n      <circle cx=\"22\" cy=\"22\" r=\"1\">\n        <animate\n          attributeName=\"r\"\n          begin=\"0s\"\n          dur=\"1.8s\"\n          values=\"1; 20\"\n          calcMode=\"spline\"\n          keyTimes=\"0; 1\"\n          keySplines=\"0.165, 0.84, 0.44, 1\"\n          repeatCount=\"indefinite\"\n        />\n        <animate\n          attributeName=\"stroke-opacity\"\n          begin=\"0s\"\n          dur=\"1.8s\"\n          values=\"1; 0\"\n          calcMode=\"spline\"\n          keyTimes=\"0; 1\"\n          keySplines=\"0.3, 0.61, 0.355, 1\"\n          repeatCount=\"indefinite\"\n        />\n      </circle>\n      <circle cx=\"22\" cy=\"22\" r=\"1\">\n        <animate\n          attributeName=\"r\"\n          begin=\"-0.9s\"\n          dur=\"1.8s\"\n          values=\"1; 20\"\n          calcMode=\"spline\"\n          keyTimes=\"0; 1\"\n          keySplines=\"0.165, 0.84, 0.44, 1\"\n          repeatCount=\"indefinite\"\n        />\n        <animate\n          attributeName=\"stroke-opacity\"\n          begin=\"-0.9s\"\n          dur=\"1.8s\"\n          values=\"1; 0\"\n          calcMode=\"spline\"\n          keyTimes=\"0; 1\"\n          keySplines=\"0.3, 0.61, 0.355, 1\"\n          repeatCount=\"indefinite\"\n        />\n      </circle>\n    </g>\n  </svg>\n);\n"],"names":["jsx","cn","jsxs"],"mappings":";;;;AAOO,MAAM,UAAU,CAAC,EAAE,WAAW,cAAc,EACjD,MAAAA,2BAAA,kBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,QAAO;AAAA,IACP,WAAWC,SAAAA,GAAG,aAAa,SAAS;AAAA,IAEpC,4DAAC,KAAE,EAAA,MAAK,QAAO,UAAS,WAAU,aAChC,UAAA;AAAA,MAAAC,kDAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KACxB,UAAA;AAAA,QAAAF,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAc;AAAA,YACd,OAAM;AAAA,YACN,KAAI;AAAA,YACJ,QAAO;AAAA,YACP,UAAS;AAAA,YACT,UAAS;AAAA,YACT,YAAW;AAAA,YACX,aAAY;AAAA,UAAA;AAAA,QACd;AAAA,QACAA,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAc;AAAA,YACd,OAAM;AAAA,YACN,KAAI;AAAA,YACJ,QAAO;AAAA,YACP,UAAS;AAAA,YACT,UAAS;AAAA,YACT,YAAW;AAAA,YACX,aAAY;AAAA,UAAA;AAAA,QACd;AAAA,MAAA,GACF;AAAA,wDACC,UAAO,EAAA,IAAG,MAAK,IAAG,MAAK,GAAE,KACxB,UAAA;AAAA,QAAAA,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAc;AAAA,YACd,OAAM;AAAA,YACN,KAAI;AAAA,YACJ,QAAO;AAAA,YACP,UAAS;AAAA,YACT,UAAS;AAAA,YACT,YAAW;AAAA,YACX,aAAY;AAAA,UAAA;AAAA,QACd;AAAA,QACAA,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAc;AAAA,YACd,OAAM;AAAA,YACN,KAAI;AAAA,YACJ,QAAO;AAAA,YACP,UAAS;AAAA,YACT,UAAS;AAAA,YACT,YAAW;AAAA,YACX,aAAY;AAAA,UAAA;AAAA,QACd;AAAA,MAAA,GACF;AAAA,IAAA,GACF;AAAA,EAAA;AACF;;"}

package/dist/components/Loader/spinner.d.ts

@@ -5,3 +5,4 @@ type SpinnerProps = SVGProps<SVGSVGElement> & {
 };
 export declare const Spinner: ({ className, strokeWidth }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=spinner.d.ts.map

package/dist/components/Loader/spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGtC,KAAK,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,OAAO,+BAAoC,YAAY,4CAwDnE,CAAC"}

package/dist/components/Loader/spinner.mjs

@@ -0,0 +1,75 @@
+import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { cn } from "../../utils/cn.mjs";
+const Spinner = ({ className, strokeWidth = 4 }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "44",
+    height: "44",
+    viewBox: "0 0 44 44",
+    stroke: "currentColor",
+    className: cn("size-full", className),
+    children: /* @__PURE__ */ jsxRuntimeExports.jsxs("g", { fill: "none", fillRule: "evenodd", strokeWidth, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("circle", { cx: "22", cy: "22", r: "1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "animate",
+          {
+            attributeName: "r",
+            begin: "0s",
+            dur: "1.8s",
+            values: "1; 20",
+            calcMode: "spline",
+            keyTimes: "0; 1",
+            keySplines: "0.165, 0.84, 0.44, 1",
+            repeatCount: "indefinite"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "animate",
+          {
+            attributeName: "stroke-opacity",
+            begin: "0s",
+            dur: "1.8s",
+            values: "1; 0",
+            calcMode: "spline",
+            keyTimes: "0; 1",
+            keySplines: "0.3, 0.61, 0.355, 1",
+            repeatCount: "indefinite"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("circle", { cx: "22", cy: "22", r: "1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "animate",
+          {
+            attributeName: "r",
+            begin: "-0.9s",
+            dur: "1.8s",
+            values: "1; 20",
+            calcMode: "spline",
+            keyTimes: "0; 1",
+            keySplines: "0.165, 0.84, 0.44, 1",
+            repeatCount: "indefinite"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "animate",
+          {
+            attributeName: "stroke-opacity",
+            begin: "-0.9s",
+            dur: "1.8s",
+            values: "1; 0",
+            calcMode: "spline",
+            keyTimes: "0; 1",
+            keySplines: "0.3, 0.61, 0.355, 1",
+            repeatCount: "indefinite"
+          }
+        )
+      ] })
+    ] })
+  }
+);
+export {
+  Spinner
+};
+//# sourceMappingURL=spinner.mjs.map

package/dist/components/Loader/spinner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.mjs","sources":["../../../src/components/Loader/spinner.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\nimport { cn } from '../../utils/cn';\n\ntype SpinnerProps = SVGProps<SVGSVGElement> & {\n  strokeWidth?: number;\n};\n\nexport const Spinner = ({ className, strokeWidth = 4 }: SpinnerProps) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"44\"\n    height=\"44\"\n    viewBox=\"0 0 44 44\"\n    stroke=\"currentColor\"\n    className={cn('size-full', className)}\n  >\n    <g fill=\"none\" fillRule=\"evenodd\" strokeWidth={strokeWidth}>\n      <circle cx=\"22\" cy=\"22\" r=\"1\">\n        <animate\n          attributeName=\"r\"\n          begin=\"0s\"\n          dur=\"1.8s\"\n          values=\"1; 20\"\n          calcMode=\"spline\"\n          keyTimes=\"0; 1\"\n          keySplines=\"0.165, 0.84, 0.44, 1\"\n          repeatCount=\"indefinite\"\n        />\n        <animate\n          attributeName=\"stroke-opacity\"\n          begin=\"0s\"\n          dur=\"1.8s\"\n          values=\"1; 0\"\n          calcMode=\"spline\"\n          keyTimes=\"0; 1\"\n          keySplines=\"0.3, 0.61, 0.355, 1\"\n          repeatCount=\"indefinite\"\n        />\n      </circle>\n      <circle cx=\"22\" cy=\"22\" r=\"1\">\n        <animate\n          attributeName=\"r\"\n          begin=\"-0.9s\"\n          dur=\"1.8s\"\n          values=\"1; 20\"\n          calcMode=\"spline\"\n          keyTimes=\"0; 1\"\n          keySplines=\"0.165, 0.84, 0.44, 1\"\n          repeatCount=\"indefinite\"\n        />\n        <animate\n          attributeName=\"stroke-opacity\"\n          begin=\"-0.9s\"\n          dur=\"1.8s\"\n          values=\"1; 0\"\n          calcMode=\"spline\"\n          keyTimes=\"0; 1\"\n          keySplines=\"0.3, 0.61, 0.355, 1\"\n          repeatCount=\"indefinite\"\n        />\n      </circle>\n    </g>\n  </svg>\n);\n"],"names":["jsx","jsxs"],"mappings":";;AAOO,MAAM,UAAU,CAAC,EAAE,WAAW,cAAc,EACjD,MAAAA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,QAAO;AAAA,IACP,WAAW,GAAG,aAAa,SAAS;AAAA,IAEpC,iDAAC,KAAE,EAAA,MAAK,QAAO,UAAS,WAAU,aAChC,UAAA;AAAA,MAAAC,uCAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KACxB,UAAA;AAAA,QAAAD,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAc;AAAA,YACd,OAAM;AAAA,YACN,KAAI;AAAA,YACJ,QAAO;AAAA,YACP,UAAS;AAAA,YACT,UAAS;AAAA,YACT,YAAW;AAAA,YACX,aAAY;AAAA,UAAA;AAAA,QACd;AAAA,QACAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAc;AAAA,YACd,OAAM;AAAA,YACN,KAAI;AAAA,YACJ,QAAO;AAAA,YACP,UAAS;AAAA,YACT,UAAS;AAAA,YACT,YAAW;AAAA,YACX,aAAY;AAAA,UAAA;AAAA,QACd;AAAA,MAAA,GACF;AAAA,6CACC,UAAO,EAAA,IAAG,MAAK,IAAG,MAAK,GAAE,KACxB,UAAA;AAAA,QAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAc;AAAA,YACd,OAAM;AAAA,YACN,KAAI;AAAA,YACJ,QAAO;AAAA,YACP,UAAS;AAAA,YACT,UAAS;AAAA,YACT,YAAW;AAAA,YACX,aAAY;AAAA,UAAA;AAAA,QACd;AAAA,QACAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAc;AAAA,YACd,OAAM;AAAA,YACN,KAAI;AAAA,YACJ,QAAO;AAAA,YACP,UAAS;AAAA,YACT,UAAS;AAAA,YACT,YAAW;AAAA,YACX,aAAY;AAAA,UAAA;AAAA,QACd;AAAA,MAAA,GACF;AAAA,IAAA,GACF;AAAA,EAAA;AACF;"}

package/dist/components/LocaleSwitcherDropDown/LocaleSwitcher.cjs

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const core = require("@intlayer/core");
+const lucideReact = require("lucide-react");
+const components_Container_index = require("../Container/index.cjs");
+const components_DropDown_index = require("../DropDown/index.cjs");
+const ButtonItem = ({
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "relative w-full p-0.5", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  "button",
+  {
+    className: "hover:bg-text/10 focus:bg-text-opposite/20 aria-selected:bg-text/20 dark:hover:bg-text-opposite/10 dark:focus:bg-text-opposite/20 dark:aria-selected:bg-text-opposite/20 w-full cursor-pointer rounded-lg px-3 py-1 text-left focus:outline-none disabled:text-white/25 aria-selected:hover:cursor-default",
+    "data-mode": "system",
+    ...props,
+    children
+  }
+) });
+const DROPDOWN_IDENTIFIER = "locale-switcher";
+const LocaleSwitcher = ({
+  locale,
+  localeList,
+  availableLocales,
+  fullLocaleName = true,
+  setLocale
+}) => {
+  let localeName = "Select a locale";
+  if (locale) {
+    localeName = fullLocaleName ? core.getLocaleName(locale) : locale.toUpperCase();
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    "div",
+    {
+      className: "border-text text-text dark:border-text-dark dark:text-text-dark rounded-xl border transition-colors",
+      "aria-label": "Language switcher",
+      children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(components_DropDown_index.DropDown, { identifier: DROPDOWN_IDENTIFIER, children: [
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          components_DropDown_index.DropDown.Trigger,
+          {
+            identifier: DROPDOWN_IDENTIFIER,
+            "aria-label": "Language selector",
+            children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex w-full items-center justify-between", children: [
+              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "px-2 py-1", children: localeName }),
+              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(lucideReact.MoveVertical, { className: "w-5 self-center" })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_DropDown_index.DropDown.Panel, { identifier: DROPDOWN_IDENTIFIER, isOverable: true, isFocusable: true, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          components_Container_index.Container,
+          {
+            className: "min-w-28 p-1",
+            separator: "y",
+            role: "listbox",
+            "aria-label": "Language list",
+            children: localeList.map((lang) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+              ButtonItem,
+              {
+                onClick: () => setLocale(lang),
+                "aria-label": `Switch to ${lang}`,
+                disabled: !(availableLocales ?? localeList).includes(lang),
+                role: "option",
+                "aria-selected": locale === lang,
+                lang,
+                children: core.getLocaleName(lang)
+              },
+              lang
+            ))
+          }
+        ) })
+      ] })
+    }
+  );
+};
+exports.LocaleSwitcher = LocaleSwitcher;
+//# sourceMappingURL=LocaleSwitcher.cjs.map

package/dist/components/LocaleSwitcherDropDown/LocaleSwitcher.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocaleSwitcher.cjs","sources":["../../../src/components/LocaleSwitcherDropDown/LocaleSwitcher.tsx"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\nimport { getLocaleName } from '@intlayer/core';\nimport { MoveVertical } from 'lucide-react';\nimport type { ButtonHTMLAttributes, FC } from 'react';\nimport { Container } from '../Container';\nimport { DropDown } from '../DropDown';\n\nconst ButtonItem: FC<ButtonHTMLAttributes<HTMLButtonElement>> = ({\n  children,\n  ...props\n}) => (\n  <div className=\"relative w-full p-0.5\">\n    <button\n      className=\"hover:bg-text/10 focus:bg-text-opposite/20 aria-selected:bg-text/20 dark:hover:bg-text-opposite/10 dark:focus:bg-text-opposite/20 dark:aria-selected:bg-text-opposite/20 w-full cursor-pointer rounded-lg px-3 py-1 text-left focus:outline-none disabled:text-white/25 aria-selected:hover:cursor-default\"\n      data-mode=\"system\"\n      {...props}\n    >\n      {children}\n    </button>\n  </div>\n);\n\nexport type LocaleSwitcherProps = {\n  locale?: Locales;\n  localeList: Locales[];\n  availableLocales?: Locales[];\n  fullLocaleName?: boolean;\n  setLocale: (locale: Locales) => void;\n};\n\nconst DROPDOWN_IDENTIFIER = 'locale-switcher';\n\nexport const LocaleSwitcher: FC<LocaleSwitcherProps> = ({\n  locale,\n  localeList,\n  availableLocales,\n  fullLocaleName = true,\n  setLocale,\n}) => {\n  let localeName = 'Select a locale';\n\n  if (locale) {\n    localeName = fullLocaleName ? getLocaleName(locale) : locale.toUpperCase();\n  }\n\n  return (\n    <div\n      className=\"border-text text-text dark:border-text-dark dark:text-text-dark rounded-xl border transition-colors\"\n      aria-label=\"Language switcher\"\n    >\n      <DropDown identifier={DROPDOWN_IDENTIFIER}>\n        <DropDown.Trigger\n          identifier={DROPDOWN_IDENTIFIER}\n          aria-label=\"Language selector\"\n        >\n          <div className=\"flex w-full items-center justify-between\">\n            <div className=\"px-2 py-1\">{localeName}</div>\n            <MoveVertical className=\"w-5 self-center\" />\n          </div>\n        </DropDown.Trigger>\n\n        <DropDown.Panel identifier={DROPDOWN_IDENTIFIER} isOverable isFocusable>\n          <Container\n            className=\"min-w-28 p-1\"\n            separator=\"y\"\n            role=\"listbox\"\n            aria-label=\"Language list\"\n          >\n            {localeList.map((lang) => (\n              <ButtonItem\n                key={lang}\n                onClick={() => setLocale(lang)}\n                aria-label={`Switch to ${lang}`}\n                disabled={!(availableLocales ?? localeList).includes(lang)}\n                role=\"option\"\n                aria-selected={locale === lang}\n                lang={lang}\n              >\n                {getLocaleName(lang)}\n              </ButtonItem>\n            ))}\n          </Container>\n        </DropDown.Panel>\n      </DropDown>\n    </div>\n  );\n};\n"],"names":["jsx","getLocaleName","jsxs","DropDown","MoveVertical","Container"],"mappings":";;;;;;;AAOA,MAAM,aAA0D,CAAC;AAAA,EAC/D;AAAA,EACA,GAAG;AACL,MACEA,2BAAAA,kBAAAA,IAAC,OAAI,EAAA,WAAU,yBACb,UAAAA,2BAAA,kBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,aAAU;AAAA,IACT,GAAG;AAAA,IAEH;AAAA,EAAA;AACH,EACF,CAAA;AAWF,MAAM,sBAAsB;AAErB,MAAM,iBAA0C,CAAC;AAAA,EACtD;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AACF,MAAM;AACJ,MAAI,aAAa;AAEjB,MAAI,QAAQ;AACV,iBAAa,iBAAiBC,KAAA,cAAc,MAAM,IAAI,OAAO;EAC/D;AAGE,SAAAD,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,cAAW;AAAA,MAEX,UAAAE,2BAAA,kBAAA,KAACC,0BAAS,UAAA,EAAA,YAAY,qBACpB,UAAA;AAAA,QAAAH,2BAAA,kBAAA;AAAA,UAACG,0BAAAA,SAAS;AAAA,UAAT;AAAA,YACC,YAAY;AAAA,YACZ,cAAW;AAAA,YAEX,UAAAD,2BAAA,kBAAA,KAAC,OAAI,EAAA,WAAU,4CACb,UAAA;AAAA,cAACF,2BAAA,kBAAA,IAAA,OAAA,EAAI,WAAU,aAAa,UAAW,YAAA;AAAA,cACvCA,2BAAAA,kBAAAA,IAACI,YAAa,cAAA,EAAA,WAAU,kBAAkB,CAAA;AAAA,YAAA,GAC5C;AAAA,UAAA;AAAA,QACF;AAAA,QAEAJ,2BAAAA,kBAAAA,IAACG,mCAAS,OAAT,EAAe,YAAY,qBAAqB,YAAU,MAAC,aAAW,MACrE,UAAAH,2BAAA,kBAAA;AAAA,UAACK,2BAAA;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,WAAU;AAAA,YACV,MAAK;AAAA,YACL,cAAW;AAAA,YAEV,UAAA,WAAW,IAAI,CAAC,SACfL,2BAAA,kBAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,SAAS,MAAM,UAAU,IAAI;AAAA,gBAC7B,cAAY,aAAa,IAAI;AAAA,gBAC7B,UAAU,EAAE,oBAAoB,YAAY,SAAS,IAAI;AAAA,gBACzD,MAAK;AAAA,gBACL,iBAAe,WAAW;AAAA,gBAC1B;AAAA,gBAEC,6BAAc,IAAI;AAAA,cAAA;AAAA,cARd;AAAA,YAAA,CAUR;AAAA,UAAA;AAAA,QAAA,GAEL;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN;;"}

package/dist/components/LocaleSwitcherDropDown/LocaleSwitcher.d.ts

@@ -1,11 +1,12 @@
 import { Locales } from '@intlayer/config/client';
 import { FC } from 'react';
 
-type LocaleSwitcherProps = {
+export type LocaleSwitcherProps = {
     locale?: Locales;
     localeList: Locales[];
     availableLocales?: Locales[];
+    fullLocaleName?: boolean;
     setLocale: (locale: Locales) => void;
 };
 export declare const LocaleSwitcher: FC<LocaleSwitcherProps>;
-export {};
+//# sourceMappingURL=LocaleSwitcher.d.ts.map

package/dist/components/LocaleSwitcherDropDown/LocaleSwitcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocaleSwitcher.d.ts","sourceRoot":"","sources":["../../../src/components/LocaleSwitcherDropDown/LocaleSwitcher.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAGvD,OAAO,KAAK,EAAwB,EAAE,EAAE,MAAM,OAAO,CAAC;AAmBtD,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,EAAE,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,EAAE,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,CAAC;AAIF,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAsDlD,CAAC"}