@intlayer/design-system 5.0.6 → 5.1.1

package/dist/components/IDE/MonacoCode.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { Editor } from "@monaco-editor/react";
 import { useRef, useState, useMemo } from "react";
 import { cn } from "../../utils/cn.mjs";
@@ -65,7 +65,7 @@ const MonacoCode = ({
     });
   };
   const isShowLineNumbers = showLineNumbers ?? children.split("\n").length > 1;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: cn(
@@ -73,19 +73,25 @@ const MonacoCode = ({
         showLineNumbers && "ml-0"
       ),
       children: [
-        showCopyButton && /* @__PURE__ */ jsxRuntimeExports.jsx(CopyButton, { content: children }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+        showCopyButton && /* @__PURE__ */ jsx("div", { className: "sticky top-5 z-10", children: /* @__PURE__ */ jsx(
           "div",
           {
-            className: "grid size-full grid-cols-[0px] overflow-auto",
+            className: cn("absolute bottom-0 right-2 flex h-7 items-center"),
+            children: /* @__PURE__ */ jsx(CopyButton, { content: children })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "z-0 grid size-full grid-cols-[0px] overflow-auto",
             ref: containerRef,
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            children: /* @__PURE__ */ jsx(
               Editor,
               {
                 ...editorSize,
                 defaultLanguage: "typescript",
                 language,
-                loading: /* @__PURE__ */ jsxRuntimeExports.jsx(Loader, {}),
+                loading: /* @__PURE__ */ jsx(Loader, {}),
                 defaultValue: String(children).replace(/\n$/, ""),
                 onMount: handleMountIde,
                 onChange,

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

@@ -1 +1 @@
-{"version":3,"file":"MonacoCode.mjs","sources":["../../../src/components/IDE/MonacoCode.tsx"],"sourcesContent":["'use client';\n\nimport { Editor, OnChange, OnMount } from '@monaco-editor/react';\nimport { type FC, useState, useRef, useMemo } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Loader } from '../Loader';\nimport { CopyButton } from './CopyButton';\n\ntype CodeCompProps = {\n  children: string;\n  language: string;\n  isDarkMode?: boolean;\n  showLineNumbers?: boolean;\n  showCopyButton?: boolean;\n  isReadOnly?: boolean;\n  onChange?: OnChange;\n};\n\nexport const MonacoCode: FC<CodeCompProps> = ({\n  children,\n  language,\n  isDarkMode,\n  showLineNumbers,\n  showCopyButton = true,\n  isReadOnly = false,\n  onChange,\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const ideRef = useRef(null);\n  const [editorSize, setEditorSize] = useState<{\n    height: number;\n    width: number;\n  }>({ height: 0, width: 0 });\n\n  const theme = useMemo(\n    () => (isDarkMode ? 'vs-dark-transparent' : 'hc-light-theme'),\n    [isDarkMode]\n  );\n\n  const handleMountIde: OnMount = (editor, monaco) => {\n    // first time you set the height based on content Height\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    ideRef.current = editor as any;\n    const contentHeight = (editor.getContentHeight() ?? 0) + 25;\n\n    monaco.editor.defineTheme('vs-dark-transparent', {\n      base: 'vs-dark',\n      inherit: true,\n      rules: [],\n      colors: {\n        'editor.background': '#00000000',\n      },\n    });\n    monaco.editor.defineTheme('hc-light-theme', {\n      base: 'vs',\n      inherit: true,\n      rules: [],\n      colors: {\n        'editor.background': '#00000000',\n      },\n    });\n\n    monaco.editor.setTheme(theme);\n\n    // Disable TypeScript diagnostics\n    monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({\n      noSemanticValidation: true, // Disables type checking\n      noSyntaxValidation: true, // Disables syntax errors\n    });\n\n    // Disable JavaScript diagnostics\n    monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({\n      noSemanticValidation: true,\n      noSyntaxValidation: true,\n    });\n\n    // Disable unnecessary language features (e.g., suggestions, quick fixes)\n    monaco.languages.typescript.typescriptDefaults.setCompilerOptions({\n      noLib: true,\n      allowNonTsExtensions: true,\n    });\n\n    monaco.languages.typescript.javascriptDefaults.setCompilerOptions({\n      noLib: true,\n      allowNonTsExtensions: true,\n    });\n\n    setEditorSize({\n      height: contentHeight,\n      width: containerRef.current?.clientWidth ?? 0,\n    });\n  };\n\n  const isShowLineNumbers = showLineNumbers ?? children.split('\\n').length > 1;\n\n  return (\n    <div\n      className={cn(\n        'relative h-full w-full text-sm',\n        showLineNumbers && 'ml-0'\n      )}\n    >\n      {showCopyButton && <CopyButton content={children} />}\n      <div\n        className=\"grid size-full grid-cols-[0px] overflow-auto\"\n        ref={containerRef}\n      >\n        <Editor\n          {...editorSize}\n          defaultLanguage=\"typescript\"\n          language={language}\n          loading={<Loader />}\n          defaultValue={String(children).replace(/\\n$/, '')}\n          onMount={handleMountIde}\n          onChange={onChange}\n          options={{\n            readOnly: isReadOnly,\n            cursorStyle: 'line',\n            minimap: { enabled: false },\n            scrollbar: {\n              vertical: 'hidden',\n              verticalScrollbarSize: 0,\n              alwaysConsumeMouseWheel: false,\n            },\n            folding: false, // Disable code folding\n            renderValidationDecorations: 'off', // Disable error/warning decorations\n            quickSuggestions: false, // Disable IntelliSense\n            parameterHints: { enabled: false }, // Disable parameter hints\n            suggestOnTriggerCharacters: false, // Disable suggestions on typing\n\n            mouseWheelScrollSensitivity: 0,\n            fastScrollSensitivity: 0,\n            scrollBeyondLastLine: false,\n            lineNumbers: isShowLineNumbers ? 'on' : 'off',\n          }}\n          theme={theme}\n          className=\"my-2 rounded-md\"\n        />\n      </div>\n    </div>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"MonacoCode.mjs","sources":["../../../src/components/IDE/MonacoCode.tsx"],"sourcesContent":["'use client';\n\nimport { type OnChange, type OnMount, Editor } from '@monaco-editor/react';\nimport { type FC, useState, useRef, useMemo } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Loader } from '../Loader';\nimport { CopyButton } from './CopyButton';\n\ntype CodeCompProps = {\n  children: string;\n  language: string;\n  isDarkMode?: boolean;\n  showLineNumbers?: boolean;\n  showCopyButton?: boolean;\n  isReadOnly?: boolean;\n  onChange?: OnChange;\n};\n\nexport const MonacoCode: FC<CodeCompProps> = ({\n  children,\n  language,\n  isDarkMode,\n  showLineNumbers,\n  showCopyButton = true,\n  isReadOnly = false,\n  onChange,\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const ideRef = useRef(null);\n  const [editorSize, setEditorSize] = useState<{\n    height: number;\n    width: number;\n  }>({ height: 0, width: 0 });\n\n  const theme = useMemo(\n    () => (isDarkMode ? 'vs-dark-transparent' : 'hc-light-theme'),\n    [isDarkMode]\n  );\n\n  const handleMountIde: OnMount = (editor, monaco) => {\n    // first time you set the height based on content Height\n\n    ideRef.current = editor as any;\n    const contentHeight = (editor.getContentHeight() ?? 0) + 25;\n\n    monaco.editor.defineTheme('vs-dark-transparent', {\n      base: 'vs-dark',\n      inherit: true,\n      rules: [],\n      colors: {\n        'editor.background': '#00000000',\n      },\n    });\n    monaco.editor.defineTheme('hc-light-theme', {\n      base: 'vs',\n      inherit: true,\n      rules: [],\n      colors: {\n        'editor.background': '#00000000',\n      },\n    });\n\n    monaco.editor.setTheme(theme);\n\n    // Disable TypeScript diagnostics\n    monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({\n      noSemanticValidation: true, // Disables type checking\n      noSyntaxValidation: true, // Disables syntax errors\n    });\n\n    // Disable JavaScript diagnostics\n    monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({\n      noSemanticValidation: true,\n      noSyntaxValidation: true,\n    });\n\n    // Disable unnecessary language features (e.g., suggestions, quick fixes)\n    monaco.languages.typescript.typescriptDefaults.setCompilerOptions({\n      noLib: true,\n      allowNonTsExtensions: true,\n    });\n\n    monaco.languages.typescript.javascriptDefaults.setCompilerOptions({\n      noLib: true,\n      allowNonTsExtensions: true,\n    });\n\n    setEditorSize({\n      height: contentHeight,\n      width: containerRef.current?.clientWidth ?? 0,\n    });\n  };\n\n  const isShowLineNumbers = showLineNumbers ?? children.split('\\n').length > 1;\n\n  return (\n    <div\n      className={cn(\n        'relative h-full w-full text-sm',\n        showLineNumbers && 'ml-0'\n      )}\n    >\n      {showCopyButton && (\n        <div className=\"sticky top-5 z-10\">\n          <div\n            className={cn('absolute bottom-0 right-2 flex h-7 items-center')}\n          >\n            <CopyButton content={children} />\n          </div>\n        </div>\n      )}\n      <div\n        className=\"z-0 grid size-full grid-cols-[0px] overflow-auto\"\n        ref={containerRef}\n      >\n        <Editor\n          {...editorSize}\n          defaultLanguage=\"typescript\"\n          language={language}\n          loading={<Loader />}\n          defaultValue={String(children).replace(/\\n$/, '')}\n          onMount={handleMountIde}\n          onChange={onChange}\n          options={{\n            readOnly: isReadOnly,\n            cursorStyle: 'line',\n            minimap: { enabled: false },\n            scrollbar: {\n              vertical: 'hidden',\n              verticalScrollbarSize: 0,\n              alwaysConsumeMouseWheel: false,\n            },\n            folding: false, // Disable code folding\n            renderValidationDecorations: 'off', // Disable error/warning decorations\n            quickSuggestions: false, // Disable IntelliSense\n            parameterHints: { enabled: false }, // Disable parameter hints\n            suggestOnTriggerCharacters: false, // Disable suggestions on typing\n\n            mouseWheelScrollSensitivity: 0,\n            fastScrollSensitivity: 0,\n            scrollBeyondLastLine: false,\n            lineNumbers: isShowLineNumbers ? 'on' : 'off',\n          }}\n          theme={theme}\n          className=\"my-2 rounded-md\"\n        />\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/IDE/PackageManagerSelector.cjs

@@ -1,18 +1,18 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 require("../Select/Multiselect.cjs");
 const components_Select_Select = require("../Select/Select.cjs");
 const components_IDE_CodeContext = require("./CodeContext.cjs");
 const PackageManagerSelector = () => {
   const { packageManager, setPackageManager } = components_IDE_CodeContext.useCodeContext();
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(components_Select_Select.Select, { value: packageManager, onValueChange: setPackageManager, children: [
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Value, { placeholder: "Package Manager" }) }),
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(components_Select_Select.Select.Content, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Item, { value: "npm", children: "npm" }),
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Item, { value: "pnpm", children: "pnpm" }),
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Item, { value: "yarn", children: "yarn" })
+  return /* @__PURE__ */ jsxRuntime.jsxs(components_Select_Select.Select, { value: packageManager, onValueChange: setPackageManager, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(components_Select_Select.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(components_Select_Select.Select.Value, { placeholder: "Package Manager" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(components_Select_Select.Select.Content, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(components_Select_Select.Select.Item, { value: "npm", children: "npm" }),
+      /* @__PURE__ */ jsxRuntime.jsx(components_Select_Select.Select.Item, { value: "pnpm", children: "pnpm" }),
+      /* @__PURE__ */ jsxRuntime.jsx(components_Select_Select.Select.Item, { value: "yarn", children: "yarn" })
     ] })
   ] });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"PackageManagerSelector.cjs","sources":["../../../src/components/IDE/PackageManagerSelector.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { Select } from '../Select';\nimport { useCodeContext } from './CodeContext';\n\nexport const PackageManagerSelector: FC = () => {\n  const { packageManager, setPackageManager } = useCodeContext();\n\n  return (\n    <Select value={packageManager} onValueChange={setPackageManager}>\n      <Select.Trigger>\n        <Select.Value placeholder=\"Package Manager\" />\n      </Select.Trigger>\n      <Select.Content>\n        <Select.Item value=\"npm\">npm</Select.Item>\n        <Select.Item value=\"pnpm\">pnpm</Select.Item>\n        <Select.Item value=\"yarn\">yarn</Select.Item>\n      </Select.Content>\n    </Select>\n  );\n};\n"],"names":["useCodeContext","jsxs","Select","jsx"],"mappings":";;;;;;;AAMO,MAAM,yBAA6B,MAAM;AAC9C,QAAM,EAAE,gBAAgB,kBAAkB,IAAIA,0CAAe;AAE7D,SACGC,2BAAAA,kBAAAA,KAAAC,yBAAAA,QAAA,EAAO,OAAO,gBAAgB,eAAe,mBAC5C,UAAA;AAAA,IAACC,2BAAAA,kBAAAA,IAAAD,yBAAA,OAAO,SAAP,EACC,UAAAC,2BAAA,kBAAA,IAACD,gCAAO,OAAP,EAAa,aAAY,kBAAA,CAAkB,EAC9C,CAAA;AAAA,IACAD,2BAAAA,kBAAAA,KAACC,yBAAO,OAAA,SAAP,EACC,UAAA;AAAA,MAAAC,2BAAA,kBAAA,IAACD,yBAAO,OAAA,MAAP,EAAY,OAAM,OAAM,UAAG,OAAA;AAAA,uDAC3BA,yBAAO,OAAA,MAAP,EAAY,OAAM,QAAO,UAAI,QAAA;AAAA,uDAC7BA,yBAAO,OAAA,MAAP,EAAY,OAAM,QAAO,UAAI,OAAA,CAAA;AAAA,IAAA,EAChC,CAAA;AAAA,EAAA,GACF;AAEJ;;"}
+{"version":3,"file":"PackageManagerSelector.cjs","sources":["../../../src/components/IDE/PackageManagerSelector.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { Select } from '../Select';\nimport { useCodeContext } from './CodeContext';\n\nexport const PackageManagerSelector: FC = () => {\n  const { packageManager, setPackageManager } = useCodeContext();\n\n  return (\n    <Select value={packageManager} onValueChange={setPackageManager}>\n      <Select.Trigger>\n        <Select.Value placeholder=\"Package Manager\" />\n      </Select.Trigger>\n      <Select.Content>\n        <Select.Item value=\"npm\">npm</Select.Item>\n        <Select.Item value=\"pnpm\">pnpm</Select.Item>\n        <Select.Item value=\"yarn\">yarn</Select.Item>\n      </Select.Content>\n    </Select>\n  );\n};\n"],"names":["useCodeContext","jsxs","Select","jsx"],"mappings":";;;;;;;AAMO,MAAM,yBAA6B,MAAM;AAC9C,QAAM,EAAE,gBAAgB,kBAAkB,IAAIA,0CAAe;AAE7D,SACGC,2BAAAA,KAAAC,yBAAAA,QAAA,EAAO,OAAO,gBAAgB,eAAe,mBAC5C,UAAA;AAAA,IAACC,2BAAAA,IAAAD,yBAAA,OAAO,SAAP,EACC,UAAAC,2BAAA,IAACD,gCAAO,OAAP,EAAa,aAAY,kBAAA,CAAkB,EAC9C,CAAA;AAAA,IACAD,2BAAAA,KAACC,yBAAO,OAAA,SAAP,EACC,UAAA;AAAA,MAAAC,2BAAA,IAACD,yBAAO,OAAA,MAAP,EAAY,OAAM,OAAM,UAAG,OAAA;AAAA,qCAC3BA,yBAAO,OAAA,MAAP,EAAY,OAAM,QAAO,UAAI,QAAA;AAAA,qCAC7BA,yBAAO,OAAA,MAAP,EAAY,OAAM,QAAO,UAAI,OAAA,CAAA;AAAA,IAAA,EAChC,CAAA;AAAA,EAAA,GACF;AAEJ;;"}

package/dist/components/IDE/PackageManagerSelector.mjs

@@ -1,16 +1,16 @@
 "use client";
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import "../Select/Multiselect.mjs";
 import { Select } from "../Select/Select.mjs";
 import { useCodeContext } from "./CodeContext.mjs";
 const PackageManagerSelector = () => {
   const { packageManager, setPackageManager } = useCodeContext();
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { value: packageManager, onValueChange: setPackageManager, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Trigger, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Value, { placeholder: "Package Manager" }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(Select.Content, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Item, { value: "npm", children: "npm" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Item, { value: "pnpm", children: "pnpm" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Item, { value: "yarn", children: "yarn" })
+  return /* @__PURE__ */ jsxs(Select, { value: packageManager, onValueChange: setPackageManager, children: [
+    /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Package Manager" }) }),
+    /* @__PURE__ */ jsxs(Select.Content, { children: [
+      /* @__PURE__ */ jsx(Select.Item, { value: "npm", children: "npm" }),
+      /* @__PURE__ */ jsx(Select.Item, { value: "pnpm", children: "pnpm" }),
+      /* @__PURE__ */ jsx(Select.Item, { value: "yarn", children: "yarn" })
     ] })
   ] });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"PackageManagerSelector.mjs","sources":["../../../src/components/IDE/PackageManagerSelector.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { Select } from '../Select';\nimport { useCodeContext } from './CodeContext';\n\nexport const PackageManagerSelector: FC = () => {\n  const { packageManager, setPackageManager } = useCodeContext();\n\n  return (\n    <Select value={packageManager} onValueChange={setPackageManager}>\n      <Select.Trigger>\n        <Select.Value placeholder=\"Package Manager\" />\n      </Select.Trigger>\n      <Select.Content>\n        <Select.Item value=\"npm\">npm</Select.Item>\n        <Select.Item value=\"pnpm\">pnpm</Select.Item>\n        <Select.Item value=\"yarn\">yarn</Select.Item>\n      </Select.Content>\n    </Select>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;;AAMO,MAAM,yBAA6B,MAAM;AAC9C,QAAM,EAAE,gBAAgB,kBAAkB,IAAI,eAAe;AAE7D,SACGA,kCAAAA,KAAA,QAAA,EAAO,OAAO,gBAAgB,eAAe,mBAC5C,UAAA;AAAA,IAACC,kCAAAA,IAAA,OAAO,SAAP,EACC,UAAAA,kCAAA,IAAC,OAAO,OAAP,EAAa,aAAY,kBAAA,CAAkB,EAC9C,CAAA;AAAA,IACAD,kCAAAA,KAAC,OAAO,SAAP,EACC,UAAA;AAAA,MAAAC,kCAAA,IAAC,OAAO,MAAP,EAAY,OAAM,OAAM,UAAG,OAAA;AAAA,4CAC3B,OAAO,MAAP,EAAY,OAAM,QAAO,UAAI,QAAA;AAAA,4CAC7B,OAAO,MAAP,EAAY,OAAM,QAAO,UAAI,OAAA,CAAA;AAAA,IAAA,EAChC,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"PackageManagerSelector.mjs","sources":["../../../src/components/IDE/PackageManagerSelector.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { Select } from '../Select';\nimport { useCodeContext } from './CodeContext';\n\nexport const PackageManagerSelector: FC = () => {\n  const { packageManager, setPackageManager } = useCodeContext();\n\n  return (\n    <Select value={packageManager} onValueChange={setPackageManager}>\n      <Select.Trigger>\n        <Select.Value placeholder=\"Package Manager\" />\n      </Select.Trigger>\n      <Select.Content>\n        <Select.Item value=\"npm\">npm</Select.Item>\n        <Select.Item value=\"pnpm\">pnpm</Select.Item>\n        <Select.Item value=\"yarn\">yarn</Select.Item>\n      </Select.Content>\n    </Select>\n  );\n};\n"],"names":[],"mappings":";;;;;AAMO,MAAM,yBAA6B,MAAM;AAC9C,QAAM,EAAE,gBAAgB,kBAAkB,IAAI,eAAe;AAE7D,SACG,qBAAA,QAAA,EAAO,OAAO,gBAAgB,eAAe,mBAC5C,UAAA;AAAA,IAAC,oBAAA,OAAO,SAAP,EACC,UAAA,oBAAC,OAAO,OAAP,EAAa,aAAY,kBAAA,CAAkB,EAC9C,CAAA;AAAA,IACA,qBAAC,OAAO,SAAP,EACC,UAAA;AAAA,MAAA,oBAAC,OAAO,MAAP,EAAY,OAAM,OAAM,UAAG,OAAA;AAAA,0BAC3B,OAAO,MAAP,EAAY,OAAM,QAAO,UAAI,QAAA;AAAA,0BAC7B,OAAO,MAAP,EAAY,OAAM,QAAO,UAAI,OAAA,CAAA;AAAA,IAAA,EAChC,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/IDE/createFileTree.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const createFileTree = (paths) => {
-  const root = { path: "", subPath: [], isFile: false };
+  const root = { subPath: [] };
   paths.forEach((path) => {
     const parts = path.split("/").filter((part) => part !== "");
     let current = root;

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

@@ -1 +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,CAAC,GAAG,QAAQ,MAAM;AAExD,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,CAAC;AAAA,MAAA;AAGjB,UAAA,OAAO,QAAQ,QAAQ,KAAK,CAAC,QAAQ,IAAI,SAAS,IAAI;AAE1D,UAAI,CAAC,MAAM;AACF,eAAA,EAAE,MAAM,MAAM,QAAQ,SAAS,SAAS,SAAY,GAAG;AACtD,gBAAA,QAAQ,KAAK,IAAI;AAAA,MAAA;AAGjB,gBAAA;AAAA,IAAA;AAAA,EACZ,CACD;AAEM,SAAA,KAAK,WAAW,CAAC;AAC1B;;"}
+{"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,EAAY,SAAS,GAAkB;AAExD,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,CAAC;AAAA,MAAA;AAGjB,UAAA,OAAO,QAAQ,QAAQ,KAAK,CAAC,QAAQ,IAAI,SAAS,IAAI;AAE1D,UAAI,CAAC,MAAM;AACF,eAAA,EAAE,MAAM,MAAM,QAAQ,SAAS,SAAS,SAAY,GAAG;AACtD,gBAAA,QAAQ,KAAK,IAAI;AAAA,MAAA;AAGjB,gBAAA;AAAA,IAAA;AAAA,EACZ,CACD;AAEM,SAAA,KAAK,WAAW,CAAC;AAC1B;;"}

package/dist/components/IDE/createFileTree.mjs

@@ -1,5 +1,5 @@
 const createFileTree = (paths) => {
-  const root = { path: "", subPath: [], isFile: false };
+  const root = { subPath: [] };
   paths.forEach((path) => {
     const parts = path.split("/").filter((part) => part !== "");
     let current = root;

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

@@ -1 +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,CAAC,GAAG,QAAQ,MAAM;AAExD,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,CAAC;AAAA,MAAA;AAGjB,UAAA,OAAO,QAAQ,QAAQ,KAAK,CAAC,QAAQ,IAAI,SAAS,IAAI;AAE1D,UAAI,CAAC,MAAM;AACF,eAAA,EAAE,MAAM,MAAM,QAAQ,SAAS,SAAS,SAAY,GAAG;AACtD,gBAAA,QAAQ,KAAK,IAAI;AAAA,MAAA;AAGjB,gBAAA;AAAA,IAAA;AAAA,EACZ,CACD;AAEM,SAAA,KAAK,WAAW,CAAC;AAC1B;"}
+{"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,EAAY,SAAS,GAAkB;AAExD,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,CAAC;AAAA,MAAA;AAGjB,UAAA,OAAO,QAAQ,QAAQ,KAAK,CAAC,QAAQ,IAAI,SAAS,IAAI;AAE1D,UAAI,CAAC,MAAM;AACF,eAAA,EAAE,MAAM,MAAM,QAAQ,SAAS,SAAS,SAAY,GAAG;AACtD,gBAAA,QAAQ,KAAK,IAAI;AAAA,MAAA;AAGjB,gBAAA;AAAA,IAAA;AAAA,EACZ,CACD;AAEM,SAAA,KAAK,WAAW,CAAC;AAC1B;"}

package/dist/components/InformationTag/index.cjs

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 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: [
+}) => /* @__PURE__ */ jsxRuntime.jsxs("i", { className: utils_cn.cn("text-xs text-neutral-400", className), ...props, children: [
   "ⓘ ",
   children
 ] });

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

@@ -1 +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;;"}
+{"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,KAAC,OAAE,WAAWC,SAAAA,GAAG,4BAA4B,SAAS,GAAI,GAAG,OAAO,UAAA;AAAA,EAAA;AAAA,EAC/D;AAAA,EACL,CAAA;;"}

package/dist/components/InformationTag/index.mjs

@@ -1,10 +1,10 @@
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
+import { jsxs } from "react/jsx-runtime";
 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: [
+}) => /* @__PURE__ */ jsxs("i", { className: cn("text-xs text-neutral-400", className), ...props, children: [
   "ⓘ ",
   children
 ] });

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

@@ -1 +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;"}
+{"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":[],"mappings":";;AAQO,MAAM,iBAAiD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE,qBAAC,OAAE,WAAW,GAAG,4BAA4B,SAAS,GAAI,GAAG,OAAO,UAAA;AAAA,EAAA;AAAA,EAC/D;AAAA,EACL,CAAA;"}

package/dist/components/Input/Checkbox.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const classVarianceAuthority = require("class-variance-authority");
-const require$$0 = require("react");
+const ReactExports = require("react");
 const checkboxVariants = classVarianceAuthority.cva("", {
   variants: {
     variant: {
@@ -42,38 +42,35 @@ const checkboxVariants = classVarianceAuthority.cva("", {
     size: "md"
   }
 });
-const Checkbox = require$$0.forwardRef(
-  ({
-    validationStyleEnabled = false,
-    label,
-    size,
-    color,
-    variant,
-    className,
-    ...props
-  }, ref) => {
-    const id = require$$0.useId();
-    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-        "input",
-        {
-          ref,
-          type: "checkbox",
-          className: checkboxVariants({
-            variant,
-            size,
-            color,
-            validationStyleEnabled: validationStyleEnabled ? "enabled" : "disabled",
-            className
-          }),
-          id,
-          ...props
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("label", { htmlFor: id, children: label })
-    ] });
-  }
-);
+const Checkbox = ({
+  validationStyleEnabled = false,
+  label,
+  size,
+  color,
+  variant,
+  className,
+  ...props
+}) => {
+  const id = ReactExports.useId();
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type: "checkbox",
+        className: checkboxVariants({
+          variant,
+          size,
+          color,
+          validationStyleEnabled: validationStyleEnabled ? "enabled" : "disabled",
+          className
+        }),
+        id,
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: id, children: label })
+  ] });
+};
 Checkbox.displayName = "Checkbox";
 exports.Checkbox = Checkbox;
 exports.checkboxVariants = checkboxVariants;

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.cjs","sources":["../../../src/components/Input/Checkbox.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  forwardRef,\n  useId,\n  type DetailedHTMLProps,\n  type InputHTMLAttributes,\n} from 'react';\n\nexport const checkboxVariants = cva('', {\n  variants: {\n    variant: {\n      default: [\n        'pointer rounded border-2 bg-input-background text-input-text shadow-none outline-0 transition-all',\n        'border-input-border hover:border-input-border-hover focus:border-input-border-focus focus:outline-0 focus:[box-shadow:none]',\n        'checked:bg-checkbox-checked checked:border-checkbox-checked-border',\n        'disabled:opacity-50',\n      ],\n    },\n    size: {\n      sm: 'size-4',\n      md: 'size-5',\n      lg: 'size-6',\n    },\n    color: {\n      primary: 'accent-primary dark:accent-primary-dark',\n      secondary: 'accent-secondary dark:accent-secondary-dark',\n      destructive: 'accent-destructive dark:accent-destructive-dark',\n      neutral: 'accent-neutral dark:accent-neutral-dark',\n      light: 'accent-light dark:accent-light-dark',\n      text: 'accent-text dark:accent-text-dark',\n      dark: 'accent-dark dark:accent-dark-dark',\n      error: 'accent-error dark:accent-error-dark',\n      success: 'accent-success dark:accent-success-dark',\n      custom: 'accent-custom dark:accent-custom-dark',\n    },\n    validationStyleEnabled: {\n      disabled: '',\n      enabled: 'valid:border-success invalid:border-error',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    color: 'primary',\n    validationStyleEnabled: 'disabled',\n    size: 'md',\n  },\n});\n\nexport type CheckboxProps = Omit<\n  DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>,\n  'size'\n> & {\n  validationStyleEnabled?: boolean;\n  label?: string;\n} & Omit<VariantProps<typeof checkboxVariants>, 'validationStyleEnabled'>;\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n  (\n    {\n      validationStyleEnabled = false,\n      label,\n      size,\n      color,\n      variant,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const id = useId();\n    return (\n      <>\n        <input\n          ref={ref}\n          type=\"checkbox\"\n          className={checkboxVariants({\n            variant,\n            size,\n            color,\n            validationStyleEnabled: validationStyleEnabled\n              ? 'enabled'\n              : 'disabled',\n            className,\n          })}\n          id={id}\n          {...props}\n        />\n        <label htmlFor={id}>{label}</label>\n      </>\n    );\n  }\n);\n\nCheckbox.displayName = 'Checkbox';\n"],"names":["cva","forwardRef","useId","jsxs","Fragment","jsx"],"mappings":";;;;;AAQa,MAAA,mBAAmBA,2BAAI,IAAI;AAAA,EACtC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAEJ;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW;AAAA,MACX,aAAa;AAAA,MACb,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,wBAAwB;AAAA,MACtB,UAAU;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EAEb;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,OAAO;AAAA,IACP,wBAAwB;AAAA,IACxB,MAAM;AAAA,EAAA;AAEV,CAAC;AAUM,MAAM,WAAWC,WAAA;AAAA,EACtB,CACE;AAAA,IACE,yBAAyB;AAAA,IACzB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,KAEL,QACG;AACH,UAAM,KAAKC,WAAAA,MAAM;AACjB,WAEIC,2BAAA,kBAAA,KAAAC,uCAAA,EAAA,UAAA;AAAA,MAAAC,2BAAA,kBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA,UACL,WAAW,iBAAiB;AAAA,YAC1B;AAAA,YACA;AAAA,YACA;AAAA,YACA,wBAAwB,yBACpB,YACA;AAAA,YACJ;AAAA,UAAA,CACD;AAAA,UACD;AAAA,UACC,GAAG;AAAA,QAAA;AAAA,MACN;AAAA,MACCA,2BAAA,kBAAA,IAAA,SAAA,EAAM,SAAS,IAAK,UAAM,MAAA,CAAA;AAAA,IAAA,GAC7B;AAAA,EAAA;AAGN;AAEA,SAAS,cAAc;;;"}
+{"version":3,"file":"Checkbox.cjs","sources":["../../../src/components/Input/Checkbox.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  type FC,\n  useId,\n  type DetailedHTMLProps,\n  type InputHTMLAttributes,\n} from 'react';\n\nexport const checkboxVariants = cva('', {\n  variants: {\n    variant: {\n      default: [\n        'pointer rounded border-2 bg-input-background text-input-text shadow-none outline-0 transition-all',\n        'border-input-border hover:border-input-border-hover focus:border-input-border-focus focus:outline-0 focus:[box-shadow:none]',\n        'checked:bg-checkbox-checked checked:border-checkbox-checked-border',\n        'disabled:opacity-50',\n      ],\n    },\n    size: {\n      sm: 'size-4',\n      md: 'size-5',\n      lg: 'size-6',\n    },\n    color: {\n      primary: 'accent-primary dark:accent-primary-dark',\n      secondary: 'accent-secondary dark:accent-secondary-dark',\n      destructive: 'accent-destructive dark:accent-destructive-dark',\n      neutral: 'accent-neutral dark:accent-neutral-dark',\n      light: 'accent-light dark:accent-light-dark',\n      text: 'accent-text dark:accent-text-dark',\n      dark: 'accent-dark dark:accent-dark-dark',\n      error: 'accent-error dark:accent-error-dark',\n      success: 'accent-success dark:accent-success-dark',\n      custom: 'accent-custom dark:accent-custom-dark',\n    },\n    validationStyleEnabled: {\n      disabled: '',\n      enabled: 'valid:border-success invalid:border-error',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    color: 'primary',\n    validationStyleEnabled: 'disabled',\n    size: 'md',\n  },\n});\n\nexport type CheckboxProps = Omit<\n  DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>,\n  'size'\n> & {\n  validationStyleEnabled?: boolean;\n  label?: string;\n} & Omit<VariantProps<typeof checkboxVariants>, 'validationStyleEnabled'>;\n\nexport const Checkbox: FC<CheckboxProps> = ({\n  validationStyleEnabled = false,\n  label,\n  size,\n  color,\n  variant,\n  className,\n  ...props\n}) => {\n  const id = useId();\n  return (\n    <>\n      <input\n        type=\"checkbox\"\n        className={checkboxVariants({\n          variant,\n          size,\n          color,\n          validationStyleEnabled: validationStyleEnabled\n            ? 'enabled'\n            : 'disabled',\n          className,\n        })}\n        id={id}\n        {...props}\n      />\n      <label htmlFor={id}>{label}</label>\n    </>\n  );\n};\n\nCheckbox.displayName = 'Checkbox';\n"],"names":["cva","useId","jsxs","Fragment","jsx"],"mappings":";;;;;AAQa,MAAA,mBAAmBA,2BAAI,IAAI;AAAA,EACtC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAEJ;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW;AAAA,MACX,aAAa;AAAA,MACb,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,wBAAwB;AAAA,MACtB,UAAU;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EAEb;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,OAAO;AAAA,IACP,wBAAwB;AAAA,IACxB,MAAM;AAAA,EAAA;AAEV,CAAC;AAUM,MAAM,WAA8B,CAAC;AAAA,EAC1C,yBAAyB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,KAAKC,aAAAA,MAAM;AACjB,SAEIC,2BAAA,KAAAC,qBAAA,EAAA,UAAA;AAAA,IAAAC,2BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAW,iBAAiB;AAAA,UAC1B;AAAA,UACA;AAAA,UACA;AAAA,UACA,wBAAwB,yBACpB,YACA;AAAA,UACJ;AAAA,QAAA,CACD;AAAA,QACD;AAAA,QACC,GAAG;AAAA,MAAA;AAAA,IACN;AAAA,IACCA,2BAAA,IAAA,SAAA,EAAM,SAAS,IAAK,UAAM,MAAA,CAAA;AAAA,EAAA,GAC7B;AAEJ;AAEA,SAAS,cAAc;;;"}

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

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { DetailedHTMLProps, InputHTMLAttributes } from 'react';
+import { FC, DetailedHTMLProps, InputHTMLAttributes } from 'react';
 export declare const checkboxVariants: (props?: ({
     variant?: "default" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
@@ -10,5 +10,5 @@ export type CheckboxProps = Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInput
     validationStyleEnabled?: boolean;
     label?: string;
 } & Omit<VariantProps<typeof checkboxVariants>, 'validationStyleEnabled'>;
-export declare const Checkbox: import('react').ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+export declare const Checkbox: FC<CheckboxProps>;
 //# sourceMappingURL=Checkbox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAGL,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACzB,MAAM,OAAO,CAAC;AAEf,eAAO,MAAM,gBAAgB;;;;;8EAsC3B,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,iBAAiB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EAC1E,MAAM,CACP,GAAG;IACF,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,gBAAgB,CAAC,EAAE,wBAAwB,CAAC,CAAC;AAE1E,eAAO,MAAM,QAAQ,yHAmCpB,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EACL,KAAK,EAAE,EAEP,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACzB,MAAM,OAAO,CAAC;AAEf,eAAO,MAAM,gBAAgB;;;;;8EAsC3B,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,iBAAiB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EAC1E,MAAM,CACP,GAAG;IACF,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,gBAAgB,CAAC,EAAE,wBAAwB,CAAC,CAAC;AAE1E,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA6BtC,CAAC"}

package/dist/components/Input/Checkbox.mjs

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import { forwardRef, useId } from "react";
+import { useId } from "react";
 const checkboxVariants = cva("", {
   variants: {
     variant: {
@@ -40,38 +40,35 @@ const checkboxVariants = cva("", {
     size: "md"
   }
 });
-const Checkbox = forwardRef(
-  ({
-    validationStyleEnabled = false,
-    label,
-    size,
-    color,
-    variant,
-    className,
-    ...props
-  }, ref) => {
-    const id = useId();
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "input",
-        {
-          ref,
-          type: "checkbox",
-          className: checkboxVariants({
-            variant,
-            size,
-            color,
-            validationStyleEnabled: validationStyleEnabled ? "enabled" : "disabled",
-            className
-          }),
-          id,
-          ...props
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: id, children: label })
-    ] });
-  }
-);
+const Checkbox = ({
+  validationStyleEnabled = false,
+  label,
+  size,
+  color,
+  variant,
+  className,
+  ...props
+}) => {
+  const id = useId();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "checkbox",
+        className: checkboxVariants({
+          variant,
+          size,
+          color,
+          validationStyleEnabled: validationStyleEnabled ? "enabled" : "disabled",
+          className
+        }),
+        id,
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsx("label", { htmlFor: id, children: label })
+  ] });
+};
 Checkbox.displayName = "Checkbox";
 export {
   Checkbox,

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.mjs","sources":["../../../src/components/Input/Checkbox.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  forwardRef,\n  useId,\n  type DetailedHTMLProps,\n  type InputHTMLAttributes,\n} from 'react';\n\nexport const checkboxVariants = cva('', {\n  variants: {\n    variant: {\n      default: [\n        'pointer rounded border-2 bg-input-background text-input-text shadow-none outline-0 transition-all',\n        'border-input-border hover:border-input-border-hover focus:border-input-border-focus focus:outline-0 focus:[box-shadow:none]',\n        'checked:bg-checkbox-checked checked:border-checkbox-checked-border',\n        'disabled:opacity-50',\n      ],\n    },\n    size: {\n      sm: 'size-4',\n      md: 'size-5',\n      lg: 'size-6',\n    },\n    color: {\n      primary: 'accent-primary dark:accent-primary-dark',\n      secondary: 'accent-secondary dark:accent-secondary-dark',\n      destructive: 'accent-destructive dark:accent-destructive-dark',\n      neutral: 'accent-neutral dark:accent-neutral-dark',\n      light: 'accent-light dark:accent-light-dark',\n      text: 'accent-text dark:accent-text-dark',\n      dark: 'accent-dark dark:accent-dark-dark',\n      error: 'accent-error dark:accent-error-dark',\n      success: 'accent-success dark:accent-success-dark',\n      custom: 'accent-custom dark:accent-custom-dark',\n    },\n    validationStyleEnabled: {\n      disabled: '',\n      enabled: 'valid:border-success invalid:border-error',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    color: 'primary',\n    validationStyleEnabled: 'disabled',\n    size: 'md',\n  },\n});\n\nexport type CheckboxProps = Omit<\n  DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>,\n  'size'\n> & {\n  validationStyleEnabled?: boolean;\n  label?: string;\n} & Omit<VariantProps<typeof checkboxVariants>, 'validationStyleEnabled'>;\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n  (\n    {\n      validationStyleEnabled = false,\n      label,\n      size,\n      color,\n      variant,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const id = useId();\n    return (\n      <>\n        <input\n          ref={ref}\n          type=\"checkbox\"\n          className={checkboxVariants({\n            variant,\n            size,\n            color,\n            validationStyleEnabled: validationStyleEnabled\n              ? 'enabled'\n              : 'disabled',\n            className,\n          })}\n          id={id}\n          {...props}\n        />\n        <label htmlFor={id}>{label}</label>\n      </>\n    );\n  }\n);\n\nCheckbox.displayName = 'Checkbox';\n"],"names":["jsxs","Fragment","jsx"],"mappings":";;;AAQa,MAAA,mBAAmB,IAAI,IAAI;AAAA,EACtC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAEJ;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW;AAAA,MACX,aAAa;AAAA,MACb,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,wBAAwB;AAAA,MACtB,UAAU;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EAEb;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,OAAO;AAAA,IACP,wBAAwB;AAAA,IACxB,MAAM;AAAA,EAAA;AAEV,CAAC;AAUM,MAAM,WAAW;AAAA,EACtB,CACE;AAAA,IACE,yBAAyB;AAAA,IACzB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,KAEL,QACG;AACH,UAAM,KAAK,MAAM;AACjB,WAEIA,kCAAA,KAAAC,4BAAA,EAAA,UAAA;AAAA,MAAAC,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA,UACL,WAAW,iBAAiB;AAAA,YAC1B;AAAA,YACA;AAAA,YACA;AAAA,YACA,wBAAwB,yBACpB,YACA;AAAA,YACJ;AAAA,UAAA,CACD;AAAA,UACD;AAAA,UACC,GAAG;AAAA,QAAA;AAAA,MACN;AAAA,MACCA,kCAAA,IAAA,SAAA,EAAM,SAAS,IAAK,UAAM,MAAA,CAAA;AAAA,IAAA,GAC7B;AAAA,EAAA;AAGN;AAEA,SAAS,cAAc;"}
+{"version":3,"file":"Checkbox.mjs","sources":["../../../src/components/Input/Checkbox.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  type FC,\n  useId,\n  type DetailedHTMLProps,\n  type InputHTMLAttributes,\n} from 'react';\n\nexport const checkboxVariants = cva('', {\n  variants: {\n    variant: {\n      default: [\n        'pointer rounded border-2 bg-input-background text-input-text shadow-none outline-0 transition-all',\n        'border-input-border hover:border-input-border-hover focus:border-input-border-focus focus:outline-0 focus:[box-shadow:none]',\n        'checked:bg-checkbox-checked checked:border-checkbox-checked-border',\n        'disabled:opacity-50',\n      ],\n    },\n    size: {\n      sm: 'size-4',\n      md: 'size-5',\n      lg: 'size-6',\n    },\n    color: {\n      primary: 'accent-primary dark:accent-primary-dark',\n      secondary: 'accent-secondary dark:accent-secondary-dark',\n      destructive: 'accent-destructive dark:accent-destructive-dark',\n      neutral: 'accent-neutral dark:accent-neutral-dark',\n      light: 'accent-light dark:accent-light-dark',\n      text: 'accent-text dark:accent-text-dark',\n      dark: 'accent-dark dark:accent-dark-dark',\n      error: 'accent-error dark:accent-error-dark',\n      success: 'accent-success dark:accent-success-dark',\n      custom: 'accent-custom dark:accent-custom-dark',\n    },\n    validationStyleEnabled: {\n      disabled: '',\n      enabled: 'valid:border-success invalid:border-error',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    color: 'primary',\n    validationStyleEnabled: 'disabled',\n    size: 'md',\n  },\n});\n\nexport type CheckboxProps = Omit<\n  DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>,\n  'size'\n> & {\n  validationStyleEnabled?: boolean;\n  label?: string;\n} & Omit<VariantProps<typeof checkboxVariants>, 'validationStyleEnabled'>;\n\nexport const Checkbox: FC<CheckboxProps> = ({\n  validationStyleEnabled = false,\n  label,\n  size,\n  color,\n  variant,\n  className,\n  ...props\n}) => {\n  const id = useId();\n  return (\n    <>\n      <input\n        type=\"checkbox\"\n        className={checkboxVariants({\n          variant,\n          size,\n          color,\n          validationStyleEnabled: validationStyleEnabled\n            ? 'enabled'\n            : 'disabled',\n          className,\n        })}\n        id={id}\n        {...props}\n      />\n      <label htmlFor={id}>{label}</label>\n    </>\n  );\n};\n\nCheckbox.displayName = 'Checkbox';\n"],"names":[],"mappings":";;;AAQa,MAAA,mBAAmB,IAAI,IAAI;AAAA,EACtC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAEJ;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW;AAAA,MACX,aAAa;AAAA,MACb,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,wBAAwB;AAAA,MACtB,UAAU;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EAEb;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,OAAO;AAAA,IACP,wBAAwB;AAAA,IACxB,MAAM;AAAA,EAAA;AAEV,CAAC;AAUM,MAAM,WAA8B,CAAC;AAAA,EAC1C,yBAAyB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,KAAK,MAAM;AACjB,SAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAW,iBAAiB;AAAA,UAC1B;AAAA,UACA;AAAA,UACA;AAAA,UACA,wBAAwB,yBACpB,YACA;AAAA,UACJ;AAAA,QAAA,CACD;AAAA,QACD;AAAA,QACC,GAAG;AAAA,MAAA;AAAA,IACN;AAAA,IACC,oBAAA,SAAA,EAAM,SAAS,IAAK,UAAM,MAAA,CAAA;AAAA,EAAA,GAC7B;AAEJ;AAEA,SAAS,cAAc;"}

package/dist/components/Input/Input.cjs

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const classVarianceAuthority = require("class-variance-authority");
-const require$$0 = require("react");
 const inputVariants = classVarianceAuthority.cva("", {
   variants: {
     variant: {
@@ -31,22 +30,24 @@ const inputVariants = classVarianceAuthority.cva("", {
     validationStyleEnabled: "disabled"
   }
 });
-const Input = require$$0.forwardRef(
-  ({ validationStyleEnabled = false, variant, size, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-    "input",
-    {
-      ref,
-      className: inputVariants({
-        variant,
-        size,
-        validationStyleEnabled: validationStyleEnabled ? "enabled" : "disabled",
-        className
-      }),
-      ...props
-    }
-  )
+const Input = ({
+  validationStyleEnabled = false,
+  variant,
+  size,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "input",
+  {
+    className: inputVariants({
+      variant,
+      size,
+      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

@@ -1 +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 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    size: {\n      md: 'px-2 py-1 max-md:py-3',\n      lg: 'px-4 py-2 max-md:py-4',\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    size: 'md',\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  (\n    { validationStyleEnabled = false, variant, size, className, ...props },\n    ref\n  ) => (\n    <input\n      ref={ref}\n      className={inputVariants({\n        variant,\n        size,\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,MAAA;AAAA,IAEJ;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,wBAAwB;AAAA,MACtB,UAAU;AAAA,MACV,SACE;AAAA,IAAA;AAAA,EAEN;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,IACN,wBAAwB;AAAA,EAAA;AAE5B,CAAC;AASM,MAAM,QAAQC,WAAA;AAAA,EACnB,CACE,EAAE,yBAAyB,OAAO,SAAS,MAAM,WAAW,GAAG,SAC/D,QAEAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW,cAAc;AAAA,QACvB;AAAA,QACA;AAAA,QACA,wBAAwB,yBAAyB,YAAY;AAAA,QAC7D;AAAA,MAAA,CACD;AAAA,MACA,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAM,cAAc;;;"}
+{"version":3,"file":"Input.cjs","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  type FC,\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 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    size: {\n      md: 'px-2 py-1 max-md:py-3',\n      lg: 'px-4 py-2 max-md:py-4',\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    size: 'md',\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: FC<InputProps> = ({\n  validationStyleEnabled = false,\n  variant,\n  size,\n  className,\n  ...props\n}) => (\n  <input\n    className={inputVariants({\n      variant,\n      size,\n      validationStyleEnabled: validationStyleEnabled ? 'enabled' : 'disabled',\n      className,\n    })}\n    {...props}\n  />\n);\n"],"names":["cva","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,MAAA;AAAA,IAEJ;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,wBAAwB;AAAA,MACtB,UAAU;AAAA,MACV,SACE;AAAA,IAAA;AAAA,EAEN;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,IACN,wBAAwB;AAAA,EAAA;AAE5B,CAAC;AASM,MAAM,QAAwB,CAAC;AAAA,EACpC,yBAAyB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEC,2BAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW,cAAc;AAAA,MACvB;AAAA,MACA;AAAA,MACA,wBAAwB,yBAAyB,YAAY;AAAA,MAC7D;AAAA,IAAA,CACD;AAAA,IACA,GAAG;AAAA,EAAA;AACN;;;"}

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

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { DetailedHTMLProps, InputHTMLAttributes } from 'react';
+import { FC, DetailedHTMLProps, InputHTMLAttributes } from 'react';
 export declare const inputVariants: (props?: ({
     variant?: "default" | "invisible" | null | undefined;
     size?: "md" | "lg" | null | undefined;
@@ -8,5 +8,5 @@ export declare const inputVariants: (props?: ({
 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>>;
+export declare const Input: FC<InputProps>;
 //# sourceMappingURL=Input.d.ts.map

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

@@ -1 +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;;;;8EA4BxB,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,sHAgBjB,CAAC"}
+{"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,EACL,KAAK,EAAE,EACP,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACzB,MAAM,OAAO,CAAC;AAEf,eAAO,MAAM,aAAa;;;;8EA4BxB,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,EAAE,EAAE,CAAC,UAAU,CAgBhC,CAAC"}