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

package/components/Select/Select.stories.d.ts

@@ -1,13 +1,108 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-import { SelectTriggerProps } from './Select';
-declare const meta: Meta<SelectTriggerProps>;
+import { ComponentProps } from 'react';
+import { StoryObj } from '@storybook/react-vite';
+import { Select, SelectTriggerProps } from './Select';
+interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+type SelectStoryArgs = ComponentProps<typeof Select> & Pick<SelectTriggerProps, "variant" | "error" | "severity" | "leadingIcon" | "aria-label"> & {
+    options: SelectOption[];
+    placeholder?: string;
+};
+declare const meta: {
+    title: string;
+    component: ((props: React.ComponentPropsWithoutRef<import('react').FC<import('@radix-ui/react-select').SelectProps>>) => import("react/jsx-runtime").JSX.Element) & {
+        displayName: string;
+        Group: import('react').ForwardRefExoticComponent<import('@radix-ui/react-select').SelectGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+        Value: import('react').ForwardRefExoticComponent<import('@radix-ui/react-select').SelectValueProps & import('react').RefAttributes<HTMLSpanElement>>;
+        Trigger: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectTriggerProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
+            variant?: "ghost" | "outlined" | "icon";
+            leadingIcon?: import('..').IconDefinition;
+            severity?: boolean;
+            trailingIcon?: import('..').IconDefinition;
+            replaceChevron?: boolean;
+            error?: boolean;
+        } & import('react').RefAttributes<HTMLButtonElement>>;
+        Content: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
+            wrapperZIndex?: number | string;
+        } & import('react').RefAttributes<HTMLDivElement>>;
+        Item: import('react').ForwardRefExoticComponent<import('./Select').SelectItemProps & import('react').RefAttributes<HTMLDivElement>>;
+        Label: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectLabelProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+        Separator: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectSeparatorProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    };
+    subcomponents: {
+        "Select.Trigger": import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectTriggerProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
+            variant?: "ghost" | "outlined" | "icon";
+            leadingIcon?: import('..').IconDefinition;
+            severity?: boolean;
+            trailingIcon?: import('..').IconDefinition;
+            replaceChevron?: boolean;
+            error?: boolean;
+        } & import('react').RefAttributes<HTMLButtonElement>>;
+        "Select.Content": import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
+            wrapperZIndex?: number | string;
+        } & import('react').RefAttributes<HTMLDivElement>>;
+        "Select.Item": import('react').ForwardRefExoticComponent<import('./Select').SelectItemProps & import('react').RefAttributes<HTMLDivElement>>;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+        children?: import('react').ReactNode;
+        open?: boolean | undefined;
+        defaultOpen?: boolean | undefined;
+        onOpenChange?: ((open: boolean) => void) | undefined;
+        dir?: ("ltr" | "rtl") | undefined;
+        name?: string | undefined;
+        autoComplete?: string | undefined;
+        disabled?: boolean | undefined;
+        required?: boolean | undefined;
+        form?: string | undefined;
+        value?: string | undefined;
+        defaultValue?: string | undefined;
+        onValueChange?: ((value: string) => void) | undefined;
+        "aria-label"?: string | undefined | undefined;
+        error?: boolean | undefined;
+        variant?: "ghost" | "outlined" | "icon" | undefined;
+        leadingIcon?: import('..').IconDefinition | undefined;
+        severity?: boolean | undefined;
+        options: SelectOption[];
+        placeholder?: string | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+    argTypes: {
+        variant: {
+            control: "radio";
+            options: string[];
+        };
+        leadingIcon: {
+            control: false;
+        };
+    };
+    args: {
+        options: SelectOption[];
+        placeholder: string;
+        variant: "outlined";
+        "aria-label": string;
+        disabled: false;
+        error: false;
+        onValueChange: import('storybook/test').Mock<(...args: any[]) => any>;
+    };
+    render: (args: SelectStoryArgs) => import("react/jsx-runtime").JSX.Element;
+};
 export default meta;
-type Story = StoryObj<SelectTriggerProps>;
-export declare const SelectLarge: Story;
-export declare const GhostEmpty: Story;
-export declare const Disabled: Story;
-export declare const WithDisabledItems: Story;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Variants: Story;
+export declare const States: Story;
 export declare const Grouped: Story;
-export declare const OutlinedEmpty: Story;
-export declare const OutlinedWithValue: Story;
+export declare const LongContent: Story;
+export declare const Empty: Story;
+export declare const Controlled: Story;
+export declare const InsideField: Story;
 //# sourceMappingURL=Select.stories.d.ts.map

