@intlayer/design-system 7.6.0-canary.1 → 8.0.0-canary.0

package/dist/types/components/Browser/Browser.content.d.ts

@@ -1,10 +1,10 @@
-import * as _intlayer_types332 from "@intlayer/types";
+import * as _intlayer_types412 from "@intlayer/types";
 
 //#region src/components/Browser/Browser.content.d.ts
 declare const browserContent: {
   key: string;
   content: {
-    ariaLabel: _intlayer_types332.TypedNodeModel<_intlayer_types332.NodeType.Translation, {
+    ariaLabel: _intlayer_types412.TypedNodeModel<_intlayer_types412.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -24,7 +24,7 @@ declare const browserContent: {
       vi: string;
       uk: string;
     }, {
-      nodeType: "translation" | _intlayer_types332.NodeType.Translation;
+      nodeType: "translation" | _intlayer_types412.NodeType.Translation;
     } & {
       translation: {
         en: string;
@@ -47,7 +47,7 @@ declare const browserContent: {
         uk: string;
       };
     }>;
-    urlLabel: _intlayer_types332.TypedNodeModel<_intlayer_types332.NodeType.Translation, {
+    urlLabel: _intlayer_types412.TypedNodeModel<_intlayer_types412.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -67,7 +67,7 @@ declare const browserContent: {
       vi: string;
       uk: string;
     }, {
-      nodeType: "translation" | _intlayer_types332.NodeType.Translation;
+      nodeType: "translation" | _intlayer_types412.NodeType.Translation;
     } & {
       translation: {
         en: string;
@@ -91,7 +91,7 @@ declare const browserContent: {
       };
     }>;
     urlPlaceholder: string;
-    errorMessage: _intlayer_types332.TypedNodeModel<_intlayer_types332.NodeType.Translation, {
+    errorMessage: _intlayer_types412.TypedNodeModel<_intlayer_types412.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -111,7 +111,7 @@ declare const browserContent: {
       vi: string;
       uk: string;
     }, {
-      nodeType: "translation" | _intlayer_types332.NodeType.Translation;
+      nodeType: "translation" | _intlayer_types412.NodeType.Translation;
     } & {
       translation: {
         en: string;
@@ -134,7 +134,7 @@ declare const browserContent: {
         uk: string;
       };
     }>;
-    domainRestrictionError: _intlayer_types332.TypedNodeModel<_intlayer_types332.NodeType.Translation, {
+    domainRestrictionError: _intlayer_types412.TypedNodeModel<_intlayer_types412.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -154,7 +154,7 @@ declare const browserContent: {
       vi: string;
       uk: string;
     }, {
-      nodeType: "translation" | _intlayer_types332.NodeType.Translation;
+      nodeType: "translation" | _intlayer_types412.NodeType.Translation;
     } & {
       translation: {
         en: string;
@@ -177,7 +177,7 @@ declare const browserContent: {
         uk: string;
       };
     }>;
-    backButtonLabel: _intlayer_types332.TypedNodeModel<_intlayer_types332.NodeType.Translation, {
+    backButtonLabel: _intlayer_types412.TypedNodeModel<_intlayer_types412.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -197,7 +197,7 @@ declare const browserContent: {
       vi: string;
       uk: string;
     }, {
-      nodeType: "translation" | _intlayer_types332.NodeType.Translation;
+      nodeType: "translation" | _intlayer_types412.NodeType.Translation;
     } & {
       translation: {
         en: string;
@@ -220,7 +220,7 @@ declare const browserContent: {
         uk: string;
       };
     }>;
-    forwardButtonLabel: _intlayer_types332.TypedNodeModel<_intlayer_types332.NodeType.Translation, {
+    forwardButtonLabel: _intlayer_types412.TypedNodeModel<_intlayer_types412.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -240,7 +240,7 @@ declare const browserContent: {
       vi: string;
       uk: string;
     }, {
-      nodeType: "translation" | _intlayer_types332.NodeType.Translation;
+      nodeType: "translation" | _intlayer_types412.NodeType.Translation;
     } & {
       translation: {
         en: string;
@@ -263,7 +263,7 @@ declare const browserContent: {
         uk: string;
       };
     }>;
-    reloadButtonTitle: _intlayer_types332.TypedNodeModel<_intlayer_types332.NodeType.Translation, {
+    reloadButtonTitle: _intlayer_types412.TypedNodeModel<_intlayer_types412.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -283,7 +283,7 @@ declare const browserContent: {
       vi: string;
       uk: string;
     }, {
-      nodeType: "translation" | _intlayer_types332.NodeType.Translation;
+      nodeType: "translation" | _intlayer_types412.NodeType.Translation;
     } & {
       translation: {
         en: string;
@@ -306,7 +306,7 @@ declare const browserContent: {
         uk: string;
       };
     }>;
-    iframeTitle: _intlayer_types332.TypedNodeModel<_intlayer_types332.NodeType.Translation, {
+    iframeTitle: _intlayer_types412.TypedNodeModel<_intlayer_types412.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -326,7 +326,7 @@ declare const browserContent: {
       vi: string;
       uk: string;
     }, {
-      nodeType: "translation" | _intlayer_types332.NodeType.Translation;
+      nodeType: "translation" | _intlayer_types412.NodeType.Translation;
     } & {
       translation: {
         en: string;

package/dist/types/components/Browser/Browser.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, HTMLAttributes, RefObject } from "react";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/Browser/Browser.d.ts
 type BrowserProps = {
@@ -24,7 +24,7 @@ declare const Browser: ({
   ref,
   domainRestriction,
   ...props
-}: BrowserProps) => react_jsx_runtime11.JSX.Element;
+}: BrowserProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Browser, BrowserProps };
 //# sourceMappingURL=Browser.d.ts.map

package/dist/types/components/Browser/Browser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Browser.d.ts","names":[],"sources":["../../../../src/components/Browser/Browser.tsx"],"sourcesContent":[],"mappings":";;;;KAkBY,YAAA;;;EAAA,SAAA,CAAA,EAAA,MAAY;EAId,KAAA,CAAA,EAAA,aAAA;EAIQ,IAAA,CAAA,EAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA;EAAV,YAAA,CAAA,EAAA,MAAA;EAEW,OAAA,CAAA,EAAA,MAAA;EAAf,GAAA,CAAA,EAFI,SAEJ,CAFc,iBAEd,GAAA,IAAA,CAAA;EAAc,iBAAA,CAAA,EAAA,MAAA;AAElB,CAAA,GAFI,cAqVH,CArVkB,iBAqVlB,CAAA;AAnVuB,cAAX,OAAW,EAAA,CAAA;EAAA,UAAA;EAAA,IAAA;EAAA,SAAA;EAAA,KAAA;EAAA,IAAA;EAAA,YAAA,EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;EAAA,iBAAA;EAAA,GAAA;AAAA,CAAA,EAWrB,YAXqB,EAAA,GAWT,mBAAA,CAAA,GAAA,CAAA,OAXS"}
+{"version":3,"file":"Browser.d.ts","names":[],"sources":["../../../../src/components/Browser/Browser.tsx"],"sourcesContent":[],"mappings":";;;;KAkBY,YAAA;;;EAAA,SAAA,CAAA,EAAA,MAAY;EAId,KAAA,CAAA,EAAA,aAAA;EAIQ,IAAA,CAAA,EAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA;EAAV,YAAA,CAAA,EAAA,MAAA;EAEW,OAAA,CAAA,EAAA,MAAA;EAAf,GAAA,CAAA,EAFI,SAEJ,CAFc,iBAEd,GAAA,IAAA,CAAA;EAAc,iBAAA,CAAA,EAAA,MAAA;AAElB,CAAA,GAFI,cAqVH,CArVkB,iBAqVlB,CAAA;AAnVuB,cAAX,OAAW,EAAA,CAAA;EAAA,UAAA;EAAA,IAAA;EAAA,SAAA;EAAA,KAAA;EAAA,IAAA;EAAA,YAAA,EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;EAAA,iBAAA;EAAA,GAAA;AAAA,CAAA,EAWrB,YAXqB,EAAA,GAWT,kBAAA,CAAA,GAAA,CAAA,OAXS"}

package/dist/types/components/Button/Button.d.ts

@@ -1,5 +1,5 @@
 import { ButtonHTMLAttributes, DetailedHTMLProps, FC } from "react";
-import * as class_variance_authority_types3 from "class-variance-authority/types";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 import { LucideIcon } from "lucide-react";
 
@@ -60,13 +60,13 @@ declare enum ButtonTextAlign {
  * Enhanced button variants with improved accessibility and focus states
  */
 declare const buttonVariants: (props?: {
-  size?: "lg" | "md" | "sm" | "xl" | "icon-sm" | "icon-md" | "icon-lg" | "icon-xl";
-  color?: "text" | "error" | "custom" | "success" | "primary" | "secondary" | "destructive" | "neutral" | "card" | "light" | "dark" | "current" | "text-inverse";
-  roundedSize?: "none" | "lg" | "md" | "sm" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full";
-  variant?: "input" | "none" | "default" | "outline" | "link" | "invisible-link" | "hoverable" | "fade";
-  textAlign?: "left" | "right" | "center";
+  size?: "sm" | "md" | "lg" | "xl" | "icon-sm" | "icon-md" | "icon-lg" | "icon-xl";
+  color?: "primary" | "secondary" | "destructive" | "neutral" | "card" | "light" | "dark" | "text" | "current" | "text-inverse" | "error" | "success" | "custom";
+  roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "4xl" | "5xl" | "full";
+  variant?: "default" | "none" | "outline" | "link" | "invisible-link" | "hoverable" | "fade" | "input";
+  textAlign?: "left" | "center" | "right";
   isFullWidth?: boolean;
-} & class_variance_authority_types3.ClassProp) => string;
+} & class_variance_authority_types0.ClassProp) => string;
 /**
  * Enhanced Button component props with comprehensive type safety and accessibility features
  */

package/dist/types/components/CollapsibleTable/CollapsibleTable.d.ts

@@ -1,13 +1,13 @@
 import { FC, HTMLAttributes, ReactNode } from "react";
-import * as class_variance_authority_types4 from "class-variance-authority/types";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region src/components/CollapsibleTable/CollapsibleTable.d.ts
 declare const collapsibleTableVariants: (props?: {
   size?: "sm" | "md" | "lg" | "xl" | "full";
   variant?: "default" | "dark" | "ghost" | "outlined";
-  spacing?: "none" | "sm" | "md" | "lg" | "auto";
-} & class_variance_authority_types4.ClassProp) => string;
+  spacing?: "sm" | "md" | "lg" | "none" | "auto";
+} & class_variance_authority_types0.ClassProp) => string;
 interface CollapsibleTableProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>, VariantProps<typeof collapsibleTableVariants> {
   /** Table title displayed in the header */
   title: string;

package/dist/types/components/CollapsibleTable/CollapsibleTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleTable.d.ts","names":[],"sources":["../../../../src/components/CollapsibleTable/CollapsibleTable.tsx"],"sourcesContent":[],"mappings":";;;;;cASM,gCA8EJ;;;EA9EI,OAAA,CAAA,EAAA,MAAA,GAAA,IAAA,GAAA,IA+BL,GAAA,IAAA,GAAA,MAAA;AA8CD,CAAA,GA9CC,+BAAA,CAAA,SA+CC,EAAA,GAAA,MAAA;AAA4B,UADb,qBAAA,SACP,IAAoB,CAAf,cAAe,CAAA,cAAA,CAAA,EAAA,OAAA,CAAA,EAC1B,YAD0B,CAAA,OACN,wBADM,CAAA,CAAA;EAAf;EACS,KAAA,EAAA,MAAA;EAIhB;EAsBO,IAAA,EAtBP,MAsBO,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA;EAUW;EAA4B,SAAA,CAAA,EAAA,MAAA;EAFlC;EAnCV,eAAA,CAAA,EAAA,MAAA;EACN;EAAY,gBAAA,CAAA,EAAA,MAAA;EAoIH;;;;;;;;;;;;;;;eA1GE;;;;;;;;oBAQK,qCAEM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAgGzC,kBAAkB,GAAG"}
+{"version":3,"file":"CollapsibleTable.d.ts","names":[],"sources":["../../../../src/components/CollapsibleTable/CollapsibleTable.tsx"],"sourcesContent":[],"mappings":";;;;;cASM,gCA8EJ;;;EA9EI,OAAA,CAAA,EAAA,IAAA,GAAA,IAAA,GAAA,IA+BL,GAAA,MAAA,GAAA,MAAA;AA8CD,CAAA,GA9CC,+BAAA,CAAA,SA+CC,EAAA,GAAA,MAAA;AAA4B,UADb,qBAAA,SACP,IAAoB,CAAf,cAAe,CAAA,cAAA,CAAA,EAAA,OAAA,CAAA,EAC1B,YAD0B,CAAA,OACN,wBADM,CAAA,CAAA;EAAf;EACS,KAAA,EAAA,MAAA;EAIhB;EAsBO,IAAA,EAtBP,MAsBO,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA;EAUW;EAA4B,SAAA,CAAA,EAAA,MAAA;EAFlC;EAnCV,eAAA,CAAA,EAAA,MAAA;EACN;EAAY,gBAAA,CAAA,EAAA,MAAA;EAoIH;;;;;;;;;;;;;;;eA1GE;;;;;;;;oBAQK,qCAEM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAgGzC,kBAAkB,GAAG"}

package/dist/types/components/Command/index.d.ts

@@ -1,6 +1,6 @@
-import * as react6 from "react";
+import * as react0 from "react";
 import { ComponentProps, FC, HTMLAttributes } from "react";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { DialogProps } from "@radix-ui/react-dialog";
 import { Command as Command$1 } from "cmdk";
 
@@ -25,33 +25,33 @@ declare const CommandRoot: FC<ComponentProps<typeof Command$1>>;
  */
 declare const Command: {
   Dialog: FC<DialogProps>;
-  Input: FC<Omit<Pick<Pick<react6.DetailedHTMLProps<react6.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof react6.InputHTMLAttributes<HTMLInputElement>> & {
+  Input: FC<Omit<Pick<Pick<react0.DetailedHTMLProps<react0.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof react0.InputHTMLAttributes<HTMLInputElement>> & {
     ref?: React.Ref<HTMLInputElement>;
   } & {
     asChild?: boolean;
-  }, "key" | "asChild" | keyof react6.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
+  }, "key" | keyof react0.InputHTMLAttributes<HTMLInputElement> | "asChild">, "onChange" | "type" | "value"> & {
     value?: string;
     onValueChange?: (search: string) => void;
-  } & react6.RefAttributes<HTMLInputElement>>;
+  } & react0.RefAttributes<HTMLInputElement>>;
   List: FC<{
     children?: React.ReactNode;
-  } & Pick<Pick<react6.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
+  } & Pick<Pick<react0.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
   } & {
     asChild?: boolean;
   }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
-  } & react6.RefAttributes<HTMLDivElement>>;
+  } & react0.RefAttributes<HTMLDivElement>>;
   Empty: FC<{
     children?: React.ReactNode;
-  } & Pick<Pick<react6.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
+  } & Pick<Pick<react0.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
   } & {
     asChild?: boolean;
-  }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & react6.RefAttributes<HTMLDivElement>>;
+  }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & react0.RefAttributes<HTMLDivElement>>;
   Group: FC<{
     children?: React.ReactNode;
-  } & Omit<Pick<Pick<react6.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
+  } & Omit<Pick<Pick<react0.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
   } & {
     asChild?: boolean;
@@ -59,17 +59,17 @@ declare const Command: {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
-  } & react6.RefAttributes<HTMLDivElement>>;
-  Separator: FC<Pick<Pick<react6.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
+  } & react0.RefAttributes<HTMLDivElement>>;
+  Separator: FC<Pick<Pick<react0.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
   } & {
     asChild?: boolean;
   }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & {
     alwaysRender?: boolean;
-  } & react6.RefAttributes<HTMLDivElement>>;
+  } & react0.RefAttributes<HTMLDivElement>>;
   Item: FC<{
     children?: React.ReactNode;
-  } & Omit<Pick<Pick<react6.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
+  } & Omit<Pick<Pick<react0.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
   } & {
     asChild?: boolean;
@@ -79,11 +79,11 @@ declare const Command: {
     value?: string;
     keywords?: string[];
     forceMount?: boolean;
-  } & react6.RefAttributes<HTMLDivElement>>;
+  } & react0.RefAttributes<HTMLDivElement>>;
   Shortcut: ({
     className,
     ...props
-  }: HTMLAttributes<HTMLSpanElement>) => react_jsx_runtime12.JSX.Element;
+  }: HTMLAttributes<HTMLSpanElement>) => react_jsx_runtime0.JSX.Element;
   propTypes?: any;
   displayName?: string | undefined;
 };

