@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.
Files changed (109) hide show
  1. package/LICENSE +21 -0
  2. package/dist/components/Alert/Alert.d.ts +9 -0
  3. package/dist/components/Alert/Alert.d.ts.map +1 -0
  4. package/dist/components/Alert/Alert.stories.d.ts +11 -0
  5. package/dist/components/Alert/Alert.stories.d.ts.map +1 -0
  6. package/dist/components/Alert/styles.css.d.ts +32 -0
  7. package/dist/components/Alert/styles.css.d.ts.map +1 -0
  8. package/dist/components/Badge/Badge.d.ts +11 -0
  9. package/dist/components/Badge/Badge.d.ts.map +1 -0
  10. package/dist/components/Badge/Badge.stories.d.ts +13 -0
  11. package/dist/components/Badge/Badge.stories.d.ts.map +1 -0
  12. package/dist/components/Badge/styles.css.d.ts +48 -0
  13. package/dist/components/Badge/styles.css.d.ts.map +1 -0
  14. package/dist/components/Button/Button.d.ts +15 -0
  15. package/dist/components/Button/Button.d.ts.map +1 -0
  16. package/dist/components/Button/Button.stories.d.ts +14 -0
  17. package/dist/components/Button/Button.stories.d.ts.map +1 -0
  18. package/dist/components/Button/styles.css.d.ts +69 -0
  19. package/dist/components/Button/styles.css.d.ts.map +1 -0
  20. package/dist/components/Card/Card.d.ts +13 -0
  21. package/dist/components/Card/Card.d.ts.map +1 -0
  22. package/dist/components/Card/Card.stories.d.ts +13 -0
  23. package/dist/components/Card/Card.stories.d.ts.map +1 -0
  24. package/dist/components/Card/styles.css.d.ts +51 -0
  25. package/dist/components/Card/styles.css.d.ts.map +1 -0
  26. package/dist/components/Field/Field.d.ts +26 -0
  27. package/dist/components/Field/Field.d.ts.map +1 -0
  28. package/dist/components/Field/Field.stories.d.ts +8 -0
  29. package/dist/components/Field/Field.stories.d.ts.map +1 -0
  30. package/dist/components/Field/FieldContext.d.ts +10 -0
  31. package/dist/components/Field/FieldContext.d.ts.map +1 -0
  32. package/dist/components/Field/styles.css.d.ts +22 -0
  33. package/dist/components/Field/styles.css.d.ts.map +1 -0
  34. package/dist/components/Input/Input.d.ts +21 -0
  35. package/dist/components/Input/Input.d.ts.map +1 -0
  36. package/dist/components/Input/Input.stories.d.ts +11 -0
  37. package/dist/components/Input/Input.stories.d.ts.map +1 -0
  38. package/dist/components/Input/styles.css.d.ts +32 -0
  39. package/dist/components/Input/styles.css.d.ts.map +1 -0
  40. package/dist/components/Menu/Menu.d.ts +32 -0
  41. package/dist/components/Menu/Menu.d.ts.map +1 -0
  42. package/dist/components/Menu/Menu.stories.d.ts +8 -0
  43. package/dist/components/Menu/Menu.stories.d.ts.map +1 -0
  44. package/dist/components/Menu/MenuContext.d.ts +13 -0
  45. package/dist/components/Menu/MenuContext.d.ts.map +1 -0
  46. package/dist/components/Menu/styles.css.d.ts +79 -0
  47. package/dist/components/Menu/styles.css.d.ts.map +1 -0
  48. package/dist/components/Menu/useMenuRoot.d.ts +6 -0
  49. package/dist/components/Menu/useMenuRoot.d.ts.map +1 -0
  50. package/dist/components/ScrollArea/ScrollArea.d.ts +33 -0
  51. package/dist/components/ScrollArea/ScrollArea.d.ts.map +1 -0
  52. package/dist/components/ScrollArea/ScrollArea.stories.d.ts +7 -0
  53. package/dist/components/ScrollArea/ScrollArea.stories.d.ts.map +1 -0
  54. package/dist/components/ScrollArea/ScrollAreaContext.d.ts +14 -0
  55. package/dist/components/ScrollArea/ScrollAreaContext.d.ts.map +1 -0
  56. package/dist/components/ScrollArea/styles.css.d.ts +74 -0
  57. package/dist/components/ScrollArea/styles.css.d.ts.map +1 -0
  58. package/dist/components/ScrollArea/useScrollAreaRoot.d.ts +3 -0
  59. package/dist/components/ScrollArea/useScrollAreaRoot.d.ts.map +1 -0
  60. package/dist/components/Select/Select.d.ts +40 -0
  61. package/dist/components/Select/Select.d.ts.map +1 -0
  62. package/dist/components/Select/Select.stories.d.ts +8 -0
  63. package/dist/components/Select/Select.stories.d.ts.map +1 -0
  64. package/dist/components/Select/SelectContext.d.ts +17 -0
  65. package/dist/components/Select/SelectContext.d.ts.map +1 -0
  66. package/dist/components/Select/styles.css.d.ts +90 -0
  67. package/dist/components/Select/styles.css.d.ts.map +1 -0
  68. package/dist/components/Select/useSelectRoot.d.ts +12 -0
  69. package/dist/components/Select/useSelectRoot.d.ts.map +1 -0
  70. package/dist/components/SideNav/SideNav.d.ts +27 -0
  71. package/dist/components/SideNav/SideNav.d.ts.map +1 -0
  72. package/dist/components/SideNav/SideNavContext.d.ts +11 -0
  73. package/dist/components/SideNav/SideNavContext.d.ts.map +1 -0
  74. package/dist/components/SideNav/styles.css.d.ts +74 -0
  75. package/dist/components/SideNav/styles.css.d.ts.map +1 -0
  76. package/dist/components/Table/Table.d.ts +35 -0
  77. package/dist/components/Table/Table.d.ts.map +1 -0
  78. package/dist/components/Table/Table.stories.d.ts +10 -0
  79. package/dist/components/Table/Table.stories.d.ts.map +1 -0
  80. package/dist/components/Table/styles.css.d.ts +70 -0
  81. package/dist/components/Table/styles.css.d.ts.map +1 -0
  82. package/dist/components/Tabs/Tabs.d.ts +32 -0
  83. package/dist/components/Tabs/Tabs.d.ts.map +1 -0
  84. package/dist/components/Tabs/Tabs.stories.d.ts +9 -0
  85. package/dist/components/Tabs/Tabs.stories.d.ts.map +1 -0
  86. package/dist/components/Tabs/TabsContext.d.ts +12 -0
  87. package/dist/components/Tabs/TabsContext.d.ts.map +1 -0
  88. package/dist/components/Tabs/styles.css.d.ts +80 -0
  89. package/dist/components/Tabs/styles.css.d.ts.map +1 -0
  90. package/dist/components/Tabs/useTabsRoot.d.ts +10 -0
  91. package/dist/components/Tabs/useTabsRoot.d.ts.map +1 -0
  92. package/dist/components/ThemeProvider/ThemeProvider.d.ts +9 -0
  93. package/dist/components/ThemeProvider/ThemeProvider.d.ts.map +1 -0
  94. package/dist/components/ThemeProvider/ThemeProvider.stories.d.ts +10 -0
  95. package/dist/components/ThemeProvider/ThemeProvider.stories.d.ts.map +1 -0
  96. package/dist/components/Tooltip/Tooltip.d.ts +19 -0
  97. package/dist/components/Tooltip/Tooltip.d.ts.map +1 -0
  98. package/dist/components/Tooltip/Tooltip.stories.d.ts +9 -0
  99. package/dist/components/Tooltip/Tooltip.stories.d.ts.map +1 -0
  100. package/dist/components/Tooltip/styles.css.d.ts +52 -0
  101. package/dist/components/Tooltip/styles.css.d.ts.map +1 -0
  102. package/dist/hooks/useControllableValue.d.ts +2 -0
  103. package/dist/hooks/useControllableValue.d.ts.map +1 -0
  104. package/dist/index.css +1 -0
  105. package/dist/index.d.ts +17 -0
  106. package/dist/index.d.ts.map +1 -0
  107. package/dist/index.js +1850 -0
  108. package/dist/index.js.map +1 -0
  109. package/package.json +59 -0
