@intlayer/design-system 2.0.13 → 3.0.1

package/dist/components/TabSelector/TabSelector.cjs

@@ -0,0 +1,108 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const classVarianceAuthority = require("class-variance-authority");
+const require$$0 = require("react");
+require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
+require("../Auth/AuthProvider/index.cjs");
+require("../../libs/intlayer-api/auth.cjs");
+require("../../libs/intlayer-api/dictionary.cjs");
+require("../../libs/intlayer-api/organization.cjs");
+require("../../libs/intlayer-api/project.cjs");
+require("../../libs/intlayer-api/user.cjs");
+const hooks_useItemSelector = require("../../hooks/useItemSelector.cjs");
+require("@intlayer/dictionaries-entry");
+require("deepmerge");
+const utils_cn = require("../../utils/cn.cjs");
+const tabSelectorVariant = classVarianceAuthority.cva(
+  "relative flex size-full flex-row items-center gap-2",
+  {
+    variants: {
+      color: {
+        primary: "border-primary text-primary dark:border-primary-dark dark:text-primary-dark",
+        secondary: "border-secondary text-secondary dark:border-secondary-dark dark:text-secondary-dark",
+        destructive: "border-destructive bg-destructive text-destructive dark:border-destructive-dark dark:bg-destructive-dark",
+        neutral: "border-neutral text-neutral dark:border-neutral-dark dark:text-neutral-dark",
+        light: "border-white text-white",
+        dark: "border-neutral-800 text-neutral-800",
+        text: "border-text text-text dark:border-text-dark dark:text-text-dark"
+      }
+    },
+    defaultVariants: {
+      color: "primary"
+    }
+  }
+);
+const indicatorVariant = classVarianceAuthority.cva(
+  "absolute top-0 z-[-1] h-full w-auto rounded-lg opacity-10 transition-[left,width] duration-300 ease-in-out motion-reduce:transition-none",
+  {
+    variants: {
+      color: {
+        primary: "bg-primary aria-selected:text-text dark:bg-primary-dark dark:aria-selected:text-text-dark",
+        secondary: "bg-secondary aria-selected:text-text dark:bg-secondary-dark dark:aria-selected:text-text-dark",
+        destructive: "bg-destructive aria-selected:text-text dark:bg-destructive-dark dark:aria-selected:text-text-dark",
+        neutral: "bg-neutral aria-selected:text-white dark:bg-neutral-dark dark:aria-selected:text-text",
+        light: "bg-white aria-selected:text-black",
+        dark: "bg-neutral-800 aria-selected:text-white",
+        text: "bg-text aria-selected:text-text-dark dark:bg-text-dark dark:aria-selected:text-text"
+      }
+    }
+  }
+);
+const TabSelector = ({
+  tabs,
+  selectedChoice,
+  onTabClick,
+  color = "primary",
+  hoverable = false,
+  className
+}) => {
+  const optionsRefs = require$$0.useRef([]);
+  const indicatorRef = require$$0.useRef(null);
+  const { choiceIndicatorPosition } = hooks_useItemSelector.useItemSelector(
+    optionsRefs,
+    void 0,
+    hoverable
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: utils_cn.cn(
+        tabSelectorVariant({
+          color
+        }),
+        className
+      ),
+      role: "tablist",
+      children: [
+        tabs.map((Tab, index) => {
+          const key = Tab.key;
+          const isSelected = selectedChoice === key;
+          return require$$0.cloneElement(Tab, {
+            key: key ?? index,
+            role: "tab",
+            onClick: () => onTabClick?.(key),
+            "aria-selected": isSelected,
+            ref: (el) => {
+              optionsRefs.current[index] = el;
+            }
+          });
+        }),
+        choiceIndicatorPosition && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: indicatorVariant({
+              color
+            }),
+            style: choiceIndicatorPosition,
+            ref: indicatorRef
+          }
+        )
+      ]
+    }
+  );
+};
+exports.TabSelector = TabSelector;
+//# sourceMappingURL=TabSelector.cjs.map