package/dist/types/components/Command/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/Command/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAaa,aAAa,GAAG,sBAAsB;;;;AAAnD;;;;;AAuHA;;;;;;;;;cAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA7BV,eAAe,qBAAgB,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/Command/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAaa,aAAa,GAAG,sBAAsB;;;;AAAnD;;;;;AAuHA;;;;;;;;;cAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA7BV,eAAe,qBAAgB,kBAAA,CAAA,GAAA,CAAA"}

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

@@ -1,5 +1,5 @@
 import { DetailedHTMLProps, FC, HTMLAttributes, PropsWithChildren } from "react";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
+import * as class_variance_authority_types1 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region src/components/Container/index.d.ts
@@ -9,15 +9,15 @@ import { VariantProps } from "class-variance-authority";
  * Provides flexible styling options for background, padding, borders, and layout
  */
 declare const containerVariants: (props?: {
-  roundedSize?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "full";
-  transparency?: "none" | "sm" | "md" | "lg" | "xl" | "full" | "xs";
-  padding?: "none" | "sm" | "md" | "lg" | "xl" | "2xl";
-  separator?: "both" | "without" | "x" | "y";
-  border?: "with" | "none";
-  borderColor?: "error" | "primary" | "secondary" | "neutral" | "card" | "text" | "warning" | "success";
-  background?: "with" | "none" | "hoverable";
-  gap?: "none" | "sm" | "md" | "lg" | "xl" | "2xl";
-} & class_variance_authority_types0.ClassProp) => string;
+  roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "4xl" | "full";
+  transparency?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full";
+  padding?: "sm" | "md" | "lg" | "xl" | "2xl" | "none";
+  separator?: "without" | "x" | "y" | "both";
+  border?: "none" | "with";
+  borderColor?: "primary" | "secondary" | "neutral" | "card" | "text" | "error" | "success" | "warning";
+  background?: "none" | "hoverable" | "with";
+  gap?: "sm" | "md" | "lg" | "xl" | "2xl" | "none";
+} & class_variance_authority_types1.ClassProp) => string;
 /** Available rounded corner sizes for the container */
 declare enum ContainerRoundedSize {
   NONE = "none",

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/Container/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAaA;AAsFY,cAtFC,iBAsFmB,EAAA,CAAA,KAuEzB,CAvEyB,EAAA;EAcpB,WAAA,CAAA,EAAA,MAAA,GAAA,IAAqB,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,KAAA,GAAA,KAAA,GAAA,KAAA,GAAA,MAAA;EAUrB,YAAA,CAAA,EAAA,MAAgB,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,MAAA,GAAA,IAAA;EAShB,OAAA,CAAA,EAAA,MAAA,GAAA,IAAkB,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,KAAA;EAQlB,SAAA,CAAA,EAAA,MAAA,GAAA,SAAoB,GAAA,GAAA,GAAA,GAAA;EAYpB,MAAA,CAAA,EAAA,MAAA,GAAA,MAAmB;EAOnB,WAAA,CAAA,EAAA,OAAY,GAAA,SAAA,GAAA,WAAA,GAAA,SAAA,GAAA,MAAA,GAAA,MAAA,GAAA,SAAA,GAAA,SAAA;EAUZ,UAAA,CAAA,EAAA,MAAc,GAAA,MAAA,GAAA,WAAA;EACC,GAAA,CAAA,EAAA,MAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,KAAA;CAApB,GA1EL,+BAAA,CAAA,SA0EK,EAAA,GAAA,MAAA;;AADsB,aAtEjB,oBAAA;EAyEuB,IAAA,GAAA,MAAA;EAAf,EAAA,GAAA,IAAA;EAAgC,EAAA,GAAA,IAAA;EAAlD,EAAA,GAAA,IAAA;EAAiB,EAAA,GAAA,IAAA;EAkCN,KAAA,GAAA,KAgCZ;;;;;;;aA7HW,qBAAA;;;;;;;;;aAUA,gBAAA;;;;;;;;aASA,kBAAA;;;;;;;aAQA,oBAAA;;;;;;;;;;;aAYA,mBAAA;;;;;;aAOA,YAAA;;;;;;;;;KAUA,cAAA,GAAiB,kBAC3B,KAAK,oBAAoB,iCAEzB,kBAAkB,eAAe,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAkCvC,WAAW,GAAG"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/Container/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAaA;AAsFY,cAtFC,iBAsFmB,EAAA,CAAA,KAuEzB,CAvEyB,EAAA;EAcpB,WAAA,CAAA,EAAA,IAAA,GAAA,IAAqB,GAAA,IAAA,GAAA,IAAA,GAAA,KAAA,GAAA,MAAA,GAAA,KAAA,GAAA,KAAA,GAAA,MAAA;EAUrB,YAAA,CAAA,EAAA,IAAgB,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,MAAA,GAAA,MAAA;EAShB,OAAA,CAAA,EAAA,IAAA,GAAA,IAAkB,GAAA,IAAA,GAAA,IAAA,GAAA,KAAA,GAAA,MAAA;EAQlB,SAAA,CAAA,EAAA,SAAA,GAAoB,GAAA,GAAA,GAAA,GAAA,MAAA;EAYpB,MAAA,CAAA,EAAA,MAAA,GAAA,MAAmB;EAOnB,WAAA,CAAA,EAAA,SAAY,GAAA,WAAA,GAAA,SAAA,GAAA,MAAA,GAAA,MAAA,GAAA,OAAA,GAAA,SAAA,GAAA,SAAA;EAUZ,UAAA,CAAA,EAAA,MAAc,GAAA,WAAA,GAAA,MAAA;EACC,GAAA,CAAA,EAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,KAAA,GAAA,MAAA;CAApB,GA1EL,+BAAA,CAAA,SA0EK,EAAA,GAAA,MAAA;;AADsB,aAtEjB,oBAAA;EAyEuB,IAAA,GAAA,MAAA;EAAf,EAAA,GAAA,IAAA;EAAgC,EAAA,GAAA,IAAA;EAAlD,EAAA,GAAA,IAAA;EAAiB,EAAA,GAAA,IAAA;EAkCN,KAAA,GAAA,KAgCZ;;;;;;;aA7HW,qBAAA;;;;;;;;;aAUA,gBAAA;;;;;;;;aASA,kBAAA;;;;;;;aAQA,oBAAA;;;;;;;;;;;aAYA,mBAAA;;;;;;aAOA,YAAA;;;;;;;;;KAUA,cAAA,GAAiB,kBAC3B,KAAK,oBAAoB,iCAEzB,kBAAkB,eAAe,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAkCvC,WAAW,GAAG"}

