@intlayer/design-system 8.11.3 → 8.12.0-canary.0

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

@@ -23,12 +23,12 @@ import { VariantProps } from "class-variance-authority";
  * <Tag>Default Tag</Tag>
  *
  * // Success tag with border
- * <Tag color={TagColor.SUCCESS} border={TagBorder.WITH}>
+ * <Tag color="success" border="with">
  *   Success Status
  * </Tag>
  *
  * // Large warning tag
- * <Tag color={TagColor.WARNING} size={TagSize.LG}>
+ * <Tag color="warning" size="lg">
  *   Important Warning
  * </Tag>
  * ```
@@ -52,25 +52,16 @@ type TagProps = PropsWithChildren<VariantProps<typeof containerVariants>> & HTML
  * @example
  * ```tsx
  * // Sharp corners
- * <Tag roundedSize={TagRoundedSize.NONE}>Sharp Tag</Tag>
+ * <Tag roundedSize="none">Sharp Tag</Tag>
  *
  * // Pill-shaped tag
- * <Tag roundedSize={TagRoundedSize.FULL}>Pill Tag</Tag>
+ * <Tag roundedSize="full">Pill Tag</Tag>
  *
  * // Medium rounded corners
- * <Tag roundedSize={TagRoundedSize.MD}>Rounded Tag</Tag>
+ * <Tag roundedSize="md">Rounded Tag</Tag>
  * ```
  */
-declare enum TagRoundedSize {
-  NONE = "none",
-  SM = "sm",
-  MD = "md",
-  LG = "lg",
-  XL = "xl",
-  XXL = "2xl",
-  XXXL = "3xl",
-  FULL = "full"
-}
+type TagRoundedSize = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';
 /**
  * Enumeration for tag color themes
  *
@@ -87,34 +78,16 @@ declare enum TagRoundedSize {
  * @example
  * ```tsx
  * // Status indicators
- * <Tag color={TagColor.SUCCESS}>Completed</Tag>
- * <Tag color={TagColor.ERROR}>Failed</Tag>
- * <Tag color={TagColor.WARNING}>Pending</Tag>
+ * <Tag color="success">Completed</Tag>
+ * <Tag color="error">Failed</Tag>
+ * <Tag color="warning">Pending</Tag>
  *
  * // Category tags
- * <Tag color={TagColor.NEUTRAL}>Category</Tag>
- * <Tag color={TagColor.TEXT}>General</Tag>
+ * <Tag color="neutral">Category</Tag>
+ * <Tag color="text">General</Tag>
  * ```
  */
-declare enum TagColor {
-  PRIMARY = "primary",
-  SUCCESS = "success",
-  ERROR = "error",
-  WARNING = "warning",
-  NEUTRAL = "neutral",
-  TEXT = "text",
-  BLUE = "blue",
-  YELLOW = "yellow",
-  GREEN = "green",
-  RED = "red",
-  ORANGE = "orange",
-  PURPLE = "purple",
-  PINK = "pink",
-  BROWN = "brown",
-  GRAY = "gray",
-  BLACK = "black",
-  WHITE = "white"
-}
+type TagColor = 'primary' | 'success' | 'error' | 'warning' | 'neutral' | 'text' | 'blue' | 'yellow' | 'green' | 'red' | 'orange' | 'purple' | 'pink' | 'brown' | 'gray' | 'black' | 'white';
 /**
  * Enumeration for tag size variants
  *
@@ -131,20 +104,14 @@ declare enum TagColor {
  * @example
  * ```tsx
  * // Different sizes for hierarchy
- * <Tag size={TagSize.XS}>Small detail</Tag>
- * <Tag size={TagSize.SM}>Minor category</Tag>
- * <Tag size={TagSize.MD}>Standard tag</Tag>
- * <Tag size={TagSize.LG}>Important label</Tag>
- * <Tag size={TagSize.XL}>Hero tag</Tag>
+ * <Tag size="xs">Small detail</Tag>
+ * <Tag size="sm">Minor category</Tag>
+ * <Tag size="md">Standard tag</Tag>
+ * <Tag size="lg">Important label</Tag>
+ * <Tag size="xl">Hero tag</Tag>
  * ```
  */
-declare enum TagSize {
-  XS = "xs",
-  SM = "sm",
-  MD = "md",
-  LG = "lg",
-  XL = "xl"
-}
+type TagSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 /**
  * Enumeration for tag border visibility
  *
@@ -156,14 +123,11 @@ declare enum TagSize {
  *
  * @example
  * ```tsx
- * <Tag border={TagBorder.NONE}>Borderless</Tag>
- * <Tag border={TagBorder.WITH}>With Border</Tag>
+ * <Tag border="none">Borderless</Tag>
+ * <Tag border="with">With Border</Tag>
  * ```
  */
-declare enum TagBorder {
-  NONE = "none",
-  WITH = "with"
-}
+type TagBorder = 'none' | 'with';
 /**
  * Enumeration for tag background visibility
  *
@@ -175,20 +139,17 @@ declare enum TagBorder {
  *
  * @example
  * ```tsx
