@intlayer/design-system 8.12.4 → 8.12.5-canary.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/dist/esm/components/Form/elements/OTPElement.mjs +1 -1
  2. package/dist/esm/components/LocaleSwitcherContentDropDown/LocaleSwitcherContent.mjs +1 -1
  3. package/dist/esm/components/Modal/Modal.mjs +2 -2
  4. package/dist/esm/components/Navbar/MobileNavbar.mjs +1 -1
  5. package/dist/esm/components/Pagination/Pagination.mjs +1 -1
  6. package/dist/esm/components/RightDrawer/RightDrawer.mjs +3 -3
  7. package/dist/esm/components/Tab/Tab.mjs +1 -1
  8. package/dist/esm/hooks/index.mjs +8 -8
  9. package/dist/types/components/Badge/index.d.ts +1 -1
  10. package/dist/types/components/Button/Button.d.ts +4 -4
  11. package/dist/types/components/CollapsibleTable/CollapsibleTable.d.ts +1 -1
  12. package/dist/types/components/Command/index.d.ts +2 -2
  13. package/dist/types/components/Container/index.d.ts +1 -1
  14. package/dist/types/components/Link/Link.d.ts +1 -1
  15. package/dist/types/components/Pagination/Pagination.d.ts +1 -1
  16. package/dist/types/components/Tab/Tab.d.ts +1 -1
  17. package/dist/types/components/Toaster/Toast.d.ts +1 -1
  18. package/package.json +16 -16
package/dist/esm/components/Form/elements/OTPElement.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
 
