@shape-digital-env/shape-ui 0.0.1 → 0.0.3

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 (206) hide show
  1. package/README.md +24 -85
  2. package/components/Accordion/Accordion.d.ts +32 -7
  3. package/components/Accordion/Accordion.d.ts.map +1 -1
  4. package/components/Accordion/Accordion.stories.d.ts +49 -6
  5. package/components/Accordion/Accordion.stories.d.ts.map +1 -1
  6. package/components/AccountAvatar/AccountAvatar.d.ts +2 -0
  7. package/components/AccountAvatar/AccountAvatar.d.ts.map +1 -1
  8. package/components/AccountAvatar/AccountAvatar.stories.d.ts +20 -7
  9. package/components/AccountAvatar/AccountAvatar.stories.d.ts.map +1 -1
  10. package/components/AppLogos/AppLogos.stories.d.ts +4 -6
  11. package/components/AppLogos/AppLogos.stories.d.ts.map +1 -1
  12. package/components/AppLogos/AuraLogo.d.ts +2 -0
  13. package/components/AppLogos/AuraLogo.d.ts.map +1 -1
  14. package/components/AppLogos/AuraLogoWithName.d.ts +2 -0
  15. package/components/AppLogos/AuraLogoWithName.d.ts.map +1 -1
  16. package/components/AppLogos/LighthouseLockup.d.ts +3 -0
  17. package/components/AppLogos/LighthouseLockup.d.ts.map +1 -1
  18. package/components/AppLogos/LighthouseLogo.d.ts +2 -0
  19. package/components/AppLogos/LighthouseLogo.d.ts.map +1 -1
  20. package/components/AppLogos/LighthouseLogoWithName.d.ts +2 -0
  21. package/components/AppLogos/LighthouseLogoWithName.d.ts.map +1 -1
  22. package/components/AppLogos/LumenLogo.d.ts +2 -0
  23. package/components/AppLogos/LumenLogo.d.ts.map +1 -1
  24. package/components/AppLogos/LumenLogoWithName.d.ts +2 -0
  25. package/components/AppLogos/LumenLogoWithName.d.ts.map +1 -1
  26. package/components/AppLogos/ReefLogo.d.ts +2 -0
  27. package/components/AppLogos/ReefLogo.d.ts.map +1 -1
  28. package/components/AppLogos/ReefLogoWithName.d.ts +2 -0
  29. package/components/AppLogos/ReefLogoWithName.d.ts.map +1 -1
  30. package/components/Button/Button.d.ts +13 -0
  31. package/components/Button/Button.d.ts.map +1 -1
  32. package/components/Button/Button.stories.d.ts +38 -4
  33. package/components/Button/Button.stories.d.ts.map +1 -1
  34. package/components/Card/Card.d.ts +1 -0
  35. package/components/Card/Card.d.ts.map +1 -1
  36. package/components/Card/Card.stories.d.ts +23 -4
  37. package/components/Card/Card.stories.d.ts.map +1 -1
  38. package/components/CellStyled/CellStyled.d.ts +5 -0
  39. package/components/CellStyled/CellStyled.d.ts.map +1 -1
  40. package/components/CellStyled/CellStyled.stories.d.ts +28 -4
  41. package/components/CellStyled/CellStyled.stories.d.ts.map +1 -1
  42. package/components/ChartWrapper/ChartWrapper.d.ts +4 -4
  43. package/components/ChartWrapper/ChartWrapper.d.ts.map +1 -1
  44. package/components/ChartWrapper/ChartWrapper.stories.d.ts +22 -5
  45. package/components/ChartWrapper/ChartWrapper.stories.d.ts.map +1 -1
  46. package/components/Checkbox/Checkbox.d.ts +4 -1
  47. package/components/Checkbox/Checkbox.d.ts.map +1 -1
  48. package/components/Checkbox/Checkbox.stories.d.ts +25 -7
  49. package/components/Checkbox/Checkbox.stories.d.ts.map +1 -1
  50. package/components/ClearFilters/ClearFilters.d.ts +5 -0
  51. package/components/ClearFilters/ClearFilters.d.ts.map +1 -1
  52. package/components/ClearFilters/ClearFilters.stories.d.ts +26 -5
  53. package/components/ClearFilters/ClearFilters.stories.d.ts.map +1 -1
  54. package/components/DateRangePicker/DateRangePicker.d.ts +17 -0
  55. package/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
  56. package/components/DateRangePicker/DateRangePicker.stories.d.ts +55 -7
  57. package/components/DateRangePicker/DateRangePicker.stories.d.ts.map +1 -1
  58. package/components/Divider/Divider.d.ts +4 -4
  59. package/components/Divider/Divider.d.ts.map +1 -1
  60. package/components/Divider/Divider.stories.d.ts +27 -6
  61. package/components/Divider/Divider.stories.d.ts.map +1 -1
  62. package/components/DropdownMenu/DropdownMenu.d.ts +3 -0
  63. package/components/DropdownMenu/DropdownMenu.d.ts.map +1 -1
  64. package/components/DropdownMenu/DropdownMenu.stories.d.ts +37 -3
  65. package/components/DropdownMenu/DropdownMenu.stories.d.ts.map +1 -1
  66. package/components/ErrorFallback/ErrorFallback.d.ts +12 -0
  67. package/components/ErrorFallback/ErrorFallback.d.ts.map +1 -1
  68. package/components/ErrorFallback/ErrorFallback.stories.d.ts +291 -4
  69. package/components/ErrorFallback/ErrorFallback.stories.d.ts.map +1 -1
  70. package/components/ErrorOnLoadData/ErrorOnLoadData.d.ts +6 -0
  71. package/components/ErrorOnLoadData/ErrorOnLoadData.d.ts.map +1 -1
  72. package/components/ErrorOnLoadData/ErrorOnLoadData.stories.d.ts +1 -0
  73. package/components/ErrorOnLoadData/ErrorOnLoadData.stories.d.ts.map +1 -1
  74. package/components/Field/Field.stories.d.ts +19 -4
  75. package/components/Field/Field.stories.d.ts.map +1 -1
  76. package/components/Field/Field.types.d.ts +30 -0
  77. package/components/Field/Field.types.d.ts.map +1 -1
  78. package/components/Icon/Icon.d.ts +8 -4
  79. package/components/Icon/Icon.d.ts.map +1 -1
  80. package/components/Icon/Icon.stories.d.ts +36 -4
  81. package/components/Icon/Icon.stories.d.ts.map +1 -1
  82. package/components/Input/Input.d.ts +4 -0
  83. package/components/Input/Input.d.ts.map +1 -1
  84. package/components/Input/Input.stories.d.ts +328 -9
  85. package/components/Input/Input.stories.d.ts.map +1 -1
  86. package/components/LegendIcon/LegendIcon.d.ts +5 -2
  87. package/components/LegendIcon/LegendIcon.d.ts.map +1 -1
  88. package/components/LegendIcon/LegendIcon.stories.d.ts +3 -5
  89. package/components/LegendIcon/LegendIcon.stories.d.ts.map +1 -1
  90. package/components/LoginScreen/LoginScreen.d.ts +33 -5
  91. package/components/LoginScreen/LoginScreen.d.ts.map +1 -1
  92. package/components/LoginScreen/LoginScreen.stories.d.ts +6 -0
  93. package/components/LoginScreen/LoginScreen.stories.d.ts.map +1 -1
  94. package/components/Logo/Logo.d.ts +5 -0
  95. package/components/Logo/Logo.d.ts.map +1 -1
  96. package/components/Logo/Logo.stories.d.ts +27 -6
  97. package/components/Logo/Logo.stories.d.ts.map +1 -1
  98. package/components/MetricCard/MetricCard.d.ts +13 -1
  99. package/components/MetricCard/MetricCard.d.ts.map +1 -1
  100. package/components/MetricCard/MetricCard.stories.d.ts.map +1 -1
  101. package/components/Modal/Modal.d.ts +27 -16
  102. package/components/Modal/Modal.d.ts.map +1 -1
  103. package/components/Modal/Modal.stories.d.ts +41 -6
  104. package/components/Modal/Modal.stories.d.ts.map +1 -1
  105. package/components/MultiSelect/MultiSelect.d.ts +10 -0
  106. package/components/MultiSelect/MultiSelect.d.ts.map +1 -1
  107. package/components/MultiSelect/MultiSelect.stories.d.ts +66 -5
  108. package/components/MultiSelect/MultiSelect.stories.d.ts.map +1 -1
  109. package/components/PageHeader/PageHeader.d.ts +2 -0
  110. package/components/PageHeader/PageHeader.d.ts.map +1 -1
  111. package/components/PageHeader/PageHeader.stories.d.ts +28 -6
  112. package/components/PageHeader/PageHeader.stories.d.ts.map +1 -1
  113. package/components/Pagination/Pagination.d.ts +9 -0
  114. package/components/Pagination/Pagination.d.ts.map +1 -1
  115. package/components/Pagination/Pagination.stories.d.ts +60 -4
  116. package/components/Pagination/Pagination.stories.d.ts.map +1 -1
  117. package/components/RadioGroup/RadioGroup.d.ts +2 -0
  118. package/components/RadioGroup/RadioGroup.d.ts.map +1 -1
  119. package/components/RadioGroup/RadioGroup.stories.d.ts +44 -5
  120. package/components/RadioGroup/RadioGroup.stories.d.ts.map +1 -1
  121. package/components/Select/Select.d.ts +47 -14
  122. package/components/Select/Select.d.ts.map +1 -1
  123. package/components/Select/Select.stories.d.ts +105 -10
  124. package/components/Select/Select.stories.d.ts.map +1 -1
  125. package/components/ShapeLogo/ShapeLogo.d.ts +4 -1
  126. package/components/ShapeLogo/ShapeLogo.d.ts.map +1 -1
  127. package/components/ShapeLogo/ShapeLogo.stories.d.ts +29 -4
  128. package/components/ShapeLogo/ShapeLogo.stories.d.ts.map +1 -1
  129. package/components/SortableTableSection/SortableTableSection.d.ts +20 -4
  130. package/components/SortableTableSection/SortableTableSection.d.ts.map +1 -1
  131. package/components/SortableTableSection/SortableTableSection.stories.d.ts +44 -5
  132. package/components/SortableTableSection/SortableTableSection.stories.d.ts.map +1 -1
  133. package/components/Spinner/Spinner.d.ts +12 -2
  134. package/components/Spinner/Spinner.d.ts.map +1 -1
  135. package/components/Spinner/Spinner.stories.d.ts +26 -4
  136. package/components/Spinner/Spinner.stories.d.ts.map +1 -1
  137. package/components/Stepper/Stepper.d.ts +9 -1
  138. package/components/Stepper/Stepper.d.ts.map +1 -1
  139. package/components/Stepper/Stepper.stories.d.ts +308 -6
  140. package/components/Stepper/Stepper.stories.d.ts.map +1 -1
  141. package/components/Switch/Switch.stories.d.ts +24 -7
  142. package/components/Switch/Switch.stories.d.ts.map +1 -1
  143. package/components/Table/DataTable/DataTable.d.ts +1 -1
  144. package/components/Table/DataTable/DataTable.d.ts.map +1 -1
  145. package/components/Table/DataTable/DataTable.stories.d.ts +96 -9
  146. package/components/Table/DataTable/DataTable.stories.d.ts.map +1 -1
  147. package/components/Table/DataTable/DataTable.types.d.ts +61 -0
  148. package/components/Table/DataTable/DataTable.types.d.ts.map +1 -1
  149. package/components/Table/DataTable/components/DataTableBody.d.ts +2 -1
  150. package/components/Table/DataTable/components/DataTableBody.d.ts.map +1 -1
  151. package/components/Table/DataTable/components/DataTableCell/DataTableCell.d.ts +5 -0
  152. package/components/Table/DataTable/components/DataTableCell/DataTableCell.d.ts.map +1 -1
  153. package/components/Table/DataTable/components/DataTableCell/DataTableCell.utils.d.ts.map +1 -1
  154. package/components/Table/DataTable/components/DataTableHeader.d.ts.map +1 -1
  155. package/components/Table/DataTable/hooks/useDataTableColumns.d.ts.map +1 -1
  156. package/components/Table/Table.d.ts +12 -2
  157. package/components/Table/Table.d.ts.map +1 -1
  158. package/components/Table/Table.stories.d.ts +22 -7
  159. package/components/Table/Table.stories.d.ts.map +1 -1
  160. package/components/Tabs/Tabs.d.ts +12 -0
  161. package/components/Tabs/Tabs.d.ts.map +1 -1
  162. package/components/Tabs/Tabs.stories.d.ts +38 -5
  163. package/components/Tabs/Tabs.stories.d.ts.map +1 -1
  164. package/components/Textarea/Textarea.d.ts +4 -0
  165. package/components/Textarea/Textarea.d.ts.map +1 -1
  166. package/components/Textarea/Textarea.stories.d.ts +311 -7
  167. package/components/Textarea/Textarea.stories.d.ts.map +1 -1
  168. package/components/Title/Title.d.ts +1 -0
  169. package/components/Title/Title.d.ts.map +1 -1
  170. package/components/Title/Title.stories.d.ts +18 -4
  171. package/components/Title/Title.stories.d.ts.map +1 -1
  172. package/components/Toast/Toast.d.ts +18 -2
  173. package/components/Toast/Toast.d.ts.map +1 -1
  174. package/components/Toast/Toast.stories.d.ts +40 -5
  175. package/components/Toast/Toast.stories.d.ts.map +1 -1
  176. package/components/Tooltip/Tooltip.d.ts +13 -0
  177. package/components/Tooltip/Tooltip.d.ts.map +1 -1
  178. package/components/Tooltip/Tooltip.stories.d.ts +338 -3
  179. package/components/Tooltip/Tooltip.stories.d.ts.map +1 -1
  180. package/index.js +9144 -9221
  181. package/lib/i18n.d.ts +8 -0
  182. package/lib/i18n.d.ts.map +1 -0
  183. package/lib/useSvgId.d.ts +8 -0
  184. package/lib/useSvgId.d.ts.map +1 -0
  185. package/locales/en/common.i18n.d.ts +19 -0
  186. package/locales/en/common.i18n.d.ts.map +1 -0
  187. package/locales/en/index.d.ts +19 -0
  188. package/locales/en/index.d.ts.map +1 -1
  189. package/locales/en/table.i18n.d.ts +1 -0
  190. package/locales/en/table.i18n.d.ts.map +1 -1
  191. package/locales/es/common.i18n.d.ts +19 -0
  192. package/locales/es/common.i18n.d.ts.map +1 -0
  193. package/locales/es/index.d.ts +19 -0
  194. package/locales/es/index.d.ts.map +1 -1
  195. package/locales/es/table.i18n.d.ts +1 -0
  196. package/locales/es/table.i18n.d.ts.map +1 -1
  197. package/locales/pt-br/common.i18n.d.ts +19 -0
  198. package/locales/pt-br/common.i18n.d.ts.map +1 -0
  199. package/locales/pt-br/index.d.ts +19 -0
  200. package/locales/pt-br/index.d.ts.map +1 -1
  201. package/locales/pt-br/table.i18n.d.ts +1 -0
  202. package/locales/pt-br/table.i18n.d.ts.map +1 -1
  203. package/package.json +4 -1
  204. package/styles.css +46 -1638
  205. package/components/Tabs/Tabs.figma.d.ts +0 -8
  206. package/components/Tabs/Tabs.figma.d.ts.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAsBzD,QAAA,MAAM,UAAU,uCAAuB,CAAC;AACxC,QAAA,MAAM,WAAW,yGAAwB,CAAC;AAC1C,QAAA,MAAM,WAAW,0GAAwB,CAAC;AAmB1C,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAC7D,OAAO,eAAe,CAAC,OAAO,CAC/B,GAAG;IACF,8FAA8F;IAC9F,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;IACxC,uEAAuE;IACvE,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,uFAAuF;IACvF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,uDAAuD;IACvD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,QAAA,MAAM,aAAa;IAdjB,8FAA8F;cACpF,OAAO,GAAG,UAAU,GAAG,MAAM;IACvC,uEAAuE;kBACzD,cAAc;IAC5B,qEAAqE;eAC1D,OAAO;IAClB,wEAAwE;mBACzD,cAAc;IAC7B,uFAAuF;qBACtE,OAAO;IACxB,uDAAuD;YAC/C,OAAO;2CAsHhB,CAAC;AAaF,QAAA,MAAM,aAAa;IAJjB,8FAA8F;oBAC9E,MAAM,GAAG,MAAM;wCA+FhC,CAAC;AAMF,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IACnE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,QAAA,MAAM,UAAU,wFAyBd,CAAC;AAMH,QAAA,MAAM,WAAW,4JAYf,CAAC;AAMH,QAAA,MAAM,eAAe,gKASnB,CAAC;AAGH,QAAA,MAAM,MAAM,WACF,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;;;;;QAnTnE,8FAA8F;kBACpF,OAAO,GAAG,UAAU,GAAG,MAAM;QACvC,uEAAuE;sBACzD,cAAc;QAC5B,qEAAqE;mBAC1D,OAAO;QAClB,wEAAwE;uBACzD,cAAc;QAC7B,uFAAuF;yBACtE,OAAO;QACxB,uDAAuD;gBAC/C,OAAO;;;QA+Hf,8FAA8F;wBAC9E,MAAM,GAAG,MAAM;;;;;CAqLhC,CAAC;AAEF,OAAO,EACL,MAAM,EACN,UAAU,EACV,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,UAAU,EACV,WAAW,EACX,eAAe,GAChB,CAAC"}
