@intlayer/design-system 2.0.12 → 3.0.0

package/dist/components/IDE/IDE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IDE.mjs","sources":["../../../src/components/IDE/IDE.tsx"],"sourcesContent":["'use client';\n\nimport { type HTMLAttributes, useState, type FC } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Container } from '../Container';\nimport { WithResizer } from '../WithResizer';\nimport { FileTree } from './FileTree';\nimport { MarkdownRenderer } from './MarkDownRender';\n\nexport type IDEProps = {\n  pages: {\n    path: string;\n    content: string;\n    isOpen?: boolean;\n  }[];\n  isDarkMode?: boolean;\n} & HTMLAttributes<HTMLDivElement>;\n\nexport const IDE: FC<IDEProps> = ({\n  pages: initialPages,\n  isDarkMode,\n  className,\n  ...props\n}) => {\n  const [pages, setPages] = useState(initialPages);\n  const tabs = pages.filter(({ isOpen }) => isOpen);\n\n  const firstTabIndex = tabs.findIndex(({ isOpen }) => isOpen);\n  const [activeTab, setActiveTab] = useState(firstTabIndex);\n\n  const { content, path } = pages[activeTab];\n  const filePaths = initialPages.map(({ path: title }) => title);\n\n  const handleClickFile = (title: string) => {\n    const page = pages.find(({ path: tabTitle }) => tabTitle === title);\n    if (!page) return;\n\n    const newPages = pages.map((page) => {\n      if (page.path === title) {\n        return { ...page, isOpen: true };\n      }\n      return page;\n    });\n\n    setPages(newPages);\n\n    const newPageIndex = newPages.findIndex(\n      ({ path: tabTitle }) => tabTitle === title\n    );\n\n    setActiveTab(newPageIndex);\n  };\n\n  return (\n    <Container\n      className={cn(\n        'flex size-full flex-col justify-start overflow-hidden shadow-lg',\n        className\n      )}\n      roundedSize=\"3xl\"\n      transparency=\"none\"\n      {...props}\n    >\n      <div className=\"text-neutral dark:text-neutral-dark flex w-auto flex-row items-center justify-start gap-1 rounded-t-3xl bg-neutral-200 text-xs dark:bg-neutral-950\">\n        <div className=\"mx-2 flex items-center justify-start gap-2 p-1\">\n          <div className=\"size-3 rounded-full bg-red-500\" />\n          <div className=\"size-3 rounded-full bg-yellow-500\" />\n          <div className=\"size-3 rounded-full bg-green-500\" />\n        </div>\n        <div className=\"flex size-full overflow-y-auto\">\n          {tabs.map(({ path }, index) => {\n            const fullPath = path.split('/');\n            const title = fullPath[fullPath.length - 1];\n            const isActive = index === activeTab;\n\n            return (\n              <button\n                className={cn(\n                  'flex h-8 min-w-20 items-center justify-start px-3 py-1 transition',\n                  isActive\n                    ? 'bg-card dark:bg-card-dark'\n                    : 'dark:hover:bg-card-dark cursor-pointer bg-neutral-200 hover:bg-neutral-300 dark:bg-neutral-950'\n                )}\n                key={title}\n                onClick={() => setActiveTab(index)}\n              >\n                {title}\n              </button>\n            );\n          })}\n        </div>\n      </div>\n      <div className=\"relative flex size-full flex-1 flex-row justify-start\">\n        <div className=\"absolute left-0 top-0 size-full\">\n          <div className=\"flex size-full\">\n            <WithResizer initialWidth={20}>\n              <FileTree\n                filesPaths={filePaths}\n                activeFile={path}\n                onClickFile={handleClickFile}\n              />\n            </WithResizer>\n\n            <div className=\"size-full flex-1 overflow-auto pt-2 text-xs md:text-sm\">\n              <MarkdownRenderer isDarkMode={isDarkMode}>\n                {content}\n              </MarkdownRenderer>\n            </div>\n          </div>\n        </div>\n      </div>\n    </Container>\n  );\n};\n"],"names":["page","jsxs","jsx","path"],"mappings":";;;;;;;;AAkBO,MAAM,MAAoB,CAAC;AAAA,EAChC,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,YAAY;AAC/C,QAAM,OAAO,MAAM,OAAO,CAAC,EAAE,OAAA,MAAa,MAAM;AAEhD,QAAM,gBAAgB,KAAK,UAAU,CAAC,EAAE,OAAA,MAAa,MAAM;AAC3D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,aAAa;AAExD,QAAM,EAAE,SAAS,KAAK,IAAI,MAAM,SAAS;AACnC,QAAA,YAAY,aAAa,IAAI,CAAC,EAAE,MAAM,MAAA,MAAY,KAAK;AAEvD,QAAA,kBAAkB,CAAC,UAAkB;AACnC,UAAA,OAAO,MAAM,KAAK,CAAC,EAAE,MAAM,SAAe,MAAA,aAAa,KAAK;AAClE,QAAI,CAAC,KAAM;AAEX,UAAM,WAAW,MAAM,IAAI,CAACA,UAAS;AAC/BA,UAAAA,MAAK,SAAS,OAAO;AACvB,eAAO,EAAE,GAAGA,OAAM,QAAQ,KAAK;AAAA,MACjC;AACOA,aAAAA;AAAAA,IAAA,CACR;AAED,aAAS,QAAQ;AAEjB,UAAM,eAAe,SAAS;AAAA,MAC5B,CAAC,EAAE,MAAM,eAAe,aAAa;AAAA,IAAA;AAGvC,iBAAa,YAAY;AAAA,EAAA;AAIzB,SAAAC,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA,aAAY;AAAA,MACZ,cAAa;AAAA,MACZ,GAAG;AAAA,MAEJ,UAAA;AAAA,QAACA,kCAAAA,KAAA,OAAA,EAAI,WAAU,sJACb,UAAA;AAAA,UAACA,kCAAAA,KAAA,OAAA,EAAI,WAAU,kDACb,UAAA;AAAA,YAACC,kCAAAA,IAAA,OAAA,EAAI,WAAU,iCAAiC,CAAA;AAAA,YAChDA,kCAAAA,IAAC,OAAI,EAAA,WAAU,oCAAoC,CAAA;AAAA,YACnDA,kCAAAA,IAAC,OAAI,EAAA,WAAU,mCAAmC,CAAA;AAAA,UAAA,GACpD;AAAA,UACAA,kCAAAA,IAAC,OAAI,EAAA,WAAU,kCACZ,UAAA,KAAK,IAAI,CAAC,EAAE,MAAAC,MAAK,GAAG,UAAU;AACvB,kBAAA,WAAWA,MAAK,MAAM,GAAG;AAC/B,kBAAM,QAAQ,SAAS,SAAS,SAAS,CAAC;AAC1C,kBAAM,WAAW,UAAU;AAGzB,mBAAAD,kCAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW;AAAA,kBACT;AAAA,kBACA,WACI,8BACA;AAAA,gBACN;AAAA,gBAEA,SAAS,MAAM,aAAa,KAAK;AAAA,gBAEhC,UAAA;AAAA,cAAA;AAAA,cAHI;AAAA,YAAA;AAAA,UAMV,CAAA,GACH;AAAA,QAAA,GACF;AAAA,QACAA,kCAAA,IAAC,OAAI,EAAA,WAAU,yDACb,UAAAA,kCAAA,IAAC,OAAI,EAAA,WAAU,mCACb,UAAAD,uCAAC,OAAI,EAAA,WAAU,kBACb,UAAA;AAAA,UAACC,kCAAAA,IAAA,aAAA,EAAY,cAAc,IACzB,UAAAA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,YAAY;AAAA,cACZ,YAAY;AAAA,cACZ,aAAa;AAAA,YAAA;AAAA,UAAA,GAEjB;AAAA,UAEAA,kCAAAA,IAAC,SAAI,WAAU,0DACb,gDAAC,kBAAiB,EAAA,YACf,mBACH,EACF,CAAA;AAAA,QAAA,EACF,CAAA,EACF,CAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/IDE/MarkDownRender.cjs

@@ -0,0 +1,26 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const Markdown = require("markdown-to-jsx");
+const components_IDE_CodeRender = require("./CodeRender.cjs");
+const MarkdownRenderer = ({
+  children,
+  isDarkMode
+}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  Markdown,
+  {
+    options: {
+      overrides: {
+        code: {
+          // eslint-disable-next-line sonarjs/no-unstable-nested-components
+          component: (props) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_IDE_CodeRender.Code, { ...props, isDarkMode })
+        },
+        pre: (props) => props.children
+      }
+    },
+    children: children ?? ""
+  }
+);
+exports.MarkdownRenderer = MarkdownRenderer;
+//# sourceMappingURL=MarkDownRender.cjs.map

