@intlayer/design-system 7.0.7 → 7.0.8

package/dist/types/components/Table/table.content.d.ts

@@ -1,10 +1,10 @@
-import * as _intlayer_types20 from "@intlayer/types";
+import * as _intlayer_types343 from "@intlayer/types";
 
 //#region src/components/Table/table.content.d.ts
 declare const tableContent: {
   key: string;
   content: {
-    show: _intlayer_types20.TypedNodeModel<_intlayer_types20.NodeType.Translation, {
+    show: _intlayer_types343.TypedNodeModel<_intlayer_types343.NodeType.Translation, {
       en: string;
       fr: string;
       es: string;
@@ -23,7 +23,7 @@ declare const tableContent: {
       id: string;
       vi: string;
     }, {
-      nodeType: _intlayer_types20.NodeType.Translation | "translation";
+      nodeType: _intlayer_types343.NodeType.Translation | "translation";
     } & {
       translation: {
         en: string;

package/dist/types/components/Table/table.content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.content.d.ts","names":[],"sources":["../../../../src/components/Table/table.content.ts"],"sourcesContent":[],"mappings":";;;cAEM;;;IAAA,IAAA,kCA2BgB,yCAAA"}
+{"version":3,"file":"table.content.d.ts","names":[],"sources":["../../../../src/components/Table/table.content.ts"],"sourcesContent":[],"mappings":";;;cAEM;;;IAAA,IAAA,mCA2BgB,0CAAA"}

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

@@ -1,5 +1,5 @@
 import { FC, HTMLAttributes, PropsWithChildren } from "react";
-import * as class_variance_authority_types7 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/Tag/index.d.ts
@@ -17,7 +17,7 @@ import { VariantProps } from "class-variance-authority";
  * @property {TagSize} [size] - Size variant affecting padding and font size
  * @property {TagBorder} [border] - Whether to show a border around the tag
  * @property {TagBackground} [background] - Background visibility option
- * @property {string} [className] - Additional CSS classes for custom styling
+ * @property [className] - Additional CSS classes for custom styling
  *
  * @example
  * ```tsx
@@ -41,15 +41,15 @@ type TagProps = PropsWithChildren<VariantProps<typeof containerVariants>> & HTML
  *
  * Controls the roundedness of tag corners, from sharp edges to fully rounded pills.
  *
- * @enum {string} TagRoundedSize
- * @property {string} NONE - 'none' - No border radius (sharp corners)
- * @property {string} SM - 'sm' - Small border radius (2px)
- * @property {string} MD - 'md' - Medium border radius (6px)
- * @property {string} LG - 'lg' - Large border radius (8px)
- * @property {string} XL - 'xl' - Extra large border radius (12px)
- * @property {string} XXL - '2xl' - 2x large border radius (16px)
- * @property {string} XXXL - '3xl' - 3x large border radius (24px)
- * @property {string} FULL - 'full' - Fully rounded (50% border radius, pill shape)
+ * @enum TagRoundedSize
+ * @property NONE - 'none' - No border radius (sharp corners)
+ * @property SM - 'sm' - Small border radius (2px)
+ * @property MD - 'md' - Medium border radius (6px)
+ * @property LG - 'lg' - Large border radius (8px)
+ * @property XL - 'xl' - Extra large border radius (12px)
+ * @property XXL - '2xl' - 2x large border radius (16px)
+ * @property XXXL - '3xl' - 3x large border radius (24px)
+ * @property FULL - 'full' - Fully rounded (50% border radius, pill shape)
  *
  * @example
  * ```tsx
@@ -79,12 +79,12 @@ declare enum TagRoundedSize {
  * Provides semantic color options for different tag purposes and meanings.
  * Each color includes background, border, and text color variations.
  *
- * @enum {string} TagColor
- * @property {string} SUCCESS - 'success' - Green theme for positive states, success messages, or completed items
- * @property {string} ERROR - 'error' - Red theme for error states, warnings, or failed operations
- * @property {string} WARNING - 'warning' - Yellow/orange theme for caution, pending states, or important notices
- * @property {string} NEUTRAL - 'neutral' - Gray theme for neutral information or secondary content
- * @property {string} TEXT - 'text' - Default text color theme for general purpose tags
+ * @enum TagColor
+ * @property SUCCESS - 'success' - Green theme for positive states, success messages, or completed items
+ * @property ERROR - 'error' - Red theme for error states, warnings, or failed operations
+ * @property WARNING - 'warning' - Yellow/orange theme for caution, pending states, or important notices
+ * @property NEUTRAL - 'neutral' - Gray theme for neutral information or secondary content
+ * @property TEXT - 'text' - Default text color theme for general purpose tags
  *
  * @example
  * ```tsx
@@ -122,12 +122,12 @@ declare enum TagColor {
  * Controls the overall size of tags including padding, font size, and border thickness.
  * Sizes are designed to maintain visual hierarchy and readability.
  *
- * @enum {string} TagSize
- * @property {string} XS - 'xs' - Extra small (0.5rem padding, text-xs, 1.2px border)
- * @property {string} SM - 'sm' - Small (0.5rem padding, text-sm, 1.5px border)
- * @property {string} MD - 'md' - Medium (1rem padding, text-base, 2px border) - Default size
- * @property {string} LG - 'lg' - Large (2rem padding, text-lg, 2px border)
- * @property {string} XL - 'xl' - Extra large (4rem padding, text-xl, 2px border)
+ * @enum TagSize
+ * @property XS - 'xs' - Extra small (0.5rem padding, text-xs, 1.2px border)
+ * @property SM - 'sm' - Small (0.5rem padding, text-sm, 1.5px border)
+ * @property MD - 'md' - Medium (1rem padding, text-base, 2px border) - Default size
+ * @property LG - 'lg' - Large (2rem padding, text-lg, 2px border)
+ * @property XL - 'xl' - Extra large (4rem padding, text-xl, 2px border)
  *
  * @example
  * ```tsx
@@ -151,9 +151,9 @@ declare enum TagSize {
  *
  * Controls whether a border is displayed around the tag.
  *
- * @enum {string} TagBorder
- * @property {string} NONE - 'none' - No border (default)
- * @property {string} WITH - 'with' - Show border with 1.5px thickness
+ * @enum TagBorder
+ * @property NONE - 'none' - No border (default)
+ * @property WITH - 'with' - Show border with 1.5px thickness
  *
  * @example
  * ```tsx
@@ -170,9 +170,9 @@ declare enum TagBorder {
  *
  * Controls the background styling of the tag.
  *
- * @enum {string} TagBackground
- * @property {string} NONE - 'none' - No background styling
- * @property {string} WITH - 'with' - Apply background styling
+ * @enum TagBackground
+ * @property NONE - 'none' - No background styling
+ * @property WITH - 'with' - Apply background styling
  *
  * @example
  * ```tsx
@@ -185,12 +185,12 @@ declare enum TagBackground {
   WITH = "with",
 }
 declare const containerVariants: (props?: {
-  roundedSize?: "md" | "none" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full";
-  color?: "neutral" | "text" | "error" | "success" | "warning" | "blue" | "yellow" | "green" | "red" | "orange" | "purple" | "pink" | "brown" | "gray" | "black" | "white";
-  size?: "md" | "sm" | "lg" | "xl" | "xs";
+  roundedSize?: "full" | "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl";
+  color?: "error" | "success" | "warning" | "neutral" | "text" | "blue" | "yellow" | "green" | "red" | "orange" | "purple" | "pink" | "brown" | "gray" | "black" | "white";
+  size?: "xs" | "sm" | "md" | "lg" | "xl";
   border?: "none" | "with";
   background?: "none" | "with";
-} & class_variance_authority_types7.ClassProp) => string;
+} & class_variance_authority_types0.ClassProp) => string;
 /**
  * Tag component for displaying labels, categories, status indicators, and badges
  *

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

@@ -1,4 +1,5 @@
 import { InputVariant, inputVariants } from "../Input/Input.js";
+import "../Input/index.js";
 import { DetailedHTMLProps, FC, TextareaHTMLAttributes } from "react";
 import { VariantProps } from "class-variance-authority";
 

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","names":[],"sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAmCA;;;;;;;;;;;;;AA2DA;;;;;;;;;;;;;;;KA3DY,aAAA,GAAgB,kBAC1B,kBACE,uBAAuB,sBACvB,sBAEF;;;IAIE,KACA,oBAAoB;;YAIV,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA6CnB,UAAU,GAAG"}
+{"version":3,"file":"TextArea.d.ts","names":[],"sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAmCA;;;;;;;;;;;;;AA2DA;;;;;;;;;;;;;;KA3DY,aAAA,GAAgB,kBAC1B,kBACE,uBAAuB,sBACvB,sBAEF;;;IAIE,KACA,oBAAoB;;YAIV,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA6CnB,UAAU,GAAG"}

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

@@ -1,5 +1,5 @@
 import { ComponentProps, FC, ReactElement } from "react";
-import * as class_variance_authority_types8 from "class-variance-authority/types";
+import * as class_variance_authority_types7 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 
@@ -26,7 +26,7 @@ declare const ToastViewport: FC<ComponentProps<typeof ToastPrimitives.Viewport>>
  */
 declare const toastVariants: (props?: {
   variant?: "default" | "error" | "success";
-} & class_variance_authority_types8.ClassProp) => string;
+} & class_variance_authority_types7.ClassProp) => string;
 /**
  * Toast Component
  *

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/Toaster/Toaster.d.ts
 
@@ -44,7 +44,7 @@ import * as react_jsx_runtime6 from "react/jsx-runtime";
  *
  * @returns JSX element rendering the toast viewport and active toasts
  */
-declare const Toaster: () => react_jsx_runtime6.JSX.Element;
+declare const Toaster: () => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Toaster };
 //# sourceMappingURL=Toaster.d.ts.map

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

@@ -1,34 +1,47 @@
 import { Button, ButtonColor, ButtonIconPosition, ButtonProps, ButtonSize, ButtonTextAlign, ButtonVariant } from "./Button/Button.js";
+import "./Button/index.js";
 import { Accordion, AccordionProps } from "./Accordion/Accordion.js";
+import "./Accordion/index.js";
 import { Avatar, AvatarProps, getCapitals } from "./Avatar/index.js";
 import { Badge, BadgeColor, BadgeProps, BadgeSize, BadgeVariant, BadgeVariantProps, badgeVariants } from "./Badge/index.js";
 import { Link, LinkColor, LinkProps, LinkUnderlined, LinkVariant, checkIsExternalLink, linkVariants } from "./Link/Link.js";
+import "./Link/index.js";
 import { Breadcrumb, BreadcrumbLink, BreadcrumbProps } from "./Breadcrumb/index.js";
 import { Browser, BrowserProps } from "./Browser/Browser.js";
+import "./Browser/index.js";
 import { ClickOutsideDiv, ClickOutsideDivProps } from "./ClickOutsideDiv/index.js";
 import { CollapsibleTable, CollapsibleTableProps } from "./CollapsibleTable/CollapsibleTable.js";
+import "./CollapsibleTable/index.js";
 import { Command, CommandRoot } from "./Command/index.js";
 import { Container, ContainerBackground, ContainerBorderColor, ContainerGap, ContainerPadding, ContainerProps, ContainerRoundedSize, ContainerSeparator, ContainerTransparency, containerVariants } from "./Container/index.js";
 import { Checkbox, CheckboxColor, CheckboxProps, CheckboxSize, checkboxVariants } from "./Input/Checkbox.js";
 import { Input, InputProps, InputSize, InputVariant, inputVariants } from "./Input/Input.js";
 import { InputPassword } from "./Input/InputPassword.js";
 import { SearchInput } from "./Input/SearchInput.js";
+import "./Input/index.js";
 import { TextArea, TextAreaProps } from "./TextArea/TextArea.js";
 import { AutoSizedTextArea, AutoSizedTextAreaProps } from "./TextArea/AutoSizeTextArea.js";
 import { AutoCompleteTextarea, AutocompleteTextAreaProps, useDebounce } from "./TextArea/AutocompleteTextArea.js";
+import "./TextArea/index.js";
 import { ContentSelector } from "./ContentSelector/ContentSelector.js";
+import "./ContentSelector/index.js";
 import { CopyButton } from "./CopyButton/index.js";
 import { CopyToClipboard, CopyToClipboardProps } from "./CopyToClipboard/index.js";
 import { DictionaryEditor } from "./DictionaryEditor/DictionaryEditor.js";
+import "./DictionaryEditor/index.js";
 import { DictionaryCreationForm } from "./DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.js";
 import { DictionaryFieldEditor } from "./DictionaryFieldEditor/DictionaryFieldEditor.js";
 import { DropDown, DropDownAlign, DropDownProps, DropDownType, PanelProps, TriggerProps } from "./DropDown/index.js";
 import { VersionSwitcher, VersionSwitcherProps } from "./DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcher.js";
 import { VersionSwitcherProvider, useVersionSwitcher } from "./DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcherContext.js";
+import "./DictionaryFieldEditor/index.js";
 import { EditableFieldInput } from "./EditableField/EditableFieldInput.js";
 import { EditableFieldTextArea } from "./EditableField/EditableFieldTextArea.js";
+import "./EditableField/index.js";
 import { ExpandCollapse, ExpandCollapseProps } from "./ExpandCollapse/ExpandCollapse.js";
+import "./ExpandCollapse/index.js";
 import { Flag } from "./Flags/Flag.js";
+import "./Flags/index.js";
 import { Footer, FooterLink, LinkGroup } from "./Footer/index.js";
 import { MultiSelect } from "./Select/Multiselect.js";
 import { Select, SelectContent, SelectContentPosition, SelectLabel, SelectSeparator } from "./Select/Select.js";
@@ -37,38 +50,54 @@ import { useForm } from "./Form/FormBase.js";
 import { useFormField } from "./Form/FormField.js";
 import { Form } from "./Form/Form.js";
 import { Label, LabelProps } from "./Label/index.js";
+import "./Form/index.js";
 import { H1, H2, H3, H4, H5, H6, HeadingProps } from "./Headers/index.js";
 import { HeightResizer } from "./HeightResizer/index.js";
 import { HideShow, HideShowProps } from "./HideShow/index.js";
 import { Code, CodeCompAttributes } from "./IDE/Code.js";
+import { CodeBlock, CodeBlockProps, CodeDefault } from "./IDE/CodeBlockClient.js";
 import { FileList, FileListProps } from "./IDE/FileList.js";
 import { IDE, IDEProps } from "./IDE/IDE.js";
+import "./IDE/index.js";
 import { InformationTag } from "./InformationTag/index.js";
 import { KeyboardScreenAdapter } from "./KeyboardScreenAdapter/index.js";
 import { Loader, LoaderProps } from "./Loader/index.js";
 import { LocaleSwitcherContent, LocaleSwitcherContentProps } from "./LocaleSwitcherContentDropDown/LocaleSwitcherContent.js";
 import { LocaleSwitcherContentProvider, useLocaleSwitcherContent } from "./LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.js";
+import "./LocaleSwitcherContentDropDown/index.js";
 import { LocaleSwitcher, LocaleSwitcherProps } from "./LocaleSwitcherDropDown/LocaleSwitcher.js";
+import "./LocaleSwitcherDropDown/index.js";
 import { Logo } from "./Logo/Logo.js";
 import { LogoTextOnly } from "./Logo/LogoTextOnly.js";
 import { LogoWithText } from "./Logo/LogoWithText.js";
 import { LogoWithTextBelow } from "./Logo/LogoWithTextBelow.js";
+import "./Logo/index.js";
 import { MarkdownRenderer } from "./MarkDownRender/MarkDownRender.js";
+import "./MarkDownRender/index.js";
 import { MaxHeightSmoother } from "./MaxHeightSmoother/index.js";
 import { MaxWidthSmoother } from "./MaxWidthSmoother/index.js";
 import { Modal, ModalSize } from "./Modal/Modal.js";
+import "./Modal/index.js";
 import { TabSelector, TabSelectorColor, TabSelectorItemProps, TabSelectorProps } from "./TabSelector/TabSelector.js";
+import "./TabSelector/index.js";
 import { Navbar } from "./Navbar/index.js";
 import { NumberItemsSelector, NumberItemsSelectorProps } from "./Pagination/NumberItemsSelector.js";
 import { Pagination, PaginationProps, PaginationSize, PaginationVariant, paginationVariants } from "./Pagination/Pagination.js";
 import { ShowingResultsNumberItems, ShowingResultsNumberItemsProps } from "./Pagination/ShowingResultsNumberItems.js";
+import "./Pagination/index.js";
 import { DotPattern } from "./Pattern/DotPattern.js";
 import { GridPattern } from "./Pattern/GridPattern.js";
 import { Spotlight } from "./Pattern/SpotLight.js";
-import { DetailProps, Popover, PopoverProps, PopoverType, PopoverXAlign, PopoverYAlign } from "./Popover/index.js";
+import "./Pattern/index.js";
+import { Detail, DetailProps, PopoverProps, PopoverStatic, PopoverType, PopoverXAlign, PopoverYAlign } from "./Popover/static.js";
+import { Popover } from "./Popover/dynamic.js";
+import "./Popover/index.js";
 import { PressableSpan } from "./PressableSpan/PressableSpan.js";
+import "./PressableSpan/index.js";
 import { RightDrawer } from "./RightDrawer/RightDrawer.js";
 import { useRightDrawerStore } from "./RightDrawer/useRightDrawerStore.js";
+import "./RightDrawer/index.js";
+import "./Select/index.js";
 import { DiscordLogo } from "./SocialNetworks/DiscordLogo.js";
 import { FacebookLogo } from "./SocialNetworks/FacebookLogo.js";
 import { InstagramLogo } from "./SocialNetworks/InstagramLogo.js";
@@ -79,13 +108,17 @@ import { XLogo } from "./SocialNetworks/XLogo.js";
 import { YoutubeLogo } from "./SocialNetworks/YoutubeLogo.js";
 import { SocialNetworks } from "./SocialNetworks/index.js";
 import { Tab, TabItemProps, TabProps } from "./Tab/Tab.js";
+import "./Tab/index.js";
 import { Table } from "./Table/Table.js";
+import "./Table/index.js";
 import { Tag, TagBackground, TagBorder, TagColor, TagRoundedSize, TagSize } from "./Tag/index.js";
 import { Modes } from "./ThemeSwitcherDropDown/types.js";
 import { DesktopThemeSwitcher } from "./ThemeSwitcherDropDown/DesktopThemeSwitcher.js";
 import { MobileThemeSwitcher } from "./ThemeSwitcherDropDown/MobileThemeSwitcher.js";
+import "./ThemeSwitcherDropDown/index.js";
 import { Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport } from "./Toaster/Toast.js";
 import { Toaster } from "./Toaster/Toaster.js";
 import { reducer, toast, useToast } from "./Toaster/useToast.js";
+import "./Toaster/index.js";
 import { WithResizer } from "./WithResizer/index.js";
-export { Accordion, AccordionProps, AutoCompleteTextarea, AutoSizedTextArea, AutoSizedTextAreaProps, AutocompleteTextAreaProps, Avatar, AvatarProps, Badge, BadgeColor, BadgeProps, BadgeSize, BadgeVariant, BadgeVariantProps, Breadcrumb, BreadcrumbLink, BreadcrumbProps, Browser, BrowserProps, Button, ButtonColor, ButtonIconPosition, ButtonProps, ButtonSize, ButtonTextAlign, ButtonVariant, Checkbox, CheckboxColor, CheckboxProps, CheckboxSize, ClickOutsideDiv, ClickOutsideDivProps, Code, CodeCompAttributes, CollapsibleTable, CollapsibleTableProps, Command, CommandRoot, Container, ContainerBackground, ContainerBorderColor, ContainerGap, ContainerPadding, ContainerProps, ContainerRoundedSize, ContainerSeparator, ContainerTransparency, ContentSelector, CopyButton, CopyToClipboard, CopyToClipboardProps, DesktopThemeSwitcher, DetailProps, DictionaryCreationForm, DictionaryEditor, DictionaryFieldEditor, DiscordLogo, DotPattern, DropDown, DropDownAlign, DropDownProps, DropDownType, EditableFieldInput, EditableFieldTextArea, ExpandCollapse, ExpandCollapseProps, FacebookLogo, FileList, FileListProps, Flag, Footer, FooterLink, Form, GridPattern, H1, H2, H3, H4, H5, H6, HeadingProps, HeightResizer, HideShow, HideShowProps, IDE, IDEProps, InformationTag, Input, InputPassword, InputProps, InputSize, InputVariant, InstagramLogo, KeyboardScreenAdapter, Label, LabelProps, Link, LinkColor, LinkGroup, LinkProps, 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, Pagination, PaginationProps, PaginationSize, PaginationVariant, PanelProps, Popover, PopoverProps, PopoverType, PopoverXAlign, PopoverYAlign, PressableSpan, ProductHuntLogo, RightDrawer, SearchInput, Select, SelectContent, SelectContentPosition, SelectLabel, SelectSeparator, ShowingResultsNumberItems, ShowingResultsNumberItemsProps, SocialNetworks, Spotlight, SwitchSelector, SwitchSelectorChoice, SwitchSelectorChoices, SwitchSelectorColor, SwitchSelectorProps, SwitchSelectorSize, Tab, TabItemProps, TabProps, TabSelector, TabSelectorColor, TabSelectorItemProps, TabSelectorProps, Table, Tag, TagBackground, TagBorder, TagColor, TagRoundedSize, TagSize, TextArea, TextAreaProps, TiktokLogo, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, TriggerProps, VersionSwitcher, VersionSwitcherProps, VersionSwitcherProvider, WithResizer, XLogo, YoutubeLogo, badgeVariants, checkIsExternalLink, checkboxVariants, containerVariants, getCapitals, inputVariants, linkVariants, paginationVariants, reducer, toast, useDebounce, useForm, useFormField, useLocaleSwitcherContent, useRightDrawerStore, useToast, useVersionSwitcher };
+export { Accordion, AccordionProps, AutoCompleteTextarea, AutoSizedTextArea, AutoSizedTextAreaProps, AutocompleteTextAreaProps, Avatar, AvatarProps, Badge, BadgeColor, BadgeProps, BadgeSize, BadgeVariant, BadgeVariantProps, Breadcrumb, BreadcrumbLink, BreadcrumbProps, Browser, BrowserProps, Button, ButtonColor, ButtonIconPosition, ButtonProps, ButtonSize, ButtonTextAlign, ButtonVariant, Checkbox, CheckboxColor, CheckboxProps, CheckboxSize, ClickOutsideDiv, ClickOutsideDivProps, Code, CodeBlock, CodeBlockProps, CodeCompAttributes, CodeDefault, CollapsibleTable, CollapsibleTableProps, Command, CommandRoot, Container, ContainerBackground, ContainerBorderColor, ContainerGap, ContainerPadding, ContainerProps, ContainerRoundedSize, ContainerSeparator, ContainerTransparency, ContentSelector, CopyButton, CopyToClipboard, CopyToClipboardProps, DesktopThemeSwitcher, Detail, DetailProps, DictionaryCreationForm, DictionaryEditor, DictionaryFieldEditor, DiscordLogo, DotPattern, DropDown, DropDownAlign, DropDownProps, DropDownType, EditableFieldInput, EditableFieldTextArea, ExpandCollapse, ExpandCollapseProps, FacebookLogo, FileList, FileListProps, Flag, Footer, FooterLink, Form, GridPattern, H1, H2, H3, H4, H5, H6, HeadingProps, HeightResizer, HideShow, HideShowProps, IDE, IDEProps, InformationTag, Input, InputPassword, InputProps, InputSize, InputVariant, InstagramLogo, KeyboardScreenAdapter, Label, LabelProps, Link, LinkColor, LinkGroup, LinkProps, 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, Pagination, PaginationProps, PaginationSize, PaginationVariant, PanelProps, Popover, PopoverProps, PopoverStatic, PopoverType, PopoverXAlign, PopoverYAlign, PressableSpan, ProductHuntLogo, RightDrawer, SearchInput, Select, SelectContent, SelectContentPosition, SelectLabel, SelectSeparator, ShowingResultsNumberItems, ShowingResultsNumberItemsProps, SocialNetworks, Spotlight, SwitchSelector, SwitchSelectorChoice, SwitchSelectorChoices, SwitchSelectorColor, SwitchSelectorProps, SwitchSelectorSize, Tab, TabItemProps, TabProps, TabSelector, TabSelectorColor, TabSelectorItemProps, TabSelectorProps, Table, Tag, TagBackground, TagBorder, TagColor, TagRoundedSize, TagSize, TextArea, TextAreaProps, TiktokLogo, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, TriggerProps, VersionSwitcher, VersionSwitcherProps, VersionSwitcherProvider, WithResizer, XLogo, YoutubeLogo, badgeVariants, checkIsExternalLink, checkboxVariants, containerVariants, getCapitals, inputVariants, linkVariants, paginationVariants, reducer, toast, useDebounce, useForm, useFormField, useLocaleSwitcherContent, useRightDrawerStore, useToast, useVersionSwitcher };

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

@@ -2,6 +2,7 @@ import { useAddDictionary, useAddNewAccessKey, useAddOrganization, useAddOrganiz
 import { useAuth } from "./useAuth/useAuth.js";
 import { useOAuth2 } from "./useAuth/useOAuth2.js";
 import { useSession } from "./useAuth/useSession.js";
+import "./useAuth/index.js";
 import { SizeType, calculateIsMobile, checkIsIphoneOrSafariDevice, checkIsMobileScreen, checkIsMobileUserAgent, getBreakpointFromSize, useDevice } from "./useDevice.js";
 import { useGetElementOrWindow } from "./useGetElementOrWindow.js";
 import { HorizontalSwipeConfig, HorizontalSwipeHook, useHorizontalSwipe } from "./useHorizontalSwipe.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intlayer/design-system",
-  "version": "7.0.7",
+  "version": "7.0.8",
   "private": false,
   "description": "Intlayer design system, including UI components used in the Intlayer editor, website, and visual editor/CMS.",
   "keywords": [
@@ -95,12 +95,12 @@
   },
   "dependencies": {
     "@hookform/resolvers": "5.2.2",
-    "@intlayer/api": "7.0.7",
-    "@intlayer/config": "7.0.7",
-    "@intlayer/core": "7.0.7",
-    "@intlayer/dictionaries-entry": "7.0.7",
-    "@intlayer/editor-react": "7.0.7",
-    "@intlayer/types": "7.0.7",
+    "@intlayer/api": "7.0.8",
+    "@intlayer/config": "7.0.8",
+    "@intlayer/core": "7.0.8",
+    "@intlayer/dictionaries-entry": "7.0.8",
+    "@intlayer/editor-react": "7.0.8",
+    "@intlayer/types": "7.0.8",
     "@monaco-editor/react": "4.7.0",
     "@radix-ui/react-dialog": "1.1.15",
     "@radix-ui/react-select": "2.2.6",
@@ -109,7 +109,7 @@
     "@shikijs/transformers": "3.13.0",
     "@storybook/manager-api": "^8.6.14",
     "@storybook/theming": "^8.6.14",
-    "@tanstack/react-query": "5.90.5",
+    "@tanstack/react-query": "5.90.6",
     "@tanstack/react-query-devtools": "5.90.2",
     "better-auth": "1.3.29",
     "class-variance-authority": "0.7.1",
@@ -117,9 +117,9 @@
     "cmdk": "1.1.1",
     "framer-motion": "12.23.24",
     "fuse.js": "7.1.0",
-    "intlayer": "7.0.7",
-    "react-hook-form": "7.65.0",
-    "react-intlayer": "7.0.7",
+    "intlayer": "7.0.8",
+    "react-hook-form": "7.66.0",
+    "react-intlayer": "7.0.8",
     "rollup-preserve-directives": "1.1.3",
     "shiki": "3.13.0",
     "tailwind-merge": "3.3.1",
@@ -128,7 +128,7 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "3.2.7",
-    "@intlayer/backend": "7.0.7",
+    "@intlayer/backend": "7.0.8",
     "@storybook/addon-a11y": "8.6.14",
     "@storybook/addon-essentials": "8.6.14",
     "@storybook/addon-interactions": "8.6.14",
@@ -147,39 +147,39 @@
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
     "@types/espree": "10.1.0",
-    "@types/node": "24.9.2",
+    "@types/node": "24.10.0",
     "@types/react": "19.2.2",
     "@types/react-dom": "19.2.2",
-    "@utils/ts-config": "7.0.7",
-    "@utils/ts-config-types": "7.0.7",
+    "@utils/ts-config": "7.0.8",
+    "@utils/ts-config-types": "7.0.8",
     "fast-glob": "3.3.3",
-    "lucide-react": "0.547.0",
-    "rimraf": "6.0.1",
+    "lucide-react": "0.552.0",
+    "rimraf": "6.1.0",
     "storybook": "8.6.14",
     "tailwindcss": "4.1.16",
     "typescript": "5.9.3",
-    "vite-intlayer": "7.0.7",
+    "vite-intlayer": "7.0.8",
     "vite-plugin-dts": "4.5.4",
-    "vitest": "4.0.5"
+    "vitest": "4.0.7"
   },
   "peerDependencies": {
     "@better-fetch/fetch": "1.1.18",
-    "@intlayer/api": "7.0.7",
-    "@intlayer/backend": "7.0.7",
-    "@intlayer/config": "7.0.7",
-    "@intlayer/core": "7.0.7",
-    "@intlayer/dictionaries-entry": "7.0.7",
-    "@intlayer/editor-react": "7.0.7",
-    "@intlayer/types": "7.0.7",
+    "@intlayer/api": "7.0.8",
+    "@intlayer/backend": "7.0.8",
+    "@intlayer/config": "7.0.8",
+    "@intlayer/core": "7.0.8",
+    "@intlayer/dictionaries-entry": "7.0.8",
+    "@intlayer/editor-react": "7.0.8",
+    "@intlayer/types": "7.0.8",
     "@monaco-editor/react": "4.7.0",
-    "@tanstack/react-query": "5.90.5",
+    "@tanstack/react-query": "5.90.6",
     "clsx": "2.1.1",
     "framer-motion": "12.23.24",
     "fuse.js": "7.1.0",
-    "intlayer": "7.0.7",
+    "intlayer": "7.0.8",
     "react": ">=16.0.0",
     "react-dom": ">=16.0.0",
-    "react-intlayer": "7.0.7",
+    "react-intlayer": "7.0.8",
     "tailwind-merge": "3.3.1",
     "zustand": "4.5.7"
   }