@duro-app/ui 0.51.0 → 1.0.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 (114) hide show
  1. package/dist/{Table-xlMa_Kqe.js → Table-P-UHkEqJ.js} +333 -329
  2. package/dist/Table-P-UHkEqJ.js.map +1 -0
  3. package/dist/components/ActionBar/ActionBar.d.ts +6 -4
  4. package/dist/components/ActionBar/ActionBar.d.ts.map +1 -1
  5. package/dist/components/ButtonGroup/ButtonGroup.d.ts +3 -1
  6. package/dist/components/ButtonGroup/ButtonGroup.d.ts.map +1 -1
  7. package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts.map +1 -1
  8. package/dist/components/Cluster/Cluster.d.ts +2 -2
  9. package/dist/components/Cluster/Cluster.d.ts.map +1 -1
  10. package/dist/components/Cluster/Cluster.stories.d.ts.map +1 -1
  11. package/dist/components/ColorMode/ColorMode.d.ts +3 -2
  12. package/dist/components/ColorMode/ColorMode.d.ts.map +1 -1
  13. package/dist/components/Combobox/Combobox.stories.d.ts.map +1 -1
  14. package/dist/components/ConfirmDialog/ConfirmDialog.d.ts +1 -1
  15. package/dist/components/ConfirmDialog/ConfirmDialog.d.ts.map +1 -1
  16. package/dist/components/DetailPanel/DetailPanel.d.ts +3 -2
  17. package/dist/components/DetailPanel/DetailPanel.d.ts.map +1 -1
  18. package/dist/components/DetailPanel/styles.css.d.ts +15 -3
  19. package/dist/components/DetailPanel/styles.css.d.ts.map +1 -1
  20. package/dist/components/Dialog/Dialog.d.ts +3 -2
  21. package/dist/components/Dialog/Dialog.d.ts.map +1 -1
  22. package/dist/components/Dialog/styles.css.d.ts +16 -4
  23. package/dist/components/Dialog/styles.css.d.ts.map +1 -1
  24. package/dist/components/Drawer/Drawer.d.ts +3 -2
  25. package/dist/components/Drawer/Drawer.d.ts.map +1 -1
  26. package/dist/components/Drawer/styles.css.d.ts +16 -4
  27. package/dist/components/Drawer/styles.css.d.ts.map +1 -1
  28. package/dist/components/Fieldset/Fieldset.d.ts +2 -1
  29. package/dist/components/Fieldset/Fieldset.d.ts.map +1 -1
  30. package/dist/components/Grid/Grid.d.ts +2 -2
  31. package/dist/components/Grid/Grid.d.ts.map +1 -1
  32. package/dist/components/Grid/Grid.stories.d.ts.map +1 -1
  33. package/dist/components/Icon/Icon.d.ts +6 -4
  34. package/dist/components/Icon/Icon.d.ts.map +1 -1
  35. package/dist/components/Icon/index.d.ts +1 -1
  36. package/dist/components/Icon/index.d.ts.map +1 -1
  37. package/dist/components/Inline/Inline.d.ts +2 -2
  38. package/dist/components/Inline/Inline.d.ts.map +1 -1
  39. package/dist/components/Inline/Inline.stories.d.ts.map +1 -1
  40. package/dist/components/SideNav/SideNav.d.ts +32 -3
  41. package/dist/components/SideNav/SideNav.d.ts.map +1 -1
  42. package/dist/components/SideNav/SideNav.meta.d.ts.map +1 -1
  43. package/dist/components/SideNav/SideNav.stories.d.ts +1 -0
  44. package/dist/components/SideNav/SideNav.stories.d.ts.map +1 -1
  45. package/dist/components/SideNav/styles.css.d.ts +4 -0
  46. package/dist/components/SideNav/styles.css.d.ts.map +1 -1
  47. package/dist/components/Stack/Stack.d.ts +2 -1
  48. package/dist/components/Stack/Stack.d.ts.map +1 -1
  49. package/dist/components/Stack/Stack.stories.d.ts.map +1 -1
  50. package/dist/components/StatusIcon/StatusIcon.d.ts +2 -2
  51. package/dist/components/StatusIcon/StatusIcon.d.ts.map +1 -1
  52. package/dist/components/Table/Table.d.ts +1 -7
  53. package/dist/components/Table/Table.d.ts.map +1 -1
  54. package/dist/components/Table/Table.stories.d.ts.map +1 -1
  55. package/dist/components/Tabs/TabsContext.d.ts +2 -1
  56. package/dist/components/Tabs/TabsContext.d.ts.map +1 -1
  57. package/dist/components/ToggleGroup/ToggleGroupContext.d.ts +2 -1
  58. package/dist/components/ToggleGroup/ToggleGroupContext.d.ts.map +1 -1
  59. package/dist/components/VirtualTable/VirtualTable.d.ts +2 -1
  60. package/dist/components/VirtualTable/VirtualTable.d.ts.map +1 -1
  61. package/dist/hooks/useContainerQuery.d.ts +3 -2
  62. package/dist/hooks/useContainerQuery.d.ts.map +1 -1
  63. package/dist/index.css +1 -1
  64. package/dist/index.js +2120 -1983
  65. package/dist/index.js.map +1 -1
  66. package/dist/shared/types.d.ts +2 -0
  67. package/dist/shared/types.d.ts.map +1 -0
  68. package/dist/table.js +137 -139
  69. package/dist/table.js.map +1 -1
  70. package/package.json +3 -2
  71. package/src/components/ActionBar/ActionBar.tsx +10 -5
  72. package/src/components/Alert/Alert.tsx +2 -2
  73. package/src/components/ButtonGroup/ButtonGroup.stories.tsx +3 -2
  74. package/src/components/ButtonGroup/ButtonGroup.tsx +5 -2
  75. package/src/components/Callout/Callout.tsx +2 -2
  76. package/src/components/Cluster/Cluster.stories.tsx +2 -1
  77. package/src/components/Cluster/Cluster.tsx +3 -3
  78. package/src/components/ColorMode/ColorMode.tsx +4 -4
  79. package/src/components/Combobox/Combobox.stories.tsx +7 -3
  80. package/src/components/ConfirmDialog/ConfirmDialog.tsx +1 -3
  81. package/src/components/DetailPanel/DetailPanel.tsx +23 -6
  82. package/src/components/DetailPanel/styles.css.ts +14 -7
  83. package/src/components/Dialog/Dialog.tsx +26 -5
  84. package/src/components/Dialog/styles.css.ts +12 -4
  85. package/src/components/Drawer/Drawer.tsx +17 -4
  86. package/src/components/Drawer/styles.css.ts +12 -4
  87. package/src/components/EmptyState/EmptyState.meta.ts +1 -1
  88. package/src/components/EmptyState/EmptyState.stories.tsx +2 -2
  89. package/src/components/Fieldset/Fieldset.tsx +3 -2
  90. package/src/components/Grid/Grid.stories.tsx +2 -1
  91. package/src/components/Grid/Grid.tsx +3 -3
  92. package/src/components/Icon/Icon.meta.ts +3 -3
  93. package/src/components/Icon/Icon.tsx +63 -2
  94. package/src/components/Icon/index.ts +1 -1
  95. package/src/components/Inline/Inline.stories.tsx +2 -1
  96. package/src/components/Inline/Inline.tsx +3 -3
  97. package/src/components/SideNav/SideNav.meta.ts +13 -10
  98. package/src/components/SideNav/SideNav.stories.tsx +67 -8
  99. package/src/components/SideNav/SideNav.tsx +50 -7
  100. package/src/components/SideNav/styles.css.ts +7 -0
  101. package/src/components/Stack/Stack.stories.tsx +3 -2
  102. package/src/components/Stack/Stack.tsx +3 -2
  103. package/src/components/StatusIcon/StatusIcon.stories.tsx +1 -1
  104. package/src/components/StatusIcon/StatusIcon.tsx +3 -3
  105. package/src/components/Table/Table.stories.tsx +29 -32
  106. package/src/components/Table/Table.tsx +0 -13
  107. package/src/components/Tabs/TabsContext.ts +2 -1
  108. package/src/components/Toast/ToastProvider.tsx +2 -2
  109. package/src/components/Toggle/Toggle.meta.ts +1 -1
  110. package/src/components/ToggleGroup/ToggleGroupContext.ts +2 -1
  111. package/src/components/VirtualTable/VirtualTable.tsx +6 -5
  112. package/src/hooks/useContainerQuery.ts +10 -3
  113. package/src/shared/types.ts +3 -0
  114. package/dist/Table-xlMa_Kqe.js.map +0 -1
