@techsio/ui-kit 0.41.2 → 0.42.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/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/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 +1 -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/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 +25 -22
- package/src/tokens/components/components.css +2 -0
- package/src/tokens/components/molecules/_drawer.css +369 -0
- package/src/tokens/components/organisms/_sidebar.css +93 -0
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import type { ReactNode, RefCallback } from "react";
|
|
2
|
+
import { type DrawerApi } from "../../molecules/drawer.js";
|
|
3
|
+
export type SidebarSide = "start" | "end";
|
|
4
|
+
export type SidebarMode = "desktop" | "mobile";
|
|
5
|
+
export type SidebarCollapsible = "icon" | "offcanvas" | "none";
|
|
6
|
+
export type SidebarCollapsiblePolicy = Readonly<Partial<Record<SidebarSide, SidebarCollapsible>>>;
|
|
7
|
+
export type SidebarExpandedChangeDetails = {
|
|
8
|
+
expanded: readonly SidebarSide[];
|
|
9
|
+
};
|
|
10
|
+
export type SidebarMobileOpenChangeDetails = {
|
|
11
|
+
open: SidebarSide | null;
|
|
12
|
+
};
|
|
13
|
+
export type SidebarStateProps = {
|
|
14
|
+
collapsible?: SidebarCollapsiblePolicy;
|
|
15
|
+
defaultExpanded?: readonly SidebarSide[];
|
|
16
|
+
defaultMobileOpen?: SidebarSide | null;
|
|
17
|
+
dir?: "ltr" | "rtl";
|
|
18
|
+
expanded?: readonly SidebarSide[];
|
|
19
|
+
id?: string;
|
|
20
|
+
mobileOpen?: SidebarSide | null;
|
|
21
|
+
onExpandedChange?: (details: SidebarExpandedChangeDetails) => void;
|
|
22
|
+
onMobileOpenChange?: (details: SidebarMobileOpenChangeDetails) => void;
|
|
23
|
+
};
|
|
24
|
+
export type SidebarApi = {
|
|
25
|
+
closeMobile: () => void;
|
|
26
|
+
dir: "ltr" | "rtl";
|
|
27
|
+
expanded: readonly SidebarSide[];
|
|
28
|
+
isDesktop: boolean;
|
|
29
|
+
isExpanded: (side: SidebarSide) => boolean;
|
|
30
|
+
mobileOpen: SidebarSide | null;
|
|
31
|
+
openMobile: (side: SidebarSide) => void;
|
|
32
|
+
setExpanded: (side: SidebarSide, expanded: boolean) => void;
|
|
33
|
+
toggle: (side: SidebarSide) => void;
|
|
34
|
+
};
|
|
35
|
+
export type SidebarFocusOrigin = {
|
|
36
|
+
document: Document;
|
|
37
|
+
mode: SidebarMode;
|
|
38
|
+
node: HTMLElement;
|
|
39
|
+
revision: number;
|
|
40
|
+
side: SidebarSide;
|
|
41
|
+
triggerValue: string | null;
|
|
42
|
+
};
|
|
43
|
+
type SidebarFocusCapture = Omit<SidebarFocusOrigin, "document" | "revision">;
|
|
44
|
+
export type SidebarFocusRegistry = {
|
|
45
|
+
blur: (details: {
|
|
46
|
+
mode: SidebarMode;
|
|
47
|
+
node: HTMLElement;
|
|
48
|
+
relatedTarget: Node | null;
|
|
49
|
+
side: SidebarSide;
|
|
50
|
+
}) => void;
|
|
51
|
+
capture: (details: SidebarFocusCapture) => void;
|
|
52
|
+
claim: (side: SidebarSide, fromMode: SidebarMode) => SidebarFocusOrigin | null;
|
|
53
|
+
clear: (side: SidebarSide, revision?: number) => void;
|
|
54
|
+
getRevision: (side: SidebarSide) => number;
|
|
55
|
+
peek: (side: SidebarSide) => SidebarFocusOrigin | null;
|
|
56
|
+
};
|
|
57
|
+
type SidebarContextValue = SidebarApi & {
|
|
58
|
+
breakpointRef: RefCallback<HTMLSpanElement>;
|
|
59
|
+
drawer: Record<SidebarSide, DrawerApi>;
|
|
60
|
+
focus: SidebarFocusRegistry;
|
|
61
|
+
getCollapsible: (side: SidebarSide) => SidebarCollapsible;
|
|
62
|
+
getPanelId: (side: SidebarSide) => string;
|
|
63
|
+
isFixed: (side: SidebarSide) => boolean;
|
|
64
|
+
rootId: string;
|
|
65
|
+
};
|
|
66
|
+
type SidebarPanelContextValue = {
|
|
67
|
+
collapsible: SidebarCollapsible;
|
|
68
|
+
expanded: boolean;
|
|
69
|
+
side: SidebarSide;
|
|
70
|
+
};
|
|
71
|
+
export declare function useSidebarState({ collapsible: collapsiblePolicy, defaultExpanded, defaultMobileOpen, dir, expanded: controlledExpanded, id, mobileOpen: controlledMobileOpen, onExpandedChange, onMobileOpenChange, }?: SidebarStateProps): SidebarContextValue;
|
|
72
|
+
export declare function SidebarProvider({ children, value, }: {
|
|
73
|
+
children?: ReactNode;
|
|
74
|
+
value: SidebarContextValue;
|
|
75
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
76
|
+
export declare function SidebarPanelProvider({ children, value, }: {
|
|
77
|
+
children?: ReactNode;
|
|
78
|
+
value: SidebarPanelContextValue;
|
|
79
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
80
|
+
export declare function useSidebarContext(): SidebarContextValue;
|
|
81
|
+
export declare function useSidebarPanelContext(): SidebarPanelContextValue;
|
|
82
|
+
export {};
|
|
83
|
+
//# sourceMappingURL=sidebar.context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar.context.d.ts","sourceRoot":"","sources":["../../../../src/internal/organisms/sidebar.context.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { FocusEvent } from "react";
|
|
2
|
+
import type { SidebarFocusRegistry, SidebarSide } from "./sidebar.context.js";
|
|
3
|
+
type UseSidebarPanelFocusTransferProps = {
|
|
4
|
+
focus: SidebarFocusRegistry;
|
|
5
|
+
isDesktop: boolean;
|
|
6
|
+
panelId: string;
|
|
7
|
+
rootId: string;
|
|
8
|
+
side: SidebarSide;
|
|
9
|
+
triggerValue: string | null;
|
|
10
|
+
};
|
|
11
|
+
export declare function useSidebarPanelFocusTransfer({ focus, isDesktop, panelId, rootId, side, triggerValue, }: UseSidebarPanelFocusTransferProps): {
|
|
12
|
+
onBlurCapture: (event: FocusEvent<HTMLElement>) => void;
|
|
13
|
+
onFocusCapture: (event: FocusEvent<HTMLElement>) => void;
|
|
14
|
+
};
|
|
15
|
+
export {};
|
|
16
|
+
//# sourceMappingURL=sidebar.focus.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar.focus.d.ts","sourceRoot":"","sources":["../../../../src/internal/organisms/sidebar.focus.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAEV,oBAAoB,EAEpB,WAAW,EACZ,MAAM,mBAAmB,CAAA;AA2O1B,KAAK,iCAAiC,GAAG;IACvC,KAAK,EAAE,oBAAoB,CAAA;IAC3B,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,WAAW,CAAA;IACjB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;CAC5B,CAAA;AAED,wBAAgB,4BAA4B,CAAC,EAC3C,KAAK,EACL,SAAS,EACT,OAAO,EACP,MAAM,EACN,IAAI,EACJ,YAAY,GACb,EAAE,iCAAiC;2BAgFJ,UAAU,CAAC,WAAW,CAAC;4BATtB,UAAU,CAAC,WAAW,CAAC;EAmBvD"}
|
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
export declare const sidebarVariants: import("tailwind-variants").TVReturnType<{
|
|
2
|
+
collapsible: {
|
|
3
|
+
icon: {};
|
|
4
|
+
offcanvas: {};
|
|
5
|
+
none: {};
|
|
6
|
+
};
|
|
7
|
+
expanded: {
|
|
8
|
+
true: {};
|
|
9
|
+
false: {};
|
|
10
|
+
};
|
|
11
|
+
paneSize: {
|
|
12
|
+
rail: {
|
|
13
|
+
pane: string;
|
|
14
|
+
};
|
|
15
|
+
content: {
|
|
16
|
+
pane: string[];
|
|
17
|
+
};
|
|
18
|
+
auto: {
|
|
19
|
+
pane: string;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
collapsed: {
|
|
23
|
+
true: {
|
|
24
|
+
label: string;
|
|
25
|
+
};
|
|
26
|
+
false: {};
|
|
27
|
+
};
|
|
28
|
+
}, {
|
|
29
|
+
root: string[];
|
|
30
|
+
breakpoint: string;
|
|
31
|
+
desktopPanel: string[];
|
|
32
|
+
mobilePanel: string[];
|
|
33
|
+
mobileAside: string;
|
|
34
|
+
trigger: string[];
|
|
35
|
+
inset: string[];
|
|
36
|
+
header: string[];
|
|
37
|
+
content: string[];
|
|
38
|
+
footer: string[];
|
|
39
|
+
group: string;
|
|
40
|
+
groupLabel: string[];
|
|
41
|
+
groupContent: string;
|
|
42
|
+
menu: string;
|
|
43
|
+
item: string;
|
|
44
|
+
separator: string[];
|
|
45
|
+
expanded: string;
|
|
46
|
+
label: string;
|
|
47
|
+
paneGroup: string;
|
|
48
|
+
pane: string;
|
|
49
|
+
rail: string[];
|
|
50
|
+
}, undefined, {
|
|
51
|
+
collapsible: {
|
|
52
|
+
icon: {};
|
|
53
|
+
offcanvas: {};
|
|
54
|
+
none: {};
|
|
55
|
+
};
|
|
56
|
+
expanded: {
|
|
57
|
+
true: {};
|
|
58
|
+
false: {};
|
|
59
|
+
};
|
|
60
|
+
paneSize: {
|
|
61
|
+
rail: {
|
|
62
|
+
pane: string;
|
|
63
|
+
};
|
|
64
|
+
content: {
|
|
65
|
+
pane: string[];
|
|
66
|
+
};
|
|
67
|
+
auto: {
|
|
68
|
+
pane: string;
|
|
69
|
+
};
|
|
70
|
+
};
|
|
71
|
+
collapsed: {
|
|
72
|
+
true: {
|
|
73
|
+
label: string;
|
|
74
|
+
};
|
|
75
|
+
false: {};
|
|
76
|
+
};
|
|
77
|
+
}, {
|
|
78
|
+
root: string[];
|
|
79
|
+
breakpoint: string;
|
|
80
|
+
desktopPanel: string[];
|
|
81
|
+
mobilePanel: string[];
|
|
82
|
+
mobileAside: string;
|
|
83
|
+
trigger: string[];
|
|
84
|
+
inset: string[];
|
|
85
|
+
header: string[];
|
|
86
|
+
content: string[];
|
|
87
|
+
footer: string[];
|
|
88
|
+
group: string;
|
|
89
|
+
groupLabel: string[];
|
|
90
|
+
groupContent: string;
|
|
91
|
+
menu: string;
|
|
92
|
+
item: string;
|
|
93
|
+
separator: string[];
|
|
94
|
+
expanded: string;
|
|
95
|
+
label: string;
|
|
96
|
+
paneGroup: string;
|
|
97
|
+
pane: string;
|
|
98
|
+
rail: string[];
|
|
99
|
+
}, import("tailwind-variants").TVReturnType<{
|
|
100
|
+
collapsible: {
|
|
101
|
+
icon: {};
|
|
102
|
+
offcanvas: {};
|
|
103
|
+
none: {};
|
|
104
|
+
};
|
|
105
|
+
expanded: {
|
|
106
|
+
true: {};
|
|
107
|
+
false: {};
|
|
108
|
+
};
|
|
109
|
+
paneSize: {
|
|
110
|
+
rail: {
|
|
111
|
+
pane: string;
|
|
112
|
+
};
|
|
113
|
+
content: {
|
|
114
|
+
pane: string[];
|
|
115
|
+
};
|
|
116
|
+
auto: {
|
|
117
|
+
pane: string;
|
|
118
|
+
};
|
|
119
|
+
};
|
|
120
|
+
collapsed: {
|
|
121
|
+
true: {
|
|
122
|
+
label: string;
|
|
123
|
+
};
|
|
124
|
+
false: {};
|
|
125
|
+
};
|
|
126
|
+
}, {
|
|
127
|
+
root: string[];
|
|
128
|
+
breakpoint: string;
|
|
129
|
+
desktopPanel: string[];
|
|
130
|
+
mobilePanel: string[];
|
|
131
|
+
mobileAside: string;
|
|
132
|
+
trigger: string[];
|
|
133
|
+
inset: string[];
|
|
134
|
+
header: string[];
|
|
135
|
+
content: string[];
|
|
136
|
+
footer: string[];
|
|
137
|
+
group: string;
|
|
138
|
+
groupLabel: string[];
|
|
139
|
+
groupContent: string;
|
|
140
|
+
menu: string;
|
|
141
|
+
item: string;
|
|
142
|
+
separator: string[];
|
|
143
|
+
expanded: string;
|
|
144
|
+
label: string;
|
|
145
|
+
paneGroup: string;
|
|
146
|
+
pane: string;
|
|
147
|
+
rail: string[];
|
|
148
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
149
|
+
//# sourceMappingURL=sidebar.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar.styles.d.ts","sourceRoot":"","sources":["../../../../src/internal/organisms/sidebar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAiJ1B,CAAA"}
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
import type * as drawer from "@zag-js/drawer";
|
|
2
|
+
import { type PortalProps } from "@zag-js/react";
|
|
3
|
+
import type { ComponentPropsWithoutRef, ReactNode, Ref } from "react";
|
|
4
|
+
import { type ActionIconProps } from "../atoms/action-icon.js";
|
|
5
|
+
import { type ButtonProps } from "../atoms/button.js";
|
|
6
|
+
import type { IconType } from "../atoms/icon.js";
|
|
7
|
+
import { type DrawerApi, type DrawerPresenceProps, DrawerStackProvider, type DrawerStackProviderProps, type UseDrawerProps, useDrawer as useDrawerMachine } from "../internal/molecules/drawer.context.js";
|
|
8
|
+
import { type DrawerSize } from "../internal/molecules/drawer.styles.js";
|
|
9
|
+
export type { DrawerApi, DrawerPresenceProps, DrawerStackApi, UseDrawerProps, } from "../internal/molecules/drawer.context.js";
|
|
10
|
+
export type { DrawerSize } from "../internal/molecules/drawer.styles.js";
|
|
11
|
+
export declare const useDrawer: typeof useDrawerMachine;
|
|
12
|
+
export type DrawerPlacement = "bottom" | "end" | "start" | "top";
|
|
13
|
+
export type DrawerRootProps = Omit<UseDrawerProps, "swipeDirection"> & DrawerPresenceProps & {
|
|
14
|
+
children?: ReactNode;
|
|
15
|
+
placement?: DrawerPlacement;
|
|
16
|
+
size?: DrawerSize;
|
|
17
|
+
};
|
|
18
|
+
export declare function Drawer({ children, immediate, lazyMount, onEnterComplete, onExitComplete, placement, size, skipAnimationOnMount, unmountOnExit, ...machineProps }: DrawerRootProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export declare namespace Drawer {
|
|
20
|
+
var Root: typeof Drawer;
|
|
21
|
+
var RootProvider: ({ children, immediate, lazyMount, onEnterComplete, onExitComplete, size, skipAnimationOnMount, unmountOnExit, value, }: DrawerRootProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
var Trigger: ({ className, ref, value, ...props }: DrawerTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
var Portal: (props: DrawerPortalProps) => import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
var Backdrop: ({ className, ref, ...props }: DrawerBackdropProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
25
|
+
var Positioner: ({ className, ref, ...props }: DrawerPositionerProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
26
|
+
var Content: ({ className, draggable, ref, ...props }: DrawerContentProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
27
|
+
var Header: ({ className, ref, ...props }: DrawerHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
var Body: ({ className, ref, ...props }: DrawerBodyProps) => import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
var Footer: ({ className, ref, ...props }: DrawerFooterProps) => import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
var Title: ({ className, ref, ...props }: DrawerTitleProps) => import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
var Description: ({ className, ref, ...props }: DrawerDescriptionProps) => import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
var CloseTrigger: (props: DrawerCloseTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
var Grabber: ({ className, ref, ...props }: DrawerGrabberProps) => import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
var GrabberIndicator: ({ className, ref, ...props }: DrawerGrabberIndicatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
var SwipeArea: ({ className, disabled, ref, swipeDirection, ...props }: DrawerSwipeAreaProps) => import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
var Context: ({ children }: DrawerContextProps) => ReactNode;
|
|
37
|
+
var Stack: typeof DrawerStackProvider;
|
|
38
|
+
var Indent: ({ className, ref, ...props }: DrawerIndentProps) => import("react/jsx-runtime").JSX.Element;
|
|
39
|
+
var IndentBackground: ({ className, ref, ...props }: DrawerIndentBackgroundProps) => import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
var displayName: string;
|
|
41
|
+
}
|
|
42
|
+
export type DrawerRootProviderProps = DrawerPresenceProps & {
|
|
43
|
+
children?: ReactNode;
|
|
44
|
+
size?: DrawerSize;
|
|
45
|
+
value: DrawerApi;
|
|
46
|
+
};
|
|
47
|
+
export type DrawerTriggerProps = Omit<ButtonProps, "value"> & drawer.TriggerProps & {
|
|
48
|
+
ref?: Ref<HTMLButtonElement>;
|
|
49
|
+
};
|
|
50
|
+
export type DrawerPortalProps = PortalProps & {
|
|
51
|
+
children?: ReactNode;
|
|
52
|
+
};
|
|
53
|
+
export type DrawerBackdropProps = ComponentPropsWithoutRef<"div"> & {
|
|
54
|
+
ref?: Ref<HTMLDivElement>;
|
|
55
|
+
};
|
|
56
|
+
export type DrawerPositionerProps = ComponentPropsWithoutRef<"div"> & {
|
|
57
|
+
ref?: Ref<HTMLDivElement>;
|
|
58
|
+
};
|
|
59
|
+
export type DrawerContentProps = Omit<ComponentPropsWithoutRef<"div">, "draggable"> & drawer.ContentProps & {
|
|
60
|
+
ref?: Ref<HTMLDivElement>;
|
|
61
|
+
};
|
|
62
|
+
export type DrawerSectionProps = ComponentPropsWithoutRef<"div"> & {
|
|
63
|
+
ref?: Ref<HTMLDivElement>;
|
|
64
|
+
};
|
|
65
|
+
export type DrawerHeaderProps = DrawerSectionProps;
|
|
66
|
+
export type DrawerBodyProps = DrawerSectionProps;
|
|
67
|
+
export type DrawerFooterProps = DrawerSectionProps;
|
|
68
|
+
export type DrawerTitleProps = ComponentPropsWithoutRef<"h2"> & {
|
|
69
|
+
ref?: Ref<HTMLHeadingElement>;
|
|
70
|
+
};
|
|
71
|
+
export type DrawerDescriptionProps = ComponentPropsWithoutRef<"p"> & {
|
|
72
|
+
ref?: Ref<HTMLParagraphElement>;
|
|
73
|
+
};
|
|
74
|
+
type DrawerIconCloseTriggerProps = Omit<ActionIconProps, "icon"> & {
|
|
75
|
+
children?: undefined;
|
|
76
|
+
icon?: IconType;
|
|
77
|
+
};
|
|
78
|
+
type DrawerTextCloseTriggerProps = ButtonProps & {
|
|
79
|
+
children: NonNullable<ReactNode>;
|
|
80
|
+
ref?: Ref<HTMLButtonElement>;
|
|
81
|
+
};
|
|
82
|
+
export type DrawerCloseTriggerProps = DrawerIconCloseTriggerProps | DrawerTextCloseTriggerProps;
|
|
83
|
+
export type DrawerGrabberProps = ComponentPropsWithoutRef<"div"> & {
|
|
84
|
+
ref?: Ref<HTMLDivElement>;
|
|
85
|
+
};
|
|
86
|
+
export type DrawerGrabberIndicatorProps = ComponentPropsWithoutRef<"div"> & {
|
|
87
|
+
ref?: Ref<HTMLDivElement>;
|
|
88
|
+
};
|
|
89
|
+
export type DrawerSwipeAreaProps = ComponentPropsWithoutRef<"div"> & drawer.SwipeAreaProps & {
|
|
90
|
+
ref?: Ref<HTMLDivElement>;
|
|
91
|
+
};
|
|
92
|
+
export type DrawerContextProps = {
|
|
93
|
+
children: (api: DrawerApi) => ReactNode;
|
|
94
|
+
};
|
|
95
|
+
export type DrawerStackProps = DrawerStackProviderProps;
|
|
96
|
+
export type DrawerIndentProps = ComponentPropsWithoutRef<"div"> & {
|
|
97
|
+
ref?: Ref<HTMLDivElement>;
|
|
98
|
+
};
|
|
99
|
+
export type DrawerIndentBackgroundProps = DrawerIndentProps;
|
|
100
|
+
export type DrawerElementIds = drawer.ElementIds;
|
|
101
|
+
export type DrawerFocusOutsideEvent = drawer.FocusOutsideEvent;
|
|
102
|
+
export type DrawerInteractOutsideEvent = drawer.InteractOutsideEvent;
|
|
103
|
+
export type DrawerOpenChangeDetails = drawer.OpenChangeDetails;
|
|
104
|
+
export type DrawerPointerDownOutsideEvent = drawer.PointerDownOutsideEvent;
|
|
105
|
+
export type DrawerResolvedSnapPoint = drawer.ResolvedSnapPoint;
|
|
106
|
+
export type DrawerSnapPoint = drawer.SnapPoint;
|
|
107
|
+
export type DrawerSnapPointChangeDetails = drawer.SnapPointChangeDetails;
|
|
108
|
+
export type DrawerStack = drawer.DrawerStack;
|
|
109
|
+
export type DrawerStackSnapshot = drawer.DrawerStackSnapshot;
|
|
110
|
+
export type DrawerSwipeDirection = drawer.SwipeDirection;
|
|
111
|
+
export type DrawerTriggerValueChangeDetails = drawer.TriggerValueChangeDetails;
|
|
112
|
+
//# sourceMappingURL=drawer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/molecules/drawer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,8 +3,8 @@ import type { VariantProps } from "tailwind-variants";
|
|
|
3
3
|
declare const switchVariants: import("tailwind-variants").TVReturnType<{
|
|
4
4
|
[key: string]: {
|
|
5
5
|
[key: string]: import("tailwind-merge").ClassNameValue | {
|
|
6
|
-
root?: import("tailwind-merge").ClassNameValue;
|
|
7
6
|
label?: import("tailwind-merge").ClassNameValue;
|
|
7
|
+
root?: import("tailwind-merge").ClassNameValue;
|
|
8
8
|
control?: import("tailwind-merge").ClassNameValue;
|
|
9
9
|
hiddenInput?: import("tailwind-merge").ClassNameValue;
|
|
10
10
|
thumb?: import("tailwind-merge").ClassNameValue;
|
|
@@ -13,8 +13,8 @@ declare const switchVariants: import("tailwind-variants").TVReturnType<{
|
|
|
13
13
|
} | {
|
|
14
14
|
[x: string]: {
|
|
15
15
|
[x: string]: import("tailwind-merge").ClassNameValue | {
|
|
16
|
-
root?: import("tailwind-merge").ClassNameValue;
|
|
17
16
|
label?: import("tailwind-merge").ClassNameValue;
|
|
17
|
+
root?: import("tailwind-merge").ClassNameValue;
|
|
18
18
|
control?: import("tailwind-merge").ClassNameValue;
|
|
19
19
|
hiddenInput?: import("tailwind-merge").ClassNameValue;
|
|
20
20
|
thumb?: import("tailwind-merge").ClassNameValue;
|
|
@@ -29,8 +29,8 @@ declare const switchVariants: import("tailwind-variants").TVReturnType<{
|
|
|
29
29
|
}, undefined, {
|
|
30
30
|
[key: string]: {
|
|
31
31
|
[key: string]: import("tailwind-merge").ClassNameValue | {
|
|
32
|
-
root?: import("tailwind-merge").ClassNameValue;
|
|
33
32
|
label?: import("tailwind-merge").ClassNameValue;
|
|
33
|
+
root?: import("tailwind-merge").ClassNameValue;
|
|
34
34
|
control?: import("tailwind-merge").ClassNameValue;
|
|
35
35
|
hiddenInput?: import("tailwind-merge").ClassNameValue;
|
|
36
36
|
thumb?: import("tailwind-merge").ClassNameValue;
|
|
@@ -5,11 +5,11 @@ declare const toastVariants: import("tailwind-variants").TVReturnType<{
|
|
|
5
5
|
[key: string]: {
|
|
6
6
|
[key: string]: import("tailwind-merge").ClassNameValue | {
|
|
7
7
|
title?: import("tailwind-merge").ClassNameValue;
|
|
8
|
+
description?: import("tailwind-merge").ClassNameValue;
|
|
9
|
+
header?: import("tailwind-merge").ClassNameValue;
|
|
8
10
|
icon?: import("tailwind-merge").ClassNameValue;
|
|
9
11
|
group?: import("tailwind-merge").ClassNameValue;
|
|
10
12
|
root?: import("tailwind-merge").ClassNameValue;
|
|
11
|
-
header?: import("tailwind-merge").ClassNameValue;
|
|
12
|
-
description?: import("tailwind-merge").ClassNameValue;
|
|
13
13
|
closeButton?: import("tailwind-merge").ClassNameValue;
|
|
14
14
|
};
|
|
15
15
|
};
|
|
@@ -17,11 +17,11 @@ declare const toastVariants: import("tailwind-variants").TVReturnType<{
|
|
|
17
17
|
[x: string]: {
|
|
18
18
|
[x: string]: import("tailwind-merge").ClassNameValue | {
|
|
19
19
|
title?: import("tailwind-merge").ClassNameValue;
|
|
20
|
+
description?: import("tailwind-merge").ClassNameValue;
|
|
21
|
+
header?: import("tailwind-merge").ClassNameValue;
|
|
20
22
|
icon?: import("tailwind-merge").ClassNameValue;
|
|
21
23
|
group?: import("tailwind-merge").ClassNameValue;
|
|
22
24
|
root?: import("tailwind-merge").ClassNameValue;
|
|
23
|
-
header?: import("tailwind-merge").ClassNameValue;
|
|
24
|
-
description?: import("tailwind-merge").ClassNameValue;
|
|
25
25
|
closeButton?: import("tailwind-merge").ClassNameValue;
|
|
26
26
|
};
|
|
27
27
|
};
|
|
@@ -37,11 +37,11 @@ declare const toastVariants: import("tailwind-variants").TVReturnType<{
|
|
|
37
37
|
[key: string]: {
|
|
38
38
|
[key: string]: import("tailwind-merge").ClassNameValue | {
|
|
39
39
|
title?: import("tailwind-merge").ClassNameValue;
|
|
40
|
+
description?: import("tailwind-merge").ClassNameValue;
|
|
41
|
+
header?: import("tailwind-merge").ClassNameValue;
|
|
40
42
|
icon?: import("tailwind-merge").ClassNameValue;
|
|
41
43
|
group?: import("tailwind-merge").ClassNameValue;
|
|
42
44
|
root?: import("tailwind-merge").ClassNameValue;
|
|
43
|
-
header?: import("tailwind-merge").ClassNameValue;
|
|
44
|
-
description?: import("tailwind-merge").ClassNameValue;
|
|
45
45
|
closeButton?: import("tailwind-merge").ClassNameValue;
|
|
46
46
|
};
|
|
47
47
|
};
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import type { ButtonHTMLAttributes, ComponentPropsWithoutRef, HTMLAttributes, ReactNode, Ref } from "react";
|
|
2
|
+
import { type ActionIconProps } from "../atoms/action-icon.js";
|
|
3
|
+
import type { IconType } from "../atoms/icon.js";
|
|
4
|
+
import { type SidebarApi, type SidebarSide, type SidebarStateProps } from "../internal/organisms/sidebar.context.js";
|
|
5
|
+
export type { SidebarApi, SidebarCollapsible, SidebarCollapsiblePolicy, SidebarExpandedChangeDetails, SidebarMobileOpenChangeDetails, SidebarSide, } from "../internal/organisms/sidebar.context.js";
|
|
6
|
+
export type SidebarRootProps = Omit<ComponentPropsWithoutRef<"div">, "dir" | "id"> & SidebarStateProps & {
|
|
7
|
+
ref?: Ref<HTMLDivElement>;
|
|
8
|
+
};
|
|
9
|
+
export declare function Sidebar({ children, className, collapsible, defaultExpanded, defaultMobileOpen, dir, expanded, id, mobileOpen, onExpandedChange, onMobileOpenChange, ref, ...props }: SidebarRootProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare namespace Sidebar {
|
|
11
|
+
var Root: typeof Sidebar;
|
|
12
|
+
var Panel: ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, children, className, onBlurCapture, onFocusCapture, ref, side, tabIndex, ...props }: SidebarPanelProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
var Trigger: ({ "aria-label": ariaLabel, className, icon, onBlurCapture, onClick, onFocusCapture, side, tooltip, value, ...props }: SidebarTriggerProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
14
|
+
var CloseTrigger: ({ "aria-label": ariaLabel, className, icon, onClick, size, tone, ...props }: SidebarCloseTriggerProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
15
|
+
var Inset: ({ className, ref, ...props }: SidebarInsetProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
var Header: ({ className, ref, ...props }: SidebarSectionProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
var Content: ({ className, ref, ...props }: SidebarSectionProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
var Footer: ({ className, ref, ...props }: SidebarSectionProps) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
var Group: ({ className, ref, ...props }: SidebarSectionProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
var GroupLabel: ({ className, ref, ...props }: SidebarGroupLabelProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
var GroupContent: ({ className, ref, ...props }: SidebarSectionProps) => import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
var Menu: ({ className, ref, ...props }: SidebarMenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
var Item: ({ className, ref, ...props }: SidebarItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
var Separator: ({ className, ref, ...props }: SidebarSeparatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
var Expanded: ({ className, ref, ...props }: SidebarExpandedProps) => import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
var Label: ({ className, ref, ...props }: SidebarLabelProps) => import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
var PaneGroup: ({ className, ref, ...props }: SidebarPaneGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
var Pane: ({ className, ref, size, visibility, ...props }: SidebarPaneProps) => import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
var Rail: ({ "aria-label": ariaLabel, className, onClick, ref, title, ...props }: SidebarRailProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
30
|
+
var Context: ({ children }: SidebarContextProps) => ReactNode;
|
|
31
|
+
}
|
|
32
|
+
type SidebarAccessibleName = {
|
|
33
|
+
"aria-label": string;
|
|
34
|
+
"aria-labelledby"?: string;
|
|
35
|
+
} | {
|
|
36
|
+
"aria-label"?: never;
|
|
37
|
+
"aria-labelledby": string;
|
|
38
|
+
};
|
|
39
|
+
export type SidebarPanelProps = Omit<ComponentPropsWithoutRef<"aside">, "aria-label" | "aria-labelledby" | "id"> & SidebarAccessibleName & {
|
|
40
|
+
ref?: Ref<HTMLElement>;
|
|
41
|
+
side?: SidebarSide;
|
|
42
|
+
};
|
|
43
|
+
export type SidebarTriggerProps = Omit<ActionIconProps, "aria-label" | "icon" | "id" | "value"> & {
|
|
44
|
+
"aria-label": string;
|
|
45
|
+
icon?: IconType;
|
|
46
|
+
side?: SidebarSide;
|
|
47
|
+
tooltip?: ReactNode;
|
|
48
|
+
value?: string;
|
|
49
|
+
};
|
|
50
|
+
export type SidebarCloseTriggerProps = Omit<ActionIconProps, "aria-label" | "icon"> & {
|
|
51
|
+
"aria-label": string;
|
|
52
|
+
icon?: IconType;
|
|
53
|
+
};
|
|
54
|
+
export type SidebarInsetProps = ComponentPropsWithoutRef<"main"> & {
|
|
55
|
+
ref?: Ref<HTMLElement>;
|
|
56
|
+
};
|
|
57
|
+
export type SidebarSectionProps = HTMLAttributes<HTMLDivElement> & {
|
|
58
|
+
ref?: Ref<HTMLDivElement>;
|
|
59
|
+
};
|
|
60
|
+
export type SidebarGroupLabelProps = ComponentPropsWithoutRef<"h2"> & {
|
|
61
|
+
ref?: Ref<HTMLHeadingElement>;
|
|
62
|
+
};
|
|
63
|
+
export type SidebarMenuProps = ComponentPropsWithoutRef<"ul"> & {
|
|
64
|
+
ref?: Ref<HTMLUListElement>;
|
|
65
|
+
};
|
|
66
|
+
export type SidebarItemProps = ComponentPropsWithoutRef<"li"> & {
|
|
67
|
+
ref?: Ref<HTMLLIElement>;
|
|
68
|
+
};
|
|
69
|
+
export type SidebarSeparatorProps = ComponentPropsWithoutRef<"hr"> & {
|
|
70
|
+
ref?: Ref<HTMLHRElement>;
|
|
71
|
+
};
|
|
72
|
+
export type SidebarExpandedProps = HTMLAttributes<HTMLDivElement> & {
|
|
73
|
+
ref?: Ref<HTMLDivElement>;
|
|
74
|
+
};
|
|
75
|
+
export type SidebarLabelProps = ComponentPropsWithoutRef<"span"> & {
|
|
76
|
+
ref?: Ref<HTMLSpanElement>;
|
|
77
|
+
};
|
|
78
|
+
export type SidebarPaneGroupProps = HTMLAttributes<HTMLDivElement> & {
|
|
79
|
+
ref?: Ref<HTMLDivElement>;
|
|
80
|
+
};
|
|
81
|
+
export type SidebarPaneProps = HTMLAttributes<HTMLDivElement> & {
|
|
82
|
+
ref?: Ref<HTMLDivElement>;
|
|
83
|
+
size?: "rail" | "content" | "auto";
|
|
84
|
+
visibility?: "always" | "expanded";
|
|
85
|
+
};
|
|
86
|
+
export type SidebarRailProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "aria-label" | "children"> & {
|
|
87
|
+
"aria-label": string;
|
|
88
|
+
ref?: Ref<HTMLButtonElement>;
|
|
89
|
+
};
|
|
90
|
+
export type SidebarContextProps = {
|
|
91
|
+
children: (api: SidebarApi) => ReactNode;
|
|
92
|
+
};
|
|
93
|
+
//# sourceMappingURL=sidebar.d.ts.map
|
|
@@ -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,7 @@ 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";
|
|
6
7
|
export type * as Menu from "@zag-js/menu";
|
|
7
8
|
export type * as NumberInput from "@zag-js/number-input";
|
|
8
9
|
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,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;AAsLtD,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"}
|