@intlayer/design-system 5.5.10 → 5.6.0

package/README.md

@@ -33,7 +33,7 @@
       <a href="https://www.facebook.com/intlayer" target="blank"><img align="center"
          src="https://img.shields.io/badge/facebook-4267B2.svg?style=for-the-badge&logo=facebook&logoColor=white"
          alt="Intlayer Facebook" height="30"/></a>
-      <a href="https://www.instagram.com/intlayer_org/" target="blank"><img align="center"
+      <a href="https://www.instagram.com/intlayer/" target="blank"><img align="center"
          src="https://img.shields.io/badge/instagram-%23E4405F.svg?style=for-the-badge&logo=Instagram&logoColor=white"
          alt="Intlayer Instagram" height="30"/></a>
       <a href="https://x.com/Intlayer183096" target="blank"><img align="center"

package/dist/.vite/manifest.json

@@ -143,9 +143,9 @@
     "src": "src/components/Auth/AuthModal/index.tsx",
     "isEntry": true,
     "imports": [
-      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
-      "src/hooks/useAsync/useAsyncStateStore.tsx",
       "src/hooks/intlayerAPIHooks.ts",
+      "src/hooks/useAsync/useAsyncStateStore.tsx",
+      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/components/Modal/Modal.tsx",
       "src/components/Auth/ChangePasswordForm/ChangePasswordForm.tsx",
       "src/components/Auth/ChangePasswordForm/useChangePasswordSchema.content.ts",
@@ -572,9 +572,9 @@
     "src": "src/components/Auth/useUser/index.ts",
     "isEntry": true,
     "imports": [
-      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
-      "src/hooks/useAsync/useAsyncStateStore.tsx",
       "src/hooks/intlayerAPIHooks.ts",
+      "src/hooks/useAsync/useAsyncStateStore.tsx",
+      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/components/Auth/useAuth/index.tsx"
     ]
   },
@@ -700,9 +700,9 @@
       "src/components/Auth/ChangePasswordForm/useChangePasswordSchema.content.ts",
       "src/components/Auth/ResetPasswordForm/resetPasswordContent.content.ts",
       "src/components/Auth/ResetPasswordForm/useResetPasswordSchema.content.ts",
-      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/hooks/useAsync/useAsyncStateStore.tsx",
       "src/components/Toaster/Toast.tsx",
+      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/components/Modal/Modal.tsx",
       "src/components/Auth/VerifyEmailForm/index.content.ts",
       "src/components/Auth/DefineNewPasswordForm/defineNewPasswordForm.content.ts",
@@ -736,6 +736,16 @@
       "src/components/ContentSelector/ContentSelector.tsx"
     ]
   },
+  "src/components/CopyButton/index.tsx": {
+    "file": "components/CopyButton/index.cjs",
+    "name": "components/CopyButton/index",
+    "src": "src/components/CopyButton/index.tsx",
+    "isEntry": true,
+    "imports": [
+      "src/components/Button/Button.tsx",
+      "src/components/IDE/CopyButton.content.ts"
+    ]
+  },
   "src/components/CopyToClipboard/index.tsx": {
     "file": "components/CopyToClipboard/index.cjs",
     "name": "components/CopyToClipboard/index",
@@ -893,9 +903,9 @@
     "src": "src/components/DictionaryFieldEditor/ContentEditorView/TextEditor.tsx",
     "isEntry": true,
     "imports": [
-      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
-      "src/hooks/useAsync/useAsyncStateStore.tsx",
       "src/hooks/intlayerAPIHooks.ts",
+      "src/hooks/useAsync/useAsyncStateStore.tsx",
+      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/utils/object.ts",
       "src/components/Button/Button.tsx",
       "src/components/Container/index.tsx",
@@ -921,8 +931,8 @@
     "imports": [
       "src/hooks/intlayerAPIHooks.ts",
       "src/components/Button/Button.tsx",
-      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/hooks/useAsync/useAsyncStateStore.tsx",
+      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/components/Auth/useAuth/index.tsx",
       "src/components/Auth/ExternalsLoginButtons/externalsLoginButtons.content.ts",
       "src/components/Form/FormBase.tsx",
@@ -974,9 +984,9 @@
     "src": "src/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.tsx",
     "isEntry": true,
     "imports": [
-      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
-      "src/hooks/useAsync/useAsyncStateStore.tsx",
       "src/hooks/intlayerAPIHooks.ts",
+      "src/hooks/useAsync/useAsyncStateStore.tsx",
+      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/components/Button/Button.tsx",
       "src/components/Auth/useAuth/index.tsx",
       "src/components/Auth/ExternalsLoginButtons/externalsLoginButtons.content.ts",
@@ -1032,9 +1042,9 @@
     "isEntry": true,
     "imports": [
       "src/components/Button/Button.tsx",
-      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/hooks/useAsync/useAsyncStateStore.tsx",
       "src/components/Toaster/Toast.tsx",
+      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/components/Container/index.tsx",
       "src/components/DropDown/index.tsx",
       "src/components/Input/Input.tsx",
@@ -1118,9 +1128,9 @@
     "isEntry": true,
     "imports": [
       "src/components/Modal/Modal.tsx",
-      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
-      "src/hooks/useAsync/useAsyncStateStore.tsx",
       "src/hooks/intlayerAPIHooks.ts",
+      "src/hooks/useAsync/useAsyncStateStore.tsx",
+      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/utils/cn.ts",
       "src/components/Button/Button.tsx",
       "src/components/Auth/useAuth/index.tsx",
@@ -1168,9 +1178,9 @@
       "src/components/EditableField/EditableFieldInput.tsx",
       "src/components/Input/Input.tsx",
       "src/components/Input/Checkbox.tsx",
-      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/hooks/useAsync/useAsyncStateStore.tsx",
       "src/components/Toaster/Toast.tsx",
+      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/components/DictionaryFieldEditor/NodeTypeSelector.tsx",
       "src/components/DictionaryFieldEditor/StructureView/structureView.content.ts"
     ]
@@ -1200,10 +1210,10 @@
     "src": "src/components/DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcherContext.tsx",
     "isEntry": true,
     "imports": [
-      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/hooks/useAsync/useAsyncStateStore.tsx",
       "src/components/Toaster/Toast.tsx",
-      "src/hooks/usePersistedStore.ts"
+      "src/hooks/usePersistedStore.ts",
+      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts"
     ]
   },
   "src/components/DictionaryFieldEditor/VersionSwitcherDropDown/index.tsx": {
@@ -1292,9 +1302,9 @@
       "src/components/TextArea/AutoSizeTextArea.tsx",
       "src/components/Input/Input.tsx",
       "src/components/Input/Checkbox.tsx",
-      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/hooks/useAsync/useAsyncStateStore.tsx",
       "src/components/Toaster/Toast.tsx",
+      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/components/EditableField/EditableFieldLayout.tsx"
     ]
   },
@@ -1633,7 +1643,7 @@
       "src/components/IDE/CodeConditionalRenderer.tsx",
       "src/components/IDE/CodeFormatSelector.tsx",
       "src/components/IDE/ContentDeclarationFormatSelector.tsx",
-      "src/components/IDE/CopyButton.tsx",
+      "src/components/IDE/CopyCode.tsx",
       "src/components/IDE/PackageManagerSelector.tsx"
     ]
   },
@@ -1670,10 +1680,10 @@
     "src": "src/components/IDE/CodeContext.tsx",
     "isEntry": true,
     "imports": [
-      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/hooks/useAsync/useAsyncStateStore.tsx",
       "src/components/Toaster/Toast.tsx",
-      "src/hooks/usePersistedStore.ts"
+      "src/hooks/usePersistedStore.ts",
+      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts"
     ]
   },
   "src/components/IDE/CodeFormatSelector.tsx": {
@@ -1704,14 +1714,15 @@
     "src": "src/components/IDE/CopyButton.content.ts",
     "isEntry": true
   },