package/dist/types/components/CopyButton/CopyButton.content.d.ts

@@ -1,10 +1,10 @@
-import * as _intlayer_types356 from "@intlayer/types";
+import * as _intlayer_types8 from "@intlayer/types";
 
 //#region src/components/CopyButton/CopyButton.content.d.ts
 declare const copyContentContent: {
   key: string;
   content: {
-    label: _intlayer_types356.TypedNodeModel<_intlayer_types356.NodeType.Translation, {
+    label: _intlayer_types8.TypedNodeModel<_intlayer_types8.NodeType.Translation, {
       en: string;
       fr: string;
       es: string;
@@ -24,7 +24,7 @@ declare const copyContentContent: {
       vi: string;
       uk: string;
     }, {
-      nodeType: "translation" | _intlayer_types356.NodeType.Translation;
+      nodeType: "translation" | _intlayer_types8.NodeType.Translation;
     } & {
       translation: {
         en: string;

package/dist/types/components/CopyButton/CopyButton.content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.content.d.ts","names":[],"sources":["../../../../src/components/CopyButton/CopyButton.content.ts"],"sourcesContent":[],"mappings":";;;cAEa;;;IAAA,KAAA,mCA4BS,0CAAA"}
+{"version":3,"file":"CopyButton.content.d.ts","names":[],"sources":["../../../../src/components/CopyButton/CopyButton.content.ts"],"sourcesContent":[],"mappings":";;;cAEa;;;IAAA,KAAA,iCA4BS,wCAAA"}

package/dist/types/components/CopyToClipboard/index.d.ts

@@ -50,6 +50,16 @@ interface CopyToClipboardProps extends PropsWithChildren {
    * @default true
    */
   preventDefault?: boolean;
+  /**
+   * Stop the propagation of the event when clicked
+   * @default true
+   */
+  stopPropagation?: boolean;
+  /**
+   * The size of the icon in pixels
+   * @default 16
+   */
+  size?: number;
 }
 declare const useCopyToClipboard: (text?: string, feedbackDuration?: number, onCopySuccess?: () => void, onCopyError?: (error: Error) => void) => {
   isCopied: boolean;
@@ -65,17 +75,18 @@ declare const useCopyToClipboard: (text?: string, feedbackDuration?: number, onC
  * ```tsx
  * // Basic usage
  * <CopyToClipboard text="Hello World">
- *   <span>Click to copy</span>
+ * <span>Click to copy</span>
  * </CopyToClipboard>
  *
- * // With custom styling and callbacks
+ * // With custom styling, callbacks, and icon size
  * <CopyToClipboard
- *   text="npm install @intlayer/design-system"
- *   className="bg-gray-100 p-2"
- *   feedbackDuration={3000}
- *   onCopySuccess={() => console.log('Copied!')}
+ * text="npm install @intlayer/design-system"
+ * className="bg-gray-100 p-2"
+ * feedbackDuration={3000}
+ * size={20}
+ * onCopySuccess={() => console.log('Copied!')}
  * >
- *   <code>npm install @intlayer/design-system</code>
+ * <code>npm install @intlayer/design-system</code>
  * </CopyToClipboard>
  * ```
  *

package/dist/types/components/CopyToClipboard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/CopyToClipboard/index.tsx"],"sourcesContent":[],"mappings":";;;;;;AAeA;AAuDa,UAvDI,oBAAA,SAA6B,iBA2DtB,CAAA;EA2DX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA9EW;;;;;;;;;;;;cAeX,iHAIW;;cAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA2DX,iBAAiB,GAAG"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/CopyToClipboard/index.tsx"],"sourcesContent":[],"mappings":";;;;;;AAeA;AAmEa,UAnEI,oBAAA,SAA6B,iBAuEtB,CAAA;EA4DX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA3FW;;;;;;;;;;;;;;;;;;;;;;cA2BX,iHAIW;;cAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA4DX,iBAAiB,GAAG"}

package/dist/types/components/DictionaryFieldEditor/DictionaryCreationForm/dictionaryCreationForm.content.d.ts

@@ -1,11 +1,11 @@
-import * as _intlayer_types59 from "@intlayer/types";
+import * as _intlayer_types112 from "@intlayer/types";
 
 //#region src/components/DictionaryFieldEditor/DictionaryCreationForm/dictionaryCreationForm.content.d.ts
 declare const dictionaryFormContent: {
   key: string;
   content: {
     keyInput: {
-      label: _intlayer_types59.TypedNodeModel<_intlayer_types59.NodeType.Translation, {
+      label: _intlayer_types112.TypedNodeModel<_intlayer_types112.NodeType.Translation, {
         en: string;
         'en-GB': string;
         fr: string;
@@ -25,7 +25,7 @@ declare const dictionaryFormContent: {
         vi: string;
         uk: string;
       }, {
-        nodeType: "translation" | _intlayer_types59.NodeType.Translation;
+        nodeType: "translation" | _intlayer_types112.NodeType.Translation;
       } & {
         translation: {
           en: string;
@@ -48,7 +48,7 @@ declare const dictionaryFormContent: {
           uk: string;
         };
       }>;
-      placeholder: _intlayer_types59.TypedNodeModel<_intlayer_types59.NodeType.Translation, {
+      placeholder: _intlayer_types112.TypedNodeModel<_intlayer_types112.NodeType.Translation, {
         en: string;
         'en-GB': string;
         fr: string;
@@ -68,7 +68,7 @@ declare const dictionaryFormContent: {
         vi: string;
         uk: string;
       }, {
-        nodeType: "translation" | _intlayer_types59.NodeType.Translation;
+        nodeType: "translation" | _intlayer_types112.NodeType.Translation;
       } & {
         translation: {
           en: string;
@@ -93,7 +93,7 @@ declare const dictionaryFormContent: {
       }>;
     };
     projectInput: {
-      label: _intlayer_types59.TypedNodeModel<_intlayer_types59.NodeType.Translation, {
+      label: _intlayer_types112.TypedNodeModel<_intlayer_types112.NodeType.Translation, {
         en: string;
         'en-GB': string;
         fr: string;
@@ -113,7 +113,7 @@ declare const dictionaryFormContent: {
         vi: string;
         uk: string;
       }, {
-        nodeType: "translation" | _intlayer_types59.NodeType.Translation;
+        nodeType: "translation" | _intlayer_types112.NodeType.Translation;
       } & {
         translation: {
           en: string;
@@ -136,7 +136,7 @@ declare const dictionaryFormContent: {
           uk: string;
         };
       }>;
-      placeholder: _intlayer_types59.TypedNodeModel<_intlayer_types59.NodeType.Translation, {
+      placeholder: _intlayer_types112.TypedNodeModel<_intlayer_types112.NodeType.Translation, {
         en: string;
         'en-GB': string;
         fr: string;
@@ -156,7 +156,7 @@ declare const dictionaryFormContent: {
         vi: string;
         uk: string;
       }, {
-        nodeType: "translation" | _intlayer_types59.NodeType.Translation;
+        nodeType: "translation" | _intlayer_types112.NodeType.Translation;
       } & {
         translation: {
           en: string;
@@ -181,7 +181,7 @@ declare const dictionaryFormContent: {
       }>;
     };
     noDictionaryView: {
-      title: _intlayer_types59.TypedNodeModel<_intlayer_types59.NodeType.Translation, {
+      title: _intlayer_types112.TypedNodeModel<_intlayer_types112.NodeType.Translation, {
         en: string;
         'en-GB': string;
         fr: string;
@@ -201,7 +201,7 @@ declare const dictionaryFormContent: {
         vi: string;
         uk: string;
       }, {
-        nodeType: "translation" | _intlayer_types59.NodeType.Translation;
+        nodeType: "translation" | _intlayer_types112.NodeType.Translation;
       } & {
         translation: {
           en: string;
@@ -224,7 +224,7 @@ declare const dictionaryFormContent: {
           uk: string;
         };
       }>;
-      description: _intlayer_types59.TypedNodeModel<_intlayer_types59.NodeType.Translation, {
+      description: _intlayer_types112.TypedNodeModel<_intlayer_types112.NodeType.Translation, {
         en: string;
         'en-GB': string;
         fr: string;
@@ -244,7 +244,7 @@ declare const dictionaryFormContent: {
         vi: string;
         uk: string;
       }, {
-        nodeType: "translation" | _intlayer_types59.NodeType.Translation;
+        nodeType: "translation" | _intlayer_types112.NodeType.Translation;
       } & {
         translation: {
           en: string;
@@ -268,7 +268,7 @@ declare const dictionaryFormContent: {
         };
       }>;
     };
-    createDictionaryTitle: _intlayer_types59.TypedNodeModel<_intlayer_types59.NodeType.Translation, {
+    createDictionaryTitle: _intlayer_types112.TypedNodeModel<_intlayer_types112.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -288,7 +288,7 @@ declare const dictionaryFormContent: {
       vi: string;
       uk: string;
     }, {
-      nodeType: "translation" | _intlayer_types59.NodeType.Translation;
+      nodeType: "translation" | _intlayer_types112.NodeType.Translation;
     } & {
       translation: {
         en: string;
@@ -311,7 +311,7 @@ declare const dictionaryFormContent: {
         uk: string;
       };
     }>;
-    createDictionaryDescription: _intlayer_types59.TypedNodeModel<_intlayer_types59.NodeType.Translation, {
+    createDictionaryDescription: _intlayer_types112.TypedNodeModel<_intlayer_types112.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -331,7 +331,7 @@ declare const dictionaryFormContent: {
       vi: string;
       uk: string;
     }, {
-      nodeType: "translation" | _intlayer_types59.NodeType.Translation;
+      nodeType: "translation" | _intlayer_types112.NodeType.Translation;
     } & {
       translation: {
         en: string;
@@ -355,7 +355,7 @@ declare const dictionaryFormContent: {
       };
     }>;
     createDictionaryButton: {
-      text: _intlayer_types59.TypedNodeModel<_intlayer_types59.NodeType.Translation, {
+      text: _intlayer_types112.TypedNodeModel<_intlayer_types112.NodeType.Translation, {
         en: string;
         'en-GB': string;
         fr: string;
@@ -375,7 +375,7 @@ declare const dictionaryFormContent: {
         vi: string;
         uk: string;
       }, {
-        nodeType: "translation" | _intlayer_types59.NodeType.Translation;
+        nodeType: "translation" | _intlayer_types112.NodeType.Translation;
       } & {
         translation: {
           en: string;
@@ -398,7 +398,7 @@ declare const dictionaryFormContent: {
           uk: string;
         };
       }>;
-      ariaLabel: _intlayer_types59.TypedNodeModel<_intlayer_types59.NodeType.Translation, {
+      ariaLabel: _intlayer_types112.TypedNodeModel<_intlayer_types112.NodeType.Translation, {
         en: string;
         'en-GB': string;
         fr: string;
@@ -418,7 +418,7 @@ declare const dictionaryFormContent: {
         vi: string;
         uk: string;
       }, {
-        nodeType: "translation" | _intlayer_types59.NodeType.Translation;
+        nodeType: "translation" | _intlayer_types112.NodeType.Translation;
       } & {
         translation: {
           en: string;
@@ -443,7 +443,7 @@ declare const dictionaryFormContent: {
       }>;
     };
     editButton: {
-      text: _intlayer_types59.TypedNodeModel<_intlayer_types59.NodeType.Translation, {
+      text: _intlayer_types112.TypedNodeModel<_intlayer_types112.NodeType.Translation, {
         en: string;
         'en-GB': string;
         fr: string;
@@ -463,7 +463,7 @@ declare const dictionaryFormContent: {
         vi: string;
         uk: string;
       }, {
-        nodeType: "translation" | _intlayer_types59.NodeType.Translation;
+        nodeType: "translation" | _intlayer_types112.NodeType.Translation;
       } & {
         translation: {
           en: string;
@@ -486,7 +486,7 @@ declare const dictionaryFormContent: {
           uk: string;
         };
       }>;
-      ariaLabel: _intlayer_types59.TypedNodeModel<_intlayer_types59.NodeType.Translation, {
+      ariaLabel: _intlayer_types112.TypedNodeModel<_intlayer_types112.NodeType.Translation, {
         en: string;
         'en-GB': string;
         fr: string;
@@ -506,7 +506,7 @@ declare const dictionaryFormContent: {
         vi: string;
         uk: string;
       }, {
-        nodeType: "translation" | _intlayer_types59.NodeType.Translation;
+        nodeType: "translation" | _intlayer_types112.NodeType.Translation;
       } & {
         translation: {
           en: string;