package/components/Select/Select.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAW5D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAgBnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,kBAAkB,CA0BlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC;AAM1C,eAAO,MAAM,WAAW,EAAE,KAgBzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAexB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAe/B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAuBrB,CAAC;AAMF,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAoB/B,CAAC"}
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EACL,MAAM,EAIN,KAAK,kBAAkB,EACxB,MAAM,UAAU,CAAC;AAMlB,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AASD,KAAK,eAAe,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAClD,IAAI,CACF,kBAAkB,EAClB,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,GAAG,YAAY,CAChE,GAAG;IACF,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAsCJ,QAAA,MAAM,IAAI;;wBAyM4hK,MAAO,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAjPxjK,YAAY,EAAE;sBACT,MAAM;;;;;;;;;;;;;;;;;;;;;CA6ES,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAgCtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAmBpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAuBrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAsBF,eAAO,MAAM,UAAU,EAAE,KAGxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAkBzB,CAAC"}

package/components/ShapeLogo/ShapeLogo.d.ts

@@ -1,9 +1,12 @@
 import * as React from "react";
 export interface ShapeLogoProps {
+    /** Width of the `<svg>`; the height follows the aspect ratio. @default 150 */
     width?: string | number;
-    /** Controls letter/body fill: 'dark' = off-white (#f0f0f0), 'light' = black. Defaults to 'dark'. */
+    /** Letter fill: `"dark"` = white letters for dark backgrounds, `"light"` = black letters for light backgrounds. @default "dark" */
     variant?: "dark" | "light";
+    /** Classes for the root `<svg>`. */
     className?: string;
+    /** Accessible name of the logo. @default "Shape logo" (translated through `shape_ui`) */
     "aria-label"?: string;
 }
 declare const ShapeLogo: React.ForwardRefExoticComponent<ShapeLogoProps & React.RefAttributes<SVGSVGElement>>;

package/components/ShapeLogo/ShapeLogo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShapeLogo.d.ts","sourceRoot":"","sources":["../../../src/components/ShapeLogo/ShapeLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,oGAAoG;IACpG,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,SAAS,sFA0Ed,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"ShapeLogo.d.ts","sourceRoot":"","sources":["../../../src/components/ShapeLogo/ShapeLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,cAAc;IAC7B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,mIAAmI;IACnI,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yFAAyF;IACzF,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,SAAS,sFAwEd,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/components/ShapeLogo/ShapeLogo.stories.d.ts

@@ -1,8 +1,33 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-import { ShapeLogo } from './ShapeLogo';
-declare const meta: Meta<typeof ShapeLogo>;
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./ShapeLogo').ShapeLogoProps & import('react').RefAttributes<SVGSVGElement>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        variant: {
+            control: "radio";
+            options: string[];
+        };
+        width: {
+            control: "number";
+        };
+    };
+    args: {
+        variant: "dark";
+        width: number;
+    };
+};
 export default meta;
-type Story = StoryObj<typeof ShapeLogo>;
+type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const Variants: Story;
+export declare const Sizes: Story;
+export declare const CustomLabel: Story;
 //# sourceMappingURL=ShapeLogo.stories.d.ts.map

package/components/ShapeLogo/ShapeLogo.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShapeLogo.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ShapeLogo/ShapeLogo.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAahC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAKF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC"}
+{"version":3,"file":"ShapeLogo.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ShapeLogo/ShapeLogo.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;CAiBwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC"}

package/components/SortableTableSection/SortableTableSection.d.ts

@@ -1,14 +1,30 @@
 import * as React from "react";
+/** Sort of a column; `null` when it is not sorted. */
 export type SortDirection = "asc" | "desc" | null;
-export interface SortableColumn {
-    key: string;
-    content: React.ReactNode;
+export type SortableColumn = {
+    /** Shows the sort button. @default true */
     sortable?: boolean;
+    /** Current sort of this column; `null` when unsorted. @default null */
     sortDirection?: SortDirection;
+    /** @deprecated Use `onSort` on SortableTableSection. */
     onSort?: () => void;
-}
+} & ({
+    /** Column identifier, passed to `onSort`. */
+    value: string;
+    /** Header content. */
+    label: React.ReactNode;
+} | {
+    /** @deprecated Use `value`. */
+    key: string;
+    /** @deprecated Use `label`. */
+    content: React.ReactNode;
+});
 export interface SortableTableSectionProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+    /** Header cells, in order. Each one carries its own `sortDirection`. */
     columns: SortableColumn[];