-  "src/components/IDE/CopyButton.tsx": {
-    "file": "components/IDE/CopyButton.cjs",
-    "name": "components/IDE/CopyButton",
-    "src": "src/components/IDE/CopyButton.tsx",
+  "src/components/IDE/CopyCode.tsx": {
+    "file": "components/IDE/CopyCode.cjs",
+    "name": "components/IDE/CopyCode",
+    "src": "src/components/IDE/CopyCode.tsx",
     "isEntry": true,
     "imports": [
-      "src/components/Button/Button.tsx",
-      "src/components/IDE/CopyButton.content.ts"
+      "src/components/CopyButton/index.tsx",
+      "src/components/Popover/index.tsx",
+      "src/components/IDE/copyCode.content.ts"
     ]
   },
   "src/components/IDE/FileList.tsx": {
@@ -1764,8 +1775,8 @@
     "isEntry": true,
     "imports": [
       "src/utils/cn.ts",
-      "src/components/Loader/index.tsx",
-      "src/components/IDE/CopyButton.tsx"
+      "src/components/CopyButton/index.tsx",
+      "src/components/Loader/index.tsx"
     ]
   },
   "src/components/IDE/PackageManagerSelector.tsx": {
@@ -1779,6 +1790,18 @@
       "src/components/IDE/CodeContext.tsx"
     ]
   },
