@intlayer/design-system 7.0.4 → 7.0.6
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.
- package/dist/esm/components/Popover/dynamic.mjs +130 -0
- package/dist/esm/components/Popover/dynamic.mjs.map +1 -0
- package/dist/esm/components/Popover/static.mjs +194 -0
- package/dist/esm/components/Popover/static.mjs.map +1 -0
- package/dist/types/components/Badge/index.d.ts +2 -2
- package/dist/types/components/Breadcrumb/breadcrumb.content.d.ts +3 -3
- package/dist/types/components/Breadcrumb/breadcrumb.content.d.ts.map +1 -1
- package/dist/types/components/Breadcrumb/index.d.ts +2 -2
- package/dist/types/components/Breadcrumb/index.d.ts.map +1 -1
- package/dist/types/components/Browser/Browser.content.d.ts +11 -11
- package/dist/types/components/Browser/Browser.content.d.ts.map +1 -1
- package/dist/types/components/Button/Button.d.ts +2 -2
- package/dist/types/components/Button/Button.d.ts.map +1 -1
- package/dist/types/components/CollapsibleTable/CollapsibleTable.d.ts +2 -2
- package/dist/types/components/Command/index.d.ts +13 -13
- package/dist/types/components/Container/index.d.ts +5 -5
- package/dist/types/components/Container/index.d.ts.map +1 -1
- package/dist/types/components/CopyButton/CopyButton.content.d.ts +3 -3
- package/dist/types/components/CopyButton/CopyButton.content.d.ts.map +1 -1
- package/dist/types/components/DictionaryFieldEditor/DictionaryCreationForm/dictionaryCreationForm.content.d.ts +25 -25
- package/dist/types/components/DictionaryFieldEditor/DictionaryCreationForm/useDictionaryFormSchema.content.d.ts +9 -9
- package/dist/types/components/DictionaryFieldEditor/DictionaryDetails/dictionaryDetails.content.d.ts +33 -33
- package/dist/types/components/DictionaryFieldEditor/DictionaryDetails/useDictionaryDetailsSchema.content.d.ts +25 -25
- package/dist/types/components/DictionaryFieldEditor/DictionaryDetails/useDictionaryDetailsSchema.content.d.ts.map +1 -1
- package/dist/types/components/DictionaryFieldEditor/NavigationView/navigationViewNode.content.d.ts +25 -25
- package/dist/types/components/DictionaryFieldEditor/SaveForm/saveForm.content.d.ts +33 -33
- package/dist/types/components/DictionaryFieldEditor/StructureView/structureView.content.d.ts +9 -9
- package/dist/types/components/DictionaryFieldEditor/VersionSwitcherDropDown/versionSwitcherDropDown.content.d.ts +7 -7
- package/dist/types/components/DictionaryFieldEditor/dictionaryFieldEditor.content.d.ts +5 -5
- package/dist/types/components/DictionaryFieldEditor/nodeTypeSelector.content.d.ts +31 -31
- package/dist/types/components/DictionaryFieldEditor/nodeTypeSelector.content.d.ts.map +1 -1
- package/dist/types/components/ExpandCollapse/expandCollapse.content.d.ts +3 -3
- package/dist/types/components/Form/FormBase.d.ts +2 -2
- package/dist/types/components/Form/FormField.d.ts +2 -2
- package/dist/types/components/Form/FormField.d.ts.map +1 -1
- package/dist/types/components/Form/elements/EditableFieldInputElement.d.ts +2 -2
- package/dist/types/components/Form/elements/EditableFieldTextAreaElement.d.ts +2 -2
- package/dist/types/components/Form/elements/FormElement.d.ts +2 -2
- package/dist/types/components/Form/elements/FormElement.d.ts.map +1 -1
- package/dist/types/components/Form/elements/MultiselectElement.d.ts +2 -2
- package/dist/types/components/Form/elements/SelectElement.d.ts +2 -2
- package/dist/types/components/Form/elements/SelectElement.d.ts.map +1 -1
- package/dist/types/components/Form/elements/SwitchSelectorElement.d.ts +2 -2
- package/dist/types/components/IDE/CodeContext.d.ts +2 -2
- package/dist/types/components/IDE/code.content.d.ts +5 -5
- package/dist/types/components/IDE/code.content.d.ts.map +1 -1
- package/dist/types/components/IDE/copyCode.content.d.ts +5 -5
- package/dist/types/components/IDE/copyCode.content.d.ts.map +1 -1
- package/dist/types/components/Input/Checkbox.d.ts +3 -3
- package/dist/types/components/Input/Checkbox.d.ts.map +1 -1
- package/dist/types/components/Input/Input.d.ts +3 -3
- package/dist/types/components/Input/Input.d.ts.map +1 -1
- package/dist/types/components/Input/SearchInput.d.ts +2 -2
- package/dist/types/components/Link/Link.d.ts +2 -2
- package/dist/types/components/Link/Link.d.ts.map +1 -1
- package/dist/types/components/Loader/index.content.d.ts +3 -3
- package/dist/types/components/Loader/index.content.d.ts.map +1 -1
- package/dist/types/components/Loader/spinner.d.ts +2 -2
- package/dist/types/components/Loader/spinner.d.ts.map +1 -1
- package/dist/types/components/LocaleSwitcherContentDropDown/localeSwitcher.content.d.ts +17 -17
- package/dist/types/components/LocaleSwitcherContentDropDown/localeSwitcher.content.d.ts.map +1 -1
- package/dist/types/components/LocaleSwitcherDropDown/localeSwitcher.content.d.ts +13 -13
- package/dist/types/components/LocaleSwitcherDropDown/localeSwitcher.content.d.ts.map +1 -1
- package/dist/types/components/MarkDownRender/processor.d.ts.map +1 -1
- package/dist/types/components/MaxWidthSmoother/index.d.ts +2 -2
- package/dist/types/components/Navbar/Burger.d.ts +2 -2
- package/dist/types/components/Navbar/DesktopNavbar.d.ts +2 -2
- package/dist/types/components/Navbar/MobileNavbar.d.ts +2 -2
- package/dist/types/components/Navbar/MobileNavbar.d.ts.map +1 -1
- package/dist/types/components/Navbar/index.d.ts +2 -2
- package/dist/types/components/Navbar/index.d.ts.map +1 -1
- package/dist/types/components/Pagination/Pagination.d.ts +3 -3
- package/dist/types/components/Pagination/Pagination.d.ts.map +1 -1
- package/dist/types/components/Pagination/pagination.content.d.ts +11 -11
- package/dist/types/components/Popover/dynamic.d.ts +7 -0
- package/dist/types/components/Popover/dynamic.d.ts.map +1 -0
- package/dist/types/components/Popover/static.d.ts +222 -0
- package/dist/types/components/Popover/static.d.ts.map +1 -0
- package/dist/types/components/RightDrawer/useRightDrawerStore.d.ts +2 -2
- package/dist/types/components/SocialNetworks/index.d.ts +2 -2
- package/dist/types/components/SwitchSelector/index.d.ts +5 -5
- package/dist/types/components/Tab/Tab.d.ts +6 -6
- package/dist/types/components/Tab/TabContext.d.ts +2 -2
- package/dist/types/components/TabSelector/TabSelector.d.ts +4 -4
- package/dist/types/components/TabSelector/TabSelector.d.ts.map +1 -1
- package/dist/types/components/Table/table.content.d.ts +3 -3
- package/dist/types/components/Table/table.content.d.ts.map +1 -1
- package/dist/types/components/Tag/index.d.ts +2 -2
- package/dist/types/components/Tag/index.d.ts.map +1 -1
- package/dist/types/components/Toaster/Toast.d.ts +2 -2
- package/dist/types/components/Toaster/Toast.d.ts.map +1 -1
- package/dist/types/components/Toaster/Toaster.d.ts +2 -2
- package/dist/types/hooks/useScrollBlockage/useScrollBlockageStore.d.ts +2 -2
- package/package.json +22 -22
|
@@ -0,0 +1,222 @@
|
|
|
1
|
+
import * as react14 from "react";
|
|
2
|
+
import { DetailedHTMLProps, FC, HTMLAttributes } from "react";
|
|
3
|
+
|
|
4
|
+
//#region src/components/Popover/static.d.ts
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* Props for the main Popover component
|
|
8
|
+
* Extends HTMLDivElement attributes for full DOM compatibility
|
|
9
|
+
*/
|
|
10
|
+
type PopoverProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
|
|
11
|
+
/** Unique identifier linking the trigger to its popover content for accessibility */
|
|
12
|
+
identifier: string;
|
|
13
|
+
};
|
|
14
|
+
/**
|
|
15
|
+
* Composite type for the Popover component with Detail subcomponent
|
|
16
|
+
* Allows for Popover.Detail usage pattern
|
|
17
|
+
*/
|
|
18
|
+
type PopoverType = FC<PopoverProps> & {
|
|
19
|
+
Detail: FC<DetailProps>;
|
|
20
|
+
};
|
|
21
|
+
/**
|
|
22
|
+
* Horizontal alignment options for popover positioning
|
|
23
|
+
*/
|
|
24
|
+
declare enum PopoverXAlign {
|
|
25
|
+
/** Align popover to start (left) of trigger */
|
|
26
|
+
START = "start",
|
|
27
|
+
/** Align popover to end (right) of trigger */
|
|
28
|
+
END = "end",
|
|
29
|
+
}
|
|
30
|
+
/**
|
|
31
|
+
* Vertical alignment options for popover positioning
|
|
32
|
+
*/
|
|
33
|
+
declare enum PopoverYAlign {
|
|
34
|
+
/** Position popover below the trigger */
|
|
35
|
+
BELOW = "bellow",
|
|
36
|
+
/** Position popover above the trigger */
|
|
37
|
+
ABOVE = "above",
|
|
38
|
+
}
|
|
39
|
+
/**
|
|
40
|
+
* Popover Component
|
|
41
|
+
*
|
|
42
|
+
* A versatile popover container that displays contextual content when triggered by hover
|
|
43
|
+
* or focus interactions. Built with accessibility in mind and supports multiple positioning
|
|
44
|
+
* options with smooth animations.
|
|
45
|
+
*
|
|
46
|
+
* Features:
|
|
47
|
+
* - Hover and focus-based triggering
|
|
48
|
+
* - Multiple positioning options (above/below, start/end)
|
|
49
|
+
* - Accessibility compliant with ARIA attributes
|
|
50
|
+
* - Smooth animations with configurable delays
|
|
51
|
+
* - Optional directional arrows
|
|
52
|
+
* - Automatic z-index management
|
|
53
|
+
* - Responsive design support
|
|
54
|
+
*
|
|
55
|
+
* Architecture:
|
|
56
|
+
* - Main Popover acts as trigger container
|
|
57
|
+
* - Popover.Detail renders the actual popover content
|
|
58
|
+
* - Uses CSS groups for coordinated hover/focus states
|
|
59
|
+
* - Unique identifier system prevents conflicts
|
|
60
|
+
*
|
|
61
|
+
* @example
|
|
62
|
+
* Basic hover popover:
|
|
63
|
+
* ```jsx
|
|
64
|
+
* <Popover identifier="help-tooltip">
|
|
65
|
+
* <button>Need Help?</button>
|
|
66
|
+
*
|
|
67
|
+
* <Popover.Detail identifier="help-tooltip">
|
|
68
|
+
* <div>This is helpful information!</div>
|
|
69
|
+
* </Popover.Detail>
|
|
70
|
+
* </Popover>
|
|
71
|
+
* ```
|
|
72
|
+
*
|
|
73
|
+
* @example
|
|
74
|
+
* Focus-triggered popover:
|
|
75
|
+
* ```jsx
|
|
76
|
+
* <Popover identifier="focus-menu">
|
|
77
|
+
* <input placeholder="Focus me" />
|
|
78
|
+
*
|
|
79
|
+
* <Popover.Detail
|
|
80
|
+
* identifier="focus-menu"
|
|
81
|
+
* isFocusable
|
|
82
|
+
* isOverable={false}
|
|
83
|
+
* >
|
|
84
|
+
* <div>Focus-only menu content</div>
|
|
85
|
+
* </Popover.Detail>
|
|
86
|
+
* </Popover>
|
|
87
|
+
* ```
|
|
88
|
+
*
|
|
89
|
+
* @example
|
|
90
|
+
* Positioned popover with custom alignment:
|
|
91
|
+
* ```jsx
|
|
92
|
+
* <Popover identifier="positioned">
|
|
93
|
+
* <span>Hover me</span>
|
|
94
|
+
*
|
|
95
|
+
* <Popover.Detail
|
|
96
|
+
* identifier="positioned"
|
|
97
|
+
* xAlign={PopoverXAlign.END}
|
|
98
|
+
* yAlign={PopoverYAlign.ABOVE}
|
|
99
|
+
* displayArrow={false}
|
|
100
|
+
* >
|
|
101
|
+
* <div>Above and right-aligned</div>
|
|
102
|
+
* </Popover.Detail>
|
|
103
|
+
* </Popover>
|
|
104
|
+
* ```
|
|
105
|
+
*
|
|
106
|
+
* Accessibility Features:
|
|
107
|
+
* - Proper ARIA labeling and relationships
|
|
108
|
+
* - Keyboard navigation support
|
|
109
|
+
* - Screen reader compatibility
|
|
110
|
+
* - Focus management
|
|
111
|
+
*
|
|
112
|
+
* Performance Considerations:
|
|
113
|
+
* - CSS-only animations for smooth transitions
|
|
114
|
+
* - Efficient group-based state management
|
|
115
|
+
* - Minimal DOM updates during interactions
|
|
116
|
+
*
|
|
117
|
+
* @param props - Popover component props
|
|
118
|
+
* @returns Trigger container with popover functionality
|
|
119
|
+
*/
|
|
120
|
+
declare const PopoverStatic: PopoverType;
|
|
121
|
+
/**
|
|
122
|
+
* Props for the Popover.Detail component
|
|
123
|
+
* Extends HTMLDivElement attributes for styling flexibility
|
|
124
|
+
*/
|
|
125
|
+
type DetailProps = HTMLAttributes<HTMLDivElement> & {
|
|
126
|
+
/** Whether the popover responds to focus events on the trigger */
|
|
127
|
+
isFocusable?: boolean;
|
|
128
|
+
/** Controls visibility state - undefined allows automatic hover/focus control */
|
|
129
|
+
isHidden?: boolean;
|
|
130
|
+
/** Whether the popover responds to hover events on the trigger */
|
|
131
|
+
isOverable?: boolean;
|
|
132
|
+
/** Unique identifier matching the trigger's identifier for accessibility */
|
|
133
|
+
identifier: string;
|
|
134
|
+
/** Horizontal positioning relative to trigger */
|
|
135
|
+
xAlign?: PopoverXAlign | `${PopoverXAlign}`;
|
|
136
|
+
/** Vertical positioning relative to trigger */
|
|
137
|
+
yAlign?: PopoverYAlign | `${PopoverYAlign}`;
|
|
138
|
+
/** Whether to display the directional arrow indicator */
|
|
139
|
+
displayArrow?: boolean;
|
|
140
|
+
};
|
|
141
|
+
/**
|
|
142
|
+
* Popover Detail Component
|
|
143
|
+
*
|
|
144
|
+
* The actual popover content container with advanced positioning, animation, and
|
|
145
|
+
* accessibility features. Automatically manages visibility based on trigger interactions.
|
|
146
|
+
*
|
|
147
|
+
* Features:
|
|
148
|
+
* - Precise positioning with alignment options
|
|
149
|
+
* - Smooth fade and slide animations
|
|
150
|
+
* - Configurable directional arrows
|
|
151
|
+
* - Hover and focus interaction support
|
|
152
|
+
* - Accessibility-compliant ARIA attributes
|
|
153
|
+
* - High z-index for overlay behavior
|
|
154
|
+
* - Automatic visibility management
|
|
155
|
+
*
|
|
156
|
+
* Positioning System:
|
|
157
|
+
* - X-axis: START (left-aligned) or END (right-aligned)
|
|
158
|
+
* - Y-axis: BELOW (underneath) or ABOVE (on top)
|
|
159
|
+
* - Automatic spacing with 1rem gap from trigger
|
|
160
|
+
* - Responsive minimum width matching trigger
|
|
161
|
+
*
|
|
162
|
+
* Arrow Indicators:
|
|
163
|
+
* - CSS-generated triangular arrows
|
|
164
|
+
* - Positioned based on alignment settings
|
|
165
|
+
* - Points toward trigger for visual connection
|
|
166
|
+
* - Can be disabled for clean, minimal appearance
|
|
167
|
+
*
|
|
168
|
+
* Animation Behavior:
|
|
169
|
+
* - Starts invisible with opacity: 0
|
|
170
|
+
* - Smooth 400ms transitions with easing
|
|
171
|
+
* - 800ms delay for hover states (prevents flicker)
|
|
172
|
+
* - Immediate hiding when trigger loses focus/hover
|
|
173
|
+
*
|
|
174
|
+
* @example
|
|
175
|
+
* Rich content popover:
|
|
176
|
+
* ```jsx
|
|
177
|
+
* <Popover.Detail identifier="rich-content">
|
|
178
|
+
* <div className="p-4">
|
|
179
|
+
* <h3>Popover Title</h3>
|
|
180
|
+
* <p>Detailed information with multiple paragraphs.</p>
|
|
181
|
+
* <button>Action Button</button>
|
|
182
|
+
* </div>
|
|
183
|
+
* </Popover.Detail>
|
|
184
|
+
* ```
|
|
185
|
+
*
|
|
186
|
+
* @example
|
|
187
|
+
* Menu-style popover:
|
|
188
|
+
* ```jsx
|
|
189
|
+
* <Popover.Detail
|
|
190
|
+
* identifier="context-menu"
|
|
191
|
+
* displayArrow={false}
|
|
192
|
+
* xAlign={PopoverXAlign.END}
|
|
193
|
+
* >
|
|
194
|
+
* <ul className="py-2">
|
|
195
|
+
* <li><button className="w-full px-4 py-2">Edit</button></li>
|
|
196
|
+
* <li><button className="w-full px-4 py-2">Delete</button></li>
|
|
197
|
+
* </ul>
|
|
198
|
+
* </Popover.Detail>
|
|
199
|
+
* ```
|
|
200
|
+
*
|
|
201
|
+
* @param props - Popover Detail component props
|
|
202
|
+
* @returns Positioned popover content with animations and accessibility
|
|
203
|
+
*/
|
|
204
|
+
declare const Detail: react14.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
205
|
+
/** Whether the popover responds to focus events on the trigger */
|
|
206
|
+
isFocusable?: boolean;
|
|
207
|
+
/** Controls visibility state - undefined allows automatic hover/focus control */
|
|
208
|
+
isHidden?: boolean;
|
|
209
|
+
/** Whether the popover responds to hover events on the trigger */
|
|
210
|
+
isOverable?: boolean;
|
|
211
|
+
/** Unique identifier matching the trigger's identifier for accessibility */
|
|
212
|
+
identifier: string;
|
|
213
|
+
/** Horizontal positioning relative to trigger */
|
|
214
|
+
xAlign?: PopoverXAlign | `${PopoverXAlign}`;
|
|
215
|
+
/** Vertical positioning relative to trigger */
|
|
216
|
+
yAlign?: PopoverYAlign | `${PopoverYAlign}`;
|
|
217
|
+
/** Whether to display the directional arrow indicator */
|
|
218
|
+
displayArrow?: boolean;
|
|
219
|
+
} & react14.RefAttributes<HTMLDivElement>>;
|
|
220
|
+
//#endregion
|
|
221
|
+
export { Detail, DetailProps, PopoverProps, PopoverStatic, PopoverType, PopoverXAlign, PopoverYAlign };
|
|
222
|
+
//# sourceMappingURL=static.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"static.d.ts","names":[],"sources":["../../../../src/components/Popover/static.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AASA;AACiB,KADL,YAAA,GAAe,iBACV,CAAf,cAAe,CAAA,cAAA,CAAA,EACf,cADe,CAAA,GAAA;EAAf;EACA,UAAA,EAAA,MAAA;CAFyB;;AAY3B;;;AACa,KADD,WAAA,GAAc,EACb,CADgB,YAChB,CAAA,GAAA;EAAH,MAAA,EAAA,EAAA,CAAG,WAAH,CAAA;CAAE;AAMZ;AAUA;AAwFA;AAoBY,aAtHA,aAAA;EAsH6B;EAAf,KAAA,GAAA,OAAA;EAUf;EAAmB,GAAA,GAAA,KAAA;;;;AAK5B;AAiEU,aA5LA,aAAA;EA4LA;EAtED,KAAA,GAAA,QAAA;EAAmB;EAEnB,KAAA,GAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAhCE,eAAe;;;;;KAoBhB,WAAA,GAAc,eAAe;;;;;;;;;;WAU9B,mBAAmB;;WAEnB,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAoExB,gBAAM,0BAAA,eAAA;;;;;;;;;;WAtED,mBAAmB;;WAEnB,mBAAmB"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as zustand0 from "zustand";
|
|
2
2
|
|
|
3
3
|
//#region src/components/RightDrawer/useRightDrawerStore.d.ts
|
|
4
4
|
|
|
@@ -110,7 +110,7 @@ type RightDrawerStore = {
|
|
|
110
110
|
*
|
|
111
111
|
* @returns RightDrawerStore instance with drawer management capabilities
|
|
112
112
|
*/
|
|
113
|
-
declare const useRightDrawerStore:
|
|
113
|
+
declare const useRightDrawerStore: zustand0.UseBoundStore<zustand0.StoreApi<RightDrawerStore>>;
|
|
114
114
|
//#endregion
|
|
115
115
|
export { useRightDrawerStore };
|
|
116
116
|
//# sourceMappingURL=useRightDrawerStore.d.ts.map
|
|
@@ -7,12 +7,12 @@ import { TiktokLogo } from "./TiktokLogo.js";
|
|
|
7
7
|
import { XLogo } from "./XLogo.js";
|
|
8
8
|
import { YoutubeLogo } from "./YoutubeLogo.js";
|
|
9
9
|
import { AnchorHTMLAttributes, DetailedHTMLProps, ReactNode } from "react";
|
|
10
|
-
import * as
|
|
10
|
+
import * as react_jsx_runtime4 from "react/jsx-runtime";
|
|
11
11
|
|
|
12
12
|
//#region src/components/SocialNetworks/index.d.ts
|
|
13
13
|
declare const socialNetworks: {
|
|
14
14
|
href: string;
|
|
15
|
-
component:
|
|
15
|
+
component: react_jsx_runtime4.JSX.Element;
|
|
16
16
|
label: string;
|
|
17
17
|
}[];
|
|
18
18
|
type SocialNetworksProps = {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { HTMLAttributes, ReactNode } from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as class_variance_authority_types5 from "class-variance-authority/types";
|
|
3
3
|
import { VariantProps } from "class-variance-authority";
|
|
4
|
-
import * as
|
|
4
|
+
import * as react_jsx_runtime13 from "react/jsx-runtime";
|
|
5
5
|
|
|
6
6
|
//#region src/components/SwitchSelector/index.d.ts
|
|
7
7
|
|
|
@@ -95,7 +95,7 @@ declare enum SwitchSelectorColor {
|
|
|
95
95
|
}
|
|
96
96
|
declare const switchSelectorVariant: (props?: {
|
|
97
97
|
color?: SwitchSelectorColor;
|
|
98
|
-
} &
|
|
98
|
+
} & class_variance_authority_types5.ClassProp) => string;
|
|
99
99
|
/**
|
|
100
100
|
* Size variants for the SwitchSelector component
|
|
101
101
|
*
|
|
@@ -111,7 +111,7 @@ declare enum SwitchSelectorSize {
|
|
|
111
111
|
}
|
|
112
112
|
declare const choiceVariant: (props?: {
|
|
113
113
|
size?: SwitchSelectorSize;
|
|
114
|
-
} &
|
|
114
|
+
} & class_variance_authority_types5.ClassProp) => string;
|
|
115
115
|
/**
|
|
116
116
|
* SwitchSelector - A versatile toggle component for multi-option selection
|
|
117
117
|
*
|
|
@@ -211,7 +211,7 @@ declare const SwitchSelector: <T>({
|
|
|
211
211
|
color,
|
|
212
212
|
size,
|
|
213
213
|
className
|
|
214
|
-
}: SwitchSelectorProps<T>) =>
|
|
214
|
+
}: SwitchSelectorProps<T>) => react_jsx_runtime13.JSX.Element;
|
|
215
215
|
//#endregion
|
|
216
216
|
export { SwitchSelector, SwitchSelectorChoice, SwitchSelectorChoices, SwitchSelectorColor, SwitchSelectorProps, SwitchSelectorSize };
|
|
217
217
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { HTMLAttributes, ReactNode } from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as class_variance_authority_types2 from "class-variance-authority/types";
|
|
3
3
|
import { VariantProps } from "class-variance-authority";
|
|
4
|
-
import * as
|
|
4
|
+
import * as react_jsx_runtime6 from "react/jsx-runtime";
|
|
5
5
|
|
|
6
6
|
//#region src/components/Tab/Tab.d.ts
|
|
7
7
|
declare const tabContainerVariant: (props?: {
|
|
8
|
-
variant?: "default" | "
|
|
9
|
-
} &
|
|
8
|
+
variant?: "default" | "bordered" | "ghost";
|
|
9
|
+
} & class_variance_authority_types2.ClassProp) => string;
|
|
10
10
|
type TabProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof tabContainerVariant> & {
|
|
11
11
|
defaultTab?: string;
|
|
12
12
|
group?: string;
|
|
@@ -25,12 +25,12 @@ declare const Tab: (({
|
|
|
25
25
|
children,
|
|
26
26
|
className,
|
|
27
27
|
...props
|
|
28
|
-
}: TabProps) =>
|
|
28
|
+
}: TabProps) => react_jsx_runtime6.JSX.Element) & {
|
|
29
29
|
Item: {
|
|
30
30
|
({
|
|
31
31
|
children,
|
|
32
32
|
...props
|
|
33
|
-
}: TabItemProps):
|
|
33
|
+
}: TabItemProps): react_jsx_runtime6.JSX.Element;
|
|
34
34
|
displayName: string;
|
|
35
35
|
};
|
|
36
36
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react0 from "react";
|
|
2
2
|
import { Dispatch, FC, PropsWithChildren, SetStateAction } from "react";
|
|
3
3
|
|
|
4
4
|
//#region src/components/Tab/TabContext.d.ts
|
|
@@ -9,7 +9,7 @@ type TabContextValue = {
|
|
|
9
9
|
/**
|
|
10
10
|
* Context that store the current locale on the client side
|
|
11
11
|
*/
|
|
12
|
-
declare const TabContext:
|
|
12
|
+
declare const TabContext: react0.Context<TabContextValue>;
|
|
13
13
|
/**
|
|
14
14
|
* Hook that provides the current locale
|
|
15
15
|
*/
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { HTMLAttributes, ReactElement } from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as class_variance_authority_types1 from "class-variance-authority/types";
|
|
3
3
|
import { VariantProps } from "class-variance-authority";
|
|
4
|
-
import * as
|
|
4
|
+
import * as react_jsx_runtime5 from "react/jsx-runtime";
|
|
5
5
|
|
|
6
6
|
//#region src/components/TabSelector/TabSelector.d.ts
|
|
7
7
|
declare enum TabSelectorColor {
|
|
@@ -15,7 +15,7 @@ declare enum TabSelectorColor {
|
|
|
15
15
|
}
|
|
16
16
|
declare const tabSelectorVariant: (props?: {
|
|
17
17
|
color?: "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "text";
|
|
18
|
-
} &
|
|
18
|
+
} & class_variance_authority_types1.ClassProp) => string;
|
|
19
19
|
type TabSelectorItemProps = HTMLAttributes<HTMLElement> & {
|
|
20
20
|
key: string | number;
|
|
21
21
|
};
|
|
@@ -51,7 +51,7 @@ declare const TabSelector: <T extends TabSelectorItemProps>({
|
|
|
51
51
|
color,
|
|
52
52
|
hoverable,
|
|
53
53
|
className
|
|
54
|
-
}: TabSelectorProps<T>) =>
|
|
54
|
+
}: TabSelectorProps<T>) => react_jsx_runtime5.JSX.Element;
|
|
55
55
|
//#endregion
|
|
56
56
|
export { TabSelector, TabSelectorColor, TabSelectorItemProps, TabSelectorProps };
|
|
57
57
|
//# sourceMappingURL=TabSelector.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabSelector.d.ts","names":[],"sources":["../../../../src/components/TabSelector/TabSelector.tsx"],"sourcesContent":[],"mappings":";;;;;;aAcY,gBAAA;;;;EAAA,OAAA,GAAA,SAAgB;EAUtB,KAAA,GAAA,OAAA;EAqCM,IAAA,GAAA,MAAA;EAIA,IAAA,GAAA,MAAA;;cAzCN,kBA0Ce,EAAA,CAAA,KACH,CADG,EAAA;EAAb,KAAA,CAAA,EAAA,SAAA,GAAA,WAAA,GAAA,aAAA,GAAA,SAAA,GAAA,OAAA,GAAA,MAAA,GAAA,MAAA;CACU,GAzBjB,
|
|
1
|
+
{"version":3,"file":"TabSelector.d.ts","names":[],"sources":["../../../../src/components/TabSelector/TabSelector.tsx"],"sourcesContent":[],"mappings":";;;;;;aAcY,gBAAA;;;;EAAA,OAAA,GAAA,SAAgB;EAUtB,KAAA,GAAA,OAAA;EAqCM,IAAA,GAAA,MAAA;EAIA,IAAA,GAAA,MAAA;;cAzCN,kBA0Ce,EAAA,CAAA,KACH,CADG,EAAA;EAAb,KAAA,CAAA,EAAA,SAAA,GAAA,WAAA,GAAA,aAAA,GAAA,SAAA,GAAA,OAAA,GAAA,MAAA,GAAA,MAAA;CACU,GAzBjB,+BAAA,CAAA,SAyBiB,EAAA,GAAA,MAAA;AACM,KAPZ,oBAAA,GAAuB,cAOX,CAP0B,WAO1B,CAAA,GAAA;EAEL,GAAA,EAAA,MAAA,GAAA,MAAA;CAAf;AACuB,KANf,gBAMe,CAAA,UANY,oBAMZ,CAAA,GAAA;EAApB,IAAA,EALC,YAKD,CALc,CAKd,CAAA,EAAA;EAAL,cAAA,EAJgB,CAIhB,CAAA,KAAA,CAAA;EACU,UAAA,CAAA,EAAA,CAAA,MAAA,EAJY,CAIZ,CAAA,KAAA,CAAA,EAAA,GAAA,IAAA;EAAsB,SAAA,CAAA,EAAA,OAAA;CAAgB,GAF9C,cAE8C,CAF/B,WAE+B,CAAA,GADhD,IACgD,CAD3C,YAC2C,CAAA,OADvB,kBACuB,CAAA,EAAA,OAAA,CAAA,GAAA;EAoBrC,KAAA,CAAA,EApBD,gBAsFX,GAAA,GAtFiC,gBAsFjC,EAAA;CAlEqC;;;;;;;;;;;;;;;;;;cAAzB,wBAAyB;;;;;;;GAOnC,iBAAiB,OAAE,kBAAA,CAAA,GAAA,CAAA"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as _intlayer_types32 from "@intlayer/types";
|
|
2
2
|
|
|
3
3
|
//#region src/components/Table/table.content.d.ts
|
|
4
4
|
declare const tableContent: {
|
|
5
5
|
key: string;
|
|
6
6
|
content: {
|
|
7
|
-
show:
|
|
7
|
+
show: _intlayer_types32.TypedNodeModel<_intlayer_types32.NodeType.Translation, {
|
|
8
8
|
en: string;
|
|
9
9
|
fr: string;
|
|
10
10
|
es: string;
|
|
@@ -23,7 +23,7 @@ declare const tableContent: {
|
|
|
23
23
|
id: string;
|
|
24
24
|
vi: string;
|
|
25
25
|
}, {
|
|
26
|
-
nodeType:
|
|
26
|
+
nodeType: _intlayer_types32.NodeType.Translation | "translation";
|
|
27
27
|
} & {
|
|
28
28
|
translation: {
|
|
29
29
|
en: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.content.d.ts","names":[],"sources":["../../../../src/components/Table/table.content.ts"],"sourcesContent":[],"mappings":";;;cAEM;;;IAAA,IAAA,
|
|
1
|
+
{"version":3,"file":"table.content.d.ts","names":[],"sources":["../../../../src/components/Table/table.content.ts"],"sourcesContent":[],"mappings":";;;cAEM;;;IAAA,IAAA,kCA2BgB,yCAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC, HTMLAttributes, PropsWithChildren } from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as class_variance_authority_types3 from "class-variance-authority/types";
|
|
3
3
|
import { VariantProps } from "class-variance-authority";
|
|
4
4
|
|
|
5
5
|
//#region src/components/Tag/index.d.ts
|
|
@@ -190,7 +190,7 @@ declare const containerVariants: (props?: {
|
|
|
190
190
|
size?: "sm" | "md" | "lg" | "xl" | "xs";
|
|
191
191
|
border?: "none" | "with";
|
|
192
192
|
background?: "none" | "with";
|
|
193
|
-
} &
|
|
193
|
+
} & class_variance_authority_types3.ClassProp) => string;
|
|
194
194
|
/**
|
|
195
195
|
* Tag component for displaying labels, categories, status indicators, and badges
|
|
196
196
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/Tag/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AACmE;;;;;;;AA+DnE;AAoCA;AA0CA;AAuBA;AAoBA;AAGC;AAyJD;;;;;;;;;;;;;;;KAnTK,QAAA,GAAW,kBAAkB,oBAAoB,sBACpD,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;aA6BL,cAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAoCA,QAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aA0CA,OAAA;;;;;;;;;;;;;;;;;;;;;;aAuBA,SAAA;;;;;;;;;;;;;;;;;;;aAoBA,aAAA;;;;cAKN;;;;;;IA8DJ,
|
|
1
|
+
{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/Tag/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AACmE;;;;;;;AA+DnE;AAoCA;AA0CA;AAuBA;AAoBA;AAGC;AAyJD;;;;;;;;;;;;;;;KAnTK,QAAA,GAAW,kBAAkB,oBAAoB,sBACpD,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;aA6BL,cAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAoCA,QAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aA0CA,OAAA;;;;;;;;;;;;;;;;;;;;;;aAuBA,SAAA;;;;;;;;;;;;;;;;;;;aAoBA,aAAA;;;;cAKN;;;;;;IA8DJ,+BAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAyFW,KAAK,GAAG"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ComponentProps, FC, ReactElement } from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as class_variance_authority_types7 from "class-variance-authority/types";
|
|
3
3
|
import { VariantProps } from "class-variance-authority";
|
|
4
4
|
import * as ToastPrimitives from "@radix-ui/react-toast";
|
|
5
5
|
|
|
@@ -26,7 +26,7 @@ declare const ToastViewport: FC<ComponentProps<typeof ToastPrimitives.Viewport>>
|
|
|
26
26
|
*/
|
|
27
27
|
declare const toastVariants: (props?: {
|
|
28
28
|
variant?: "error" | "success" | "default";
|
|
29
|
-
} &
|
|
29
|
+
} & class_variance_authority_types7.ClassProp) => string;
|
|
30
30
|
/**
|
|
31
31
|
* Toast Component
|
|
32
32
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.d.ts","names":[],"sources":["../../../../src/components/Toaster/Toast.tsx"],"sourcesContent":[],"mappings":";;;;;;cAQM,sBAAa;cAEb,eAAe,GAAG,sBAAsB,eAAA,CAAgB;;AALA;AAGzB;;;;;AAEd;;;;;;;;AA0FR;;;cA3DT,aA2Ga,EAAA,CAAA,KA2BlB,CA3BkB,EAAA;EAAE,OAAA,CAAA,EAAA,OAAA,GAAA,SAAA,GAAA,SAAA;AAAA,CAAA,GAzFpB,
|
|
1
|
+
{"version":3,"file":"Toast.d.ts","names":[],"sources":["../../../../src/components/Toaster/Toast.tsx"],"sourcesContent":[],"mappings":";;;;;;cAQM,sBAAa;cAEb,eAAe,GAAG,sBAAsB,eAAA,CAAgB;;AALA;AAGzB;;;;;AAEd;;;;;;;;AA0FR;;;cA3DT,aA2Ga,EAAA,CAAA,KA2BlB,CA3BkB,EAAA;EAAE,OAAA,CAAA,EAAA,OAAA,GAAA,SAAA,GAAA,SAAA;AAAA,CAAA,GAzFpB,+BAAA,CAAA,SAoHA,EAAA,GAAA,MAAA;;;;;AAdmB;;;;;AAiCA;;;;;AAqCM;AAYM;;;;;;;;;;;;;;;;;;;;;;;;cA/I1B,OAAO,GACX,sBAAsB,eAAA,CAAgB,QACpC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA8ClB,aAAa,GAAG,sBAAsB,eAAA,CAAgB;cAatD,YAAY,GAAG,sBAAsB,eAAA,CAAgB;;;;;;;;;;;;;;;;;;;cAiCrD,YAAY,GAAG,sBAAsB,eAAA,CAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAqCrD,kBAAkB,GACtB,sBAAsB,eAAA,CAAgB;;;;;KAWnC,UAAA,GAAa,sBAAsB;;;;;KAMnC,kBAAA,GAAqB,oBAAoB"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime14 from "react/jsx-runtime";
|
|
2
2
|
|
|
3
3
|
//#region src/components/Toaster/Toaster.d.ts
|
|
4
4
|
|
|
@@ -44,7 +44,7 @@ import * as react_jsx_runtime13 from "react/jsx-runtime";
|
|
|
44
44
|
*
|
|
45
45
|
* @returns JSX element rendering the toast viewport and active toasts
|
|
46
46
|
*/
|
|
47
|
-
declare const Toaster: () =>
|
|
47
|
+
declare const Toaster: () => react_jsx_runtime14.JSX.Element;
|
|
48
48
|
//#endregion
|
|
49
49
|
export { Toaster };
|
|
50
50
|
//# sourceMappingURL=Toaster.d.ts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as zustand1 from "zustand";
|
|
2
2
|
|
|
3
3
|
//#region src/hooks/useScrollBlockage/useScrollBlockageStore.d.ts
|
|
4
4
|
type Blocker = {
|
|
@@ -11,7 +11,7 @@ type ScrollBlockageStore = {
|
|
|
11
11
|
removeBlockage: (blockerName: string, element: HTMLElement) => void;
|
|
12
12
|
isElementScrollBlocked: (element: HTMLElement) => boolean;
|
|
13
13
|
};
|
|
14
|
-
declare const useScrollBlockageStore:
|
|
14
|
+
declare const useScrollBlockageStore: zustand1.UseBoundStore<zustand1.StoreApi<ScrollBlockageStore>>;
|
|
15
15
|
//#endregion
|
|
16
16
|
export { useScrollBlockageStore };
|
|
17
17
|
//# sourceMappingURL=useScrollBlockageStore.d.ts.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@intlayer/design-system",
|
|
3
|
-
"version": "7.0.
|
|
3
|
+
"version": "7.0.6",
|
|
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": [
|
|
@@ -95,12 +95,12 @@
|
|
|
95
95
|
},
|
|
96
96
|
"dependencies": {
|
|
97
97
|
"@hookform/resolvers": "5.2.2",
|
|
98
|
-
"@intlayer/api": "
|
|
99
|
-
"@intlayer/config": "
|
|
100
|
-
"@intlayer/core": "
|
|
101
|
-
"@intlayer/dictionaries-entry": "
|
|
102
|
-
"@intlayer/editor-react": "
|
|
103
|
-
"@intlayer/types": "
|
|
98
|
+
"@intlayer/api": "7.0.6",
|
|
99
|
+
"@intlayer/config": "7.0.6",
|
|
100
|
+
"@intlayer/core": "7.0.6",
|
|
101
|
+
"@intlayer/dictionaries-entry": "7.0.6",
|
|
102
|
+
"@intlayer/editor-react": "7.0.6",
|
|
103
|
+
"@intlayer/types": "7.0.6",
|
|
104
104
|
"@monaco-editor/react": "4.7.0",
|
|
105
105
|
"@radix-ui/react-dialog": "1.1.15",
|
|
106
106
|
"@radix-ui/react-select": "2.2.6",
|
|
@@ -117,9 +117,9 @@
|
|
|
117
117
|
"cmdk": "1.1.1",
|
|
118
118
|
"framer-motion": "12.23.24",
|
|
119
119
|
"fuse.js": "7.1.0",
|
|
120
|
-
"intlayer": "
|
|
120
|
+
"intlayer": "7.0.6",
|
|
121
121
|
"react-hook-form": "7.65.0",
|
|
122
|
-
"react-intlayer": "
|
|
122
|
+
"react-intlayer": "7.0.6",
|
|
123
123
|
"rollup-preserve-directives": "1.1.3",
|
|
124
124
|
"shiki": "3.13.0",
|
|
125
125
|
"tailwind-merge": "3.3.1",
|
|
@@ -128,7 +128,7 @@
|
|
|
128
128
|
},
|
|
129
129
|
"devDependencies": {
|
|
130
130
|
"@chromatic-com/storybook": "3.2.7",
|
|
131
|
-
"@intlayer/backend": "
|
|
131
|
+
"@intlayer/backend": "7.0.6",
|
|
132
132
|
"@storybook/addon-a11y": "8.6.14",
|
|
133
133
|
"@storybook/addon-essentials": "8.6.14",
|
|
134
134
|
"@storybook/addon-interactions": "8.6.14",
|
|
@@ -150,36 +150,36 @@
|
|
|
150
150
|
"@types/node": "24.9.2",
|
|
151
151
|
"@types/react": "19.2.2",
|
|
152
152
|
"@types/react-dom": "19.2.2",
|
|
153
|
-
"@utils/ts-config": "
|
|
154
|
-
"@utils/ts-config-types": "
|
|
153
|
+
"@utils/ts-config": "7.0.6",
|
|
154
|
+
"@utils/ts-config-types": "7.0.6",
|
|
155
155
|
"fast-glob": "3.3.3",
|
|
156
156
|
"lucide-react": "0.547.0",
|
|
157
157
|
"rimraf": "6.0.1",
|
|
158
158
|
"storybook": "8.6.14",
|
|
159
159
|
"tailwindcss": "4.1.16",
|
|
160
160
|
"typescript": "5.9.3",
|
|
161
|
-
"vite-intlayer": "
|
|
161
|
+
"vite-intlayer": "7.0.6",
|
|
162
162
|
"vite-plugin-dts": "4.5.4",
|
|
163
163
|
"vitest": "4.0.5"
|
|
164
164
|
},
|
|
165
165
|
"peerDependencies": {
|
|
166
166
|
"@better-fetch/fetch": "1.1.18",
|
|
167
|
-
"@intlayer/api": "
|
|
168
|
-
"@intlayer/backend": "
|
|
169
|
-
"@intlayer/config": "
|
|
170
|
-
"@intlayer/core": "
|
|
171
|
-
"@intlayer/dictionaries-entry": "
|
|
172
|
-
"@intlayer/editor-react": "
|
|
173
|
-
"@intlayer/types": "
|
|
167
|
+
"@intlayer/api": "7.0.6",
|
|
168
|
+
"@intlayer/backend": "7.0.6",
|
|
169
|
+
"@intlayer/config": "7.0.6",
|
|
170
|
+
"@intlayer/core": "7.0.6",
|
|
171
|
+
"@intlayer/dictionaries-entry": "7.0.6",
|
|
172
|
+
"@intlayer/editor-react": "7.0.6",
|
|
173
|
+
"@intlayer/types": "7.0.6",
|
|
174
174
|
"@monaco-editor/react": "4.7.0",
|
|
175
175
|
"@tanstack/react-query": "5.90.5",
|
|
176
176
|
"clsx": "2.1.1",
|
|
177
177
|
"framer-motion": "12.23.24",
|
|
178
178
|
"fuse.js": "7.1.0",
|
|
179
|
-
"intlayer": "
|
|
179
|
+
"intlayer": "7.0.6",
|
|
180
180
|
"react": ">=16.0.0",
|
|
181
181
|
"react-dom": ">=16.0.0",
|
|
182
|
-
"react-intlayer": "
|
|
182
|
+
"react-intlayer": "7.0.6",
|
|
183
183
|
"tailwind-merge": "3.3.1",
|
|
184
184
|
"zustand": "4.5.7"
|
|
185
185
|
}
|