@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
package/README.md CHANGED
@@ -1,53 +1,38 @@
1
- # @shape/shape-ui
1
+ # @shape-digital-env/shape-ui
2
2
 
3
- Shape UI is the Shape Design System — a React component library built for the Shape platform ecosystem (Aura, Lighthouse, Reef).
3
+ Shape UI is Shape Digital's design system — a React component library styled with [Tailwind CSS v4](https://tailwindcss.com/), built on top of [Radix UI](https://www.radix-ui.com/) primitives.
4
4
 
5
- ## What it is
5
+ ## What it provides
6
6
 
7
- shape-ui is an internal library that lives inside the Shape monorepo at `libs/shape-ui`. It provides:
8
-
9
- - **Design tokens** — colors, typography, and spacing as CSS custom properties and TypeScript constants, sourced directly from the Shape Figma design system
10
- - **React components** — accessible, unstyled-at-the-primitive-level components built on top of [Radix UI](https://www.radix-ui.com/), styled with [Tailwind CSS v4](https://tailwindcss.com/) using Shape tokens
11
- - **Icons** — the Material Symbols Rounded catalogue as tree-shakeable SVG modules
12
- - **Storybook** — interactive component documentation and visual testing
13
-
14
- ## What problem it solves
15
-
16
- Before Shape UI, UI decisions were made app-by-app. Components were duplicated across Aura, Lighthouse, and Reef with inconsistent styles, tokens, and behavior. Design changes required manual updates in multiple places.
17
-
18
- Shape UI creates a single source of truth between design and code:
19
-
20
- - A change to a color token in `color.css` propagates to every app that imports `@shape/shape-ui/styles.css`
21
- - A component built once in Shape UI is available to all Shape apps without duplication
22
- - Designers and developers share the same language — the same token names appear in Figma variables and in code
23
-
24
- ## Goals
25
-
26
- - **Consistency** — every Shape product looks and behaves like it belongs to the same family
27
- - **Figma-first** — tokens and components are derived directly from the Figma design system, not the other way around
28
- - **Accessible by default** — Radix UI primitives handle keyboard navigation, focus management, and ARIA attributes so product teams don't have to
29
- - **Zero runtime overhead** — Tailwind v4 generates only the CSS that's used; no CSS-in-JS, no runtime style injection
30
- - **Developer experience** — a dev adds a component in 3 lines of code; a designer opens Dev Mode and sees that exact code
7
+ - **Design tokens** — colors, typography, and spacing as CSS custom properties, sourced from the Shape Figma design system
8
+ - **React components** — accessible, unstyled-at-the-primitive-level components built on Radix UI
9
+ - **Self-hosted fonts** — Nunito and Roboto ship with the package; no external font requests
31
10
 
32
11
  ## Usage
33
12
 
34
13
  Import the compiled stylesheet once in your app's entry point (e.g. `main.tsx`):
35
14
  ```ts
36
- import '@shape/shape-ui/styles.css';
15
+ import '@shape-digital-env/shape-ui/styles.css';
37
16
  ```
38
17
 
39
18
  This loads all design tokens (colors, spacing, typography) and base styles globally. Do not import it inside individual components.
40
19
 
41
20
  Then use components:
42
21
  ```tsx
43
- import { Tabs, TabsList, TabsTrigger } from '@shape/shape-ui';
44
-
45
- <Tabs defaultValue="sensors">
46
- <TabsList>
47
- <TabsTrigger value="sensors">Sensors</TabsTrigger>
48
- <TabsTrigger value="features">Features</TabsTrigger>
49
- </TabsList>
50
- </Tabs>
22
+ import { Button } from '@shape-digital-env/shape-ui';
23
+
24
+ <Button variant="primary">Click me</Button>
25
+ ```
26
+
27
+ ## Dark background assumption
28
+
29
+ Components are designed against a dark page background — `--color-black` is meant to be the app's own background color, and surfaces like `Card` (`--color-gray-100`) are styled for contrast against it. Set the background yourself (e.g. on `<body>`) if your app doesn't already render on dark:
30
+
31
+ ```css
32
+ body {
33
+ background: var(--color-black);
34
+ color: #fff;
35
+ }
51
36
  ```
52
37
 
53
38
  ## Form fields
@@ -55,7 +40,7 @@ import { Tabs, TabsList, TabsTrigger } from '@shape/shape-ui';
55
40
  A control on its own — `Input`, `Select`, `Checkbox`… — renders the control and nothing more. The required marker, the validation message and the label/description wiring live in `Field`, which wraps any of them:
56
41
 
57
42
  ```tsx
58
- import { Field, FieldLabel, FieldError, Input } from '@shape/shape-ui';
43
+ import { Field, FieldLabel, FieldError, Input } from '@shape-digital-env/shape-ui';
59
44
 
60
45
  <Field required>
61
46
  <FieldLabel>Case title</FieldLabel>
@@ -64,54 +49,8 @@ import { Field, FieldLabel, FieldError, Input } from '@shape/shape-ui';
64
49
  </Field>
65
50
  ```
66
51
 
67
- `required` puts the `*` on the label and `required`/`aria-required` on the control. Submitting the form with the field still empty shows the library's own required-field message below it — `shape_ui:field.required`, which is "Preenchimento obrigatório" in pt-BR — and `FieldError` accepts children to override it. Controls that Radix renders as buttons (`Select`, `MultiSelect`, `Checkbox`, `Switch`, `RadioGroup`) are never validated by the browser — pass `invalid` to the `Field` for those.
68
-
69
- Existing screens are unaffected: outside a `Field` every control behaves exactly as before, and the `error` prop that `Input`, `Textarea` and `Select` already had still wins when both are present. See the **Components/Field** page in Storybook for the full API.
70
-
71
- ## Architecture
72
-
73
- shape-ui follows the same pattern as [shadcn/ui](https://ui.shadcn.com/) — but instead of copying components into your project, they live in this shared lib. The dependency chain is:
74
- ```
75
- Radix UI primitives → shape-ui components → Shape apps
76
- (behavior, a11y) (tokens, style) (Aura, Reef…)
77
- ```
78
-
79
- Components are not black boxes. They accept `className` overrides and forward refs, so apps can extend them when needed without forking.
80
-
81
- ## Running Storybook
82
- ```bash
83
- # from libs/shape-ui
84
- yarn run storybook
85
- ```
86
-
87
- ## Contributing
88
-
89
- The contribution rules live in Storybook, under **Guides**, next to the components they describe (source in [`src/docs/`](src/docs/)):
90
-
91
- - **Presentational components** — what a component in this lib may and may not do, and how the lint enforces it.
92
- - **Configuration objects** — naming, item shape, state and callbacks for data-driven props (`tabs`, `columns`, `options`…).
93
- - **New component or change an existing one** — the decision, and the steps to add a component.
94
- - **Writing stories** — the stories every component needs, interaction tests, example data and a template.
52
+ `required` puts the `*` on the label and `required`/`aria-required` on the control. Controls that Radix renders as buttons (`Select`, `MultiSelect`, `Checkbox`, `Switch`, `RadioGroup`) are never validated by the browser — pass `invalid` to the `Field` for those.
95
53
 
96
54
  ## Icons
97
55
 
98
- All iconography uses **[Material Symbols Rounded](https://fonts.google.com/icons)** (weight 500), drawn as inline SVG. Every icon in the catalogue is its own module under `@shape/shape-ui/icons/<name>`, named exactly as on the Google Fonts site, so an icon picked in Figma maps 1:1 to an import:
99
-
100
- ```tsx
101
- import { Icon } from '@shape/shape-ui';
102
- import settingsIcon from '@shape/shape-ui/icons/settings';
103
-
104
- <Icon icon={settingsIcon} size="lg" filled />
105
- ```
106
-
107
- Only the icons you import end up in your bundle — there is no font to download, so nothing flashes as text while the page loads and nothing can be blocked by an ad-blocker. There is deliberately no barrel (`@shape/shape-ui/icons`): always import the single icon.
108
-
109
- Component props that take an icon (`SelectTrigger`'s `leadingIcon`/`trailingIcon`, `LegendIcon`'s `icon`) take the same imported value.
110
-
111
- When the icon name only exists at runtime (e.g. it comes from a database), keep an explicit map in the app — `{ settings: settingsIcon, … }` — instead of importing icons by computed path, which would pull the whole catalogue.
112
-
113
- The modules are generated from [`@material-symbols/svg-500`](https://www.npmjs.com/package/@material-symbols/svg-500) by `scripts/generate-icons.mjs` and committed. To pick up new icons, bump the version pinned in the script and run `node scripts/generate-icons.mjs` from `libs/shape-ui`.
114
-
115
- ## Fonts
116
-
117
- Nunito (`--font-head`) and Roboto (`--font-body`) are self-hosted: `src/fonts/` holds the variable woff2 files (latin and latin-ext, weights 300–700) and their OFL licenses, and `styles.css` ships the `@font-face` rules. Importing `@shape/shape-ui/styles.css` is enough — no Google Fonts link is needed in the consuming app.
56
+ Not available in this package yet. `Icon` is exported, but its required `icon` prop is only sourced from per-icon modules (`@shape-digital-env/shape-ui/icons/<name>`) that aren't published in this version — support is planned for an upcoming release.
package/components/Accordion/Accordion.d.ts CHANGED
@@ -1,21 +1,46 @@
1
1
  import * as React from "react";
2
- export type AccordionItem = {
3
- key: string;
4
- name: string;
2
+ export type AccordionItemConfig = {
3
+ /** Text in the second column, next to the label. */
5
4
  displayValue: string;
5
+ /** Whether the row's checkbox is checked. */
6
6
  checked: boolean;
7
- onChange: () => void;
8
- };
7
+ /** @deprecated Use `onItemCheckedChange` on the Accordion. */
8
+ onChange?: () => void;
9
+ } & ({
10
+ /** Stable identifier, passed to `onItemCheckedChange`. */
11
+ value: string;
12
+ /** Row label. */
13
+ label: string;
14
+ } | {
15
+ /** @deprecated Use `value`. */
16
+ key: string;
17
+ /** @deprecated Use `label`. */
18
+ name: string;
19
+ });
20
+ /** @deprecated Use `AccordionItemConfig`. */
21
+ export type AccordionItem = AccordionItemConfig;
9
22
  export type AccordionProps = {
23
+ /** Section title in the header. */
10
24
  title: string;
11
- items?: AccordionItem[];
25
+ /** Rows with a checkbox each. Ignored when `children` is given. */
26
+ items?: AccordionItemConfig[];
27
+ /** Called when a row's checkbox changes, with the row's `value`. */
28
+ onItemCheckedChange?: (value: string, checked: boolean) => void;
29
+ /** Header of the checkbox column. No header row when omitted. */
12
30
  columnLabel?: string;
31
+ /** Open state when uncontrolled. @default true */
13
32
  defaultOpen?: boolean;
14
33
  className?: string;
34
+ /** Replaces the list of `items`. */
15
35
  children?: React.ReactNode;
36
+ /** Open state, when controlled. Pair it with `onOpenChange`. */
37
+ open?: boolean;
38
+ /** @deprecated Use `open`. */
16
39
  expanded?: boolean;
40
+ /** Called with the new open state when the header is clicked. Only fires when controlled (`open` set). */
17
41
  onOpenChange?: (open: boolean) => void;
42
+ /** Content at the end of the header, before the chevron. */
18
43
  headerExtra?: React.ReactNode;
19
44
  };
20
- export declare const Accordion: ({ title, items, columnLabel, defaultOpen, className, children, expanded, onOpenChange, headerExtra, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
45
+ export declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
21
46
  //# sourceMappingURL=Accordion.d.ts.map
package/components/Accordion/Accordion.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,aAAa,GAAG;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,aAAa,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,SAAS,0GAUnB,cAAc,4CA4FhB,CAAC"}
1
+ {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,mBAAmB,GAAG;IAChC,oDAAoD;IACpD,YAAY,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,OAAO,EAAE,OAAO,CAAC;IACjB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,GAAG,CACA;IACE,0DAA0D;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,GACD;IACE,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAC;CACd,CACJ,CAAC;AAEF,6CAA6C;AAC7C,MAAM,MAAM,aAAa,GAAG,mBAAmB,CAAC;AAEhD,MAAM,MAAM,cAAc,GAAG;IAC3B,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC9B,oEAAoE;IACpE,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChE,iEAAiE;IACjE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gEAAgE;IAChE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0GAA0G;IAC1G,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,4DAA4D;IAC5D,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B,CAAC;AAgBF,eAAO,MAAM,SAAS,uFAgHrB,CAAC"}
package/components/Accordion/Accordion.stories.d.ts CHANGED
@@ -1,9 +1,52 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { Accordion } from './Accordion';
3
- declare const meta: Meta<typeof Accordion>;
1
+ import { StoryObj } from '@storybook/react-vite';
2
+ import { AccordionItemConfig, AccordionProps } from './Accordion';
3
+ declare const meta: {
4
+ title: string;
5
+ component: import('react').ForwardRefExoticComponent<AccordionProps & import('react').RefAttributes<HTMLDivElement>>;
6
+ parameters: {
7
+ docs: {
8
+ description: {
9
+ component: string;
10
+ };
11
+ };
12
+ };
13
+ decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
14
+ title: string;
15
+ items?: AccordionItemConfig[] | undefined;
16
+ onItemCheckedChange?: ((value: string, checked: boolean) => void) | undefined;
17
+ columnLabel?: string | undefined;
18
+ defaultOpen?: boolean | undefined;
19
+ className?: string | undefined;
20
+ children?: import('react').ReactNode;
21
+ open?: boolean | undefined;
22
+ expanded?: boolean | undefined;
23
+ onOpenChange?: ((open: boolean) => void) | undefined;
24
+ headerExtra?: import('react').ReactNode;
25
+ ref?: import('react').LegacyRef<HTMLDivElement> | undefined;
26
+ key?: import('react').Key | null | undefined;
27
+ }>) => import("react/jsx-runtime").JSX.Element)[];
28
+ args: {
29
+ title: string;
30
+ items: ({
31
+ value: string;
32
+ label: string;
33
+ displayValue: string;
34
+ checked: true;
35
+ } | {
36
+ value: string;
37
+ label: string;
38
+ displayValue: string;
39
+ checked: false;
40
+ })[];
41
+ columnLabel: string;
42
+ onItemCheckedChange: import('storybook/test').Mock<(...args: any[]) => any>;
43
+ onOpenChange: import('storybook/test').Mock<(...args: any[]) => any>;
44
+ };
45
+ };
4
46
  export default meta;
5
- type Story = StoryObj<typeof Accordion>;
47
+ type Story = StoryObj<typeof meta>;
6
48
  export declare const Default: Story;
7
- export declare const InitiallyClosed: Story;
8
- export declare const Empty: Story;
49
+ export declare const States: Story;
50
+ export declare const LongContent: Story;
51
+ export declare const Controlled: Story;
9
52
  //# sourceMappingURL=Accordion.stories.d.ts.map
package/components/Accordion/Accordion.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAsB,MAAM,aAAa,CAAC;AAE5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAIhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAgCxC,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC"}
1
+ {"version":3,"file":"Accordion.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACpB,MAAM,aAAa,CAAC;AAkBrB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBwB,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,MAAM,EAAE,KAYpB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAC;AAoCF,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAC"}
package/components/AccountAvatar/AccountAvatar.d.ts CHANGED
@@ -1,6 +1,8 @@
1
1
  import * as React from "react";
2
2
  export interface AccountAvatarProps {
3
+ /** Name whose first letter is shown, upper-cased. Empty, blank or missing shows "?". */
3
4
  userName?: string;
5
+ /** Classes for the root `<span>`, e.g. to change its size. */
4
6
  className?: string;
5
7
  }
6
8
  declare const AccountAvatar: React.ForwardRefExoticComponent<Readonly<AccountAvatarProps> & React.RefAttributes<HTMLSpanElement>>;
package/components/AccountAvatar/AccountAvatar.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AccountAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/AccountAvatar/AccountAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,sGAkBjB,CAAC;AAGH,OAAO,EAAE,aAAa,EAAE,CAAC"}
1
+ {"version":3,"file":"AccountAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/AccountAvatar/AccountAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,kBAAkB;IACjC,wFAAwF;IACxF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,sGAkBjB,CAAC;AAGH,OAAO,EAAE,aAAa,EAAE,CAAC"}
package/components/AccountAvatar/AccountAvatar.stories.d.ts CHANGED
@@ -1,10 +1,23 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { AccountAvatar } from './AccountAvatar';
3
- declare const meta: Meta<typeof AccountAvatar>;
1
+ import { StoryObj } from '@storybook/react-vite';
2
+ declare const meta: {
3
+ title: string;
4
+ component: import('react').ForwardRefExoticComponent<Readonly<import('./AccountAvatar').AccountAvatarProps> & import('react').RefAttributes<HTMLSpanElement>>;
5
+ parameters: {
6
+ layout: string;
7
+ docs: {
8
+ description: {
9
+ component: string;
10
+ };
11
+ };
12
+ };
13
+ args: {
14
+ userName: string;
15
+ };
16
+ };
4
17
  export default meta;
5
- type Story = StoryObj<typeof AccountAvatar>;
18
+ type Story = StoryObj<typeof meta>;
6
19
  export declare const Default: Story;
7
- export declare const NoUserName: Story;
8
- export declare const EmptyUserName: Story;
9
- export declare const WhitespaceUserName: Story;
20
+ export declare const Fallback: Story;
21
+ export declare const NameVariety: Story;
22
+ export declare const CustomSize: Story;
10
23
  //# sourceMappingURL=AccountAvatar.stories.d.ts.map
package/components/AccountAvatar/AccountAvatar.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AccountAvatar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/AccountAvatar/AccountAvatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAIpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5C,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAI3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAIhC,CAAC"}
1
+ {"version":3,"file":"AccountAvatar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/AccountAvatar/AccountAvatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;CAa4B,CAAC;AAEvC,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,KAetB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAgBzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC"}
package/components/AppLogos/AppLogos.stories.d.ts CHANGED
@@ -2,12 +2,10 @@ import { Meta, StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: Meta;
3
3
  export default meta;
4
4
  type Story = StoryObj;
5
- export declare const Aura: Story;
6
- export declare const Lighthouse: Story;
7
- export declare const Lumen: Story;
8
- export declare const Reef: Story;
5
+ export declare const Symbols: Story;
6
+ export declare const WithName: Story;
9
7
  export declare const Lockup: Story;
10
8
  export declare const LockupWithoutShapeWordmark: Story;
11
- export declare const AllLogos: Story;
12
- export declare const WithName: Story;
9
+ export declare const CustomSize: Story;
10
+ export declare const TwoCopiesOnOnePage: Story;
13
11
  //# sourceMappingURL=AppLogos.stories.d.ts.map
package/components/AppLogos/AppLogos.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AppLogos.stories.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/AppLogos.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAW5D,QAAA,MAAM,IAAI,EAAE,IAKX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,IAAI,EAAE,KAElB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAElB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAWpB,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,KAWxC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAC"}
1
+ {"version":3,"file":"AppLogos.stories.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/AppLogos.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAY5D,QAAA,MAAM,IAAI,EAAE,IAWX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAapB,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,KAWxC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC;AAcF,eAAO,MAAM,kBAAkB,EAAE,KAkDhC,CAAC"}
package/components/AppLogos/AuraLogo.d.ts CHANGED
@@ -1,5 +1,7 @@
1
1
  import * as React from "react";
2
+ /** Aura product symbol, without the name. `ref` points at the `<svg>`. */
2
3
  export declare const AuraLogo: React.ForwardRefExoticComponent<Readonly<{
4
+ /** Classes for the root `<svg>`. */
3
5
  className?: string;
4
6
  }> & React.RefAttributes<SVGSVGElement>>;
5
7
  //# sourceMappingURL=AuraLogo.d.ts.map
package/components/AppLogos/AuraLogo.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AuraLogo.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/AuraLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,QAAQ;gBAEI,MAAM;wCAsT7B,CAAC"}
1
+ {"version":3,"file":"AuraLogo.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/AuraLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,0EAA0E;AAC1E,eAAO,MAAM,QAAQ;IAGjB,oCAAoC;gBACxB,MAAM;wCA0TpB,CAAC"}
package/components/AppLogos/AuraLogoWithName.d.ts CHANGED
@@ -1,5 +1,7 @@
1
1
  import * as React from "react";
2
+ /** Aura product symbol with the product name beside it. `ref` points at the `<svg>`. */
2
3
  export declare const AuraLogoWithName: React.ForwardRefExoticComponent<Readonly<{
4
+ /** Classes for the root `<svg>`. @default "h-6 w-auto max-w-full" */
3
5
  className?: string;
4
6
  }> & React.RefAttributes<SVGSVGElement>>;
5
7
  //# sourceMappingURL=AuraLogoWithName.d.ts.map
package/components/AppLogos/AuraLogoWithName.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AuraLogoWithName.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/AuraLogoWithName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,eAAO,MAAM,gBAAgB;gBAEJ,MAAM;wCAkG7B,CAAC"}
1
+ {"version":3,"file":"AuraLogoWithName.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/AuraLogoWithName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,wFAAwF;AACxF,eAAO,MAAM,gBAAgB;IAGzB,qEAAqE;gBACzD,MAAM;wCAsGpB,CAAC"}
package/components/AppLogos/LighthouseLockup.d.ts CHANGED
@@ -1,6 +1,9 @@
1
1
  import * as React from "react";
2
+ /** Lighthouse symbol with the "shape" wordmark above the product name. `ref` points at the `<svg>`. */
2
3
  export declare const LighthouseLockup: React.ForwardRefExoticComponent<Readonly<{
4
+ /** Classes for the root `<svg>`. The default includes an optical `translate-y` offset. @default "h-6 w-auto max-w-full translate-y-[-4px]" */
3
5
  className?: string;
6
+ /** Shows the "shape" wordmark above the product name. @default true */
4
7
  showShapeWordmark?: boolean;
5
8
  }> & React.RefAttributes<SVGSVGElement>>;
6
9
  //# sourceMappingURL=LighthouseLockup.d.ts.map
package/components/AppLogos/LighthouseLockup.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"LighthouseLockup.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/LighthouseLockup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,eAAO,MAAM,gBAAgB;gBAEJ,MAAM;wBAAsB,OAAO;wCA4G3D,CAAC"}
1
+ {"version":3,"file":"LighthouseLockup.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/LighthouseLockup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,uGAAuG;AACvG,eAAO,MAAM,gBAAgB;IAGzB,8IAA8I;gBAClI,MAAM;IAClB,uEAAuE;wBACnD,OAAO;wCAgH9B,CAAC"}
package/components/AppLogos/LighthouseLogo.d.ts CHANGED
@@ -1,5 +1,7 @@
1
1
  import * as React from "react";
2
+ /** Lighthouse product symbol, without the name. `ref` points at the `<svg>`. */
2
3
  export declare const LighthouseLogo: React.ForwardRefExoticComponent<Readonly<{
4
+ /** Classes for the root `<svg>`. */
3
5
  className?: string;
4
6
  }> & React.RefAttributes<SVGSVGElement>>;
5
7
  //# sourceMappingURL=LighthouseLogo.d.ts.map
package/components/AppLogos/LighthouseLogo.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"LighthouseLogo.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/LighthouseLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,cAAc;gBAEF,MAAM;wCA4F7B,CAAC"}
1
+ {"version":3,"file":"LighthouseLogo.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/LighthouseLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,gFAAgF;AAChF,eAAO,MAAM,cAAc;IAGvB,oCAAoC;gBACxB,MAAM;wCAgGpB,CAAC"}
package/components/AppLogos/LighthouseLogoWithName.d.ts CHANGED
@@ -1,5 +1,7 @@
1
1
  import * as React from "react";
2
+ /** Lighthouse product symbol with the product name beside it. `ref` points at the `<svg>`. */
2
3
  export declare const LighthouseLogoWithName: React.ForwardRefExoticComponent<Readonly<{
4
+ /** Classes for the root `<svg>`. @default "h-6 w-auto max-w-full" */
3
5
  className?: string;
4
6
  }> & React.RefAttributes<SVGSVGElement>>;
5
7
  //# sourceMappingURL=LighthouseLogoWithName.d.ts.map
package/components/AppLogos/LighthouseLogoWithName.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"LighthouseLogoWithName.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/LighthouseLogoWithName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0B/B,eAAO,MAAM,sBAAsB;gBAEV,MAAM;wCAkF7B,CAAC"}
1
+ {"version":3,"file":"LighthouseLogoWithName.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/LighthouseLogoWithName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2B/B,8FAA8F;AAC9F,eAAO,MAAM,sBAAsB;IAG/B,qEAAqE;gBACzD,MAAM;wCAsFpB,CAAC"}
package/components/AppLogos/LumenLogo.d.ts CHANGED
@@ -1,5 +1,7 @@
1
1
  import * as React from "react";
2
+ /** Lumen product symbol, without the name. `ref` points at the `<svg>`. */
2
3
  export declare const LumenLogo: React.ForwardRefExoticComponent<Readonly<{
4
+ /** Classes for the root `<svg>`. */
3
5
  className?: string;
4
6
  }> & React.RefAttributes<SVGSVGElement>>;
5
7
  //# sourceMappingURL=LumenLogo.d.ts.map
package/components/AppLogos/LumenLogo.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"LumenLogo.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/LumenLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,SAAS;gBAEG,MAAM;wCAsE7B,CAAC"}
1
+ {"version":3,"file":"LumenLogo.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/LumenLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,2EAA2E;AAC3E,eAAO,MAAM,SAAS;IAGlB,oCAAoC;gBACxB,MAAM;wCA0EpB,CAAC"}
package/components/AppLogos/LumenLogoWithName.d.ts CHANGED
@@ -1,5 +1,7 @@
1
1
  import * as React from "react";
2
+ /** Lumen product symbol with the product name beside it. `ref` points at the `<svg>`. */
2
3
  export declare const LumenLogoWithName: React.ForwardRefExoticComponent<Readonly<{
4
+ /** Classes for the root `<svg>`. @default "h-6 w-auto max-w-full" */
3
5
  className?: string;
4
6
  }> & React.RefAttributes<SVGSVGElement>>;
5
7
  //# sourceMappingURL=LumenLogoWithName.d.ts.map
package/components/AppLogos/LumenLogoWithName.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"LumenLogoWithName.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/LumenLogoWithName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,eAAO,MAAM,iBAAiB;gBAEL,MAAM;wCAoF7B,CAAC"}
1
+ {"version":3,"file":"LumenLogoWithName.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/LumenLogoWithName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,yFAAyF;AACzF,eAAO,MAAM,iBAAiB;IAG1B,qEAAqE;gBACzD,MAAM;wCAwFpB,CAAC"}
package/components/AppLogos/ReefLogo.d.ts CHANGED
@@ -1,5 +1,7 @@
1
1
  import * as React from "react";