package/dist/components/IDE/MarkDownRender.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkDownRender.cjs","sources":["../../../src/components/IDE/MarkDownRender.tsx"],"sourcesContent":["'use client';\n\nimport Markdown from 'markdown-to-jsx';\nimport type { FC } from 'react';\nimport { Code } from './CodeRender';\n\ntype MarkdownRendererProps = {\n  isDarkMode?: boolean;\n  children: string;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n}) => (\n  <Markdown\n    options={{\n      overrides: {\n        code: {\n          // eslint-disable-next-line sonarjs/no-unstable-nested-components\n          component: (props) => <Code {...props} isDarkMode={isDarkMode} />,\n        },\n        pre: (props) => props.children,\n      },\n    }}\n  >\n    {children ?? ''}\n  </Markdown>\n);\n"],"names":["jsx","Code"],"mappings":";;;;;;AAWO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AACF,MACEA,2BAAA,kBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,MACP,WAAW;AAAA,QACT,MAAM;AAAA;AAAA,UAEJ,WAAW,CAAC,2DAAWC,0BAAM,MAAA,EAAA,GAAG,OAAO,YAAwB;AAAA,QACjE;AAAA,QACA,KAAK,CAAC,UAAU,MAAM;AAAA,MACxB;AAAA,IACF;AAAA,IAEC,UAAY,YAAA;AAAA,EAAA;AACf;;"}

package/dist/components/IDE/MarkDownRender.d.ts

@@ -6,3 +6,4 @@ type MarkdownRendererProps = {
 };
 export declare const MarkdownRenderer: FC<MarkdownRendererProps>;
 export {};
+//# sourceMappingURL=MarkDownRender.d.ts.map

package/dist/components/IDE/MarkDownRender.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkDownRender.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/MarkDownRender.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,KAAK,qBAAqB,GAAG;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAiBtD,CAAC"}

package/dist/components/IDE/MarkDownRender.mjs

@@ -0,0 +1,26 @@
+"use client";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import Markdown from "markdown-to-jsx";
+import { Code } from "./CodeRender.mjs";
+const MarkdownRenderer = ({
+  children,
+  isDarkMode
+}) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  Markdown,
+  {
+    options: {
+      overrides: {
+        code: {
+          // eslint-disable-next-line sonarjs/no-unstable-nested-components
+          component: (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(Code, { ...props, isDarkMode })
+        },
+        pre: (props) => props.children
+      }
+    },
+    children: children ?? ""
+  }
+);
+export {
+  MarkdownRenderer
+};
+//# sourceMappingURL=MarkDownRender.mjs.map

package/dist/components/IDE/MarkDownRender.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkDownRender.mjs","sources":["../../../src/components/IDE/MarkDownRender.tsx"],"sourcesContent":["'use client';\n\nimport Markdown from 'markdown-to-jsx';\nimport type { FC } from 'react';\nimport { Code } from './CodeRender';\n\ntype MarkdownRendererProps = {\n  isDarkMode?: boolean;\n  children: string;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n}) => (\n  <Markdown\n    options={{\n      overrides: {\n        code: {\n          // eslint-disable-next-line sonarjs/no-unstable-nested-components\n          component: (props) => <Code {...props} isDarkMode={isDarkMode} />,\n        },\n        pre: (props) => props.children,\n      },\n    }}\n  >\n    {children ?? ''}\n  </Markdown>\n);\n"],"names":["jsx"],"mappings":";;;;AAWO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AACF,MACEA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,MACP,WAAW;AAAA,QACT,MAAM;AAAA;AAAA,UAEJ,WAAW,CAAC,gDAAW,MAAM,EAAA,GAAG,OAAO,YAAwB;AAAA,QACjE;AAAA,QACA,KAAK,CAAC,UAAU,MAAM;AAAA,MACxB;AAAA,IACF;AAAA,IAEC,UAAY,YAAA;AAAA,EAAA;AACf;"}

package/dist/components/IDE/createFileTree.cjs

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const createFileTree = (paths) => {
+  const root = { path: "", subPath: [], isFile: false };
+  paths.forEach((path) => {
+    const parts = path.split("/").filter((part) => part !== "");
+    let current = root;
+    for (let i = 0; i < parts.length; i++) {
+      const part = parts[i];
+      const isFile = i === parts.length - 1;
+      if (!current.subPath) {
+        current.subPath = [];
+      }
+      let next = current.subPath.find((sub) => sub.path === part);
+      if (!next) {
+        next = { path: part, isFile, subPath: isFile ? void 0 : [] };
+        current.subPath.push(next);
+      }
+      current = next;
+    }
+  });
+  return root.subPath ?? [];
+};
+exports.createFileTree = createFileTree;
+//# sourceMappingURL=createFileTree.cjs.map

package/dist/components/IDE/createFileTree.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createFileTree.cjs","sources":["../../../src/components/IDE/createFileTree.ts"],"sourcesContent":["export type FilePath = {\n  path: string;\n  subPath?: FilePath[];\n  isFile: boolean;\n};\n\nexport const createFileTree = (paths: string[]): FilePath[] => {\n  const root: FilePath = { path: '', subPath: [], isFile: false };\n\n  paths.forEach((path) => {\n    const parts = path.split('/').filter((part) => part !== ''); // Remove empty strings due to leading slash\n    let current = root;\n\n    for (let i = 0; i < parts.length; i++) {\n      const part = parts[i];\n      const isFile = i === parts.length - 1; // Last part of the path is a file\n\n      if (!current.subPath) {\n        current.subPath = [];\n      }\n\n      let next = current.subPath.find((sub) => sub.path === part);\n\n      if (!next) {\n        next = { path: part, isFile, subPath: isFile ? undefined : [] };\n        current.subPath.push(next);\n      }\n\n      current = next;\n    }\n  });\n\n  return root.subPath ?? [];\n};\n"],"names":[],"mappings":";;AAMa,MAAA,iBAAiB,CAAC,UAAgC;AACvD,QAAA,OAAiB,EAAE,MAAM,IAAI,SAAS,IAAI,QAAQ;AAElD,QAAA,QAAQ,CAAC,SAAS;AAChB,UAAA,QAAQ,KAAK,MAAM,GAAG,EAAE,OAAO,CAAC,SAAS,SAAS,EAAE;AAC1D,QAAI,UAAU;AAEd,aAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AAC/B,YAAA,OAAO,MAAM,CAAC;AACd,YAAA,SAAS,MAAM,MAAM,SAAS;AAEhC,UAAA,CAAC,QAAQ,SAAS;AACpB,gBAAQ,UAAU;MACpB;AAEI,UAAA,OAAO,QAAQ,QAAQ,KAAK,CAAC,QAAQ,IAAI,SAAS,IAAI;AAE1D,UAAI,CAAC,MAAM;AACF,eAAA,EAAE,MAAM,MAAM,QAAQ,SAAS,SAAS,SAAY,CAAA;AACnD,gBAAA,QAAQ,KAAK,IAAI;AAAA,MAC3B;AAEU,gBAAA;AAAA,IACZ;AAAA,EAAA,CACD;AAEM,SAAA,KAAK,WAAW;AACzB;;"}

package/dist/components/IDE/createFileTree.d.ts

@@ -0,0 +1,7 @@
+export type FilePath = {
+    path: string;
+    subPath?: FilePath[];
+    isFile: boolean;
+};
+export declare const createFileTree: (paths: string[]) => FilePath[];
+//# sourceMappingURL=createFileTree.d.ts.map

package/dist/components/IDE/createFileTree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createFileTree.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/createFileTree.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,QAAQ,EAAE,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,MAAM,EAAE,KAAG,QAAQ,EA2BxD,CAAC"}

package/dist/components/IDE/createFileTree.mjs

@@ -0,0 +1,25 @@
+const createFileTree = (paths) => {
+  const root = { path: "", subPath: [], isFile: false };
+  paths.forEach((path) => {
+    const parts = path.split("/").filter((part) => part !== "");
+    let current = root;
+    for (let i = 0; i < parts.length; i++) {
+      const part = parts[i];
+      const isFile = i === parts.length - 1;
+      if (!current.subPath) {
+        current.subPath = [];
+      }
+      let next = current.subPath.find((sub) => sub.path === part);
+      if (!next) {
+        next = { path: part, isFile, subPath: isFile ? void 0 : [] };
+        current.subPath.push(next);
+      }
+      current = next;
+    }
+  });
+  return root.subPath ?? [];
+};
+export {
+  createFileTree
+};
+//# sourceMappingURL=createFileTree.mjs.map

package/dist/components/IDE/createFileTree.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createFileTree.mjs","sources":["../../../src/components/IDE/createFileTree.ts"],"sourcesContent":["export type FilePath = {\n  path: string;\n  subPath?: FilePath[];\n  isFile: boolean;\n};\n\nexport const createFileTree = (paths: string[]): FilePath[] => {\n  const root: FilePath = { path: '', subPath: [], isFile: false };\n\n  paths.forEach((path) => {\n    const parts = path.split('/').filter((part) => part !== ''); // Remove empty strings due to leading slash\n    let current = root;\n\n    for (let i = 0; i < parts.length; i++) {\n      const part = parts[i];\n      const isFile = i === parts.length - 1; // Last part of the path is a file\n\n      if (!current.subPath) {\n        current.subPath = [];\n      }\n\n      let next = current.subPath.find((sub) => sub.path === part);\n\n      if (!next) {\n        next = { path: part, isFile, subPath: isFile ? undefined : [] };\n        current.subPath.push(next);\n      }\n\n      current = next;\n    }\n  });\n\n  return root.subPath ?? [];\n};\n"],"names":[],"mappings":"AAMa,MAAA,iBAAiB,CAAC,UAAgC;AACvD,QAAA,OAAiB,EAAE,MAAM,IAAI,SAAS,IAAI,QAAQ;AAElD,QAAA,QAAQ,CAAC,SAAS;AAChB,UAAA,QAAQ,KAAK,MAAM,GAAG,EAAE,OAAO,CAAC,SAAS,SAAS,EAAE;AAC1D,QAAI,UAAU;AAEd,aAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AAC/B,YAAA,OAAO,MAAM,CAAC;AACd,YAAA,SAAS,MAAM,MAAM,SAAS;AAEhC,UAAA,CAAC,QAAQ,SAAS;AACpB,gBAAQ,UAAU;MACpB;AAEI,UAAA,OAAO,QAAQ,QAAQ,KAAK,CAAC,QAAQ,IAAI,SAAS,IAAI;AAE1D,UAAI,CAAC,MAAM;AACF,eAAA,EAAE,MAAM,MAAM,QAAQ,SAAS,SAAS,SAAY,CAAA;AACnD,gBAAA,QAAQ,KAAK,IAAI;AAAA,MAC3B;AAEU,gBAAA;AAAA,IACZ;AAAA,EAAA,CACD;AAEM,SAAA,KAAK,WAAW;AACzB;"}

package/dist/components/IDE/index.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_IDE_CodeRender = require("./CodeRender.cjs");
+const components_IDE_IDE = require("./IDE.cjs");
+const components_IDE_FileList = require("./FileList.cjs");
+exports.Code = components_IDE_CodeRender.Code;
+exports.IDE = components_IDE_IDE.IDE;
+exports.FileList = components_IDE_FileList.FileList;
+//# sourceMappingURL=index.cjs.map

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

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

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

@@ -1,2 +1,4 @@
 export * from './CodeRender';
 export * from './IDE';
+export * from './FileList';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IDE/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC"}

package/dist/components/IDE/index.mjs

@@ -0,0 +1,9 @@
+import { Code } from "./CodeRender.mjs";
+import { IDE } from "./IDE.mjs";
+import { FileList } from "./FileList.mjs";
+export {
+  Code,
+  FileList,
+  IDE
+};
+//# sourceMappingURL=index.mjs.map

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

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

package/dist/components/InformationTag/index.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const utils_cn = require("../../utils/cn.cjs");
+const InformationTag = ({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("i", { className: utils_cn.cn("text-xs text-neutral-400", className), ...props, children: [
+  "ⓘ ",
+  children
+] });
+exports.InformationTag = InformationTag;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/InformationTag/index.tsx"],"sourcesContent":["import type { DetailedHTMLProps, FC } from 'react';\nimport { cn } from '../../utils/cn';\n\ntype CopiedTextInformationProps = DetailedHTMLProps<\n  React.HTMLAttributes<HTMLElement>,\n  HTMLElement\n>;\n\nexport const InformationTag: FC<CopiedTextInformationProps> = ({\n  className,\n  children,\n  ...props\n}) => (\n  <i className={cn('text-xs text-neutral-400', className)} {...props}>\n    ⓘ {children}\n  </i>\n);\n"],"names":["jsxs","cn"],"mappings":";;;;AAQO,MAAM,iBAAiD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEA,2BAAA,kBAAA,KAAC,OAAE,WAAWC,SAAAA,GAAG,4BAA4B,SAAS,GAAI,GAAG,OAAO,UAAA;AAAA,EAAA;AAAA,EAC/D;AAAA,EACL,CAAA;;"}

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

@@ -0,0 +1,6 @@
+import { DetailedHTMLProps, FC } from 'react';
+
+type CopiedTextInformationProps = DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+export declare const InformationTag: FC<CopiedTextInformationProps>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InformationTag/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGnD,KAAK,0BAA0B,GAAG,iBAAiB,CACjD,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,WAAW,CACZ,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,0BAA0B,CAQzD,CAAC"}

package/dist/components/InformationTag/index.mjs

@@ -0,0 +1,14 @@
+import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { cn } from "../../utils/cn.mjs";
+const InformationTag = ({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxRuntimeExports.jsxs("i", { className: cn("text-xs text-neutral-400", className), ...props, children: [
+  "ⓘ ",
+  children
+] });
+export {
+  InformationTag
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/components/InformationTag/index.tsx"],"sourcesContent":["import type { DetailedHTMLProps, FC } from 'react';\nimport { cn } from '../../utils/cn';\n\ntype CopiedTextInformationProps = DetailedHTMLProps<\n  React.HTMLAttributes<HTMLElement>,\n  HTMLElement\n>;\n\nexport const InformationTag: FC<CopiedTextInformationProps> = ({\n  className,\n  children,\n  ...props\n}) => (\n  <i className={cn('text-xs text-neutral-400', className)} {...props}>\n    ⓘ {children}\n  </i>\n);\n"],"names":["jsxs"],"mappings":";;AAQO,MAAM,iBAAiD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEA,kCAAA,KAAC,OAAE,WAAW,GAAG,4BAA4B,SAAS,GAAI,GAAG,OAAO,UAAA;AAAA,EAAA;AAAA,EAC/D;AAAA,EACL,CAAA;"}

package/dist/components/Input/Input.cjs

@@ -0,0 +1,46 @@
+"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");
+const inputVariants = classVarianceAuthority.cva("", {
+  variants: {
+    variant: {
+      default: [
+        "w-full select-text resize-none rounded-xl border-2 bg-input-background px-2 py-1 text-sm text-input-text shadow-none outline-0 transition-all dark:bg-input-background-dark dark:text-input-text-dark",
+        "border-input-border hover:border-input-border-hover focus:border-input-border-focus focus:outline-0 focus:[box-shadow:none] dark:border-input-border-dark dark:hover:border-input-border-hover-dark dark:focus:border-input-border-focus",
+        "aria-[invalid=true]:border-error dark:aria-[invalid=true]:border-error-dark",
+        "disabled:opacity-50"
+      ],
+      invisible: [
+        "w-full border-none bg-inherit text-inherit outline-none ring-0"
+      ]
+    },
+    validationStyleEnabled: {
+      disabled: "",
+      enabled: "valid:border-success invalid:border-error dark:valid:border-success-dark dark:invalid:border-error-dark"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    validationStyleEnabled: "disabled"
+  }
+});
+const Input = require$$0.forwardRef(
+  ({ validationStyleEnabled = false, variant, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    "input",
+    {
+      ref,
+      className: inputVariants({
+        variant,
+        validationStyleEnabled: validationStyleEnabled ? "enabled" : "disabled",
+        className
+      }),
+      ...props
+    }
+  )
+);
+Input.displayName = "Input";
+exports.Input = Input;
+exports.inputVariants = inputVariants;
+//# sourceMappingURL=Input.cjs.map

package/dist/components/Input/Input.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.cjs","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  forwardRef,\n  type DetailedHTMLProps,\n  type InputHTMLAttributes,\n} from 'react';\n\nexport const inputVariants = cva('', {\n  variants: {\n    variant: {\n      default: [\n        'w-full select-text resize-none rounded-xl border-2 bg-input-background px-2 py-1 text-sm text-input-text shadow-none outline-0 transition-all dark:bg-input-background-dark dark:text-input-text-dark',\n        'border-input-border hover:border-input-border-hover focus:border-input-border-focus focus:outline-0 focus:[box-shadow:none] dark:border-input-border-dark dark:hover:border-input-border-hover-dark dark:focus:border-input-border-focus',\n        'aria-[invalid=true]:border-error dark:aria-[invalid=true]:border-error-dark',\n        'disabled:opacity-50',\n      ],\n      invisible: [\n        'w-full border-none bg-inherit text-inherit outline-none ring-0',\n      ],\n    },\n    validationStyleEnabled: {\n      disabled: '',\n      enabled:\n        'valid:border-success invalid:border-error dark:valid:border-success-dark dark:invalid:border-error-dark',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    validationStyleEnabled: 'disabled',\n  },\n});\n\nexport type InputProps = DetailedHTMLProps<\n  InputHTMLAttributes<HTMLInputElement>,\n  HTMLInputElement\n> & {\n  validationStyleEnabled?: boolean;\n} & Omit<VariantProps<typeof inputVariants>, 'validationStyleEnabled'>;\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  ({ validationStyleEnabled = false, variant, className, ...props }, ref) => (\n    <input\n      ref={ref}\n      className={inputVariants({\n        variant,\n        validationStyleEnabled: validationStyleEnabled ? 'enabled' : 'disabled',\n        className,\n      })}\n      {...props}\n    />\n  )\n);\n\nInput.displayName = 'Input';\n"],"names":["cva","forwardRef","jsx"],"mappings":";;;;;AAOa,MAAA,gBAAgBA,2BAAI,IAAI;AAAA,EACnC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,WAAW;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,IACA,wBAAwB;AAAA,MACtB,UAAU;AAAA,MACV,SACE;AAAA,IACJ;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,wBAAwB;AAAA,EAC1B;AACF,CAAC;AASM,MAAM,QAAQC,WAAA;AAAA,EACnB,CAAC,EAAE,yBAAyB,OAAO,SAAS,WAAW,GAAG,MAAM,GAAG,QACjEC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW,cAAc;AAAA,QACvB;AAAA,QACA,wBAAwB,yBAAyB,YAAY;AAAA,QAC7D;AAAA,MAAA,CACD;AAAA,MACA,GAAG;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,MAAM,cAAc;;;"}

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,12 @@
+import { VariantProps } from 'class-variance-authority';
+import { DetailedHTMLProps, InputHTMLAttributes } from 'react';
+
+export declare const inputVariants: (props?: ({
+    variant?: "default" | "invisible" | null | undefined;
+    validationStyleEnabled?: "disabled" | "enabled" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type InputProps = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
+    validationStyleEnabled?: boolean;
+} & Omit<VariantProps<typeof inputVariants>, 'validationStyleEnabled'>;
+export declare const Input: import('react').ForwardRefExoticComponent<Omit<InputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACzB,MAAM,OAAO,CAAC;AAEf,eAAO,MAAM,aAAa;;;8EAuBxB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,iBAAiB,CACxC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,gBAAgB,CACjB,GAAG;IACF,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,aAAa,CAAC,EAAE,wBAAwB,CAAC,CAAC;AAEvE,eAAO,MAAM,KAAK,sHAYjB,CAAC"}

package/dist/components/Input/Input.mjs

@@ -0,0 +1,46 @@
+import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { cva } from "class-variance-authority";
+import { forwardRef } from "react";
+const inputVariants = cva("", {
+  variants: {
+    variant: {
+      default: [
+        "w-full select-text resize-none rounded-xl border-2 bg-input-background px-2 py-1 text-sm text-input-text shadow-none outline-0 transition-all dark:bg-input-background-dark dark:text-input-text-dark",
+        "border-input-border hover:border-input-border-hover focus:border-input-border-focus focus:outline-0 focus:[box-shadow:none] dark:border-input-border-dark dark:hover:border-input-border-hover-dark dark:focus:border-input-border-focus",
+        "aria-[invalid=true]:border-error dark:aria-[invalid=true]:border-error-dark",
+        "disabled:opacity-50"
+      ],
+      invisible: [
+        "w-full border-none bg-inherit text-inherit outline-none ring-0"
+      ]
+    },
+    validationStyleEnabled: {
+      disabled: "",
+      enabled: "valid:border-success invalid:border-error dark:valid:border-success-dark dark:invalid:border-error-dark"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    validationStyleEnabled: "disabled"
+  }
+});
+const Input = forwardRef(
+  ({ validationStyleEnabled = false, variant, className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "input",
+    {
+      ref,
+      className: inputVariants({
+        variant,
+        validationStyleEnabled: validationStyleEnabled ? "enabled" : "disabled",
+        className
+      }),
+      ...props
+    }
+  )
+);
+Input.displayName = "Input";
+export {
+  Input,
+  inputVariants
+};
+//# sourceMappingURL=Input.mjs.map

package/dist/components/Input/Input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.mjs","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  forwardRef,\n  type DetailedHTMLProps,\n  type InputHTMLAttributes,\n} from 'react';\n\nexport const inputVariants = cva('', {\n  variants: {\n    variant: {\n      default: [\n        'w-full select-text resize-none rounded-xl border-2 bg-input-background px-2 py-1 text-sm text-input-text shadow-none outline-0 transition-all dark:bg-input-background-dark dark:text-input-text-dark',\n        'border-input-border hover:border-input-border-hover focus:border-input-border-focus focus:outline-0 focus:[box-shadow:none] dark:border-input-border-dark dark:hover:border-input-border-hover-dark dark:focus:border-input-border-focus',\n        'aria-[invalid=true]:border-error dark:aria-[invalid=true]:border-error-dark',\n        'disabled:opacity-50',\n      ],\n      invisible: [\n        'w-full border-none bg-inherit text-inherit outline-none ring-0',\n      ],\n    },\n    validationStyleEnabled: {\n      disabled: '',\n      enabled:\n        'valid:border-success invalid:border-error dark:valid:border-success-dark dark:invalid:border-error-dark',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    validationStyleEnabled: 'disabled',\n  },\n});\n\nexport type InputProps = DetailedHTMLProps<\n  InputHTMLAttributes<HTMLInputElement>,\n  HTMLInputElement\n> & {\n  validationStyleEnabled?: boolean;\n} & Omit<VariantProps<typeof inputVariants>, 'validationStyleEnabled'>;\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  ({ validationStyleEnabled = false, variant, className, ...props }, ref) => (\n    <input\n      ref={ref}\n      className={inputVariants({\n        variant,\n        validationStyleEnabled: validationStyleEnabled ? 'enabled' : 'disabled',\n        className,\n      })}\n      {...props}\n    />\n  )\n);\n\nInput.displayName = 'Input';\n"],"names":["jsx"],"mappings":";;;AAOa,MAAA,gBAAgB,IAAI,IAAI;AAAA,EACnC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,WAAW;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,IACA,wBAAwB;AAAA,MACtB,UAAU;AAAA,MACV,SACE;AAAA,IACJ;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,wBAAwB;AAAA,EAC1B;AACF,CAAC;AASM,MAAM,QAAQ;AAAA,EACnB,CAAC,EAAE,yBAAyB,OAAO,SAAS,WAAW,GAAG,MAAM,GAAG,QACjEA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW,cAAc;AAAA,QACvB;AAAA,QACA,wBAAwB,yBAAyB,YAAY;AAAA,QAC7D;AAAA,MAAA,CACD;AAAA,MACA,GAAG;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,MAAM,cAAc;"}

package/dist/components/Input/InputPassword.cjs

@@ -0,0 +1,47 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const lucideReact = require("lucide-react");
+const require$$0 = require("react");
+const components_Input_Input = require("./Input.cjs");
+const InputPassword = require$$0.forwardRef(
+  (props, ref) => {
+    const [isPasswordRevealed, setIsPasswordRevealed] = require$$0.useState(false);
+    const handlePasswordReveal = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      setIsPasswordRevealed((isPasswordRevealed2) => !isPasswordRevealed2);
+    };
+    const EyeIconComponent = isPasswordRevealed ? lucideReact.EyeIcon : lucideReact.EyeOffIcon;
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        components_Input_Input.Input,
+        {
+          ...props,
+          ref,
+          type: isPasswordRevealed ? "text" : "password"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        "button",
+        {
+          "data-testid": "eye-icon",
+          className: "absolute right-2 h-full flex-row items-center",
+          onClick: handlePasswordReveal,
+          "aria-label": isPasswordRevealed ? "Hide password" : "Show password",
+          children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+            EyeIconComponent,
+            {
+              className: "text-neutral dark:text-neutral-dark mr-2 inline-block",
+              size: 20
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+InputPassword.displayName = "InputPassword";
+exports.InputPassword = InputPassword;
+//# sourceMappingURL=InputPassword.cjs.map

package/dist/components/Input/InputPassword.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputPassword.cjs","sources":["../../../src/components/Input/InputPassword.tsx"],"sourcesContent":["'use client';\n\nimport { EyeIcon, EyeOffIcon } from 'lucide-react';\nimport { useState, forwardRef, type MouseEventHandler } from 'react';\nimport { Input, type InputProps } from './Input';\n\ntype InputPasswordProps = Omit<InputProps, 'type'>;\n\nexport const InputPassword = forwardRef<HTMLInputElement, InputPasswordProps>(\n  (props, ref) => {\n    const [isPasswordRevealed, setIsPasswordRevealed] = useState(false);\n\n    const handlePasswordReveal: MouseEventHandler<HTMLButtonElement> = (e) => {\n      e.preventDefault();\n      e.stopPropagation();\n      setIsPasswordRevealed((isPasswordRevealed) => !isPasswordRevealed);\n    };\n\n    const EyeIconComponent = isPasswordRevealed ? EyeIcon : EyeOffIcon;\n\n    return (\n      <div className=\"relative\">\n        <Input\n          {...props}\n          ref={ref}\n          type={isPasswordRevealed ? 'text' : 'password'}\n        />\n\n        <button\n          data-testid=\"eye-icon\"\n          className=\"absolute right-2 h-full flex-row items-center\"\n          onClick={handlePasswordReveal}\n          aria-label={isPasswordRevealed ? 'Hide password' : 'Show password'}\n        >\n          <EyeIconComponent\n            className=\"text-neutral dark:text-neutral-dark mr-2 inline-block\"\n            size={20}\n          />\n        </button>\n      </div>\n    );\n  }\n);\n\nInputPassword.displayName = 'InputPassword';\n"],"names":["forwardRef","useState","isPasswordRevealed","EyeIcon","EyeOffIcon","jsxs","jsx","Input"],"mappings":";;;;;;;AAQO,MAAM,gBAAgBA,WAAA;AAAA,EAC3B,CAAC,OAAO,QAAQ;AACd,UAAM,CAAC,oBAAoB,qBAAqB,IAAIC,oBAAS,KAAK;AAE5D,UAAA,uBAA6D,CAAC,MAAM;AACxE,QAAE,eAAe;AACjB,QAAE,gBAAgB;AACI,4BAAA,CAACC,wBAAuB,CAACA,mBAAkB;AAAA,IAAA;AAG7D,UAAA,mBAAmB,qBAAqBC,YAAU,UAAAC;AAGtD,WAAAC,2BAAA,kBAAA,KAAC,OAAI,EAAA,WAAU,YACb,UAAA;AAAA,MAAAC,2BAAA,kBAAA;AAAA,QAACC,uBAAA;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ;AAAA,UACA,MAAM,qBAAqB,SAAS;AAAA,QAAA;AAAA,MACtC;AAAA,MAEAD,2BAAA,kBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAY;AAAA,UACZ,WAAU;AAAA,UACV,SAAS;AAAA,UACT,cAAY,qBAAqB,kBAAkB;AAAA,UAEnD,UAAAA,2BAAA,kBAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAM;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MACF;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF;AAEA,cAAc,cAAc;;"}

package/dist/components/Input/InputPassword.d.ts

@@ -0,0 +1,6 @@
+import { InputProps } from './Input';
+
+type InputPasswordProps = Omit<InputProps, 'type'>;
+export declare const InputPassword: import('react').ForwardRefExoticComponent<Omit<InputPasswordProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=InputPassword.d.ts.map

package/dist/components/Input/InputPassword.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputPassword.d.ts","sourceRoot":"","sources":["../../../src/components/Input/InputPassword.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAEjD,KAAK,kBAAkB,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAEnD,eAAO,MAAM,aAAa,8HAkCzB,CAAC"}

package/dist/components/Input/InputPassword.mjs

@@ -0,0 +1,47 @@
+"use client";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { EyeIcon, EyeOffIcon } from "lucide-react";
+import { forwardRef, useState } from "react";
+import { Input } from "./Input.mjs";
+const InputPassword = forwardRef(
+  (props, ref) => {
+    const [isPasswordRevealed, setIsPasswordRevealed] = useState(false);
+    const handlePasswordReveal = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      setIsPasswordRevealed((isPasswordRevealed2) => !isPasswordRevealed2);
+    };
+    const EyeIconComponent = isPasswordRevealed ? EyeIcon : EyeOffIcon;
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Input,
+        {
+          ...props,
+          ref,
+          type: isPasswordRevealed ? "text" : "password"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          "data-testid": "eye-icon",
+          className: "absolute right-2 h-full flex-row items-center",
+          onClick: handlePasswordReveal,
+          "aria-label": isPasswordRevealed ? "Hide password" : "Show password",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            EyeIconComponent,
+            {
+              className: "text-neutral dark:text-neutral-dark mr-2 inline-block",
+              size: 20
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+InputPassword.displayName = "InputPassword";
+export {
+  InputPassword
+};
+//# sourceMappingURL=InputPassword.mjs.map

package/dist/components/Input/InputPassword.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputPassword.mjs","sources":["../../../src/components/Input/InputPassword.tsx"],"sourcesContent":["'use client';\n\nimport { EyeIcon, EyeOffIcon } from 'lucide-react';\nimport { useState, forwardRef, type MouseEventHandler } from 'react';\nimport { Input, type InputProps } from './Input';\n\ntype InputPasswordProps = Omit<InputProps, 'type'>;\n\nexport const InputPassword = forwardRef<HTMLInputElement, InputPasswordProps>(\n  (props, ref) => {\n    const [isPasswordRevealed, setIsPasswordRevealed] = useState(false);\n\n    const handlePasswordReveal: MouseEventHandler<HTMLButtonElement> = (e) => {\n      e.preventDefault();\n      e.stopPropagation();\n      setIsPasswordRevealed((isPasswordRevealed) => !isPasswordRevealed);\n    };\n\n    const EyeIconComponent = isPasswordRevealed ? EyeIcon : EyeOffIcon;\n\n    return (\n      <div className=\"relative\">\n        <Input\n          {...props}\n          ref={ref}\n          type={isPasswordRevealed ? 'text' : 'password'}\n        />\n\n        <button\n          data-testid=\"eye-icon\"\n          className=\"absolute right-2 h-full flex-row items-center\"\n          onClick={handlePasswordReveal}\n          aria-label={isPasswordRevealed ? 'Hide password' : 'Show password'}\n        >\n          <EyeIconComponent\n            className=\"text-neutral dark:text-neutral-dark mr-2 inline-block\"\n            size={20}\n          />\n        </button>\n      </div>\n    );\n  }\n);\n\nInputPassword.displayName = 'InputPassword';\n"],"names":["isPasswordRevealed","jsxs","jsx"],"mappings":";;;;;AAQO,MAAM,gBAAgB;AAAA,EAC3B,CAAC,OAAO,QAAQ;AACd,UAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAS,KAAK;AAE5D,UAAA,uBAA6D,CAAC,MAAM;AACxE,QAAE,eAAe;AACjB,QAAE,gBAAgB;AACI,4BAAA,CAACA,wBAAuB,CAACA,mBAAkB;AAAA,IAAA;AAG7D,UAAA,mBAAmB,qBAAqB,UAAU;AAGtD,WAAAC,kCAAA,KAAC,OAAI,EAAA,WAAU,YACb,UAAA;AAAA,MAAAC,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ;AAAA,UACA,MAAM,qBAAqB,SAAS;AAAA,QAAA;AAAA,MACtC;AAAA,MAEAA,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAY;AAAA,UACZ,WAAU;AAAA,UACV,SAAS;AAAA,UACT,cAAY,qBAAqB,kBAAkB;AAAA,UAEnD,UAAAA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAM;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MACF;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF;AAEA,cAAc,cAAc;"}

package/dist/components/Input/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_Input_Input = require("./Input.cjs");
+const components_Input_InputPassword = require("./InputPassword.cjs");
+exports.Input = components_Input_Input.Input;
+exports.inputVariants = components_Input_Input.inputVariants;
+exports.InputPassword = components_Input_InputPassword.InputPassword;
+//# sourceMappingURL=index.cjs.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC"}

package/dist/components/Input/index.mjs

@@ -0,0 +1,8 @@
+import { Input, inputVariants } from "./Input.mjs";
+import { InputPassword } from "./InputPassword.mjs";
+export {
+  Input,
+  InputPassword,
+  inputVariants
+};
+//# sourceMappingURL=index.mjs.map

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

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

package/dist/components/Label/index.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const require$$0 = require("react");
+const Label = require$$0.forwardRef(({ htmlFor, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  "label",
+  {
+    className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+    ref,
+    htmlFor,
+    ...props
+  }
+));
+Label.displayName = "Label";
+exports.Label = Label;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Label/index.tsx"],"sourcesContent":["import { forwardRef, type LabelHTMLAttributes } from 'react';\n\nexport const Label = forwardRef<\n  HTMLLabelElement,\n  LabelHTMLAttributes<HTMLLabelElement>\n>(({ htmlFor, ...props }, ref) => (\n  <label\n    className=\"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n    ref={ref}\n    htmlFor={htmlFor}\n    {...props}\n  />\n));\nLabel.displayName = 'Label';\n"],"names":["forwardRef","jsx"],"mappings":";;;;AAEa,MAAA,QAAQA,sBAGnB,CAAC,EAAE,SAAS,GAAG,MAAA,GAAS,QACxBC,2BAAA,kBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV;AAAA,IACA;AAAA,IACC,GAAG;AAAA,EAAA;AACN,CACD;AACD,MAAM,cAAc;;"}

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

@@ -0,0 +1,4 @@
+import { LabelHTMLAttributes } from 'react';
+
+export declare const Label: import('react').ForwardRefExoticComponent<LabelHTMLAttributes<HTMLLabelElement> & import('react').RefAttributes<HTMLLabelElement>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Label/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE7D,eAAO,MAAM,KAAK,oIAUhB,CAAC"}

package/dist/components/Label/index.mjs

@@ -0,0 +1,16 @@
+import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { forwardRef } from "react";
+const Label = forwardRef(({ htmlFor, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  "label",
+  {
+    className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+    ref,
+    htmlFor,
+    ...props
+  }
+));
+Label.displayName = "Label";
+export {
+  Label
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/components/Label/index.tsx"],"sourcesContent":["import { forwardRef, type LabelHTMLAttributes } from 'react';\n\nexport const Label = forwardRef<\n  HTMLLabelElement,\n  LabelHTMLAttributes<HTMLLabelElement>\n>(({ htmlFor, ...props }, ref) => (\n  <label\n    className=\"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n    ref={ref}\n    htmlFor={htmlFor}\n    {...props}\n  />\n));\nLabel.displayName = 'Label';\n"],"names":["jsx"],"mappings":";;AAEa,MAAA,QAAQ,WAGnB,CAAC,EAAE,SAAS,GAAG,MAAA,GAAS,QACxBA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV;AAAA,IACA;AAAA,IACC,GAAG;AAAA,EAAA;AACN,CACD;AACD,MAAM,cAAc;"}