- * <Tag background={TagBackground.NONE}>No Background</Tag>
- * <Tag background={TagBackground.WITH}>With Background</Tag>
+ * <Tag background="none">No Background</Tag>
+ * <Tag background="with">With Background</Tag>
  * ```
  */
-declare enum TagBackground {
-  NONE = "none",
-  WITH = "with"
-}
+type TagBackground = 'none' | 'with';
 declare const containerVariants: (props?: {
-  roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "full";
-  color?: "error" | "text" | "primary" | "neutral" | "success" | "warning" | "blue" | "yellow" | "green" | "red" | "orange" | "purple" | "pink" | "brown" | "gray" | "black" | "white";
+  roundedSize?: "sm" | "md" | "lg" | "xl" | "none" | "full" | "xxl" | "xxxl";
+  color?: "error" | "success" | "text" | "primary" | "neutral" | "warning" | "blue" | "yellow" | "green" | "red" | "orange" | "purple" | "pink" | "brown" | "gray" | "black" | "white";
   size?: "xs" | "sm" | "md" | "lg" | "xl";
-  border?: "none" | "with";
-  background?: "none" | "with";
+  border?: "with" | "none";
+  background?: "with" | "none";
 } & import("class-variance-authority/types").ClassProp) => string;
 /**
  * Tag component for displaying labels, categories, status indicators, and badges
@@ -224,38 +185,38 @@ declare const containerVariants: (props?: {
  * @example
  * ```tsx
  * // Basic status tags
- * <Tag color={TagColor.SUCCESS}>Completed</Tag>
- * <Tag color={TagColor.ERROR}>Failed</Tag>
- * <Tag color={TagColor.WARNING}>In Progress</Tag>
+ * <Tag color="success">Completed</Tag>
+ * <Tag color="error">Failed</Tag>
+ * <Tag color="warning">In Progress</Tag>
  *
  * // Category tags with borders
- * <Tag color={TagColor.NEUTRAL} border={TagBorder.WITH}>
+ * <Tag color="neutral" border="with">
  *   Technology
  * </Tag>
- * <Tag color={TagColor.TEXT} border={TagBorder.WITH}>
+ * <Tag color="text" border="with">
  *   Design
  * </Tag>
  *
  * // Size variations for hierarchy
  * <div className="flex items-center gap-2">
- *   <Tag size={TagSize.XS} color={TagColor.NEUTRAL}>Minor</Tag>
- *   <Tag size={TagSize.SM} color={TagColor.TEXT}>Standard</Tag>
- *   <Tag size={TagSize.LG} color={TagColor.SUCCESS}>Important</Tag>
+ *   <Tag size="xs" color="neutral">Minor</Tag>
+ *   <Tag size="sm" color="text">Standard</Tag>
+ *   <Tag size="lg" color="success">Important</Tag>
  * </div>
  *
  * // Rounded variations
  * <div className="flex gap-2">
- *   <Tag roundedSize={TagRoundedSize.NONE}>Sharp</Tag>
- *   <Tag roundedSize={TagRoundedSize.MD}>Rounded</Tag>
- *   <Tag roundedSize={TagRoundedSize.FULL}>Pill</Tag>
+ *   <Tag roundedSize="none">Sharp</Tag>
+ *   <Tag roundedSize="md">Rounded</Tag>
+ *   <Tag roundedSize="full">Pill</Tag>
  * </div>
  *
  * // Custom styled tag
  * <Tag
- *   color={TagColor.WARNING}
- *   size={TagSize.LG}
- *   border={TagBorder.WITH}
- *   roundedSize={TagRoundedSize.LG}
+ *   color="warning"
+ *   size="lg"
+ *   border="with"
+ *   roundedSize="lg"
  *   className="font-bold uppercase tracking-wide"
  * >
  *   Custom Style