package/dist/components/TabSelector/TabSelector.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabSelector.cjs","sources":["../../../src/components/TabSelector/TabSelector.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  useRef,\n  type HTMLAttributes,\n  type ReactElement,\n  cloneElement,\n} from 'react';\nimport { useItemSelector } from '../../hooks';\nimport { cn } from '../../utils/cn';\n\nconst tabSelectorVariant = cva(\n  'relative flex size-full flex-row items-center gap-2',\n  {\n    variants: {\n      color: {\n        primary:\n          'border-primary text-primary dark:border-primary-dark dark:text-primary-dark',\n        secondary:\n          'border-secondary text-secondary dark:border-secondary-dark dark:text-secondary-dark',\n        destructive:\n          'border-destructive bg-destructive text-destructive dark:border-destructive-dark dark:bg-destructive-dark',\n        neutral:\n          'border-neutral text-neutral dark:border-neutral-dark dark:text-neutral-dark',\n        light: 'border-white text-white',\n        dark: 'border-neutral-800 text-neutral-800',\n        text: 'border-text text-text dark:border-text-dark dark:text-text-dark',\n      },\n    },\n    defaultVariants: {\n      color: 'primary',\n    },\n  }\n);\n\nconst indicatorVariant = cva(\n  'absolute top-0 z-[-1] h-full w-auto rounded-lg opacity-10 transition-[left,width] duration-300 ease-in-out motion-reduce:transition-none',\n  {\n    variants: {\n      color: {\n        primary:\n          'bg-primary aria-selected:text-text dark:bg-primary-dark dark:aria-selected:text-text-dark',\n        secondary:\n          'bg-secondary aria-selected:text-text dark:bg-secondary-dark dark:aria-selected:text-text-dark',\n        destructive:\n          'bg-destructive aria-selected:text-text dark:bg-destructive-dark dark:aria-selected:text-text-dark',\n        neutral:\n          'bg-neutral aria-selected:text-white dark:bg-neutral-dark dark:aria-selected:text-text',\n        light: 'bg-white aria-selected:text-black',\n        dark: 'bg-neutral-800 aria-selected:text-white',\n        text: 'bg-text aria-selected:text-text-dark dark:bg-text-dark dark:aria-selected:text-text',\n      },\n    },\n  }\n);\n\ntype TabProps = HTMLAttributes<HTMLElement> & {\n  key: string | number;\n};\n\ntype TabSelectorProps<T extends TabProps> = {\n  tabs: ReactElement<T>[];\n  selectedChoice: T['key'];\n  onTabClick?: (choice: T['key']) => void;\n  hoverable?: boolean;\n} & HTMLAttributes<HTMLElement> &\n  VariantProps<typeof tabSelectorVariant>;\n\n/**\n *\n * Component that allows the user to select one of the provided choices.\n *\n * Example:\n * ```jsx\n * <TabSelector\n *   selectedChoice=\"option1\"\n *   onTabClick={(choice) => console.log(choice)}\n *   hoverable={true}\n * >\n *   <Button key=\"option1\"/>\n *   <Button key=\"option2\"/>\n *   <Button key=\"option3\"/>\n * </TabSelector>\n * ```\n */\nexport const TabSelector = <T extends TabProps>({\n  tabs,\n  selectedChoice,\n  onTabClick,\n  color = 'primary',\n  hoverable = false,\n  className,\n}: TabSelectorProps<T>) => {\n  const optionsRefs = useRef<HTMLElement[]>([]);\n  const indicatorRef = useRef<HTMLDivElement | null>(null);\n  const { choiceIndicatorPosition } = useItemSelector(\n    optionsRefs,\n    undefined,\n    hoverable\n  );\n\n  return (\n    <div\n      className={cn(\n        tabSelectorVariant({\n          color,\n        }),\n        className\n      )}\n      role=\"tablist\"\n    >\n      {tabs.map((Tab, index) => {\n        const key = Tab.key!;\n\n        const isSelected = selectedChoice === key;\n\n        return cloneElement(Tab, {\n          key: key ?? index,\n          role: 'tab',\n          onClick: () => onTabClick?.(key),\n          'aria-selected': isSelected,\n          ref: (el: HTMLElement) => {\n            optionsRefs.current[index] = el!;\n          },\n        } as unknown as T);\n      })}\n      {choiceIndicatorPosition && (\n        <div\n          className={indicatorVariant({\n            color,\n          })}\n          style={choiceIndicatorPosition}\n          ref={indicatorRef}\n        />\n      )}\n    </div>\n  );\n};\n"],"names":["cva","useRef","useItemSelector","jsxs","cn","cloneElement","jsx"],"mappings":";;;;;;;;;;;;;;;;;;AAYA,MAAM,qBAAqBA,uBAAA;AAAA,EACzB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SACE;AAAA,QACF,WACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,OAAO;AAAA,IACT;AAAA,EACF;AACF;AAEA,MAAM,mBAAmBA,uBAAA;AAAA,EACvB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SACE;AAAA,QACF,WACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF;AA+BO,MAAM,cAAc,CAAqB;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AACF,MAA2B;AACnB,QAAA,cAAcC,kBAAsB,CAAA,CAAE;AACtC,QAAA,eAAeA,kBAA8B,IAAI;AACjD,QAAA,EAAE,4BAA4BC,sBAAA;AAAA,IAClC;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAIA,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,SAAA;AAAA,QACT,mBAAmB;AAAA,UACjB;AAAA,QAAA,CACD;AAAA,QACD;AAAA,MACF;AAAA,MACA,MAAK;AAAA,MAEJ,UAAA;AAAA,QAAK,KAAA,IAAI,CAAC,KAAK,UAAU;AACxB,gBAAM,MAAM,IAAI;AAEhB,gBAAM,aAAa,mBAAmB;AAEtC,iBAAOC,WAAAA,aAAa,KAAK;AAAA,YACvB,KAAK,OAAO;AAAA,YACZ,MAAM;AAAA,YACN,SAAS,MAAM,aAAa,GAAG;AAAA,YAC/B,iBAAiB;AAAA,YACjB,KAAK,CAAC,OAAoB;AACZ,0BAAA,QAAQ,KAAK,IAAI;AAAA,YAC/B;AAAA,UAAA,CACe;AAAA,QAAA,CAClB;AAAA,QACA,2BACCC,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,iBAAiB;AAAA,cAC1B;AAAA,YAAA,CACD;AAAA,YACD,OAAO;AAAA,YACP,KAAK;AAAA,UAAA;AAAA,QACP;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;;"}

package/dist/components/TabSelector/TabSelector.d.ts