+    /** Called when a sortable header is clicked, with the column's `value`. */
+    onSort?: (value: string) => void;
+    /** Grey, regular-weight header text. @default false */
     muted?: boolean;
 }
 declare const SortableTableSection: React.ForwardRefExoticComponent<SortableTableSectionProps & React.RefAttributes<HTMLTableSectionElement>>;

package/components/SortableTableSection/SortableTableSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SortableTableSection.d.ts","sourceRoot":"","sources":["../../../src/components/SortableTableSection/SortableTableSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;AAElD,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,yBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;IACrD,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAOD,QAAA,MAAM,oBAAoB,2GA0CxB,CAAC;AAGH,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"SortableTableSection.d.ts","sourceRoot":"","sources":["../../../src/components/SortableTableSection/SortableTableSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,sDAAsD;AACtD,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;AAElD,MAAM,MAAM,cAAc,GAAG;IAC3B,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,CACA;IACE,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,GACD;IACE,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,+BAA+B;IAC/B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CACJ,CAAC;AAEF,MAAM,WAAW,yBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;IACrD,wEAAwE;IACxE,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,2EAA2E;IAC3E,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,uDAAuD;IACvD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAeD,QAAA,MAAM,oBAAoB,2GAgDxB,CAAC;AAGH,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/components/SortableTableSection/SortableTableSection.stories.d.ts

@@ -1,9 +1,48 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-import { SortableTableSection } from './index';
-declare const meta: Meta<typeof SortableTableSection>;
+import { StoryObj } from '@storybook/react-vite';
+import { SortableTableSectionProps } from './index';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<SortableTableSectionProps & import('react').RefAttributes<HTMLTableSectionElement>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    args: {
+        columns: ({
+            value: string;
+            label: string;
+            sortDirection: "asc";
+            sortable?: undefined;
+        } | {
+            value: string;
+            label: string;
+            sortDirection?: undefined;
+            sortable?: undefined;
+        } | {
+            value: string;
+            label: string;
+            sortDirection: "desc";
+            sortable?: undefined;
+        } | {
+            value: string;
+            label: string;
+            sortable: false;
+            sortDirection?: undefined;
+        })[];
+        muted: false;
+        onSort: import('storybook/test').Mock<(...args: any[]) => any>;
+    };
+    render: (args: SortableTableSectionProps & import('react').RefAttributes<HTMLTableSectionElement>) => import("react/jsx-runtime").JSX.Element;
+};
 export default meta;
-type Story = StoryObj<typeof SortableTableSection>;
+type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const Muted: Story;
-export declare const Interactive: Story;
+export declare const LongContent: Story;
+/** Each click on the same header cycles ascending → descending → unsorted. */
+export declare const Controlled: Story;
 //# sourceMappingURL=SortableTableSection.stories.d.ts.map

package/components/SortableTableSection/SortableTableSection.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SortableTableSection.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SortableTableSection/SortableTableSection.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAE,oBAAoB,EAAsB,MAAM,SAAS,CAAC;AAEnE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,oBAAoB,CAU3C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAEnD,eAAO,MAAM,OAAO,EAAE,KAgDrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAgCnB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA8CzB,CAAC"}
+{"version":3,"file":"SortableTableSection.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SortableTableSection/SortableTableSection.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,EAGL,KAAK,yBAAyB,EAE/B,MAAM,SAAS,CAAC;AAmCjB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAcmC,CAAC;AAE9C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,KAAK,EAAE,KAAiC,CAAC;AAEtD,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAuCF,8EAA8E;AAC9E,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC"}

package/components/Spinner/Spinner.d.ts

@@ -1,13 +1,23 @@
 import * as React from 'react';
+/** Diameter preset of the spinner; `lg` also uses a thicker border. */
 export type SpinnerSize = 'sm' | 'md' | 'lg';
 export interface SpinnerProps {
+    /** Diameter of the spinner. @default "md" */
     size?: SpinnerSize;
-    /** Wraps the spinner in a full-viewport centered container (replaces ContainedLoading). */
+    /**
+     * Wraps the spinner in a full-viewport centered container (replaces ContainedLoading).
+     * @default false
+     */
     centered?: boolean;
     /** Applied to the spinner itself, also when `centered` wraps it. */
     className?: string;
 }
-/** `ref` points at the spinner itself, also when `centered` wraps it. */
+/**
+ * Indeterminate loading indicator with `role="status"` and the accessible name "Loading",
+ * translated through `shape_ui`.
+ *
+ * `ref` points at the spinner itself, also when `centered` wraps it.
+ */
 declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLSpanElement>>;
 export { Spinner };
 //# sourceMappingURL=Spinner.d.ts.map