@@ -263,7 +224,7 @@ declare const containerVariants: (props?: {
  *
  * // Interactive tags with click handlers
  * <Tag
- *   color={TagColor.SUCCESS}
+ *   color="success"
  *   onClick={() => console.log('Tag clicked')}
  *   className="cursor-pointer hover:opacity-80 transition-opacity"
  * >

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/Tag/index.tsx"],"mappings":";;;;;;AACmE;;;;;;;;;;;;;;;;AAkCpC;AA6B/B;;;;;;;;;;;;KA9BK,QAAA,GAAW,iBAAA,CAAkB,YAAA,QAAoB,iBAAA,KACpD,cAAA,CAAe,cAAA;AAqCX;AA4BN;;;;;;;;;;;;;;;;;;;;;;AAiBO;AA0BP;;;AAvEM,aARM,cAAA;EACV,IAAA;EACA,EAAA;EACA,EAAA;EACA,EAAA;EACA,EAAA;EACA,GAAA;EACA,IAAA;EACA,IAAA;AAAA;;;AAgGI;AAkBN;;;;AAEM;AACL;;;;;;;;;;;;;AA0JD;;;;aAnPY,QAAA;EACV,OAAA;EACA,OAAA;EACA,KAAA;EACA,OAAA;EACA,OAAA;EACA,IAAA;EACA,IAAA;EACA,MAAA;EACA,KAAA;EACA,GAAA;EACA,MAAA;EACA,MAAA;EACA,IAAA;EACA,KAAA;EACA,IAAA;EACA,KAAA;EACA,KAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;aA0BU,OAAA;EACV,EAAA;EACA,EAAA;EACA,EAAA;EACA,EAAA;EACA,EAAA;AAAA;;;;;;;;;;;;;;;;aAkBU,SAAA;EACV,IAAA;EACA,IAAI;AAAA;;;;;;;;;;;;;;;;aAkBM,aAAA;EACV,IAAA;EACA,IAAI;AAAA;AAAA,cAGA,iBAAA,GAAiB,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAwJV,GAAA,EAAK,EAAE,CAAC,QAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/Tag/index.tsx"],"mappings":";;;;;;AACmE;;;;;;;;;;;;;;;;AAkCpC;AA6B/B;;;;AAA0B;AAmC1B;;;;AAAoB;AA0CpB;;KA3GK,QAAA,GAAW,iBAAA,CAAkB,YAAA,QAAoB,iBAAA,KACpD,cAAA,CAAe,cAAA;;AA0GE;AAsBnB;;;;AAAqB;AAmBrB;;;;AAAyB;AAEhB;;;;;;;;;;;;;AA0JT;;KAlRY,cAAA;;AAkRiB;;;;;;;;;;;;;;;;;;;;;;;;KA/OjB,QAAA;;;;;;;;;;;;;;;;;;;;;;;;KA0CA,OAAA;;;;;;;;;;;;;;;;KAsBA,SAAA;;;;;;;;;;;;;;;;KAmBA,aAAA;AAAA,cAIN,iBAAA,GAAiB,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAwJV,GAAA,EAAK,EAAE,CAAC,QAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"TechLogo.d.ts","names":[],"sources":["../../../../src/components/TechLogo/TechLogo.tsx"],"mappings":";;;;KAIY,aAAA,GAAgB,QAAA,CAAS,aAAA;EACnC,IAAA,EAAM,YAAA;AAAA;AAAA,cAmIK,QAAA,EAAU,EAAE,CAAC,aAAA"}
+{"version":3,"file":"TechLogo.d.ts","names":[],"sources":["../../../../src/components/TechLogo/TechLogo.tsx"],"mappings":";;;;KAIY,aAAA,GAAgB,QAAA,CAAS,aAAA;EACnC,IAAA,EAAM,YAAA;AAAA;AAAA,cAqDK,QAAA,EAAU,EAAE,CAAC,aAAA"}

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

@@ -1,4 +1,4 @@
 import { TechLogoName } from "./types.js";
 import { TechLogo } from "./TechLogo.js";
 import { techLogos_d_exports } from "./techLogos.js";
-export { TechLogo, TechLogoName, techLogos_d_exports as TechLogos };
+export { TechLogo, type TechLogoName, techLogos_d_exports as TechLogos };

package/dist/types/components/TechLogo/logos/Lit.d.ts

@@ -1,7 +1,7 @@
 import { SVGProps } from "react";
 
 //#region src/components/TechLogo/logos/Lit.d.ts
-declare const LitLogo: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const LitLogo: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 //#endregion
 export { LitLogo };
 //# sourceMappingURL=Lit.d.ts.map

package/dist/types/components/TechLogo/logos/Lit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Lit.d.ts","names":[],"sources":["../../../../../src/components/TechLogo/logos/Lit.tsx"],"mappings":";;;cAEa,OAAA,GAAW,KAAA,EAAO,QAAQ,CAAC,aAAA,kCAAc,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Lit.d.ts","names":[],"sources":["../../../../../src/components/TechLogo/logos/Lit.tsx"],"mappings":";;;cAEa,OAAA,GAAW,KAAA,EAAO,QAAQ,CAAC,aAAA,sBAAc,GAAA,CAAA,OAAA"}

package/dist/types/components/TechLogo/logos/Vanilla.d.ts

@@ -1,7 +1,7 @@
 import { SVGProps } from "react";
 
 //#region src/components/TechLogo/logos/Vanilla.d.ts
-declare const JavaScriptLogo: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const JavaScriptLogo: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 //#endregion
 export { JavaScriptLogo };
 //# sourceMappingURL=Vanilla.d.ts.map

package/dist/types/components/TechLogo/logos/Vanilla.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Vanilla.d.ts","names":[],"sources":["../../../../../src/components/TechLogo/logos/Vanilla.tsx"],"mappings":";;;cAEa,cAAA,GAAkB,KAAA,EAAO,QAAQ,CAAC,aAAA,kCAAc,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Vanilla.d.ts","names":[],"sources":["../../../../../src/components/TechLogo/logos/Vanilla.tsx"],"mappings":";;;cAEa,cAAA,GAAkB,KAAA,EAAO,QAAQ,CAAC,aAAA,sBAAc,GAAA,CAAA,OAAA"}

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

@@ -1,42 +1,5 @@
 //#region src/components/TechLogo/types.d.ts
-declare enum TechLogoName {
-  Adonis = "adonis",
-  Angular = "angular",
-  Astro = "astro",
-  Express = "express",
-  Fastify = "fastify",
-  Hono = "hono",
-  Lynx = "lynx",
-  NestJS = "nestjs",
-  Nextjs = "nextjs",
-  Node = "node",
-  Nuxt = "nuxt",
-  Preact = "preact",
-  React = "react",
-  Solid = "solid",
-  Svelte = "svelte",
-  Tanstack = "tanstack",
-  Vite = "vite",
-  Vue = "vue",
-  Lit = "lit",
-  Vanilla = "vanilla",
-  Anthropic = "anthropic",
-  Claude = "claude",
-  ChatGPT = "chatgpt",
-  DeepSeek = "deepseek",
-  Gemini = "gemini",
-  GoogleAI = "googleai",
-  Grok = "grok",
-  Mistral = "mistral",
-  Ollama = "ollama",
-  OpenAI = "openai",
-  Perplexity = "perplexity",
-  GitHub = "github",
-  GitLab = "gitlab",
-  Bitbucket = "bitbucket",
-  Google = "google",
-  LinkedIn = "linkedin"
-}
+type TechLogoName = 'adonis' | 'angular' | 'astro' | 'express' | 'fastify' | 'hono' | 'lynx' | 'nestjs' | 'nextjs' | 'node' | 'nuxt' | 'preact' | 'react' | 'solid' | 'svelte' | 'tanstack' | 'vite' | 'vue' | 'lit' | 'vanilla' | 'anthropic' | 'claude' | 'chatgpt' | 'deepseek' | 'gemini' | 'googleai' | 'grok' | 'mistral' | 'ollama' | 'openai' | 'perplexity' | 'github' | 'gitlab' | 'bitbucket' | 'google' | 'linkedin';
 //#endregion
 export { TechLogoName };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/components/TechLogo/types.ts"],"mappings":";aAAY,YAAA;EACV,MAAA;EACA,OAAA;EACA,KAAA;EACA,OAAA;EACA,OAAA;EACA,IAAA;EACA,IAAA;EACA,MAAA;EACA,MAAA;EACA,IAAA;EACA,IAAA;EACA,MAAA;EACA,KAAA;EACA,KAAA;EACA,MAAA;EACA,QAAA;EACA,IAAA;EACA,GAAA;EACA,GAAA;EACA,OAAA;EACA,SAAA;EACA,MAAA;EACA,OAAA;EACA,QAAA;EACA,MAAA;EACA,QAAA;EACA,IAAA;EACA,OAAA;EACA,MAAA;EACA,MAAA;EACA,UAAA;EACA,MAAA;EACA,MAAA;EACA,SAAA;EACA,MAAA;EACA,QAAA;AAAA"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/components/TechLogo/types.ts"],"mappings":";KAAY,YAAA"}

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