3
- import { useItemSelector } from "../../../hooks/useItemSelector.mjs";
4
3
  import { InputIndicator, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from "../../Input/OTPInput.mjs";
4
+ import { useItemSelector } from "../../../hooks/useItemSelector.mjs";
5
5
  import { useFormField } from "../FormField.mjs";
6
6
  import { FormItemLayout } from "../layout/FormItemLayout.mjs";
7
7
  import { Form } from "../Form.mjs";
package/dist/esm/components/LocaleSwitcherContentDropDown/LocaleSwitcherContent.mjs CHANGED
@@ -1,11 +1,11 @@
1
1
  'use client';
2
2
 
3
- import { usePersistedStore } from "../../hooks/usePersistedStore.mjs";
4
3
  import { Button } from "../Button/Button.mjs";
5
4
  import { Container } from "../Container/index.mjs";
6
5
  import { DropDown } from "../DropDown/index.mjs";
7
6
  import { Input } from "../Input/Input.mjs";
8
7
  import { SwitchSelector } from "../SwitchSelector/SwitchSelector.mjs";
8
+ import { usePersistedStore } from "../../hooks/usePersistedStore.mjs";
9
9
  import { useLocaleSwitcherContent } from "./LocaleSwitcherContentContext.mjs";
10
10
  import { useMemo, useRef, useState } from "react";
11
11
  import { Check, Globe, MoveVertical } from "lucide-react";
package/dist/esm/components/Modal/Modal.mjs CHANGED
@@ -1,10 +1,10 @@
1
1
  'use client';
2
2
 
3
3
  import { cn } from "../../utils/cn.mjs";
4
- import { useGetElementOrWindow } from "../../hooks/useGetElementOrWindow.mjs";
5
- import { useScrollBlockage } from "../../hooks/useScrollBlockage/index.mjs";
6
4
  import { Button } from "../Button/Button.mjs";
7
5
  import { Container } from "../Container/index.mjs";
6
+ import { useGetElementOrWindow } from "../../hooks/useGetElementOrWindow.mjs";
7
+ import { useScrollBlockage } from "../../hooks/useScrollBlockage/index.mjs";
8
8
  import { H3 } from "../Headers/index.mjs";
9
9
  import { useEffect } from "react";
10
10
  import { cva } from "class-variance-authority";
package/dist/esm/components/Navbar/MobileNavbar.mjs CHANGED
@@ -1,9 +1,9 @@
1
1
  'use client';
2
2
 
3
3
  import { cn } from "../../utils/cn.mjs";
4
+ import { MaxHeightSmoother } from "../MaxHeightSmoother/index.mjs";
4
5
  import { useScrollBlockage } from "../../hooks/useScrollBlockage/index.mjs";
5
6
  import { useScrollDetection } from "../../hooks/useScrollDetection.mjs";
6
- import { MaxHeightSmoother } from "../MaxHeightSmoother/index.mjs";
7
7
  import { Burger } from "./Burger.mjs";
8
8
  import { useRef, useState } from "react";
9
9
  import { jsx, jsxs } from "react/jsx-runtime";
package/dist/esm/components/Pagination/Pagination.mjs CHANGED
@@ -1,8 +1,8 @@
1
1
  'use client';
2
2
 
3
3
  import { cn } from "../../utils/cn.mjs";
4
- import { useItemSelector } from "../../hooks/useItemSelector.mjs";
5
4
  import { Button } from "../Button/Button.mjs";
5
+ import { useItemSelector } from "../../hooks/useItemSelector.mjs";
6
6
  import { useEffect, useRef } from "react";
7
7
  import { cva } from "class-variance-authority";
8
8
  import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react";
package/dist/esm/components/RightDrawer/RightDrawer.mjs CHANGED
@@ -1,12 +1,12 @@
1
1
  'use client';
2
2
 
3
- import { useGetElementOrWindow } from "../../hooks/useGetElementOrWindow.mjs";
4
- import { useDevice } from "../../hooks/useDevice.mjs";
5
- import { useScrollBlockage } from "../../hooks/useScrollBlockage/index.mjs";
6
3
  import { Button } from "../Button/Button.mjs";
7
4
  import { Container } from "../Container/index.mjs";
5
+ import { useDevice } from "../../hooks/useDevice.mjs";
8
6
  import { KeyboardShortcut } from "../KeyboardShortcut/KeyboardShortcut.mjs";
9
7
  import { Popover } from "../Popover/dynamic.mjs";
8
+ import { useGetElementOrWindow } from "../../hooks/useGetElementOrWindow.mjs";
9
+ import { useScrollBlockage } from "../../hooks/useScrollBlockage/index.mjs";
10
10
  import { MaxWidthSmoother } from "../MaxWidthSmoother/index.mjs";
11
11
  import { isElementAtTopAndNotCovered } from "./isElementAtTopAndNotCovered.mjs";
12
12
  import { useRightDrawer } from "./useRightDrawer.mjs";
package/dist/esm/components/Tab/Tab.mjs CHANGED
@@ -1,8 +1,8 @@
1
1
  'use client';
2
2
 
3
3
  import { cn } from "../../utils/cn.mjs";
4
- import { useHorizontalSwipe } from "../../hooks/useHorizontalSwipe.mjs";
5
4
  import { TabSelector } from "../TabSelector/TabSelector.mjs";
5
+ import { useHorizontalSwipe } from "../../hooks/useHorizontalSwipe.mjs";
6
6
  import { useTabContext } from "./TabContext.mjs";
7
7
  import { Children, createContext, isValidElement, useState } from "react";
8
8
  import { cva } from "class-variance-authority";
package/dist/esm/hooks/index.mjs CHANGED
@@ -1,16 +1,16 @@
1
- import { useKeyboardDetector } from "./useKeyboardDetector.mjs";
2
- import { useGetElementOrWindow } from "./useGetElementOrWindow.mjs";
3
- import { useScrollY } from "./useScrollY.mjs";
4
- import { usePersistedStore } from "./usePersistedStore.mjs";
5
- import { useHorizontalSwipe } from "./useHorizontalSwipe.mjs";
6
- import { useItemSelector } from "./useItemSelector.mjs";
7
1
  import { calculateIsMobile, checkIsIOS, checkIsIphoneOrSafariDevice, checkIsMac, checkIsMobileScreen, checkIsMobileUserAgent, getBreakpointFromSize, useDevice } from "./useDevice.mjs";
8
- import { useSearch } from "./useSearch.mjs";
9
- import { useIsMounted } from "./useIsMounted.mjs";
2
+ import { useItemSelector } from "./useItemSelector.mjs";
3
+ import { usePersistedStore } from "./usePersistedStore.mjs";
10
4
  import { useGetElementById } from "./useGetElementById.mjs";
5
+ import { useGetElementOrWindow } from "./useGetElementOrWindow.mjs";
6
+ import { useHorizontalSwipe } from "./useHorizontalSwipe.mjs";
11
7
  import { useIsDarkMode } from "./useIsDarkMode.mjs";
8
+ import { useIsMounted } from "./useIsMounted.mjs";
9
+ import { useKeyboardDetector } from "./useKeyboardDetector.mjs";
12
10
  import { useScreenWidth } from "./useScreenWidth.mjs";
13
11
  import { useScrollBlockage } from "./useScrollBlockage/index.mjs";
14
12
  import { useScrollDetection } from "./useScrollDetection.mjs";
13
+ import { useScrollY } from "./useScrollY.mjs";
14
+ import { useSearch } from "./useSearch.mjs";
15
15
 
16
16
  export { calculateIsMobile, checkIsIOS, checkIsIphoneOrSafariDevice, checkIsMac, checkIsMobileScreen, checkIsMobileUserAgent, getBreakpointFromSize, useDevice, useGetElementById, useGetElementOrWindow, useHorizontalSwipe, useIsDarkMode, useIsMounted, useItemSelector, useKeyboardDetector, usePersistedStore, useScreenWidth, useScrollBlockage, useScrollDetection, useScrollY, useSearch };
package/dist/types/components/Badge/index.d.ts CHANGED
@@ -24,7 +24,7 @@ type BadgeSize = 'sm' | 'md' | 'lg';
24
24
  */
25
25
  declare const badgeVariants: (props?: {
26
26
  color?: "error" | "success" | "text" | "primary" | "secondary" | "neutral" | "light" | "dark" | "custom";
27
- variant?: "default" | "none" | "hoverable" | "outline";
27
+ variant?: "default" | "none" | "outline" | "hoverable";
28
28
  size?: "sm" | "md" | "lg";
29
29
  } & _$class_variance_authority_types0.ClassProp) => string;
30
30
  /**
package/dist/types/components/Button/Button.d.ts CHANGED
@@ -25,10 +25,10 @@ type ButtonTextAlign = 'left' | 'center' | 'right';
25
25
  */
26
26
  declare const buttonVariants: (props?: {
27
27
  size?: "xs" | "sm" | "md" | "lg" | "xl" | "icon-sm" | "icon-md" | "icon-lg" | "icon-xl";
28
- color?: "error" | "success" | "text" | "primary" | "secondary" | "neutral" | "light" | "dark" | "text-inverse" | "custom" | "card" | "current";
29
- roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "full" | "4xl" | "5xl";
30
- variant?: "default" | "input" | "none" | "hoverable" | "link" | "invisible-link" | "outline" | "fade";
31
- textAlign?: "center" | "left" | "right";
28
+ color?: "error" | "success" | "text" | "primary" | "secondary" | "neutral" | "card" | "light" | "dark" | "current" | "text-inverse" | "custom";
29
+ roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "4xl" | "5xl" | "full";
30
+ variant?: "input" | "default" | "link" | "none" | "outline" | "invisible-link" | "hoverable" | "fade";
31
+ textAlign?: "left" | "center" | "right";
32
32
  isFullWidth?: boolean;
33
33
  } & _$class_variance_authority_types0.ClassProp) => string;
34
34
  /**
package/dist/types/components/CollapsibleTable/CollapsibleTable.d.ts CHANGED
@@ -6,7 +6,7 @@ import { VariantProps } from "class-variance-authority";
6
6
  declare const collapsibleTableVariants: (props?: {
7
7
  size?: "sm" | "md" | "lg" | "xl" | "full";
8
8
  variant?: "default" | "dark" | "ghost" | "outlined";
9
- spacing?: "sm" | "md" | "lg" | "auto" | "none";
9
+ spacing?: "auto" | "sm" | "md" | "lg" | "none";
10
10
  } & _$class_variance_authority_types0.ClassProp) => string;
11
11
  interface CollapsibleTableProps extends Omit<HTMLAttributes<HTMLElement>, 'title'>, VariantProps<typeof collapsibleTableVariants> {
12
12
  /** Table title displayed in the header */
package/dist/types/components/Command/index.d.ts CHANGED
@@ -28,7 +28,7 @@ declare const Command: {
28
28
  ref?: React.Ref<HTMLInputElement>;
29
29
  } & {
30
30
  asChild?: boolean;
31
- }, "key" | "asChild" | keyof _$react.InputHTMLAttributes<HTMLInputElement>>, "value" | "onChange" | "type"> & {
31
+ }, "key" | "asChild" | keyof _$react.InputHTMLAttributes<HTMLInputElement>>, "type" | "onChange" | "value"> & {
32
32
  value?: string;
33
33
  onValueChange?: (search: string) => void;
34
34
  } & _$react.RefAttributes<HTMLInputElement>>;
@@ -72,7 +72,7 @@ declare const Command: {
72
72
  ref?: React.Ref<HTMLDivElement>;
73
73
  } & {
74
74
  asChild?: boolean;
75
- }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "disabled" | "onSelect"> & {
75
+ }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
76
76
  disabled?: boolean;
77
77
  onSelect?: (value: string) => void;
78
78
  value?: string;
package/dist/types/components/Container/index.d.ts CHANGED
@@ -8,7 +8,7 @@ import { VariantProps } from "class-variance-authority";
8
8
  * Provides flexible styling options for background, padding, borders, and layout
9
9
  */
10
10
  declare const containerVariants: (props?: {
11
- roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "full" | "4xl";
11
+ roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "4xl" | "full";
12
12
  transparency?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full";
13
13
  padding?: "sm" | "md" | "lg" | "xl" | "2xl" | "none";
14
14
  separator?: "both" | "without" | "x" | "y";
package/dist/types/components/Link/Link.d.ts CHANGED
@@ -13,7 +13,7 @@ type LinkRoundedSize = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'ful
13
13
  type LinkSize = 'sm' | 'md' | 'lg' | 'xl' | 'custom';
14
14
  type LinkUnderlined = 'default' | 'true' | 'false';
15
15
  declare const linkVariants: (props?: {
16
- variant?: "default" | "hoverable" | "button" | "invisible-link" | "button-outlined";
16
+ variant?: "default" | "invisible-link" | "hoverable" | "button" | "button-outlined";
17
17
  roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "full";
18
18
  color?: "error" | "success" | "text" | "primary" | "secondary" | "neutral" | "light" | "dark" | "text-inverse" | "custom";
19
19
  size?: "sm" | "md" | "lg" | "xl" | "custom";
package/dist/types/components/Pagination/Pagination.d.ts CHANGED
@@ -6,7 +6,7 @@ import { VariantProps } from "class-variance-authority";
6
6
  declare const paginationVariants: (props?: {
7
7
  size?: "sm" | "md" | "lg";
8
8
  color?: "text" | "primary" | "secondary" | "neutral";
9
- variant?: "default" | "bordered" | "ghost";
9
+ variant?: "default" | "ghost" | "bordered";
10
10
  } & _$class_variance_authority_types0.ClassProp) => string;
11
11
  type PaginationSize = 'sm' | 'md' | 'lg';
12
12
  type PaginationVariant = 'default' | 'bordered' | 'ghost';
package/dist/types/components/Tab/Tab.d.ts CHANGED
@@ -6,7 +6,7 @@ import { VariantProps } from "class-variance-authority";
6
6
  //#region src/components/Tab/Tab.d.ts
7
7
  declare const tabContainerVariant: (props?: {
8
8
  background?: "with" | "without";
9
- variant?: "default" | "bordered" | "ghost";
9
+ variant?: "default" | "ghost" | "bordered";
10
10
  } & _$class_variance_authority_types0.ClassProp) => string;
11
11
  type TabProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof tabContainerVariant> & {
12
12
  defaultTab?: string;
package/dist/types/components/Toaster/Toast.d.ts CHANGED
@@ -25,7 +25,7 @@ declare const ToastViewport: FC<ComponentProps<typeof ToastPrimitives.Viewport>>
25
25
  * ```
26
26
  */
27
27
  declare const toastVariants: (props?: {
28
- variant?: "error" | "default" | "success";
28
+ variant?: "default" | "error" | "success";
29
29
  } & _$class_variance_authority_types0.ClassProp) => string;
30
30
  /**
31
31
  * Toast Component
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@intlayer/design-system",
3
- "version": "8.12.4",
3
+ "version": "8.12.5-canary.0",
4
4
  "private": false,
5
5
  "description": "Intlayer design system, including UI components used in the Intlayer editor, website, and visual editor/CMS.",
6
6
  "keywords": [
@@ -430,12 +430,12 @@
430
430
  "dependencies": {
431
431
  "@better-auth/passkey": "1.6.15",
432
432
  "@better-auth/sso": "1.6.15",
433
- "@intlayer/api": "8.12.4",
434
- "@intlayer/config": "8.12.4",
435
- "@intlayer/core": "8.12.4",
436
- "@intlayer/dictionaries-entry": "8.12.4",
437
- "@intlayer/editor-react": "8.12.4",
438
- "@intlayer/types": "8.12.4",
433
+ "@intlayer/api": "8.12.5-canary.0",
434
+ "@intlayer/config": "8.12.5-canary.0",
435
+ "@intlayer/core": "8.12.5-canary.0",
436
+ "@intlayer/dictionaries-entry": "8.12.5-canary.0",
437
+ "@intlayer/editor-react": "8.12.5-canary.0",
438
+ "@intlayer/types": "8.12.5-canary.0",
439
439
  "@radix-ui/react-dialog": "1.1.16",
440
440
  "@radix-ui/react-select": "2.3.0",
441
441
  "@radix-ui/react-slot": "1.2.5",
@@ -450,12 +450,12 @@
450
450
  "defu": "6.1.7",
451
451
  "dompurify": "3.4.8",
452
452
  "isomorphic-dompurify": "3.16.0",
453
- "react-intlayer": "8.12.4",
453
+ "react-intlayer": "8.12.5-canary.0",
454
454
  "rollup-preserve-directives": "1.1.3",
455
455
  "zod": "4.4.3"
456
456
  },
457
457
  "devDependencies": {
458
- "@intlayer/backend": "8.12.4",
458
+ "@intlayer/backend": "8.12.5-canary.0",
459
459
  "@shikijs/transformers": "4.2.0",
460
460
  "@storybook/addon-a11y": "8.6.14",
461
461
  "@storybook/addon-essentials": "8.6.14",
@@ -486,7 +486,7 @@
486
486
  "@utils/ts-config-types": "1.0.4",
487
487
  "clsx": "2.1.1",
488
488
  "fast-glob": "3.3.3",
489
- "intlayer": "8.12.4",
489
+ "intlayer": "8.12.5-canary.0",
490
490
  "rimraf": "6.1.3",
491
491
  "shiki": "4.2.0",
492
492
  "storybook": "8.6.17",
@@ -494,26 +494,26 @@
494
494
  "tsdown": "0.21.10",
495
495
  "typescript": "6.0.3",
496
496
  "vite": "8.0.16",
497
- "vite-intlayer": "8.12.4",
497
+ "vite-intlayer": "8.12.5-canary.0",
498
498
  "vite-plugin-dts": "5.0.2",
499
499
  "vitest": "4.1.8"
500
500
  },
501
501
  "peerDependencies": {
502
- "@better-fetch/fetch": "1.1.21",
502
+ "@better-fetch/fetch": "1.2.2",
503
503
  "@hookform/resolvers": "5.4.0",
504
- "@intlayer/backend": "8.12.4",
504
+ "@intlayer/backend": "8.12.5-canary.0",
505
505
  "@monaco-editor/react": "4.7.0",
506
506
  "@shikijs/transformers": "4.2.0",
507
507
  "@tanstack/react-query": "5.101.0",
508
508
  "@tanstack/react-query-devtools": "5.101.0",
509
509
  "framer-motion": "12.40.0",
510
510
  "fuse.js": "7.4.2",
511
- "intlayer": "8.12.4",
511
+ "intlayer": "8.12.5-canary.0",
512
512
  "lucide-react": "1.17.0",
513
513
  "react": ">=16.0.0",
514
514
  "react-dom": ">=16.0.0",
515
- "react-hook-form": "7.77.0",
516
- "react-intlayer": "8.12.4",
515
+ "react-hook-form": "7.78.0",
516
+ "react-intlayer": "8.12.5-canary.0",
517
517
  "shiki": "4.2.0",
518
518
  "tailwindcss": "4.3.0"
519
519
  },