@@ -0,0 +1,35 @@
1
+ import { ReactNode } from 'react';
2
+ export type TableVariant = 'default' | 'striped' | 'bordered';
3
+ export type TableSize = 'sm' | 'md';
4
+ interface RootProps {
5
+ children: ReactNode;
6
+ variant?: TableVariant;
7
+ size?: TableSize;
8
+ columns: number;
9
+ }
10
+ declare function Root({ children, variant, size, columns }: RootProps): import("react/jsx-runtime").JSX.Element;
11
+ declare function Header({ children }: {
12
+ children: ReactNode;
13
+ }): import("react/jsx-runtime").JSX.Element;
14
+ declare function Body({ children }: {
15
+ children: ReactNode;
16
+ }): import("react/jsx-runtime").JSX.Element;
17
+ declare function Row({ children }: {
18
+ children: ReactNode;
19
+ }): import("react/jsx-runtime").JSX.Element;
20
+ declare function HeaderCell({ children }: {
21
+ children: ReactNode;
22
+ }): import("react/jsx-runtime").JSX.Element;
23
+ declare function Cell({ children }: {
24
+ children: ReactNode;
25
+ }): import("react/jsx-runtime").JSX.Element;
26
+ export declare const Table: {
27
+ Root: typeof Root;
28
+ Header: typeof Header;
29
+ Body: typeof Body;
30
+ Row: typeof Row;
31
+ HeaderCell: typeof HeaderCell;
32
+ Cell: typeof Cell;
33
+ };
34
+ export {};
35
+ //# sourceMappingURL=Table.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAsC,MAAM,OAAO,CAAA;AAMzE,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;AAC7D,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;AAyBnC,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,OAAmB,EAAE,IAAW,EAAE,OAAO,EAAC,EAAE,SAAS,2CAQ7E;AAID,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAQhD;AAID,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAoB9C;AAOD,iBAAS,GAAG,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CA2B7C;AAUD,iBAAS,UAAU,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAkBpD;AAID,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAkB9C;AAID,eAAO,MAAM,KAAK;;;;;;;CAOjB,CAAA"}
@@ -0,0 +1,10 @@
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 Striped: Story;
7
+ export declare const Bordered: Story;
8
+ export declare const Compact: Story;
9
+ export declare const AllVariants: Story;
10
+ //# sourceMappingURL=Table.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAOpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAuBrB,eAAO,MAAM,OAAO,EAAE,KAmDrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KA+BrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgCtB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KA+BrB,CAAA;AAOD,eAAO,MAAM,WAAW,EAAE,KAkHzB,CAAA"}
@@ -0,0 +1,70 @@
1
+ import { css } from 'react-strict-dom';
2
+ export declare const styles: Readonly<{
3
+ readonly root: Readonly<{
4
+ readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 1>;
5
+ readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
6
+ readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
7
+ readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
8
+ readonly overflow: css.StyleXClassNameFor<"overflow", "hidden">;
9
+ readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
10
+ readonly fontFamily: css.StyleXClassNameFor<"fontFamily", string>;
11
+ readonly color: css.StyleXClassNameFor<"color", string>;
12
+ }>;
13
+ readonly header: Readonly<{
14
+ readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
15
+ }>;
16
+ readonly row: Readonly<{
17
+ readonly display: css.StyleXClassNameFor<"display", "grid">;
18
+ readonly borderBottomWidth: css.StyleXClassNameFor<"borderBottomWidth", 1>;
19
+ readonly borderBottomStyle: css.StyleXClassNameFor<"borderBottomStyle", "solid">;
20
+ readonly borderBottomColor: css.StyleXClassNameFor<"borderBottomColor", string>;
21
+ }>;
22
+ readonly rowLastChild: Readonly<{
23
+ readonly borderBottomWidth: css.StyleXClassNameFor<"borderBottomWidth", 0>;
24
+ }>;
25
+ readonly bodyRow: Readonly<{
26
+ readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
27
+ readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "background-color">;
28
+ readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", "150ms">;
29
+ readonly transitionTimingFunction: css.StyleXClassNameFor<"transitionTimingFunction", "ease">;
30
+ }>;
31
+ readonly headerCell: Readonly<{
32
+ readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
33
+ readonly color: css.StyleXClassNameFor<"color", string>;
34
+ readonly textAlign: css.StyleXClassNameFor<"textAlign", "start">;
35
+ }>;
36
+ readonly cell: Readonly<{
37
+ readonly color: css.StyleXClassNameFor<"color", string>;
38
+ readonly display: css.StyleXClassNameFor<"display", "flex">;
39
+ readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
40
+ }>;
41
+ readonly cellSm: Readonly<{
42
+ readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
43
+ readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
44
+ readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
45
+ readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
46
+ readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
47
+ }>;
48
+ readonly cellMd: Readonly<{
49
+ readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
50
+ readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
51
+ readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
52
+ readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
53
+ readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
54
+ }>;
55
+ readonly stripedEven: Readonly<{
56
+ readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
57
+ }>;
58
+ readonly borderedCell: Readonly<{
59
+ readonly borderRightWidth: css.StyleXClassNameFor<"borderRightWidth", 1>;
60
+ readonly borderRightStyle: css.StyleXClassNameFor<"borderRightStyle", "solid">;
61
+ readonly borderRightColor: css.StyleXClassNameFor<"borderRightColor", string>;
62
+ }>;
63
+ readonly borderedCellLast: Readonly<{
64
+ readonly borderRightWidth: css.StyleXClassNameFor<"borderRightWidth", 0>;
65
+ }>;
66
+ readonly gridColumns: (columns: number) => readonly [Readonly<{
67
+ gridTemplateColumns: css.StyleXClassNameFor<"gridTemplateColumns", string>;
68
+ }>, css.InlineStyles];
69
+ }>;
70
+ //# sourceMappingURL=styles.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Table/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAGpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2FjB,CAAA"}
@@ -0,0 +1,32 @@
1
+ import { ReactNode } from 'react';
2
+ interface RootProps {
3
+ children: ReactNode;
4
+ value?: string;
5
+ defaultValue?: string;
6
+ onValueChange?: (value: string) => void;
7
+ orientation?: 'horizontal' | 'vertical';
8
+ }
9
+ declare function Root({ children, value, defaultValue, onValueChange, orientation, }: RootProps): import("react/jsx-runtime").JSX.Element;
10
+ interface ListProps {
11
+ children: ReactNode;
12
+ }
13
+ declare function List({ children }: ListProps): import("react/jsx-runtime").JSX.Element;
14
+ interface TabProps {
15
+ value: string;
16
+ disabled?: boolean;
17
+ children: ReactNode;
18
+ }
19
+ declare function Tab({ value, disabled, children }: TabProps): import("react/jsx-runtime").JSX.Element;
20
+ interface PanelProps {
21
+ value: string;
22
+ children: ReactNode;
23
+ }
24
+ declare function Panel({ value, children }: PanelProps): import("react/jsx-runtime").JSX.Element | null;
25
+ export declare const Tabs: {
26
+ Root: typeof Root;
27
+ List: typeof List;
28
+ Tab: typeof Tab;
29
+ Panel: typeof Panel;
30
+ };
31
+ export {};
32
+ //# sourceMappingURL=Tabs.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAA2B,MAAM,OAAO,CAAA;AAQ9D,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;IACvC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;CACxC;AAED,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,aAAa,EACb,WAA0B,GAC3B,EAAE,SAAS,2CAUX;AAID,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE,SAAS,2CA4FlC;AAID,UAAU,QAAQ;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,GAAG,CAAC,EAAC,KAAK,EAAE,QAAgB,EAAE,QAAQ,EAAC,EAAE,QAAQ,2CAsCzD;AAID,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,KAAK,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAC,EAAE,UAAU,kDAa3C;AAED,eAAO,MAAM,IAAI;;;;;CAKhB,CAAA"}
@@ -0,0 +1,9 @@
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 KeyboardNavigation: Story;
7
+ export declare const WithDisabledTab: Story;
8
+ export declare const Vertical: Story;
9
+ //# sourceMappingURL=Tabs.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.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,KAsCrB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAqChC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAoB7B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA6BtB,CAAA"}
@@ -0,0 +1,12 @@
1
+ export type Orientation = 'horizontal' | 'vertical';
2
+ export interface TabsContextValue {
3
+ activeValue: string | null;
4
+ onSelect: (value: string) => void;
5
+ orientation: Orientation;
6
+ registerTab: (value: string, disabled: boolean) => () => void;
7
+ tabsRef: React.RefObject<Map<string, boolean>>;
8
+ orderRef: React.RefObject<string[]>;
9
+ }
10
+ export declare const TabsContext: import('react').Context<TabsContextValue | null>;
11
+ export declare function useTabs(): TabsContextValue;
12
+ //# sourceMappingURL=TabsContext.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TabsContext.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsContext.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,UAAU,CAAA;AAEnD,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,WAAW,EAAE,WAAW,CAAA;IACxB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,MAAM,IAAI,CAAA;IAC7D,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAA;CACpC;AAED,eAAO,MAAM,WAAW,kDAA+C,CAAA;AAEvE,wBAAgB,OAAO,qBAItB"}
@@ -0,0 +1,80 @@
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
+ }>;
7
+ readonly rootVertical: Readonly<{
8
+ readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "row">;
9
+ }>;
10
+ readonly list: Readonly<{
11
+ readonly display: css.StyleXClassNameFor<"display", "flex">;
12
+ readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "row">;
13
+ readonly borderBottomWidth: css.StyleXClassNameFor<"borderBottomWidth", 1>;
14
+ readonly borderBottomStyle: css.StyleXClassNameFor<"borderBottomStyle", "solid">;
15
+ readonly borderBottomColor: css.StyleXClassNameFor<"borderBottomColor", string>;
16
+ readonly gap: css.StyleXClassNameFor<"gap", string>;
17
+ }>;
18
+ readonly listVertical: Readonly<{
19
+ readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
20
+ readonly borderBottomWidth: css.StyleXClassNameFor<"borderBottomWidth", 0>;
21
+ readonly borderRightWidth: css.StyleXClassNameFor<"borderRightWidth", 1>;
22
+ readonly borderRightStyle: css.StyleXClassNameFor<"borderRightStyle", "solid">;
23
+ readonly borderRightColor: css.StyleXClassNameFor<"borderRightColor", string>;
24
+ readonly gap: css.StyleXClassNameFor<"gap", 0>;
25
+ }>;
26
+ readonly tab: Readonly<{
27
+ readonly display: css.StyleXClassNameFor<"display", "inline-flex">;
28
+ readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
29
+ readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "center">;
30
+ readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
31
+ readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
32
+ readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
33
+ readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
34
+ readonly fontFamily: css.StyleXClassNameFor<"fontFamily", string>;
35
+ readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
36
+ readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
37
+ readonly color: css.StyleXClassNameFor<"color", string>;
38
+ readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", "transparent">;
39
+ readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 0>;
40
+ readonly borderBottomWidth: css.StyleXClassNameFor<"borderBottomWidth", 2>;
41
+ readonly borderBottomStyle: css.StyleXClassNameFor<"borderBottomStyle", "solid">;
42
+ readonly borderBottomColor: css.StyleXClassNameFor<"borderBottomColor", "transparent">;
43
+ readonly cursor: css.StyleXClassNameFor<"cursor", "pointer">;
44
+ readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "color, border-color">;
45
+ readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", "150ms">;
46
+ readonly transitionTimingFunction: css.StyleXClassNameFor<"transitionTimingFunction", "ease">;
47
+ readonly outlineWidth: css.StyleXClassNameFor<"outlineWidth", 0 | 2>;
48
+ readonly outlineStyle: css.StyleXClassNameFor<"outlineStyle", "none" | "solid">;
49
+ readonly outlineColor: css.StyleXClassNameFor<"outlineColor", string>;
50
+ readonly outlineOffset: css.StyleXClassNameFor<"outlineOffset", 0 | -2>;
51
+ }>;
52
+ readonly tabVertical: Readonly<{
53
+ readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "flex-start">;
54
+ readonly borderBottomWidth: css.StyleXClassNameFor<"borderBottomWidth", 0>;
55
+ readonly borderRightWidth: css.StyleXClassNameFor<"borderRightWidth", 2>;
56
+ readonly borderRightStyle: css.StyleXClassNameFor<"borderRightStyle", "solid">;
57
+ readonly borderRightColor: css.StyleXClassNameFor<"borderRightColor", "transparent">;
58
+ }>;
59
+ readonly tabActiveHorizontal: Readonly<{
60
+ readonly color: css.StyleXClassNameFor<"color", string>;
61
+ readonly borderBottomColor: css.StyleXClassNameFor<"borderBottomColor", string>;
62
+ }>;
63
+ readonly tabActiveVertical: Readonly<{
64
+ readonly color: css.StyleXClassNameFor<"color", string>;
65
+ readonly borderRightColor: css.StyleXClassNameFor<"borderRightColor", string>;
66
+ }>;
67
+ readonly tabDisabled: Readonly<{
68
+ readonly opacity: css.StyleXClassNameFor<"opacity", 0.5>;
69
+ readonly cursor: css.StyleXClassNameFor<"cursor", "not-allowed">;
70
+ readonly color: css.StyleXClassNameFor<"color", string>;
71
+ }>;
72
+ readonly panel: Readonly<{
73
+ readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
74
+ }>;
75
+ readonly panelVertical: Readonly<{
76
+ readonly paddingTop: css.StyleXClassNameFor<"paddingTop", 0>;
77
+ readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
78
+ }>;
79
+ }>;
80
+ //# sourceMappingURL=styles.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAGpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4FjB,CAAA"}
@@ -0,0 +1,10 @@
1
+ import { Orientation, TabsContextValue } from './TabsContext';
2
+ interface UseTabsRootOptions {
3
+ value?: string;
4
+ defaultValue?: string;
5
+ onValueChange?: (value: string) => void;
6
+ orientation?: Orientation;
7
+ }
8
+ export declare function useTabsRoot({ value: controlledValue, defaultValue, onValueChange, orientation, }: UseTabsRootOptions): TabsContextValue;
9
+ export {};
10
+ //# sourceMappingURL=useTabsRoot.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useTabsRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/useTabsRoot.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,WAAW,EAAE,gBAAgB,EAAC,MAAM,eAAe,CAAA;AAEhE,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,aAAa,EACb,WAA0B,GAC3B,EAAE,kBAAkB,GAAG,gBAAgB,CAyBvC"}
@@ -0,0 +1,9 @@
1
+ import { ReactNode } from 'react';
2
+ export type ThemeName = 'dark' | 'light' | 'high-contrast';
3
+ interface ThemeProviderProps {
4
+ theme?: ThemeName;
5
+ children: ReactNode;
6
+ }
7
+ export declare function ThemeProvider({ theme, children }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
8
+ export {};
9
+ //# sourceMappingURL=ThemeProvider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAIpC,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,eAAe,CAAA;AAE1D,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAiBD,wBAAgB,aAAa,CAAC,EAAC,KAAc,EAAE,QAAQ,EAAC,EAAE,kBAAkB,2CAK3E"}
@@ -0,0 +1,10 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { ThemeProvider } from './ThemeProvider';
3
+ declare const meta: Meta<typeof ThemeProvider>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof ThemeProvider>;
6
+ export declare const Dark: Story;
7
+ export declare const Light: Story;
8
+ export declare const HighContrast: Story;
9
+ export declare const AllThemes: Story;
10
+ //# sourceMappingURL=ThemeProvider.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ThemeProvider.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/ThemeProvider.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAGpD,OAAO,EAAC,aAAa,EAAiB,MAAM,iBAAiB,CAAA;AAG7D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAGpC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAA;AAwE3C,eAAO,MAAM,IAAI,EAAE,KAWlB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAUnB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAA;AAoBD,eAAO,MAAM,SAAS,EAAE,KAmBvB,CAAA"}
@@ -0,0 +1,19 @@
1
+ import { ReactNode } from 'react';
2
+ type Placement = 'top' | 'bottom' | 'left' | 'right';
3
+ interface RootProps {
4
+ children: ReactNode;
5
+ content: ReactNode;
6
+ placement?: Placement;
7
+ delay?: number;
8
+ }
9
+ declare function Root({ children, content, placement, delay }: RootProps): import("react/jsx-runtime").JSX.Element;
10
+ interface TriggerProps {
11
+ children: ReactNode;
12
+ }
13
+ declare function Trigger({ children }: TriggerProps): import("react/jsx-runtime").JSX.Element;
14
+ export declare const Tooltip: {
15
+ Root: typeof Root;
16
+ Trigger: typeof Trigger;
17
+ };
18
+ export {};
19
+ //# sourceMappingURL=Tooltip.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EAOf,MAAM,OAAO,CAAA;AAMd,KAAK,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAoBpD,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,EAAE,SAAS,CAAA;IAClB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,OAAO,EAAE,SAAiB,EAAE,KAAW,EAAC,EAAE,SAAS,2CA4B3E;AAID,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAC,EAAE,YAAY,2CAcxC;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA"}
@@ -0,0 +1,9 @@
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 Placements: Story;
7
+ export declare const WithBadge: Story;
8
+ export declare const CustomDelay: Story;
9
+ //# sourceMappingURL=Tooltip.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAMpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAYrB,eAAO,MAAM,OAAO,EAAE,KA0BrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAyBxB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA+BvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAezB,CAAA"}
@@ -0,0 +1,52 @@
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 popup: Readonly<{
8
+ readonly position: css.StyleXClassNameFor<"position", "absolute">;
9
+ readonly zIndex: css.StyleXClassNameFor<"zIndex", 50>;
10
+ readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
11
+ readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
12
+ readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
13
+ readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
14
+ readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
15
+ readonly color: css.StyleXClassNameFor<"color", string>;
16
+ readonly fontFamily: css.StyleXClassNameFor<"fontFamily", string>;
17
+ readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
18
+ readonly lineHeight: css.StyleXClassNameFor<"lineHeight", string>;
19
+ readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
20
+ readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 1>;
21
+ readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
22
+ readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
23
+ readonly boxShadow: css.StyleXClassNameFor<"boxShadow", string>;
24
+ readonly whiteSpace: css.StyleXClassNameFor<"whiteSpace", "nowrap">;
25
+ readonly pointerEvents: css.StyleXClassNameFor<"pointerEvents", "none">;
26
+ }>;
27
+ readonly top: Readonly<{
28
+ readonly bottom: css.StyleXClassNameFor<"bottom", "100%">;
29
+ readonly left: css.StyleXClassNameFor<"left", "50%">;
30
+ readonly transform: css.StyleXClassNameFor<"transform", "translateX(-50%)">;
31
+ readonly marginBottom: css.StyleXClassNameFor<"marginBottom", string>;
32
+ }>;
33
+ readonly bottom: Readonly<{
34
+ readonly top: css.StyleXClassNameFor<"top", "100%">;
35
+ readonly left: css.StyleXClassNameFor<"left", "50%">;
36
+ readonly transform: css.StyleXClassNameFor<"transform", "translateX(-50%)">;
37
+ readonly marginTop: css.StyleXClassNameFor<"marginTop", string>;
38
+ }>;
39
+ readonly left: Readonly<{
40
+ readonly right: css.StyleXClassNameFor<"right", "100%">;
41
+ readonly top: css.StyleXClassNameFor<"top", "50%">;
42
+ readonly transform: css.StyleXClassNameFor<"transform", "translateY(-50%)">;
43
+ readonly marginRight: css.StyleXClassNameFor<"marginRight", string>;
44
+ }>;
45
+ readonly right: Readonly<{
46
+ readonly left: css.StyleXClassNameFor<"left", "100%">;
47
+ readonly top: css.StyleXClassNameFor<"top", "50%">;
48
+ readonly transform: css.StyleXClassNameFor<"transform", "translateY(-50%)">;
49
+ readonly marginLeft: css.StyleXClassNameFor<"marginLeft", string>;
50
+ }>;
51
+ }>;
52
+ //# sourceMappingURL=styles.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAGpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiDjB,CAAA"}
@@ -0,0 +1,2 @@
1
+ export declare function useControllableValue<T>(controlledValue: T | undefined, defaultValue: T, onChange?: (value: T) => void): readonly [T, (v: T) => void];
2
+ //# sourceMappingURL=useControllableValue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useControllableValue.d.ts","sourceRoot":"","sources":["../../src/hooks/useControllableValue.ts"],"names":[],"mappings":"AAEA,wBAAgB,oBAAoB,CAAC,CAAC,EACpC,eAAe,EAAE,CAAC,GAAG,SAAS,EAC9B,YAAY,EAAE,CAAC,EACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,oBAKvB,CAAC,WAOR"}
package/dist/index.css ADDED
@@ -0,0 +1 @@
1
+ @layer reset;
@@ -0,0 +1,17 @@
1
+ export { Alert, type AlertVariant } from './components/Alert/Alert';
2
+ export { Badge, type BadgeVariant, type BadgeSize } from './components/Badge/Badge';
3
+ export { Button, type ButtonVariant, type ButtonSize } from './components/Button/Button';
4
+ export { Card, type CardVariant, type CardSize } from './components/Card/Card';
5
+ export { Field } from './components/Field/Field';
6
+ export { Input, type InputVariant } from './components/Input/Input';
7
+ export { Menu } from './components/Menu/Menu';
8
+ export { ScrollArea } from './components/ScrollArea/ScrollArea';
9
+ export { Select } from './components/Select/Select';
10
+ export { SideNav } from './components/SideNav/SideNav';
11
+ export { Table, type TableVariant, type TableSize } from './components/Table/Table';
12
+ export { Tabs } from './components/Tabs/Tabs';
13
+ export { ThemeProvider, type ThemeName } from './components/ThemeProvider/ThemeProvider';
14
+ export { Tooltip } from './components/Tooltip/Tooltip';
15
+ export { colors, spacing, radii, typography, shadows } from '../../tokens/dist/index.d.ts';
16
+ export { lightTheme, lightShadows, highContrastTheme, highContrastShadows } from '../../tokens/dist/index.d.ts';
17
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAA;AAGrB,OAAO,EAAC,KAAK,EAAE,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAC,KAAK,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAC,MAAM,0BAA0B,CAAA;AACjF,OAAO,EAAC,MAAM,EAAE,KAAK,aAAa,EAAE,KAAK,UAAU,EAAC,MAAM,4BAA4B,CAAA;AACtF,OAAO,EAAC,IAAI,EAAE,KAAK,WAAW,EAAE,KAAK,QAAQ,EAAC,MAAM,wBAAwB,CAAA;AAC5E,OAAO,EAAC,KAAK,EAAC,MAAM,0BAA0B,CAAA;AAC9C,OAAO,EAAC,KAAK,EAAE,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAC,IAAI,EAAC,MAAM,wBAAwB,CAAA;AAC3C,OAAO,EAAC,UAAU,EAAC,MAAM,oCAAoC,CAAA;AAC7D,OAAO,EAAC,MAAM,EAAC,MAAM,4BAA4B,CAAA;AACjD,OAAO,EAAC,OAAO,EAAC,MAAM,8BAA8B,CAAA;AACpD,OAAO,EAAC,KAAK,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAC,MAAM,0BAA0B,CAAA;AACjF,OAAO,EAAC,IAAI,EAAC,MAAM,wBAAwB,CAAA;AAC3C,OAAO,EAAC,aAAa,EAAE,KAAK,SAAS,EAAC,MAAM,0CAA0C,CAAA;AACtF,OAAO,EAAC,OAAO,EAAC,MAAM,8BAA8B,CAAA;AAGpD,OAAO,EAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAC,MAAM,kBAAkB,CAAA;AAC5E,OAAO,EAAC,UAAU,EAAE,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAC,MAAM,kBAAkB,CAAA"}