@@ -91,7 +91,7 @@ type AutoSizedTextAreaProps = TextAreaProps & {
  *   placeholder="Write your notes here..."
  *   autoSize={true}
  *   maxRows={20}
- *   variant={InputVariant.DEFAULT}
+ *   variant="default"
  * />
  * ```
  */

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

@@ -1,5 +1,5 @@
-import { InputVariant, inputVariants } from "../Input/Input.js";
-import { ClipboardEvent, DragEvent, FC, HTMLAttributes, InputEvent, KeyboardEvent, Ref } from "react";
+import { inputVariants } from "../Input/Input.js";
+import { ClipboardEvent, DragEvent, FC, HTMLAttributes, InputEvent, KeyboardEvent, Ref, RefObject } from "react";
 import { VariantProps } from "class-variance-authority";
 
 //#region src/components/TextArea/ContentEditableTextArea.d.ts
@@ -20,7 +20,7 @@ declare const useContentEditable: ({
   disabled
 }: UseContentEditableOptions) => {
   lines: string[];
-  containerRef: import("react").RefObject<HTMLDivElement>;
+  containerRef: RefObject<HTMLDivElement>;
   getText: () => string;
   handleInput: () => void;
   handleBeforeInput: (e: InputEvent<HTMLDivElement>) => void;

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

@@ -1,4 +1,4 @@
-import { InputVariant, inputVariants } from "../Input/Input.js";
+import { inputVariants } from "../Input/Input.js";
 import { DetailedHTMLProps, FC, TextareaHTMLAttributes } from "react";
 import { VariantProps } from "class-variance-authority";
 
@@ -18,7 +18,7 @@ import { VariantProps } from "class-variance-authority";
  * <TextArea
  *   value={message}
  *   onChange={handleChange}
- *   variant={InputVariant.ERROR}
+ *   variant="error"
  *   validationStyleEnabled={true}
  *   placeholder="Message is required"
  * />
@@ -27,7 +27,7 @@ import { VariantProps } from "class-variance-authority";
  * <TextArea
  *   rows={6}
  *   cols={50}
- *   variant={InputVariant.DEFAULT}
+ *   variant="default"
  *   className="min-h-[120px]"
  *   placeholder="Write a detailed description..."
  * />
@@ -36,7 +36,7 @@ import { VariantProps } from "class-variance-authority";
 type TextAreaProps = DetailedHTMLProps<DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, HTMLTextAreaElement> & {
   /** Enable validation styling based on the variant prop */validationStyleEnabled?: boolean;
 } & Omit<VariantProps<typeof inputVariants>, 'validationStyleEnabled' | 'variant'> & {
-  /** Visual variant of the textarea (default, success, error, warning, etc.) */variant?: InputVariant | `${InputVariant}`;
+  /** Visual variant of the textarea (default, success, error, warning, etc.) */variant?: InputVariant;
 };
 /**
  * TextArea Component
@@ -73,10 +73,10 @@ type TextAreaProps = DetailedHTMLProps<DetailedHTMLProps<TextareaHTMLAttributes<
  * <TextArea
  *   value={content}
  *   onChange={(e) => setContent(e.target.value)}
- *   variant={hasError ? InputVariant.ERROR : InputVariant.SUCCESS}
+ *   variant={hasError ? 'error' : 'success'}
  *   validationStyleEnabled={true}
  *   placeholder="Minimum 10 characters required"
- *   className="min-h-[100px]"
+ *   className="min-top-25"
  * />
  * ```
  */

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","names":[],"sources":["../../../../src/components/TextArea/TextArea.tsx"],"mappings":";;;;;;;;AAmCA;;;;;;;;;;;;;;;;;;;;;;;;;;;KAAY,aAAA,GAAgB,iBAAA,CAC1B,iBAAA,CACE,sBAAA,CAAuB,mBAAA,GACvB,mBAAA,GAEF,mBAAA;EAS8B,0DAN9B,sBAAA;AAAA,IACE,IAAA,CACA,YAAA,QAAoB,aAAA;EAiDX,8EA7CT,OAAA,GAAU,YAAA,MAAkB,YAAA;AAAA;;AA6CO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAA1B,QAAA,EAAU,EAAE,CAAC,aAAA"}
+{"version":3,"file":"TextArea.d.ts","names":[],"sources":["../../../../src/components/TextArea/TextArea.tsx"],"mappings":";;;;;;;;AAmCA;;;;;;;;;;;;;;;;;;;;;;;;;;;KAAY,aAAA,GAAgB,iBAAA,CAC1B,iBAAA,CACE,sBAAA,CAAuB,mBAAA,GACvB,mBAAA,GAEF,mBAAA;EASwB,0DANxB,sBAAA;AAAA,IACE,IAAA,CACA,YAAA,QAAoB,aAAA;gFAIpB,OAAA,GAAU,YAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA6CD,QAAA,EAAU,EAAE,CAAC,aAAA"}

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

@@ -1,9 +1,5 @@
 //#region src/components/ThemeSwitcherDropDown/types.d.ts
-declare enum Modes {
-  dark = "dark",
-  light = "light",
-  system = "system"
-}
+type Modes = 'dark' | 'light' | 'system';
 //#endregion
 export { Modes };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/components/ThemeSwitcherDropDown/types.ts"],"mappings":";aAAY,KAAA;EACV,IAAA;EACA,KAAA;EACA,MAAA;AAAA"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/components/ThemeSwitcherDropDown/types.ts"],"mappings":";KAAY,KAAA"}

