@leonardaustin/ui 0.13.0 → 0.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/app-shell/AppShell.d.ts +27 -0
- package/dist/components/app-shell/AppShell.d.ts.map +1 -1
- package/dist/components/app-shell/AuthLayout.d.ts +2 -0
- package/dist/components/app-shell/AuthLayout.d.ts.map +1 -1
- package/dist/components/app-shell/BackLink.d.ts +4 -0
- package/dist/components/app-shell/BackLink.d.ts.map +1 -1
- package/dist/components/app-shell/BottomNav.d.ts +17 -0
- package/dist/components/app-shell/BottomNav.d.ts.map +1 -1
- package/dist/components/app-shell/Breadcrumbs.d.ts +3 -0
- package/dist/components/app-shell/Breadcrumbs.d.ts.map +1 -1
- package/dist/components/app-shell/CommandPalette.d.ts +7 -0
- package/dist/components/app-shell/CommandPalette.d.ts.map +1 -1
- package/dist/components/app-shell/MobileDrawer.d.ts +30 -0
- package/dist/components/app-shell/MobileDrawer.d.ts.map +1 -1
- package/dist/components/app-shell/Sidebar.d.ts.map +1 -1
- package/dist/components/app-shell/ThemeMenu.d.ts.map +1 -1
- package/dist/components/app-shell/TopBar.d.ts +11 -0
- package/dist/components/app-shell/TopBar.d.ts.map +1 -1
- package/dist/components/app-shell/types.d.ts +3 -0
- package/dist/components/app-shell/types.d.ts.map +1 -1
- package/dist/components/charts/AreaChart.d.ts +4 -0
- package/dist/components/charts/AreaChart.d.ts.map +1 -1
- package/dist/components/charts/BarChart.d.ts +4 -0
- package/dist/components/charts/BarChart.d.ts.map +1 -1
- package/dist/components/charts/DonutChart.d.ts +8 -0
- package/dist/components/charts/DonutChart.d.ts.map +1 -1
- package/dist/components/charts/RadarChart.d.ts +9 -0
- package/dist/components/charts/RadarChart.d.ts.map +1 -1
- package/dist/components/charts/RadialBarChart.d.ts +9 -0
- package/dist/components/charts/RadialBarChart.d.ts.map +1 -1
- package/dist/components/charts/SparkLine.d.ts +10 -0
- package/dist/components/charts/SparkLine.d.ts.map +1 -1
- package/dist/components/charts/StackedBarChart.d.ts +6 -0
- package/dist/components/charts/StackedBarChart.d.ts.map +1 -1
- package/dist/components/charts/VerticalBarChart.d.ts +4 -0
- package/dist/components/charts/VerticalBarChart.d.ts.map +1 -1
- package/dist/components/charts/chartUtils.d.ts +0 -1
- package/dist/components/charts/chartUtils.d.ts.map +1 -1
- package/dist/components/tables/Pagination.d.ts +3 -0
- package/dist/components/tables/Pagination.d.ts.map +1 -1
- package/dist/components/tables/ResourceTable.d.ts +53 -0
- package/dist/components/tables/ResourceTable.d.ts.map +1 -1
- package/dist/components/tables/Table.d.ts +22 -2
- package/dist/components/tables/Table.d.ts.map +1 -1
- package/dist/components/ui/Alert.d.ts +4 -0
- package/dist/components/ui/Alert.d.ts.map +1 -1
- package/dist/components/ui/AttachmentList.d.ts +8 -0
- package/dist/components/ui/AttachmentList.d.ts.map +1 -1
- package/dist/components/ui/AuthCard.d.ts +6 -0
- package/dist/components/ui/AuthCard.d.ts.map +1 -1
- package/dist/components/ui/Avatar.d.ts +4 -0
- package/dist/components/ui/Avatar.d.ts.map +1 -1
- package/dist/components/ui/Badge.d.ts +57 -6
- package/dist/components/ui/Badge.d.ts.map +1 -1
- package/dist/components/ui/Button.d.ts.map +1 -1
- package/dist/components/ui/Calendar.d.ts +5 -0
- package/dist/components/ui/Calendar.d.ts.map +1 -1
- package/dist/components/ui/CalendarGrid.d.ts +4 -0
- package/dist/components/ui/CalendarGrid.d.ts.map +1 -1
- package/dist/components/ui/Card.d.ts +4 -0
- package/dist/components/ui/Card.d.ts.map +1 -1
- package/dist/components/ui/CharacterCount.d.ts +2 -0
- package/dist/components/ui/CharacterCount.d.ts.map +1 -1
- package/dist/components/ui/Checkbox.d.ts +5 -0
- package/dist/components/ui/Checkbox.d.ts.map +1 -1
- package/dist/components/ui/CodeInput.d.ts +4 -0
- package/dist/components/ui/CodeInput.d.ts.map +1 -1
- package/dist/components/ui/Combobox.d.ts +22 -0
- package/dist/components/ui/Combobox.d.ts.map +1 -1
- package/dist/components/ui/DatePartsInput.d.ts +11 -0
- package/dist/components/ui/DatePartsInput.d.ts.map +1 -1
- package/dist/components/ui/DatePicker.d.ts.map +1 -1
- package/dist/components/ui/DateRangePicker.d.ts +4 -0
- package/dist/components/ui/DateRangePicker.d.ts.map +1 -1
- package/dist/components/ui/DateTimePicker.d.ts +4 -0
- package/dist/components/ui/DateTimePicker.d.ts.map +1 -1
- package/dist/components/ui/DetailPanel.d.ts +12 -0
- package/dist/components/ui/DetailPanel.d.ts.map +1 -1
- package/dist/components/ui/Dialog.d.ts +51 -2
- package/dist/components/ui/Dialog.d.ts.map +1 -1
- package/dist/components/ui/DialogActions.d.ts +5 -0
- package/dist/components/ui/DialogActions.d.ts.map +1 -1
- package/dist/components/ui/DividerLabel.d.ts +2 -0
- package/dist/components/ui/DividerLabel.d.ts.map +1 -1
- package/dist/components/ui/DropdownMenu.d.ts +39 -3
- package/dist/components/ui/DropdownMenu.d.ts.map +1 -1
- package/dist/components/ui/EmptyState.d.ts +5 -0
- package/dist/components/ui/EmptyState.d.ts.map +1 -1
- package/dist/components/ui/Fieldset.d.ts +3 -0
- package/dist/components/ui/Fieldset.d.ts.map +1 -1
- package/dist/components/ui/FilterButton.d.ts.map +1 -1
- package/dist/components/ui/FormField.d.ts +5 -0
- package/dist/components/ui/FormField.d.ts.map +1 -1
- package/dist/components/ui/Grid.d.ts +5 -1
- package/dist/components/ui/Grid.d.ts.map +1 -1
- package/dist/components/ui/Inline.d.ts +6 -1
- package/dist/components/ui/Inline.d.ts.map +1 -1
- package/dist/components/ui/Kbd.d.ts +2 -0
- package/dist/components/ui/Kbd.d.ts.map +1 -1
- package/dist/components/ui/LoadingSpinner.d.ts +2 -0
- package/dist/components/ui/LoadingSpinner.d.ts.map +1 -1
- package/dist/components/ui/MetricCard.d.ts +7 -0
- package/dist/components/ui/MetricCard.d.ts.map +1 -1
- package/dist/components/ui/NavTabs.d.ts +6 -0
- package/dist/components/ui/NavTabs.d.ts.map +1 -1
- package/dist/components/ui/OAuthButton.d.ts +1 -0
- package/dist/components/ui/OAuthButton.d.ts.map +1 -1
- package/dist/components/ui/PageHeader.d.ts +3 -1
- package/dist/components/ui/PageHeader.d.ts.map +1 -1
- package/dist/components/ui/PageSection.d.ts +8 -0
- package/dist/components/ui/PageSection.d.ts.map +1 -1
- package/dist/components/ui/PasswordInput.d.ts +3 -0
- package/dist/components/ui/PasswordInput.d.ts.map +1 -1
- package/dist/components/ui/PasswordRequirements.d.ts +1 -0
- package/dist/components/ui/PasswordRequirements.d.ts.map +1 -1
- package/dist/components/ui/ProgressBar.d.ts +5 -2
- package/dist/components/ui/ProgressBar.d.ts.map +1 -1
- package/dist/components/ui/ProseContent.d.ts +2 -0
- package/dist/components/ui/ProseContent.d.ts.map +1 -1
- package/dist/components/ui/QrCode.d.ts +1 -0
- package/dist/components/ui/QrCode.d.ts.map +1 -1
- package/dist/components/ui/Radio.d.ts +13 -0
- package/dist/components/ui/Radio.d.ts.map +1 -1
- package/dist/components/ui/RadioPill.d.ts +6 -0
- package/dist/components/ui/RadioPill.d.ts.map +1 -1
- package/dist/components/ui/SearchInput.d.ts +4 -0
- package/dist/components/ui/SearchInput.d.ts.map +1 -1
- package/dist/components/ui/Select.d.ts +4 -0
- package/dist/components/ui/Select.d.ts.map +1 -1
- package/dist/components/ui/SelectDropdown.d.ts +10 -0
- package/dist/components/ui/SelectDropdown.d.ts.map +1 -1
- package/dist/components/ui/SideSheet.d.ts +19 -0
- package/dist/components/ui/SideSheet.d.ts.map +1 -1
- package/dist/components/ui/Skeleton.d.ts +2 -0
- package/dist/components/ui/Skeleton.d.ts.map +1 -1
- package/dist/components/ui/Slider.d.ts +19 -2
- package/dist/components/ui/Slider.d.ts.map +1 -1
- package/dist/components/ui/Stack.d.ts +3 -1
- package/dist/components/ui/Stack.d.ts.map +1 -1
- package/dist/components/ui/StatusDot.d.ts +7 -0
- package/dist/components/ui/StatusDot.d.ts.map +1 -1
- package/dist/components/ui/StepProgress.d.ts +2 -0
- package/dist/components/ui/StepProgress.d.ts.map +1 -1
- package/dist/components/ui/Tabs.d.ts +3 -0
- package/dist/components/ui/Tabs.d.ts.map +1 -1
- package/dist/components/ui/TextInput.d.ts +3 -0
- package/dist/components/ui/TextInput.d.ts.map +1 -1
- package/dist/components/ui/Textarea.d.ts +4 -0
- package/dist/components/ui/Textarea.d.ts.map +1 -1
- package/dist/components/ui/ThemePreview.d.ts +6 -0
- package/dist/components/ui/ThemePreview.d.ts.map +1 -1
- package/dist/components/ui/Timeline.d.ts +4 -3
- package/dist/components/ui/Timeline.d.ts.map +1 -1
- package/dist/components/ui/Toast.d.ts.map +1 -1
- package/dist/components/ui/Toggle.d.ts +5 -0
- package/dist/components/ui/Toggle.d.ts.map +1 -1
- package/dist/components/ui/Toolbar.d.ts +6 -0
- package/dist/components/ui/Toolbar.d.ts.map +1 -1
- package/dist/components/ui/Tooltip.d.ts +20 -3
- package/dist/components/ui/Tooltip.d.ts.map +1 -1
- package/dist/components/ui/UploadDropzone.d.ts +3 -0
- package/dist/components/ui/UploadDropzone.d.ts.map +1 -1
- package/dist/components/ui/badgeColors.d.ts +8 -0
- package/dist/components/ui/badgeColors.d.ts.map +1 -0
- package/dist/components/ui/calendar/MonthView.d.ts.map +1 -1
- package/dist/components/ui/calendar/useGridInteraction.d.ts.map +1 -1
- package/dist/hooks/useAnchoredPopup.d.ts +63 -0
- package/dist/hooks/useAnchoredPopup.d.ts.map +1 -0
- package/dist/hooks/useDismiss.d.ts +9 -2
- package/dist/hooks/useDismiss.d.ts.map +1 -1
- package/dist/hooks/useOverlayStack.d.ts +29 -0
- package/dist/hooks/useOverlayStack.d.ts.map +1 -0
- package/dist/hooks/usePopover.d.ts +71 -0
- package/dist/hooks/usePopover.d.ts.map +1 -0
- package/dist/hooks/usePortalContainer.d.ts +30 -0
- package/dist/hooks/usePortalContainer.d.ts.map +1 -0
- package/dist/hooks/useTypeahead.d.ts +11 -0
- package/dist/hooks/useTypeahead.d.ts.map +1 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2966 -2335
- package/dist/lib/anchorPlacement.d.ts +21 -3
- package/dist/lib/anchorPlacement.d.ts.map +1 -1
- package/dist/lib/calendar.d.ts +3 -8
- package/dist/lib/calendar.d.ts.map +1 -1
- package/dist/lib/dialogDrag.d.ts.map +1 -1
- package/dist/lib/dialogResize.d.ts.map +1 -1
- package/dist/lib/formatDate.d.ts.map +1 -1
- package/dist/lib/keyboardStep.d.ts +5 -0
- package/dist/lib/keyboardStep.d.ts.map +1 -0
- package/dist/lib/layout.d.ts +1 -0
- package/dist/lib/layout.d.ts.map +1 -1
- package/dist/lib/math.d.ts +3 -0
- package/dist/lib/math.d.ts.map +1 -0
- package/dist/lib/months.d.ts +4 -0
- package/dist/lib/months.d.ts.map +1 -0
- package/dist/lib/overlayStack.d.ts +26 -0
- package/dist/lib/overlayStack.d.ts.map +1 -0
- package/dist/lib/tones.d.ts +32 -0
- package/dist/lib/tones.d.ts.map +1 -0
- package/dist/lib/typeahead.d.ts +35 -0
- package/dist/lib/typeahead.d.ts.map +1 -0
- package/dist/providers/SettingsProvider.d.ts +1 -0
- package/dist/providers/SettingsProvider.d.ts.map +1 -1
- package/dist/styles.css +78 -8
- package/package.json +1 -1
- package/dist/hooks/useDropUp.d.ts +0 -7
- package/dist/hooks/useDropUp.d.ts.map +0 -1
|
@@ -1,12 +1,18 @@
|
|
|
1
1
|
import type { AnchorHTMLAttributes, HTMLAttributes, ReactNode } from "react";
|
|
2
2
|
export interface NavTab extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "children"> {
|
|
3
|
+
/** Unique identifier, matched against `activeKey` and used as the list key. */
|
|
3
4
|
key: string;
|
|
5
|
+
/** Destination URL of the tab link. */
|
|
4
6
|
href: string;
|
|
7
|
+
/** Content of the tab link. */
|
|
5
8
|
label: ReactNode;
|
|
9
|
+
/** Small pill shown after the label, such as a count. */
|
|
6
10
|
badge?: ReactNode;
|
|
7
11
|
}
|
|
8
12
|
export interface NavTabsProps extends HTMLAttributes<HTMLElement> {
|
|
13
|
+
/** The tabs to render, in order. */
|
|
9
14
|
items: NavTab[];
|
|
15
|
+
/** Key of the current tab; it is styled as active and given `aria-current="page"`. */
|
|
10
16
|
activeKey?: string;
|
|
11
17
|
/** Router adapters must render a real anchor and forward all supplied accessibility and class attributes. */
|
|
12
18
|
renderLink?: (props: AnchorHTMLAttributes<HTMLAnchorElement>, item: NavTab) => ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavTabs.d.ts","sourceRoot":"","sources":["../../../src/components/ui/NavTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"NavTabs.d.ts","sourceRoot":"","sources":["../../../src/components/ui/NavTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK7E,MAAM,WAAW,MAAO,SAAQ,IAAI,CAClC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,CACX;IACC,+EAA+E;IAC/E,GAAG,EAAE,MAAM,CAAC;IACZ,uCAAuC;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,+BAA+B;IAC/B,KAAK,EAAE,SAAS,CAAC;IACjB,yDAAyD;IACzD,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AACD,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC/D,oCAAoC;IACpC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,sFAAsF;IACtF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6GAA6G;IAC7G,UAAU,CAAC,EAAE,CACX,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,EAC9C,IAAI,EAAE,MAAM,KACT,SAAS,CAAC;CAChB;AACD,gFAAgF;AAChF,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,SAAS,EACT,UAAU,EACV,SAAS,EACT,YAAY,EAAE,KAAkB,EAChC,GAAG,KAAK,EACT,EAAE,YAAY,2CAyCd"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { ButtonHTMLAttributes } from "react";
|
|
2
2
|
type OAuthProvider = "github" | "google";
|
|
3
3
|
export interface OAuthButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
4
|
+
/** Identity provider; selects the icon and default label (`github` or `google`). */
|
|
4
5
|
provider: OAuthProvider;
|
|
5
6
|
}
|
|
6
7
|
export declare function OAuthButton({ provider, children, ...props }: OAuthButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OAuthButton.d.ts","sourceRoot":"","sources":["../../../src/components/ui/OAuthButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAiB,MAAM,OAAO,CAAC;AAIjE,KAAK,aAAa,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEzC,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC/E,QAAQ,EAAE,aAAa,CAAC;CACzB;AAgDD,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,2CASlB"}
|
|
1
|
+
{"version":3,"file":"OAuthButton.d.ts","sourceRoot":"","sources":["../../../src/components/ui/OAuthButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAiB,MAAM,OAAO,CAAC;AAIjE,KAAK,aAAa,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEzC,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC/E,oFAAoF;IACpF,QAAQ,EAAE,aAAa,CAAC;CACzB;AAgDD,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,2CASlB"}
|
|
@@ -26,11 +26,13 @@
|
|
|
26
26
|
*/
|
|
27
27
|
import type { ReactNode } from "react";
|
|
28
28
|
export interface PageHeaderProps {
|
|
29
|
-
/** The page title rendered as an h1. */
|
|
29
|
+
/** The page title, rendered as an h1 unless headingLevel changes it. */
|
|
30
30
|
title: ReactNode;
|
|
31
31
|
/** Optional subtitle displayed below the title in a smaller, muted style. */
|
|
32
32
|
subtitle?: ReactNode;
|
|
33
|
+
/** Small muted text rendered above the title. */
|
|
33
34
|
eyebrow?: ReactNode;
|
|
35
|
+
/** Heading element used for the title (h1 to h6). Defaults to 1. */
|
|
34
36
|
headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
35
37
|
/** Allow actions to wrap below the title on narrow screens. */
|
|
36
38
|
wrap?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ui/PageHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,eAAe;IAC9B,
|
|
1
|
+
{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ui/PageHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,eAAe;IAC9B,wEAAwE;IACxE,KAAK,EAAE,SAAS,CAAC;IACjB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iDAAiD;IACjD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,oEAAoE;IACpE,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrC,+DAA+D;IAC/D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,EACT,OAAO,EACP,YAAgB,EAChB,IAAY,GACb,EAAE,eAAe,2CA4BjB"}
|
|
@@ -1,12 +1,20 @@
|
|
|
1
1
|
import type { ElementType, ReactNode } from "react";
|
|
2
2
|
export interface PageSectionProps {
|
|
3
|
+
/** Section heading, rendered with the `as` element. */
|
|
3
4
|
title?: ReactNode;
|
|
5
|
+
/** Muted text below the title. */
|
|
4
6
|
description?: ReactNode;
|
|
7
|
+
/** Buttons or controls aligned to the right of the header. */
|
|
5
8
|
actions?: ReactNode;
|
|
9
|
+
/** Section body content. */
|
|
6
10
|
children: ReactNode;
|
|
11
|
+
/** Element or component used for the title. Defaults to `h2`. */
|
|
7
12
|
as?: ElementType;
|
|
13
|
+
/** Additional utility classes appended to the root section. */
|
|
8
14
|
className?: string;
|
|
15
|
+
/** Additional utility classes for the header row. */
|
|
9
16
|
headerClassName?: string;
|
|
17
|
+
/** Additional utility classes for the wrapper around `children`. */
|
|
10
18
|
contentClassName?: string;
|
|
11
19
|
}
|
|
12
20
|
export declare function PageSection({ title, description, actions, children, as: Tag, className, headerClassName, contentClassName, }: PageSectionProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageSection.d.ts","sourceRoot":"","sources":["../../../src/components/ui/PageSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIpD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,EACR,EAAE,EAAE,GAAU,EACd,SAAS,EACT,eAAe,EACf,gBAAgB,GACjB,EAAE,gBAAgB,2CA0BlB"}
|
|
1
|
+
{"version":3,"file":"PageSection.d.ts","sourceRoot":"","sources":["../../../src/components/ui/PageSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIpD,MAAM,WAAW,gBAAgB;IAC/B,uDAAuD;IACvD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kCAAkC;IAClC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,4BAA4B;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,iEAAiE;IACjE,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oEAAoE;IACpE,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,EACR,EAAE,EAAE,GAAU,EACd,SAAS,EACT,eAAe,EACf,gBAAgB,GACjB,EAAE,gBAAgB,2CA0BlB"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import { type InputHTMLAttributes } from "react";
|
|
2
2
|
import { type ControlSize } from "../../providers/ControlSizeContext";
|
|
3
3
|
interface PasswordInputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
4
|
+
/** Label shown above the input. */
|
|
4
5
|
label?: string;
|
|
6
|
+
/** Error message shown above the input; also marks the field invalid and turns the border red. */
|
|
5
7
|
error?: string;
|
|
8
|
+
/** Helper text shown above the input and linked via `aria-describedby`. */
|
|
6
9
|
hint?: string;
|
|
7
10
|
/** Opt-in larger control, or inherit ControlSizeProvider. */
|
|
8
11
|
controlSize?: ControlSize;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../../src/components/ui/PasswordInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAKvE,OAAO,EAEL,KAAK,WAAW,EACjB,MAAM,oCAAoC,CAAC;AAG5C,UAAU,kBAAmB,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,iHAwFzB,CAAC"}
|
|
1
|
+
{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../../src/components/ui/PasswordInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAKvE,OAAO,EAEL,KAAK,WAAW,EACjB,MAAM,oCAAoC,CAAC;AAG5C,UAAU,kBAAmB,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IACxE,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kGAAkG;IAClG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,iHAwFzB,CAAC"}
|
|
@@ -6,6 +6,7 @@ export interface PasswordRequirementsProps {
|
|
|
6
6
|
requirements?: readonly PasswordRequirement[];
|
|
7
7
|
/** Keep the list visible while the password is empty. */
|
|
8
8
|
showWhenEmpty?: boolean;
|
|
9
|
+
/** Additional utility classes appended to the list. */
|
|
9
10
|
className?: string;
|
|
10
11
|
}
|
|
11
12
|
/** A live checklist of password rules, ticked off as the user types. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PasswordRequirements.d.ts","sourceRoot":"","sources":["../../../src/components/ui/PasswordRequirements.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,gCAAgC,CAAC;AAExC,MAAM,WAAW,yBAAyB;IACxC,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,CAAC;IACjB,0FAA0F;IAC1F,YAAY,CAAC,EAAE,SAAS,mBAAmB,EAAE,CAAC;IAC9C,yDAAyD;IACzD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wEAAwE;AACxE,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,YAA0C,EAC1C,aAAqB,EACrB,SAAS,GACV,EAAE,yBAAyB,kDA+B3B"}
|
|
1
|
+
{"version":3,"file":"PasswordRequirements.d.ts","sourceRoot":"","sources":["../../../src/components/ui/PasswordRequirements.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,gCAAgC,CAAC;AAExC,MAAM,WAAW,yBAAyB;IACxC,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,CAAC;IACjB,0FAA0F;IAC1F,YAAY,CAAC,EAAE,SAAS,mBAAmB,EAAE,CAAC;IAC9C,yDAAyD;IACzD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wEAAwE;AACxE,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,YAA0C,EAC1C,aAAqB,EACrB,SAAS,GACV,EAAE,yBAAyB,kDA+B3B"}
|
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
import { type ProgressHTMLAttributes } from "react";
|
|
2
|
+
import type { ToneColor } from "../../lib/tones";
|
|
2
3
|
export interface ProgressBarProps extends Omit<ProgressHTMLAttributes<HTMLProgressElement>, "value" | "max" | "children" | "aria-label" | "aria-labelledby"> {
|
|
3
4
|
/** Accessible label, also displayed above the progress indicator. */
|
|
4
5
|
label: string;
|
|
5
6
|
/** Omit for indeterminate progress. Values outside the range are clamped. */
|
|
6
7
|
value?: number;
|
|
8
|
+
/** Value that represents 0% progress. Defaults to 0. */
|
|
7
9
|
min?: number;
|
|
10
|
+
/** Value that represents 100% progress. Must be greater than `min`. Defaults to 100. */
|
|
8
11
|
max?: number;
|
|
9
|
-
/** Theme colour used for the filled portion. */
|
|
10
|
-
color?: "accent" | "green" | "blue" | "yellow" | "red"
|
|
12
|
+
/** Theme colour used for the filled portion (a shared tone colour). */
|
|
13
|
+
color?: Extract<ToneColor, "accent" | "green" | "blue" | "yellow" | "red">;
|
|
11
14
|
/** Overlay diagonal stripes on the fill. */
|
|
12
15
|
striped?: boolean;
|
|
13
16
|
/** Animate stripes or indeterminate progress; respects reduced motion. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAGvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,OAAO,GAAG,KAAK,GAAG,UAAU,GAAG,YAAY,GAAG,iBAAiB,CAChE;IACC,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wFAAwF;IACxF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,uEAAuE;IACvE,KAAK,CAAC,EAAE,OAAO,CAAC,SAAS,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC,CAAC;IAC3E,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,8GAA8G;AAC9G,eAAO,MAAM,WAAW,kHAmEvB,CAAC"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import type { ReactNode } from "react";
|
|
2
2
|
export interface ProseContentProps {
|
|
3
|
+
/** Rich content (headings, paragraphs, lists) styled by the prose rules. */
|
|
3
4
|
children: ReactNode;
|
|
5
|
+
/** Additional utility classes appended to the root element. */
|
|
4
6
|
className?: string;
|
|
5
7
|
}
|
|
6
8
|
export declare function ProseContent({ children, className }: ProseContentProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProseContent.d.ts","sourceRoot":"","sources":["../../../src/components/ui/ProseContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAEtE"}
|
|
1
|
+
{"version":3,"file":"ProseContent.d.ts","sourceRoot":"","sources":["../../../src/components/ui/ProseContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,iBAAiB;IAChC,4EAA4E;IAC5E,QAAQ,EAAE,SAAS,CAAC;IACpB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAEtE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QrCode.d.ts","sourceRoot":"","sources":["../../../src/components/ui/QrCode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,EAGL,KAAK,iBAAiB,EACvB,MAAM,kBAAkB,CAAC;AAE1B,MAAM,WAAW,WAAW;IAC1B;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,eAAe,CAAC,EAAE,iBAAiB,CAAC;IACpC,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,eAAqB,EACrB,IAAU,EACV,MAAU,EACV,YAAY,EAAE,SAAqB,EACnC,QAAe,EACf,SAAS,GACV,EAAE,WAAW,kDA0Cb"}
|
|
1
|
+
{"version":3,"file":"QrCode.d.ts","sourceRoot":"","sources":["../../../src/components/ui/QrCode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,EAGL,KAAK,iBAAiB,EACvB,MAAM,kBAAkB,CAAC;AAE1B,MAAM,WAAW,WAAW;IAC1B;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,eAAe,CAAC,EAAE,iBAAiB,CAAC;IACpC,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,eAAqB,EACrB,IAAU,EACV,MAAU,EACV,YAAY,EAAE,SAAqB,EACnC,QAAe,EACf,SAAS,GACV,EAAE,WAAW,kDA0Cb"}
|
|
@@ -1,22 +1,35 @@
|
|
|
1
1
|
import { type InputHTMLAttributes, type ReactNode } from "react";
|
|
2
2
|
import { type FieldsetProps } from "./Fieldset";
|
|
3
3
|
export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
|
|
4
|
+
/** Label shown next to the radio. */
|
|
4
5
|
label: ReactNode;
|
|
6
|
+
/** Muted help text below the label, linked via `aria-describedby`. */
|
|
5
7
|
description?: ReactNode;
|
|
8
|
+
/** Opt-in larger control, or inherit ControlSizeProvider. */
|
|
6
9
|
controlSize?: "compact" | "comfortable";
|
|
7
10
|
}
|
|
8
11
|
export interface RadioGroupOption {
|
|
12
|
+
/** Value submitted when this option is selected; also its React key. */
|
|
9
13
|
value: string;
|
|
14
|
+
/** Content shown for the option. */
|
|
10
15
|
label: ReactNode;
|
|
16
|
+
/** Muted help text below the option label. */
|
|
11
17
|
description?: ReactNode;
|
|
18
|
+
/** Disables just this option. */
|
|
12
19
|
disabled?: boolean;
|
|
13
20
|
}
|
|
14
21
|
export interface RadioGroupProps extends Omit<FieldsetProps, "onChange"> {
|
|
22
|
+
/** Name shared by the radios. Defaults to a generated id. */
|
|
15
23
|
name?: string;
|
|
24
|
+
/** The options to render, in order. */
|
|
16
25
|
options: RadioGroupOption[];
|
|
26
|
+
/** Value of the currently selected option. */
|
|
17
27
|
value: string;
|
|
28
|
+
/** Called with the option's value when the user selects it. */
|
|
18
29
|
onChange: (value: string) => void;
|
|
30
|
+
/** Marks the radios as required. */
|
|
19
31
|
required?: boolean;
|
|
32
|
+
/** Opt-in larger control, or inherit ControlSizeProvider. */
|
|
20
33
|
controlSize?: "compact" | "comfortable";
|
|
21
34
|
}
|
|
22
35
|
declare function RadioGroup({ name, id, options, value, onChange, required, disabled, controlSize, ...props }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAE1D,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,MAAM,CAChB;IACC,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CACzC;AAyDD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;IACtE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CACzC;AAED,iBAAS,UAAU,CAAC,EAClB,IAAI,EACJ,EAAE,EACF,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,GAAG,KAAK,EACT,EAAE,eAAe,2CAsBjB;AAED,eAAO,MAAM,KAAK;;CAAmD,CAAC"}
|
|
1
|
+
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAE1D,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,MAAM,CAChB;IACC,qCAAqC;IACrC,KAAK,EAAE,SAAS,CAAC;IACjB,sEAAsE;IACtE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CACzC;AAyDD,MAAM,WAAW,gBAAgB;IAC/B,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,KAAK,EAAE,SAAS,CAAC;IACjB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;IACtE,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CACzC;AAED,iBAAS,UAAU,CAAC,EAClB,IAAI,EACJ,EAAE,EACF,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,GAAG,KAAK,EACT,EAAE,eAAe,2CAsBjB;AAED,eAAO,MAAM,KAAK;;CAAmD,CAAC"}
|
|
@@ -1,12 +1,18 @@
|
|
|
1
1
|
interface RadioPillProps<T extends string> {
|
|
2
|
+
/** The segments to render, in order. */
|
|
2
3
|
options: {
|
|
3
4
|
value: T;
|
|
4
5
|
label: string;
|
|
5
6
|
}[];
|
|
7
|
+
/** Value of the currently selected option. */
|
|
6
8
|
value: T;
|
|
9
|
+
/** Called with the option's value when a segment is clicked. */
|
|
7
10
|
onChange: (value: T) => void;
|
|
11
|
+
/** Disables all segments and dims the control. */
|
|
8
12
|
disabled?: boolean;
|
|
13
|
+
/** Additional utility classes appended to the radiogroup. */
|
|
9
14
|
className?: string;
|
|
15
|
+
/** Accessible name for the radiogroup. */
|
|
10
16
|
"aria-label"?: string;
|
|
11
17
|
}
|
|
12
18
|
export declare function RadioPill<T extends string>({ options, value, onChange, disabled, className, "aria-label": ariaLabel, }: RadioPillProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioPill.d.ts","sourceRoot":"","sources":["../../../src/components/ui/RadioPill.tsx"],"names":[],"mappings":"AAEA,UAAU,cAAc,CAAC,CAAC,SAAS,MAAM;IACvC,OAAO,EAAE;QAAE,KAAK,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACvC,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,EAC1C,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,SAAS,GACxB,EAAE,cAAc,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"RadioPill.d.ts","sourceRoot":"","sources":["../../../src/components/ui/RadioPill.tsx"],"names":[],"mappings":"AAEA,UAAU,cAAc,CAAC,CAAC,SAAS,MAAM;IACvC,wCAAwC;IACxC,OAAO,EAAE;QAAE,KAAK,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACvC,8CAA8C;IAC9C,KAAK,EAAE,CAAC,CAAC;IACT,gEAAgE;IAChE,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,EAC1C,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,SAAS,GACxB,EAAE,cAAc,CAAC,CAAC,CAAC,2CAiCnB"}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
export interface SearchInputProps {
|
|
2
|
+
/** Current search text (controlled). */
|
|
2
3
|
value: string;
|
|
4
|
+
/** Called with the new text on every change. */
|
|
3
5
|
onChange: (value: string) => void;
|
|
6
|
+
/** Placeholder text. Defaults to "Search...". */
|
|
4
7
|
placeholder?: string;
|
|
8
|
+
/** Additional utility classes appended to the wrapper. */
|
|
5
9
|
className?: string;
|
|
6
10
|
}
|
|
7
11
|
export declare function SearchInput({ value, onChange, placeholder, className, }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/ui/SearchInput.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,WAAyB,EACzB,SAAS,GACV,EAAE,gBAAgB,2CAmBlB"}
|
|
1
|
+
{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/ui/SearchInput.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,gBAAgB;IAC/B,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,WAAyB,EACzB,SAAS,GACV,EAAE,gBAAgB,2CAmBlB"}
|
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
import { type SelectHTMLAttributes } from "react";
|
|
2
2
|
import { type ControlSize } from "../../providers/ControlSizeContext";
|
|
3
3
|
interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
|
|
4
|
+
/** Label text rendered above the select and linked to it. */
|
|
4
5
|
label?: string;
|
|
6
|
+
/** Error message shown next to the label; also marks the select invalid and turns the border red. */
|
|
5
7
|
error?: string;
|
|
8
|
+
/** Helper text shown above the select and linked via `aria-describedby`. */
|
|
6
9
|
hint?: string;
|
|
7
10
|
/** Opt-in larger control, or inherit ControlSizeProvider. */
|
|
8
11
|
controlSize?: ControlSize;
|
|
12
|
+
/** Choices rendered as `<option>` elements; `value` is submitted, `label` is shown. */
|
|
9
13
|
options: {
|
|
10
14
|
value: string;
|
|
11
15
|
label: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAK9D,OAAO,EAEL,KAAK,WAAW,EACjB,MAAM,oCAAoC,CAAC;AAG5C,UAAU,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC7C;AAED,eAAO,MAAM,MAAM,2GAkFlB,CAAC"}
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAK9D,OAAO,EAEL,KAAK,WAAW,EACjB,MAAM,oCAAoC,CAAC;AAG5C,UAAU,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACnE,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qGAAqG;IACrG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,uFAAuF;IACvF,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC7C;AAED,eAAO,MAAM,MAAM,2GAkFlB,CAAC"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
interface SelectDropdownOption {
|
|
2
2
|
value: string;
|
|
3
3
|
label: string;
|
|
4
|
+
/** Dimmed with `aria-disabled`; skipped by the keys and typeahead, and not selectable. */
|
|
5
|
+
disabled?: boolean;
|
|
4
6
|
}
|
|
5
7
|
interface SelectDropdownProps {
|
|
6
8
|
options: SelectDropdownOption[];
|
|
@@ -11,6 +13,14 @@ interface SelectDropdownProps {
|
|
|
11
13
|
className?: string;
|
|
12
14
|
size?: "sm" | "md";
|
|
13
15
|
}
|
|
16
|
+
/**
|
|
17
|
+
* A select-only listbox: focus stays on the trigger, which tracks the active
|
|
18
|
+
* option with `aria-activedescendant`. ArrowDown/ArrowUp open it on the
|
|
19
|
+
* selected option and then move; Home/End jump; Enter or Space chooses;
|
|
20
|
+
* Escape closes. Typing jumps to the first enabled option starting with the
|
|
21
|
+
* typed text (the text resets after a short pause, and repeating a letter
|
|
22
|
+
* cycles); on the closed trigger it selects the match without opening.
|
|
23
|
+
*/
|
|
14
24
|
export declare function SelectDropdown({ options, value, onChange, label, placeholder, className, size, }: SelectDropdownProps): import("react/jsx-runtime").JSX.Element;
|
|
15
25
|
export {};
|
|
16
26
|
//# sourceMappingURL=SelectDropdown.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/ui/SelectDropdown.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SelectDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/ui/SelectDropdown.tsx"],"names":[],"mappings":"AASA,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,0FAA0F;IAC1F,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,mBAAmB;IAC3B,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,WAAyB,EACzB,SAAS,EACT,IAAW,GACZ,EAAE,mBAAmB,2CAsQrB"}
|
|
@@ -1,13 +1,32 @@
|
|
|
1
1
|
import { type ReactNode } from "react";
|
|
2
2
|
export interface SideSheetProps {
|
|
3
|
+
/** Whether the sheet is shown. It renders nothing when `false`. */
|
|
3
4
|
open: boolean;
|
|
5
|
+
/**
|
|
6
|
+
* Called when the user asks to close: Escape (when this is the top-most
|
|
7
|
+
* overlay), a click on the backdrop or the close button. The sheet doesn't
|
|
8
|
+
* close itself; set `open` to `false` here.
|
|
9
|
+
*/
|
|
4
10
|
onClose: () => void;
|
|
11
|
+
/**
|
|
12
|
+
* Heading shown in the header. A string also names the dialog
|
|
13
|
+
* (`aria-label`); otherwise it is named "Panel".
|
|
14
|
+
*/
|
|
5
15
|
title?: ReactNode;
|
|
16
|
+
/** The sheet body, which scrolls when taller than the sheet. */
|
|
6
17
|
children: ReactNode;
|
|
18
|
+
/** Pinned below the body, for example action buttons. Omit for no footer. */
|
|
7
19
|
footer?: ReactNode;
|
|
20
|
+
/** Edge the sheet slides in from. Defaults to `right`. */
|
|
8
21
|
side?: "left" | "right";
|
|
22
|
+
/**
|
|
23
|
+
* Utility class setting the sheet's width. Defaults to `w-[360px]`; the
|
|
24
|
+
* sheet is never wider than the viewport minus 2rem.
|
|
25
|
+
*/
|
|
9
26
|
widthClassName?: string;
|
|
27
|
+
/** Additional utility classes for the sheet panel. */
|
|
10
28
|
className?: string;
|
|
29
|
+
/** Additional utility classes for the scrolling body. */
|
|
11
30
|
contentClassName?: string;
|
|
12
31
|
}
|
|
13
32
|
export declare function SideSheet({ open, onClose, title, children, footer, side, widthClassName, className, contentClassName, }: SideSheetProps): import("react").ReactPortal | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideSheet.d.ts","sourceRoot":"","sources":["../../../src/components/ui/SideSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"SideSheet.d.ts","sourceRoot":"","sources":["../../../src/components/ui/SideSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAmB/C,MAAM,WAAW,cAAc;IAC7B,mEAAmE;IACnE,IAAI,EAAE,OAAO,CAAC;IACd;;;;OAIG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gEAAgE;IAChE,QAAQ,EAAE,SAAS,CAAC;IACpB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,MAAM,EACN,IAAc,EACd,cAA4B,EAC5B,SAAS,EACT,gBAAgB,GACjB,EAAE,cAAc,sCAmFhB"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import type { CSSProperties, HTMLAttributes } from "react";
|
|
2
2
|
export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
/** CSS width of the placeholder. */
|
|
3
4
|
width?: CSSProperties["width"];
|
|
5
|
+
/** CSS height of the placeholder. */
|
|
4
6
|
height?: CSSProperties["height"];
|
|
5
7
|
}
|
|
6
8
|
/** Decorative placeholder. Label the surrounding loading region and set aria-busy there. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI3D,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;CAClC;AACD,4FAA4F;AAC5F,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,KAAK,EACL,MAAM,EACN,KAAK,EACL,GAAG,KAAK,EACT,EAAE,aAAa,2CASf"}
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI3D,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,oCAAoC;IACpC,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,qCAAqC;IACrC,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;CAClC;AACD,4FAA4F;AAC5F,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,KAAK,EACL,MAAM,EACN,KAAK,EACL,GAAG,KAAK,EACT,EAAE,aAAa,2CASf"}
|
|
@@ -1,14 +1,31 @@
|
|
|
1
1
|
export interface SliderProps {
|
|
2
|
+
/** Lowest selectable value. */
|
|
2
3
|
min: number;
|
|
4
|
+
/** Highest selectable value. Must be greater than `min`. */
|
|
3
5
|
max: number;
|
|
6
|
+
/** Increment between selectable values. Defaults to 1. */
|
|
4
7
|
step?: number;
|
|
8
|
+
/** Current value. The slider is controlled: update it from `onChange`. */
|
|
5
9
|
value: number;
|
|
10
|
+
/** Called with the new numeric value on every change while dragging or using the keyboard. */
|
|
6
11
|
onChange: (value: number) => void;
|
|
7
|
-
/**
|
|
12
|
+
/**
|
|
13
|
+
* Called when the user finishes a change: pointer release, or the key
|
|
14
|
+
* release after a keyboard adjustment (arrows, Home/End, PageUp/PageDown).
|
|
15
|
+
*/
|
|
8
16
|
onCommit?: (value: number) => void;
|
|
17
|
+
/** Visible label, associated with the range input. */
|
|
9
18
|
label?: string;
|
|
19
|
+
/** Accessible name when no visible `label` is rendered. */
|
|
20
|
+
"aria-label"?: string;
|
|
21
|
+
/** Id of an element that names the slider (overrides `label`). */
|
|
22
|
+
"aria-labelledby"?: string;
|
|
23
|
+
/** Id for the range input. Generated when omitted. */
|
|
24
|
+
id?: string;
|
|
25
|
+
/** Show the current value as text on the right of the label row. */
|
|
10
26
|
showValue?: boolean;
|
|
27
|
+
/** Additional utility classes for the root element. */
|
|
11
28
|
className?: string;
|
|
12
29
|
}
|
|
13
|
-
export declare function Slider({ min, max, step, value, onChange, onCommit, label, showValue, className, }: SliderProps): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
export declare function Slider({ min, max, step, value, onChange, onCommit, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, id, showValue, className, }: SliderProps): import("react/jsx-runtime").JSX.Element;
|
|
14
31
|
//# sourceMappingURL=Slider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Slider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Slider.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,WAAW;IAC1B,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,4DAA4D;IAC5D,GAAG,EAAE,MAAM,CAAC;IACZ,0DAA0D;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,KAAK,EAAE,MAAM,CAAC;IACd,8FAA8F;IAC9F,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sDAAsD;IACtD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,oEAAoE;IACpE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD,wBAAgB,MAAM,CAAC,EACrB,GAAG,EACH,GAAG,EACH,IAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,EAAE,EACF,SAAS,EACT,SAAS,GACV,EAAE,WAAW,2CAoDb"}
|
|
@@ -2,11 +2,13 @@ import { type LayoutAlign, type LayoutElement, type LayoutGap, type LayoutJustif
|
|
|
2
2
|
export interface StackOptions {
|
|
3
3
|
/** Spacing units between children; defaults to zero. */
|
|
4
4
|
gap?: LayoutGap;
|
|
5
|
+
/** Cross-axis alignment of children; defaults to `stretch`. */
|
|
5
6
|
align?: LayoutAlign;
|
|
7
|
+
/** Main-axis distribution of children; defaults to `start`. */
|
|
6
8
|
justify?: LayoutJustify;
|
|
7
9
|
}
|
|
8
10
|
export type StackProps<E extends LayoutElement = "div"> = LayoutProps<E, StackOptions>;
|
|
9
|
-
export declare function Stack<E extends LayoutElement = "div">({ as, gap, align, justify, className, style, ...props }: StackProps<E>): import("react").DetailedReactHTMLElement<Omit<StackProps<E>, "
|
|
11
|
+
export declare function Stack<E extends LayoutElement = "div">({ as, gap, align, justify, className, style, ...props }: StackProps<E>): import("react").DetailedReactHTMLElement<Omit<StackProps<E>, "className" | "gap" | "style" | "align" | "as" | "justify"> & {
|
|
10
12
|
className: string;
|
|
11
13
|
style: LayoutStyle;
|
|
12
14
|
}, HTMLElement>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Stack.tsx"],"names":[],"mappings":"AAGA,OAAO,EAIL,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,SAAS,EACd,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,WAAW,EACjB,MAAM,kBAAkB,CAAC;AAE1B,MAAM,WAAW,YAAY;IAC3B,wDAAwD;IACxD,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AACD,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,aAAa,GAAG,KAAK,IAAI,WAAW,CACnE,CAAC,EACD,YAAY,CACb,CAAC;AAEF,wBAAgB,KAAK,CAAC,CAAC,SAAS,aAAa,GAAG,KAAK,EAAE,EACrD,EAAE,EACF,GAAO,EACP,KAAiB,EACjB,OAAiB,EACjB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,UAAU,CAAC,CAAC,CAAC;;WASP,WAAW;gBAEnB"}
|
|
1
|
+
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Stack.tsx"],"names":[],"mappings":"AAGA,OAAO,EAIL,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,SAAS,EACd,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,WAAW,EACjB,MAAM,kBAAkB,CAAC;AAE1B,MAAM,WAAW,YAAY;IAC3B,wDAAwD;IACxD,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AACD,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,aAAa,GAAG,KAAK,IAAI,WAAW,CACnE,CAAC,EACD,YAAY,CACb,CAAC;AAEF,wBAAgB,KAAK,CAAC,CAAC,SAAS,aAAa,GAAG,KAAK,EAAE,EACrD,EAAE,EACF,GAAO,EACP,KAAiB,EACjB,OAAiB,EACjB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,UAAU,CAAC,CAAC,CAAC;;WASP,WAAW;gBAEnB"}
|
|
@@ -1,7 +1,14 @@
|
|
|
1
1
|
type Status = "active" | "inactive" | "pending" | "error";
|
|
2
2
|
interface StatusDotProps {
|
|
3
|
+
/**
|
|
4
|
+
* Which state the dot shows: `active` (green), `inactive` (gray), `pending`
|
|
5
|
+
* (yellow, gently pulsing) or `error` (red). Resolved through the shared tone
|
|
6
|
+
* table, so the colours match Badge.
|
|
7
|
+
*/
|
|
3
8
|
status: Status;
|
|
9
|
+
/** Text shown beside the dot, in the same colour as the dot. Omit for a bare dot. */
|
|
4
10
|
label?: string;
|
|
11
|
+
/** Additional utility classes for the root element. */
|
|
5
12
|
className?: string;
|
|
6
13
|
}
|
|
7
14
|
export declare function StatusDot({ status, label, className }: StatusDotProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatusDot.d.ts","sourceRoot":"","sources":["../../../src/components/ui/StatusDot.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"StatusDot.d.ts","sourceRoot":"","sources":["../../../src/components/ui/StatusDot.tsx"],"names":[],"mappings":"AAGA,KAAK,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;AAE1D,UAAU,cAAc;IACtB;;;;OAIG;IACH,MAAM,EAAE,MAAM,CAAC;IACf,qFAAqF;IACrF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAUD,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,cAAc,2CAcrE"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
export interface StepProgressProps {
|
|
2
|
+
/** Ordered steps; `label` shows under each circle (sm and up) with an optional `description` beneath. */
|
|
2
3
|
steps: {
|
|
3
4
|
label: string;
|
|
4
5
|
description?: string;
|
|
5
6
|
}[];
|
|
6
7
|
/** Zero-indexed current step. Steps before it render as completed. */
|
|
7
8
|
currentStep: number;
|
|
9
|
+
/** Extra classes for the root element. */
|
|
8
10
|
className?: string;
|
|
9
11
|
}
|
|
10
12
|
export declare function StepProgress({ steps, currentStep, className, }: StepProgressProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepProgress.d.ts","sourceRoot":"","sources":["../../../src/components/ui/StepProgress.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACjD,sEAAsE;IACtE,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,WAAW,EACX,SAAS,GACV,EAAE,iBAAiB,2CAsDnB"}
|
|
1
|
+
{"version":3,"file":"StepProgress.d.ts","sourceRoot":"","sources":["../../../src/components/ui/StepProgress.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,iBAAiB;IAChC,yGAAyG;IACzG,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACjD,sEAAsE;IACtE,WAAW,EAAE,MAAM,CAAC;IACpB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,WAAW,EACX,SAAS,GACV,EAAE,iBAAiB,2CAsDnB"}
|
|
@@ -5,12 +5,15 @@ interface Tab {
|
|
|
5
5
|
content: ReactNode;
|
|
6
6
|
}
|
|
7
7
|
export interface TabsProps {
|
|
8
|
+
/** Tabs to render; `key` identifies the tab, `label` is its button text, `content` shows when active. */
|
|
8
9
|
tabs: Tab[];
|
|
10
|
+
/** Key of the initially active tab when uncontrolled; falls back to the first tab. */
|
|
9
11
|
defaultTab?: string;
|
|
10
12
|
/** Controlled active tab key. When set, the parent owns the state. */
|
|
11
13
|
value?: string;
|
|
12
14
|
/** Called with the tab key whenever a tab is selected. */
|
|
13
15
|
onChange?: (key: string) => void;
|
|
16
|
+
/** Extra classes for the root element. */
|
|
14
17
|
className?: string;
|
|
15
18
|
}
|
|
16
19
|
export declare function Tabs({ tabs, defaultTab, value, onChange, className, }: TabsProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIhE,UAAU,GAAG;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,UAAU,EACV,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,SAAS,2CA+EX"}
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIhE,UAAU,GAAG;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,yGAAyG;IACzG,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,sFAAsF;IACtF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,UAAU,EACV,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,SAAS,2CA+EX"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import { type InputHTMLAttributes, type ReactNode } from "react";
|
|
2
2
|
import { type ControlSize } from "../../providers/ControlSizeContext";
|
|
3
3
|
interface TextInputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
4
|
+
/** Label text rendered above the input and linked to it. */
|
|
4
5
|
label?: string;
|
|
6
|
+
/** Error message shown next to the label; also marks the input invalid and turns the border red. */
|
|
5
7
|
error?: string;
|
|
8
|
+
/** Helper text shown above the input and linked via `aria-describedby`. */
|
|
6
9
|
hint?: string;
|
|
7
10
|
/** Opt-in larger control, or inherit ControlSizeProvider. */
|
|
8
11
|
controlSize?: ControlSize;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/components/ui/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,mBAAmB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7E,OAAO,EAEL,KAAK,WAAW,EACjB,MAAM,oCAAoC,CAAC;AAG5C,UAAU,cAAe,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,eAAO,MAAM,SAAS,6GAwFrB,CAAC"}
|
|
1
|
+
{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/components/ui/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,mBAAmB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7E,OAAO,EAEL,KAAK,WAAW,EACjB,MAAM,oCAAoC,CAAC;AAG5C,UAAU,cAAe,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IACpE,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oGAAoG;IACpG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,eAAO,MAAM,SAAS,6GAwFrB,CAAC"}
|
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
import { type TextareaHTMLAttributes } from "react";
|
|
2
2
|
import { type ControlSize } from "../../providers/ControlSizeContext";
|
|
3
3
|
interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
4
|
+
/** Label text rendered above the textarea and linked to it. */
|
|
4
5
|
label?: string;
|
|
6
|
+
/** Error message shown below the textarea; also marks it invalid and turns the border red. */
|
|
5
7
|
error?: string;
|
|
8
|
+
/** Helper text shown above the textarea and linked via `aria-describedby`. */
|
|
6
9
|
hint?: string;
|
|
7
10
|
/** Opt-in larger control, or inherit ControlSizeProvider. */
|
|
8
11
|
controlSize?: ControlSize;
|
|
12
|
+
/** Show a `length/maxLength` counter below the textarea; requires `maxLength` and a string `value`. */
|
|
9
13
|
showCount?: boolean;
|
|
10
14
|
}
|
|
11
15
|
export declare const Textarea: import("react").ForwardRefExoticComponent<TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAGhE,OAAO,EAEL,KAAK,WAAW,EACjB,MAAM,oCAAoC,CAAC;AAG5C,UAAU,aAAc,SAAQ,sBAAsB,CAAC,mBAAmB,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,+GAgFpB,CAAC"}
|
|
1
|
+
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAGhE,OAAO,EAEL,KAAK,WAAW,EACjB,MAAM,oCAAoC,CAAC;AAG5C,UAAU,aAAc,SAAQ,sBAAsB,CAAC,mBAAmB,CAAC;IACzE,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8FAA8F;IAC9F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,uGAAuG;IACvG,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,+GAgFpB,CAAC"}
|
|
@@ -1,13 +1,19 @@
|
|
|
1
1
|
import type { ElementType } from "react";
|
|
2
2
|
export interface ThemePreviewProps {
|
|
3
|
+
/** Text shown beneath the preview swatch. */
|
|
3
4
|
label: string;
|
|
5
|
+
/** Highlights the card with the accent border as the selected theme. */
|
|
4
6
|
active?: boolean;
|
|
7
|
+
/** Icon component rendered before the label. */
|
|
5
8
|
icon?: ElementType;
|
|
9
|
+
/** Swatch colors: `bg` is the swatch background, `fg` the bar drawn inside it. */
|
|
6
10
|
preview?: {
|
|
7
11
|
bg?: string;
|
|
8
12
|
fg?: string;
|
|
9
13
|
};
|
|
14
|
+
/** Called when the card is clicked. */
|
|
10
15
|
onClick?: () => void;
|
|
16
|
+
/** Extra classes for the button element. */
|
|
11
17
|
className?: string;
|
|
12
18
|
}
|
|
13
19
|
export declare function ThemePreview({ label, active, icon: Icon, preview, onClick, className, }: ThemePreviewProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemePreview.d.ts","sourceRoot":"","sources":["../../../src/components/ui/ThemePreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIzC,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE;QACR,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;KACb,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,MAAM,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EACP,OAAO,EACP,SAAS,GACV,EAAE,iBAAiB,2CA4BnB"}
|
|
1
|
+
{"version":3,"file":"ThemePreview.d.ts","sourceRoot":"","sources":["../../../src/components/ui/ThemePreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIzC,MAAM,WAAW,iBAAiB;IAChC,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gDAAgD;IAChD,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,kFAAkF;IAClF,OAAO,CAAC,EAAE;QACR,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;KACb,CAAC;IACF,uCAAuC;IACvC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,MAAM,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EACP,OAAO,EACP,SAAS,GACV,EAAE,iBAAiB,2CA4BnB"}
|