@duro-app/ui 5.10.0 → 5.12.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 (179) hide show
  1. package/dist/{Table-gRiLI243.js → Table-ColfpgKV.js} +8 -4
  2. package/dist/Table-ColfpgKV.js.map +1 -0
  3. package/dist/compiler-runtime-BuugS4D0.js.map +1 -1
  4. package/dist/components/Alert/Alert.d.ts.map +1 -1
  5. package/dist/components/Button/Button.d.ts +2 -1
  6. package/dist/components/Button/Button.d.ts.map +1 -1
  7. package/dist/components/Button/styles.css.d.ts +1 -0
  8. package/dist/components/Button/styles.css.d.ts.map +1 -1
  9. package/dist/components/Callout/Callout.d.ts.map +1 -1
  10. package/dist/components/Callout/styles.css.d.ts +3 -0
  11. package/dist/components/Callout/styles.css.d.ts.map +1 -1
  12. package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
  13. package/dist/components/ConfirmDialog/ConfirmDialog.d.ts.map +1 -1
  14. package/dist/components/DetailPanel/DetailPanel.d.ts.map +1 -1
  15. package/dist/components/Dialog/Dialog.d.ts +2 -17
  16. package/dist/components/Dialog/Dialog.d.ts.map +1 -1
  17. package/dist/components/Dialog/Dialog.stories.d.ts +4 -0
  18. package/dist/components/Dialog/Dialog.stories.d.ts.map +1 -1
  19. package/dist/components/Dialog/native.css.d.ts +82 -0
  20. package/dist/components/Dialog/native.css.d.ts.map +1 -0
  21. package/dist/components/Dialog/parts.css.d.ts +82 -0
  22. package/dist/components/Dialog/parts.css.d.ts.map +1 -0
  23. package/dist/components/Dialog/parts.d.ts +35 -0
  24. package/dist/components/Dialog/parts.d.ts.map +1 -0
  25. package/dist/components/Dialog/styles.css.d.ts +1 -74
  26. package/dist/components/Dialog/styles.css.d.ts.map +1 -1
  27. package/dist/components/Drawer/Drawer.d.ts.map +1 -1
  28. package/dist/components/Drawer/styles.css.d.ts +2 -0
  29. package/dist/components/Drawer/styles.css.d.ts.map +1 -1
  30. package/dist/components/FileTrigger/FileTrigger.d.ts +23 -0
  31. package/dist/components/FileTrigger/FileTrigger.d.ts.map +1 -0
  32. package/dist/components/FileTrigger/FileTrigger.meta.d.ts +3 -0
  33. package/dist/components/FileTrigger/FileTrigger.meta.d.ts.map +1 -0
  34. package/dist/components/FileTrigger/FileTrigger.stories.d.ts +9 -0
  35. package/dist/components/FileTrigger/FileTrigger.stories.d.ts.map +1 -0
  36. package/dist/components/FileTrigger/index.d.ts +3 -0
  37. package/dist/components/FileTrigger/index.d.ts.map +1 -0
  38. package/dist/components/FileTrigger/pick.d.ts +14 -0
  39. package/dist/components/FileTrigger/pick.d.ts.map +1 -0
  40. package/dist/components/Grid/styles.css.d.ts +1 -0
  41. package/dist/components/Grid/styles.css.d.ts.map +1 -1
  42. package/dist/components/Icon/Icon.d.ts +3 -9
  43. package/dist/components/Icon/Icon.d.ts.map +1 -1
  44. package/dist/components/Icon/Icon.stories.d.ts.map +1 -1
  45. package/dist/components/Icon/geometry.d.ts +60 -0
  46. package/dist/components/Icon/geometry.d.ts.map +1 -0
  47. package/dist/components/Icon/types.d.ts +15 -0
  48. package/dist/components/Icon/types.d.ts.map +1 -0
  49. package/dist/components/Input/Input.d.ts +5 -1
  50. package/dist/components/Input/Input.d.ts.map +1 -1
  51. package/dist/components/Input/styles.css.d.ts +1 -0
  52. package/dist/components/Input/styles.css.d.ts.map +1 -1
  53. package/dist/components/LinkButton/styles.css.d.ts +1 -0
  54. package/dist/components/LinkButton/styles.css.d.ts.map +1 -1
  55. package/dist/components/Meter/styles.css.d.ts +1 -0
  56. package/dist/components/Meter/styles.css.d.ts.map +1 -1
  57. package/dist/components/PageShell/styles.css.d.ts +2 -0
  58. package/dist/components/PageShell/styles.css.d.ts.map +1 -1
  59. package/dist/components/RadioGroup/RadioGroup.d.ts +1 -17
  60. package/dist/components/RadioGroup/RadioGroup.d.ts.map +1 -1
  61. package/dist/components/RadioGroup/RadioGroup.stories.d.ts +3 -0
  62. package/dist/components/RadioGroup/RadioGroup.stories.d.ts.map +1 -1
  63. package/dist/components/RadioGroup/group.d.ts +31 -0
  64. package/dist/components/RadioGroup/group.d.ts.map +1 -0
  65. package/dist/components/RadioGroup/styles.css.d.ts +10 -0
  66. package/dist/components/RadioGroup/styles.css.d.ts.map +1 -1
  67. package/dist/components/ScrollArea/styles.css.d.ts +1 -0
  68. package/dist/components/ScrollArea/styles.css.d.ts.map +1 -1
  69. package/dist/components/Spinner/Spinner.d.ts +2 -6
  70. package/dist/components/Spinner/Spinner.d.ts.map +1 -1
  71. package/dist/components/Spinner/Spinner.types.d.ts +6 -0
  72. package/dist/components/Spinner/Spinner.types.d.ts.map +1 -0
  73. package/dist/components/Spinner/ring.css.d.ts +39 -0
  74. package/dist/components/Spinner/ring.css.d.ts.map +1 -0
  75. package/dist/components/Spinner/styles.css.d.ts +1 -28
  76. package/dist/components/Spinner/styles.css.d.ts.map +1 -1
  77. package/dist/components/StatusIcon/StatusIcon.d.ts.map +1 -1
  78. package/dist/components/StatusIcon/styles.css.d.ts +3 -0
  79. package/dist/components/StatusIcon/styles.css.d.ts.map +1 -1
  80. package/dist/components/Switch/Switch.d.ts +2 -18
  81. package/dist/components/Switch/Switch.d.ts.map +1 -1
  82. package/dist/components/Switch/Switch.types.d.ts +18 -0
  83. package/dist/components/Switch/Switch.types.d.ts.map +1 -0
  84. package/dist/components/TableOfContents/styles.css.d.ts +1 -0
  85. package/dist/components/TableOfContents/styles.css.d.ts.map +1 -1
  86. package/dist/components/Textarea/styles.css.d.ts +1 -0
  87. package/dist/components/Textarea/styles.css.d.ts.map +1 -1
  88. package/dist/components/Toggle/Toggle.d.ts.map +1 -1
  89. package/dist/components/Toggle/styles.css.d.ts +11 -2
  90. package/dist/components/Toggle/styles.css.d.ts.map +1 -1
  91. package/dist/components/VirtualTable/styles.css.d.ts +6 -0
  92. package/dist/components/VirtualTable/styles.css.d.ts.map +1 -1
  93. package/dist/index.css +1 -1
  94. package/dist/index.d.ts +1 -0
  95. package/dist/index.d.ts.map +1 -1
  96. package/dist/index.js +4589 -3788
  97. package/dist/index.js.map +1 -1
  98. package/dist/shared/portal/hostRegistry.d.ts +33 -0
  99. package/dist/shared/portal/hostRegistry.d.ts.map +1 -0
  100. package/dist/shared/useOverlayOpenState.d.ts +40 -0
  101. package/dist/shared/useOverlayOpenState.d.ts.map +1 -0
  102. package/dist/table.js +141 -135
  103. package/dist/table.js.map +1 -1
  104. package/package.json +34 -4
  105. package/src/components/Alert/Alert.tsx +14 -2
  106. package/src/components/Button/Button.tsx +3 -2
  107. package/src/components/Button/styles.css.ts +2 -0
  108. package/src/components/Callout/Callout.tsx +17 -3
  109. package/src/components/Callout/styles.css.ts +5 -0
  110. package/src/components/Checkbox/Checkbox.native.tsx +67 -0
  111. package/src/components/Checkbox/Checkbox.tsx +1 -50
  112. package/src/components/ConfirmDialog/ConfirmDialog.tsx +3 -0
  113. package/src/components/DetailPanel/DetailPanel.tsx +9 -45
  114. package/src/components/Dialog/Dialog.native.tsx +296 -0
  115. package/src/components/Dialog/Dialog.stories.tsx +71 -0
  116. package/src/components/Dialog/Dialog.tsx +41 -130
  117. package/src/components/Dialog/native.css.ts +78 -0
  118. package/src/components/Dialog/parts.css.ts +101 -0
  119. package/src/components/Dialog/parts.tsx +61 -0
  120. package/src/components/Dialog/styles.css.ts +2 -89
  121. package/src/components/Drawer/Drawer.tsx +20 -49
  122. package/src/components/Drawer/styles.css.ts +4 -0
  123. package/src/components/FileTrigger/FileTrigger.meta.ts +24 -0
  124. package/src/components/FileTrigger/FileTrigger.stories.tsx +36 -0
  125. package/src/components/FileTrigger/FileTrigger.tsx +80 -0
  126. package/src/components/FileTrigger/index.ts +2 -0
  127. package/src/components/FileTrigger/pick.ts +21 -0
  128. package/src/components/Grid/styles.css.ts +2 -0
  129. package/src/components/Icon/Icon.native.tsx +54 -0
  130. package/src/components/Icon/Icon.stories.tsx +1 -0
  131. package/src/components/Icon/Icon.tsx +19 -400
  132. package/src/components/Icon/geometry.ts +456 -0
  133. package/src/components/Icon/types.ts +74 -0
  134. package/src/components/Input/Input.tsx +8 -0
  135. package/src/components/Input/styles.css.ts +2 -0
  136. package/src/components/LinkButton/styles.css.ts +2 -0
  137. package/src/components/Meter/styles.css.ts +2 -0
  138. package/src/components/PageShell/styles.css.ts +4 -0
  139. package/src/components/RadioGroup/RadioGroup.meta.ts +1 -1
  140. package/src/components/RadioGroup/RadioGroup.native.tsx +48 -0
  141. package/src/components/RadioGroup/RadioGroup.stories.tsx +64 -1
  142. package/src/components/RadioGroup/RadioGroup.tsx +8 -83
  143. package/src/components/RadioGroup/group.tsx +85 -0
  144. package/src/components/RadioGroup/styles.css.ts +13 -0
  145. package/src/components/ScrollArea/styles.css.ts +2 -0
  146. package/src/components/Spinner/Spinner.native.tsx +37 -0
  147. package/src/components/Spinner/Spinner.tsx +6 -15
  148. package/src/components/Spinner/Spinner.types.ts +6 -0
  149. package/src/components/Spinner/ring.css.ts +45 -0
  150. package/src/components/Spinner/styles.css.ts +2 -32
  151. package/src/components/StatusIcon/StatusIcon.tsx +13 -2
  152. package/src/components/StatusIcon/styles.css.ts +5 -0
  153. package/src/components/Switch/Switch.native.tsx +45 -0
  154. package/src/components/Switch/Switch.tsx +22 -44
  155. package/src/components/Switch/Switch.types.ts +18 -0
  156. package/src/components/TableOfContents/styles.css.ts +2 -0
  157. package/src/components/Textarea/styles.css.ts +2 -0
  158. package/src/components/ThemeProvider/ThemeProvider.native.tsx +70 -10
  159. package/src/components/Toggle/Toggle.tsx +2 -0
  160. package/src/components/Toggle/styles.css.ts +14 -2
  161. package/src/components/VirtualTable/styles.css.ts +12 -0
  162. package/src/index.native.ts +28 -1
  163. package/src/index.ts +5 -0
  164. package/src/native-guard/globals.d.ts +10 -0
  165. package/src/native-guard/react-dom.d.ts +3 -0
  166. package/src/shared/accessibilityFocus.native.ts +23 -0
  167. package/src/shared/portal/OverlayModal.native.tsx +51 -0
  168. package/src/shared/portal/PortalHost.native.tsx +102 -0
  169. package/src/shared/portal/hostRegistry.ts +76 -0
  170. package/src/shared/portal/themeScope.native.ts +18 -0
  171. package/src/shared/safeArea.native.ts +22 -0
  172. package/src/shared/useOverlayOpenState.ts +128 -0
  173. package/dist/Table-gRiLI243.js.map +0 -1
  174. package/dist/components/ThemeProvider/ThemeProvider.native.d.ts +0 -10
  175. package/dist/components/ThemeProvider/ThemeProvider.native.d.ts.map +0 -1
  176. package/dist/index.native.d.ts +0 -33
  177. package/dist/index.native.d.ts.map +0 -1
  178. package/dist/platform.native.d.ts +0 -2
  179. package/dist/platform.native.d.ts.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Button/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAQpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsIjB,CAAA"}
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Button/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAQpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwIjB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAGpC,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAA;AAGrC,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAA;AASrE,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,wFAAwF;IACxF,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,KAAK,CAAA;IACnC;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IAC1B,QAAQ,EAAE,SAAS,CAAA;CACpB;AASD,wBAAgB,OAAO,CAAC,EAAC,OAAgB,EAAE,IAAI,EAAE,KAAgB,EAAE,QAAQ,EAAC,EAAE,YAAY,2CAgBzF"}
1
+ {"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAGpC,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAA;AAKrC,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAA;AAkBrE,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,wFAAwF;IACxF,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,KAAK,CAAA;IACnC;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IAC1B,QAAQ,EAAE,SAAS,CAAA;CACpB;AAUD,wBAAgB,OAAO,CAAC,EAAC,OAAgB,EAAE,IAAI,EAAE,KAAgB,EAAE,QAAQ,EAAC,EAAE,YAAY,2CAkBzF"}
@@ -47,5 +47,8 @@ export declare const styles: Readonly<{
47
47
  readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
48
48
  readonly color: css.StyleXClassNameFor<"color", string>;
49
49
  }>;