+  "src/components/IDE/code.content.ts": {
+    "file": "components/IDE/code.content.cjs",
+    "name": "components/IDE/code.content",
+    "src": "src/components/IDE/code.content.ts",
+    "isEntry": true
+  },
+  "src/components/IDE/copyCode.content.ts": {
+    "file": "components/IDE/copyCode.content.cjs",
+    "name": "components/IDE/copyCode.content",
+    "src": "src/components/IDE/copyCode.content.ts",
+    "isEntry": true
+  },
   "src/components/IDE/createFileTree.ts": {
     "file": "components/IDE/createFileTree.cjs",
     "name": "components/IDE/createFileTree",
@@ -1902,10 +1925,10 @@
     "src": "src/components/LocaleSwitcherContentDropDown/LocaleSwitcherContent.tsx",
     "isEntry": true,
     "imports": [
-      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/hooks/useAsync/useAsyncStateStore.tsx",
       "src/components/Toaster/Toast.tsx",
       "src/hooks/usePersistedStore.ts",
+      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/components/Button/Button.tsx",
       "src/components/Container/index.tsx",
       "src/components/DropDown/index.tsx",
@@ -1922,10 +1945,10 @@
     "src": "src/components/LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.tsx",
     "isEntry": true,
     "imports": [
-      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/hooks/useAsync/useAsyncStateStore.tsx",
       "src/components/Toaster/Toast.tsx",
-      "src/hooks/usePersistedStore.ts"
+      "src/hooks/usePersistedStore.ts",
+      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts"
     ]
   },
   "src/components/LocaleSwitcherContentDropDown/index.tsx": {
@@ -2047,10 +2070,10 @@
     "src": "src/components/Modal/Modal.tsx",
     "isEntry": true,
     "imports": [
-      "src/hooks/useGetElementOrWindow.ts",
-      "_index-BYzBot7l.cjs",
       "src/hooks/useAsync/useAsyncStateStore.tsx",
       "src/components/Toaster/Toast.tsx",
+      "src/hooks/useGetElementOrWindow.ts",
+      "_index-BYzBot7l.cjs",
       "src/utils/cn.ts",
       "src/components/Button/Button.tsx",
       "src/components/Container/index.tsx",
@@ -2090,10 +2113,10 @@
     "src": "src/components/Navbar/MobileNavbar.tsx",
     "isEntry": true,
     "imports": [
-      "_index-BYzBot7l.cjs",
-      "src/hooks/useScrollDetection.ts",
       "src/hooks/useAsync/useAsyncStateStore.tsx",
       "src/components/Toaster/Toast.tsx",
+      "_index-BYzBot7l.cjs",
+      "src/hooks/useScrollDetection.ts",
       "src/utils/cn.ts",
       "src/components/MaxHeightSmoother/index.tsx",
       "src/components/Navbar/Burger.tsx"
@@ -2105,11 +2128,11 @@
     "src": "src/components/Navbar/index.tsx",
     "isEntry": true,
     "imports": [
-      "src/hooks/useDevice.ts",
-      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
-      "src/hooks/useIsMounted.ts",
       "src/hooks/useAsync/useAsyncStateStore.tsx",
       "src/components/Toaster/Toast.tsx",
+      "src/hooks/useDevice.ts",
+      "src/hooks/useIsMounted.ts",
+      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/components/Navbar/DesktopNavbar.tsx",
       "src/components/Navbar/MobileNavbar.tsx"
     ]
@@ -2162,7 +2185,11 @@
     "file": "components/Popover/index.cjs",
     "name": "components/Popover/index",
     "src": "src/components/Popover/index.tsx",
-    "isEntry": true
+    "isEntry": true,
+    "imports": [
+      "src/utils/cn.ts",
+      "src/components/Container/index.tsx"
+    ]
   },
   "src/components/PressableSpan/PressableSpan.tsx": {
     "file": "components/PressableSpan/PressableSpan.cjs",
@@ -2317,10 +2344,10 @@
     "src": "src/components/SwitchSelector/index.tsx",
     "isEntry": true,
     "imports": [
-      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/hooks/useAsync/useAsyncStateStore.tsx",
       "src/components/Toaster/Toast.tsx",
       "src/hooks/useItemSelector.ts",
+      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/utils/cn.ts"
     ]
   },
@@ -2330,10 +2357,10 @@
     "src": "src/components/TabSelector/TabSelector.tsx",
     "isEntry": true,
     "imports": [
-      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/hooks/useAsync/useAsyncStateStore.tsx",
       "src/components/Toaster/Toast.tsx",
       "src/hooks/useItemSelector.ts",
+      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/utils/cn.ts"
     ]
   },
@@ -2368,9 +2395,9 @@
     "src": "src/components/TextArea/AutocompleteTextArea.tsx",
     "isEntry": true,
     "imports": [
-      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
-      "src/hooks/useAsync/useAsyncStateStore.tsx",
       "src/hooks/intlayerAPIHooks.ts",
+      "src/hooks/useAsync/useAsyncStateStore.tsx",
+      "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/components/TextArea/AutoSizeTextArea.tsx"
     ]
   },
@@ -2512,6 +2539,7 @@
       "src/components/Command/index.tsx",
       "src/components/Container/index.tsx",
       "src/components/ContentSelector/ContentSelector.tsx",
+      "src/components/CopyButton/index.tsx",
       "src/components/CopyToClipboard/index.tsx",
       "src/components/DictionaryEditor/DictionaryEditor.tsx",
       "src/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.tsx",
@@ -2590,19 +2618,20 @@
     "src": "src/hooks/index.ts",
     "isEntry": true,
     "imports": [
+      "src/hooks/intlayerAPIHooks.ts",
+      "src/hooks/useAsync/useAsync.ts",
+      "src/hooks/useAsync/useAsyncStateStore.tsx",
       "src/hooks/useDevice.ts",
+      "src/hooks/useGetAllDictionaries.tsx",
       "src/hooks/useGetElementOrWindow.ts",
-      "_index-BYzBot7l.cjs",
+      "src/hooks/useIsDarkMode.ts",
       "src/hooks/useIsMounted.ts",
-      "src/hooks/useScrollDetection.ts",
-      "src/hooks/useAsync/useAsync.ts",
-      "src/hooks/useAsync/useAsyncStateStore.tsx",
-      "src/hooks/intlayerAPIHooks.ts",
       "src/hooks/useItemSelector.ts",
-      "src/hooks/useGetAllDictionaries.tsx",
+      "src/hooks/useKeyboardDetector.ts",
       "src/hooks/usePersistedStore.ts",
-      "src/hooks/useIsDarkMode.ts",
-      "src/hooks/useKeyboardDetector.ts"
+      "src/hooks/useScreenWidth.ts",
+      "_index-BYzBot7l.cjs",
+      "src/hooks/useScrollDetection.ts"
     ]
   },
   "src/hooks/intlayerAPIHooks.ts": {
@@ -2712,6 +2741,12 @@
     "src": "src/hooks/usePersistedStore.ts",
     "isEntry": true
   },
