@duro-app/ui 0.1.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/LICENSE +21 -0
- package/dist/components/Alert/Alert.d.ts +9 -0
- package/dist/components/Alert/Alert.d.ts.map +1 -0
- package/dist/components/Alert/Alert.stories.d.ts +11 -0
- package/dist/components/Alert/Alert.stories.d.ts.map +1 -0
- package/dist/components/Alert/styles.css.d.ts +32 -0
- package/dist/components/Alert/styles.css.d.ts.map +1 -0
- package/dist/components/Badge/Badge.d.ts +11 -0
- package/dist/components/Badge/Badge.d.ts.map +1 -0
- package/dist/components/Badge/Badge.stories.d.ts +13 -0
- package/dist/components/Badge/Badge.stories.d.ts.map +1 -0
- package/dist/components/Badge/styles.css.d.ts +48 -0
- package/dist/components/Badge/styles.css.d.ts.map +1 -0
- package/dist/components/Button/Button.d.ts +15 -0
- package/dist/components/Button/Button.d.ts.map +1 -0
- package/dist/components/Button/Button.stories.d.ts +14 -0
- package/dist/components/Button/Button.stories.d.ts.map +1 -0
- package/dist/components/Button/styles.css.d.ts +69 -0
- package/dist/components/Button/styles.css.d.ts.map +1 -0
- package/dist/components/Card/Card.d.ts +13 -0
- package/dist/components/Card/Card.d.ts.map +1 -0
- package/dist/components/Card/Card.stories.d.ts +13 -0
- package/dist/components/Card/Card.stories.d.ts.map +1 -0
- package/dist/components/Card/styles.css.d.ts +51 -0
- package/dist/components/Card/styles.css.d.ts.map +1 -0
- package/dist/components/Field/Field.d.ts +26 -0
- package/dist/components/Field/Field.d.ts.map +1 -0
- package/dist/components/Field/Field.stories.d.ts +8 -0
- package/dist/components/Field/Field.stories.d.ts.map +1 -0
- package/dist/components/Field/FieldContext.d.ts +10 -0
- package/dist/components/Field/FieldContext.d.ts.map +1 -0
- package/dist/components/Field/styles.css.d.ts +22 -0
- package/dist/components/Field/styles.css.d.ts.map +1 -0
- package/dist/components/Input/Input.d.ts +21 -0
- package/dist/components/Input/Input.d.ts.map +1 -0
- package/dist/components/Input/Input.stories.d.ts +11 -0
- package/dist/components/Input/Input.stories.d.ts.map +1 -0
- package/dist/components/Input/styles.css.d.ts +32 -0
- package/dist/components/Input/styles.css.d.ts.map +1 -0
- package/dist/components/Menu/Menu.d.ts +32 -0
- package/dist/components/Menu/Menu.d.ts.map +1 -0
- package/dist/components/Menu/Menu.stories.d.ts +8 -0
- package/dist/components/Menu/Menu.stories.d.ts.map +1 -0
- package/dist/components/Menu/MenuContext.d.ts +13 -0
- package/dist/components/Menu/MenuContext.d.ts.map +1 -0
- package/dist/components/Menu/styles.css.d.ts +79 -0
- package/dist/components/Menu/styles.css.d.ts.map +1 -0
- package/dist/components/Menu/useMenuRoot.d.ts +6 -0
- package/dist/components/Menu/useMenuRoot.d.ts.map +1 -0
- package/dist/components/ScrollArea/ScrollArea.d.ts +33 -0
- package/dist/components/ScrollArea/ScrollArea.d.ts.map +1 -0
- package/dist/components/ScrollArea/ScrollArea.stories.d.ts +7 -0
- package/dist/components/ScrollArea/ScrollArea.stories.d.ts.map +1 -0
- package/dist/components/ScrollArea/ScrollAreaContext.d.ts +14 -0
- package/dist/components/ScrollArea/ScrollAreaContext.d.ts.map +1 -0
- package/dist/components/ScrollArea/styles.css.d.ts +74 -0
- package/dist/components/ScrollArea/styles.css.d.ts.map +1 -0
- package/dist/components/ScrollArea/useScrollAreaRoot.d.ts +3 -0
- package/dist/components/ScrollArea/useScrollAreaRoot.d.ts.map +1 -0
- package/dist/components/Select/Select.d.ts +40 -0
- package/dist/components/Select/Select.d.ts.map +1 -0
- package/dist/components/Select/Select.stories.d.ts +8 -0
- package/dist/components/Select/Select.stories.d.ts.map +1 -0
- package/dist/components/Select/SelectContext.d.ts +17 -0
- package/dist/components/Select/SelectContext.d.ts.map +1 -0
- package/dist/components/Select/styles.css.d.ts +90 -0
- package/dist/components/Select/styles.css.d.ts.map +1 -0
- package/dist/components/Select/useSelectRoot.d.ts +12 -0
- package/dist/components/Select/useSelectRoot.d.ts.map +1 -0
- package/dist/components/SideNav/SideNav.d.ts +27 -0
- package/dist/components/SideNav/SideNav.d.ts.map +1 -0
- package/dist/components/SideNav/SideNavContext.d.ts +11 -0
- package/dist/components/SideNav/SideNavContext.d.ts.map +1 -0
- package/dist/components/SideNav/styles.css.d.ts +74 -0
- package/dist/components/SideNav/styles.css.d.ts.map +1 -0
- package/dist/components/Table/Table.d.ts +35 -0
- package/dist/components/Table/Table.d.ts.map +1 -0
- package/dist/components/Table/Table.stories.d.ts +10 -0
- package/dist/components/Table/Table.stories.d.ts.map +1 -0
- package/dist/components/Table/styles.css.d.ts +70 -0
- package/dist/components/Table/styles.css.d.ts.map +1 -0
- package/dist/components/Tabs/Tabs.d.ts +32 -0
- package/dist/components/Tabs/Tabs.d.ts.map +1 -0
- package/dist/components/Tabs/Tabs.stories.d.ts +9 -0
- package/dist/components/Tabs/Tabs.stories.d.ts.map +1 -0
- package/dist/components/Tabs/TabsContext.d.ts +12 -0
- package/dist/components/Tabs/TabsContext.d.ts.map +1 -0
- package/dist/components/Tabs/styles.css.d.ts +80 -0
- package/dist/components/Tabs/styles.css.d.ts.map +1 -0
- package/dist/components/Tabs/useTabsRoot.d.ts +10 -0
- package/dist/components/Tabs/useTabsRoot.d.ts.map +1 -0
- package/dist/components/ThemeProvider/ThemeProvider.d.ts +9 -0
- package/dist/components/ThemeProvider/ThemeProvider.d.ts.map +1 -0
- package/dist/components/ThemeProvider/ThemeProvider.stories.d.ts +10 -0
- package/dist/components/ThemeProvider/ThemeProvider.stories.d.ts.map +1 -0
- package/dist/components/Tooltip/Tooltip.d.ts +19 -0
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -0
- package/dist/components/Tooltip/Tooltip.stories.d.ts +9 -0
- package/dist/components/Tooltip/Tooltip.stories.d.ts.map +1 -0
- package/dist/components/Tooltip/styles.css.d.ts +52 -0
- package/dist/components/Tooltip/styles.css.d.ts.map +1 -0
- package/dist/hooks/useControllableValue.d.ts +2 -0
- package/dist/hooks/useControllableValue.d.ts.map +1 -0
- package/dist/index.css +1 -0
- package/dist/index.d.ts +17 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +1850 -0
- package/dist/index.js.map +1 -0
- package/package.json +59 -0
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export interface MenuContextValue {
|
|
2
|
+
open: boolean;
|
|
3
|
+
toggle: () => void;
|
|
4
|
+
close: () => void;
|
|
5
|
+
menuId: string;
|
|
6
|
+
highlightedId: string | null;
|
|
7
|
+
setHighlightedId: (id: string | null) => void;
|
|
8
|
+
registerItem: (id: string, element: HTMLElement) => () => void;
|
|
9
|
+
triggerRef: React.RefObject<HTMLButtonElement | null>;
|
|
10
|
+
}
|
|
11
|
+
export declare const MenuContext: import('react').Context<MenuContextValue | null>;
|
|
12
|
+
export declare function useMenu(): MenuContextValue;
|
|
13
|
+
//# sourceMappingURL=MenuContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuContext.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuContext.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAA;IACb,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,aAAa,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC7C,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,KAAK,MAAM,IAAI,CAAA;IAC9D,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;CACtD;AAED,eAAO,MAAM,WAAW,kDAA+C,CAAA;AAEvE,wBAAgB,OAAO,qBAItB"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { css } from 'react-strict-dom';
|
|
2
|
+
export declare const styles: Readonly<{
|
|
3
|
+
readonly root: Readonly<{
|
|
4
|
+
readonly position: css.StyleXClassNameFor<"position", "relative">;
|
|
5
|
+
readonly display: css.StyleXClassNameFor<"display", "inline-flex">;
|
|
6
|
+
}>;
|
|
7
|
+
readonly trigger: Readonly<{
|
|
8
|
+
readonly display: css.StyleXClassNameFor<"display", "inline-flex">;
|
|
9
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
|
|
10
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
11
|
+
readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
|
|
12
|
+
readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
|
|
13
|
+
readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
|
|
14
|
+
readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
|
|
15
|
+
readonly fontFamily: css.StyleXClassNameFor<"fontFamily", string>;
|
|
16
|
+
readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
|
|
17
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
18
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
19
|
+
readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 1>;
|
|
20
|
+
readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
|
|
21
|
+
readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
|
|
22
|
+
readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
|
|
23
|
+
readonly cursor: css.StyleXClassNameFor<"cursor", "pointer">;
|
|
24
|
+
readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "background-color, border-color">;
|
|
25
|
+
readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", "150ms">;
|
|
26
|
+
}>;
|
|
27
|
+
readonly backdrop: Readonly<{
|
|
28
|
+
readonly position: css.StyleXClassNameFor<"position", "fixed">;
|
|
29
|
+
readonly top: css.StyleXClassNameFor<"top", 0>;
|
|
30
|
+
readonly left: css.StyleXClassNameFor<"left", 0>;
|
|
31
|
+
readonly right: css.StyleXClassNameFor<"right", 0>;
|
|
32
|
+
readonly bottom: css.StyleXClassNameFor<"bottom", 0>;
|
|
33
|
+
readonly zIndex: css.StyleXClassNameFor<"zIndex", 49>;
|
|
34
|
+
}>;
|
|
35
|
+
readonly popup: Readonly<{
|
|
36
|
+
readonly position: css.StyleXClassNameFor<"position", "absolute">;
|
|
37
|
+
readonly top: css.StyleXClassNameFor<"top", "100%">;
|
|
38
|
+
readonly left: css.StyleXClassNameFor<"left", 0>;
|
|
39
|
+
readonly marginTop: css.StyleXClassNameFor<"marginTop", string>;
|
|
40
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
41
|
+
readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 1>;
|
|
42
|
+
readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
|
|
43
|
+
readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
|
|
44
|
+
readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
|
|
45
|
+
readonly boxShadow: css.StyleXClassNameFor<"boxShadow", string>;
|
|
46
|
+
readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
|
|
47
|
+
readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
|
|
48
|
+
readonly minWidth: css.StyleXClassNameFor<"minWidth", 160>;
|
|
49
|
+
readonly zIndex: css.StyleXClassNameFor<"zIndex", 50>;
|
|
50
|
+
}>;
|
|
51
|
+
readonly popupEnd: Readonly<{
|
|
52
|
+
readonly left: css.StyleXClassNameFor<"left", "auto">;
|
|
53
|
+
readonly right: css.StyleXClassNameFor<"right", 0>;
|
|
54
|
+
}>;
|
|
55
|
+
readonly item: Readonly<{
|
|
56
|
+
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
57
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
|
|
58
|
+
readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
|
|
59
|
+
readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
|
|
60
|
+
readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
|
|
61
|
+
readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
|
|
62
|
+
readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
|
|
63
|
+
readonly fontFamily: css.StyleXClassNameFor<"fontFamily", string>;
|
|
64
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
65
|
+
readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
|
|
66
|
+
readonly cursor: css.StyleXClassNameFor<"cursor", "pointer">;
|
|
67
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", "transparent">;
|
|
68
|
+
readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "background-color">;
|
|
69
|
+
readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", "150ms">;
|
|
70
|
+
}>;
|
|
71
|
+
readonly itemHighlighted: Readonly<{
|
|
72
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
73
|
+
}>;
|
|
74
|
+
readonly linkItem: Readonly<{
|
|
75
|
+
readonly textDecoration: css.StyleXClassNameFor<"textDecoration", "none">;
|
|
76
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
77
|
+
}>;
|
|
78
|
+
}>;
|
|
79
|
+
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAGpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkFjB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMenuRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/useMenuRoot.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAA;AAEnD,wBAAgB,WAAW;;;EAoI1B"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface RootProps {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
}
|
|
5
|
+
declare function Root({ children }: RootProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
interface ViewportProps {
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
maxHeight?: number | string;
|
|
9
|
+
}
|
|
10
|
+
declare function Viewport({ children, maxHeight }: ViewportProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
interface ContentProps {
|
|
12
|
+
children: ReactNode;
|
|
13
|
+
}
|
|
14
|
+
declare function Content({ children }: ContentProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
type ScrollbarOrientation = 'vertical' | 'horizontal';
|
|
16
|
+
interface ScrollbarProps {
|
|
17
|
+
orientation?: ScrollbarOrientation;
|
|
18
|
+
children: ReactNode;
|
|
19
|
+
}
|
|
20
|
+
declare function Scrollbar({ orientation, children }: ScrollbarProps): import("react/jsx-runtime").JSX.Element | null;
|
|
21
|
+
interface ThumbProps {
|
|
22
|
+
orientation?: ScrollbarOrientation;
|
|
23
|
+
}
|
|
24
|
+
declare function Thumb({ orientation }: ThumbProps): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
export declare const ScrollArea: {
|
|
26
|
+
Root: typeof Root;
|
|
27
|
+
Viewport: typeof Viewport;
|
|
28
|
+
Content: typeof Content;
|
|
29
|
+
Scrollbar: typeof Scrollbar;
|
|
30
|
+
Thumb: typeof Thumb;
|
|
31
|
+
};
|
|
32
|
+
export {};
|
|
33
|
+
//# sourceMappingURL=ScrollArea.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAsB,MAAM,OAAO,CAAA;AAQzD,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE,SAAS,2CAQlC;AAID,UAAU,aAAa;IACrB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC5B;AAED,iBAAS,QAAQ,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAC,EAAE,aAAa,2CAWrD;AAID,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAC,EAAE,YAAY,2CAOxC;AAID,KAAK,oBAAoB,GAAG,UAAU,GAAG,YAAY,CAAA;AAErD,UAAU,cAAc;IACtB,WAAW,CAAC,EAAE,oBAAoB,CAAA;IAClC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,SAAS,CAAC,EAAC,WAAwB,EAAE,QAAQ,EAAC,EAAE,cAAc,kDAoBtE;AAID,UAAU,UAAU;IAClB,WAAW,CAAC,EAAE,oBAAoB,CAAA;CACnC;AAED,iBAAS,KAAK,CAAC,EAAC,WAAwB,EAAC,EAAE,UAAU,2CAmEpD;AAED,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrollArea.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArea/ScrollArea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAKpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAyBrB,eAAO,MAAM,OAAO,EAAE,KAwBrB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAoB1B,CAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export interface ScrollAreaContextValue {
|
|
2
|
+
viewportRef: React.RefObject<HTMLDivElement | null>;
|
|
3
|
+
contentRef: React.RefObject<HTMLDivElement | null>;
|
|
4
|
+
scrollTop: number;
|
|
5
|
+
scrollLeft: number;
|
|
6
|
+
scrollHeight: number;
|
|
7
|
+
scrollWidth: number;
|
|
8
|
+
clientHeight: number;
|
|
9
|
+
clientWidth: number;
|
|
10
|
+
scrolling: boolean;
|
|
11
|
+
}
|
|
12
|
+
export declare const ScrollAreaContext: import('react').Context<ScrollAreaContextValue | null>;
|
|
13
|
+
export declare function useScrollArea(): ScrollAreaContextValue;
|
|
14
|
+
//# sourceMappingURL=ScrollAreaContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrollAreaContext.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArea/ScrollAreaContext.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACnD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAClD,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,iBAAiB,wDAAqD,CAAA;AAEnF,wBAAgB,aAAa,2BAI5B"}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { css } from 'react-strict-dom';
|
|
2
|
+
export declare const styles: Readonly<{
|
|
3
|
+
readonly root: Readonly<{
|
|
4
|
+
readonly position: css.StyleXClassNameFor<"position", "relative">;
|
|
5
|
+
readonly overflow: css.StyleXClassNameFor<"overflow", "hidden">;
|
|
6
|
+
}>;
|
|
7
|
+
readonly viewport: Readonly<{
|
|
8
|
+
readonly width: css.StyleXClassNameFor<"width", "100%">;
|
|
9
|
+
readonly height: css.StyleXClassNameFor<"height", "100%">;
|
|
10
|
+
readonly overflowX: css.StyleXClassNameFor<"overflowX", "auto">;
|
|
11
|
+
readonly overflowY: css.StyleXClassNameFor<"overflowY", "auto">;
|
|
12
|
+
readonly scrollbarWidth: css.StyleXClassNameFor<"scrollbarWidth", "none">;
|
|
13
|
+
}>;
|
|
14
|
+
readonly content: Readonly<{
|
|
15
|
+
readonly minWidth: css.StyleXClassNameFor<"minWidth", "100%">;
|
|
16
|
+
readonly minHeight: css.StyleXClassNameFor<"minHeight", "100%">;
|
|
17
|
+
}>;
|
|
18
|
+
readonly scrollbar: Readonly<{
|
|
19
|
+
readonly position: css.StyleXClassNameFor<"position", "absolute">;
|
|
20
|
+
readonly zIndex: css.StyleXClassNameFor<"zIndex", 1>;
|
|
21
|
+
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
22
|
+
readonly touchAction: css.StyleXClassNameFor<"touchAction", "none">;
|
|
23
|
+
readonly userSelect: css.StyleXClassNameFor<"userSelect", "none">;
|
|
24
|
+
readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "opacity">;
|
|
25
|
+
readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", "200ms">;
|
|
26
|
+
readonly transitionTimingFunction: css.StyleXClassNameFor<"transitionTimingFunction", "ease">;
|
|
27
|
+
}>;
|
|
28
|
+
readonly scrollbarVertical: Readonly<{
|
|
29
|
+
readonly top: css.StyleXClassNameFor<"top", 0>;
|
|
30
|
+
readonly right: css.StyleXClassNameFor<"right", 0>;
|
|
31
|
+
readonly bottom: css.StyleXClassNameFor<"bottom", 0>;
|
|
32
|
+
readonly width: css.StyleXClassNameFor<"width", 8>;
|
|
33
|
+
readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
|
|
34
|
+
readonly paddingTop: css.StyleXClassNameFor<"paddingTop", 2>;
|
|
35
|
+
readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", 2>;
|
|
36
|
+
readonly paddingRight: css.StyleXClassNameFor<"paddingRight", 2>;
|
|
37
|
+
}>;
|
|
38
|
+
readonly scrollbarHorizontal: Readonly<{
|
|
39
|
+
readonly left: css.StyleXClassNameFor<"left", 0>;
|
|
40
|
+
readonly right: css.StyleXClassNameFor<"right", 0>;
|
|
41
|
+
readonly bottom: css.StyleXClassNameFor<"bottom", 0>;
|
|
42
|
+
readonly height: css.StyleXClassNameFor<"height", 8>;
|
|
43
|
+
readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "row">;
|
|
44
|
+
readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", 2>;
|
|
45
|
+
readonly paddingRight: css.StyleXClassNameFor<"paddingRight", 2>;
|
|
46
|
+
readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", 2>;
|
|
47
|
+
}>;
|
|
48
|
+
readonly scrollbarHidden: Readonly<{
|
|
49
|
+
readonly opacity: css.StyleXClassNameFor<"opacity", 0>;
|
|
50
|
+
}>;
|
|
51
|
+
readonly scrollbarVisible: Readonly<{
|
|
52
|
+
readonly opacity: css.StyleXClassNameFor<"opacity", 1>;
|
|
53
|
+
}>;
|
|
54
|
+
readonly thumb: Readonly<{
|
|
55
|
+
readonly position: css.StyleXClassNameFor<"position", "relative">;
|
|
56
|
+
readonly flex: css.StyleXClassNameFor<"flex", 1>;
|
|
57
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
58
|
+
readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
|
|
59
|
+
readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "background-color">;
|
|
60
|
+
readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", "150ms">;
|
|
61
|
+
}>;
|
|
62
|
+
readonly viewportMaxHeight: (maxHeight: string | number) => readonly [Readonly<{
|
|
63
|
+
maxHeight: css.StyleXClassNameFor<"maxHeight", string | number>;
|
|
64
|
+
}>, css.InlineStyles];
|
|
65
|
+
readonly thumbVertical: (height: string, transform: string) => readonly [Readonly<{
|
|
66
|
+
height: css.StyleXClassNameFor<"height", string>;
|
|
67
|
+
transform: css.StyleXClassNameFor<"transform", string>;
|
|
68
|
+
}>, css.InlineStyles];
|
|
69
|
+
readonly thumbHorizontal: (width: string, transform: string) => readonly [Readonly<{
|
|
70
|
+
width: css.StyleXClassNameFor<"width", string>;
|
|
71
|
+
transform: css.StyleXClassNameFor<"transform", string>;
|
|
72
|
+
}>, css.InlineStyles];
|
|
73
|
+
}>;
|
|
74
|
+
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArea/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAGpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4EjB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useScrollAreaRoot.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArea/useScrollAreaRoot.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,qBAAqB,CAAA;AAE/D,wBAAgB,iBAAiB,IAAI,sBAAsB,CAoE1D"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface RootProps {
|
|
3
|
+
name?: string;
|
|
4
|
+
defaultValue?: string;
|
|
5
|
+
value?: string;
|
|
6
|
+
onValueChange?: (value: string | null) => void;
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
declare function Root({ name, defaultValue, value, onValueChange, children }: RootProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function Trigger({ children }: {
|
|
11
|
+
children: ReactNode;
|
|
12
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare function Value({ placeholder }: {
|
|
14
|
+
placeholder?: string;
|
|
15
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
declare function Icon({ children }: {
|
|
17
|
+
children?: ReactNode;
|
|
18
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
declare function Popup({ children }: {
|
|
20
|
+
children: ReactNode;
|
|
21
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
interface ItemProps {
|
|
23
|
+
value: string;
|
|
24
|
+
children: ReactNode;
|
|
25
|
+
}
|
|
26
|
+
declare function Item({ value: itemValue, children }: ItemProps): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
declare function ItemText({ children }: {
|
|
28
|
+
children: ReactNode;
|
|
29
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
export declare const Select: {
|
|
31
|
+
Root: typeof Root;
|
|
32
|
+
Trigger: typeof Trigger;
|
|
33
|
+
Value: typeof Value;
|
|
34
|
+
Icon: typeof Icon;
|
|
35
|
+
Popup: typeof Popup;
|
|
36
|
+
Item: typeof Item;
|
|
37
|
+
ItemText: typeof ItemText;
|
|
38
|
+
};
|
|
39
|
+
export {};
|
|
40
|
+
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAA2B,MAAM,OAAO,CAAA;AAO9D,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAW5E;AAGD,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAwBjD;AAGD,iBAAS,KAAK,CAAC,EAAC,WAAW,EAAC,EAAE;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAC,2CASnD;AAGD,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAC,2CAoB/C;AAGD,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAgB/C;AAGD,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAmDpD;AAGD,iBAAS,QAAQ,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAElD;AAED,eAAO,MAAM,MAAM;;;;;;;;CAQlB,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: Meta;
|
|
3
|
+
export default meta;
|
|
4
|
+
type Story = StoryObj;
|
|
5
|
+
export declare const Default: Story;
|
|
6
|
+
export declare const WithPlaceholder: Story;
|
|
7
|
+
export declare const KeyboardNavigation: Story;
|
|
8
|
+
//# sourceMappingURL=Select.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAIpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAErB,eAAO,MAAM,OAAO,EAAE,KA4CrB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0C7B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KA4ChC,CAAA"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export interface SelectContextValue {
|
|
2
|
+
open: boolean;
|
|
3
|
+
toggle: () => void;
|
|
4
|
+
close: () => void;
|
|
5
|
+
value: string | null;
|
|
6
|
+
setValue: (value: string) => void;
|
|
7
|
+
labels: Record<string, string>;
|
|
8
|
+
registerLabel: (value: string, label: string) => void;
|
|
9
|
+
listboxId: string;
|
|
10
|
+
highlightedId: string | null;
|
|
11
|
+
setHighlightedId: (id: string | null) => void;
|
|
12
|
+
registerItem: (id: string, value: string, element: HTMLElement) => () => void;
|
|
13
|
+
triggerRef: React.RefObject<HTMLButtonElement | null>;
|
|
14
|
+
}
|
|
15
|
+
export declare const SelectContext: import('react').Context<SelectContextValue | null>;
|
|
16
|
+
export declare function useSelect(): SelectContextValue;
|
|
17
|
+
//# sourceMappingURL=SelectContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectContext.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectContext.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAA;IACb,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC9B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC7C,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,KAAK,MAAM,IAAI,CAAA;IAC7E,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;CACtD;AAED,eAAO,MAAM,aAAa,oDAAiD,CAAA;AAE3E,wBAAgB,SAAS,uBAIxB"}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { css } from 'react-strict-dom';
|
|
2
|
+
export declare const styles: Readonly<{
|
|
3
|
+
readonly root: Readonly<{
|
|
4
|
+
readonly position: css.StyleXClassNameFor<"position", "relative">;
|
|
5
|
+
readonly display: css.StyleXClassNameFor<"display", "inline-flex">;
|
|
6
|
+
}>;
|
|
7
|
+
readonly trigger: Readonly<{
|
|
8
|
+
readonly display: css.StyleXClassNameFor<"display", "inline-flex">;
|
|
9
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
|
|
10
|
+
readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "space-between">;
|
|
11
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
12
|
+
readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
|
|
13
|
+
readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
|
|
14
|
+
readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
|
|
15
|
+
readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
|
|
16
|
+
readonly fontFamily: css.StyleXClassNameFor<"fontFamily", string>;
|
|
17
|
+
readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
|
|
18
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
19
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
20
|
+
readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 1>;
|
|
21
|
+
readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
|
|
22
|
+
readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
|
|
23
|
+
readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
|
|
24
|
+
readonly cursor: css.StyleXClassNameFor<"cursor", "pointer">;
|
|
25
|
+
readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "border-color">;
|
|
26
|
+
readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", "150ms">;
|
|
27
|
+
}>;
|
|
28
|
+
readonly value: Readonly<{
|
|
29
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
30
|
+
}>;
|
|
31
|
+
readonly placeholder: Readonly<{
|
|
32
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
33
|
+
}>;
|
|
34
|
+
readonly icon: Readonly<{
|
|
35
|
+
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
36
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
|
|
37
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
38
|
+
}>;
|
|
39
|
+
readonly backdrop: Readonly<{
|
|
40
|
+
readonly position: css.StyleXClassNameFor<"position", "fixed">;
|
|
41
|
+
readonly top: css.StyleXClassNameFor<"top", 0>;
|
|
42
|
+
readonly left: css.StyleXClassNameFor<"left", 0>;
|
|
43
|
+
readonly right: css.StyleXClassNameFor<"right", 0>;
|
|
44
|
+
readonly bottom: css.StyleXClassNameFor<"bottom", 0>;
|
|
45
|
+
readonly zIndex: css.StyleXClassNameFor<"zIndex", 49>;
|
|
46
|
+
}>;
|
|
47
|
+
readonly popup: Readonly<{
|
|
48
|
+
readonly position: css.StyleXClassNameFor<"position", "absolute">;
|
|
49
|
+
readonly top: css.StyleXClassNameFor<"top", "100%">;
|
|
50
|
+
readonly left: css.StyleXClassNameFor<"left", 0>;
|
|
51
|
+
readonly marginTop: css.StyleXClassNameFor<"marginTop", string>;
|
|
52
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
53
|
+
readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 1>;
|
|
54
|
+
readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
|
|
55
|
+
readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
|
|
56
|
+
readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
|
|
57
|
+
readonly boxShadow: css.StyleXClassNameFor<"boxShadow", string>;
|
|
58
|
+
readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
|
|
59
|
+
readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
|
|
60
|
+
readonly minWidth: css.StyleXClassNameFor<"minWidth", 120>;
|
|
61
|
+
readonly zIndex: css.StyleXClassNameFor<"zIndex", 50>;
|
|
62
|
+
}>;
|
|
63
|
+
readonly item: Readonly<{
|
|
64
|
+
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
65
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
|
|
66
|
+
readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
|
|
67
|
+
readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
|
|
68
|
+
readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
|
|
69
|
+
readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
|
|
70
|
+
readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
|
|
71
|
+
readonly fontFamily: css.StyleXClassNameFor<"fontFamily", string>;
|
|
72
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
73
|
+
readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
|
|
74
|
+
readonly cursor: css.StyleXClassNameFor<"cursor", "pointer">;
|
|
75
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", "transparent">;
|
|
76
|
+
readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "background-color">;
|
|
77
|
+
readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", "150ms">;
|
|
78
|
+
}>;
|
|
79
|
+
readonly itemSelected: Readonly<{
|
|
80
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
81
|
+
readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
|
|
82
|
+
}>;
|
|
83
|
+
readonly itemHighlighted: Readonly<{
|
|
84
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
85
|
+
}>;
|
|
86
|
+
readonly hidden: Readonly<{
|
|
87
|
+
readonly display: css.StyleXClassNameFor<"display", "none">;
|
|
88
|
+
}>;
|
|
89
|
+
}>;
|
|
90
|
+
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Select/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAGpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0FjB,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { SelectContextValue } from './SelectContext';
|
|
2
|
+
interface UseSelectRootOptions {
|
|
3
|
+
defaultValue?: string;
|
|
4
|
+
value?: string;
|
|
5
|
+
onValueChange?: (value: string | null) => void;
|
|
6
|
+
}
|
|
7
|
+
export declare function useSelectRoot({ defaultValue, value: controlledValue, onValueChange, }: UseSelectRootOptions): {
|
|
8
|
+
ctx: SelectContextValue;
|
|
9
|
+
rootRef: import('react').RefObject<HTMLDivElement | null>;
|
|
10
|
+
};
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=useSelectRoot.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSelectRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Select/useSelectRoot.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAA;AAEvD,UAAU,oBAAoB;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;CAC/C;AAED,wBAAgB,aAAa,CAAC,EAC5B,YAAY,EACZ,KAAK,EAAE,eAAe,EACtB,aAAa,GACd,EAAE,oBAAoB;;;EAiKtB"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface RootProps {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
value?: string;
|
|
5
|
+
defaultValue?: string;
|
|
6
|
+
onValueChange?: (value: string) => void;
|
|
7
|
+
}
|
|
8
|
+
declare function Root({ children, value: controlledValue, defaultValue, onValueChange }: RootProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
interface GroupProps {
|
|
10
|
+
children: ReactNode;
|
|
11
|
+
label: string;
|
|
12
|
+
groupKey?: string;
|
|
13
|
+
defaultExpanded?: boolean;
|
|
14
|
+
}
|
|
15
|
+
declare function Group({ children, label, groupKey, defaultExpanded }: GroupProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
interface ItemProps {
|
|
17
|
+
value: string;
|
|
18
|
+
children: ReactNode;
|
|
19
|
+
}
|
|
20
|
+
declare function Item({ value, children }: ItemProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export declare const SideNav: {
|
|
22
|
+
Root: typeof Root;
|
|
23
|
+
Group: typeof Group;
|
|
24
|
+
Item: typeof Item;
|
|
25
|
+
};
|
|
26
|
+
export {};
|
|
27
|
+
//# sourceMappingURL=SideNav.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SideNav.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAA2C,MAAM,OAAO,CAAA;AAQ9E,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,EAAC,EAAE,SAAS,2CAqDvF;AAID,UAAU,UAAU;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAC,EAAE,UAAU,2CA2DtE;AAID,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAmBzC;AAED,eAAO,MAAM,OAAO;;;;CAInB,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export interface SideNavContextValue {
|
|
2
|
+
activeValue: string | null;
|
|
3
|
+
onSelect: (value: string) => void;
|
|
4
|
+
expandedGroups: Set<string>;
|
|
5
|
+
toggleGroup: (group: string) => void;
|
|
6
|
+
registerItem: (value: string) => () => void;
|
|
7
|
+
orderRef: React.RefObject<string[]>;
|
|
8
|
+
}
|
|
9
|
+
export declare const SideNavContext: import('react').Context<SideNavContextValue | null>;
|
|
10
|
+
export declare function useSideNav(): SideNavContextValue;
|
|
11
|
+
//# sourceMappingURL=SideNavContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SideNavContext.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavContext.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,cAAc,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC3B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,IAAI,CAAA;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAA;CACpC;AAED,eAAO,MAAM,cAAc,qDAAkD,CAAA;AAE7E,wBAAgB,UAAU,wBAIzB"}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { css } from 'react-strict-dom';
|
|
2
|
+
export declare const styles: Readonly<{
|
|
3
|
+
readonly root: Readonly<{
|
|
4
|
+
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
5
|
+
readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
|
|
6
|
+
readonly gap: css.StyleXClassNameFor<"gap", 0>;
|
|
7
|
+
}>;
|
|
8
|
+
readonly group: Readonly<{
|
|
9
|
+
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
10
|
+
readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
|
|
11
|
+
}>;
|
|
12
|
+
readonly groupTrigger: Readonly<{
|
|
13
|
+
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
14
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
|
|
15
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
16
|
+
readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
|
|
17
|
+
readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
|
|
18
|
+
readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
|
|
19
|
+
readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
|
|
20
|
+
readonly fontFamily: css.StyleXClassNameFor<"fontFamily", string>;
|
|
21
|
+
readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
|
|
22
|
+
readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
|
|
23
|
+
readonly textTransform: css.StyleXClassNameFor<"textTransform", "uppercase">;
|
|
24
|
+
readonly letterSpacing: css.StyleXClassNameFor<"letterSpacing", "0.05em">;
|
|
25
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
26
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", "transparent">;
|
|
27
|
+
readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 0>;
|
|
28
|
+
readonly cursor: css.StyleXClassNameFor<"cursor", "pointer">;
|
|
29
|
+
readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "color">;
|
|
30
|
+
readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", "150ms">;
|
|
31
|
+
readonly transitionTimingFunction: css.StyleXClassNameFor<"transitionTimingFunction", "ease">;
|
|
32
|
+
}>;
|
|
33
|
+
readonly groupTriggerActive: Readonly<{
|
|
34
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
35
|
+
}>;
|
|
36
|
+
readonly chevron: Readonly<{
|
|
37
|
+
readonly display: css.StyleXClassNameFor<"display", "inline-flex">;
|
|
38
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
|
|
39
|
+
readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "transform">;
|
|
40
|
+
readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", "150ms">;
|
|
41
|
+
readonly transitionTimingFunction: css.StyleXClassNameFor<"transitionTimingFunction", "ease">;
|
|
42
|
+
}>;
|
|
43
|
+
readonly chevronOpen: Readonly<{
|
|
44
|
+
readonly transform: css.StyleXClassNameFor<"transform", "rotate(90deg)">;
|
|
45
|
+
}>;
|
|
46
|
+
readonly item: Readonly<{
|
|
47
|
+
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
48
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
|
|
49
|
+
readonly paddingTop: css.StyleXClassNameFor<"paddingTop", "6px">;
|
|
50
|
+
readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", "6px">;
|
|
51
|
+
readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
|
|
52
|
+
readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
|
|
53
|
+
readonly fontFamily: css.StyleXClassNameFor<"fontFamily", string>;
|
|
54
|
+
readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
|
|
55
|
+
readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
|
|
56
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
57
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
58
|
+
readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 0>;
|
|
59
|
+
readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
|
|
60
|
+
readonly cursor: css.StyleXClassNameFor<"cursor", "pointer">;
|
|
61
|
+
readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "color, background-color">;
|
|
62
|
+
readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", "150ms">;
|
|
63
|
+
readonly transitionTimingFunction: css.StyleXClassNameFor<"transitionTimingFunction", "ease">;
|
|
64
|
+
readonly textAlign: css.StyleXClassNameFor<"textAlign", "left">;
|
|
65
|
+
readonly outlineWidth: css.StyleXClassNameFor<"outlineWidth", 0 | 2>;
|
|
66
|
+
readonly outlineStyle: css.StyleXClassNameFor<"outlineStyle", "none" | "solid">;
|
|
67
|
+
readonly outlineColor: css.StyleXClassNameFor<"outlineColor", string>;
|
|
68
|
+
}>;
|
|
69
|
+
readonly itemActive: Readonly<{
|
|
70
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
71
|
+
readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
|
|
72
|
+
}>;
|
|
73
|
+
}>;
|
|
74
|
+
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAGpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyFjB,CAAA"}
|