@intlayer/design-system 8.4.5 → 8.4.6

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

@@ -5,8 +5,8 @@ import { VariantProps } from "class-variance-authority";
 //#region src/components/Input/Checkbox.d.ts
 declare const checkboxVariants: (props?: {
   variant?: "default";
-  size?: "xs" | "sm" | "md" | "lg";
-  color?: "error" | "success" | "text" | "custom" | "primary" | "secondary" | "neutral" | "destructive" | "light" | "dark";
+  size?: "lg" | "sm" | "md" | "xs";
+  color?: "error" | "success" | "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "custom";
   validationStyleEnabled?: "enabled" | "disabled";
 } & class_variance_authority_types0.ClassProp) => string;
 declare enum CheckboxSize {

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

@@ -5,7 +5,7 @@ import { VariantProps } from "class-variance-authority";
 //#region src/components/Input/Input.d.ts
 declare const inputVariants: (props?: {
   variant?: "default" | "invisible";
-  size?: "sm" | "md" | "lg";
+  size?: "lg" | "sm" | "md";
   validationStyleEnabled?: "enabled" | "disabled";
 } & class_variance_authority_types0.ClassProp) => string;
 declare enum InputVariant {

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

@@ -57,7 +57,7 @@ declare const OTPInputContext: react.Context<RenderProps>;
 declare const OTPInput: FC<OTPInputProps>;
 type InputOTPProps = Omit<ComponentProps<typeof OTPInput>, 'children'>;
 declare const inputSlotVariants: (props?: {
-  size?: "sm" | "md" | "lg" | "xl";
+  size?: "lg" | "sm" | "md" | "xl";
 } & class_variance_authority_types0.ClassProp) => string;
 declare const InputOTP: FC<InputOTPProps>;
 declare const InputOTPGroup: ({

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

@@ -53,10 +53,10 @@ declare enum LinkUnderlined {
   FALSE = "false"
 }
 declare const linkVariants: (props?: {
-  variant?: "default" | "hoverable" | "invisible-link" | "button" | "button-outlined";
-  roundedSize?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full";
-  color?: "text" | "error" | "custom" | "primary" | "success" | "neutral" | "secondary" | "destructive" | "light" | "dark" | "text-inverse";
-  size?: "sm" | "md" | "lg" | "xl" | "custom";
+  variant?: "default" | "invisible-link" | "hoverable" | "button" | "button-outlined";
+  roundedSize?: "none" | "lg" | "sm" | "md" | "xl" | "2xl" | "3xl" | "full";
+  color?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "text-inverse" | "error" | "success" | "custom";
+  size?: "lg" | "sm" | "md" | "xl" | "custom";
   underlined?: boolean | LinkUnderlined.DEFAULT;
 } & class_variance_authority_types0.ClassProp) => string;
 type LinkProps = DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & VariantProps<typeof linkVariants> & {

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

@@ -4,8 +4,8 @@ import { VariantProps } from "class-variance-authority";
 
 //#region src/components/Pagination/Pagination.d.ts
 declare const paginationVariants: (props?: {
-  size?: "sm" | "md" | "lg";
-  color?: "text" | "primary" | "secondary" | "neutral" | "destructive";
+  size?: "lg" | "sm" | "md";
+  color?: "text" | "primary" | "secondary" | "destructive" | "neutral";
   variant?: "default" | "bordered" | "ghost";
 } & class_variance_authority_types0.ClassProp) => string;
 declare enum PaginationSize {

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

@@ -29,7 +29,7 @@ declare enum SwitchSelectorColor {
   TEXT = "text"
 }
 declare const switchSelectorVariant: (props?: {
-  color?: "text" | "primary" | "neutral" | "secondary" | "destructive" | "light" | "dark";
+  color?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark";
   disabled?: boolean;
 } & class_variance_authority_types0.ClassProp) => string;
 declare enum SwitchSelectorSize {
@@ -38,7 +38,7 @@ declare enum SwitchSelectorSize {
   LG = "lg"
 }
 declare const choiceVariant: (props?: {
-  size?: "sm" | "md" | "lg";
+  size?: "lg" | "sm" | "md";
 } & class_variance_authority_types0.ClassProp) => string;
 /**
  *

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

@@ -15,7 +15,7 @@ declare enum TabSelectorColor {
   TEXT = "text"
 }
 declare const tabSelectorVariant: (props?: {
-  color?: "text" | "primary" | "secondary" | "neutral" | "destructive" | "light" | "dark";
+  color?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark";
 } & class_variance_authority_types0.ClassProp) => string;
 type TabSelectorItemProps = HTMLAttributes<HTMLElement> & {
   key: string | number;

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

@@ -185,9 +185,9 @@ declare enum TagBackground {
   WITH = "with"
 }
 declare const containerVariants: (props?: {
-  roundedSize?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full";
-  color?: "text" | "error" | "primary" | "success" | "warning" | "neutral" | "blue" | "yellow" | "green" | "red" | "orange" | "purple" | "pink" | "brown" | "gray" | "black" | "white";
-  size?: "xs" | "sm" | "md" | "lg" | "xl";
+  roundedSize?: "none" | "lg" | "sm" | "md" | "xl" | "2xl" | "3xl" | "full";
+  color?: "text" | "primary" | "neutral" | "error" | "success" | "warning" | "blue" | "yellow" | "green" | "red" | "orange" | "purple" | "pink" | "brown" | "gray" | "black" | "white";
+  size?: "lg" | "sm" | "md" | "xl" | "xs";
   border?: "none" | "with";
   background?: "none" | "with";
 } & class_variance_authority_types0.ClassProp) => string;

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

@@ -2,155 +2,49 @@ import { AutoSizedTextAreaProps } from "./AutoSizeTextArea.js";
 import { FC } from "react";
 
 //#region src/components/TextArea/AutocompleteTextArea.d.ts
-/**
- * Custom hook for debouncing values to prevent excessive API calls.
- *
- * Delays updating the returned value until the input value has stopped changing
- * for the specified delay period.
- *
- * @param value - The value to debounce
- * @param delay - Delay in milliseconds before updating the debounced value
- * @returns The debounced value that only updates after the delay period
- *
- * @example
- * ```tsx
- * const [searchTerm, setSearchTerm] = useState('');
- * const debouncedSearchTerm = useDebounce(searchTerm, 300);
- *
- * useEffect(() => {
- *   if (debouncedSearchTerm) {
- *     performSearch(debouncedSearchTerm);
- *   }
- * }, [debouncedSearchTerm]);
- * ```
- */
-declare const useDebounce: <T>(value: T, delay: number) => T;
 /**
  * Props for the AutocompleteTextArea component.
  *
- * Extends AutoSizedTextAreaProps with AI-powered autocomplete functionality.
+ * Extends AutoSizedTextAreaProps with inline autocomplete functionality
+ * using a contentEditable-based textarea.
  *
  * @example
  * ```tsx
- * // AI-powered autocomplete textarea
  * <AutoCompleteTextarea
- *   placeholder="Start typing for AI suggestions..."
+ *   placeholder="Start typing..."
  *   isActive={true}
  *   autoSize={true}
  *   maxRows={10}
  * />
- *
- * // Manual suggestion mode
- * <AutoCompleteTextarea
- *   value={content}
- *   onChange={handleChange}
- *   suggestion="Consider adding more details about..."
- *   isActive={false}
- * />
- *
- * // Disabled autocomplete for sensitive content
- * <AutoCompleteTextarea
- *   placeholder="Private notes (no AI assistance)"
- *   isActive={false}
- *   autoSize={true}
- * />
  * ```
  */
 type AutocompleteTextAreaProps = AutoSizedTextAreaProps & {
-  /** Whether AI autocomplete is active and should fetch suggestions */isActive?: boolean; /** Manual suggestion text to display (overrides AI suggestions) */
+  /** Whether inline autocomplete ghost text is active */isActive?: boolean; /** Manual suggestion text to display as ghost text after the cursor */
   suggestion?: string;
 };
 /**
  * AutoCompleteTextarea Component
  *
- * An intelligent textarea that provides AI-powered autocomplete suggestions as users type,
- * combining auto-sizing functionality with contextual text completion.
- *
- * ## Features
- * - **AI-Powered Suggestions**: Context-aware autocomplete using configured AI models
- * - **Debounced API Calls**: Efficient suggestion fetching with 200ms debounce
- * - **Visual Suggestions**: Inline preview of suggested completions
- * - **Keyboard Navigation**: Tab key to accept suggestions
- * - **Context Analysis**: Uses surrounding text for better suggestions
- * - **Auto-Sizing**: Inherits all AutoSizedTextArea capabilities
- * - **Performance Optimized**: Smart caching and minimal re-renders
- *
- * ## Technical Implementation
- * - **Debounce Strategy**: 200ms delay before fetching suggestions
- * - **Context Window**: 5 lines before/after cursor for context
- * - **Minimum Trigger**: Requires 3+ characters before suggesting
- * - **Position Tracking**: Ghost layer for accurate suggestion positioning
- * - **Cursor Management**: Tracks cursor position during suggestion fetch
+ * A textarea with inline autocomplete ghost text, built on a contentEditable div
+ * instead of a native `<textarea>`. Ghost text (suggestions) is rendered inline
+ * at the cursor position and can be accepted with the Tab key.
  *
- * ## AI Integration
- * - Uses configured AI model (OpenAI, Anthropic, etc.)
- * - Sends context-aware prompts for relevant suggestions
- * - Respects temperature and model settings from configuration
- * - Handles API errors gracefully without interrupting user flow
- *
- * ## Use Cases
- * - **Content Creation**: Blog posts, articles, documentation
- * - **Code Comments**: Intelligent code documentation assistance
- * - **Email Composition**: Professional email writing assistance
- * - **Creative Writing**: Story and narrative completion
- * - **Technical Documentation**: API docs, README files
- * - **Social Media**: Post creation with engagement optimization
+ * The component wraps `ContentEditableTextArea` and manages suggestion state.
+ * When `suggestion` prop is provided it is shown as ghost text at the end of the
+ * current text. When `isActive` is false, ghost text is hidden.
  *
  * @example
  * ```tsx
- * // Blog writing assistant
- * const [blogPost, setBlogPost] = useState('');
- * const [isAiEnabled, setIsAiEnabled] = useState(true);
- *
- * <div className="space-y-4">
- *   <div className="flex items-center gap-2">
- *     <Switch
- *       checked={isAiEnabled}
- *       onChange={setIsAiEnabled}
- *     />
- *     <label>AI Writing Assistant</label>
- *   </div>
- *
- *   <AutoCompleteTextarea
- *     value={blogPost}
- *     onChange={(e) => setBlogPost(e.target.value)}
- *     placeholder="Start writing your blog post..."
- *     isActive={isAiEnabled}
- *     autoSize={true}
- *     maxRows={15}
- *     className="min-h-[200px] font-serif text-lg leading-relaxed"
- *   />
- * </div>
- *
- * // Code documentation assistant
  * <AutoCompleteTextarea
- *   value={docComment}
- *   onChange={handleDocChange}
- *   placeholder="/** Describe this function... *\/"
- *   isActive={true}
- *   autoSize={true}
- *   maxRows={8}
- *   className="font-mono text-sm"
- * />
- *
- * // Email composition with templates
- * <AutoCompleteTextarea
- *   defaultValue="Dear "
- *   placeholder="AI will help complete your email..."
+ *   value={content}
+ *   onChange={handleChange}
+ *   suggestion="suggested completion..."
  *   isActive={true}
  *   autoSize={true}
- *   maxRows={12}
- *   variant={InputVariant.DEFAULT}
  * />
  * ```
- *
- * ## Accessibility
- * - Ghost layer is properly hidden from screen readers
- * - Maintains focus management during suggestion acceptance
- * - Preserves keyboard navigation patterns
- * - Respects reduced motion preferences
  */
 declare const AutoCompleteTextarea: FC<AutocompleteTextAreaProps>;
 //#endregion
-export { AutoCompleteTextarea, AutocompleteTextAreaProps, useDebounce };
+export { AutoCompleteTextarea, AutocompleteTextAreaProps };
 //# sourceMappingURL=AutocompleteTextArea.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteTextArea.d.ts","names":[],"sources":["../../../../src/components/TextArea/AutocompleteTextArea.tsx"],"mappings":";;;;;;AAiCA;;;;;;;;;;;AA8CA;;;;;;;;;cA9Ca,WAAA,MAAmB,KAAA,EAAO,CAAA,EAAG,KAAA,aAAgB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8C9C,yBAAA,GAA4B,sBAAA;uEAEtC,QAAA;EAEA,UAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA6FW,oBAAA,EAAsB,EAAA,CAAG,yBAAA"}
+{"version":3,"file":"AutocompleteTextArea.d.ts","names":[],"sources":["../../../../src/components/TextArea/AutocompleteTextArea.tsx"],"mappings":";;;;;;AAgCA;;;;;;;;;AA6BA;;;;;KA7BY,yBAAA,GAA4B,sBAAA;yDAEtC,QAAA;EAEA,UAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;cAyBW,oBAAA,EAAsB,EAAA,CAAG,yBAAA"}

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

@@ -0,0 +1,65 @@
+import { InputVariant, inputVariants } from "../Input/Input.js";
+import * as react from "react";
+import { ClipboardEvent, DragEvent, FC, FormEvent, HTMLAttributes, KeyboardEvent, Ref } from "react";
+import { VariantProps } from "class-variance-authority";
+
+//#region src/components/TextArea/ContentEditableTextArea.d.ts
+type CaretPosition = {
+  line: number;
+  offset: number;
+};
+type UseContentEditableOptions = {
+  value?: string;
+  defaultValue?: string;
+  onChange?: (value: string) => void;
+  disabled?: boolean;
+};
+declare const useContentEditable: ({
+  value,
+  defaultValue,
+  onChange,
+  disabled
+}: UseContentEditableOptions) => {
+  lines: string[];
+  containerRef: react.RefObject<HTMLDivElement>;
+  getText: () => string;
+  handleInput: () => void;
+  handleBeforeInput: (e: FormEvent<HTMLDivElement>) => void;
+  handleKeyDown: (e: KeyboardEvent<HTMLDivElement>) => void;
+  handleCut: (e: ClipboardEvent<HTMLDivElement>) => void;
+  handlePaste: (e: ClipboardEvent<HTMLDivElement>) => void;
+  handleDrop: (e: DragEvent<HTMLDivElement>) => void;
+  handleDragOver: (e: DragEvent<HTMLDivElement>) => void;
+  getCaretPosition: () => CaretPosition | null;
+  setCaretPosition: (pos: CaretPosition) => void;
+  getCursorOffset: () => number;
+  caretFromFlatOffset: (flat: number, targetLines: string[]) => CaretPosition;
+};
+type ContentEditableTextAreaHandle = {
+  getContainer: () => HTMLDivElement | null;
+  getText: () => string;
+  focus: () => void;
+  getCursorOffset: () => number;
+  setCursorAtOffset: (offset: number) => void;
+};
+type ContentEditableTextAreaProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> & {
+  value?: string;
+  defaultValue?: string;
+  onChange?: (value: string) => void;
+  placeholder?: string;
+  disabled?: boolean;
+  minRows?: number;
+  maxRows?: number;
+  autoSize?: boolean;
+  validationStyleEnabled?: boolean;
+  variant?: InputVariant | `${InputVariant}`;
+  ghostText?: string;
+  ghostLine?: number;
+  ghostOffset?: number;
+  ref?: Ref<ContentEditableTextAreaHandle>;
+  dir?: 'ltr' | 'rtl' | 'auto';
+} & Omit<VariantProps<typeof inputVariants>, 'validationStyleEnabled' | 'variant'>;
+declare const ContentEditableTextArea: FC<ContentEditableTextAreaProps>;
+//#endregion
+export { ContentEditableTextArea, ContentEditableTextAreaHandle, ContentEditableTextAreaProps, useContentEditable };
+//# sourceMappingURL=ContentEditableTextArea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentEditableTextArea.d.ts","names":[],"sources":["../../../../src/components/TextArea/ContentEditableTextArea.tsx"],"mappings":";;;;;;KAoBK,aAAA;EACH,IAAA;EACA,MAAA;AAAA;AAAA,KAGG,yBAAA;EACH,KAAA;EACA,YAAA;EACA,QAAA,IAAY,KAAA;EACZ,QAAA;AAAA;AAAA,cAoIW,kBAAA;EAAsB,KAAA;EAAA,YAAA;EAAA,QAAA;EAAA;AAAA,GAKhC,yBAAA;;;;;yBA0S6B,SAAA,CAAU,cAAA;qBApId,aAAA,CAAc,cAAA;iBAyFlB,cAAA,CAAe,cAAA;mBAsBb,cAAA,CAAe,cAAA;kBAoGhB,SAAA,CAAU,cAAA;sBAKN,SAAA,CAAU,cAAA;0BA3WR,aAAA;0BAuDE,aAAA;;sCA+CjB,WAAA,eAEX,aAAA;AAAA;AAAA,KAgTO,6BAAA;EACV,YAAA,QAAoB,cAAA;EACpB,OAAA;EACA,KAAA;EACA,eAAA;EACA,iBAAA,GAAoB,MAAA;AAAA;AAAA,KAGV,4BAAA,GAA+B,IAAA,CACzC,cAAA,CAAe,cAAA;EAGf,KAAA;EACA,YAAA;EACA,QAAA,IAAY,KAAA;EACZ,WAAA;EACA,QAAA;EACA,OAAA;EACA,OAAA;EACA,QAAA;EACA,sBAAA;EACA,OAAA,GAAU,YAAA,MAAkB,YAAA;EAC5B,SAAA;EACA,SAAA;EACA,WAAA;EACA,GAAA,GAAM,GAAA,CAAI,6BAAA;EACV,GAAA;AAAA,IACE,IAAA,CACA,YAAA,QAAoB,aAAA;AAAA,cAOX,uBAAA,EAAyB,EAAA,CAAG,4BAAA"}

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

@@ -1,4 +1,5 @@
 import { TextArea, TextAreaProps } from "./TextArea.js";
 import { AutoSizedTextArea, AutoSizedTextAreaProps } from "./AutoSizeTextArea.js";
-import { AutoCompleteTextarea, AutocompleteTextAreaProps, useDebounce } from "./AutocompleteTextArea.js";
-export { AutoCompleteTextarea, AutoSizedTextArea, AutoSizedTextAreaProps, AutocompleteTextAreaProps, TextArea, TextAreaProps, useDebounce };
+import { AutoCompleteTextarea, AutocompleteTextAreaProps } from "./AutocompleteTextArea.js";
+import { ContentEditableTextArea, ContentEditableTextAreaHandle, ContentEditableTextAreaProps, useContentEditable } from "./ContentEditableTextArea.js";
+export { AutoCompleteTextarea, AutoSizedTextArea, AutoSizedTextAreaProps, AutocompleteTextAreaProps, ContentEditableTextArea, ContentEditableTextAreaHandle, ContentEditableTextAreaProps, TextArea, TextAreaProps, useContentEditable };

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

@@ -17,7 +17,8 @@ import { InputIndicator, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlo
 import { SearchInput } from "./Input/SearchInput.js";
 import { TextArea, TextAreaProps } from "./TextArea/TextArea.js";
 import { AutoSizedTextArea, AutoSizedTextAreaProps } from "./TextArea/AutoSizeTextArea.js";
-import { AutoCompleteTextarea, AutocompleteTextAreaProps, useDebounce } from "./TextArea/AutocompleteTextArea.js";
+import { AutoCompleteTextarea, AutocompleteTextAreaProps } from "./TextArea/AutocompleteTextArea.js";
+import { ContentEditableTextArea, ContentEditableTextAreaHandle, ContentEditableTextAreaProps, useContentEditable } from "./TextArea/ContentEditableTextArea.js";
 import { ContentSelector } from "./ContentSelector/ContentSelector.js";
 import { CopyButton } from "./CopyButton/index.js";
 import { CopyToClipboard, CopyToClipboardProps, useCopyToClipboard } from "./CopyToClipboard/index.js";
@@ -101,4 +102,4 @@ import { Toaster } from "./Toaster/Toaster.js";
 import { reducer, toast, useToast } from "./Toaster/useToast.js";
 import { WithResizer } from "./WithResizer/index.js";
 import { MarkdownRenderer, baseMarkdownComponents, getIntlayerMarkdownOptions } from "./MarkDownRender/MarkDownRender.js";
-export { Accordion, AccordionProps, AutoCompleteTextarea, AutoSizedTextArea, AutoSizedTextAreaProps, AutocompleteTextAreaProps, Avatar, AvatarProps, Badge, BadgeColor, BadgeProps, BadgeSize, BadgeVariant, BadgeVariantProps, Breadcrumb, BreadcrumbLink, BreadcrumbProps, Browser, BrowserProps, Button, ButtonColor, ButtonProps, ButtonSize, ButtonTextAlign, ButtonVariant, Carousel, Checkbox, CheckboxColor, CheckboxProps, CheckboxSize, ClickOutsideDiv, ClickOutsideDivProps, Code, CodeBlock, CodeBlockProps, CodeCompAttributes, CodeDefault, CodeLanguage, CollapsibleTable, CollapsibleTableProps, Command, CommandRoot, Container, ContainerBackground, ContainerBorderColor, ContainerGap, ContainerPadding, ContainerProps, ContainerRoundedSize, ContainerSeparator, ContainerTransparency, ContentEditor, ContentSelector, CopyButton, CopyToClipboard, CopyToClipboardProps, 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, GridPattern, H1, H2, H3, H4, H5, H6, HTMLRenderer, HeadingProps, HeightResizer, HideShow, HideShowProps, 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, MarkdownRenderer, MaxHeightSmoother, MaxWidthSmoother, MobileThemeSwitcher, Modal, ModalSize, Modes, MultiSelect, Navbar, NumberItemsSelector, NumberItemsSelectorProps, OTPInput, OTPInputContext, OTPInputProps, Pagination, PaginationProps, PaginationSize, PaginationVariant, PanelProps, Popover, PopoverProps, PopoverStatic, PopoverType, PopoverXAlign, PopoverYAlign, PressableSpan, ProductHuntLogo, RenderProps, RightDrawer, SaveForm, SearchInput, Select, SelectContent, SelectContentPosition, SelectLabel, SelectSeparator, ShowingResultsNumberItems, ShowingResultsNumberItemsProps, SlotProps, SocialNetworks, Spotlight, SwitchSelector, SwitchSelectorChoice, SwitchSelectorChoices, SwitchSelectorColor, SwitchSelectorProps, SwitchSelectorSize, Tab, TabItemProps, TabProps, TabSelector, TabSelectorColor, TabSelectorItemProps, TabSelectorProps, Table, Tag, TagBackground, TagBorder, TagColor, TagRoundedSize, TagSize, Terminal, TerminalProps, TextArea, TextAreaProps, TextEditor, TextEditorContainer, TextEditorProps, TiktokLogo, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, TriggerProps, VersionSwitcher, VersionSwitcherProps, VersionSwitcherProvider, WithResizer, XLogo, YoutubeLogo, badgeVariants, baseMarkdownComponents, buttonVariants, checkIsExternalLink, checkboxVariants, containerVariants, drawerManager, getCapitals, getIntlayerHTMLOptions, getIntlayerMarkdownOptions, inputSlotVariants, inputVariants, isTextChildren, linkVariants, paginationVariants, reducer, toast, traceKeys, useCopyToClipboard, useDebounce, useForm, useFormField, useLocaleSwitcherContent, usePasswordManagerBadge, usePrevious, useRightDrawer, useToast, useVersionSwitcher };
+export { Accordion, AccordionProps, AutoCompleteTextarea, AutoSizedTextArea, AutoSizedTextAreaProps, AutocompleteTextAreaProps, Avatar, AvatarProps, Badge, BadgeColor, BadgeProps, BadgeSize, BadgeVariant, BadgeVariantProps, Breadcrumb, BreadcrumbLink, BreadcrumbProps, Browser, BrowserProps, Button, ButtonColor, ButtonProps, ButtonSize, ButtonTextAlign, ButtonVariant, Carousel, Checkbox, CheckboxColor, CheckboxProps, CheckboxSize, ClickOutsideDiv, ClickOutsideDivProps, Code, CodeBlock, CodeBlockProps, CodeCompAttributes, CodeDefault, CodeLanguage, CollapsibleTable, CollapsibleTableProps, Command, CommandRoot, Container, ContainerBackground, ContainerBorderColor, ContainerGap, ContainerPadding, ContainerProps, ContainerRoundedSize, ContainerSeparator, ContainerTransparency, ContentEditableTextArea, ContentEditableTextAreaHandle, ContentEditableTextAreaProps, ContentEditor, ContentSelector, CopyButton, CopyToClipboard, CopyToClipboardProps, 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, GridPattern, H1, H2, H3, H4, H5, H6, HTMLRenderer, HeadingProps, HeightResizer, HideShow, HideShowProps, 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, MarkdownRenderer, MaxHeightSmoother, MaxWidthSmoother, MobileThemeSwitcher, Modal, ModalSize, Modes, MultiSelect, Navbar, NumberItemsSelector, NumberItemsSelectorProps, OTPInput, OTPInputContext, OTPInputProps, Pagination, PaginationProps, PaginationSize, PaginationVariant, PanelProps, Popover, PopoverProps, PopoverStatic, PopoverType, PopoverXAlign, PopoverYAlign, PressableSpan, ProductHuntLogo, RenderProps, RightDrawer, SaveForm, SearchInput, Select, SelectContent, SelectContentPosition, SelectLabel, SelectSeparator, ShowingResultsNumberItems, ShowingResultsNumberItemsProps, SlotProps, SocialNetworks, Spotlight, SwitchSelector, SwitchSelectorChoice, SwitchSelectorChoices, SwitchSelectorColor, SwitchSelectorProps, SwitchSelectorSize, Tab, TabItemProps, TabProps, TabSelector, TabSelectorColor, TabSelectorItemProps, TabSelectorProps, Table, Tag, TagBackground, TagBorder, TagColor, TagRoundedSize, TagSize, Terminal, TerminalProps, TextArea, TextAreaProps, TextEditor, TextEditorContainer, TextEditorProps, TiktokLogo, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, TriggerProps, VersionSwitcher, VersionSwitcherProps, VersionSwitcherProvider, WithResizer, XLogo, YoutubeLogo, badgeVariants, baseMarkdownComponents, buttonVariants, checkIsExternalLink, checkboxVariants, containerVariants, drawerManager, getCapitals, getIntlayerHTMLOptions, getIntlayerMarkdownOptions, inputSlotVariants, inputVariants, isTextChildren, linkVariants, paginationVariants, reducer, toast, traceKeys, useContentEditable, useCopyToClipboard, useForm, useFormField, useLocaleSwitcherContent, usePasswordManagerBadge, usePrevious, useRightDrawer, useToast, useVersionSwitcher };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intlayer/design-system",
-  "version": "8.4.5",
+  "version": "8.4.6",
   "private": false,
   "description": "Intlayer design system, including UI components used in the Intlayer editor, website, and visual editor/CMS.",
   "keywords": [
@@ -106,12 +106,12 @@
   "dependencies": {
     "@better-auth/passkey": "1.5.5",
     "@better-auth/sso": "1.5.5",
-    "@intlayer/api": "8.4.5",
-    "@intlayer/config": "8.4.5",
-    "@intlayer/core": "8.4.5",
-    "@intlayer/dictionaries-entry": "8.4.5",
-    "@intlayer/editor-react": "8.4.5",
-    "@intlayer/types": "8.4.5",
+    "@intlayer/api": "8.4.6",
+    "@intlayer/config": "8.4.6",
+    "@intlayer/core": "8.4.6",
+    "@intlayer/dictionaries-entry": "8.4.6",
+    "@intlayer/editor-react": "8.4.6",
+    "@intlayer/types": "8.4.6",
     "@radix-ui/react-dialog": "1.1.15",
     "@radix-ui/react-select": "2.2.6",
     "@radix-ui/react-slot": "1.2.4",
@@ -120,12 +120,12 @@
     "better-auth": "1.5.5",
     "class-variance-authority": "0.7.1",
     "cmdk": "1.1.1",
-    "react-intlayer": "8.4.5",
+    "react-intlayer": "8.4.6",
     "rollup-preserve-directives": "1.1.3",
     "zod": "4.3.6"
   },
   "devDependencies": {
-    "@intlayer/backend": "8.4.5",
+    "@intlayer/backend": "8.4.6",
     "@shikijs/transformers": "4.0.2",
     "@storybook/addon-a11y": "8.6.14",
     "@storybook/addon-essentials": "8.6.14",
@@ -143,7 +143,7 @@
     "@svgr/core": "8.1.0",
     "@svgr/rollup": "8.1.0",
     "@tailwindcss/cli": "4.2.1",
-    "@tailwindcss/vite": "4.2.1",
+    "@tailwindcss/vite": "4.2.2",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.2",
     "@testing-library/user-event": "14.6.1",
@@ -154,14 +154,14 @@
     "@utils/ts-config": "1.0.4",
     "@utils/ts-config-types": "1.0.4",
     "fast-glob": "3.3.3",
-    "intlayer": "8.4.5",
+    "intlayer": "8.4.6",
     "rimraf": "6.1.3",
     "shiki": "4.0.2",
     "storybook": "8.6.17",
     "tsdown": "0.21.4",
     "typescript": "5.9.3",
-    "vite": "8.0.0",
-    "vite-intlayer": "8.4.5",
+    "vite": "8.0.1",
+    "vite-intlayer": "8.4.6",
     "vite-plugin-dts": "4.5.4",
     "vite-tsconfig-paths": "6.1.1",
     "vitest": "4.1.0"
@@ -169,20 +169,20 @@
   "peerDependencies": {
     "@better-fetch/fetch": "1.1.21",
     "@hookform/resolvers": "5.2.2",
-    "@intlayer/backend": "8.4.5",
+    "@intlayer/backend": "8.4.6",
     "@monaco-editor/react": "4.7.0",
     "@shikijs/transformers": "4.0.2",
-    "@tanstack/react-query": "5.91.0",
+    "@tanstack/react-query": "5.91.3",
     "@tanstack/react-query-devtools": "5.91.3",
     "clsx": "2.1.1",
     "framer-motion": "12.38.0",
     "fuse.js": "7.1.0",
-    "intlayer": "8.4.5",
+    "intlayer": "8.4.6",
     "lucide-react": "0.577.0",
     "react": ">=16.0.0",
     "react-dom": ">=16.0.0",
     "react-hook-form": "7.71.2",
-    "react-intlayer": "8.4.5",
+    "react-intlayer": "8.4.6",
     "shiki": "4.0.2",
     "tailwind-merge": "3.5.0",
     "tailwindcss": "4.2.1"