package/dist/types/components/Toaster/Toast.d.ts

@@ -24,7 +24,7 @@ declare const ToastViewport: FC<ComponentProps<typeof ToastPrimitives.Viewport>>
  * ```
  */
 declare const toastVariants: (props?: {
-  variant?: "default" | "error" | "success";
+  variant?: "error" | "default" | "success";
 } & import("class-variance-authority/types").ClassProp) => string;
 /**
  * Toast Component

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

@@ -41,7 +41,7 @@
  *
  * @returns JSX element rendering the toast viewport and active toasts
  */
-declare const Toaster: () => import("react/jsx-runtime").JSX.Element;
+declare const Toaster: () => import("react").JSX.Element;
 //#endregion
 export { Toaster };
 //# sourceMappingURL=Toaster.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toaster.d.ts","names":[],"sources":["../../../../src/components/Toaster/Toaster.tsx"],"mappings":";;AAsDA;;;;AAkBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAlBY,OAAA,oCAAO,GAAA,CAAA,OAkBnB"}
+{"version":3,"file":"Toaster.d.ts","names":[],"sources":["../../../../src/components/Toaster/Toaster.tsx"],"mappings":";;AAsDA;;;;AAkBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAlBY,OAAA,wBAAO,GAAA,CAAA,OAkBnB"}

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

@@ -14,16 +14,19 @@ import { Checkbox, CheckboxColor, CheckboxProps, CheckboxSize, checkboxVariants
 import { Input, InputProps, InputSize, InputVariant, inputVariants } from "./Input/Input.js";
 import { InputPassword } from "./Input/InputPassword.js";
 import { InputIndicator, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, OTPInput, OTPInputContext, OTPInputProps, RenderProps, SlotProps, inputSlotVariants, usePasswordManagerBadge, usePrevious } from "./Input/OTPInput.js";
+import { Radio, RadioColor, RadioProps, RadioSize, radioVariants } from "./Input/Radio.js";
 import { SearchInput } from "./Input/SearchInput.js";
 import { TextArea, TextAreaProps } from "./TextArea/TextArea.js";
 import { AutoSizedTextArea, AutoSizedTextAreaProps } from "./TextArea/AutoSizeTextArea.js";
+import { ContentEditor, ContentEditorProps } from "./ContentEditor/ContentEditor.js";
+import { ContentEditorInput, ContentEditorInputProps } from "./ContentEditor/ContentEditorInput.js";
 import { AutoCompleteTextarea, AutocompleteTextAreaProps } from "./TextArea/AutocompleteTextArea.js";
 import { ContentEditableTextArea, ContentEditableTextAreaHandle, ContentEditableTextAreaProps, useContentEditable } from "./TextArea/ContentEditableTextArea.js";
+import { ContentEditorTextArea, ContentEditorTextAreaProps } from "./ContentEditor/ContentEditorTextArea.js";
 import { ContentSelector } from "./ContentSelector/ContentSelector.js";
 import { CopyButton } from "./CopyButton/index.js";
 import { CopyToClipboard, CopyToClipboardProps, useCopyToClipboard } from "./CopyToClipboard/index.js";
 import { DictionaryEditor } from "./DictionaryEditor/DictionaryEditor.js";
-import { ContentEditor } from "./DictionaryFieldEditor/ContentEditor.js";
 import { TextEditor, TextEditorContainer, TextEditorProps, traceKeys } from "./DictionaryFieldEditor/ContentEditorView/TextEditor.js";
 import { DictionaryCreationForm } from "./DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.js";
 import { DictionaryFieldEditor } from "./DictionaryFieldEditor/DictionaryFieldEditor.js";
@@ -118,4 +121,4 @@ import { Toaster } from "./Toaster/Toaster.js";
 import { reducer, toast, useToast } from "./Toaster/useToast.js";
 import { WithResizer } from "./WithResizer/index.js";
 import { MarkdownRenderer, ParsedMarkdown, baseMarkdownComponents, getIntlayerMarkdownOptions } from "./MarkDownRender/MarkDownRender.js";
-export { Accordion, AccordionProps, AutoCompleteTextarea, AutoSizedTextArea, AutoSizedTextAreaProps, AutocompleteTextAreaProps, Avatar, AvatarProps, Badge, BadgeColor, BadgeProps, BadgeSize, BadgeVariant, BadgeVariantProps, BitbucketLogo, Breadcrumb, BreadcrumbLink, BreadcrumbProps, Browser, BrowserProps, Burger, Button, ButtonColor, ButtonProps, ButtonSize, ButtonTextAlign, ButtonVariant, Carousel, Checkbox, CheckboxColor, CheckboxProps, CheckboxSize, ClickOutsideDiv, ClickOutsideDivProps, Code, CodeBlock, CodeBlockProps, CodeCompAttributes, CodeDefault, type CodeLanguage, CollapsibleTable, CollapsibleTableProps, Command, CommandRoot, Container, ContainerBackground, ContainerBorderColor, ContainerGap, ContainerPadding, ContainerProps, ContainerRoundedSize, ContainerSeparator, ContainerTransparency, ContentEditableTextArea, ContentEditableTextAreaHandle, ContentEditableTextAreaProps, ContentEditor, ContentSelector, CopyButton, CopyToClipboard, CopyToClipboardProps, DesktopNavbar, DesktopThemeSwitcher, Detail, DetailProps, DictionaryCreationForm, DictionaryEditor, DictionaryFieldEditor, DiscordLogo, DotPattern, DropDown, DropDownAlign, DropDownProps, DropDownType, DropDownYAlign, EditableFieldInput, EditableFieldTextArea, ExpandCollapse, ExpandCollapseProps, FacebookLogo, FileList, FileListProps, Flag, flags_d_exports as Flags, Footer, FooterLink, Form, GitHubLogo, GitLabLogo, GoogleLogo, GridPattern, H1, H2, H3, H4, H5, H6, HTMLRenderer, HeadingProps, HeightResizer, HideShow, HideShowProps, Hr, IDE, IDEProps, InformationTag, Input, InputIndicator, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputPassword, InputProps, InputSize, InputVariant, InstagramLogo, KeyList, KeyPathBreadcrumb, KeyboardScreenAdapter, KeyboardShortcut, KeyboardShortcutProps, KeyboardShortcutType, Label, LabelProps, LanguageBackground, LanguageSection, Link, LinkColor, LinkGroup, LinkProps, LinkRoundedSize, LinkSize, LinkUnderlined, LinkVariant, LinkedInLogo, Loader, LoaderProps, LocaleSwitcher, LocaleSwitcherContent, LocaleSwitcherContentProps, LocaleSwitcherContentProvider, LocaleSwitcherProps, Logo, LogoTextOnly, LogoWithText, LogoWithTextBelow, MarkDownIframe, MarkdownRenderer, MaxHeightSmoother, MaxWidthSmoother, MobileNavbar, MobileThemeSwitcher, Modal, ModalSize, Modes, MultiSelect, Navbar, NumberItemsSelector, NumberItemsSelectorProps, OTPInput, OTPInputContext, OTPInputProps, Pagination, PaginationProps, PaginationSize, PaginationVariant, PanelProps, type ParsedMarkdown, Popover, PopoverProps, PopoverStatic, PopoverType, PopoverXAlign, PopoverYAlign, PressableSpan, ProductHuntLogo, RenderProps, RightDrawer, SaveForm, SearchInput, Select, SelectContent, SelectContentPosition, SelectLabel, SelectSeparator, ShowingResultsNumberItems, ShowingResultsNumberItemsProps, SlotProps, SmartTable, SocialNetworks, Spotlight, Step, Steps, SwitchSelector, SwitchSelectorBaseProps, SwitchSelectorChoice, SwitchSelectorChoices, SwitchSelectorColor, SwitchSelectorProps, SwitchSelectorSize, Tab, TabItemProps, TabProps, TabSelector, TabSelectorColor, TabSelectorItemProps, TabSelectorProps, Table, TableProps, Tag, TagBackground, TagBorder, TagColor, TagRoundedSize, TagSize, Td, TechLogo, TechLogoName, techLogos_d_exports as TechLogos, Terminal, TerminalProps, TextArea, TextAreaProps, TextEditor, TextEditorContainer, TextEditorProps, Th, TiktokLogo, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tr, TriggerProps, VersionSwitcher, VersionSwitcherProps, VersionSwitcherProvider, VerticalSwitchSelector, VerticalSwitchSelectorProps, WithResizer, XLogo, YoutubeLogo, badgeVariants, baseMarkdownComponents, buttonVariants, checkIsExternalLink, checkboxVariants, choiceVariant, containerVariants, defaultChoices, drawerManager, getCapitals, getIntlayerHTMLOptions, getIntlayerMarkdownOptions, indicatorVariant, inputSlotVariants, inputVariants, isTextChildren, linkVariants, paginationVariants, reducer, switchSelectorVariant, toast, toastVariants, traceKeys, useContentEditable, useCopyToClipboard, useForm, useFormField, useLocaleSwitcherContent, usePasswordManagerBadge, usePrevious, useRightDrawer, useToast, useVersionSwitcher };
+export { Accordion, AccordionProps, AutoCompleteTextarea, AutoSizedTextArea, AutoSizedTextAreaProps, AutocompleteTextAreaProps, Avatar, AvatarProps, Badge, BadgeColor, BadgeProps, BadgeSize, BadgeVariant, BadgeVariantProps, BitbucketLogo, Breadcrumb, BreadcrumbLink, BreadcrumbProps, Browser, BrowserProps, Burger, Button, ButtonColor, ButtonProps, ButtonSize, ButtonTextAlign, ButtonVariant, Carousel, Checkbox, CheckboxColor, CheckboxProps, CheckboxSize, ClickOutsideDiv, ClickOutsideDivProps, Code, CodeBlock, CodeBlockProps, CodeCompAttributes, CodeDefault, type CodeLanguage, CollapsibleTable, CollapsibleTableProps, Command, CommandRoot, Container, ContainerBackground, ContainerBorderColor, ContainerGap, ContainerPadding, ContainerProps, ContainerRoundedSize, ContainerSeparator, ContainerTransparency, ContentEditableTextArea, ContentEditableTextAreaHandle, ContentEditableTextAreaProps, ContentEditorInput, ContentEditorInputProps, ContentEditorProps, ContentEditorTextArea, ContentEditorTextAreaProps, ContentSelector, CopyButton, CopyToClipboard, CopyToClipboardProps, DesktopNavbar, DesktopThemeSwitcher, Detail, DetailProps, DictionaryCreationForm, DictionaryEditor, DictionaryFieldEditor, DiscordLogo, DotPattern, DropDown, DropDownAlign, DropDownProps, DropDownType, DropDownYAlign, EditableFieldInput, EditableFieldTextArea, ExpandCollapse, ExpandCollapseProps, FacebookLogo, FileList, FileListProps, Flag, flags_d_exports as Flags, Footer, FooterLink, Form, GitHubLogo, GitLabLogo, GoogleLogo, GridPattern, H1, H2, H3, H4, H5, H6, HTMLRenderer, HeadingProps, HeightResizer, HideShow, HideShowProps, Hr, IDE, IDEProps, InformationTag, Input, InputIndicator, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputPassword, InputProps, InputSize, InputVariant, InstagramLogo, KeyList, KeyPathBreadcrumb, KeyboardScreenAdapter, KeyboardShortcut, KeyboardShortcutProps, KeyboardShortcutType, Label, LabelProps, LanguageBackground, LanguageSection, Link, LinkColor, LinkGroup, LinkProps, LinkRoundedSize, LinkSize, LinkUnderlined, LinkVariant, LinkedInLogo, Loader, LoaderProps, LocaleSwitcher, LocaleSwitcherContent, LocaleSwitcherContentProps, LocaleSwitcherContentProvider, LocaleSwitcherProps, Logo, LogoTextOnly, LogoWithText, LogoWithTextBelow, MarkDownIframe, MarkdownRenderer, MaxHeightSmoother, MaxWidthSmoother, MobileNavbar, MobileThemeSwitcher, Modal, ModalSize, Modes, MultiSelect, Navbar, NumberItemsSelector, NumberItemsSelectorProps, OTPInput, OTPInputContext, OTPInputProps, Pagination, PaginationProps, PaginationSize, PaginationVariant, PanelProps, type ParsedMarkdown, Popover, PopoverProps, PopoverStatic, PopoverType, PopoverXAlign, PopoverYAlign, PressableSpan, ProductHuntLogo, Radio, RadioColor, RadioProps, RadioSize, RenderProps, RightDrawer, SaveForm, SearchInput, Select, SelectContent, SelectContentPosition, SelectLabel, SelectSeparator, ShowingResultsNumberItems, ShowingResultsNumberItemsProps, SlotProps, SmartTable, SocialNetworks, Spotlight, Step, Steps, SwitchSelector, SwitchSelectorBaseProps, SwitchSelectorChoice, SwitchSelectorChoices, SwitchSelectorColor, SwitchSelectorProps, SwitchSelectorSize, Tab, TabItemProps, TabProps, TabSelector, TabSelectorColor, TabSelectorItemProps, TabSelectorProps, Table, TableProps, Tag, TagBackground, TagBorder, TagColor, TagRoundedSize, TagSize, Td, TechLogo, type TechLogoName, techLogos_d_exports as TechLogos, Terminal, TerminalProps, TextArea, TextAreaProps, TextEditor, TextEditorContainer, TextEditorProps, Th, TiktokLogo, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tr, TriggerProps, VersionSwitcher, VersionSwitcherProps, VersionSwitcherProvider, VerticalSwitchSelector, VerticalSwitchSelectorProps, WithResizer, XLogo, YoutubeLogo, badgeVariants, baseMarkdownComponents, buttonVariants, checkIsExternalLink, checkboxVariants, choiceVariant, containerVariants, defaultChoices, drawerManager, getCapitals, getIntlayerHTMLOptions, getIntlayerMarkdownOptions, indicatorVariant, inputSlotVariants, inputVariants, isTextChildren, linkVariants, paginationVariants, radioVariants, reducer, switchSelectorVariant, toast, toastVariants, traceKeys, useContentEditable, useCopyToClipboard, useForm, useFormField, useLocaleSwitcherContent, usePasswordManagerBadge, usePrevious, useRightDrawer, useToast, useVersionSwitcher };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intlayer/design-system",
-  "version": "8.11.3",
+  "version": "8.12.0-canary.0",
   "private": false,
   "description": "Intlayer design system, including UI components used in the Intlayer editor, website, and visual editor/CMS.",
   "keywords": [
@@ -35,7 +35,6 @@
   "type": "module",
   "exports": {
     ".": {
-      "types": "./dist/types/components/index.d.ts",
       "import": "./dist/esm/components/index.mjs",
       "default": "./dist/esm/components/index.mjs"
     },
@@ -429,14 +428,14 @@
     "typecheck_": "tsc --noEmit --project tsconfig.types.json"
   },
   "dependencies": {
-    "@better-auth/passkey": "1.6.13",
-    "@better-auth/sso": "1.6.13",
-    "@intlayer/api": "8.11.3",
-    "@intlayer/config": "8.11.3",
-    "@intlayer/core": "8.11.3",
-    "@intlayer/dictionaries-entry": "8.11.3",
-    "@intlayer/editor-react": "8.11.3",
-    "@intlayer/types": "8.11.3",
+    "@better-auth/passkey": "1.6.14",
+    "@better-auth/sso": "1.6.14",
+    "@intlayer/api": "8.12.0-canary.0",
+    "@intlayer/config": "8.12.0-canary.0",
+    "@intlayer/core": "8.12.0-canary.0",
+    "@intlayer/dictionaries-entry": "8.12.0-canary.0",
+    "@intlayer/editor-react": "8.12.0-canary.0",
+    "@intlayer/types": "8.12.0-canary.0",
     "@radix-ui/react-dialog": "1.1.15",
     "@radix-ui/react-select": "2.2.6",
     "@radix-ui/react-slot": "1.2.4",
@@ -445,18 +444,18 @@
     "@tanstack/query-async-storage-persister": "5.100.14",
     "@tanstack/react-query-persist-client": "5.100.14",
     "@tanstack/react-virtual": "^3.13.26",
-    "better-auth": "1.6.13",
+    "better-auth": "1.6.14",
     "class-variance-authority": "0.7.1",
     "cmdk": "1.1.1",
     "defu": "6.1.7",
     "dompurify": "^3.4.7",
     "isomorphic-dompurify": "^3.15.0",
-    "react-intlayer": "8.11.3",
+    "react-intlayer": "8.12.0-canary.0",
     "rollup-preserve-directives": "1.1.3",
     "zod": "4.4.3"
   },
   "devDependencies": {
-    "@intlayer/backend": "8.11.3",
+    "@intlayer/backend": "8.12.0-canary.0",
     "@shikijs/transformers": "4.1.0",
     "@storybook/addon-a11y": "8.6.14",
     "@storybook/addon-essentials": "8.6.14",
@@ -481,40 +480,40 @@
     "@types/dompurify": "^3.2.0",
     "@types/espree": "11.1.0",
     "@types/node": "25.9.1",
-    "@types/react": "19.2.15",
+    "@types/react": "19.2.16",
     "@types/react-dom": "19.2.3",
     "@utils/ts-config": "1.0.4",
     "@utils/ts-config-types": "1.0.4",
     "clsx": "2.1.1",
     "fast-glob": "3.3.3",
-    "intlayer": "8.11.3",
+    "intlayer": "8.12.0-canary.0",
     "rimraf": "6.1.3",
     "shiki": "4.1.0",
     "storybook": "8.6.17",
     "tailwind-merge": "3.6.0",
     "tsdown": "0.22.1",
     "typescript": "6.0.3",
-    "vite": "8.0.14",
-    "vite-intlayer": "8.11.3",
+    "vite": "8.0.16",
+    "vite-intlayer": "8.12.0-canary.0",
     "vite-plugin-dts": "5.0.1",
-    "vitest": "4.1.7"
+    "vitest": "4.1.8"
   },
   "peerDependencies": {
     "@better-fetch/fetch": "1.1.21",
     "@hookform/resolvers": "^5.4.0",
-    "@intlayer/backend": "8.11.3",
+    "@intlayer/backend": "8.12.0-canary.0",
     "@monaco-editor/react": "4.7.0",
     "@shikijs/transformers": "4.1.0",
-    "@tanstack/react-query": "5.100.14",
-    "@tanstack/react-query-devtools": "5.100.14",
+    "@tanstack/react-query": "5.101.0",
+    "@tanstack/react-query-devtools": "5.101.0",
     "framer-motion": "12.40.0",
-    "fuse.js": "7.4.0",
-    "intlayer": "8.11.3",
+    "fuse.js": "7.4.1",
+    "intlayer": "8.12.0-canary.0",
     "lucide-react": "1.17.0",
     "react": ">=16.0.0",
     "react-dom": ">=16.0.0",
     "react-hook-form": "7.77.0",
-    "react-intlayer": "8.11.3",
+    "react-intlayer": "8.12.0-canary.0",
     "shiki": "4.1.0",
     "tailwindcss": "4.3.0"
   },

package/dist/esm/components/TechLogo/types.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.mjs","names":[],"sources":["../../../../src/components/TechLogo/types.ts"],"sourcesContent":["export enum TechLogoName {\n  Adonis = 'adonis',\n  Angular = 'angular',\n  Astro = 'astro',\n  Express = 'express',\n  Fastify = 'fastify',\n  Hono = 'hono',\n  Lynx = 'lynx',\n  NestJS = 'nestjs',\n  Nextjs = 'nextjs',\n  Node = 'node',\n  Nuxt = 'nuxt',\n  Preact = 'preact',\n  React = 'react',\n  Solid = 'solid',\n  Svelte = 'svelte',\n  Tanstack = 'tanstack',\n  Vite = 'vite',\n  Vue = 'vue',\n  Lit = 'lit',\n  Vanilla = 'vanilla',\n  Anthropic = 'anthropic',\n  Claude = 'claude',\n  ChatGPT = 'chatgpt',\n  DeepSeek = 'deepseek',\n  Gemini = 'gemini',\n  GoogleAI = 'googleai',\n  Grok = 'grok',\n  Mistral = 'mistral',\n  Ollama = 'ollama',\n  OpenAI = 'openai',\n  Perplexity = 'perplexity',\n  GitHub = 'github',\n  GitLab = 'gitlab',\n  Bitbucket = 'bitbucket',\n  Google = 'google',\n  LinkedIn = 'linkedin',\n}\n"],"mappings":";AAAA,IAAY,eAAL;CACL;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;;AACF"}

package/dist/esm/components/ThemeSwitcherDropDown/types.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.mjs","names":[],"sources":["../../../../src/components/ThemeSwitcherDropDown/types.ts"],"sourcesContent":["export enum Modes {\n  dark = 'dark',\n  light = 'light',\n  system = 'system',\n}\n"],"mappings":";AAAA,IAAY,QAAL;CACL;CACA;CACA;;AACF"}