@@ -0,0 +1,35 @@
+import { VariantProps } from 'class-variance-authority';
+import { HTMLAttributes, ReactElement } from 'react';
+
+declare const tabSelectorVariant: (props?: ({
+    color?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type TabProps = HTMLAttributes<HTMLElement> & {
+    key: string | number;
+};
+type TabSelectorProps<T extends TabProps> = {
+    tabs: ReactElement<T>[];
+    selectedChoice: T['key'];
+    onTabClick?: (choice: T['key']) => void;
+    hoverable?: boolean;
+} & HTMLAttributes<HTMLElement> & VariantProps<typeof tabSelectorVariant>;
+/**
+ *
+ * Component that allows the user to select one of the provided choices.
+ *
+ * Example:
+ * ```jsx
+ * <TabSelector
+ *   selectedChoice="option1"
+ *   onTabClick={(choice) => console.log(choice)}
+ *   hoverable={true}
+ * >
+ *   <Button key="option1"/>
+ *   <Button key="option2"/>
+ *   <Button key="option3"/>
+ * </TabSelector>
+ * ```
+ */
+export declare const TabSelector: <T extends TabProps>({ tabs, selectedChoice, onTabClick, color, hoverable, className, }: TabSelectorProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TabSelector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabSelector.d.ts","sourceRoot":"","sources":["../../../src/components/TabSelector/TabSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,YAAY,EAElB,MAAM,OAAO,CAAC;AAIf,QAAA,MAAM,kBAAkB;;8EAsBvB,CAAC;AAuBF,KAAK,QAAQ,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IAC5C,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,gBAAgB,CAAC,CAAC,SAAS,QAAQ,IAAI;IAC1C,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,cAAc,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;IACzB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,cAAc,CAAC,WAAW,CAAC,GAC7B,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAE1C;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,QAAQ,sEAO3C,gBAAgB,CAAC,CAAC,CAAC,4CA6CrB,CAAC"}

package/dist/components/TabSelector/TabSelector.mjs

@@ -0,0 +1,108 @@
+"use client";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { cva } from "class-variance-authority";
+import { useRef, cloneElement } from "react";
+import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
+import "../Auth/AuthProvider/index.mjs";
+import "../../libs/intlayer-api/auth.mjs";
+import "../../libs/intlayer-api/dictionary.mjs";
+import "../../libs/intlayer-api/organization.mjs";
+import "../../libs/intlayer-api/project.mjs";
+import "../../libs/intlayer-api/user.mjs";
+import { useItemSelector } from "../../hooks/useItemSelector.mjs";
+import "@intlayer/dictionaries-entry";
+import "deepmerge";
+import { cn } from "../../utils/cn.mjs";
+const tabSelectorVariant = cva(
+  "relative flex size-full flex-row items-center gap-2",
+  {
+    variants: {
+      color: {
+        primary: "border-primary text-primary dark:border-primary-dark dark:text-primary-dark",
+        secondary: "border-secondary text-secondary dark:border-secondary-dark dark:text-secondary-dark",
+        destructive: "border-destructive bg-destructive text-destructive dark:border-destructive-dark dark:bg-destructive-dark",
+        neutral: "border-neutral text-neutral dark:border-neutral-dark dark:text-neutral-dark",
+        light: "border-white text-white",
+        dark: "border-neutral-800 text-neutral-800",
+        text: "border-text text-text dark:border-text-dark dark:text-text-dark"
+      }
+    },
+    defaultVariants: {
+      color: "primary"
+    }
+  }
+);
+const indicatorVariant = cva(
+  "absolute top-0 z-[-1] h-full w-auto rounded-lg opacity-10 transition-[left,width] duration-300 ease-in-out motion-reduce:transition-none",
+  {
+    variants: {
+      color: {
+        primary: "bg-primary aria-selected:text-text dark:bg-primary-dark dark:aria-selected:text-text-dark",
+        secondary: "bg-secondary aria-selected:text-text dark:bg-secondary-dark dark:aria-selected:text-text-dark",
+        destructive: "bg-destructive aria-selected:text-text dark:bg-destructive-dark dark:aria-selected:text-text-dark",
+        neutral: "bg-neutral aria-selected:text-white dark:bg-neutral-dark dark:aria-selected:text-text",
+        light: "bg-white aria-selected:text-black",
+        dark: "bg-neutral-800 aria-selected:text-white",
+        text: "bg-text aria-selected:text-text-dark dark:bg-text-dark dark:aria-selected:text-text"
+      }
+    }
+  }
+);
+const TabSelector = ({
+  tabs,
+  selectedChoice,
+  onTabClick,
+  color = "primary",
+  hoverable = false,
+  className
+}) => {
+  const optionsRefs = useRef([]);
+  const indicatorRef = useRef(null);
+  const { choiceIndicatorPosition } = useItemSelector(
+    optionsRefs,
+    void 0,
+    hoverable
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: cn(
+        tabSelectorVariant({
+          color
+        }),
+        className
+      ),
+      role: "tablist",
+      children: [
+        tabs.map((Tab, index) => {
+          const key = Tab.key;
+          const isSelected = selectedChoice === key;
+          return cloneElement(Tab, {
+            key: key ?? index,
+            role: "tab",
+            onClick: () => onTabClick?.(key),
+            "aria-selected": isSelected,
+            ref: (el) => {
+              optionsRefs.current[index] = el;
+            }
+          });
+        }),
+        choiceIndicatorPosition && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: indicatorVariant({
+              color
+            }),
+            style: choiceIndicatorPosition,
+            ref: indicatorRef
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  TabSelector
+};
+//# sourceMappingURL=TabSelector.mjs.map

package/dist/components/TabSelector/TabSelector.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabSelector.mjs","sources":["../../../src/components/TabSelector/TabSelector.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  useRef,\n  type HTMLAttributes,\n  type ReactElement,\n  cloneElement,\n} from 'react';\nimport { useItemSelector } from '../../hooks';\nimport { cn } from '../../utils/cn';\n\nconst tabSelectorVariant = cva(\n  'relative flex size-full flex-row items-center gap-2',\n  {\n    variants: {\n      color: {\n        primary:\n          'border-primary text-primary dark:border-primary-dark dark:text-primary-dark',\n        secondary:\n          'border-secondary text-secondary dark:border-secondary-dark dark:text-secondary-dark',\n        destructive:\n          'border-destructive bg-destructive text-destructive dark:border-destructive-dark dark:bg-destructive-dark',\n        neutral:\n          'border-neutral text-neutral dark:border-neutral-dark dark:text-neutral-dark',\n        light: 'border-white text-white',\n        dark: 'border-neutral-800 text-neutral-800',\n        text: 'border-text text-text dark:border-text-dark dark:text-text-dark',\n      },\n    },\n    defaultVariants: {\n      color: 'primary',\n    },\n  }\n);\n\nconst indicatorVariant = cva(\n  'absolute top-0 z-[-1] h-full w-auto rounded-lg opacity-10 transition-[left,width] duration-300 ease-in-out motion-reduce:transition-none',\n  {\n    variants: {\n      color: {\n        primary:\n          'bg-primary aria-selected:text-text dark:bg-primary-dark dark:aria-selected:text-text-dark',\n        secondary:\n          'bg-secondary aria-selected:text-text dark:bg-secondary-dark dark:aria-selected:text-text-dark',\n        destructive:\n          'bg-destructive aria-selected:text-text dark:bg-destructive-dark dark:aria-selected:text-text-dark',\n        neutral:\n          'bg-neutral aria-selected:text-white dark:bg-neutral-dark dark:aria-selected:text-text',\n        light: 'bg-white aria-selected:text-black',\n        dark: 'bg-neutral-800 aria-selected:text-white',\n        text: 'bg-text aria-selected:text-text-dark dark:bg-text-dark dark:aria-selected:text-text',\n      },\n    },\n  }\n);\n\ntype TabProps = HTMLAttributes<HTMLElement> & {\n  key: string | number;\n};\n\ntype TabSelectorProps<T extends TabProps> = {\n  tabs: ReactElement<T>[];\n  selectedChoice: T['key'];\n  onTabClick?: (choice: T['key']) => void;\n  hoverable?: boolean;\n} & HTMLAttributes<HTMLElement> &\n  VariantProps<typeof tabSelectorVariant>;\n\n/**\n *\n * Component that allows the user to select one of the provided choices.\n *\n * Example:\n * ```jsx\n * <TabSelector\n *   selectedChoice=\"option1\"\n *   onTabClick={(choice) => console.log(choice)}\n *   hoverable={true}\n * >\n *   <Button key=\"option1\"/>\n *   <Button key=\"option2\"/>\n *   <Button key=\"option3\"/>\n * </TabSelector>\n * ```\n */\nexport const TabSelector = <T extends TabProps>({\n  tabs,\n  selectedChoice,\n  onTabClick,\n  color = 'primary',\n  hoverable = false,\n  className,\n}: TabSelectorProps<T>) => {\n  const optionsRefs = useRef<HTMLElement[]>([]);\n  const indicatorRef = useRef<HTMLDivElement | null>(null);\n  const { choiceIndicatorPosition } = useItemSelector(\n    optionsRefs,\n    undefined,\n    hoverable\n  );\n\n  return (\n    <div\n      className={cn(\n        tabSelectorVariant({\n          color,\n        }),\n        className\n      )}\n      role=\"tablist\"\n    >\n      {tabs.map((Tab, index) => {\n        const key = Tab.key!;\n\n        const isSelected = selectedChoice === key;\n\n        return cloneElement(Tab, {\n          key: key ?? index,\n          role: 'tab',\n          onClick: () => onTabClick?.(key),\n          'aria-selected': isSelected,\n          ref: (el: HTMLElement) => {\n            optionsRefs.current[index] = el!;\n          },\n        } as unknown as T);\n      })}\n      {choiceIndicatorPosition && (\n        <div\n          className={indicatorVariant({\n            color,\n          })}\n          style={choiceIndicatorPosition}\n          ref={indicatorRef}\n        />\n      )}\n    </div>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;AAYA,MAAM,qBAAqB;AAAA,EACzB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SACE;AAAA,QACF,WACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,OAAO;AAAA,IACT;AAAA,EACF;AACF;AAEA,MAAM,mBAAmB;AAAA,EACvB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SACE;AAAA,QACF,WACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF;AA+BO,MAAM,cAAc,CAAqB;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AACF,MAA2B;AACnB,QAAA,cAAc,OAAsB,CAAA,CAAE;AACtC,QAAA,eAAe,OAA8B,IAAI;AACjD,QAAA,EAAE,4BAA4B;AAAA,IAClC;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAIA,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT,mBAAmB;AAAA,UACjB;AAAA,QAAA,CACD;AAAA,QACD;AAAA,MACF;AAAA,MACA,MAAK;AAAA,MAEJ,UAAA;AAAA,QAAK,KAAA,IAAI,CAAC,KAAK,UAAU;AACxB,gBAAM,MAAM,IAAI;AAEhB,gBAAM,aAAa,mBAAmB;AAEtC,iBAAO,aAAa,KAAK;AAAA,YACvB,KAAK,OAAO;AAAA,YACZ,MAAM;AAAA,YACN,SAAS,MAAM,aAAa,GAAG;AAAA,YAC/B,iBAAiB;AAAA,YACjB,KAAK,CAAC,OAAoB;AACZ,0BAAA,QAAQ,KAAK,IAAI;AAAA,YAC/B;AAAA,UAAA,CACe;AAAA,QAAA,CAClB;AAAA,QACA,2BACCC,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,iBAAiB;AAAA,cAC1B;AAAA,YAAA,CACD;AAAA,YACD,OAAO;AAAA,YACP,KAAK;AAAA,UAAA;AAAA,QACP;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/components/TabSelector/index.cjs

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

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

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

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

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

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

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

package/dist/components/TabSelector/index.mjs

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

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

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

package/dist/components/TextArea/AutoSizeTextArea.cjs

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const require$$0 = require("react");
+const utils_cn = require("../../utils/cn.cjs");
+const components_TextArea_TextArea = require("./TextArea.cjs");
+const LINE_HEIGHT = 24;
+const LINE_PADDING = 12;
+const AutoSizedTextArea = require$$0.forwardRef(({ className, autoSize = true, onChange, maxRows = 999, ...props }, ref) => {
+  const textAreaRef = require$$0.useRef(null);
+  require$$0.useImperativeHandle(ref, () => textAreaRef.current);
+  const adjustHeight = require$$0.useCallback(() => {
+    const textAreaEl = textAreaRef.current;
+    if (!textAreaEl || !autoSize) return;
+    const textAreaStyle = textAreaEl.style;
+    textAreaStyle.height = "auto";
+    const scrollHeight = textAreaEl.scrollHeight;
+    const maxHeight = LINE_HEIGHT * maxRows + LINE_PADDING;
+    const minHeight = LINE_HEIGHT + LINE_PADDING;
+    textAreaStyle.height = Math.max(Math.min(scrollHeight, maxHeight), minHeight) + "px";
+  }, [autoSize, maxRows]);
+  require$$0.useEffect(() => {
+    adjustHeight();
+  }, [props.value, props.defaultValue, adjustHeight]);
+  const handleChange = (e) => {
+    onChange?.(e);
+    adjustHeight();
+  };
+  const setRef = require$$0.useCallback(
+    (el) => {
+      textAreaRef.current = el;
+      if (el) {
+        adjustHeight();
+      }
+    },
+    [adjustHeight]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    components_TextArea_TextArea.TextArea,
+    {
+      ref: setRef,
+      onChange: handleChange,
+      className: utils_cn.cn(
+        "overflow-y-scroll",
+        autoSize ? "resize-none" : "",
+        className
+      ),
+      ...props
+    }
+  );
+});
+AutoSizedTextArea.displayName = "AutoSizedTextArea";
+exports.AutoSizedTextArea = AutoSizedTextArea;
+//# sourceMappingURL=AutoSizeTextArea.cjs.map

package/dist/components/TextArea/AutoSizeTextArea.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoSizeTextArea.cjs","sources":["../../../src/components/TextArea/AutoSizeTextArea.tsx"],"sourcesContent":["import {\n  useRef,\n  useEffect,\n  type ChangeEventHandler,\n  forwardRef,\n  useImperativeHandle,\n  useCallback,\n} from 'react';\nimport { cn } from '../../utils/cn';\nimport { TextAreaProps, TextArea } from './TextArea';\n\nexport type AutoSizedTextAreaProps = TextAreaProps & {\n  autoSize?: boolean;\n  maxRows?: number;\n};\n\nconst LINE_HEIGHT = 24; // px\nconst LINE_PADDING = 12; // px\n\nexport const AutoSizedTextArea = forwardRef<\n  HTMLTextAreaElement,\n  AutoSizedTextAreaProps\n>(({ className, autoSize = true, onChange, maxRows = 999, ...props }, ref) => {\n  const textAreaRef = useRef<HTMLTextAreaElement | null>(null);\n\n  useImperativeHandle(ref, () => textAreaRef.current!);\n\n  const adjustHeight = useCallback(() => {\n    const textAreaEl = textAreaRef.current;\n\n    if (!textAreaEl || !autoSize) return;\n\n    const textAreaStyle = textAreaEl.style;\n\n    // Reset height to get accurate scrollHeight\n    textAreaStyle.height = 'auto';\n    const scrollHeight = textAreaEl.scrollHeight;\n    const maxHeight = LINE_HEIGHT * maxRows + LINE_PADDING;\n    const minHeight = LINE_HEIGHT + LINE_PADDING;\n\n    // Set the new height\n    textAreaStyle.height =\n      Math.max(Math.min(scrollHeight, maxHeight), minHeight) + 'px';\n  }, [autoSize, maxRows]);\n\n  useEffect(() => {\n    adjustHeight();\n  }, [props.value, props.defaultValue, adjustHeight]);\n\n  const handleChange: ChangeEventHandler<HTMLTextAreaElement> = (e) => {\n    onChange?.(e);\n    adjustHeight();\n  };\n\n  const setRef = useCallback(\n    (el: HTMLTextAreaElement | null) => {\n      textAreaRef.current = el;\n      if (el) {\n        adjustHeight();\n      }\n    },\n    [adjustHeight]\n  );\n\n  return (\n    <TextArea\n      ref={setRef}\n      onChange={handleChange}\n      className={cn(\n        'overflow-y-scroll',\n        autoSize ? 'resize-none' : '',\n        className\n      )}\n      {...props}\n    />\n  );\n});\n\nAutoSizedTextArea.displayName = 'AutoSizedTextArea';\n"],"names":["forwardRef","useRef","useImperativeHandle","useCallback","useEffect","jsx","TextArea","cn"],"mappings":";;;;;;AAgBA,MAAM,cAAc;AACpB,MAAM,eAAe;AAEd,MAAM,oBAAoBA,WAAA,WAG/B,CAAC,EAAE,WAAW,WAAW,MAAM,UAAU,UAAU,KAAK,GAAG,MAAA,GAAS,QAAQ;AACtE,QAAA,cAAcC,kBAAmC,IAAI;AAEvCC,aAAAA,oBAAA,KAAK,MAAM,YAAY,OAAQ;AAE7C,QAAA,eAAeC,WAAAA,YAAY,MAAM;AACrC,UAAM,aAAa,YAAY;AAE3B,QAAA,CAAC,cAAc,CAAC,SAAU;AAE9B,UAAM,gBAAgB,WAAW;AAGjC,kBAAc,SAAS;AACvB,UAAM,eAAe,WAAW;AAC1B,UAAA,YAAY,cAAc,UAAU;AAC1C,UAAM,YAAY,cAAc;AAGlB,kBAAA,SACZ,KAAK,IAAI,KAAK,IAAI,cAAc,SAAS,GAAG,SAAS,IAAI;AAAA,EAAA,GAC1D,CAAC,UAAU,OAAO,CAAC;AAEtBC,aAAAA,UAAU,MAAM;AACD;EAAA,GACZ,CAAC,MAAM,OAAO,MAAM,cAAc,YAAY,CAAC;AAE5C,QAAA,eAAwD,CAAC,MAAM;AACnE,eAAW,CAAC;AACC;EAAA;AAGf,QAAM,SAASD,WAAA;AAAA,IACb,CAAC,OAAmC;AAClC,kBAAY,UAAU;AACtB,UAAI,IAAI;AACO;MACf;AAAA,IACF;AAAA,IACA,CAAC,YAAY;AAAA,EAAA;AAIb,SAAAE,2BAAA,kBAAA;AAAA,IAACC,6BAAA;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAWC,SAAA;AAAA,QACT;AAAA,QACA,WAAW,gBAAgB;AAAA,QAC3B;AAAA,MACF;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AAED,kBAAkB,cAAc;;"}

package/dist/components/TextArea/AutoSizeTextArea.d.ts

@@ -0,0 +1,8 @@
+import { TextAreaProps } from './TextArea';
+
+export type AutoSizedTextAreaProps = TextAreaProps & {
+    autoSize?: boolean;
+    maxRows?: number;
+};
+export declare const AutoSizedTextArea: import('react').ForwardRefExoticComponent<Omit<AutoSizedTextAreaProps, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=AutoSizeTextArea.d.ts.map

package/dist/components/TextArea/AutoSizeTextArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoSizeTextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/AutoSizeTextArea.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAY,MAAM,YAAY,CAAC;AAErD,MAAM,MAAM,sBAAsB,GAAG,aAAa,GAAG;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAKF,eAAO,MAAM,iBAAiB,qIAyD5B,CAAC"}

package/dist/components/TextArea/AutoSizeTextArea.mjs

@@ -0,0 +1,54 @@
+import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { forwardRef, useRef, useImperativeHandle, useCallback, useEffect } from "react";
+import { cn } from "../../utils/cn.mjs";
+import { TextArea } from "./TextArea.mjs";
+const LINE_HEIGHT = 24;
+const LINE_PADDING = 12;
+const AutoSizedTextArea = forwardRef(({ className, autoSize = true, onChange, maxRows = 999, ...props }, ref) => {
+  const textAreaRef = useRef(null);
+  useImperativeHandle(ref, () => textAreaRef.current);
+  const adjustHeight = useCallback(() => {
+    const textAreaEl = textAreaRef.current;
+    if (!textAreaEl || !autoSize) return;
+    const textAreaStyle = textAreaEl.style;
+    textAreaStyle.height = "auto";
+    const scrollHeight = textAreaEl.scrollHeight;
+    const maxHeight = LINE_HEIGHT * maxRows + LINE_PADDING;
+    const minHeight = LINE_HEIGHT + LINE_PADDING;
+    textAreaStyle.height = Math.max(Math.min(scrollHeight, maxHeight), minHeight) + "px";
+  }, [autoSize, maxRows]);
+  useEffect(() => {
+    adjustHeight();
+  }, [props.value, props.defaultValue, adjustHeight]);
+  const handleChange = (e) => {
+    onChange?.(e);
+    adjustHeight();
+  };
+  const setRef = useCallback(
+    (el) => {
+      textAreaRef.current = el;
+      if (el) {
+        adjustHeight();
+      }
+    },
+    [adjustHeight]
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    TextArea,
+    {
+      ref: setRef,
+      onChange: handleChange,
+      className: cn(
+        "overflow-y-scroll",
+        autoSize ? "resize-none" : "",
+        className
+      ),
+      ...props
+    }
+  );
+});
+AutoSizedTextArea.displayName = "AutoSizedTextArea";
+export {
+  AutoSizedTextArea
+};
+//# sourceMappingURL=AutoSizeTextArea.mjs.map

package/dist/components/TextArea/AutoSizeTextArea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoSizeTextArea.mjs","sources":["../../../src/components/TextArea/AutoSizeTextArea.tsx"],"sourcesContent":["import {\n  useRef,\n  useEffect,\n  type ChangeEventHandler,\n  forwardRef,\n  useImperativeHandle,\n  useCallback,\n} from 'react';\nimport { cn } from '../../utils/cn';\nimport { TextAreaProps, TextArea } from './TextArea';\n\nexport type AutoSizedTextAreaProps = TextAreaProps & {\n  autoSize?: boolean;\n  maxRows?: number;\n};\n\nconst LINE_HEIGHT = 24; // px\nconst LINE_PADDING = 12; // px\n\nexport const AutoSizedTextArea = forwardRef<\n  HTMLTextAreaElement,\n  AutoSizedTextAreaProps\n>(({ className, autoSize = true, onChange, maxRows = 999, ...props }, ref) => {\n  const textAreaRef = useRef<HTMLTextAreaElement | null>(null);\n\n  useImperativeHandle(ref, () => textAreaRef.current!);\n\n  const adjustHeight = useCallback(() => {\n    const textAreaEl = textAreaRef.current;\n\n    if (!textAreaEl || !autoSize) return;\n\n    const textAreaStyle = textAreaEl.style;\n\n    // Reset height to get accurate scrollHeight\n    textAreaStyle.height = 'auto';\n    const scrollHeight = textAreaEl.scrollHeight;\n    const maxHeight = LINE_HEIGHT * maxRows + LINE_PADDING;\n    const minHeight = LINE_HEIGHT + LINE_PADDING;\n\n    // Set the new height\n    textAreaStyle.height =\n      Math.max(Math.min(scrollHeight, maxHeight), minHeight) + 'px';\n  }, [autoSize, maxRows]);\n\n  useEffect(() => {\n    adjustHeight();\n  }, [props.value, props.defaultValue, adjustHeight]);\n\n  const handleChange: ChangeEventHandler<HTMLTextAreaElement> = (e) => {\n    onChange?.(e);\n    adjustHeight();\n  };\n\n  const setRef = useCallback(\n    (el: HTMLTextAreaElement | null) => {\n      textAreaRef.current = el;\n      if (el) {\n        adjustHeight();\n      }\n    },\n    [adjustHeight]\n  );\n\n  return (\n    <TextArea\n      ref={setRef}\n      onChange={handleChange}\n      className={cn(\n        'overflow-y-scroll',\n        autoSize ? 'resize-none' : '',\n        className\n      )}\n      {...props}\n    />\n  );\n});\n\nAutoSizedTextArea.displayName = 'AutoSizedTextArea';\n"],"names":["jsx"],"mappings":";;;;AAgBA,MAAM,cAAc;AACpB,MAAM,eAAe;AAEd,MAAM,oBAAoB,WAG/B,CAAC,EAAE,WAAW,WAAW,MAAM,UAAU,UAAU,KAAK,GAAG,MAAA,GAAS,QAAQ;AACtE,QAAA,cAAc,OAAmC,IAAI;AAEvC,sBAAA,KAAK,MAAM,YAAY,OAAQ;AAE7C,QAAA,eAAe,YAAY,MAAM;AACrC,UAAM,aAAa,YAAY;AAE3B,QAAA,CAAC,cAAc,CAAC,SAAU;AAE9B,UAAM,gBAAgB,WAAW;AAGjC,kBAAc,SAAS;AACvB,UAAM,eAAe,WAAW;AAC1B,UAAA,YAAY,cAAc,UAAU;AAC1C,UAAM,YAAY,cAAc;AAGlB,kBAAA,SACZ,KAAK,IAAI,KAAK,IAAI,cAAc,SAAS,GAAG,SAAS,IAAI;AAAA,EAAA,GAC1D,CAAC,UAAU,OAAO,CAAC;AAEtB,YAAU,MAAM;AACD;EAAA,GACZ,CAAC,MAAM,OAAO,MAAM,cAAc,YAAY,CAAC;AAE5C,QAAA,eAAwD,CAAC,MAAM;AACnE,eAAW,CAAC;AACC;EAAA;AAGf,QAAM,SAAS;AAAA,IACb,CAAC,OAAmC;AAClC,kBAAY,UAAU;AACtB,UAAI,IAAI;AACO;MACf;AAAA,IACF;AAAA,IACA,CAAC,YAAY;AAAA,EAAA;AAIb,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA,WAAW,gBAAgB;AAAA,QAC3B;AAAA,MACF;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AAED,kBAAkB,cAAc;"}

package/dist/components/TextArea/TextArea.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const require$$0 = require("react");
+const utils_cn = require("../../utils/cn.cjs");
+const components_Input_Input = require("../Input/Input.cjs");
+require("../Input/InputPassword.cjs");
+const TextArea = require$$0.forwardRef(
+  ({ className, variant, validationStyleEnabled = false, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    "textarea",
+    {
+      className: utils_cn.cn(
+        "resize-none",
+        components_Input_Input.inputVariants({
+          variant,
+          validationStyleEnabled: validationStyleEnabled ? "enabled" : "disabled",
+          className
+        })
+      ),
+      ref,
+      ...props
+    }
+  )
+);
+TextArea.displayName = "TextArea";
+exports.TextArea = TextArea;
+//# sourceMappingURL=TextArea.cjs.map

package/dist/components/TextArea/TextArea.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.cjs","sources":["../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import type { VariantProps } from 'class-variance-authority';\nimport {\n  forwardRef,\n  type TextareaHTMLAttributes,\n  type DetailedHTMLProps,\n} from 'react';\nimport { cn } from '../../utils/cn';\nimport { inputVariants } from '../Input';\n\nexport type TextAreaProps = DetailedHTMLProps<\n  DetailedHTMLProps<\n    TextareaHTMLAttributes<HTMLTextAreaElement>,\n    HTMLTextAreaElement\n  >,\n  HTMLTextAreaElement\n> & {\n  validationStyleEnabled?: boolean;\n} & Omit<VariantProps<typeof inputVariants>, 'validationStyleEnabled'>;\n\nexport const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  ({ className, variant, validationStyleEnabled = false, ...props }, ref) => (\n    <textarea\n      className={cn(\n        'resize-none',\n        inputVariants({\n          variant,\n          validationStyleEnabled: validationStyleEnabled\n            ? 'enabled'\n            : 'disabled',\n          className,\n        })\n      )}\n      ref={ref}\n      {...props}\n    />\n  )\n);\n\nTextArea.displayName = 'TextArea';\n"],"names":["forwardRef","jsx","cn","inputVariants"],"mappings":";;;;;;;AAmBO,MAAM,WAAWA,WAAA;AAAA,EACtB,CAAC,EAAE,WAAW,SAAS,yBAAyB,OAAO,GAAG,MAAM,GAAG,QACjEC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,SAAA;AAAA,QACT;AAAA,QACAC,qCAAc;AAAA,UACZ;AAAA,UACA,wBAAwB,yBACpB,YACA;AAAA,UACJ;AAAA,QAAA,CACD;AAAA,MACH;AAAA,MACA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAAS,cAAc;;"}

package/dist/components/TextArea/TextArea.d.ts

@@ -0,0 +1,9 @@
+import { VariantProps } from 'class-variance-authority';
+import { TextareaHTMLAttributes, DetailedHTMLProps } from 'react';
+import { inputVariants } from '../Input';
+
+export type TextAreaProps = DetailedHTMLProps<DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, HTMLTextAreaElement> & {
+    validationStyleEnabled?: boolean;
+} & Omit<VariantProps<typeof inputVariants>, 'validationStyleEnabled'>;
+export declare const TextArea: import('react').ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=TextArea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAEL,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAC3C,iBAAiB,CACf,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,mBAAmB,CACpB,EACD,mBAAmB,CACpB,GAAG;IACF,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,aAAa,CAAC,EAAE,wBAAwB,CAAC,CAAC;AAEvE,eAAO,MAAM,QAAQ,4HAiBpB,CAAC"}

package/dist/components/TextArea/TextArea.mjs

@@ -0,0 +1,27 @@
+import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { forwardRef } from "react";
+import { cn } from "../../utils/cn.mjs";
+import { inputVariants } from "../Input/Input.mjs";
+import "../Input/InputPassword.mjs";
+const TextArea = forwardRef(
+  ({ className, variant, validationStyleEnabled = false, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "textarea",
+    {
+      className: cn(
+        "resize-none",
+        inputVariants({
+          variant,
+          validationStyleEnabled: validationStyleEnabled ? "enabled" : "disabled",
+          className
+        })
+      ),
+      ref,
+      ...props
+    }
+  )
+);
+TextArea.displayName = "TextArea";
+export {
+  TextArea
+};
+//# sourceMappingURL=TextArea.mjs.map

package/dist/components/TextArea/TextArea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.mjs","sources":["../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import type { VariantProps } from 'class-variance-authority';\nimport {\n  forwardRef,\n  type TextareaHTMLAttributes,\n  type DetailedHTMLProps,\n} from 'react';\nimport { cn } from '../../utils/cn';\nimport { inputVariants } from '../Input';\n\nexport type TextAreaProps = DetailedHTMLProps<\n  DetailedHTMLProps<\n    TextareaHTMLAttributes<HTMLTextAreaElement>,\n    HTMLTextAreaElement\n  >,\n  HTMLTextAreaElement\n> & {\n  validationStyleEnabled?: boolean;\n} & Omit<VariantProps<typeof inputVariants>, 'validationStyleEnabled'>;\n\nexport const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  ({ className, variant, validationStyleEnabled = false, ...props }, ref) => (\n    <textarea\n      className={cn(\n        'resize-none',\n        inputVariants({\n          variant,\n          validationStyleEnabled: validationStyleEnabled\n            ? 'enabled'\n            : 'disabled',\n          className,\n        })\n      )}\n      ref={ref}\n      {...props}\n    />\n  )\n);\n\nTextArea.displayName = 'TextArea';\n"],"names":["jsx"],"mappings":";;;;;AAmBO,MAAM,WAAW;AAAA,EACtB,CAAC,EAAE,WAAW,SAAS,yBAAyB,OAAO,GAAG,MAAM,GAAG,QACjEA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,cAAc;AAAA,UACZ;AAAA,UACA,wBAAwB,yBACpB,YACA;AAAA,UACJ;AAAA,QAAA,CACD;AAAA,MACH;AAAA,MACA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAAS,cAAc;"}

package/dist/components/TextArea/index.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_TextArea_AutoSizeTextArea = require("./AutoSizeTextArea.cjs");
+const components_TextArea_TextArea = require("./TextArea.cjs");
+exports.AutoSizedTextArea = components_TextArea_AutoSizeTextArea.AutoSizedTextArea;
+exports.TextArea = components_TextArea_TextArea.TextArea;
+//# sourceMappingURL=index.cjs.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/index.tsx"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC"}

package/dist/components/TextArea/index.mjs

@@ -0,0 +1,7 @@
+import { AutoSizedTextArea } from "./AutoSizeTextArea.mjs";
+import { TextArea } from "./TextArea.mjs";
+export {
+  AutoSizedTextArea,
+  TextArea
+};
+//# sourceMappingURL=index.mjs.map

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

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