@intlayer/design-system 7.0.7 → 7.0.8
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/Button/Button.mjs +6 -0
- package/dist/esm/components/Button/Button.mjs.map +1 -1
- package/dist/esm/components/DictionaryFieldEditor/SaveForm/SaveForm.mjs +4 -4
- package/dist/esm/components/DictionaryFieldEditor/SaveForm/SaveForm.mjs.map +1 -1
- package/dist/esm/components/IDE/CopyCode.mjs +2 -1
- package/dist/esm/components/IDE/CopyCode.mjs.map +1 -1
- package/dist/esm/components/IDE/index.mjs +2 -1
- package/dist/esm/components/Input/Checkbox.mjs +3 -2
- package/dist/esm/components/Input/Checkbox.mjs.map +1 -1
- package/dist/esm/components/MarkDownRender/processor.mjs +5 -0
- package/dist/esm/components/MarkDownRender/processor.mjs.map +1 -1
- package/dist/esm/components/Popover/index.mjs +3 -190
- package/dist/esm/components/SocialNetworks/DiscordLogo.mjs +1 -1
- package/dist/esm/components/SocialNetworks/DiscordLogo.mjs.map +1 -1
- package/dist/esm/components/SocialNetworks/index.mjs +1 -1
- package/dist/esm/components/SocialNetworks/index.mjs.map +1 -1
- package/dist/esm/components/SwitchSelector/index.mjs +8 -102
- package/dist/esm/components/SwitchSelector/index.mjs.map +1 -1
- package/dist/esm/components/Tag/index.mjs +28 -28
- package/dist/esm/components/Tag/index.mjs.map +1 -1
- package/dist/esm/components/index.mjs +4 -2
- package/dist/types/components/Accordion/Accordion.d.ts +1 -0
- package/dist/types/components/Accordion/Accordion.d.ts.map +1 -1
- 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 +3 -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/Button/Button.d.ts +8 -5
- package/dist/types/components/Button/Button.d.ts.map +1 -1
- package/dist/types/components/CollapsibleTable/CollapsibleTable.d.ts +5 -5
- package/dist/types/components/CollapsibleTable/CollapsibleTable.d.ts.map +1 -1
- package/dist/types/components/Command/index.d.ts +17 -17
- package/dist/types/components/Container/index.d.ts +8 -8
- package/dist/types/components/Container/index.d.ts.map +1 -1
- package/dist/types/components/ContentEditor/ContentEditorInput.d.ts +1 -0
- package/dist/types/components/ContentEditor/ContentEditorInput.d.ts.map +1 -1
- package/dist/types/components/ContentEditor/ContentEditorTextArea.d.ts +1 -0
- package/dist/types/components/ContentEditor/ContentEditorTextArea.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/CopyButton/index.d.ts +1 -1
- package/dist/types/components/CopyButton/index.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/DictionaryCreationForm/useDictionaryFormSchema.content.d.ts.map +1 -1
- 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/index.d.ts +1 -0
- 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/DropDown/index.d.ts +1 -1
- package/dist/types/components/DropDown/index.d.ts.map +1 -1
- package/dist/types/components/EditableField/EditableFieldInput.d.ts +1 -1
- package/dist/types/components/EditableField/EditableFieldInput.d.ts.map +1 -1
- package/dist/types/components/EditableField/EditableFieldTextArea.d.ts +1 -1
- package/dist/types/components/EditableField/EditableFieldTextArea.d.ts.map +1 -1
- package/dist/types/components/ExpandCollapse/expandCollapse.content.d.ts +3 -3
- package/dist/types/components/Form/Form.d.ts +3 -0
- package/dist/types/components/Form/Form.d.ts.map +1 -1
- package/dist/types/components/Form/FormBase.d.ts +2 -2
- package/dist/types/components/Form/FormBase.d.ts.map +1 -1
- 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/CheckboxElement.d.ts +1 -0
- package/dist/types/components/Form/elements/CheckboxElement.d.ts.map +1 -1
- package/dist/types/components/Form/elements/EditableFieldInputElement.d.ts +2 -2
- package/dist/types/components/Form/elements/EditableFieldInputElement.d.ts.map +1 -1
- package/dist/types/components/Form/elements/EditableFieldTextAreaElement.d.ts +2 -2
- package/dist/types/components/Form/elements/FormElement.d.ts +1 -0
- package/dist/types/components/Form/elements/FormElement.d.ts.map +1 -1
- package/dist/types/components/Form/elements/InputElement.d.ts +1 -0
- package/dist/types/components/Form/elements/InputElement.d.ts.map +1 -1
- package/dist/types/components/Form/elements/InputPasswordElement.d.ts +1 -0
- package/dist/types/components/Form/elements/InputPasswordElement.d.ts.map +1 -1
- package/dist/types/components/Form/elements/MultiselectElement.d.ts +2 -2
- package/dist/types/components/Form/elements/MultiselectElement.d.ts.map +1 -1
- package/dist/types/components/Form/elements/SelectElement.d.ts +2 -2
- 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/CodeContext.d.ts.map +1 -1
- package/dist/types/components/IDE/FileTree.d.ts.map +1 -1
- 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/IDE/index.d.ts +2 -1
- package/dist/types/components/Input/Checkbox.d.ts +5 -4
- 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/Input/SearchInput.d.ts.map +1 -1
- package/dist/types/components/Link/Link.d.ts +4 -4
- 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/MaxWidthSmoother/index.d.ts +2 -2
- package/dist/types/components/Navbar/Burger.d.ts +2 -2
- package/dist/types/components/Navbar/Burger.d.ts.map +1 -1
- package/dist/types/components/Navbar/DesktopNavbar.d.ts +3 -3
- package/dist/types/components/Navbar/DesktopNavbar.d.ts.map +1 -1
- package/dist/types/components/Navbar/MobileNavbar.d.ts +3 -3
- package/dist/types/components/Navbar/MobileNavbar.d.ts.map +1 -1
- package/dist/types/components/Navbar/index.d.ts +3 -3
- 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/index.d.ts +3 -142
- package/dist/types/components/Popover/static.d.ts +3 -3
- package/dist/types/components/Popover/static.d.ts.map +1 -1
- package/dist/types/components/Select/Select.d.ts +3 -3
- package/dist/types/components/SocialNetworks/index.d.ts +2 -2
- package/dist/types/components/SocialNetworks/index.d.ts.map +1 -1
- package/dist/types/components/SwitchSelector/index.d.ts +13 -163
- package/dist/types/components/SwitchSelector/index.d.ts.map +1 -1
- package/dist/types/components/Tab/Tab.d.ts +5 -5
- package/dist/types/components/Tab/TabContext.d.ts +2 -2
- package/dist/types/components/TabSelector/TabSelector.d.ts +5 -5
- 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 +33 -33
- package/dist/types/components/TextArea/TextArea.d.ts +1 -0
- package/dist/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/dist/types/components/Toaster/Toast.d.ts +2 -2
- package/dist/types/components/Toaster/Toaster.d.ts +2 -2
- package/dist/types/components/index.d.ts +35 -2
- package/dist/types/hooks/index.d.ts +1 -0
- package/package.json +29 -29
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/Navbar/index.tsx"],"sourcesContent":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/Navbar/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAI2D,KAQtD,WAAA,CAAA,UAAsB,oBAAX,CAAA,GAAA;EAAW;EAEnB,IAAA,EAAA,SAAA;EAEU;EAEe,cAAA,EAFf,CAEe,CAAA,KAAA,CAAA;EAAb;EAEE,eAAA,CAAA,EAFF,YAEE,CAFW,CAEX,CAAA,EAAA;EAEa;EAAb,iBAAA,CAAA,EAFA,SAEA;EAEG;EAEa,iBAAA,CAAA,EAJhB,YAIgB,CAJH,CAIG,CAAA,EAAA;EAAb;EAEH,oBAAA,CAAA,EAJG,SAIH;EAED;EAAS,oBAAA,CAAA,EAJL,YAIK,CAJQ,CAIR,CAAA,EAAA;EA2DjB;EAAoB,iBAAA,CAAA,EA7DX,SA6DW;EAAsB;EAAA,gBAAA,CAAA,EA3DlC,SA2DkC;CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAA1C,mBAAoB;;;;;;;;;;GAU9B,YAAY,OAAE,kBAAA,CAAA,GAAA,CAAA"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { FC, HTMLAttributes } from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as class_variance_authority_types0 from "class-variance-authority/types";
|
|
3
3
|
import { VariantProps } from "class-variance-authority";
|
|
4
4
|
|
|
5
5
|
//#region src/components/Pagination/Pagination.d.ts
|
|
6
6
|
declare const paginationVariants: (props?: {
|
|
7
7
|
size?: "sm" | "md" | "lg";
|
|
8
|
-
color?: "
|
|
8
|
+
color?: "neutral" | "text" | "primary" | "secondary" | "destructive";
|
|
9
9
|
variant?: "default" | "bordered" | "ghost";
|
|
10
|
-
} &
|
|
10
|
+
} & class_variance_authority_types0.ClassProp) => string;
|
|
11
11
|
declare enum PaginationSize {
|
|
12
12
|
SM = "sm",
|
|
13
13
|
MD = "md",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.d.ts","names":[],"sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":[],"mappings":";;;;;cAQa,0BA6Ba;;;EA7Bb,OAAA,CAAA,EAAA,SAAA,GA2BZ,UAAA,GAAA,OAAA;AAED,CAAA,GAFC,
|
|
1
|
+
{"version":3,"file":"Pagination.d.ts","names":[],"sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":[],"mappings":";;;;;cAQa,0BA6Ba;;;EA7Bb,OAAA,CAAA,EAAA,SAAA,GA2BZ,UAAA,GAAA,OAAA;AAED,CAAA,GAFC,+BAAA,CAAA,SAEyB,EAAA,GAAA,MAAA;AAMd,aANA,cAAA;EAYA,EAAA,GAAA,IAAA;EAAiC,EAAA,GAAA,IAAA;EAAf,EAAA,GAAA,IAAA;;AAC5B,aAPU,iBAAA;EAOE,OAAA,GAAA,SAAA;EAmED,QAAA,GAAA,UAoGZ;;;KAxKW,eAAA,GAAkB,eAAe,kBAC3C,oBAAoB;;;;;;;;;cAmET,YAAY,GAAG"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as _intlayer_types236 from "@intlayer/types";
|
|
2
2
|
import * as _intlayer_core0 from "@intlayer/core";
|
|
3
3
|
|
|
4
4
|
//#region src/components/Pagination/pagination.content.d.ts
|
|
5
5
|
declare const paginationContent: {
|
|
6
6
|
key: string;
|
|
7
7
|
content: {
|
|
8
|
-
numberItemsSelector:
|
|
8
|
+
numberItemsSelector: _intlayer_types236.TypedNodeModel<_intlayer_types236.NodeType.Translation, {
|
|
9
9
|
en: string;
|
|
10
10
|
fr: string;
|
|
11
11
|
es: string;
|
|
@@ -24,7 +24,7 @@ declare const paginationContent: {
|
|
|
24
24
|
id: string;
|
|
25
25
|
vi: string;
|
|
26
26
|
}, {
|
|
27
|
-
nodeType:
|
|
27
|
+
nodeType: _intlayer_types236.NodeType.Translation | "translation";
|
|
28
28
|
} & {
|
|
29
29
|
translation: {
|
|
30
30
|
en: string;
|
|
@@ -46,7 +46,7 @@ declare const paginationContent: {
|
|
|
46
46
|
vi: string;
|
|
47
47
|
};
|
|
48
48
|
}>;
|
|
49
|
-
showingResults: _intlayer_core0.InsertionContent<
|
|
49
|
+
showingResults: _intlayer_core0.InsertionContent<_intlayer_types236.TypedNodeModel<_intlayer_types236.NodeType.Translation, {
|
|
50
50
|
ar: string;
|
|
51
51
|
de: string;
|
|
52
52
|
en: string;
|
|
@@ -65,7 +65,7 @@ declare const paginationContent: {
|
|
|
65
65
|
vi: string;
|
|
66
66
|
zh: string;
|
|
67
67
|
}, {
|
|
68
|
-
nodeType:
|
|
68
|
+
nodeType: _intlayer_types236.NodeType.Translation | "translation";
|
|
69
69
|
} & {
|
|
70
70
|
translation: {
|
|
71
71
|
ar: string;
|
|
@@ -87,7 +87,7 @@ declare const paginationContent: {
|
|
|
87
87
|
zh: string;
|
|
88
88
|
};
|
|
89
89
|
}>>;
|
|
90
|
-
selectPageSize:
|
|
90
|
+
selectPageSize: _intlayer_types236.TypedNodeModel<_intlayer_types236.NodeType.Translation, {
|
|
91
91
|
en: string;
|
|
92
92
|
fr: string;
|
|
93
93
|
es: string;
|
|
@@ -106,7 +106,7 @@ declare const paginationContent: {
|
|
|
106
106
|
id: string;
|
|
107
107
|
vi: string;
|
|
108
108
|
}, {
|
|
109
|
-
nodeType:
|
|
109
|
+
nodeType: _intlayer_types236.NodeType.Translation | "translation";
|
|
110
110
|
} & {
|
|
111
111
|
translation: {
|
|
112
112
|
en: string;
|
|
@@ -128,7 +128,7 @@ declare const paginationContent: {
|
|
|
128
128
|
vi: string;
|
|
129
129
|
};
|
|
130
130
|
}>;
|
|
131
|
-
goToNextPage:
|
|
131
|
+
goToNextPage: _intlayer_types236.TypedNodeModel<_intlayer_types236.NodeType.Translation, {
|
|
132
132
|
en: string;
|
|
133
133
|
fr: string;
|
|
134
134
|
es: string;
|
|
@@ -147,7 +147,7 @@ declare const paginationContent: {
|
|
|
147
147
|
id: string;
|
|
148
148
|
vi: string;
|
|
149
149
|
}, {
|
|
150
|
-
nodeType:
|
|
150
|
+
nodeType: _intlayer_types236.NodeType.Translation | "translation";
|
|
151
151
|
} & {
|
|
152
152
|
translation: {
|
|
153
153
|
en: string;
|
|
@@ -169,7 +169,7 @@ declare const paginationContent: {
|
|
|
169
169
|
vi: string;
|
|
170
170
|
};
|
|
171
171
|
}>;
|
|
172
|
-
goToPreviousPage:
|
|
172
|
+
goToPreviousPage: _intlayer_types236.TypedNodeModel<_intlayer_types236.NodeType.Translation, {
|
|
173
173
|
en: string;
|
|
174
174
|
fr: string;
|
|
175
175
|
es: string;
|
|
@@ -188,7 +188,7 @@ declare const paginationContent: {
|
|
|
188
188
|
id: string;
|
|
189
189
|
vi: string;
|
|
190
190
|
}, {
|
|
191
|
-
nodeType:
|
|
191
|
+
nodeType: _intlayer_types236.NodeType.Translation | "translation";
|
|
192
192
|
} & {
|
|
193
193
|
translation: {
|
|
194
194
|
en: string;
|
|
@@ -1,142 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* Props for the main Popover component
|
|
7
|
-
* Extends HTMLDivElement attributes for full DOM compatibility
|
|
8
|
-
*/
|
|
9
|
-
type PopoverProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
|
|
10
|
-
/** Unique identifier linking the trigger to its popover content for accessibility */
|
|
11
|
-
identifier: string;
|
|
12
|
-
};
|
|
13
|
-
/**
|
|
14
|
-
* Composite type for the Popover component with Detail subcomponent
|
|
15
|
-
* Allows for Popover.Detail usage pattern
|
|
16
|
-
*/
|
|
17
|
-
type PopoverType = FC<PopoverProps> & {
|
|
18
|
-
Detail: FC<DetailProps>;
|
|
19
|
-
};
|
|
20
|
-
/**
|
|
21
|
-
* Horizontal alignment options for popover positioning
|
|
22
|
-
*/
|
|
23
|
-
declare enum PopoverXAlign {
|
|
24
|
-
/** Align popover to start (left) of trigger */
|
|
25
|
-
START = "start",
|
|
26
|
-
/** Align popover to end (right) of trigger */
|
|
27
|
-
END = "end",
|
|
28
|
-
}
|
|
29
|
-
/**
|
|
30
|
-
* Vertical alignment options for popover positioning
|
|
31
|
-
*/
|
|
32
|
-
declare enum PopoverYAlign {
|
|
33
|
-
/** Position popover below the trigger */
|
|
34
|
-
BELOW = "bellow",
|
|
35
|
-
/** Position popover above the trigger */
|
|
36
|
-
ABOVE = "above",
|
|
37
|
-
}
|
|
38
|
-
/**
|
|
39
|
-
* Popover Component
|
|
40
|
-
*
|
|
41
|
-
* A versatile popover container that displays contextual content when triggered by hover
|
|
42
|
-
* or focus interactions. Built with accessibility in mind and supports multiple positioning
|
|
43
|
-
* options with smooth animations.
|
|
44
|
-
*
|
|
45
|
-
* Features:
|
|
46
|
-
* - Hover and focus-based triggering
|
|
47
|
-
* - Multiple positioning options (above/below, start/end)
|
|
48
|
-
* - Accessibility compliant with ARIA attributes
|
|
49
|
-
* - Smooth animations with configurable delays
|
|
50
|
-
* - Optional directional arrows
|
|
51
|
-
* - Automatic z-index management
|
|
52
|
-
* - Responsive design support
|
|
53
|
-
*
|
|
54
|
-
* Architecture:
|
|
55
|
-
* - Main Popover acts as trigger container
|
|
56
|
-
* - Popover.Detail renders the actual popover content
|
|
57
|
-
* - Uses CSS groups for coordinated hover/focus states
|
|
58
|
-
* - Unique identifier system prevents conflicts
|
|
59
|
-
*
|
|
60
|
-
* @example
|
|
61
|
-
* Basic hover popover:
|
|
62
|
-
* ```jsx
|
|
63
|
-
* <Popover identifier="help-tooltip">
|
|
64
|
-
* <button>Need Help?</button>
|
|
65
|
-
*
|
|
66
|
-
* <Popover.Detail identifier="help-tooltip">
|
|
67
|
-
* <div>This is helpful information!</div>
|
|
68
|
-
* </Popover.Detail>
|
|
69
|
-
* </Popover>
|
|
70
|
-
* ```
|
|
71
|
-
*
|
|
72
|
-
* @example
|
|
73
|
-
* Focus-triggered popover:
|
|
74
|
-
* ```jsx
|
|
75
|
-
* <Popover identifier="focus-menu">
|
|
76
|
-
* <input placeholder="Focus me" />
|
|
77
|
-
*
|
|
78
|
-
* <Popover.Detail
|
|
79
|
-
* identifier="focus-menu"
|
|
80
|
-
* isFocusable
|
|
81
|
-
* isOverable={false}
|
|
82
|
-
* >
|
|
83
|
-
* <div>Focus-only menu content</div>
|
|
84
|
-
* </Popover.Detail>
|
|
85
|
-
* </Popover>
|
|
86
|
-
* ```
|
|
87
|
-
*
|
|
88
|
-
* @example
|
|
89
|
-
* Positioned popover with custom alignment:
|
|
90
|
-
* ```jsx
|
|
91
|
-
* <Popover identifier="positioned">
|
|
92
|
-
* <span>Hover me</span>
|
|
93
|
-
*
|
|
94
|
-
* <Popover.Detail
|
|
95
|
-
* identifier="positioned"
|
|
96
|
-
* xAlign={PopoverXAlign.END}
|
|
97
|
-
* yAlign={PopoverYAlign.ABOVE}
|
|
98
|
-
* displayArrow={false}
|
|
99
|
-
* >
|
|
100
|
-
* <div>Above and right-aligned</div>
|
|
101
|
-
* </Popover.Detail>
|
|
102
|
-
* </Popover>
|
|
103
|
-
* ```
|
|
104
|
-
*
|
|
105
|
-
* Accessibility Features:
|
|
106
|
-
* - Proper ARIA labeling and relationships
|
|
107
|
-
* - Keyboard navigation support
|
|
108
|
-
* - Screen reader compatibility
|
|
109
|
-
* - Focus management
|
|
110
|
-
*
|
|
111
|
-
* Performance Considerations:
|
|
112
|
-
* - CSS-only animations for smooth transitions
|
|
113
|
-
* - Efficient group-based state management
|
|
114
|
-
* - Minimal DOM updates during interactions
|
|
115
|
-
*
|
|
116
|
-
* @param props - Popover component props
|
|
117
|
-
* @returns Trigger container with popover functionality
|
|
118
|
-
*/
|
|
119
|
-
declare const Popover: PopoverType;
|
|
120
|
-
/**
|
|
121
|
-
* Props for the Popover.Detail component
|
|
122
|
-
* Extends HTMLDivElement attributes for styling flexibility
|
|
123
|
-
*/
|
|
124
|
-
type DetailProps = HTMLAttributes<HTMLDivElement> & {
|
|
125
|
-
/** Whether the popover responds to focus events on the trigger */
|
|
126
|
-
isFocusable?: boolean;
|
|
127
|
-
/** Controls visibility state - undefined allows automatic hover/focus control */
|
|
128
|
-
isHidden?: boolean;
|
|
129
|
-
/** Whether the popover responds to hover events on the trigger */
|
|
130
|
-
isOverable?: boolean;
|
|
131
|
-
/** Unique identifier matching the trigger's identifier for accessibility */
|
|
132
|
-
identifier: string;
|
|
133
|
-
/** Horizontal positioning relative to trigger */
|
|
134
|
-
xAlign?: PopoverXAlign | `${PopoverXAlign}`;
|
|
135
|
-
/** Vertical positioning relative to trigger */
|
|
136
|
-
yAlign?: PopoverYAlign | `${PopoverYAlign}`;
|
|
137
|
-
/** Whether to display the directional arrow indicator */
|
|
138
|
-
displayArrow?: boolean;
|
|
139
|
-
};
|
|
140
|
-
//#endregion
|
|
141
|
-
export { DetailProps, Popover, PopoverProps, PopoverType, PopoverXAlign, PopoverYAlign };
|
|
142
|
-
//# sourceMappingURL=index.d.ts.map
|
|
1
|
+
import { Detail, DetailProps, PopoverProps, PopoverStatic, PopoverType, PopoverXAlign, PopoverYAlign } from "./static.js";
|
|
2
|
+
import { Popover } from "./dynamic.js";
|
|
3
|
+
export { Detail, DetailProps, Popover, PopoverProps, PopoverStatic, PopoverType, PopoverXAlign, PopoverYAlign };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react2 from "react";
|
|
2
2
|
import { DetailedHTMLProps, FC, HTMLAttributes } from "react";
|
|
3
3
|
|
|
4
4
|
//#region src/components/Popover/static.d.ts
|
|
@@ -201,7 +201,7 @@ type DetailProps = HTMLAttributes<HTMLDivElement> & {
|
|
|
201
201
|
* @param props - Popover Detail component props
|
|
202
202
|
* @returns Positioned popover content with animations and accessibility
|
|
203
203
|
*/
|
|
204
|
-
declare const Detail:
|
|
204
|
+
declare const Detail: react2.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
205
205
|
/** Whether the popover responds to focus events on the trigger */
|
|
206
206
|
isFocusable?: boolean;
|
|
207
207
|
/** Controls visibility state - undefined allows automatic hover/focus control */
|
|
@@ -216,7 +216,7 @@ declare const Detail: react14.ForwardRefExoticComponent<HTMLAttributes<HTMLDivEl
|
|
|
216
216
|
yAlign?: PopoverYAlign | `${PopoverYAlign}`;
|
|
217
217
|
/** Whether to display the directional arrow indicator */
|
|
218
218
|
displayArrow?: boolean;
|
|
219
|
-
} &
|
|
219
|
+
} & react2.RefAttributes<HTMLDivElement>>;
|
|
220
220
|
//#endregion
|
|
221
221
|
export { Detail, DetailProps, PopoverProps, PopoverStatic, PopoverType, PopoverXAlign, PopoverYAlign };
|
|
222
222
|
//# sourceMappingURL=static.d.ts.map
|
|
@@ -1 +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,
|
|
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,eAAM,0BAAA,eAAA;;;;;;;;;;WAtED,mBAAmB;;WAEnB,mBAAmB"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react4 from "react";
|
|
2
2
|
import { ComponentProps, FC } from "react";
|
|
3
3
|
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
4
4
|
|
|
@@ -16,8 +16,8 @@ declare enum SelectContentPosition {
|
|
|
16
16
|
ITEM_ALIGNED = "item-aligned",
|
|
17
17
|
}
|
|
18
18
|
declare const SelectRoot: FC<SelectPrimitive.SelectProps>;
|
|
19
|
-
declare const SelectGroup:
|
|
20
|
-
declare const SelectValue:
|
|
19
|
+
declare const SelectGroup: react4.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & react4.RefAttributes<HTMLDivElement>>;
|
|
20
|
+
declare const SelectValue: react4.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & react4.RefAttributes<HTMLSpanElement>>;
|
|
21
21
|
/**
|
|
22
22
|
* Select trigger button component that displays the current selection and opens the dropdown
|
|
23
23
|
*
|
|
@@ -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_runtime11 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_runtime11.JSX.Element;
|
|
16
16
|
label: string;
|
|
17
17
|
}[];
|
|
18
18
|
type SocialNetworksProps = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/SocialNetworks/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;cAeM;;aAyCL,
|
|
1
|
+
{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/SocialNetworks/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;cAeM;;aAyCL,mBAAA,CAAA,GAAA,CAAA;;;KAEI,mBAAA;8BACyB,4BAA4B;IACtD,kBACF,qBAAqB,oBACrB;cA4BW;;;GAGV,wBAAmB"}
|
|
@@ -1,205 +1,55 @@
|
|
|
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_runtime10 from "react/jsx-runtime";
|
|
5
5
|
|
|
6
6
|
//#region src/components/SwitchSelector/index.d.ts
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* Configuration for a single choice in the SwitchSelector
|
|
10
|
-
*
|
|
11
|
-
* @template T - The type of the choice value
|
|
12
|
-
* @interface SwitchSelectorChoice
|
|
13
|
-
*/
|
|
14
7
|
type SwitchSelectorChoice<T = boolean> = {
|
|
15
|
-
/** The visual content displayed for this choice (text, icons, or React elements) */
|
|
16
8
|
content: ReactNode;
|
|
17
|
-
/** The value associated with this choice */
|
|
18
9
|
value: T;
|
|
19
10
|
} & HTMLAttributes<HTMLButtonElement>;
|
|
20
|
-
/**
|
|
21
|
-
* Array of choices for the SwitchSelector component
|
|
22
|
-
*
|
|
23
|
-
* @template T - The type of the choice values
|
|
24
|
-
*/
|
|
25
11
|
type SwitchSelectorChoices<T> = SwitchSelectorChoice<T>[];
|
|
26
|
-
/**
|
|
27
|
-
* Props interface for the SwitchSelector component
|
|
28
|
-
*
|
|
29
|
-
* @template T - The type of the choice values
|
|
30
|
-
* @interface SwitchSelectorProps
|
|
31
|
-
*/
|
|
32
12
|
type SwitchSelectorProps<T = boolean> = {
|
|
33
|
-
/**
|
|
34
|
-
* Array of selectable choices
|
|
35
|
-
* @default [{ content: 'Off', value: false }, { content: 'On', value: true }]
|
|
36
|
-
* @example
|
|
37
|
-
* ```tsx
|
|
38
|
-
* <SwitchSelector choices={[
|
|
39
|
-
* { content: 'Draft', value: 'draft' },
|
|
40
|
-
* { content: 'Published', value: 'published' },
|
|
41
|
-
* { content: 'Archived', value: 'archived' }
|
|
42
|
-
* ]} />
|
|
43
|
-
* ```
|
|
44
|
-
*/
|
|
45
13
|
choices?: SwitchSelectorChoices<T>;
|
|
46
|
-
/**
|
|
47
|
-
* Controlled value for the selected choice
|
|
48
|
-
* @example
|
|
49
|
-
* ```tsx
|
|
50
|
-
* const [status, setStatus] = useState('draft');
|
|
51
|
-
* <SwitchSelector value={status} onChange={setStatus} />
|
|
52
|
-
* ```
|
|
53
|
-
*/
|
|
54
14
|
value?: T;
|
|
55
|
-
/**
|
|
56
|
-
* Default selected value for uncontrolled mode
|
|
57
|
-
* @example
|
|
58
|
-
* ```tsx
|
|
59
|
-
* <SwitchSelector defaultValue="published" />
|
|
60
|
-
* ```
|
|
61
|
-
*/
|
|
62
15
|
defaultValue?: T;
|
|
63
|
-
/**
|
|
64
|
-
* Callback function triggered when selection changes
|
|
65
|
-
* @param choice - The newly selected choice value
|
|
66
|
-
* @example
|
|
67
|
-
* ```tsx
|
|
68
|
-
* <SwitchSelector onChange={(value) => console.log('Selected:', value)} />
|
|
69
|
-
* ```
|
|
70
|
-
*/
|
|
71
16
|
onChange?: (choice: T) => void;
|
|
72
|
-
/** Additional CSS classes for custom styling */
|
|
73
17
|
className?: string;
|
|
74
18
|
} & VariantProps<typeof switchSelectorVariant> & VariantProps<typeof choiceVariant>;
|
|
75
|
-
/**
|
|
76
|
-
* Color variants for the SwitchSelector component
|
|
77
|
-
*
|
|
78
|
-
* @enum SwitchSelectorColor
|
|
79
|
-
*/
|
|
80
19
|
declare enum SwitchSelectorColor {
|
|
81
|
-
/** Primary brand color theme */
|
|
82
20
|
PRIMARY = "primary",
|
|
83
|
-
/** Secondary accent color theme */
|
|
84
21
|
SECONDARY = "secondary",
|
|
85
|
-
/** Destructive/error color theme for dangerous actions */
|
|
86
22
|
DESTRUCTIVE = "destructive",
|
|
87
|
-
/** Neutral gray color theme */
|
|
88
23
|
NEUTRAL = "neutral",
|
|
89
|
-
/** Light color theme for dark backgrounds */
|
|
90
24
|
LIGHT = "light",
|
|
91
|
-
/** Dark color theme for light backgrounds */
|
|
92
25
|
DARK = "dark",
|
|
93
|
-
/** Text color theme that adapts to content */
|
|
94
26
|
TEXT = "text",
|
|
95
27
|
}
|
|
96
28
|
declare const switchSelectorVariant: (props?: {
|
|
97
29
|
color?: SwitchSelectorColor;
|
|
98
|
-
} &
|
|
99
|
-
/**
|
|
100
|
-
* Size variants for the SwitchSelector component
|
|
101
|
-
*
|
|
102
|
-
* @enum SwitchSelectorSize
|
|
103
|
-
*/
|
|
30
|
+
} & class_variance_authority_types2.ClassProp) => string;
|
|
104
31
|
declare enum SwitchSelectorSize {
|
|
105
|
-
/** Small size - compact for tight layouts */
|
|
106
32
|
SM = "sm",
|
|
107
|
-
/** Medium size - standard for most use cases */
|
|
108
33
|
MD = "md",
|
|
109
|
-
/** Large size - prominent for important selections */
|
|
110
34
|
LG = "lg",
|
|
111
35
|
}
|
|
112
36
|
declare const choiceVariant: (props?: {
|
|
113
37
|
size?: SwitchSelectorSize;
|
|
114
|
-
} &
|
|
38
|
+
} & class_variance_authority_types2.ClassProp) => string;
|
|
115
39
|
/**
|
|
116
|
-
* SwitchSelector - A versatile toggle component for multi-option selection
|
|
117
|
-
*
|
|
118
|
-
* A sophisticated switch selector component that provides an elegant way to choose between
|
|
119
|
-
* multiple options with smooth animations and visual feedback. Built with accessibility
|
|
120
|
-
* in mind, it supports keyboard navigation and screen reader announcements.
|
|
121
|
-
*
|
|
122
|
-
* ## Key Features
|
|
123
|
-
* - **Smooth Animations**: Fluid indicator transitions between options
|
|
124
|
-
* - **Accessible**: Full keyboard navigation and ARIA support
|
|
125
|
-
* - **Flexible Styling**: Multiple color themes and size variants
|
|
126
|
-
* - **Generic Types**: Type-safe values with TypeScript generics
|
|
127
|
-
* - **Controlled/Uncontrolled**: Supports both usage patterns
|
|
128
|
-
* - **Custom Content**: Rich content support including icons and text
|
|
129
|
-
*
|
|
130
|
-
* ## Use Cases
|
|
131
|
-
* - Settings toggles (On/Off, Light/Dark theme)
|
|
132
|
-
* - Status selectors (Draft/Published/Archived)
|
|
133
|
-
* - View mode switches (List/Grid/Card)
|
|
134
|
-
* - Filter options (All/Active/Completed)
|
|
135
|
-
* - Language or region selection
|
|
136
|
-
* - Any multi-option toggle interface
|
|
137
40
|
*
|
|
138
|
-
*
|
|
139
|
-
* - **Keyboard Navigation**: Tab to focus, arrow keys to navigate options
|
|
140
|
-
* - **Screen Readers**: Proper ARIA labels and role attributes
|
|
141
|
-
* - **Focus Management**: Clear visual focus indicators
|
|
142
|
-
* - **State Announcements**: Selection changes announced to assistive technology
|
|
143
|
-
*
|
|
144
|
-
* ## Visual Design
|
|
145
|
-
* The component features a pill-shaped container with individual choice buttons.
|
|
146
|
-
* A smooth-sliding background indicator highlights the active selection, creating
|
|
147
|
-
* an intuitive and polished user experience.
|
|
148
|
-
*
|
|
149
|
-
* @template T - The type of values for the choices (string, number, boolean, etc.)
|
|
150
|
-
*
|
|
151
|
-
* @example
|
|
152
|
-
* Basic boolean toggle:
|
|
153
|
-
* ```tsx
|
|
154
|
-
* <SwitchSelector
|
|
155
|
-
* defaultValue={false}
|
|
156
|
-
* onChange={(value) => setEnabled(value)}
|
|
157
|
-
* />
|
|
158
|
-
* ```
|
|
159
|
-
*
|
|
160
|
-
* @example
|
|
161
|
-
* Multi-option selector with custom content:
|
|
162
|
-
* ```tsx
|
|
163
|
-
* <SwitchSelector
|
|
164
|
-
* choices={[
|
|
165
|
-
* { content: <>📝 Draft</>, value: 'draft' },
|
|
166
|
-
* { content: <>✅ Published</>, value: 'published' },
|
|
167
|
-
* { content: <>📦 Archived</>, value: 'archived' }
|
|
168
|
-
* ]}
|
|
169
|
-
* value={currentStatus}
|
|
170
|
-
* onChange={setStatus}
|
|
171
|
-
* color={SwitchSelectorColor.SECONDARY}
|
|
172
|
-
* size={SwitchSelectorSize.LG}
|
|
173
|
-
* />
|
|
174
|
-
* ```
|
|
175
|
-
*
|
|
176
|
-
* @example
|
|
177
|
-
* View mode switcher:
|
|
178
|
-
* ```tsx
|
|
179
|
-
* <SwitchSelector
|
|
180
|
-
* choices={[
|
|
181
|
-
* { content: 'List', value: 'list' },
|
|
182
|
-
* { content: 'Grid', value: 'grid' },
|
|
183
|
-
* { content: 'Card', value: 'card' }
|
|
184
|
-
* ]}
|
|
185
|
-
* defaultValue="grid"
|
|
186
|
-
* color={SwitchSelectorColor.NEUTRAL}
|
|
187
|
-
* onChange={(view) => setViewMode(view)}
|
|
188
|
-
* />
|
|
189
|
-
* ```
|
|
41
|
+
* Component that allows the user to select one of the provided choices.
|
|
190
42
|
*
|
|
191
|
-
*
|
|
192
|
-
*
|
|
193
|
-
* ```tsx
|
|
43
|
+
* Example:
|
|
44
|
+
* ```jsx
|
|
194
45
|
* <SwitchSelector
|
|
195
46
|
* choices={[
|
|
196
|
-
* { content:
|
|
197
|
-
* { content:
|
|
198
|
-
* { content:
|
|
47
|
+
* { content: 'Option 1', value: 'option1' },
|
|
48
|
+
* { content: 'Option 2', value: 'option2' },
|
|
49
|
+
* { content: 'Option 3', value: 'option3' },
|
|
199
50
|
* ]}
|
|
200
|
-
* value=
|
|
201
|
-
* onChange={
|
|
202
|
-
* size={SwitchSelectorSize.SM}
|
|
51
|
+
* value="option1"
|
|
52
|
+
* onChange={(choice) => console.log(choice)}
|
|
203
53
|
* />
|
|
204
54
|
* ```
|
|
205
55
|
*/
|
|
@@ -211,7 +61,7 @@ declare const SwitchSelector: <T>({
|
|
|
211
61
|
color,
|
|
212
62
|
size,
|
|
213
63
|
className
|
|
214
|
-
}: SwitchSelectorProps<T>) =>
|
|
64
|
+
}: SwitchSelectorProps<T>) => react_jsx_runtime10.JSX.Element;
|
|
215
65
|
//#endregion
|
|
216
66
|
export { SwitchSelector, SwitchSelectorChoice, SwitchSelectorChoices, SwitchSelectorColor, SwitchSelectorProps, SwitchSelectorSize };
|
|
217
67
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/SwitchSelector/index.tsx"],"sourcesContent":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/SwitchSelector/index.tsx"],"sourcesContent":[],"mappings":";;;;;;KAaY;WACD;SACF;IACL,eAAe;AAHP,KAIA,qBAJoB,CAAA,CAAA,CAAA,GAIO,oBAJP,CAI4B,CAJ5B,CAAA,EAAA;AACrB,KAUC,mBAVD,CAAA,IAAA,OAAA,CAAA,GAAA;EACF,OAAA,CAAA,EAUG,qBAVH,CAUyB,CAVzB,CAAA;EACU,KAAA,CAAA,EAUT,CAVS;EAAf,YAAA,CAAA,EAWa,CAXb;EAAc,QAAA,CAAA,EAAA,CAAA,MAAA,EAYI,CAZJ,EAAA,GAAA,IAAA;EACN,SAAA,CAAA,EAAA,MAAA;AAOZ,CAAA,GAMI,YANQ,CAAA,OAMY,qBANO,CAAA,GAO7B,YAP6B,CAAA,OAOT,aAPS,CAAA;AACG,aAQtB,mBAAA;EARA,OAAA,GAAA,SAAA;EACF,SAAA,GAAA,WAAA;EACO,WAAA,GAAA,aAAA;EACK,OAAA,GAAA,SAAA;EAEE,KAAA,GAAA,OAAA;EAApB,IAAA,GAAA,MAAA;EACkB,IAAA,GAAA,MAAA;;cAYhB,qBAZQ,EAAA,CAAA,KA+Bb,CA/Ba,EAAA;EAEF,KAAA,CAAA,EA6BX,mBA7B8B;AAQ9B,CAAA,GAqBA,+BAAA,CAAA,SAAA,EAAA,GAAA,MAAA;AAEW,aAAA,kBAAA;EAMN,EAAA,GAAA,IAAA;EAmDO,EAAA,GAAA,IAAA;EAAsB,EAAA,GAAA,IAAA;;cAnD7B,aAmD6B,EAAA,CAAA,KAAA,CAAA,EAAA;EAAA,IAAA,CAAA,EArClC,kBAqCkC;CAAA,GArClC,+BAAA,CAAA,SAqCkC,EAAA,GAAA,MAAA;;;;;;;;;;;;;;;;;;cAAtB;;;;;;;;GAQV,oBAAoB,OAAE,mBAAA,CAAA,GAAA,CAAA"}
|
|
@@ -1,12 +1,12 @@
|
|
|
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/Tab/Tab.d.ts
|
|
7
7
|
declare const tabContainerVariant: (props?: {
|
|
8
8
|
variant?: "default" | "bordered" | "ghost";
|
|
9
|
-
} &
|
|
9
|
+
} & class_variance_authority_types5.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_runtime13.JSX.Element) & {
|
|
29
29
|
Item: {
|
|
30
30
|
({
|
|
31
31
|
children,
|
|
32
32
|
...props
|
|
33
|
-
}: TabItemProps):
|
|
33
|
+
}: TabItemProps): react_jsx_runtime13.JSX.Element;
|
|
34
34
|
displayName: string;
|
|
35
35
|
};
|
|
36
36
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react1 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: react1.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_types4 from "class-variance-authority/types";
|
|
3
3
|
import { VariantProps } from "class-variance-authority";
|
|
4
|
-
import * as
|
|
4
|
+
import * as react_jsx_runtime12 from "react/jsx-runtime";
|
|
5
5
|
|
|
6
6
|
//#region src/components/TabSelector/TabSelector.d.ts
|
|
7
7
|
declare enum TabSelectorColor {
|
|
@@ -14,8 +14,8 @@ declare enum TabSelectorColor {
|
|
|
14
14
|
TEXT = "text",
|
|
15
15
|
}
|
|
16
16
|
declare const tabSelectorVariant: (props?: {
|
|
17
|
-
color?: "
|
|
18
|
-
} &
|
|
17
|
+
color?: "neutral" | "text" | "primary" | "secondary" | "destructive" | "light" | "dark";
|
|
18
|
+
} & class_variance_authority_types4.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_runtime12.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,
|
|
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,MAAA,GAAA,SAAA,GAAA,WAAA,GAAA,aAAA,GAAA,OAAA,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,mBAAA,CAAA,GAAA,CAAA"}
|