@techsio/ui-kit 0.41.2 → 0.43.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.
- package/dist/internal/molecules/drawer.context.js +133 -0
- package/dist/internal/molecules/drawer.styles.js +107 -0
- package/dist/internal/organisms/sidebar.context.js +223 -0
- package/dist/internal/organisms/sidebar.focus.js +169 -0
- package/dist/internal/organisms/sidebar.styles.js +146 -0
- package/dist/molecules/drawer.js +262 -0
- package/dist/molecules/file-upload.js +369 -0
- package/dist/organisms/sidebar.js +448 -0
- package/dist/src/internal/molecules/drawer.context.d.ts +53 -0
- package/dist/src/internal/molecules/drawer.context.d.ts.map +1 -0
- package/dist/src/internal/molecules/drawer.styles.d.ts +115 -0
- package/dist/src/internal/molecules/drawer.styles.d.ts.map +1 -0
- package/dist/src/internal/organisms/sidebar.context.d.ts +83 -0
- package/dist/src/internal/organisms/sidebar.context.d.ts.map +1 -0
- package/dist/src/internal/organisms/sidebar.focus.d.ts +16 -0
- package/dist/src/internal/organisms/sidebar.focus.d.ts.map +1 -0
- package/dist/src/internal/organisms/sidebar.styles.d.ts +149 -0
- package/dist/src/internal/organisms/sidebar.styles.d.ts.map +1 -0
- package/dist/src/molecules/drawer.d.ts +112 -0
- package/dist/src/molecules/drawer.d.ts.map +1 -0
- package/dist/src/molecules/file-upload.d.ts +84 -0
- package/dist/src/molecules/file-upload.d.ts.map +1 -0
- package/dist/src/molecules/switch.d.ts +3 -3
- package/dist/src/molecules/toast.d.ts +6 -6
- package/dist/src/organisms/sidebar.d.ts +93 -0
- package/dist/src/organisms/sidebar.d.ts.map +1 -0
- package/dist/src/types/zag.d.ts +2 -0
- package/dist/src/types/zag.d.ts.map +1 -1
- package/dist/stories/changelog/changelog.stories.d.ts.map +1 -1
- package/dist/stories/molecules/drawer.stories.d.ts +158 -0
- package/dist/stories/molecules/drawer.stories.d.ts.map +1 -0
- package/dist/stories/molecules/file-upload.stories.d.ts +105 -0
- package/dist/stories/molecules/file-upload.stories.d.ts.map +1 -0
- package/dist/stories/organisms/sidebar.stories.d.ts +66 -0
- package/dist/stories/organisms/sidebar.stories.d.ts.map +1 -0
- package/dist/test/drawer.behavior.spec.d.ts +2 -0
- package/dist/test/drawer.behavior.spec.d.ts.map +1 -0
- package/dist/test/sidebar.behavior.spec.d.ts +2 -0
- package/dist/test/sidebar.behavior.spec.d.ts.map +1 -0
- package/dist/test/sidebar.ssr.bun.d.ts +2 -0
- package/dist/test/sidebar.ssr.bun.d.ts.map +1 -0
- package/package.json +26 -22
- package/src/tokens/components/components.css +3 -0
- package/src/tokens/components/molecules/_drawer.css +369 -0
- package/src/tokens/components/molecules/_file-upload.css +128 -0
- package/src/tokens/components/organisms/_sidebar.css +93 -0
- package/src/tokens/figma/brand-overrides.css +2 -2
- package/src/tokens/figma/business/variables.css +3 -2
- package/src/tokens/figma/dark/variables.css +1 -0
- package/src/tokens/figma/light/variables.css +3 -2
- package/src/tokens/figma/neo/variables.css +3 -2
- package/src/tokens/figma/neo-dark/variables.css +1 -0
- package/src/tokens/figma/variables.css +3 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/organisms/sidebar.tsx"],"names":[],"mappings":"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"}
|
package/dist/src/types/zag.d.ts
CHANGED
|
@@ -3,6 +3,8 @@ export type * as Carousel from "@zag-js/carousel";
|
|
|
3
3
|
export type * as Checkbox from "@zag-js/checkbox";
|
|
4
4
|
export type * as Combobox from "@zag-js/combobox";
|
|
5
5
|
export type * as Dialog from "@zag-js/dialog";
|
|
6
|
+
export type * as Drawer from "@zag-js/drawer";
|
|
7
|
+
export type * as FileUpload from "@zag-js/file-upload";
|
|
6
8
|
export type * as Menu from "@zag-js/menu";
|
|
7
9
|
export type * as NumberInput from "@zag-js/number-input";
|
|
8
10
|
export type * as Pagination from "@zag-js/pagination";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"zag.d.ts","sourceRoot":"","sources":["../../../src/types/zag.ts"],"names":[],"mappings":"AAAA,YAAY,KAAK,SAAS,MAAM,mBAAmB,CAAA;AACnD,YAAY,KAAK,QAAQ,MAAM,kBAAkB,CAAA;AACjD,YAAY,KAAK,QAAQ,MAAM,kBAAkB,CAAA;AACjD,YAAY,KAAK,QAAQ,MAAM,kBAAkB,CAAA;AACjD,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,IAAI,MAAM,cAAc,CAAA;AACzC,YAAY,KAAK,WAAW,MAAM,sBAAsB,CAAA;AACxD,YAAY,KAAK,UAAU,MAAM,oBAAoB,CAAA;AACrD,YAAY,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAC/C,YAAY,KAAK,UAAU,MAAM,qBAAqB,CAAA;AACtD,YAAY,KAAK,WAAW,MAAM,sBAAsB,CAAA;AACxD,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,KAAK,MAAM,eAAe,CAAA;AAC3C,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,IAAI,MAAM,cAAc,CAAA;AACzC,YAAY,KAAK,KAAK,MAAM,eAAe,CAAA;AAC3C,YAAY,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAC/C,YAAY,KAAK,QAAQ,MAAM,mBAAmB,CAAA"}
|
|
1
|
+
{"version":3,"file":"zag.d.ts","sourceRoot":"","sources":["../../../src/types/zag.ts"],"names":[],"mappings":"AAAA,YAAY,KAAK,SAAS,MAAM,mBAAmB,CAAA;AACnD,YAAY,KAAK,QAAQ,MAAM,kBAAkB,CAAA;AACjD,YAAY,KAAK,QAAQ,MAAM,kBAAkB,CAAA;AACjD,YAAY,KAAK,QAAQ,MAAM,kBAAkB,CAAA;AACjD,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,UAAU,MAAM,qBAAqB,CAAA;AACtD,YAAY,KAAK,IAAI,MAAM,cAAc,CAAA;AACzC,YAAY,KAAK,WAAW,MAAM,sBAAsB,CAAA;AACxD,YAAY,KAAK,UAAU,MAAM,oBAAoB,CAAA;AACrD,YAAY,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAC/C,YAAY,KAAK,UAAU,MAAM,qBAAqB,CAAA;AACtD,YAAY,KAAK,WAAW,MAAM,sBAAsB,CAAA;AACxD,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,KAAK,MAAM,eAAe,CAAA;AAC3C,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,IAAI,MAAM,cAAc,CAAA;AACzC,YAAY,KAAK,KAAK,MAAM,eAAe,CAAA;AAC3C,YAAY,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAC/C,YAAY,KAAK,QAAQ,MAAM,mBAAmB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"changelog.stories.d.ts","sourceRoot":"","sources":["../../../stories/changelog/changelog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"changelog.stories.d.ts","sourceRoot":"","sources":["../../../stories/changelog/changelog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAyLtD,iBAAS,SAAS,4CAUjB;AAED,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAKhC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,SAAS,CAAM,CAAA"}
|
|
@@ -0,0 +1,158 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import { type DrawerRootProps } from "../../src/molecules/drawer.js";
|
|
3
|
+
type DrawerStoryArgs = Omit<DrawerRootProps, "children"> & {
|
|
4
|
+
draggable: boolean;
|
|
5
|
+
triggerLabel: string;
|
|
6
|
+
};
|
|
7
|
+
declare function DrawerStory({ draggable, triggerLabel, ...rootProps }: DrawerStoryArgs): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare const meta: {
|
|
9
|
+
title: string;
|
|
10
|
+
component: typeof DrawerStory;
|
|
11
|
+
tags: string[];
|
|
12
|
+
parameters: {
|
|
13
|
+
layout: string;
|
|
14
|
+
docs: {
|
|
15
|
+
description: {
|
|
16
|
+
component: string;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
argTypes: {
|
|
21
|
+
placement: {
|
|
22
|
+
control: "select";
|
|
23
|
+
options: string[];
|
|
24
|
+
description: string;
|
|
25
|
+
table: {
|
|
26
|
+
defaultValue: {
|
|
27
|
+
summary: string;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
size: {
|
|
32
|
+
control: "select";
|
|
33
|
+
options: string[];
|
|
34
|
+
description: string;
|
|
35
|
+
table: {
|
|
36
|
+
defaultValue: {
|
|
37
|
+
summary: string;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
modal: {
|
|
42
|
+
control: "boolean";
|
|
43
|
+
description: string;
|
|
44
|
+
table: {
|
|
45
|
+
defaultValue: {
|
|
46
|
+
summary: string;
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
};
|
|
50
|
+
draggable: {
|
|
51
|
+
control: "boolean";
|
|
52
|
+
description: string;
|
|
53
|
+
table: {
|
|
54
|
+
defaultValue: {
|
|
55
|
+
summary: string;
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
closeOnEscape: {
|
|
60
|
+
control: "boolean";
|
|
61
|
+
description: string;
|
|
62
|
+
table: {
|
|
63
|
+
defaultValue: {
|
|
64
|
+
summary: string;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
closeOnInteractOutside: {
|
|
69
|
+
control: "boolean";
|
|
70
|
+
description: string;
|
|
71
|
+
table: {
|
|
72
|
+
defaultValue: {
|
|
73
|
+
summary: string;
|
|
74
|
+
};
|
|
75
|
+
};
|
|
76
|
+
};
|
|
77
|
+
preventScroll: {
|
|
78
|
+
control: "boolean";
|
|
79
|
+
description: string;
|
|
80
|
+
table: {
|
|
81
|
+
defaultValue: {
|
|
82
|
+
summary: string;
|
|
83
|
+
};
|
|
84
|
+
};
|
|
85
|
+
};
|
|
86
|
+
trapFocus: {
|
|
87
|
+
control: "boolean";
|
|
88
|
+
description: string;
|
|
89
|
+
table: {
|
|
90
|
+
defaultValue: {
|
|
91
|
+
summary: string;
|
|
92
|
+
};
|
|
93
|
+
};
|
|
94
|
+
};
|
|
95
|
+
triggerLabel: {
|
|
96
|
+
control: "text";
|
|
97
|
+
description: string;
|
|
98
|
+
};
|
|
99
|
+
ids: {
|
|
100
|
+
table: {
|
|
101
|
+
disable: true;
|
|
102
|
+
};
|
|
103
|
+
};
|
|
104
|
+
initialFocusEl: {
|
|
105
|
+
table: {
|
|
106
|
+
disable: true;
|
|
107
|
+
};
|
|
108
|
+
};
|
|
109
|
+
finalFocusEl: {
|
|
110
|
+
table: {
|
|
111
|
+
disable: true;
|
|
112
|
+
};
|
|
113
|
+
};
|
|
114
|
+
getRootNode: {
|
|
115
|
+
table: {
|
|
116
|
+
disable: true;
|
|
117
|
+
};
|
|
118
|
+
};
|
|
119
|
+
stack: {
|
|
120
|
+
table: {
|
|
121
|
+
disable: true;
|
|
122
|
+
};
|
|
123
|
+
};
|
|
124
|
+
onOpenChange: {
|
|
125
|
+
control: false;
|
|
126
|
+
};
|
|
127
|
+
onSnapPointChange: {
|
|
128
|
+
control: false;
|
|
129
|
+
};
|
|
130
|
+
onTriggerValueChange: {
|
|
131
|
+
control: false;
|
|
132
|
+
};
|
|
133
|
+
};
|
|
134
|
+
args: {
|
|
135
|
+
closeOnEscape: true;
|
|
136
|
+
closeOnInteractOutside: true;
|
|
137
|
+
draggable: true;
|
|
138
|
+
modal: true;
|
|
139
|
+
onOpenChange: import("storybook/test").Mock<(...args: any[]) => any>;
|
|
140
|
+
placement: "end";
|
|
141
|
+
preventScroll: true;
|
|
142
|
+
size: "md";
|
|
143
|
+
trapFocus: true;
|
|
144
|
+
triggerLabel: string;
|
|
145
|
+
};
|
|
146
|
+
};
|
|
147
|
+
export default meta;
|
|
148
|
+
type Story = StoryObj<typeof meta>;
|
|
149
|
+
export declare const Playground: Story;
|
|
150
|
+
export declare const Placements: Story;
|
|
151
|
+
export declare const Sizes: Story;
|
|
152
|
+
export declare const SnapPointsAndSwipe: Story;
|
|
153
|
+
export declare const Controlled: Story;
|
|
154
|
+
export declare const MultipleTriggers: Story;
|
|
155
|
+
export declare const CustomContainer: Story;
|
|
156
|
+
export declare const NonModal: Story;
|
|
157
|
+
export declare const Stack: Story;
|
|
158
|
+
//# sourceMappingURL=drawer.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drawer.stories.d.ts","sourceRoot":"","sources":["../../../stories/molecules/drawer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAKtD,OAAO,EAIL,KAAK,eAAe,EAErB,MAAM,4BAA4B,CAAA;AA6DnC,KAAK,eAAe,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,GAAG;IACzD,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,YAAY,EACZ,GAAG,SAAS,EACb,EAAE,eAAe,2CAejB;AAED,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiF0B,CAAA;AAEpC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,UAAU,EAAE,KAAU,CAAA;AASnC,eAAO,MAAM,UAAU,EAAE,KAqBxB,CAAA;AAID,eAAO,MAAM,KAAK,EAAE,KAqBnB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAiDhC,CAAA;AAgCD,eAAO,MAAM,UAAU,EAAE,KAGxB,CAAA;AAyCD,eAAO,MAAM,gBAAgB,EAAE,KAG9B,CAAA;AAqCD,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAA;AAoCD,eAAO,MAAM,QAAQ,EAAE,KAGtB,CAAA;AAmCD,eAAO,MAAM,KAAK,EAAE,KAGnB,CAAA"}
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import { FileUpload } from "../../src/molecules/file-upload.js";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof FileUpload;
|
|
6
|
+
tags: string[];
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: string;
|
|
9
|
+
controls: {
|
|
10
|
+
include: string[];
|
|
11
|
+
};
|
|
12
|
+
docs: {
|
|
13
|
+
description: {
|
|
14
|
+
component: string;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
argTypes: {
|
|
19
|
+
accept: {
|
|
20
|
+
control: "object";
|
|
21
|
+
description: string;
|
|
22
|
+
};
|
|
23
|
+
allowDrop: {
|
|
24
|
+
control: "boolean";
|
|
25
|
+
description: string;
|
|
26
|
+
};
|
|
27
|
+
disabled: {
|
|
28
|
+
control: "boolean";
|
|
29
|
+
description: string;
|
|
30
|
+
};
|
|
31
|
+
invalid: {
|
|
32
|
+
control: "boolean";
|
|
33
|
+
description: string;
|
|
34
|
+
};
|
|
35
|
+
maxFileSize: {
|
|
36
|
+
control: {
|
|
37
|
+
type: "number";
|
|
38
|
+
min: number;
|
|
39
|
+
step: number;
|
|
40
|
+
};
|
|
41
|
+
description: string;
|
|
42
|
+
};
|
|
43
|
+
maxFiles: {
|
|
44
|
+
control: {
|
|
45
|
+
type: "number";
|
|
46
|
+
min: number;
|
|
47
|
+
step: number;
|
|
48
|
+
};
|
|
49
|
+
description: string;
|
|
50
|
+
};
|
|
51
|
+
minFileSize: {
|
|
52
|
+
control: {
|
|
53
|
+
type: "number";
|
|
54
|
+
min: number;
|
|
55
|
+
step: number;
|
|
56
|
+
};
|
|
57
|
+
description: string;
|
|
58
|
+
};
|
|
59
|
+
readOnly: {
|
|
60
|
+
control: "boolean";
|
|
61
|
+
description: string;
|
|
62
|
+
};
|
|
63
|
+
required: {
|
|
64
|
+
control: "boolean";
|
|
65
|
+
description: string;
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
args: {
|
|
69
|
+
accept: {
|
|
70
|
+
"image/*": string[];
|
|
71
|
+
};
|
|
72
|
+
allowDrop: true;
|
|
73
|
+
disabled: false;
|
|
74
|
+
invalid: false;
|
|
75
|
+
maxFileSize: number;
|
|
76
|
+
maxFiles: number;
|
|
77
|
+
minFileSize: number;
|
|
78
|
+
onFileAccept: import("storybook/test").Mock<(...args: any[]) => any>;
|
|
79
|
+
onFileChange: import("storybook/test").Mock<(...args: any[]) => any>;
|
|
80
|
+
onFileReject: import("storybook/test").Mock<(...args: any[]) => any>;
|
|
81
|
+
readOnly: false;
|
|
82
|
+
required: false;
|
|
83
|
+
};
|
|
84
|
+
};
|
|
85
|
+
export default meta;
|
|
86
|
+
type Story = StoryObj<typeof meta>;
|
|
87
|
+
export declare const Playground: Story;
|
|
88
|
+
export declare const States: Story;
|
|
89
|
+
export declare const Basic: Story;
|
|
90
|
+
export declare const AcceptedFiles: Story;
|
|
91
|
+
export declare const Multiple: Story;
|
|
92
|
+
export declare const Dropzone: Story;
|
|
93
|
+
export declare const DropzoneStates: Story;
|
|
94
|
+
export declare const ConditionalDropzone: Story;
|
|
95
|
+
export declare const CustomPreview: Story;
|
|
96
|
+
export declare const RejectedFiles: Story;
|
|
97
|
+
export declare const Directory: Story;
|
|
98
|
+
export declare const MediaCapture: Story;
|
|
99
|
+
export declare const ProgrammaticOpen: Story;
|
|
100
|
+
export declare const InputLike: Story;
|
|
101
|
+
export declare const Clearable: Story;
|
|
102
|
+
export declare const Clipboard: Story;
|
|
103
|
+
export declare const Controlled: Story;
|
|
104
|
+
export declare const Form: Story;
|
|
105
|
+
//# sourceMappingURL=file-upload.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"file-upload.stories.d.ts","sourceRoot":"","sources":["../../../stories/molecules/file-upload.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAgBtD,OAAO,EACL,UAAU,EAEX,MAAM,iCAAiC,CAAA;AAExC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8EyB,CAAA;AAEnC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAuPlC,eAAO,MAAM,UAAU,EAAE,KAExB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAqDpB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAwB3B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgDtB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KA0D5B,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KA+BjC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KA6C3B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KA4B3B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAoB9B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAqBvB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAyCvB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAA;AA4BD,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAA;AAyBD,eAAO,MAAM,IAAI,EAAE,KAkBlB,CAAA"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import { Sidebar } from "../../src/organisms/sidebar.js";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof Sidebar;
|
|
6
|
+
tags: string[];
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: string;
|
|
9
|
+
docs: {
|
|
10
|
+
description: {
|
|
11
|
+
component: string;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
args: {
|
|
16
|
+
defaultExpanded: "start"[];
|
|
17
|
+
dir: "ltr";
|
|
18
|
+
onExpandedChange: import("storybook/test").Mock<(...args: any[]) => any>;
|
|
19
|
+
onMobileOpenChange: import("storybook/test").Mock<(...args: any[]) => any>;
|
|
20
|
+
};
|
|
21
|
+
argTypes: {
|
|
22
|
+
defaultExpanded: {
|
|
23
|
+
control: false;
|
|
24
|
+
};
|
|
25
|
+
dir: {
|
|
26
|
+
control: "inline-radio";
|
|
27
|
+
options: string[];
|
|
28
|
+
};
|
|
29
|
+
defaultMobileOpen: {
|
|
30
|
+
control: false;
|
|
31
|
+
};
|
|
32
|
+
collapsible: {
|
|
33
|
+
control: false;
|
|
34
|
+
};
|
|
35
|
+
expanded: {
|
|
36
|
+
control: false;
|
|
37
|
+
};
|
|
38
|
+
id: {
|
|
39
|
+
control: false;
|
|
40
|
+
};
|
|
41
|
+
mobileOpen: {
|
|
42
|
+
control: false;
|
|
43
|
+
};
|
|
44
|
+
onExpandedChange: {
|
|
45
|
+
control: false;
|
|
46
|
+
};
|
|
47
|
+
onMobileOpenChange: {
|
|
48
|
+
control: false;
|
|
49
|
+
};
|
|
50
|
+
ref: {
|
|
51
|
+
control: false;
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
export default meta;
|
|
56
|
+
type Story = StoryObj<typeof meta>;
|
|
57
|
+
export declare const Playground: Story;
|
|
58
|
+
export declare const ControlledOffcanvas: Story;
|
|
59
|
+
export declare const BreakpointFocusTransfer: Story;
|
|
60
|
+
export declare const IconCollapseSidebar07: Story;
|
|
61
|
+
export declare const TwoPaneSidebar09: Story;
|
|
62
|
+
export declare const RightSidebar14: Story;
|
|
63
|
+
export declare const LeftAndRightSidebar15: Story;
|
|
64
|
+
export declare const LogicalEdgesRtl: Story;
|
|
65
|
+
export declare const StickySiteHeaderSidebar16: Story;
|
|
66
|
+
//# sourceMappingURL=sidebar.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar.stories.d.ts","sourceRoot":"","sources":["../../../stories/organisms/sidebar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAUtD,OAAO,EACL,OAAO,EAER,MAAM,6BAA6B,CAAA;AAqPpC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCsB,CAAA;AAEhC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,UAAU,EAAE,KA2BxB,CAAA;AAgCD,eAAO,MAAM,mBAAmB,EAAE,KAIjC,CAAA;AAkFD,eAAO,MAAM,uBAAuB,EAAE,KAYrC,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAWnC,CAAA;AA8HD,eAAO,MAAM,gBAAgB,EAAE,KAQ9B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAe5B,CAAA;AAsBD,eAAO,MAAM,qBAAqB,EAAE,KAmBnC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAoB7B,CAAA;AAcD,eAAO,MAAM,yBAAyB,EAAE,KA0BvC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drawer.behavior.spec.d.ts","sourceRoot":"","sources":["../../test/drawer.behavior.spec.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar.behavior.spec.d.ts","sourceRoot":"","sources":["../../test/sidebar.behavior.spec.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar.ssr.bun.d.ts","sourceRoot":"","sources":["../../test/sidebar.ssr.bun.tsx"],"names":[],"mappings":""}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@techsio/ui-kit",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.43.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"repository": {
|
|
@@ -74,6 +74,7 @@
|
|
|
74
74
|
"storybook:a11y": "bash scripts/storybook-a11y.sh",
|
|
75
75
|
"test:components": "node scripts/run-component-tests.mjs",
|
|
76
76
|
"test:components:update": "node scripts/run-component-tests.mjs --update-snapshots",
|
|
77
|
+
"test:sidebar:ssr": "bun test ./test/sidebar.ssr.bun.tsx",
|
|
77
78
|
"lint:tailwind": "eslint \"**/*.{js,jsx,ts,tsx}\" --config eslint.config.js",
|
|
78
79
|
"lint:tailwind:fix": "eslint \"**/*.{js,jsx,ts,tsx}\" --config eslint.config.js --fix",
|
|
79
80
|
"prepare": "node -e \"if (!process.env.RSLIB_CHECK_OUTPUT) require('node:child_process').execSync('pnpm build', { stdio: 'inherit' })\"",
|
|
@@ -97,27 +98,30 @@
|
|
|
97
98
|
"@tanstack/react-charts": "^0.6.5",
|
|
98
99
|
"@tanstack/react-table": "^9.1.2",
|
|
99
100
|
"@tanstack/react-virtual": "^3.14.8",
|
|
100
|
-
"@zag-js/accordion": "
|
|
101
|
-
"@zag-js/carousel": "
|
|
102
|
-
"@zag-js/checkbox": "
|
|
103
|
-
"@zag-js/combobox": "
|
|
104
|
-
"@zag-js/dialog": "
|
|
105
|
-
"@zag-js/
|
|
106
|
-
"@zag-js/
|
|
107
|
-
"@zag-js/
|
|
108
|
-
"@zag-js/
|
|
109
|
-
"@zag-js/
|
|
110
|
-
"@zag-js/
|
|
111
|
-
"@zag-js/
|
|
112
|
-
"@zag-js/
|
|
113
|
-
"@zag-js/
|
|
114
|
-
"@zag-js/
|
|
115
|
-
"@zag-js/
|
|
116
|
-
"@zag-js/
|
|
117
|
-
"@zag-js/
|
|
118
|
-
"@zag-js/
|
|
119
|
-
"@zag-js/
|
|
120
|
-
"@zag-js/
|
|
101
|
+
"@zag-js/accordion": "1.43.3",
|
|
102
|
+
"@zag-js/carousel": "1.43.3",
|
|
103
|
+
"@zag-js/checkbox": "1.43.3",
|
|
104
|
+
"@zag-js/combobox": "1.43.3",
|
|
105
|
+
"@zag-js/dialog": "1.43.3",
|
|
106
|
+
"@zag-js/drawer": "1.43.3",
|
|
107
|
+
"@zag-js/file-upload": "1.43.3",
|
|
108
|
+
"@zag-js/i18n-utils": "1.43.3",
|
|
109
|
+
"@zag-js/menu": "1.43.3",
|
|
110
|
+
"@zag-js/number-input": "1.43.3",
|
|
111
|
+
"@zag-js/pagination": "1.43.3",
|
|
112
|
+
"@zag-js/popover": "1.43.3",
|
|
113
|
+
"@zag-js/presence": "1.43.3",
|
|
114
|
+
"@zag-js/radio-group": "1.43.3",
|
|
115
|
+
"@zag-js/rating-group": "1.43.3",
|
|
116
|
+
"@zag-js/react": "1.43.3",
|
|
117
|
+
"@zag-js/select": "1.43.3",
|
|
118
|
+
"@zag-js/slider": "1.43.3",
|
|
119
|
+
"@zag-js/steps": "1.43.3",
|
|
120
|
+
"@zag-js/switch": "1.43.3",
|
|
121
|
+
"@zag-js/tabs": "1.43.3",
|
|
122
|
+
"@zag-js/toast": "1.43.3",
|
|
123
|
+
"@zag-js/tooltip": "1.43.3",
|
|
124
|
+
"@zag-js/tree-view": "1.43.3",
|
|
121
125
|
"better-themes": "^1.1.0",
|
|
122
126
|
"d3-scale": "^4.0.2",
|
|
123
127
|
"d3-shape": "^3.2.0",
|
|
@@ -23,6 +23,8 @@
|
|
|
23
23
|
@import "./molecules/_color-select.css";
|
|
24
24
|
@import "./molecules/_combobox.css";
|
|
25
25
|
@import "./molecules/_dialog.css";
|
|
26
|
+
@import "./molecules/_drawer.css";
|
|
27
|
+
@import "./molecules/_file-upload.css";
|
|
26
28
|
@import "./molecules/_pagination.css";
|
|
27
29
|
@import "./molecules/_popover.css";
|
|
28
30
|
@import "./molecules/_radio-card.css";
|
|
@@ -43,3 +45,4 @@
|
|
|
43
45
|
@import "./organisms/_footer.css";
|
|
44
46
|
@import "./organisms/_header.css";
|
|
45
47
|
@import "./organisms/_gallery.css";
|
|
48
|
+
@import "./organisms/_sidebar.css";
|