1
+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAsBzD,QAAA,MAAM,UAAU,uCAAuB,CAAC;AACxC,QAAA,MAAM,WAAW,yGAAwB,CAAC;AAC1C,QAAA,MAAM,WAAW,0GAAwB,CAAC;AAmB1C,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAC7D,OAAO,eAAe,CAAC,OAAO,CAC/B,GAAG;IACF;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;IACxC,uEAAuE;IACvE,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,mFAAmF;IACnF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,0FAA0F;IAC1F,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,QAAA,MAAM,aAAa;IAtBjB;;;;;OAKG;cACO,OAAO,GAAG,UAAU,GAAG,MAAM;IACvC,uEAAuE;kBACzD,cAAc;IAC5B,mFAAmF;eACxE,OAAO;IAClB,wEAAwE;mBACzD,cAAc;IAC7B,0FAA0F;qBACzE,OAAO;IACxB;;;OAGG;YACK,OAAO;2CAwHhB,CAAC;AAiBF,QAAA,MAAM,aAAa;IARjB;;;;OAIG;oBACa,MAAM,GAAG,MAAM;wCA+FhC,CAAC;AAMF,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IACnE,+EAA+E;IAC/E,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,QAAA,MAAM,UAAU,wFAuBd,CAAC;AAMH,QAAA,MAAM,WAAW,4JAYf,CAAC;AAMH,QAAA,MAAM,eAAe,gKASnB,CAAC;AAGH,QAAA,MAAM,MAAM,WACF,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;;;;;QAhUnE;;;;;WAKG;kBACO,OAAO,GAAG,UAAU,GAAG,MAAM;QACvC,uEAAuE;sBACzD,cAAc;QAC5B,mFAAmF;mBACxE,OAAO;QAClB,wEAAwE;uBACzD,cAAc;QAC7B,0FAA0F;yBACzE,OAAO;QACxB;;;WAGG;gBACK,OAAO;;;QAiIf;;;;WAIG;wBACa,MAAM,GAAG,MAAM;;;;;CAoLhC,CAAC;AAEF,OAAO,EACL,MAAM,EACN,UAAU,EACV,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,UAAU,EACV,WAAW,EACX,eAAe,GAChB,CAAC"}
@@ -1,13 +1,108 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { SelectTriggerProps } from './Select';
3
- declare const meta: Meta<SelectTriggerProps>;
1
+ import { ComponentProps } from 'react';
2
+ import { StoryObj } from '@storybook/react-vite';
3
+ import { Select, SelectTriggerProps } from './Select';
4
+ interface SelectOption {
5
+ value: string;
6
+ label: string;
7
+ disabled?: boolean;
8
+ }
9
+ type SelectStoryArgs = ComponentProps<typeof Select> & Pick<SelectTriggerProps, "variant" | "error" | "severity" | "leadingIcon" | "aria-label"> & {
10
+ options: SelectOption[];
11
+ placeholder?: string;
12
+ };
13
+ declare const meta: {
14
+ title: string;
15
+ component: ((props: React.ComponentPropsWithoutRef<import('react').FC<import('@radix-ui/react-select').SelectProps>>) => import("react/jsx-runtime").JSX.Element) & {
16
+ displayName: string;
17
+ Group: import('react').ForwardRefExoticComponent<import('@radix-ui/react-select').SelectGroupProps & import('react').RefAttributes<HTMLDivElement>>;
18
+ Value: import('react').ForwardRefExoticComponent<import('@radix-ui/react-select').SelectValueProps & import('react').RefAttributes<HTMLSpanElement>>;
19
+ Trigger: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectTriggerProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
20
+ variant?: "ghost" | "outlined" | "icon";
21
+ leadingIcon?: import('..').IconDefinition;
22
+ severity?: boolean;
23
+ trailingIcon?: import('..').IconDefinition;
24
+ replaceChevron?: boolean;
25
+ error?: boolean;
26
+ } & import('react').RefAttributes<HTMLButtonElement>>;
27
+ Content: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
28
+ wrapperZIndex?: number | string;
29
+ } & import('react').RefAttributes<HTMLDivElement>>;
30
+ Item: import('react').ForwardRefExoticComponent<import('./Select').SelectItemProps & import('react').RefAttributes<HTMLDivElement>>;
31
+ Label: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectLabelProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
32
+ Separator: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectSeparatorProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
33
+ };
34
+ subcomponents: {
35
+ "Select.Trigger": import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectTriggerProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
36
+ variant?: "ghost" | "outlined" | "icon";
37
+ leadingIcon?: import('..').IconDefinition;
38
+ severity?: boolean;
39
+ trailingIcon?: import('..').IconDefinition;
40
+ replaceChevron?: boolean;
41
+ error?: boolean;
42
+ } & import('react').RefAttributes<HTMLButtonElement>>;
43
+ "Select.Content": import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
44
+ wrapperZIndex?: number | string;
45
+ } & import('react').RefAttributes<HTMLDivElement>>;
46
+ "Select.Item": import('react').ForwardRefExoticComponent<import('./Select').SelectItemProps & import('react').RefAttributes<HTMLDivElement>>;
47
+ };
48
+ parameters: {
49
+ layout: string;
50
+ docs: {
51
+ description: {
52
+ component: string;
53
+ };
54
+ };
55
+ };
56
+ decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
57
+ children?: import('react').ReactNode;
58
+ open?: boolean | undefined;
59
+ defaultOpen?: boolean | undefined;
60
+ onOpenChange?: ((open: boolean) => void) | undefined;
61
+ dir?: ("ltr" | "rtl") | undefined;
62
+ name?: string | undefined;
63
+ autoComplete?: string | undefined;
64
+ disabled?: boolean | undefined;
65
+ required?: boolean | undefined;
66
+ form?: string | undefined;
67
+ value?: string | undefined;
68
+ defaultValue?: string | undefined;
69
+ onValueChange?: ((value: string) => void) | undefined;
70
+ "aria-label"?: string | undefined | undefined;
71
+ error?: boolean | undefined;
72
+ variant?: "ghost" | "outlined" | "icon" | undefined;
73
+ leadingIcon?: import('..').IconDefinition | undefined;
74
+ severity?: boolean | undefined;
75
+ options: SelectOption[];
76
+ placeholder?: string | undefined;
77
+ }>) => import("react/jsx-runtime").JSX.Element)[];
78
+ argTypes: {
79
+ variant: {
80
+ control: "radio";
81
+ options: string[];
82
+ };
83
+ leadingIcon: {
84
+ control: false;
85
+ };
86
+ };
87
+ args: {
88
+ options: SelectOption[];
89
+ placeholder: string;
90
+ variant: "outlined";
91
+ "aria-label": string;
92
+ disabled: false;
93
+ error: false;
94
+ onValueChange: import('storybook/test').Mock<(...args: any[]) => any>;
95
+ };
96
+ render: (args: SelectStoryArgs) => import("react/jsx-runtime").JSX.Element;
97
+ };
4
98
  export default meta;