@@ -9,14 +9,14 @@ export declare const styles: Readonly<{
9
9
  readonly backdropOpen: Readonly<{
10
10
  readonly opacity: css.StyleXClassNameFor<"opacity", 1>;
11
11
  readonly animationName: css.StyleXClassNameFor<"animationName", string>;
12
- readonly animationDuration: css.StyleXClassNameFor<"animationDuration", "180ms">;
12
+ readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
13
13
  readonly animationTimingFunction: css.StyleXClassNameFor<"animationTimingFunction", string>;
14
14
  readonly animationFillMode: css.StyleXClassNameFor<"animationFillMode", "both">;
15
15
  }>;
16
16
  readonly backdropClosing: Readonly<{
17
17
  readonly opacity: css.StyleXClassNameFor<"opacity", 0>;
18
18
  readonly animationName: css.StyleXClassNameFor<"animationName", string>;
19
- readonly animationDuration: css.StyleXClassNameFor<"animationDuration", "140ms">;
19
+ readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
20
20
  readonly animationTimingFunction: css.StyleXClassNameFor<"animationTimingFunction", string>;
21
21
  readonly animationFillMode: css.StyleXClassNameFor<"animationFillMode", "both">;
22
22
  }>;
@@ -48,17 +48,29 @@ export declare const styles: Readonly<{
48
48
  readonly popupOpen: Readonly<{
49
49
  readonly opacity: css.StyleXClassNameFor<"opacity", 1>;
50
50
  readonly animationName: css.StyleXClassNameFor<"animationName", string>;
51
- readonly animationDuration: css.StyleXClassNameFor<"animationDuration", "180ms">;
51
+ readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
52
52
  readonly animationTimingFunction: css.StyleXClassNameFor<"animationTimingFunction", string>;
53
53
  readonly animationFillMode: css.StyleXClassNameFor<"animationFillMode", "both">;
54
54
  }>;
55
55
  readonly popupClosing: Readonly<{
56
56
  readonly opacity: css.StyleXClassNameFor<"opacity", 0>;
57
57
  readonly animationName: css.StyleXClassNameFor<"animationName", string>;
58
- readonly animationDuration: css.StyleXClassNameFor<"animationDuration", "140ms">;
58
+ readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
59
59
  readonly animationTimingFunction: css.StyleXClassNameFor<"animationTimingFunction", string>;
60
60
  readonly animationFillMode: css.StyleXClassNameFor<"animationFillMode", "both">;
61
61
  }>;
62
+ readonly closeDurationInstant: Readonly<{
63
+ readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
64
+ }>;
65
+ readonly closeDurationFast: Readonly<{
66
+ readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
67
+ }>;
68
+ readonly closeDurationBase: Readonly<{
69
+ readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
70
+ }>;
71
+ readonly closeDurationSlow: Readonly<{
72
+ readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
73
+ }>;
62
74
  readonly sm: Readonly<{
63
75
  readonly maxWidth: css.StyleXClassNameFor<"maxWidth", 400>;
64
76
  }>;
@@ -1 +1 @@
1
- {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAOpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsLjB,CAAA"}
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAOpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8LjB,CAAA"}
@@ -1,4 +1,5 @@
1
1
  import { ReactNode } from 'react';
2
+ import { DurationToken } from '@duro-app/tokens/keys';
2
3
  export type DrawerAnchor = 'right' | 'left' | 'bottom';
3
4
  export type DrawerSize = 'sm' | 'md' | 'lg';
4
5
  interface RootProps {
@@ -15,8 +16,8 @@ interface RootProps {
15
16
  dismissable?: boolean;
16
17
  /** Whether swipe gesture dismisses the drawer. Default: true */
17
18
  swipeDismiss?: boolean;
18
- /** Duration of the close animation in ms. Default: 160 */
19
- closeAnimationDuration?: number;
19
+ /** Motion token for the close animation. Default: 'fast' (150ms) */
20
+ closeAnimationDuration?: DurationToken;
20
21
  }
21
22
  declare function Root({ children, open: controlledOpen, defaultOpen, onOpenChange, anchor, dismissable, swipeDismiss, closeAnimationDuration, }: RootProps): import("react/jsx-runtime").JSX.Element;
22
23
  declare function Trigger({ children }: {
@@ -1 +1 @@
1
- {"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EASf,MAAM,OAAO,CAAA;AAOd,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AACtD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AA6B3C,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,oFAAoF;IACpF,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gEAAgE;IAChE,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,0DAA0D;IAC1D,sBAAsB,CAAC,EAAE,MAAM,CAAA;CAChC;AAED,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,MAAgB,EAChB,WAAkB,EAClB,YAAmB,EACnB,sBAA4B,GAC7B,EAAE,SAAS,2CA8FX;AAID,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAQjD;AAID,UAAU,WAAW;IACnB,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAqBD,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAE,IAAW,EAAC,EAAE,WAAW,kDAoEnD;AAID,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAEhD;AAID,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAO/C;AAID,iBAAS,WAAW,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAOrD;AAID,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAE9C;AAID,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAEhD;AAID,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,YAAY,EAAE,SAAmB,EAAC,EAAE,UAAU,2CAuBvE;AAID,eAAO,MAAM,MAAM;;;;;;;;;;CAUlB,CAAA"}
1
+ {"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EASf,MAAM,OAAO,CAAA;AAEd,OAAO,EAAc,KAAK,aAAa,EAAC,MAAM,uBAAuB,CAAA;AAMrE,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AACtD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAqC3C,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,oFAAoF;IACpF,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gEAAgE;IAChE,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,oEAAoE;IACpE,sBAAsB,CAAC,EAAE,aAAa,CAAA;CACvC;AAED,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,MAAgB,EAChB,WAAkB,EAClB,YAAmB,EACnB,sBAA+B,GAChC,EAAE,SAAS,2CA+FX;AAID,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAQjD;AAID,UAAU,WAAW;IACnB,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAqBD,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAE,IAAW,EAAC,EAAE,WAAW,kDAuEnD;AAID,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAEhD;AAID,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAO/C;AAID,iBAAS,WAAW,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAOrD;AAID,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAE9C;AAID,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAEhD;AAID,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,YAAY,EAAE,SAAmB,EAAC,EAAE,UAAU,2CAuBvE;AAID,eAAO,MAAM,MAAM;;;;;;;;;;CAUlB,CAAA"}
@@ -14,7 +14,7 @@ export declare const styles: Readonly<{
14
14
  }>;
15
15
  readonly backdropClosing: Readonly<{
16
16
  readonly animationName: css.StyleXClassNameFor<"animationName", string>;
17
- readonly animationDuration: css.StyleXClassNameFor<"animationDuration", "160ms">;
17
+ readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
18
18
  readonly animationTimingFunction: css.StyleXClassNameFor<"animationTimingFunction", string>;
19
19
  readonly animationFillMode: css.StyleXClassNameFor<"animationFillMode", "both">;
20
20
  }>;
@@ -87,7 +87,7 @@ export declare const styles: Readonly<{
87
87
  }>;
88
88
  readonly slideOutRight: Readonly<{
89
89
  readonly animationName: css.StyleXClassNameFor<"animationName", string>;
90
- readonly animationDuration: css.StyleXClassNameFor<"animationDuration", "160ms">;
90
+ readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
91
91
  readonly animationTimingFunction: css.StyleXClassNameFor<"animationTimingFunction", string>;
92
92
  readonly animationFillMode: css.StyleXClassNameFor<"animationFillMode", "both">;
93
93
  }>;
@@ -99,7 +99,7 @@ export declare const styles: Readonly<{
99
99
  }>;
100
100
  readonly slideOutLeft: Readonly<{
101
101
  readonly animationName: css.StyleXClassNameFor<"animationName", string>;
102
- readonly animationDuration: css.StyleXClassNameFor<"animationDuration", "160ms">;
102
+ readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
103
103
  readonly animationTimingFunction: css.StyleXClassNameFor<"animationTimingFunction", string>;
104
104
  readonly animationFillMode: css.StyleXClassNameFor<"animationFillMode", "both">;
105
105
  }>;
@@ -111,10 +111,22 @@ export declare const styles: Readonly<{
111
111
  }>;
112
112
  readonly slideOutBottom: Readonly<{
113
113
  readonly animationName: css.StyleXClassNameFor<"animationName", string>;
114
- readonly animationDuration: css.StyleXClassNameFor<"animationDuration", "160ms">;
114
+ readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
115
115
  readonly animationTimingFunction: css.StyleXClassNameFor<"animationTimingFunction", string>;
116
116
  readonly animationFillMode: css.StyleXClassNameFor<"animationFillMode", "both">;
117
117
  }>;
118
+ readonly closeDurationInstant: Readonly<{
119
+ readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
120
+ }>;
121
+ readonly closeDurationFast: Readonly<{
122
+ readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
123
+ }>;
124
+ readonly closeDurationBase: Readonly<{
125
+ readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
126
+ }>;
127
+ readonly closeDurationSlow: Readonly<{
128
+ readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
129
+ }>;
118
130
  readonly header: Readonly<{
119
131
  readonly display: css.StyleXClassNameFor<"display", "flex">;
120
132
  readonly alignItems: css.StyleXClassNameFor<"alignItems", "flex-start">;
@@ -1 +1 @@
1
- {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAOpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2OjB,CAAA"}
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAOpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmPjB,CAAA"}
@@ -1,5 +1,6 @@
1
1
  import { ReactNode } from 'react';
2
- export type FieldsetGap = 'xs' | 'sm' | 'ms' | 'md' | 'lg' | 'xl';
2
+ import { SpacingToken } from '@duro-app/tokens/keys';
3
+ export type FieldsetGap = Exclude<SpacingToken, 'xxl' | 'xxxl'>;
3
4
  interface RootProps {
4
5
  /** Disables all form controls within the fieldset */
5
6
  disabled?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/Fieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAIpC,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAYjE,UAAU,SAAS;IACjB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,GAAG,CAAC,EAAE,WAAW,CAAA;IACjB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,QAAgB,EAAE,GAAU,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAUhE;AAGD,UAAU,WAAW;IACnB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE,WAAW,2CAEtC;AAED,eAAO,MAAM,QAAQ;;;CAGpB,CAAA"}
1
+ {"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/Fieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAEpC,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,uBAAuB,CAAA;AAGvD,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,YAAY,EAAE,KAAK,GAAG,MAAM,CAAC,CAAA;AAY/D,UAAU,SAAS;IACjB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,GAAG,CAAC,EAAE,WAAW,CAAA;IACjB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,QAAgB,EAAE,GAAU,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAUhE;AAGD,UAAU,WAAW;IACnB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE,WAAW,2CAEtC;AAED,eAAO,MAAM,QAAQ;;;CAGpB,CAAA"}
@@ -1,7 +1,7 @@
1
1
  import { ReactNode } from 'react';
2
- import { SpacingKey } from '../Stack/Stack';
2
+ import { SpacingToken } from '@duro-app/tokens/keys';
3
3
  interface GridProps {
4
- gap?: SpacingKey;
4
+ gap?: SpacingToken;
5
5
  columns?: 1 | 2 | 3 | 4 | 5 | 6;
6
6
  minColumnWidth?: string;
7
7
  children: ReactNode;
@@ -1 +1 @@
1
- {"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAGpC,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAA;AAE9C,UAAU,SAAS;IACjB,GAAG,CAAC,EAAE,UAAU,CAAA;IAChB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAsBD,wBAAgB,IAAI,CAAC,EAAC,GAAU,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAQ9E"}
1
+ {"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAGpC,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,uBAAuB,CAAA;AAEvD,UAAU,SAAS;IACjB,GAAG,CAAC,EAAE,YAAY,CAAA;IAClB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAsBD,wBAAgB,IAAI,CAAC,EAAC,GAAU,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAQ9E"}
@@ -1 +1 @@
1
- {"version":3,"file":"Grid.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAEpD,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAA;AAM3B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAc3B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAqBlC,eAAO,MAAM,YAAY,EAAE,KAe1B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAA"}
1
+ {"version":3,"file":"Grid.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAEpD,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAA;AAO3B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAc3B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAqBlC,eAAO,MAAM,YAAY,EAAE,KAe1B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAA"}
@@ -1,8 +1,10 @@
1
- export type IconName = 'x-circle' | 'check-circle' | 'check-done' | 'clock' | 'forbidden' | 'info-circle' | 'alert-triangle' | 'shield' | 'lock' | 'key' | 'map' | 'layers' | 'repeat' | 'database' | 'shield-check' | 'route' | 'git-branch' | 'menu' | 'pin' | 'users' | 'user-plus' | 'mail' | 'file-text' | 'plug' | 'sun' | 'moon' | 'monitor' | 'contrast' | 'info-circle-filled' | 'alert-triangle-filled' | 'check-circle-filled' | 'x-circle-filled' | 'shield-filled' | 'lock-filled';
1
+ import { IconSize } from '@duro-app/tokens/keys';
2
+ export type { IconSize };
3
+ export type IconName = 'x-circle' | 'check-circle' | 'check-done' | 'clock' | 'forbidden' | 'info-circle' | 'alert-triangle' | 'shield' | 'lock' | 'key' | 'map' | 'layers' | 'repeat' | 'database' | 'shield-check' | 'route' | 'git-branch' | 'menu' | 'pin' | 'server' | 'hard-drive' | 'box' | 'image' | 'tag' | 'pie-chart' | 'users' | 'user-plus' | 'mail' | 'file-text' | 'plug' | 'sun' | 'moon' | 'monitor' | 'contrast' | 'info-circle-filled' | 'alert-triangle-filled' | 'check-circle-filled' | 'x-circle-filled' | 'shield-filled' | 'lock-filled';
2
4
  interface IconProps {
3
5
  name: IconName;
4
- size?: number;
6
+ /** Token from the icon size scale: sm 16, md 18, lg 24, xl 36, xxl 48. */
7
+ size?: IconSize;
5
8
  }
6
- export declare function Icon({ name, size }: IconProps): import("react/jsx-runtime").JSX.Element;
7
- export {};
9
+ export declare function Icon({ name, size: sizeToken }: IconProps): import("react/jsx-runtime").JSX.Element;
8
10
  //# sourceMappingURL=Icon.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,QAAQ,GAChB,UAAU,GACV,cAAc,GACd,YAAY,GACZ,OAAO,GACP,WAAW,GACX,aAAa,GACb,gBAAgB,GAChB,QAAQ,GACR,MAAM,GACN,KAAK,GAEL,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,cAAc,GACd,OAAO,GACP,YAAY,GACZ,MAAM,GACN,KAAK,GAEL,OAAO,GACP,WAAW,GACX,MAAM,GACN,WAAW,GACX,MAAM,GAEN,KAAK,GACL,MAAM,GACN,SAAS,GACT,UAAU,GAEV,oBAAoB,GACpB,uBAAuB,GACvB,qBAAqB,GACrB,iBAAiB,GACjB,eAAe,GACf,aAAa,CAAA;AA8PjB,UAAU,SAAS;IACjB,IAAI,EAAE,QAAQ,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,wBAAgB,IAAI,CAAC,EAAC,IAAI,EAAE,IAAS,EAAC,EAAE,SAAS,2CAwBhD"}
1
+ {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,QAAQ,EAAC,MAAM,uBAAuB,CAAA;AAE/D,YAAY,EAAC,QAAQ,EAAC,CAAA;AAEtB,MAAM,MAAM,QAAQ,GAChB,UAAU,GACV,cAAc,GACd,YAAY,GACZ,OAAO,GACP,WAAW,GACX,aAAa,GACb,gBAAgB,GAChB,QAAQ,GACR,MAAM,GACN,KAAK,GAEL,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,cAAc,GACd,OAAO,GACP,YAAY,GACZ,MAAM,GACN,KAAK,GAEL,QAAQ,GACR,YAAY,GACZ,KAAK,GACL,OAAO,GACP,KAAK,GACL,WAAW,GAEX,OAAO,GACP,WAAW,GACX,MAAM,GACN,WAAW,GACX,MAAM,GAEN,KAAK,GACL,MAAM,GACN,SAAS,GACT,UAAU,GAEV,oBAAoB,GACpB,uBAAuB,GACvB,qBAAqB,GACrB,iBAAiB,GACjB,eAAe,GACf,aAAa,CAAA;AA+SjB,UAAU,SAAS;IACjB,IAAI,EAAE,QAAQ,CAAA;IACd,0EAA0E;IAC1E,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB;AAED,wBAAgB,IAAI,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,SAAgB,EAAC,EAAE,SAAS,2CAyB7D"}
@@ -1,3 +1,3 @@
1
1
  export { Icon } from './Icon';
2
- export type { IconName } from './Icon';
2
+ export type { IconName, IconSize } from './Icon';
3
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC3B,YAAY,EAAC,QAAQ,EAAC,MAAM,QAAQ,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC3B,YAAY,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,QAAQ,CAAA"}
@@ -1,7 +1,7 @@
1
1
  import { ReactNode } from 'react';
2
- import { SpacingKey } from '../Stack/Stack';
2
+ import { SpacingToken } from '@duro-app/tokens/keys';
3
3
  interface InlineProps {
4
- gap?: SpacingKey;
4
+ gap?: SpacingToken;
5
5
  align?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';
6
6
  justify?: 'start' | 'center' | 'end' | 'between';
7
7
  children: ReactNode;
@@ -1 +1 @@
1
- {"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../../src/components/Inline/Inline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAGpC,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAA;AAE9C,UAAU,WAAW;IACnB,GAAG,CAAC,EAAE,UAAU,CAAA;IAChB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,GAAG,SAAS,CAAA;IAC3D,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAA;IAChD,QAAQ,EAAE,SAAS,CAAA;CACpB;AA4BD,wBAAgB,MAAM,CAAC,EAAC,GAAU,EAAE,KAAgB,EAAE,OAAiB,EAAE,QAAQ,EAAC,EAAE,WAAW,2CAM9F"}
1
+ {"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../../src/components/Inline/Inline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAGpC,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,uBAAuB,CAAA;AAEvD,UAAU,WAAW;IACnB,GAAG,CAAC,EAAE,YAAY,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,GAAG,SAAS,CAAA;IAC3D,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAA;IAChD,QAAQ,EAAE,SAAS,CAAA;CACpB;AA4BD,wBAAgB,MAAM,CAAC,EAAC,GAAU,EAAE,KAAgB,EAAE,OAAiB,EAAE,QAAQ,EAAC,EAAE,WAAW,2CAM9F"}
@@ -1 +1 @@
1
- {"version":3,"file":"Inline.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Inline/Inline.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAEpD,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA;AAI/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAiB7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAoBpC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAA"}
1
+ {"version":3,"file":"Inline.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Inline/Inline.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAEpD,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA;AAK/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAiB7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAoBpC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAA"}
@@ -1,4 +1,29 @@
1
1
  import { ReactNode } from 'react';
2
+ /**
3
+ * SideNav has two ways to chunk a rail, and they are NOT interchangeable.
4
+ *
5
+ * `Section` — a labelled block that is always open. This is the DEFAULT for
6
+ * primary navigation. A nav's job is to advertise where you can go; an
7
+ * always-open list keeps the whole information architecture scannable and puts
8
+ * every destination one click away. The uppercase label does the chunking work
9
+ * on its own — you get the grouping benefit without hiding anything.
10
+ *
11
+ * `Group` — the same block behind a chevron (a disclosure). Collapsing costs
12
+ * every destination inside it an extra click and hides it from scanning, so it
13
+ * has to buy something back. It does when the region is:
14
+ * • rare or advanced ("Advanced", "Danger zone", "Legacy") — disclose the
15
+ * seldom-used, never the everyday;
16
+ * • unbounded / data-driven (one entry per namespace, project, team) — you
17
+ * cannot author-flatten a list whose length you don't control;
18
+ * • one of many in a rail long enough (>~30 leaves) that a flat list stops
19
+ * reading as an overview.
20
+ * The healthy shape is a mix: flat Sections for the journey, one collapsed
21
+ * Group at the bottom.
22
+ *
23
+ * Neither is a tree. Arbitrary-depth *data* browsing (a file tree, a
24
+ * namespace → resource drill-down) needs `role="tree"` with roving tabindex,
25
+ * typeahead and aria-level — a different component, not a deeper SideNav.
26
+ */
2
27
  interface RootProps {
3
28
  children: ReactNode;
4
29
  value?: string;
@@ -19,9 +44,13 @@ interface SectionProps {
19
44
  }
20
45
  /**
21
46
  * A static, non-collapsible grouping: an always-visible uppercase header with
22
- * its items below. Unlike `Group` there is no chevron, toggle, or hidden state
23
- * — use it when every section should stay open at a glance (a flat menu with
24
- * labelled regions rather than an accordion).
47
+ * its items below. Unlike `Group` there is no chevron, toggle, or hidden state.
48
+ *
49
+ * Reach for this first — see the note at the top of this file for when a
50
+ * collapsible `Group` is the better call. The label is exposed as the group's
51
+ * accessible name, so a screen reader announces "Networking, group" on the way
52
+ * into its items instead of dropping the user into an undifferentiated run of
53
+ * thirty buttons.
25
54
  */
26
55
  declare function Section({ children, label }: SectionProps): import("react/jsx-runtime").JSX.Element;
27
56
  interface ItemProps {
@@ -1 +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,2CAgEvF;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,2CA4DtE;AAID,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACd;AAED;;;;;GAKG;AACH,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAC,EAAE,YAAY,2CAO/C;AAID,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB;yEACqE;IACrE,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,iBAAS,IAAI,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAC,EAAE,SAAS,2CAyB/C;AAED,eAAO,MAAM,OAAO;;;;;CAKnB,CAAA"}
1
+ {"version":3,"file":"SideNav.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAkD,MAAM,OAAO,CAAA;AAMrF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAIH,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,2CAgEvF;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,2CAoEtE;AAID,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACd;AAED;;;;;;;;;GASG;AACH,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAC,EAAE,YAAY,2CAY/C;AAID,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB;yEACqE;IACrE,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,iBAAS,IAAI,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAC,EAAE,SAAS,2CAyB/C;AAED,eAAO,MAAM,OAAO;;;;;CAKnB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"SideNav.meta.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA+BlB,CAAA"}
1
+ {"version":3,"file":"SideNav.meta.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAkClB,CAAA"}
@@ -4,6 +4,7 @@ declare const meta: Meta<typeof SideNav.Root>;
4
4
  export default meta;
5
5
  type Story = StoryObj<typeof SideNav.Root>;
6
6
  export declare const Default: Story;
7
+ export declare const SectionsWithOneDisclosedGroup: Story;
7
8
  export declare const Collapsed: Story;
8
9
  export declare const DefaultExpandedWithActiveItem: Story;
9
10
  export declare const Interactive: Story;
@@ -1 +1 @@
1
- {"version":3,"file":"SideNav.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAEpD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAA;AAGjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAAC,IAAI,CAMnC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,IAAI,CAAC,CAAA;AAE1C,eAAO,MAAM,OAAO,EAAE,KAqBrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAoBvB,CAAA;AAMD,eAAO,MAAM,6BAA6B,EAAE,KAgB3C,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAgBzB,CAAA;AAKD,eAAO,MAAM,aAAa,EAAE,KAsC3B,CAAA"}
1
+ {"version":3,"file":"SideNav.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAEpD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAA;AAGjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAAC,IAAI,CAMnC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,IAAI,CAAC,CAAA;AAK1C,eAAO,MAAM,OAAO,EAAE,KAgCrB,CAAA;AAKD,eAAO,MAAM,6BAA6B,EAAE,KAwC3C,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAoBvB,CAAA;AAMD,eAAO,MAAM,6BAA6B,EAAE,KAgB3C,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAgBzB,CAAA;AAKD,eAAO,MAAM,aAAa,EAAE,KAsC3B,CAAA"}
@@ -43,6 +43,10 @@ export declare const styles: Readonly<{
43
43
  readonly chevronOpen: Readonly<{
44
44
  readonly transform: css.StyleXClassNameFor<"transform", "rotate(90deg)">;
45
45
  }>;
46
+ readonly items: Readonly<{
47
+ readonly display: css.StyleXClassNameFor<"display", "flex">;
48
+ readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
49
+ }>;
46
50
  readonly section: Readonly<{
47
51
  readonly display: css.StyleXClassNameFor<"display", "flex">;
48
52
  readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
@@ -1 +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;AAMpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2IjB,CAAA"}
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;AAMpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkJjB,CAAA"}
@@ -1,5 +1,6 @@
1
1
  import { ReactNode } from 'react';
2
- export type SpacingKey = 'xs' | 'sm' | 'ms' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
2
+ import { SpacingToken } from '@duro-app/tokens/keys';
3
+ export type SpacingKey = SpacingToken;
3
4
  interface StackProps {
4
5
  gap?: SpacingKey;
5
6
  align?: 'start' | 'center' | 'end' | 'stretch';
@@ -1 +1 @@
1
- {"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAIpC,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAA;AAEjF,UAAU,UAAU;IAClB,GAAG,CAAC,EAAE,UAAU,CAAA;IAChB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAA;IAC9C,QAAQ,EAAE,SAAS,CAAA;CACpB;AAoBD,wBAAgB,KAAK,CAAC,EAAC,GAAU,EAAE,KAAiB,EAAE,QAAQ,EAAC,EAAE,UAAU,2CAE1E"}
1
+ {"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAEpC,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,uBAAuB,CAAA;AAGvD,MAAM,MAAM,UAAU,GAAG,YAAY,CAAA;AAErC,UAAU,UAAU;IAClB,GAAG,CAAC,EAAE,UAAU,CAAA;IAChB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAA;IAC9C,QAAQ,EAAE,SAAS,CAAA;CACpB;AAoBD,wBAAgB,KAAK,CAAC,EAAC,GAAU,EAAE,KAAiB,EAAE,QAAQ,EAAC,EAAE,UAAU,2CAE1E"}
@@ -1 +1 @@
1
- {"version":3,"file":"Stack.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAEpD,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAI7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAa5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAqBnC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA"}
1
+ {"version":3,"file":"Stack.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAEpD,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAK7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAa5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAqBnC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA"}
@@ -1,9 +1,9 @@
1
- import { IconName } from '../Icon';
1
+ import { IconName, IconSize } from '../Icon';
2
2
  export type StatusIconName = Extract<IconName, 'x-circle' | 'check-circle' | 'check-done' | 'clock' | 'forbidden'>;
3
3
  export type StatusIconVariant = 'error' | 'success' | 'warning' | 'info' | 'muted';
4
4
  interface StatusIconProps {
5
5
  name: StatusIconName;
6
- size?: number;
6
+ size?: IconSize;
7
7
  variant?: StatusIconVariant;
8
8
  }
9
9
  export declare function StatusIcon({ name, size, variant }: StatusIconProps): import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"StatusIcon.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIcon/StatusIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAA;AAGrC,MAAM,MAAM,cAAc,GAAG,OAAO,CAClC,QAAQ,EACR,UAAU,GAAG,cAAc,GAAG,YAAY,GAAG,OAAO,GAAG,WAAW,CACnE,CAAA;AACD,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAA;AAElF,UAAU,eAAe;IACvB,IAAI,EAAE,cAAc,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,iBAAiB,CAAA;CAC5B;AAED,wBAAgB,UAAU,CAAC,EAAC,IAAI,EAAE,IAAS,EAAE,OAAiB,EAAC,EAAE,eAAe,2CAM/E"}
1
+ {"version":3,"file":"StatusIcon.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIcon/StatusIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,SAAS,CAAA;AAG/C,MAAM,MAAM,cAAc,GAAG,OAAO,CAClC,QAAQ,EACR,UAAU,GAAG,cAAc,GAAG,YAAY,GAAG,OAAO,GAAG,WAAW,CACnE,CAAA;AACD,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAA;AAElF,UAAU,eAAe;IACvB,IAAI,EAAE,cAAc,CAAA;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,OAAO,CAAC,EAAE,iBAAiB,CAAA;CAC5B;AAED,wBAAgB,UAAU,CAAC,EAAC,IAAI,EAAE,IAAY,EAAE,OAAiB,EAAC,EAAE,eAAe,2CAMlF"}
@@ -45,7 +45,7 @@ interface RowProps {
45
45
  'aria-label'?: string;
46
46
  }
47
47
  export declare function Row({ children, onClick, 'aria-label': ariaLabel }: RowProps): import("react/jsx-runtime").JSX.Element;
48
- export declare function HeaderCell({ children, width: _width, compactWidth: _compactWidth, label: _label, isActions, 'aria-label': ariaLabel, }: {
48
+ export declare function HeaderCell({ children, width: _width, compactWidth: _compactWidth, label: _label, 'aria-label': ariaLabel, }: {
49
49
  children?: ReactNode;
50
50
  /** Column width at default (wide) viewport. CSS grid-template-columns
51
51
  * track value — e.g. '40px', '2fr', 'max-content'. Defaults to
@@ -63,12 +63,6 @@ export declare function HeaderCell({ children, width: _width, compactWidth: _com
63
63
  * text content is used as the label automatically. Required when children
64
64
  * contain JSX (icon + text, sort indicator, etc.). */
65
65
  label?: string;
66
- /**
67
- * @deprecated Has no effect on HeaderCell. Pass `isActions` on the
68
- * matching `Table.Cell` instead — that's where the stack-mode footer
69
- * layout actually applies.
70
- */
71
- isActions?: boolean;
72
66
  'aria-label'?: string;
73
67
  }): import("react/jsx-runtime").JSX.Element;
74
68
  export declare namespace HeaderCell {
@@ -1 +1 @@
1
- {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EASf,MAAM,OAAO,CAAA;AAMd,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;AAC7D,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;AA8CnC,wBAAgB,SAAS,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAE1D;AA0JD,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,0FAA0F;IAC1F,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAA;CACvB;AAED,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,OAAmB,EACnB,IAAW,EACX,UAAiB,EACjB,cAAoB,EACpB,QAAQ,EACR,UAAU,GACX,EAAE,SAAS,2CAqDX;AAID,wBAAgB,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAQvD;AAID,wBAAgB,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAsBrD;AAkBD,UAAU,QAAQ;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,qFAAqF;IACrF,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAQD,wBAAgB,GAAG,CAAC,EAAC,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,EAAE,QAAQ,2CA0DzE;AAMD,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,aAAa,EAC3B,KAAK,EAAE,MAAM,EACb,SAAS,EACT,YAAY,EAAE,SAAS,GACxB,EAAE;IACD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;;wDAGoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;iCAK6B;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;2DAEuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,2CAyBA;yBAzDe,UAAU;;;AAkE1B,wBAAgB,IAAI,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAC,2CAuBrF;AAID;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,SAAS;IACpB,4FAA4F;;;;;;;;CAQ7F,CAAA;AAED,eAAO,MAAM,KAAK;IAVhB,4FAA4F;;;;;;;;CAUhE,CAAA"}
1
+ {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EASf,MAAM,OAAO,CAAA;AAMd,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;AAC7D,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;AA8CnC,wBAAgB,SAAS,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAE1D;AA0JD,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,0FAA0F;IAC1F,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAA;CACvB;AAED,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,OAAmB,EACnB,IAAW,EACX,UAAiB,EACjB,cAAoB,EACpB,QAAQ,EACR,UAAU,GACX,EAAE,SAAS,2CAqDX;AAID,wBAAgB,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAQvD;AAID,wBAAgB,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAsBrD;AAkBD,UAAU,QAAQ;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,qFAAqF;IACrF,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAQD,wBAAgB,GAAG,CAAC,EAAC,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,EAAE,QAAQ,2CA0DzE;AAMD,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,aAAa,EAC3B,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,SAAS,GACxB,EAAE;IACD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;;wDAGoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;iCAK6B;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;2DAEuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,2CAmBA;yBA5Ce,UAAU;;;AAqD1B,wBAAgB,IAAI,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAC,2CAuBrF;AAID;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,SAAS;IACpB,4FAA4F;;;;;;;;CAQ7F,CAAA;AAED,eAAO,MAAM,KAAK;IAVhB,4FAA4F;;;;;;;;CAUhE,CAAA"}
@@ -1 +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;AA8BpD,QAAA,MAAM,IAAI,EAAE,IAkBX,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;AA4FD,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAA;AAOD,eAAO,MAAM,WAAW,EAAE,KAkHzB,CAAA;AAmED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAwID,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAA;AA2DD,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAA;AAyID,eAAO,MAAM,YAAY,EAAE,KAkB1B,CAAA;AAkBD,eAAO,MAAM,UAAU,EAAE,KAwExB,CAAA;AAqDD,eAAO,MAAM,gBAAgB,EAAE,KA6C9B,CAAA;AAID,eAAO,MAAM,eAAe,EAAE,KAgE7B,CAAA;AAoDD,eAAO,MAAM,4BAA4B,EAAE,KAkC1C,CAAA;AAID,eAAO,MAAM,sBAAsB,EAAE,KAqBpC,CAAA;AAID,eAAO,MAAM,0BAA0B,EAAE,KAuCxC,CAAA"}
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;AA8BpD,QAAA,MAAM,IAAI,EAAE,IAkBX,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;AA4FD,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAA;AAOD,eAAO,MAAM,WAAW,EAAE,KAkHzB,CAAA;AAmED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAwID,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAA;AA2DD,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAA;AAyID,eAAO,MAAM,YAAY,EAAE,KAkB1B,CAAA;AAkBD,eAAO,MAAM,UAAU,EAAE,KAqExB,CAAA;AAqDD,eAAO,MAAM,gBAAgB,EAAE,KA6C9B,CAAA;AAID,eAAO,MAAM,eAAe,EAAE,KAgE7B,CAAA;AAoDD,eAAO,MAAM,4BAA4B,EAAE,KAkC1C,CAAA;AAID,eAAO,MAAM,sBAAsB,EAAE,KAqBpC,CAAA;AAID,eAAO,MAAM,0BAA0B,EAAE,KAuCxC,CAAA"}
@@ -1,4 +1,5 @@
1
- export type Orientation = 'horizontal' | 'vertical';
1
+ import { Orientation } from '../../shared/types';
2
+ export type { Orientation };
2
3
  export interface TabsContextValue {
3
4
  activeValue: string | null;
4
5
  onSelect: (value: string) => void;
@@ -1 +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;IAKnC,eAAe,EAAE,OAAO,CAAA;IACxB,kBAAkB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;CAC9C;AAED,eAAO,MAAM,WAAW,kDAA+C,CAAA;AAEvE,wBAAgB,OAAO,qBAItB"}
1
+ {"version":3,"file":"TabsContext.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAEnD,YAAY,EAAC,WAAW,EAAC,CAAA;AAEzB,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;IAKnC,eAAe,EAAE,OAAO,CAAA;IACxB,kBAAkB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;CAC9C;AAED,eAAO,MAAM,WAAW,kDAA+C,CAAA;AAEvE,wBAAgB,OAAO,qBAItB"}
@@ -1,5 +1,6 @@
1
1
  import { ToggleSize } from '../Toggle/Toggle';
2
- export type Orientation = 'horizontal' | 'vertical';
2
+ import { Orientation } from '../../shared/types';
3
+ export type { Orientation };
3
4
  export interface ToggleGroupContextValue {
4
5
  value: string[];
5
6
  toggle: (itemValue: string) => void;
@@ -1 +1 @@
1
- {"version":3,"file":"ToggleGroupContext.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroupContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAA;AAEhD,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,UAAU,CAAA;AAEnD,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,WAAW,CAAA;IACxB,IAAI,EAAE,UAAU,CAAA;CACjB;AAED,eAAO,MAAM,kBAAkB,yDAAsD,CAAA;AAErF,wBAAgB,cAAc,mCAE7B"}
1
+ {"version":3,"file":"ToggleGroupContext.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroupContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAA;AAChD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAEnD,YAAY,EAAC,WAAW,EAAC,CAAA;AAEzB,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,WAAW,CAAA;IACxB,IAAI,EAAE,UAAU,CAAA;CACjB;AAED,eAAO,MAAM,kBAAkB,yDAAsD,CAAA;AAErF,wBAAgB,cAAc,mCAE7B"}
@@ -1,5 +1,6 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { ColumnDef, SortingState, OnChangeFn } from '@tanstack/react-table';
3
+ import { Breakpoint } from '@duro-app/tokens/tokens/breakpoints.css';
3
4
  export interface VirtualTableRange {
4
5
  /** 1-based index of the first visible row (0 when empty). */
5
6
  from: number;
@@ -47,7 +48,7 @@ interface VirtualTableProps<TData> {
47
48
  * line. Cards disable windowing (variable heights), so keep phone lists
48
49
  * reasonably short. Set `responsive={false}` to disable entirely.
49
50
  */
50
- stackBelow?: number;
51
+ stackBelow?: Breakpoint | number;
51
52
  /** Opt out of the card-up-on-narrow behavior. Default true. */
52
53
  responsive?: boolean;
53
54
  emptyLabel?: ReactNode;
@@ -1 +1 @@
1
- {"version":3,"file":"VirtualTable.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualTable/VirtualTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+C,KAAK,SAAS,EAAC,MAAM,OAAO,CAAA;AAElF,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,UAAU,EAEhB,MAAM,uBAAuB,CAAA;AAQ9B,MAAM,WAAW,iBAAiB;IAChC,6DAA6D;IAC7D,IAAI,EAAE,MAAM,CAAA;IACZ,4DAA4D;IAC5D,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd;AAGD,UAAU,iBAAiB,CAAC,KAAK;IAC/B,IAAI,EAAE,KAAK,EAAE,CAAA;IAEb,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,CAAA;IAChC,gEAAgE;IAChE,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,eAAe,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,CAAA;IAC1C,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IAChD,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAA;IACjC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,CAAA;IACjC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACxD,gFAAgF;IAChF,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,MAAM,CAAA;IACjD,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,0EAA0E;IAC1E,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,2EAA2E;IAC3E,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,SAAS,CAAA;CACvB;AAED;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,EAClC,IAAI,EACJ,OAAO,EACP,OAAO,EACP,eAAe,EACf,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,UAAU,EACV,QAAa,EACb,iBAAsB,EACtB,SAAkB,EAClB,mBAAyB,EACzB,UAA6B,EAC7B,UAAiB,EACjB,UAAU,GACX,EAAE,iBAAiB,CAAC,KAAK,CAAC,2CAyQ1B"}
1
+ {"version":3,"file":"VirtualTable.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualTable/VirtualTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+C,KAAK,SAAS,EAAC,MAAM,OAAO,CAAA;AAElF,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,UAAU,EAEhB,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAAgB,KAAK,UAAU,EAAC,MAAM,yCAAyC,CAAA;AAMtF,MAAM,WAAW,iBAAiB;IAChC,6DAA6D;IAC7D,IAAI,EAAE,MAAM,CAAA;IACZ,4DAA4D;IAC5D,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd;AAGD,UAAU,iBAAiB,CAAC,KAAK;IAC/B,IAAI,EAAE,KAAK,EAAE,CAAA;IAEb,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,CAAA;IAChC,gEAAgE;IAChE,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,eAAe,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,CAAA;IAC1C,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IAChD,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAA;IACjC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,CAAA;IACjC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACxD,gFAAgF;IAChF,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,MAAM,CAAA;IACjD,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,0EAA0E;IAC1E,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,2EAA2E;IAC3E,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,UAAU,GAAG,MAAM,CAAA;IAChC,+DAA+D;IAC/D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,SAAS,CAAA;CACvB;AAED;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,EAClC,IAAI,EACJ,OAAO,EACP,OAAO,EACP,eAAe,EACf,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,UAAU,EACV,QAAa,EACb,iBAAsB,EACtB,SAAkB,EAClB,mBAAyB,EACzB,UAAiB,EACjB,UAAiB,EACjB,UAAU,GACX,EAAE,iBAAiB,CAAC,KAAK,CAAC,2CA0Q1B"}
@@ -1,7 +1,8 @@
1
+ import { Breakpoint } from '@duro-app/tokens/tokens/breakpoints.css';
1
2
  export type ContainerSize = 'compact' | 'default' | 'spacious';
2
3
  interface UseContainerQueryOptions {
3
- compactBelow?: number;
4
- spaciousAbove?: number;
4
+ compactBelow?: Breakpoint | number;
5
+ spaciousAbove?: Breakpoint | number;
5
6
  }
6
7
  export declare function useContainerQuery<T extends HTMLElement = HTMLElement>(options?: UseContainerQueryOptions): {
7
8
  ref: React.RefObject<T | null>;
@@ -1 +1 @@
1
- {"version":3,"file":"useContainerQuery.d.ts","sourceRoot":"","sources":["../../src/hooks/useContainerQuery.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;AAE9D,UAAU,wBAAwB;IAChC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EACnE,OAAO,GAAE,wBAA6B,GACrC;IACD,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAA;IAC9B,IAAI,EAAE,aAAa,CAAA;CACpB,CAuCA"}
1
+ {"version":3,"file":"useContainerQuery.d.ts","sourceRoot":"","sources":["../../src/hooks/useContainerQuery.ts"],"names":[],"mappings":"AACA,OAAO,EAAgB,KAAK,UAAU,EAAC,MAAM,yCAAyC,CAAA;AAEtF,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;AAE9D,UAAU,wBAAwB;IAChC,YAAY,CAAC,EAAE,UAAU,GAAG,MAAM,CAAA;IAClC,aAAa,CAAC,EAAE,UAAU,GAAG,MAAM,CAAA;CACpC;AAMD,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EACnE,OAAO,GAAE,wBAA6B,GACrC;IACD,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAA;IAC9B,IAAI,EAAE,aAAa,CAAA;CACpB,CAyCA"}