50
+ readonly nativeFlex: Readonly<{
51
+ readonly display: css.StyleXClassNameFor<"display", "flex">;
52
+ }>;
50
53
  }>;
51
54
  //# sourceMappingURL=styles.css.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAMpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmDjB,CAAA"}
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAMpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwDjB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAwB,MAAM,OAAO,CAAA;AAM3D,UAAU,aAAa;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,KAAK,EACL,OAAO,EAAE,iBAAiB,EAC1B,cAAsB,EACtB,QAAgB,EAChB,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,QAAQ,GACT,EAAE,aAAa,2CAoGf"}
1
+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAwB,MAAM,OAAO,CAAA;AAK3D,UAAU,aAAa;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,KAAK,EACL,OAAO,EAAE,iBAAiB,EAC1B,cAAsB,EACtB,QAAgB,EAChB,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,QAAQ,GACT,EAAE,aAAa,2CAoDf"}
@@ -1 +1 @@
1
- {"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAW,MAAM,OAAO,CAAA;AAC9C,OAAO,EAAS,KAAK,UAAU,EAAC,MAAM,kBAAkB,CAAA;AAKxD,UAAU,kBAAkB;IAC1B,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,KAAK,EAAE,SAAS,CAAA;IAChB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;wCAEoC;IACpC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE;QAAC,SAAS,EAAE,OAAO,CAAA;KAAC,KAAK,SAAS,CAAA;IACvD,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,aAAa,EACb,WAAW,EACX,WAAsB,EACtB,WAAW,EACX,SAAS,EACT,YAAwB,EACxB,IAAW,GACZ,EAAE,kBAAkB,2CA6CpB"}
1
+ {"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAW,MAAM,OAAO,CAAA;AAC9C,OAAO,EAAS,KAAK,UAAU,EAAC,MAAM,kBAAkB,CAAA;AAKxD,UAAU,kBAAkB;IAC1B,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,KAAK,EAAE,SAAS,CAAA;IAChB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;wCAEoC;IACpC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE;QAAC,SAAS,EAAE,OAAO,CAAA;KAAC,KAAK,SAAS,CAAA;IACvD,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,aAAa,EACb,WAAW,EACX,WAAsB,EACtB,WAAW,EACX,SAAS,EACT,YAAwB,EACxB,IAAW,GACZ,EAAE,kBAAkB,2CAgDpB"}
@@ -1 +1 @@
1
- {"version":3,"file":"DetailPanel.d.ts","sourceRoot":"","sources":["../../../src/components/DetailPanel/DetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EASf,MAAM,OAAO,CAAA;AAEd,OAAO,EAAc,KAAK,aAAa,EAAC,MAAM,uBAAuB,CAAA;AAerE,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,CAAA;AA2BzC,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qCAAqC;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,oEAAoE;IACpE,sBAAsB,CAAC,EAAE,aAAa,CAAA;CACvC;AAED,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,sBAA+B,GAChC,EAAE,SAAS,2CA6GX;AAID,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,gDAAgD;IAChD,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAA;CACd;AAYD,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAE,IAAW,EAAE,KAAK,EAAC,EAAE,YAAY,kDA8B5D;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,2CAa/C;AAID,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,wCAAwC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,MAAa,EAAC,EAAE,SAAS,2CAEjD;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,WAAW;;;;;;;;CAQvB,CAAA"}
1
+ {"version":3,"file":"DetailPanel.d.ts","sourceRoot":"","sources":["../../../src/components/DetailPanel/DetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EASf,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,uBAAuB,CAAA;AAgBxD,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,CAAA;AA2BzC,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qCAAqC;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,oEAAoE;IACpE,sBAAsB,CAAC,EAAE,aAAa,CAAA;CACvC;AAED,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,sBAA+B,GAChC,EAAE,SAAS,2CAwEX;AAID,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,gDAAgD;IAChD,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAA;CACd;AAYD,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAE,IAAW,EAAE,KAAK,EAAC,EAAE,YAAY,kDA8B5D;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,2CAa/C;AAID,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,wCAAwC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,MAAa,EAAC,EAAE,SAAS,2CAEjD;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,WAAW;;;;;;;;CAQvB,CAAA"}
@@ -1,6 +1,7 @@
1
1
  import { ReactNode, RefObject } from 'react';
2
2
  import { DurationToken } from '@duro-app/tokens/keys';
3
- export type DialogSize = 'sm' | 'md' | 'lg';
3
+ import { Body, Description, Footer, Header, Title, DialogSize } from './parts';
4
+ export type { DialogSize };
4
5
  interface RootProps {
5
6
  children: ReactNode;
6
7
  /** Controlled open state */
@@ -32,21 +33,6 @@ interface PortalProps {
32
33
  size?: DialogSize;
33
34
  }
34
35
  declare function Portal({ children, size }: PortalProps): import("react/jsx-runtime").JSX.Element | null;
35
- declare function Header({ children }: {
36
- children: ReactNode;
37
- }): import("react/jsx-runtime").JSX.Element;
38
- declare function Title({ children }: {
39
- children: ReactNode;
40
- }): import("react/jsx-runtime").JSX.Element;
41
- declare function Description({ children }: {
42
- children: ReactNode;
43
- }): import("react/jsx-runtime").JSX.Element;
44
- declare function Body({ children }: {
45
- children: ReactNode;
46
- }): import("react/jsx-runtime").JSX.Element;
47
- declare function Footer({ children }: {
48
- children: ReactNode;
49
- }): import("react/jsx-runtime").JSX.Element;
50
36
  interface CloseProps {
51
37
  children?: ReactNode;
52
38
  'aria-label'?: string;
@@ -63,5 +49,4 @@ export declare const Dialog: {
63
49
  Footer: typeof Footer;
64
50
  Close: typeof Close;
65
51
  };
66
- export {};
67
52
  //# sourceMappingURL=Dialog.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,SAAS,EAQf,MAAM,OAAO,CAAA;AAEd,OAAO,EAAc,KAAK,aAAa,EAAC,MAAM,uBAAuB,CAAA;AAYrE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAsC3C,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,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,8FAA8F;IAC9F,YAAY,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAC5C,oEAAoE;IACpE,sBAAsB,CAAC,EAAE,aAAa,CAAA;CACvC;AAED,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,WAAkB,EAClB,aAAoB,EACpB,YAAY,EACZ,sBAA+B,GAChC,EAAE,SAAS,2CA6HX;AAID,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAC,EAAE,YAAY,2CAQxC;AAID,UAAU,WAAW;IACnB,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAED,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAE,IAAW,EAAC,EAAE,WAAW,kDAkEnD;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,2CAwBvE;AAID,eAAO,MAAM,MAAM;;;;;;;;;;CAUlB,CAAA"}
1
+ {"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,SAAS,EAAE,KAAK,SAAS,EAAwC,MAAM,OAAO,CAAA;AAE3F,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,uBAAuB,CAAA;AAGxD,OAAO,EACL,IAAI,EACJ,WAAW,EAEX,MAAM,EACN,MAAM,EACN,KAAK,EAEL,KAAK,UAAU,EAChB,MAAM,SAAS,CAAA;AAShB,YAAY,EAAC,UAAU,EAAC,CAAA;AAiBxB,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,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,8FAA8F;IAC9F,YAAY,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAC5C,oEAAoE;IACpE,sBAAsB,CAAC,EAAE,aAAa,CAAA;CACvC;AAED,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,WAAkB,EAClB,aAAoB,EACpB,YAAY,EACZ,sBAA+B,GAChC,EAAE,SAAS,2CAkGX;AAID,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAC,EAAE,YAAY,2CAQxC;AAID,UAAU,WAAW;IACnB,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAED,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAE,IAAW,EAAC,EAAE,WAAW,kDAkEnD;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,2CAwBvE;AAID,eAAO,MAAM,MAAM;;;;;;;;;;CAUlB,CAAA"}
@@ -17,4 +17,8 @@ export declare const EscapeClosesNonDismissable: Story;
17
17
  export declare const InitialFocus: Story;
18
18
  export declare const FirstFocusableByDefault: Story;
19
19
  export declare const CloseOnEscapeOff: Story;
20
+ /** A second close while the exit animation plays reports the close once. */
21
+ export declare const DoubleCloseReportsOnce: Story;
22
+ /** A controlled `open` that turns false plays the exit animation before unmounting. */
23
+ export declare const ControlledCloseAnimates: Story;
20
24
  //# sourceMappingURL=Dialog.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAgBpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAIrB,eAAO,MAAM,OAAO,EAAE,KA+BrB,CAAA;AAID,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAA;AAoCD,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAA;AAiCD,eAAO,MAAM,UAAU,EAAE,KAExB,CAAA;AAyCD,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAA;AA8CD,eAAO,MAAM,kBAAkB,EAAE,KAEhC,CAAA;AAID,eAAO,MAAM,cAAc,EAAE,KAgC5B,CAAA;AA+BD,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAA;AAkBD,eAAO,MAAM,yBAAyB,EAAE,KAiCvC,CAAA;AAyCD,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAA;AAID,eAAO,MAAM,sBAAsB,EAAE,KAYpC,CAAA;AAKD,eAAO,MAAM,0BAA0B,EAAE,KA0BxC,CAAA;AAyBD,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAmBrC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAoB9B,CAAA"}
1
+ {"version":3,"file":"Dialog.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAiBpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAIrB,eAAO,MAAM,OAAO,EAAE,KA+BrB,CAAA;AAID,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAA;AAoCD,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAA;AAiCD,eAAO,MAAM,UAAU,EAAE,KAExB,CAAA;AAyCD,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAA;AA8CD,eAAO,MAAM,kBAAkB,EAAE,KAEhC,CAAA;AAID,eAAO,MAAM,cAAc,EAAE,KAgC5B,CAAA;AA+BD,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAA;AAkBD,eAAO,MAAM,yBAAyB,EAAE,KAiCvC,CAAA;AAyCD,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAA;AAID,eAAO,MAAM,sBAAsB,EAAE,KAYpC,CAAA;AAKD,eAAO,MAAM,0BAA0B,EAAE,KA0BxC,CAAA;AAyBD,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAmBrC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAoB9B,CAAA;AA8BD,4EAA4E;AAC5E,eAAO,MAAM,sBAAsB,EAAE,KAYpC,CAAA;AAkBD,uFAAuF;AACvF,eAAO,MAAM,uBAAuB,EAAE,KAQrC,CAAA"}
@@ -0,0 +1,82 @@
1
+ import { css } from 'react-strict-dom';
2
+ /**
3
+ * Native Dialog surfaces. RSD has no CSS animations on native, so enter and
4
+ * exit are transitions between a hidden and a shown state (polyfilled with
5
+ * Animated).
6
+ */
7
+ export declare const nativeStyles: Readonly<{
8
+ readonly fill: Readonly<{
9
+ readonly position: css.StyleXClassNameFor<"position", "absolute">;
10
+ readonly top: css.StyleXClassNameFor<"top", 0>;
11
+ readonly left: css.StyleXClassNameFor<"left", 0>;
12
+ readonly right: css.StyleXClassNameFor<"right", 0>;
13
+ readonly bottom: css.StyleXClassNameFor<"bottom", 0>;
14
+ }>;
15
+ readonly backdrop: Readonly<{
16
+ readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
17
+ readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "opacity">;
18
+ readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
19
+ readonly transitionTimingFunction: css.StyleXClassNameFor<"transitionTimingFunction", string>;
20
+ }>;
21
+ readonly inset: Readonly<{
22
+ readonly display: css.StyleXClassNameFor<"display", "flex">;
23
+ readonly padding: css.StyleXClassNameFor<"padding", string>;
24
+ readonly width: css.StyleXClassNameFor<"width", "100%">;
25
+ readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
26
+ readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
27
+ }>;
28
+ readonly popup: Readonly<{
29
+ readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
30
+ readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
31
+ readonly boxShadow: css.StyleXClassNameFor<"boxShadow", string>;
32
+ readonly width: css.StyleXClassNameFor<"width", "100%">;
33
+ readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
34
+ readonly display: css.StyleXClassNameFor<"display", "flex">;
35
+ readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
36
+ readonly overflow: css.StyleXClassNameFor<"overflow", "hidden">;
37
+ readonly borderWidth: css.StyleXClassNameFor<"borderWidth", string>;
38
+ readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
39
+ readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
40
+ readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "opacity, transform">;
41
+ readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
42
+ readonly transitionTimingFunction: css.StyleXClassNameFor<"transitionTimingFunction", string>;
43
+ }>;
44
+ readonly bodyContent: Readonly<{
45
+ readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
46
+ readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
47
+ readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
48
+ }>;
49
+ readonly maxHeight: (height: number) => readonly [Readonly<{
50
+ maxHeight: css.StyleXClassNameFor<"maxHeight", number>;
51
+ }>, css.InlineStyles];
52
+ readonly shown: Readonly<{
53
+ readonly opacity: css.StyleXClassNameFor<"opacity", 1>;
54
+ readonly transform: css.StyleXClassNameFor<"transform", "scale(1)">;
55
+ }>;
56
+ readonly hidden: Readonly<{
57
+ readonly opacity: css.StyleXClassNameFor<"opacity", 0>;
58
+ readonly transform: css.StyleXClassNameFor<"transform", "scale(0.97)">;
59
+ }>;
60
+ readonly exitInstant: Readonly<{
61
+ readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
62
+ }>;
63
+ readonly exitMinimal: Readonly<{
64
+ readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
65
+ }>;
66
+ readonly exitQuick: Readonly<{
67
+ readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
68
+ }>;
69
+ readonly exitFast: Readonly<{
70
+ readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
71
+ }>;
72
+ readonly exitBrisk: Readonly<{
73
+ readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
74
+ }>;
75
+ readonly exitBase: Readonly<{
76
+ readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
77
+ }>;
78
+ readonly exitSlow: Readonly<{
79
+ readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
80
+ }>;
81
+ }>;
82
+ //# sourceMappingURL=native.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"native.css.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/native.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAOpC;;;;GAIG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiEvB,CAAA"}
@@ -0,0 +1,82 @@
1
+ import { css } from 'react-strict-dom';
2
+ /** Styles of the Dialog parts both platforms draw (no animations: native has none). */
3
+ export declare const partStyles: Readonly<{
4
+ readonly sm: Readonly<{
5
+ readonly maxWidth: css.StyleXClassNameFor<"maxWidth", string>;
6
+ }>;
7
+ readonly md: Readonly<{
8
+ readonly maxWidth: css.StyleXClassNameFor<"maxWidth", string>;
9
+ }>;
10
+ readonly lg: Readonly<{
11
+ readonly maxWidth: css.StyleXClassNameFor<"maxWidth", string>;
12
+ }>;
13
+ readonly header: Readonly<{
14
+ readonly flexShrink: css.StyleXClassNameFor<"flexShrink", 0>;
15
+ readonly display: css.StyleXClassNameFor<"display", "flex">;
16
+ readonly alignItems: css.StyleXClassNameFor<"alignItems", "flex-start">;
17
+ readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "space-between">;
18
+ readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
19
+ readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
20
+ readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
21
+ readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
22
+ readonly gap: css.StyleXClassNameFor<"gap", string>;
23
+ }>;
24
+ readonly title: Readonly<{
25
+ readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
26
+ readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
27
+ readonly lineHeight: css.StyleXClassNameFor<"lineHeight", string>;
28
+ readonly color: css.StyleXClassNameFor<"color", string>;
29
+ readonly margin: css.StyleXClassNameFor<"margin", 0>;
30
+ }>;
31
+ readonly description: Readonly<{
32
+ readonly flexShrink: css.StyleXClassNameFor<"flexShrink", 0>;
33
+ readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
34
+ readonly lineHeight: css.StyleXClassNameFor<"lineHeight", string>;
35
+ readonly color: css.StyleXClassNameFor<"color", string>;
36
+ readonly margin: css.StyleXClassNameFor<"margin", 0>;
37
+ readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
38
+ readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
39
+ readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
40
+ }>;
41
+ readonly body: Readonly<{
42
+ readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
43
+ readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
44
+ readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
45
+ readonly overflowY: css.StyleXClassNameFor<"overflowY", "auto">;
46
+ readonly flex: css.StyleXClassNameFor<"flex", 1>;
47
+ }>;
48
+ readonly footer: Readonly<{
49
+ readonly flexShrink: css.StyleXClassNameFor<"flexShrink", 0>;
50
+ readonly display: css.StyleXClassNameFor<"display", "flex">;
51
+ readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
52
+ readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "flex-end">;
53
+ readonly gap: css.StyleXClassNameFor<"gap", string>;
54
+ readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
55
+ readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
56
+ readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
57
+ readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
58
+ readonly borderTopWidth: css.StyleXClassNameFor<"borderTopWidth", string>;
59
+ readonly borderTopStyle: css.StyleXClassNameFor<"borderTopStyle", "solid">;
60
+ readonly borderTopColor: css.StyleXClassNameFor<"borderTopColor", string>;
61
+ }>;
62
+ readonly closeButton: Readonly<{
63
+ readonly display: css.StyleXClassNameFor<"display", "flex">;
64
+ readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
65
+ readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "center">;
66
+ readonly width: css.StyleXClassNameFor<"width", string>;
67
+ readonly height: css.StyleXClassNameFor<"height", string>;
68
+ readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
69
+ readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 0>;
70
+ readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
71
+ readonly color: css.StyleXClassNameFor<"color", string>;
72
+ readonly cursor: css.StyleXClassNameFor<"cursor", "pointer">;
73
+ readonly padding: css.StyleXClassNameFor<"padding", 0>;
74
+ readonly flexShrink: css.StyleXClassNameFor<"flexShrink", 0>;
75
+ readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "background-color">;
76
+ readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
77
+ }>;
78
+ readonly inlineWrapper: Readonly<{
79
+ readonly display: css.StyleXClassNameFor<"display", "inline-flex">;
80
+ }>;
81
+ }>;
82
+ //# sourceMappingURL=parts.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"parts.css.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/parts.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAQpC,uFAAuF;AACvF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2FrB,CAAA"}
@@ -0,0 +1,35 @@
1
+ import { ReactNode, RefObject } from 'react';
2
+ import { DurationToken } from '@duro-app/tokens/keys';
3
+ export type DialogSize = 'sm' | 'md' | 'lg';
4
+ export interface DialogContextValue {
5
+ /** Rendered: open, or playing the exit animation. */
6
+ open: boolean;
7
+ closing: boolean;
8
+ closeDuration: DurationToken;
9
+ dismissable: boolean;
10
+ requestOpen: () => void;
11
+ requestClose: () => void;
12
+ titleId: string;
13
+ descriptionId: string;
14
+ popupRef: RefObject<HTMLDivElement | null>;
15
+ /** Dialog.Close parts currently rendered (for the closeOnEscape dev warning). */
16
+ registerClose: () => () => void;
17
+ }
18
+ export declare const DialogContext: import('react').Context<DialogContextValue | null>;
19
+ export declare function useDialog(): DialogContextValue;
20
+ export declare function Header({ children }: {
21
+ children: ReactNode;
22
+ }): import("react/jsx-runtime").JSX.Element;
23
+ export declare function Title({ children }: {
24
+ children: ReactNode;
25
+ }): import("react/jsx-runtime").JSX.Element;
26
+ export declare function Description({ children }: {
27
+ children: ReactNode;
28
+ }): import("react/jsx-runtime").JSX.Element;
29
+ export declare function Body({ children }: {
30
+ children: ReactNode;
31
+ }): import("react/jsx-runtime").JSX.Element;
32
+ export declare function Footer({ children }: {
33
+ children: ReactNode;
34
+ }): import("react/jsx-runtime").JSX.Element;
35
+ //# sourceMappingURL=parts.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/parts.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAa,MAAM,OAAO,CAAA;AAE/E,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,uBAAuB,CAAA;AAGxD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE3C,MAAM,WAAW,kBAAkB;IACjC,qDAAqD;IACrD,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,aAAa,EAAE,aAAa,CAAA;IAC5B,WAAW,EAAE,OAAO,CAAA;IACpB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,OAAO,EAAE,MAAM,CAAA;IACf,aAAa,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC1C,iFAAiF;IACjF,aAAa,EAAE,MAAM,MAAM,IAAI,CAAA;CAChC;AAED,eAAO,MAAM,aAAa,oDAAiD,CAAA;AAE3E,wBAAgB,SAAS,uBAIxB;AAID,wBAAgB,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAEvD;AAED,wBAAgB,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAOtD;AAED,wBAAgB,WAAW,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAO5D;AAED,wBAAgB,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAErD;AAED,wBAAgB,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAEvD"}
@@ -37,6 +37,7 @@ export declare const styles: Readonly<{
37
37
  readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
38
38
  readonly boxShadow: css.StyleXClassNameFor<"boxShadow", string>;
39
39
  readonly width: css.StyleXClassNameFor<"width", "100%">;
40
+ readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
40
41
  readonly maxHeight: css.StyleXClassNameFor<"maxHeight", "85vh">;
41
42
  readonly display: css.StyleXClassNameFor<"display", "flex">;
42
43
  readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
@@ -82,80 +83,6 @@ export declare const styles: Readonly<{
82
83
  readonly closeDurationSlow: Readonly<{
83
84
  readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
84
85
  }>;
85
- readonly sm: Readonly<{
86
- readonly maxWidth: css.StyleXClassNameFor<"maxWidth", string>;
87
- }>;
88
- readonly md: Readonly<{
89
- readonly maxWidth: css.StyleXClassNameFor<"maxWidth", string>;
90
- }>;
91
- readonly lg: Readonly<{
92
- readonly maxWidth: css.StyleXClassNameFor<"maxWidth", string>;
93
- }>;
94
- readonly header: Readonly<{
95
- readonly display: css.StyleXClassNameFor<"display", "flex">;
96
- readonly alignItems: css.StyleXClassNameFor<"alignItems", "flex-start">;
97
- readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "space-between">;
98
- readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
99
- readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
100
- readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
101
- readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
102
- readonly gap: css.StyleXClassNameFor<"gap", string>;
103
- }>;
104
- readonly title: Readonly<{
105
- readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
106
- readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
107
- readonly lineHeight: css.StyleXClassNameFor<"lineHeight", string>;
108
- readonly color: css.StyleXClassNameFor<"color", string>;
109
- readonly margin: css.StyleXClassNameFor<"margin", 0>;
110
- }>;
111
- readonly description: Readonly<{
112
- readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
113
- readonly lineHeight: css.StyleXClassNameFor<"lineHeight", string>;
114
- readonly color: css.StyleXClassNameFor<"color", string>;
115
- readonly margin: css.StyleXClassNameFor<"margin", 0>;
116
- readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
117
- readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
118
- readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
119
- }>;
120
- readonly body: Readonly<{
121
- readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
122
- readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
123
- readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
124
- readonly overflowY: css.StyleXClassNameFor<"overflowY", "auto">;
125
- readonly flex: css.StyleXClassNameFor<"flex", 1>;
126
- }>;
127
- readonly footer: Readonly<{
128
- readonly display: css.StyleXClassNameFor<"display", "flex">;
129
- readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
130
- readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "flex-end">;
131
- readonly gap: css.StyleXClassNameFor<"gap", string>;
132
- readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
133
- readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
134
- readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
135
- readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
136
- readonly borderTopWidth: css.StyleXClassNameFor<"borderTopWidth", string>;
137
- readonly borderTopStyle: css.StyleXClassNameFor<"borderTopStyle", "solid">;
138
- readonly borderTopColor: css.StyleXClassNameFor<"borderTopColor", string>;
139
- }>;
140
- readonly closeButton: Readonly<{
141
- readonly display: css.StyleXClassNameFor<"display", "flex">;
142
- readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
143
- readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "center">;
144
- readonly width: css.StyleXClassNameFor<"width", string>;
145
- readonly height: css.StyleXClassNameFor<"height", string>;
146
- readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
147
- readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 0>;
148
- readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
149
- readonly color: css.StyleXClassNameFor<"color", string>;
150
- readonly cursor: css.StyleXClassNameFor<"cursor", "pointer">;
151
- readonly padding: css.StyleXClassNameFor<"padding", 0>;
152
- readonly flexShrink: css.StyleXClassNameFor<"flexShrink", 0>;
153
- readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "background-color">;
154
- readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
155
- }>;
156
- readonly inlineWrapper: Readonly<{
157
- readonly display: css.StyleXClassNameFor<"display", "inline-flex">;
158
- }>;
159
86
  readonly reducedMotion: Readonly<{
160
87
  readonly animationDuration: css.StyleXClassNameFor<"animationDuration", string>;
161
88
  }>;
@@ -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;AAUpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsMjB,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;AAQpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiHjB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,SAAS,EASf,MAAM,OAAO,CAAA;AAEd,OAAO,EAAc,KAAK,aAAa,EAAC,MAAM,uBAAuB,CAAA;AASrE,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AACtD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAwC3C,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,kDA2FnD;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":"AACA,OAAO,EACL,KAAK,SAAS,EASf,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,uBAAuB,CAAA;AAUxD,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AACtD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAwC3C,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,2CAiEX;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,kDA2FnD;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"}
@@ -51,6 +51,7 @@ export declare const styles: Readonly<{
51
51
  }>;
52
52
  readonly panelHorizontal: Readonly<{
53
53
  readonly width: css.StyleXClassNameFor<"width", "100%">;
54
+ readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
54
55
  readonly height: css.StyleXClassNameFor<"height", "100%">;
55
56
  readonly borderLeftWidth: css.StyleXClassNameFor<"borderLeftWidth", string>;
56
57
  readonly borderLeftStyle: css.StyleXClassNameFor<"borderLeftStyle", "solid">;
@@ -58,6 +59,7 @@ export declare const styles: Readonly<{
58
59
  }>;
59
60
  readonly panelVertical: Readonly<{
60
61
  readonly width: css.StyleXClassNameFor<"width", "100%">;
62
+ readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
61
63
  readonly borderTopWidth: css.StyleXClassNameFor<"borderTopWidth", string>;
62
64
  readonly borderTopStyle: css.StyleXClassNameFor<"borderTopStyle", "solid">;
63
65
  readonly borderTopColor: css.StyleXClassNameFor<"borderTopColor", string>;
@@ -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;AAUpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyPjB,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;AAUpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6PjB,CAAA"}
@@ -0,0 +1,23 @@
1
+ import { ReactNode, Ref } from 'react';
2
+ import { ButtonSize, ButtonVariant } from '../Button/Button';
3
+ export interface FileTriggerHandle {
4
+ /** Open the OS file picker programmatically. */
5
+ open: () => void;
6
+ }
7
+ export interface FileTriggerProps {
8
+ /** Accepted types, as the native `accept` attribute (e.g. `image/*,.pdf`). */
9
+ accept?: string;
10
+ multiple?: boolean;
11
+ /** Called with the chosen files. */
12
+ onSelect: (files: File[]) => void;
13
+ variant?: ButtonVariant;
14
+ size?: ButtonSize;
15
+ disabled?: boolean;
16
+ 'aria-label'?: string;
17
+ /** Exposes `open()` so a caller can open the picker without the button. */
18
+ ref?: Ref<FileTriggerHandle>;
19
+ children: ReactNode;
20
+ }
21
+ /** A Button that opens the OS file picker. Web only: native has no file input. */
22
+ export declare function FileTrigger({ accept, multiple, onSelect, variant, size, disabled, 'aria-label': ariaLabel, ref, children, }: FileTriggerProps): import("react/jsx-runtime").JSX.Element;
23
+ //# sourceMappingURL=FileTrigger.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FileTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/FileTrigger/FileTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,SAAS,EAAE,GAAG,EAAC,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAS,KAAK,UAAU,EAAE,KAAK,aAAa,EAAC,MAAM,kBAAkB,CAAA;AAG5E,MAAM,WAAW,iBAAiB;IAChC,gDAAgD;IAChD,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC/B,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;IACjC,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2EAA2E;IAC3E,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;IAC5B,QAAQ,EAAE,SAAS,CAAA;CACpB;AASD,kFAAkF;AAClF,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,QAAgB,EAChB,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,GAAG,EACH,QAAQ,GACT,EAAE,gBAAgB,2CAmClB"}
@@ -0,0 +1,3 @@
1
+ import { ComponentMeta } from '../component-meta';
2
+ export declare const meta: ComponentMeta;
3
+ //# sourceMappingURL=FileTrigger.meta.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FileTrigger.meta.d.ts","sourceRoot":"","sources":["../../../src/components/FileTrigger/FileTrigger.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAqBlB,CAAA"}
@@ -0,0 +1,9 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { FileTrigger } from './FileTrigger';
3
+ declare const meta: Meta<typeof FileTrigger>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof FileTrigger>;
6
+ export declare const Default: Story;
7
+ export declare const Images: Story;
8
+ export declare const Disabled: Story;
9
+ //# sourceMappingURL=FileTrigger.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FileTrigger.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FileTrigger/FileTrigger.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAEpD,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAUlC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAEzC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAA"}
@@ -0,0 +1,3 @@
1
+ export { FileTrigger } from './FileTrigger';
2
+ export type { FileTriggerProps, FileTriggerHandle } from './FileTrigger';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileTrigger/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AACzC,YAAY,EAAC,gBAAgB,EAAE,iBAAiB,EAAC,MAAM,eAAe,CAAA"}
@@ -0,0 +1,14 @@
1
+ /** The slice of an <input type=file> the picker logic touches. */
2
+ export interface FileInputLike {
3
+ files: ArrayLike<File> | null;
4
+ value: string;
5
+ click: () => void;
6
+ }
7
+ /** Open the native file picker. */
8
+ export declare function openPicker(input: Pick<FileInputLike, 'click'> | null): void;
9
+ /**
10
+ * Hand the chosen files to `onSelect`, then reset the input so picking the
11
+ * same file again still fires a change event.
12
+ */
13
+ export declare function takeFiles(input: FileInputLike, onSelect: (files: File[]) => void): void;
14
+ //# sourceMappingURL=pick.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pick.d.ts","sourceRoot":"","sources":["../../../src/components/FileTrigger/pick.ts"],"names":[],"mappings":"AAAA,kEAAkE;AAClE,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB;AAED,mCAAmC;AACnC,wBAAgB,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,GAAG,IAAI,QAEpE;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,QAIhF"}
@@ -69,6 +69,7 @@ export declare const styles: Readonly<{
69
69
  readonly flexWrap: css.StyleXClassNameFor<"flexWrap", "wrap">;
70
70
  readonly alignItems: css.StyleXClassNameFor<"alignItems", "stretch">;
71
71
  readonly width: css.StyleXClassNameFor<"width", "100%">;
72
+ readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
72
73
  }>;
73
74
  readonly nativeCell: (basis: string) => readonly [Readonly<{
74
75
  flexBasis: css.StyleXClassNameFor<"flexBasis", string>;
@@ -1 +1 @@
1
- {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAgBpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyGjB,CAAA"}
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAgBpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2GjB,CAAA"}
@@ -1,10 +1,4 @@
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' | 'search' | 'mic' | 'sun' | 'moon' | 'monitor' | 'contrast' | 'signal' | 'battery' | 'info-circle-filled' | 'alert-triangle-filled' | 'check-circle-filled' | 'x-circle-filled' | 'shield-filled' | 'lock-filled';
4
- interface IconProps {
5
- name: IconName;
6
- /** Token from the icon size scale: sm 16, md 18, lg 24, xl 36, xxl 48. */
7
- size?: IconSize;
8
- }
9
- export declare function Icon({ name, size: sizeToken }: IconProps): import("react/jsx-runtime").JSX.Element;
1
+ import { IconProps } from './types';
2
+ export type { IconName, IconProps, IconSize } from './types';
3
+ export declare function Icon({ name, size: sizeToken, color }: IconProps): import("react/jsx-runtime").JSX.Element;
10
4
  //# sourceMappingURL=Icon.d.ts.map
@@ -1 +1 @@
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,QAAQ,GACR,KAAK,GAEL,KAAK,GACL,MAAM,GACN,SAAS,GACT,UAAU,GAEV,QAAQ,GACR,SAAS,GAET,oBAAoB,GACpB,uBAAuB,GACvB,qBAAqB,GACrB,iBAAiB,GACjB,eAAe,GACf,aAAa,CAAA;AAiVjB,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
+ {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,SAAS,CAAA;AAEtC,YAAY,EAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,SAAS,CAAA;AAQ1D,wBAAgB,IAAI,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,SAAgB,EAAE,KAAK,EAAC,EAAE,SAAS,2CA4BpE"}
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.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,CAM3B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAsElC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAA"}
1
+ {"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.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,CAM3B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAuElC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAA"}