package/components/Spinner/Spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,yEAAyE;AACzE,QAAA,MAAM,OAAO,sFAyBZ,CAAC;AAGF,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,uEAAuE;AACvE,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,MAAM,WAAW,YAAY;IAC3B,6CAA6C;IAC7C,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD;;;;;GAKG;AACH,QAAA,MAAM,OAAO,sFA0BZ,CAAC;AAGF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/components/Spinner/Spinner.stories.d.ts

@@ -1,8 +1,30 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-import { Spinner } from './Spinner';
-declare const meta: Meta<typeof Spinner>;
+import { StoryObj } from '@storybook/react-vite';
+import { SpinnerSize } from './Spinner';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./Spinner').SpinnerProps & import('react').RefAttributes<HTMLSpanElement>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        size: {
+            control: "select";
+            options: SpinnerSize[];
+        };
+    };
+    args: {
+        size: "md";
+        centered: false;
+    };
+};
 export default meta;
-type Story = StoryObj<typeof Spinner>;
+type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const Sizes: Story;
+export declare const Centered: Story;
 //# sourceMappingURL=Spinner.stories.d.ts.map

package/components/Spinner/Spinner.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAa9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAKF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC"}
+{"version":3,"file":"Spinner.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAW,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAItD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAgBsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAGtB,CAAC"}

package/components/Stepper/Stepper.d.ts

@@ -1,27 +1,35 @@
 import * as React from "react";
 interface StepperProps extends React.ComponentProps<"div"> {
+    /** 1-based number of the current step. With `totalSteps`, builds the accessible name ("Step 2 of 3"). */
     currentStep?: number;
+    /** Total number of steps. With `currentStep`, builds the accessible name ("Step 2 of 3"). */
     totalSteps?: number;
 }
 declare const Stepper: React.ForwardRefExoticComponent<Omit<StepperProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 interface StepProps extends React.ComponentProps<"div"> {
+    /** Marks this as the current step (`aria-current="step"`). @default false */
     active?: boolean;
 }
 declare const Step: React.ForwardRefExoticComponent<Omit<StepProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 interface StepLabelProps extends React.ComponentProps<"div"> {
+    /** Highlights the label as the current step. @default false */
     active?: boolean;
+    /** Highlights the label as a finished step. @default false */
     completed?: boolean;
 }
 declare const StepLabel: React.ForwardRefExoticComponent<Omit<StepLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 interface StepIconProps extends React.ComponentProps<"div"> {
+    /** Fills the circle as the current step. @default false */
     active?: boolean;
+    /** Fills the circle as a finished step. @default false */
     completed?: boolean;
 }
 declare const StepIcon: React.ForwardRefExoticComponent<Omit<StepIconProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 interface StepConnectorProps extends React.ComponentProps<"div"> {
+    /** Colors the line to show that the step before it is finished. @default false */
     completed?: boolean;
 }
 declare const StepConnector: React.ForwardRefExoticComponent<Omit<StepConnectorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Stepper, Step, StepLabel, StepIcon, StepConnector };
-export type { StepperProps, StepProps, StepLabelProps, StepIconProps, StepConnectorProps };
+export type { StepperProps, StepProps, StepLabelProps, StepIconProps, StepConnectorProps, };
 //# sourceMappingURL=Stepper.d.ts.map

package/components/Stepper/Stepper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,OAAO,kGAkBZ,CAAC;AAGF,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,IAAI,+FAST,CAAC;AAGF,UAAU,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,SAAS,oGAYd,CAAC;AAGF,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACzD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,QAAQ,mGAYb,CAAC;AAGF,UAAU,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,aAAa,wGAYlB,CAAC;AAGF,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC;AAC7D,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACxD,yGAAyG;IACzG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6FAA6F;IAC7F,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,OAAO,kGAwBZ,CAAC;AAGF,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACrD,6EAA6E;IAC7E,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,IAAI,+FAST,CAAC;AAGF,UAAU,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC1D,+DAA+D;IAC/D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,SAAS,oGAYd,CAAC;AAGF,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACzD,2DAA2D;IAC3D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,QAAQ,mGAcb,CAAC;AAGF,UAAU,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC9D,kFAAkF;IAClF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,aAAa,wGAYlB,CAAC;AAGF,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC;AAC7D,YAAY,EACV,YAAY,EACZ,SAAS,EACT,cAAc,EACd,aAAa,EACb,kBAAkB,GACnB,CAAC"}