5
- type Story = StoryObj<SelectTriggerProps>;
6
- export declare const SelectLarge: Story;
7
- export declare const GhostEmpty: Story;
8
- export declare const Disabled: Story;
9
- export declare const WithDisabledItems: Story;
99
+ type Story = StoryObj<typeof meta>;
100
+ export declare const Default: Story;
101
+ export declare const Variants: Story;
102
+ export declare const States: Story;
10
103
  export declare const Grouped: Story;
11
- export declare const OutlinedEmpty: Story;
12
- export declare const OutlinedWithValue: Story;
104
+ export declare const LongContent: Story;
105
+ export declare const Empty: Story;
106
+ export declare const Controlled: Story;
107
+ export declare const InsideField: Story;
13
108
  //# sourceMappingURL=Select.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAW5D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAgBnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,kBAAkB,CA0BlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC;AAM1C,eAAO,MAAM,WAAW,EAAE,KAgBzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAexB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAe/B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAuBrB,CAAC;AAMF,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAoB/B,CAAC"}
1
+ {"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EACL,MAAM,EAIN,KAAK,kBAAkB,EACxB,MAAM,UAAU,CAAC;AAMlB,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AASD,KAAK,eAAe,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAClD,IAAI,CACF,kBAAkB,EAClB,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,GAAG,YAAY,CAChE,GAAG;IACF,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAsCJ,QAAA,MAAM,IAAI;;wBAyM4hK,MAAO,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAjPxjK,YAAY,EAAE;sBACT,MAAM;;;;;;;;;;;;;;;;;;;;;CA6ES,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAgCtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAmBpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAuBrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAsBF,eAAO,MAAM,UAAU,EAAE,KAGxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAkBzB,CAAC"}
@@ -1,9 +1,12 @@
1
1
  import * as React from "react";