+  "src/hooks/useScreenWidth.ts": {
+    "file": "hooks/useScreenWidth.cjs",
+    "name": "hooks/useScreenWidth",
+    "src": "src/hooks/useScreenWidth.ts",
+    "isEntry": true
+  },
   "src/hooks/useScrollBlockage/index.tsx": {
     "file": "hooks/useScrollBlockage/index.cjs",
     "name": "hooks/useScrollBlockage/index",

package/dist/components/Auth/AuthModal/index.cjs

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const ReactExports = require("react");
-require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
-require("../../../hooks/useAsync/useAsyncStateStore.cjs");
 const hooks_intlayerAPIHooks = require("../../../hooks/intlayerAPIHooks.cjs");
+require("../../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/editor-react");
 require("deepmerge");
+require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 const components_Modal_Modal = require("../../Modal/Modal.cjs");
 const components_Auth_ChangePasswordForm_ChangePasswordForm = require("../ChangePasswordForm/ChangePasswordForm.cjs");
 require("react-intlayer");

package/dist/components/Auth/AuthModal/index.mjs

@@ -1,11 +1,11 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import "../../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
-import "../../../hooks/useAsync/useAsyncStateStore.mjs";
 import { useLogin, useRegister, useAskResetPassword, useChangePassword } from "../../../hooks/intlayerAPIHooks.mjs";
+import "../../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/editor-react";
 import "deepmerge";
+import "../../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import { Modal } from "../../Modal/Modal.mjs";
 import { ChangePasswordForm } from "../ChangePasswordForm/ChangePasswordForm.mjs";
 import "react-intlayer";

package/dist/components/Auth/useAuth/useCSRF.d.ts

@@ -1,6 +1,6 @@
 import { IntlayerConfig } from '@intlayer/config/client';
 export declare const useCSRF: (intlayerConfiguration?: IntlayerConfig) => {
-    csrfToken: any;
+    csrfToken: string | undefined;
     csrfTokenFetched: boolean;
 };
 //# sourceMappingURL=useCSRF.d.ts.map

package/dist/components/Auth/useAuth/useOAuth2.d.ts

@@ -1,5 +1,5 @@
 import { IntlayerConfig } from '@intlayer/config/client';
 export declare const useOAuth2: (intlayerConfiguration?: IntlayerConfig) => {
-    oAuth2AccessToken: any;
+    oAuth2AccessToken: import('@intlayer/backend').OAuth2Token | null | undefined;
 };
 //# sourceMappingURL=useOAuth2.d.ts.map

package/dist/components/Auth/useUser/index.cjs

@@ -1,12 +1,12 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const hooks_intlayerAPIHooks = require("../../../hooks/intlayerAPIHooks.cjs");
 require("react");
-require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 require("../../../hooks/useAsync/useAsyncStateStore.cjs");
-const hooks_intlayerAPIHooks = require("../../../hooks/intlayerAPIHooks.cjs");
 require("@intlayer/editor-react");
 require("deepmerge");
+require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 const components_Auth_useAuth_index = require("../useAuth/index.cjs");
 const useUser = () => {
   const { session, revalidateSession, setSession } = components_Auth_useAuth_index.useAuth();

package/dist/components/Auth/useUser/index.mjs

@@ -1,10 +1,10 @@
 "use client";
+import { useLogout } from "../../../hooks/intlayerAPIHooks.mjs";
 import "react";
-import "../../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import "../../../hooks/useAsync/useAsyncStateStore.mjs";
-import { useLogout } from "../../../hooks/intlayerAPIHooks.mjs";
 import "@intlayer/editor-react";
 import "deepmerge";
+import "../../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import { useAuth } from "../useAuth/index.mjs";
 const useUser = () => {
   const { session, revalidateSession, setSession } = useAuth();

package/dist/components/Container/index.cjs

@@ -17,7 +17,7 @@ const containerVariants = classVarianceAuthority.cva("flex text-text flex-col ba
     },
     transparency: {
       none: "bg-card",
-      sm: "bg-card/90",
+      sm: "bg-card/95",
       md: "bg-card/70",
       lg: "bg-card/40",
       xl: "bg-card/20",
@@ -104,4 +104,5 @@ const Container = ({
   }
 );
 exports.Container = Container;
+exports.containerVariants = containerVariants;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Container/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  type PropsWithChildren,\n  type HTMLAttributes,\n  type FC,\n  type DetailedHTMLProps,\n} from 'react';\nimport { cn } from '../../utils/cn';\n\nconst containerVariants = cva('flex text-text flex-col backdrop-blur', {\n  variants: {\n    roundedSize: {\n      none: 'rounded-none',\n      sm: 'rounded-sm',\n      md: 'rounded-md',\n      lg: 'rounded-lg',\n      xl: 'rounded-xl',\n      '2xl': 'rounded-2xl',\n      '3xl': 'rounded-3xl',\n      full: 'rounded-full',\n    },\n    transparency: {\n      none: 'bg-card',\n      sm: 'bg-card/90',\n      md: 'bg-card/70',\n      lg: 'bg-card/40',\n      xl: 'bg-card/20',\n      full: '',\n    },\n    padding: {\n      none: 'p-0',\n      sm: 'p-1',\n      md: 'p-2',\n      lg: 'p-3',\n      xl: 'p-4',\n    },\n    separator: {\n      without: '',\n      x: 'divide-x divide-dashed divide-text/20',\n      y: 'divide-y divide-dashed divide-text/20',\n      both: 'divide-x divide-y divide-dashed divide-text/20',\n    },\n    border: {\n      none: '',\n      with: 'border-[1.5px]',\n    },\n    borderColor: {\n      primary: 'border-primary',\n      secondary: 'border-secondary',\n      neutral: 'border-neutral',\n      text: 'border-text ',\n      error: 'border-error',\n      warning: 'border-warning',\n      success: 'border-success',\n    },\n    background: {\n      none: 'bg-inherit',\n      hoverable:\n        '!bg-opacity-5 backdrop-blur-0 hover:!bg-opacity-10 hover:backdrop-blur focus:!bg-opacity-10 focus:backdrop-blur aria-selected:!bg-opacity-15 aria-selected:backdrop-blur',\n      with: '',\n    },\n    gap: {\n      none: 'gap-0',\n      sm: 'gap-1',\n      md: 'gap-3',\n      lg: 'gap-5',\n      xl: 'gap-8',\n      '2xl': 'gap-10',\n    },\n  },\n  defaultVariants: {\n    roundedSize: 'md',\n    border: 'none',\n    borderColor: 'text',\n    transparency: 'md',\n    padding: 'none',\n    separator: 'without',\n    gap: 'none',\n  },\n});\n\nexport type ContainerProps = PropsWithChildren<\n  Omit<VariantProps<typeof containerVariants>, 'border'>\n> &\n  DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {\n    border?: boolean;\n  };\n\nexport const Container: FC<ContainerProps> = ({\n  children,\n  roundedSize,\n  padding,\n  transparency,\n  separator,\n  className,\n  border,\n  borderColor,\n  background,\n  ...props\n}) => (\n  <div\n    className={cn(\n      containerVariants({\n        roundedSize,\n        transparency,\n        padding,\n        separator,\n        border:\n          typeof border === 'boolean' ? (border ? 'with' : 'none') : undefined,\n        background,\n        borderColor,\n        className,\n      })\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n"],"names":["cva","jsx","cn"],"mappings":";;;;;AASA,MAAM,oBAAoBA,2BAAI,yCAAyC;AAAA,EACrE,UAAU;AAAA,IACR,aAAa;AAAA,MACX,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,IACA,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,IACA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,WAAW;AAAA,MACT,SAAS;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,MACH,MAAM;AAAA,IACR;AAAA,IACA,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,MAAM;AAAA,IACR;AAAA,IACA,aAAa;AAAA,MACX,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,MACN,WACE;AAAA,MACF,MAAM;AAAA,IACR;AAAA,IACA,KAAK;AAAA,MACH,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,iBAAiB;AAAA,IACf,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,cAAc;AAAA,IACd,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,EAAA;AAET,CAAC;AASM,MAAM,YAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEC,2BAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,SAAA;AAAA,MACT,kBAAkB;AAAA,QAChB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,QACE,OAAO,WAAW,YAAa,SAAS,SAAS,SAAU;AAAA,QAC7D;AAAA,QACA;AAAA,QACA;AAAA,MACD,CAAA;AAAA,IACH;AAAA,IACC,GAAG;AAAA,IAEH;AAAA,EAAA;AACH;;"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Container/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  type DetailedHTMLProps,\n  type FC,\n  type HTMLAttributes,\n  type PropsWithChildren,\n} from 'react';\nimport { cn } from '../../utils/cn';\n\nexport const containerVariants = cva('flex text-text flex-col backdrop-blur', {\n  variants: {\n    roundedSize: {\n      none: 'rounded-none',\n      sm: 'rounded-sm',\n      md: 'rounded-md',\n      lg: 'rounded-lg',\n      xl: 'rounded-xl',\n      '2xl': 'rounded-2xl',\n      '3xl': 'rounded-3xl',\n      full: 'rounded-full',\n    },\n    transparency: {\n      none: 'bg-card',\n      sm: 'bg-card/95',\n      md: 'bg-card/70',\n      lg: 'bg-card/40',\n      xl: 'bg-card/20',\n      full: '',\n    },\n    padding: {\n      none: 'p-0',\n      sm: 'p-1',\n      md: 'p-2',\n      lg: 'p-3',\n      xl: 'p-4',\n    },\n    separator: {\n      without: '',\n      x: 'divide-x divide-dashed divide-text/20',\n      y: 'divide-y divide-dashed divide-text/20',\n      both: 'divide-x divide-y divide-dashed divide-text/20',\n    },\n    border: {\n      none: '',\n      with: 'border-[1.5px]',\n    },\n    borderColor: {\n      primary: 'border-primary',\n      secondary: 'border-secondary',\n      neutral: 'border-neutral',\n      text: 'border-text ',\n      error: 'border-error',\n      warning: 'border-warning',\n      success: 'border-success',\n    },\n    background: {\n      none: 'bg-inherit',\n      hoverable:\n        '!bg-opacity-5 backdrop-blur-0 hover:!bg-opacity-10 hover:backdrop-blur focus:!bg-opacity-10 focus:backdrop-blur aria-selected:!bg-opacity-15 aria-selected:backdrop-blur',\n      with: '',\n    },\n    gap: {\n      none: 'gap-0',\n      sm: 'gap-1',\n      md: 'gap-3',\n      lg: 'gap-5',\n      xl: 'gap-8',\n      '2xl': 'gap-10',\n    },\n  },\n  defaultVariants: {\n    roundedSize: 'md',\n    border: 'none',\n    borderColor: 'text',\n    transparency: 'md',\n    padding: 'none',\n    separator: 'without',\n    gap: 'none',\n  },\n});\n\nexport type ContainerProps = PropsWithChildren<\n  Omit<VariantProps<typeof containerVariants>, 'border'>\n> &\n  DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {\n    border?: boolean;\n  };\n\nexport const Container: FC<ContainerProps> = ({\n  children,\n  roundedSize,\n  padding,\n  transparency,\n  separator,\n  className,\n  border,\n  borderColor,\n  background,\n  ...props\n}) => (\n  <div\n    className={cn(\n      containerVariants({\n        roundedSize,\n        transparency,\n        padding,\n        separator,\n        border:\n          typeof border === 'boolean' ? (border ? 'with' : 'none') : undefined,\n        background,\n        borderColor,\n        className,\n      })\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n"],"names":["cva","jsx","cn"],"mappings":";;;;;AASa,MAAA,oBAAoBA,2BAAI,yCAAyC;AAAA,EAC5E,UAAU;AAAA,IACR,aAAa;AAAA,MACX,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,IACA,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,IACA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,WAAW;AAAA,MACT,SAAS;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,MACH,MAAM;AAAA,IACR;AAAA,IACA,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,MAAM;AAAA,IACR;AAAA,IACA,aAAa;AAAA,MACX,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,MACN,WACE;AAAA,MACF,MAAM;AAAA,IACR;AAAA,IACA,KAAK;AAAA,MACH,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,iBAAiB;AAAA,IACf,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,cAAc;AAAA,IACd,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,EAAA;AAET,CAAC;AASM,MAAM,YAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEC,2BAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,SAAA;AAAA,MACT,kBAAkB;AAAA,QAChB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,QACE,OAAO,WAAW,YAAa,SAAS,SAAS,SAAU;AAAA,QAC7D;AAAA,QACA;AAAA,QACA;AAAA,MACD,CAAA;AAAA,IACH;AAAA,IACC,GAAG;AAAA,IAEH;AAAA,EAAA;AACH;;;"}

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

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
-import { PropsWithChildren, HTMLAttributes, FC, DetailedHTMLProps } from 'react';
-declare const containerVariants: (props?: ({
+import { DetailedHTMLProps, FC, HTMLAttributes, PropsWithChildren } from 'react';
+export declare const containerVariants: (props?: ({
     roundedSize?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
     transparency?: "none" | "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
     padding?: "none" | "sm" | "md" | "lg" | "xl" | null | undefined;
@@ -14,5 +14,4 @@ export type ContainerProps = PropsWithChildren<Omit<VariantProps<typeof containe
     border?: boolean;
 };
 export declare const Container: FC<ContainerProps>;
-export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Container/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,EAAE,EACP,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AAGf,QAAA,MAAM,iBAAiB;;;;;;;;;8EAsErB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,iBAAiB,CAC5C,IAAI,CAAC,YAAY,CAAC,OAAO,iBAAiB,CAAC,EAAE,QAAQ,CAAC,CACvD,GACC,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,GAAG;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEJ,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA8BxC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Container/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,EAAE,EACP,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AAGf,eAAO,MAAM,iBAAiB;;;;;;;;;8EAsE5B,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,iBAAiB,CAC5C,IAAI,CAAC,YAAY,CAAC,OAAO,iBAAiB,CAAC,EAAE,QAAQ,CAAC,CACvD,GACC,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,GAAG;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEJ,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA8BxC,CAAC"}

package/dist/components/Container/index.mjs

@@ -15,7 +15,7 @@ const containerVariants = cva("flex text-text flex-col backdrop-blur", {
     },
     transparency: {
       none: "bg-card",
-      sm: "bg-card/90",
+      sm: "bg-card/95",
       md: "bg-card/70",
       lg: "bg-card/40",
       xl: "bg-card/20",
@@ -102,6 +102,7 @@ const Container = ({
   }
 );
 export {
-  Container
+  Container,
+  containerVariants
 };
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/Container/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  type PropsWithChildren,\n  type HTMLAttributes,\n  type FC,\n  type DetailedHTMLProps,\n} from 'react';\nimport { cn } from '../../utils/cn';\n\nconst containerVariants = cva('flex text-text flex-col backdrop-blur', {\n  variants: {\n    roundedSize: {\n      none: 'rounded-none',\n      sm: 'rounded-sm',\n      md: 'rounded-md',\n      lg: 'rounded-lg',\n      xl: 'rounded-xl',\n      '2xl': 'rounded-2xl',\n      '3xl': 'rounded-3xl',\n      full: 'rounded-full',\n    },\n    transparency: {\n      none: 'bg-card',\n      sm: 'bg-card/90',\n      md: 'bg-card/70',\n      lg: 'bg-card/40',\n      xl: 'bg-card/20',\n      full: '',\n    },\n    padding: {\n      none: 'p-0',\n      sm: 'p-1',\n      md: 'p-2',\n      lg: 'p-3',\n      xl: 'p-4',\n    },\n    separator: {\n      without: '',\n      x: 'divide-x divide-dashed divide-text/20',\n      y: 'divide-y divide-dashed divide-text/20',\n      both: 'divide-x divide-y divide-dashed divide-text/20',\n    },\n    border: {\n      none: '',\n      with: 'border-[1.5px]',\n    },\n    borderColor: {\n      primary: 'border-primary',\n      secondary: 'border-secondary',\n      neutral: 'border-neutral',\n      text: 'border-text ',\n      error: 'border-error',\n      warning: 'border-warning',\n      success: 'border-success',\n    },\n    background: {\n      none: 'bg-inherit',\n      hoverable:\n        '!bg-opacity-5 backdrop-blur-0 hover:!bg-opacity-10 hover:backdrop-blur focus:!bg-opacity-10 focus:backdrop-blur aria-selected:!bg-opacity-15 aria-selected:backdrop-blur',\n      with: '',\n    },\n    gap: {\n      none: 'gap-0',\n      sm: 'gap-1',\n      md: 'gap-3',\n      lg: 'gap-5',\n      xl: 'gap-8',\n      '2xl': 'gap-10',\n    },\n  },\n  defaultVariants: {\n    roundedSize: 'md',\n    border: 'none',\n    borderColor: 'text',\n    transparency: 'md',\n    padding: 'none',\n    separator: 'without',\n    gap: 'none',\n  },\n});\n\nexport type ContainerProps = PropsWithChildren<\n  Omit<VariantProps<typeof containerVariants>, 'border'>\n> &\n  DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {\n    border?: boolean;\n  };\n\nexport const Container: FC<ContainerProps> = ({\n  children,\n  roundedSize,\n  padding,\n  transparency,\n  separator,\n  className,\n  border,\n  borderColor,\n  background,\n  ...props\n}) => (\n  <div\n    className={cn(\n      containerVariants({\n        roundedSize,\n        transparency,\n        padding,\n        separator,\n        border:\n          typeof border === 'boolean' ? (border ? 'with' : 'none') : undefined,\n        background,\n        borderColor,\n        className,\n      })\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n"],"names":[],"mappings":";;;AASA,MAAM,oBAAoB,IAAI,yCAAyC;AAAA,EACrE,UAAU;AAAA,IACR,aAAa;AAAA,MACX,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,IACA,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,IACA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,WAAW;AAAA,MACT,SAAS;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,MACH,MAAM;AAAA,IACR;AAAA,IACA,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,MAAM;AAAA,IACR;AAAA,IACA,aAAa;AAAA,MACX,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,MACN,WACE;AAAA,MACF,MAAM;AAAA,IACR;AAAA,IACA,KAAK;AAAA,MACH,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,iBAAiB;AAAA,IACf,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,cAAc;AAAA,IACd,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,EAAA;AAET,CAAC;AASM,MAAM,YAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW;AAAA,MACT,kBAAkB;AAAA,QAChB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,QACE,OAAO,WAAW,YAAa,SAAS,SAAS,SAAU;AAAA,QAC7D;AAAA,QACA;AAAA,QACA;AAAA,MACD,CAAA;AAAA,IACH;AAAA,IACC,GAAG;AAAA,IAEH;AAAA,EAAA;AACH;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/Container/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  type DetailedHTMLProps,\n  type FC,\n  type HTMLAttributes,\n  type PropsWithChildren,\n} from 'react';\nimport { cn } from '../../utils/cn';\n\nexport const containerVariants = cva('flex text-text flex-col backdrop-blur', {\n  variants: {\n    roundedSize: {\n      none: 'rounded-none',\n      sm: 'rounded-sm',\n      md: 'rounded-md',\n      lg: 'rounded-lg',\n      xl: 'rounded-xl',\n      '2xl': 'rounded-2xl',\n      '3xl': 'rounded-3xl',\n      full: 'rounded-full',\n    },\n    transparency: {\n      none: 'bg-card',\n      sm: 'bg-card/95',\n      md: 'bg-card/70',\n      lg: 'bg-card/40',\n      xl: 'bg-card/20',\n      full: '',\n    },\n    padding: {\n      none: 'p-0',\n      sm: 'p-1',\n      md: 'p-2',\n      lg: 'p-3',\n      xl: 'p-4',\n    },\n    separator: {\n      without: '',\n      x: 'divide-x divide-dashed divide-text/20',\n      y: 'divide-y divide-dashed divide-text/20',\n      both: 'divide-x divide-y divide-dashed divide-text/20',\n    },\n    border: {\n      none: '',\n      with: 'border-[1.5px]',\n    },\n    borderColor: {\n      primary: 'border-primary',\n      secondary: 'border-secondary',\n      neutral: 'border-neutral',\n      text: 'border-text ',\n      error: 'border-error',\n      warning: 'border-warning',\n      success: 'border-success',\n    },\n    background: {\n      none: 'bg-inherit',\n      hoverable:\n        '!bg-opacity-5 backdrop-blur-0 hover:!bg-opacity-10 hover:backdrop-blur focus:!bg-opacity-10 focus:backdrop-blur aria-selected:!bg-opacity-15 aria-selected:backdrop-blur',\n      with: '',\n    },\n    gap: {\n      none: 'gap-0',\n      sm: 'gap-1',\n      md: 'gap-3',\n      lg: 'gap-5',\n      xl: 'gap-8',\n      '2xl': 'gap-10',\n    },\n  },\n  defaultVariants: {\n    roundedSize: 'md',\n    border: 'none',\n    borderColor: 'text',\n    transparency: 'md',\n    padding: 'none',\n    separator: 'without',\n    gap: 'none',\n  },\n});\n\nexport type ContainerProps = PropsWithChildren<\n  Omit<VariantProps<typeof containerVariants>, 'border'>\n> &\n  DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {\n    border?: boolean;\n  };\n\nexport const Container: FC<ContainerProps> = ({\n  children,\n  roundedSize,\n  padding,\n  transparency,\n  separator,\n  className,\n  border,\n  borderColor,\n  background,\n  ...props\n}) => (\n  <div\n    className={cn(\n      containerVariants({\n        roundedSize,\n        transparency,\n        padding,\n        separator,\n        border:\n          typeof border === 'boolean' ? (border ? 'with' : 'none') : undefined,\n        background,\n        borderColor,\n        className,\n      })\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n"],"names":[],"mappings":";;;AASa,MAAA,oBAAoB,IAAI,yCAAyC;AAAA,EAC5E,UAAU;AAAA,IACR,aAAa;AAAA,MACX,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,IACA,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,IACA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,WAAW;AAAA,MACT,SAAS;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,MACH,MAAM;AAAA,IACR;AAAA,IACA,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,MAAM;AAAA,IACR;AAAA,IACA,aAAa;AAAA,MACX,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,MACN,WACE;AAAA,MACF,MAAM;AAAA,IACR;AAAA,IACA,KAAK;AAAA,MACH,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,iBAAiB;AAAA,IACf,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,cAAc;AAAA,IACd,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,EAAA;AAET,CAAC;AASM,MAAM,YAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW;AAAA,MACT,kBAAkB;AAAA,QAChB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,QACE,OAAO,WAAW,YAAa,SAAS,SAAS,SAAU;AAAA,QAC7D;AAAA,QACA;AAAA,QACA;AAAA,MACD,CAAA;AAAA,IACH;AAAA,IACC,GAAG;AAAA,IAEH;AAAA,EAAA;AACH;"}

package/dist/components/ContentEditor/ContentEditorTextArea.cjs

@@ -26,12 +26,12 @@ require("../Auth/ChangePasswordForm/changePasswordForm.content.cjs");
 require("../Auth/ChangePasswordForm/useChangePasswordSchema.content.cjs");
 require("../Auth/ResetPasswordForm/resetPasswordContent.content.cjs");
 require("../Auth/ResetPasswordForm/useResetPasswordSchema.content.cjs");
-require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
-require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/editor-react");
 require("@intlayer/config/built");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("../Toaster/Toast.cjs");
 require("deepmerge");
+require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 require("../Modal/Modal.cjs");
 require("../Auth/VerifyEmailForm/index.content.cjs");
 require("../Auth/DefineNewPasswordForm/defineNewPasswordForm.content.cjs");

package/dist/components/ContentEditor/ContentEditorTextArea.mjs

@@ -24,12 +24,12 @@ import "../Auth/ChangePasswordForm/changePasswordForm.content.mjs";
 import "../Auth/ChangePasswordForm/useChangePasswordSchema.content.mjs";
 import "../Auth/ResetPasswordForm/resetPasswordContent.content.mjs";
 import "../Auth/ResetPasswordForm/useResetPasswordSchema.content.mjs";
-import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
-import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/editor-react";
 import "@intlayer/config/built";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "../Toaster/Toast.mjs";
 import "deepmerge";
+import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import "../Modal/Modal.mjs";
 import "../Auth/VerifyEmailForm/index.content.mjs";
 import "../Auth/DefineNewPasswordForm/defineNewPasswordForm.content.mjs";

package/dist/components/{IDE/CopyButton.cjs → CopyButton/index.cjs}

@@ -6,8 +6,8 @@ const lucideReact = require("lucide-react");
 const ReactExports = require("react");
 const reactIntlayer = require("react-intlayer");
 const components_Button_Button = require("../Button/Button.cjs");
-const components_IDE_CopyButton_content = require("./CopyButton.content.cjs");
-const CopyButton = ({ content }) => {
+const components_IDE_CopyButton_content = require("../IDE/CopyButton.content.cjs");
+const CopyButton = ({ content, ...props }) => {
   const [copied, setCopied] = ReactExports.useState(false);
   const { label } = reactIntlayer.useDictionary(components_IDE_CopyButton_content.copyContentContent);
   const handleCopy = async () => {
@@ -31,10 +31,11 @@ const CopyButton = ({ content }) => {
       onClick: handleCopy,
       variant: "hoverable",
       color: "text",
-      label: label.value,
-      size: "icon-sm"
+      size: "icon-sm",
+      ...props,
+      label: props.label ?? label.value
     }
   );
 };
 exports.CopyButton = CopyButton;
-//# sourceMappingURL=CopyButton.cjs.map
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/CopyButton/index.tsx"],"sourcesContent":["'use client';\n\nimport { CopyCheckIcon, CopyIcon } from 'lucide-react';\nimport { useEffect, useState, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Button, ButtonProps } from '../Button';\nimport { copyContentContent } from '../IDE/CopyButton.content';\n\ntype CopyButtonProps = {\n  content: string;\n} & Partial<ButtonProps>;\n\nexport const CopyButton: FC<CopyButtonProps> = ({ content, ...props }) => {\n  const [copied, setCopied] = useState(false);\n  const { label } = useDictionary(copyContentContent);\n\n  const handleCopy = async () => {\n    try {\n      await navigator.clipboard.writeText(content);\n      setCopied(true);\n    } catch (error) {\n      console.error('Failed to copy text: ', error);\n    }\n  };\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setCopied(false);\n    }, 1000);\n    return () => clearTimeout(timer);\n  }, [copied]);\n\n  return (\n    <Button\n      Icon={copied ? CopyCheckIcon : CopyIcon}\n      onClick={handleCopy}\n      variant=\"hoverable\"\n      color=\"text\"\n      size=\"icon-sm\"\n      {...props}\n      label={props.label ?? label.value}\n    />\n  );\n};\n"],"names":["useState","useDictionary","copyContentContent","useEffect","jsx","Button","CopyCheckIcon","CopyIcon"],"mappings":";;;;;;;;;AAYO,MAAM,aAAkC,CAAC,EAAE,SAAS,GAAG,YAAY;AACxE,QAAM,CAAC,QAAQ,SAAS,IAAIA,aAAAA,SAAS,KAAK;AAC1C,QAAM,EAAE,MAAA,IAAUC,cAAA,cAAcC,oDAAkB;AAElD,QAAM,aAAa,YAAY;AACzB,QAAA;AACI,YAAA,UAAU,UAAU,UAAU,OAAO;AAC3C,gBAAU,IAAI;AAAA,aACP,OAAO;AACN,cAAA,MAAM,yBAAyB,KAAK;AAAA,IAAA;AAAA,EAEhD;AAEAC,eAAAA,UAAU,MAAM;AACR,UAAA,QAAQ,WAAW,MAAM;AAC7B,gBAAU,KAAK;AAAA,OACd,GAAI;AACA,WAAA,MAAM,aAAa,KAAK;AAAA,EAAA,GAC9B,CAAC,MAAM,CAAC;AAGT,SAAAC,2BAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACC,MAAM,SAASC,YAAAA,gBAAgBC,YAAA;AAAA,MAC/B,SAAS;AAAA,MACT,SAAQ;AAAA,MACR,OAAM;AAAA,MACN,MAAK;AAAA,MACJ,GAAG;AAAA,MACJ,OAAO,MAAM,SAAS,MAAM;AAAA,IAAA;AAAA,EAC9B;AAEJ;;"}