2
+ /** Reef product symbol, without the name. `ref` points at the `<svg>`. */
2
3
  export declare const ReefLogo: React.ForwardRefExoticComponent<Readonly<{
4
+ /** Classes for the root `<svg>`. */
3
5
  className?: string;
4
6
  }> & React.RefAttributes<SVGSVGElement>>;
5
7
  //# sourceMappingURL=ReefLogo.d.ts.map
package/components/AppLogos/ReefLogo.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ReefLogo.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/ReefLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,QAAQ;gBAEI,MAAM;wCA2G7B,CAAC"}
1
+ {"version":3,"file":"ReefLogo.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/ReefLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,0EAA0E;AAC1E,eAAO,MAAM,QAAQ;IAGjB,oCAAoC;gBACxB,MAAM;wCA+GpB,CAAC"}
package/components/AppLogos/ReefLogoWithName.d.ts CHANGED
@@ -1,5 +1,7 @@
1
1
  import * as React from "react";
2
+ /** Reef product symbol with the product name beside it. `ref` points at the `<svg>`. */
2
3
  export declare const ReefLogoWithName: React.ForwardRefExoticComponent<Readonly<{
4
+ /** Classes for the root `<svg>`. @default "h-6 w-auto max-w-full" */
3
5
  className?: string;
4
6
  }> & React.RefAttributes<SVGSVGElement>>;
