@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.
Files changed (40) hide show
  1. package/dist/internal/molecules/drawer.context.js +133 -0
  2. package/dist/internal/molecules/drawer.styles.js +107 -0
  3. package/dist/internal/organisms/sidebar.context.js +223 -0
  4. package/dist/internal/organisms/sidebar.focus.js +169 -0
  5. package/dist/internal/organisms/sidebar.styles.js +146 -0
  6. package/dist/molecules/drawer.js +262 -0
  7. package/dist/organisms/sidebar.js +448 -0
  8. package/dist/src/internal/molecules/drawer.context.d.ts +53 -0
  9. package/dist/src/internal/molecules/drawer.context.d.ts.map +1 -0
  10. package/dist/src/internal/molecules/drawer.styles.d.ts +115 -0
  11. package/dist/src/internal/molecules/drawer.styles.d.ts.map +1 -0
  12. package/dist/src/internal/organisms/sidebar.context.d.ts +83 -0
  13. package/dist/src/internal/organisms/sidebar.context.d.ts.map +1 -0
  14. package/dist/src/internal/organisms/sidebar.focus.d.ts +16 -0
  15. package/dist/src/internal/organisms/sidebar.focus.d.ts.map +1 -0
  16. package/dist/src/internal/organisms/sidebar.styles.d.ts +149 -0
  17. package/dist/src/internal/organisms/sidebar.styles.d.ts.map +1 -0
  18. package/dist/src/molecules/drawer.d.ts +112 -0
  19. package/dist/src/molecules/drawer.d.ts.map +1 -0
  20. package/dist/src/molecules/switch.d.ts +3 -3
  21. package/dist/src/molecules/toast.d.ts +6 -6
  22. package/dist/src/organisms/sidebar.d.ts +93 -0
  23. package/dist/src/organisms/sidebar.d.ts.map +1 -0
  24. package/dist/src/types/zag.d.ts +1 -0
  25. package/dist/src/types/zag.d.ts.map +1 -1
  26. package/dist/stories/changelog/changelog.stories.d.ts.map +1 -1
  27. package/dist/stories/molecules/drawer.stories.d.ts +158 -0
  28. package/dist/stories/molecules/drawer.stories.d.ts.map +1 -0
  29. package/dist/stories/organisms/sidebar.stories.d.ts +66 -0
  30. package/dist/stories/organisms/sidebar.stories.d.ts.map +1 -0
  31. package/dist/test/drawer.behavior.spec.d.ts +2 -0
  32. package/dist/test/drawer.behavior.spec.d.ts.map +1 -0
  33. package/dist/test/sidebar.behavior.spec.d.ts +2 -0
  34. package/dist/test/sidebar.behavior.spec.d.ts.map +1 -0
  35. package/dist/test/sidebar.ssr.bun.d.ts +2 -0
  36. package/dist/test/sidebar.ssr.bun.d.ts.map +1 -0
  37. package/package.json +25 -22
  38. package/src/tokens/components/components.css +2 -0
  39. package/src/tokens/components/molecules/_drawer.css +369 -0
  40. 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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"}
@@ -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;AAgLtD,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"}
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"}