2
2
  export interface ShapeLogoProps {
3
+ /** Width of the `<svg>`; the height follows the aspect ratio. @default 150 */
3
4
  width?: string | number;
4
- /** Controls letter/body fill: 'dark' = off-white (#f0f0f0), 'light' = black. Defaults to 'dark'. */
5
+ /** Letter fill: `"dark"` = white letters for dark backgrounds, `"light"` = black letters for light backgrounds. @default "dark" */
5
6
  variant?: "dark" | "light";
7
+ /** Classes for the root `<svg>`. */
6
8
  className?: string;
9
+ /** Accessible name of the logo. @default "Shape logo" (translated through `shape_ui`) */
7
10
  "aria-label"?: string;
8
11
  }
9
12
  declare const ShapeLogo: React.ForwardRefExoticComponent<ShapeLogoProps & React.RefAttributes<SVGSVGElement>>;
@@ -1 +1 @@
1
- {"version":3,"file":"ShapeLogo.d.ts","sourceRoot":"","sources":["../../../src/components/ShapeLogo/ShapeLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,oGAAoG;IACpG,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,SAAS,sFA0Ed,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,CAAC"}
1
+ {"version":3,"file":"ShapeLogo.d.ts","sourceRoot":"","sources":["../../../src/components/ShapeLogo/ShapeLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,cAAc;IAC7B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,mIAAmI;IACnI,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yFAAyF;IACzF,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,SAAS,sFAwEd,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,CAAC"}
@@ -1,8 +1,33 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { ShapeLogo } from './ShapeLogo';
3
- declare const meta: Meta<typeof ShapeLogo>;
1
+ import { StoryObj } from '@storybook/react-vite';
2
+ declare const meta: {
3
+ title: string;
4
+ component: import('react').ForwardRefExoticComponent<import('./ShapeLogo').ShapeLogoProps & import('react').RefAttributes<SVGSVGElement>>;
5
+ parameters: {
6
+ layout: string;
7
+ docs: {
8
+ description: {
9
+ component: string;
10
+ };
11
+ };
12
+ };
13
+ argTypes: {
14
+ variant: {
15
+ control: "radio";
16
+ options: string[];
17
+ };
18
+ width: {
19
+ control: "number";
20
+ };
21
+ };
22
+ args: {
23
+ variant: "dark";
24
+ width: number;
25
+ };
26
+ };
4
27
  export default meta;
5
- type Story = StoryObj<typeof ShapeLogo>;
28
+ type Story = StoryObj<typeof meta>;
6
29
  export declare const Default: Story;
7
30
  export declare const Variants: Story;
31
+ export declare const Sizes: Story;
32
+ export declare const CustomLabel: Story;
8
33
  //# sourceMappingURL=ShapeLogo.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ShapeLogo.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ShapeLogo/ShapeLogo.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAahC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAKF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC"}
1
+ {"version":3,"file":"ShapeLogo.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ShapeLogo/ShapeLogo.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;CAiBwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC"}
@@ -1,14 +1,30 @@
1
1
  import * as React from "react";
2
+ /** Sort of a column; `null` when it is not sorted. */
2
3
  export type SortDirection = "asc" | "desc" | null;
3
- export interface SortableColumn {
4
- key: string;
5
- content: React.ReactNode;
4
+ export type SortableColumn = {
5
+ /** Shows the sort button. @default true */
6
6
  sortable?: boolean;
7
+ /** Current sort of this column; `null` when unsorted. @default null */
7
8
  sortDirection?: SortDirection;
9
+ /** @deprecated Use `onSort` on SortableTableSection. */
8
10
  onSort?: () => void;
9
- }
11
+ } & ({
12
+ /** Column identifier, passed to `onSort`. */
13
+ value: string;
14
+ /** Header content. */
15
+ label: React.ReactNode;
16
+ } | {
17
+ /** @deprecated Use `value`. */
18
+ key: string;
19
+ /** @deprecated Use `label`. */
20
+ content: React.ReactNode;
21
+ });
10
22
  export interface SortableTableSectionProps extends React.HTMLAttributes<HTMLTableSectionElement> {
23
+ /** Header cells, in order. Each one carries its own `sortDirection`. */
11
24
  columns: SortableColumn[];
25
+ /** Called when a sortable header is clicked, with the column's `value`. */
26
+ onSort?: (value: string) => void;
27
+ /** Grey, regular-weight header text. @default false */
12
28
  muted?: boolean;
13
29
  }
14
30
  declare const SortableTableSection: React.ForwardRefExoticComponent<SortableTableSectionProps & React.RefAttributes<HTMLTableSectionElement>>;
@@ -1 +1 @@
1
- {"version":3,"file":"SortableTableSection.d.ts","sourceRoot":"","sources":["../../../src/components/SortableTableSection/SortableTableSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;AAElD,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,yBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;IACrD,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAOD,QAAA,MAAM,oBAAoB,2GA0CxB,CAAC;AAGH,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
1
+ {"version":3,"file":"SortableTableSection.d.ts","sourceRoot":"","sources":["../../../src/components/SortableTableSection/SortableTableSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,sDAAsD;AACtD,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;AAElD,MAAM,MAAM,cAAc,GAAG;IAC3B,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,CACA;IACE,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,GACD;IACE,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,+BAA+B;IAC/B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CACJ,CAAC;AAEF,MAAM,WAAW,yBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;IACrD,wEAAwE;IACxE,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,2EAA2E;IAC3E,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,uDAAuD;IACvD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAeD,QAAA,MAAM,oBAAoB,2GAgDxB,CAAC;AAGH,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
@@ -1,9 +1,48 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { SortableTableSection } from './index';
3
- declare const meta: Meta<typeof SortableTableSection>;
1
+ import { StoryObj } from '@storybook/react-vite';
2
+ import { SortableTableSectionProps } from './index';
3
+ declare const meta: {
4
+ title: string;
5
+ component: import('react').ForwardRefExoticComponent<SortableTableSectionProps & import('react').RefAttributes<HTMLTableSectionElement>>;
6
+ parameters: {
7
+ layout: string;
8
+ docs: {
9
+ description: {
10
+ component: string;
11
+ };
12
+ };
13
+ };
14
+ args: {
15
+ columns: ({
16
+ value: string;
17
+ label: string;
18
+ sortDirection: "asc";
19
+ sortable?: undefined;
20
+ } | {
21
+ value: string;
22
+ label: string;
23
+ sortDirection?: undefined;
24
+ sortable?: undefined;
25
+ } | {
26
+ value: string;
27
+ label: string;
28
+ sortDirection: "desc";
29
+ sortable?: undefined;
30
+ } | {
31
+ value: string;
32
+ label: string;
33
+ sortable: false;
34
+ sortDirection?: undefined;
35
+ })[];
36
+ muted: false;
37
+ onSort: import('storybook/test').Mock<(...args: any[]) => any>;
38
+ };
39
+ render: (args: SortableTableSectionProps & import('react').RefAttributes<HTMLTableSectionElement>) => import("react/jsx-runtime").JSX.Element;
40
+ };
4
41
  export default meta;
5
- type Story = StoryObj<typeof SortableTableSection>;
42
+ type Story = StoryObj<typeof meta>;
6
43
  export declare const Default: Story;
7
44
  export declare const Muted: Story;
8
- export declare const Interactive: Story;
45
+ export declare const LongContent: Story;
46
+ /** Each click on the same header cycles ascending → descending → unsorted. */
47
+ export declare const Controlled: Story;
9
48
  //# sourceMappingURL=SortableTableSection.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SortableTableSection.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SortableTableSection/SortableTableSection.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAE,oBAAoB,EAAsB,MAAM,SAAS,CAAC;AAEnE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,oBAAoB,CAU3C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAEnD,eAAO,MAAM,OAAO,EAAE,KAgDrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAgCnB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA8CzB,CAAC"}
1
+ {"version":3,"file":"SortableTableSection.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SortableTableSection/SortableTableSection.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,EAGL,KAAK,yBAAyB,EAE/B,MAAM,SAAS,CAAC;AAmCjB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAcmC,CAAC;AAE9C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,KAAK,EAAE,KAAiC,CAAC;AAEtD,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAuCF,8EAA8E;AAC9E,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC"}
@@ -1,13 +1,23 @@
1
1
  import * as React from 'react';
2
+ /** Diameter preset of the spinner; `lg` also uses a thicker border. */
2
3
  export type SpinnerSize = 'sm' | 'md' | 'lg';
3
4
  export interface SpinnerProps {
5
+ /** Diameter of the spinner. @default "md" */
4
6
  size?: SpinnerSize;
5
- /** Wraps the spinner in a full-viewport centered container (replaces ContainedLoading). */
7
+ /**
8
+ * Wraps the spinner in a full-viewport centered container (replaces ContainedLoading).
9
+ * @default false
10
+ */
6
11
  centered?: boolean;
7
12
  /** Applied to the spinner itself, also when `centered` wraps it. */
8
13
  className?: string;
9
14
  }
10
- /** `ref` points at the spinner itself, also when `centered` wraps it. */
15
+ /**
16
+ * Indeterminate loading indicator with `role="status"` and the accessible name "Loading",
17
+ * translated through `shape_ui`.
18
+ *
19
+ * `ref` points at the spinner itself, also when `centered` wraps it.
20
+ */
11
21
  declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLSpanElement>>;
12
22
  export { Spinner };
13
23
  //# sourceMappingURL=Spinner.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,yEAAyE;AACzE,QAAA,MAAM,OAAO,sFAyBZ,CAAC;AAGF,OAAO,EAAE,OAAO,EAAE,CAAC"}
1
+ {"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,uEAAuE;AACvE,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,MAAM,WAAW,YAAY;IAC3B,6CAA6C;IAC7C,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD;;;;;GAKG;AACH,QAAA,MAAM,OAAO,sFA0BZ,CAAC;AAGF,OAAO,EAAE,OAAO,EAAE,CAAC"}
@@ -1,8 +1,30 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { Spinner } from './Spinner';
3
- declare const meta: Meta<typeof Spinner>;
1
+ import { StoryObj } from '@storybook/react-vite';
2
+ import { SpinnerSize } from './Spinner';
3
+ declare const meta: {
4
+ title: string;
5
+ component: import('react').ForwardRefExoticComponent<import('./Spinner').SpinnerProps & import('react').RefAttributes<HTMLSpanElement>>;
6
+ parameters: {
7
+ layout: string;
8
+ docs: {
9
+ description: {
10
+ component: string;
11
+ };
12
+ };
13
+ };
14
+ argTypes: {
15
+ size: {
16
+ control: "select";
17
+ options: SpinnerSize[];
18
+ };
19
+ };
20
+ args: {
21
+ size: "md";
22
+ centered: false;
23
+ };
24
+ };
4
25
  export default meta;
5
- type Story = StoryObj<typeof Spinner>;
26
+ type Story = StoryObj<typeof meta>;
6
27
  export declare const Default: Story;
7
28
  export declare const Sizes: Story;
29
+ export declare const Centered: Story;
8
30
  //# sourceMappingURL=Spinner.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Spinner.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAa9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAKF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC"}
1
+ {"version":3,"file":"Spinner.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAW,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAItD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAgBsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAGtB,CAAC"}
@@ -1,27 +1,35 @@
1
1
  import * as React from "react";
2
2
  interface StepperProps extends React.ComponentProps<"div"> {
3
+ /** 1-based number of the current step. With `totalSteps`, builds the accessible name ("Step 2 of 3"). */
3
4
  currentStep?: number;
5
+ /** Total number of steps. With `currentStep`, builds the accessible name ("Step 2 of 3"). */
4
6
  totalSteps?: number;
5
7
  }
6
8
  declare const Stepper: React.ForwardRefExoticComponent<Omit<StepperProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
7
9
  interface StepProps extends React.ComponentProps<"div"> {
10
+ /** Marks this as the current step (`aria-current="step"`). @default false */
8
11
  active?: boolean;
9
12
  }
10
13
  declare const Step: React.ForwardRefExoticComponent<Omit<StepProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
11
14
  interface StepLabelProps extends React.ComponentProps<"div"> {
15
+ /** Highlights the label as the current step. @default false */
12
16
  active?: boolean;
17
+ /** Highlights the label as a finished step. @default false */
13
18
  completed?: boolean;
14
19
  }
15
20
  declare const StepLabel: React.ForwardRefExoticComponent<Omit<StepLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
16
21
  interface StepIconProps extends React.ComponentProps<"div"> {
22
+ /** Fills the circle as the current step. @default false */
17
23
  active?: boolean;
24
+ /** Fills the circle as a finished step. @default false */
18
25
  completed?: boolean;
19
26
  }
20
27
  declare const StepIcon: React.ForwardRefExoticComponent<Omit<StepIconProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
21
28
  interface StepConnectorProps extends React.ComponentProps<"div"> {
29
+ /** Colors the line to show that the step before it is finished. @default false */
22
30
  completed?: boolean;
23
31
  }
24
32
  declare const StepConnector: React.ForwardRefExoticComponent<Omit<StepConnectorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
25
33
  export { Stepper, Step, StepLabel, StepIcon, StepConnector };
26
- export type { StepperProps, StepProps, StepLabelProps, StepIconProps, StepConnectorProps };
34
+ export type { StepperProps, StepProps, StepLabelProps, StepIconProps, StepConnectorProps, };
27
35
  //# sourceMappingURL=Stepper.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,OAAO,kGAkBZ,CAAC;AAGF,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,IAAI,+FAST,CAAC;AAGF,UAAU,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,SAAS,oGAYd,CAAC;AAGF,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACzD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,QAAQ,mGAYb,CAAC;AAGF,UAAU,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,aAAa,wGAYlB,CAAC;AAGF,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC;AAC7D,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAC"}
1
+ {"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACxD,yGAAyG;IACzG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6FAA6F;IAC7F,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,OAAO,kGAwBZ,CAAC;AAGF,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACrD,6EAA6E;IAC7E,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,IAAI,+FAST,CAAC;AAGF,UAAU,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC1D,+DAA+D;IAC/D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,SAAS,oGAYd,CAAC;AAGF,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACzD,2DAA2D;IAC3D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,QAAQ,mGAcb,CAAC;AAGF,UAAU,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC9D,kFAAkF;IAClF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,aAAa,wGAYlB,CAAC;AAGF,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC;AAC7D,YAAY,EACV,YAAY,EACZ,SAAS,EACT,cAAc,EACd,aAAa,EACb,kBAAkB,GACnB,CAAC"}