5
7
  //# sourceMappingURL=ReefLogoWithName.d.ts.map
package/components/AppLogos/ReefLogoWithName.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ReefLogoWithName.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/ReefLogoWithName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,eAAO,MAAM,gBAAgB;gBAEJ,MAAM;wCA2D7B,CAAC"}
1
+ {"version":3,"file":"ReefLogoWithName.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/ReefLogoWithName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,wFAAwF;AACxF,eAAO,MAAM,gBAAgB;IAGzB,qEAAqE;gBACzD,MAAM;wCA+DpB,CAAC"}
package/components/Button/Button.d.ts CHANGED
@@ -7,7 +7,20 @@ declare const buttonVariants: (props?: ({
7
7
  export type ButtonVariant = NonNullable<VariantProps<typeof buttonVariants>["variant"]>;
8
8
  export type ButtonSize = NonNullable<VariantProps<typeof buttonVariants>["size"]>;
9
9
  export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
10
+ /** Visual style of the button. @default "primary" */
11
+ variant?: VariantProps<typeof buttonVariants>["variant"];
12
+ /** Height and padding. `icon` is a square button for a single icon — give it an `aria-label`. @default "md" */
13
+ size?: VariantProps<typeof buttonVariants>["size"];
14
+ /**
15
+ * Renders the single child element (e.g. an `<a>`) with the button's styles
16
+ * instead of a `<button>`. When disabled or loading, the child gets
17
+ * `aria-disabled` and clicks and Enter/Space are blocked. @default false
18
+ */
10
19
  asChild?: boolean;
20
+ /**
21
+ * Shows a spinner before the content and disables the button. The spinner
22
+ * is not rendered when `asChild` is set. @default false
23
+ */
11
24
  loading?: boolean;
12
25
  }
13
26
  declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
package/components/Button/Button.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;8EA4DnB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,WAAW,CACrC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAC/C,CAAC;AACF,MAAM,MAAM,UAAU,GAAG,WAAW,CAClC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAC5C,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,MAAM,uFA+EX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;8EA4DnB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,WAAW,CACrC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAC/C,CAAC;AACF,MAAM,MAAM,UAAU,GAAG,WAAW,CAClC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAC5C,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,qDAAqD;IACrD,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;IACzD,+GAA+G;IAC/G,IAAI,CAAC,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;IACnD;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,MAAM,uFAiFX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
package/components/Button/Button.stories.d.ts CHANGED
@@ -1,12 +1,46 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { Button } from './Button';
3
- declare const meta: Meta<typeof Button>;
1
+ import { StoryObj } from '@storybook/react-vite';
2
+ import { ButtonVariant } from './Button';
3
+ declare const meta: {
4
+ title: string;
5
+ component: import('react').ForwardRefExoticComponent<import('./Button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
6
+ parameters: {
7
+ layout: string;
8
+ docs: {
9
+ description: {
10
+ component: string;
11
+ };
12
+ };
13
+ };
14
+ argTypes: {
15
+ variant: {
16
+ control: "select";
17
+ options: ButtonVariant[];
18
+ };
19
+ size: {
20
+ control: "select";
21
+ options: string[];
22
+ };
23
+ };
24
+ args: {
25
+ children: string;
26
+ variant: "primary";
27
+ size: "md";
28
+ disabled: false;
29
+ loading: false;
30
+ onClick: import('storybook/test').Mock<(...args: any[]) => any>;
31
+ };
32
+ };
4
33
  export default meta;
5
- type Story = StoryObj<typeof Button>;
34
+ type Story = StoryObj<typeof meta>;
6
35
  export declare const Default: Story;
7
36
  export declare const Variants: Story;
8
37
  export declare const Sizes: Story;
9
38
  export declare const WithIcon: Story;
10
39
  export declare const States: Story;
40
+ export declare const LongContent: Story;
11
41
  export declare const AsChild: Story;
42
+ export declare const ClickAndKeyboard: Story;
43
+ export declare const DisabledIgnoresInput: Story;
44
+ export declare const LoadingIgnoresInput: Story;
45
+ export declare const AsChildDisabled: Story;
12
46
  //# sourceMappingURL=Button.stories.d.ts.map
package/components/Button/Button.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAMlC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAsB7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAkBpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}
1
+ {"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAA2B,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAevE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BqB,CAAC;AAEhC,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,KAUtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAanB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAkBpB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAU9B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAUlC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAYjC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAa7B,CAAC"}
package/components/Card/Card.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import * as React from "react";
2
2
  export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
3
+ /** Draws a subtle border around the card. @default false */
3
4
  bordered?: boolean;
4
5
  }
5
6
  declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
package/components/Card/Card.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,IAAI,kFAYT,CAAC;AAGF,QAAA,MAAM,UAAU,6GAKd,CAAC;AAGH,QAAA,MAAM,SAAS,qHAcb,CAAC;AAGH,QAAA,MAAM,eAAe,yHASnB,CAAC;AAGH,QAAA,MAAM,WAAW,6GASf,CAAC;AAGH,QAAA,MAAM,UAAU,6GASd,CAAC;AAGH,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,EACX,UAAU,GACX,CAAC"}
1
+ {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,IAAI,kFAYT,CAAC;AAGF,QAAA,MAAM,UAAU,6GAKd,CAAC;AAGH,QAAA,MAAM,SAAS,qHAmBb,CAAC;AAGH,QAAA,MAAM,eAAe,yHASnB,CAAC;AAGH,QAAA,MAAM,WAAW,6GASf,CAAC;AAGH,QAAA,MAAM,UAAU,6GASd,CAAC;AAGH,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,EACX,UAAU,GACX,CAAC"}
package/components/Card/Card.stories.d.ts CHANGED
@@ -1,7 +1,26 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { Card } from './Card';
3
- declare const meta: Meta<typeof Card>;
1
+ import { StoryObj } from '@storybook/react-vite';
2
+ declare const meta: {
3
+ title: string;
4
+ component: import('react').ForwardRefExoticComponent<import('./Card').CardProps & import('react').RefAttributes<HTMLDivElement>>;
5
+ parameters: {
6
+ layout: string;
7
+ docs: {
8
+ description: {
9
+ component: string;
10
+ };
11
+ };
12
+ };
13
+ args: {
14
+ bordered: false;
15
+ className: string;
16
+ };
17
+ render: (args: import('./Card').CardProps & import('react').RefAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
18
+ };
4
19
  export default meta;
5
- type Story = StoryObj<typeof Card>;
20
+ type Story = StoryObj<typeof meta>;
6
21
  export declare const Default: Story;
22
+ export declare const Bordered: Story;
23
+ export declare const ContentOnly: Story;
24
+ export declare const LongContent: Story;
25
+ export declare const Untitled: Story;
7
26
  //# sourceMappingURL=Card.stories.d.ts.map