@uisatin/ui 0.3.0 → 0.4.0

package/components/agent-suggestion.js

@@ -1,5 +1,5 @@
-'use client';export { AgentSuggestion, AgentSuggestionChanges, AgentSuggestionDiff, AgentSuggestionMetric, AgentSuggestionQuote } from '../chunk-7Q76HLRQ.js';
-import '../chunk-M2HEVFQ3.js';
-import '../chunk-XUOSJMEJ.js';
-import '../chunk-SSOFFQ5T.js';
-import '../chunk-O46O6LFQ.js';
+'use client';export { AgentSuggestion, AgentSuggestionChanges, AgentSuggestionDiff, AgentSuggestionMetric, AgentSuggestionQuote } from '../chunk-T7P3OEBP.js';
+import '../chunk-LKSFTNPF.js';
+import '../chunk-7NV53EL5.js';
+import '../chunk-NTSU44FY.js';
+import '../chunk-EHEXE2UV.js';

package/components/alert.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+/**
+ * Alert: a message that stays on the page until it's dealt with (a toast is for what just
+ * happened and goes away; a banner promotes). Built on the uiKit `Alert` (475:27871) that
+ * DialogAlert draws inside dialogs, for anywhere on a page: above a form, at the top of a
+ * settings section, in an empty table.
+ *
+ * - `intent`: neutral, info, success, warning or error, the status colours from the theme.
+ * - `variant`: `soft` (default) fills it with the status background; `outline` is a card
+ *   surface with a border, for an alert among other cards, where only the icon carries colour.
+ * - A 16px status icon on the first line (`icon={false}` hides it, or pass your own), a 14px
+ *   medium title and a 13px muted description; either can be left out.
+ * - `action` holds a Button or a Link: on the right when there's only a title, under the
+ *   description when there is one. `onDismiss` adds the close button.
+ * - Errors and warnings are `role="alert"` (read out when they appear), the rest `role="status"`.
+ */
+export type AlertIntent = 'neutral' | 'info' | 'success' | 'warning' | 'error';
+export interface AlertProps extends Omit<React.ComponentProps<'div'>, 'title'> {
+    intent?: AlertIntent;
+    variant?: 'soft' | 'outline';
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    /** `false` hides the status icon; a node replaces it. */
+    icon?: boolean | React.ReactNode;
+    /** A Button or Link, or a few in a fragment. */
+    action?: React.ReactNode;
+    /** Shows the close button; called when it is pressed. */
+    onDismiss?: () => void;
+}
+export declare function Alert({ intent, variant, title, description, icon, action, onDismiss, className, children, ...props }: AlertProps): React.JSX.Element;
+/** @internal The status glyphs from Figma (16px, 1.25 stroke), drawn in currentColor. Neutral uses the info glyph. */
+export declare function StatusIcon({ intent }: {
+    intent: AlertIntent;
+}): React.JSX.Element;
+/** The X from Figma's close button (`icon` 16px, 1.25 stroke). */
+/** @internal Shared by Satin's own components; not part of the public API and may change in any release. */
+export declare function CloseIcon(): React.JSX.Element;

package/components/alert.js

@@ -0,0 +1,5 @@
+'use client';export { Alert, CloseIcon, StatusIcon } from '../chunk-RPL6FRVX.js';
+import '../chunk-6DWLTGRQ.js';
+import '../chunk-AKEZCWNW.js';
+import '../chunk-NTSU44FY.js';
+import '../chunk-EHEXE2UV.js';

package/components/announcement-bar.js

@@ -1,6 +1,7 @@
-'use client';export { AnnouncementBar } from '../chunk-HK6WINL6.js';
-import '../chunk-SDOTDMYG.js';
+'use client';export { AnnouncementBar } from '../chunk-LAOE6Y57.js';
+import '../chunk-HZV7EXGU.js';
 import '../chunk-YYFAZQ25.js';
-import '../chunk-T6L32XXH.js';
-import '../chunk-SSOFFQ5T.js';
-import '../chunk-O46O6LFQ.js';
+import '../chunk-6DWLTGRQ.js';
+import '../chunk-AKEZCWNW.js';
+import '../chunk-NTSU44FY.js';
+import '../chunk-EHEXE2UV.js';

package/components/attachment.js

@@ -1,4 +1,5 @@
-'use client';export { Attachment, AttachmentGroup, AttachmentPreview, AttachmentPreviewPager, AttachmentPreviewSheets, FileIcon } from '../chunk-UUCVRIVP.js';
-import '../chunk-T6L32XXH.js';
-import '../chunk-SSOFFQ5T.js';
-import '../chunk-O46O6LFQ.js';
+'use client';export { Attachment, AttachmentGroup, AttachmentPreview, AttachmentPreviewPager, AttachmentPreviewSheets, FileIcon } from '../chunk-R3DTMBDT.js';
+import '../chunk-6DWLTGRQ.js';
+import '../chunk-AKEZCWNW.js';
+import '../chunk-NTSU44FY.js';
+import '../chunk-EHEXE2UV.js';

package/components/avatar.js

@@ -1,4 +1,4 @@
-'use client';export { AVATAR_TOOLTIP_DELAY, Avatar, AvatarGroup, avatarVariants } from '../chunk-BN7FDKCJ.js';
-import '../chunk-GMETYACH.js';
-import '../chunk-57QEOCDZ.js';
-import '../chunk-O46O6LFQ.js';
+'use client';export { AVATAR_TOOLTIP_DELAY, Avatar, AvatarGroup, avatarVariants } from '../chunk-TOY6YPTG.js';
+import '../chunk-KDU7AT2T.js';
+import '../chunk-XWPH7C2W.js';
+import '../chunk-EHEXE2UV.js';

package/components/badge.js

@@ -1,2 +1,2 @@
-'use client';export { Badge, badgeVariants } from '../chunk-XUOSJMEJ.js';
-import '../chunk-O46O6LFQ.js';
+'use client';export { Badge, badgeVariants } from '../chunk-7NV53EL5.js';
+import '../chunk-EHEXE2UV.js';

package/components/banner.js

@@ -1,4 +1,6 @@
-'use client';export { Banner, bannerVariants } from '../chunk-SDOTDMYG.js';
+'use client';export { Banner, bannerVariants } from '../chunk-HZV7EXGU.js';
 export { bannerMesh } from '../chunk-YYFAZQ25.js';
-import '../chunk-T6L32XXH.js';
-import '../chunk-O46O6LFQ.js';
+import '../chunk-6DWLTGRQ.js';
+import '../chunk-AKEZCWNW.js';
+import '../chunk-NTSU44FY.js';
+import '../chunk-EHEXE2UV.js';

package/components/bar-chart.js

@@ -1,10 +1,10 @@
-'use client';export { BarCard, niceMax } from '../chunk-ISYKZCPJ.js';
-import '../chunk-ZBZ3ZQRB.js';
+'use client';export { BarCard, niceMax } from '../chunk-INJWE2LD.js';
+import '../chunk-LI5VYDLN.js';
 import '../chunk-ZHFIWDGF.js';
-import '../chunk-UCCNXGLG.js';
-import '../chunk-VUOAPWTF.js';
-import '../chunk-BR2B4OIT.js';
-import '../chunk-57QEOCDZ.js';
-import '../chunk-XUOSJMEJ.js';
-import '../chunk-SSOFFQ5T.js';
-import '../chunk-O46O6LFQ.js';
+import '../chunk-EQAFDIPE.js';
+import '../chunk-KITXKIYW.js';
+import '../chunk-P36KBUYD.js';
+import '../chunk-XWPH7C2W.js';
+import '../chunk-7NV53EL5.js';
+import '../chunk-NTSU44FY.js';
+import '../chunk-EHEXE2UV.js';

package/components/breadcrumb.js

@@ -1,5 +1,5 @@
-'use client';export { Breadcrumb } from '../chunk-IKO3GQFE.js';
-import '../chunk-BR2B4OIT.js';
-import '../chunk-57QEOCDZ.js';
-import '../chunk-SSOFFQ5T.js';
-import '../chunk-O46O6LFQ.js';
+'use client';export { Breadcrumb } from '../chunk-Q7KVC5B4.js';
+import '../chunk-P36KBUYD.js';
+import '../chunk-XWPH7C2W.js';
+import '../chunk-NTSU44FY.js';
+import '../chunk-EHEXE2UV.js';

package/components/button-group.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { type ButtonDefaults } from './button.js';
+/**
+ * Buttons that belong together: a toolbar, Prev / Next, a set of views, the two halves of a
+ * SplitButton.
+ *
+ * `attached` (the default) joins them into one block: the inner corners go square, the buttons
+ * touch, and the only line between two of them is the later one's 1px leading border (the
+ * outline colour on secondary). Each button's outer ring and shadow are clipped on the sides it
+ * shares, so they run unbroken along the top and bottom of the block, with no notch at a seam. The button under the
+ * pointer or with focus comes to the front, so its ring and focus ring are never cut by a
+ * neighbour. `attached={false}` keeps every button whole, 8px apart (4px at xs), for a looser
+ * toolbar; put a `ButtonGroupSeparator` between sets there.
+ *
+ * `variant`, `size` and `shape` are defaults for every Button inside (a button's own prop wins),
+ * so a group is set once instead of on each button. The group is `role="group"`: give it an
+ * `aria-label` that says what the buttons are for ("Text alignment").
+ */
+export interface ButtonGroupProps extends React.ComponentProps<'div'>, ButtonDefaults {
+    orientation?: 'horizontal' | 'vertical';
+    /** Join the buttons into one block. */
+    attached?: boolean;
+}
+export declare function ButtonGroup({ orientation, attached, variant, size, shape, className, children, ...props }: ButtonGroupProps): React.JSX.Element;
+/** A thin rule between sets of buttons in a loose (`attached={false}`) group or a toolbar. */
+export declare function ButtonGroupSeparator({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;

package/components/button-group.js

@@ -0,0 +1,5 @@
+'use client';export { ButtonGroup, ButtonGroupSeparator } from '../chunk-GH2DEOGO.js';
+import '../chunk-6DWLTGRQ.js';
+import '../chunk-AKEZCWNW.js';
+import '../chunk-NTSU44FY.js';
+import '../chunk-EHEXE2UV.js';

package/components/button.d.ts

@@ -27,6 +27,18 @@ declare const buttonVariants: (props?: ({
 export interface ButtonProps extends React.ComponentProps<'button'>, VariantProps<typeof buttonVariants> {
     /** Render the child element (a link, say) with the button's styles instead of a `<button>`. */
     asChild?: boolean;
+    /**
+     * Busy: a Spinner takes the middle and the label and icons turn invisible but keep their room,
+     * so the button doesn't change width. Clicks (and Enter in a form) do nothing; the button
+     * keeps its focus and looks, with `aria-busy` and `aria-disabled` for screen readers.
+     */
+    loading?: boolean;
 }
-export declare function Button({ className, variant, size, shape, iconOnly, asChild, type, ...props }: ButtonProps): React.JSX.Element;
+/**
+ * What a ButtonGroup hands its buttons: the variant, size and shape they take unless they set
+ * their own. Lives here so Button reads it without importing the group.
+ */
+export type ButtonDefaults = Pick<VariantProps<typeof buttonVariants>, 'variant' | 'size' | 'shape'>;
+export declare const ButtonDefaultsContext: React.Context<ButtonDefaults | null>;
+export declare function Button({ className, variant, size, shape, iconOnly, asChild, loading, type, onClick, children, 'aria-disabled': ariaDisabled, ...props }: ButtonProps): React.JSX.Element;
 export { buttonVariants };

package/components/button.js

@@ -1,2 +1,4 @@
-'use client';export { Button, buttonVariants } from '../chunk-T6L32XXH.js';
-import '../chunk-O46O6LFQ.js';
+'use client';export { Button, ButtonDefaultsContext, buttonVariants } from '../chunk-6DWLTGRQ.js';
+import '../chunk-AKEZCWNW.js';
+import '../chunk-NTSU44FY.js';
+import '../chunk-EHEXE2UV.js';

package/components/card.js

@@ -1,3 +1,5 @@
-'use client';export { Card, cardVariants } from '../chunk-PHNR6ZQ7.js';
-import '../chunk-T6L32XXH.js';
-import '../chunk-O46O6LFQ.js';
+'use client';export { Card, cardVariants } from '../chunk-U6X6ODDJ.js';
+import '../chunk-6DWLTGRQ.js';
+import '../chunk-AKEZCWNW.js';
+import '../chunk-NTSU44FY.js';
+import '../chunk-EHEXE2UV.js';

package/components/channel-chart.js

@@ -1,10 +1,10 @@
-'use client';export { ChannelCard } from '../chunk-JCXI7VQL.js';
-import '../chunk-ZBZ3ZQRB.js';
+'use client';export { ChannelCard } from '../chunk-WALANB3V.js';
+import '../chunk-LI5VYDLN.js';
 import '../chunk-ZHFIWDGF.js';
-import '../chunk-UCCNXGLG.js';
-import '../chunk-VUOAPWTF.js';
-import '../chunk-BR2B4OIT.js';
-import '../chunk-57QEOCDZ.js';
-import '../chunk-XUOSJMEJ.js';
-import '../chunk-SSOFFQ5T.js';
-import '../chunk-O46O6LFQ.js';
+import '../chunk-EQAFDIPE.js';
+import '../chunk-KITXKIYW.js';
+import '../chunk-P36KBUYD.js';
+import '../chunk-XWPH7C2W.js';
+import '../chunk-7NV53EL5.js';
+import '../chunk-NTSU44FY.js';
+import '../chunk-EHEXE2UV.js';

package/components/chart.js

@@ -1,9 +1,9 @@
-'use client';export { ChartCard, ChartLegendPill, ChartLegendRow, ChartTooltip, defaultFormat } from '../chunk-ZBZ3ZQRB.js';
+'use client';export { ChartCard, ChartLegendPill, ChartLegendRow, ChartTooltip, defaultFormat } from '../chunk-LI5VYDLN.js';
 import '../chunk-ZHFIWDGF.js';
-import '../chunk-UCCNXGLG.js';
-import '../chunk-VUOAPWTF.js';
-import '../chunk-BR2B4OIT.js';
-import '../chunk-57QEOCDZ.js';
-import '../chunk-XUOSJMEJ.js';
-import '../chunk-SSOFFQ5T.js';
-import '../chunk-O46O6LFQ.js';
+import '../chunk-EQAFDIPE.js';
+import '../chunk-KITXKIYW.js';
+import '../chunk-P36KBUYD.js';
+import '../chunk-XWPH7C2W.js';
+import '../chunk-7NV53EL5.js';
+import '../chunk-NTSU44FY.js';
+import '../chunk-EHEXE2UV.js';

package/components/checkbox.js

@@ -1,2 +1,2 @@
-'use client';export { Checkbox } from '../chunk-X2GNMNZQ.js';
-import '../chunk-O46O6LFQ.js';
+'use client';export { Checkbox } from '../chunk-W2QQQWNE.js';
+import '../chunk-EHEXE2UV.js';

package/components/chip.js

@@ -1,2 +1,2 @@
-'use client';export { Chip, ChipAvatar, chipVariants } from '../chunk-Z7S2KQZS.js';
-import '../chunk-O46O6LFQ.js';
+'use client';export { Chip, ChipAvatar, chipVariants } from '../chunk-6JTSZAGO.js';
+import '../chunk-EHEXE2UV.js';

package/components/citations.js

@@ -1,4 +1,4 @@
-'use client';export { Citation, Sources } from '../chunk-EF5GT4OG.js';
-import '../chunk-PD6YPFYN.js';
-import '../chunk-SSOFFQ5T.js';
-import '../chunk-O46O6LFQ.js';
+'use client';export { Citation, Sources } from '../chunk-47DDBME3.js';
+import '../chunk-W2EH6RY5.js';
+import '../chunk-NTSU44FY.js';
+import '../chunk-EHEXE2UV.js';

package/components/code-block.js

@@ -1,3 +1,5 @@
-'use client';export { CodeBlock } from '../chunk-RHQHDYTE.js';
-import '../chunk-T6L32XXH.js';
-import '../chunk-O46O6LFQ.js';
+'use client';export { CodeBlock } from '../chunk-IKJIR6VL.js';
+import '../chunk-6DWLTGRQ.js';
+import '../chunk-AKEZCWNW.js';
+import '../chunk-NTSU44FY.js';
+import '../chunk-EHEXE2UV.js';

package/components/combobox.js

@@ -1,9 +1,10 @@
-'use client';export { Combobox } from '../chunk-LB7Z6BSK.js';
-import '../chunk-Z7S2KQZS.js';
-import '../chunk-UCCNXGLG.js';
-import '../chunk-VUOAPWTF.js';
-import '../chunk-BR2B4OIT.js';
-import '../chunk-57QEOCDZ.js';
-import '../chunk-T6L32XXH.js';
-import '../chunk-SSOFFQ5T.js';
-import '../chunk-O46O6LFQ.js';
+'use client';export { Combobox } from '../chunk-M7RILZVW.js';
+import '../chunk-6JTSZAGO.js';
+import '../chunk-EQAFDIPE.js';
+import '../chunk-KITXKIYW.js';
+import '../chunk-P36KBUYD.js';
+import '../chunk-XWPH7C2W.js';
+import '../chunk-6DWLTGRQ.js';
+import '../chunk-AKEZCWNW.js';
+import '../chunk-NTSU44FY.js';
+import '../chunk-EHEXE2UV.js';

package/components/command-menu.js

@@ -1,5 +1,5 @@
-'use client';export { CommandMenu } from '../chunk-UZ4DXU6W.js';
-import '../chunk-BR2B4OIT.js';
-import '../chunk-57QEOCDZ.js';
-import '../chunk-SSOFFQ5T.js';
-import '../chunk-O46O6LFQ.js';
+'use client';export { CommandMenu } from '../chunk-3VVO5MY5.js';
+import '../chunk-P36KBUYD.js';
+import '../chunk-XWPH7C2W.js';
+import '../chunk-NTSU44FY.js';
+import '../chunk-EHEXE2UV.js';

package/components/context-menu.js

@@ -1,5 +1,5 @@
-'use client';export { ContextMenu, ContextMenuItem, ContextMenuSeparator, ContextMenuSub } from '../chunk-X66KTATQ.js';
-import '../chunk-BR2B4OIT.js';
-import '../chunk-57QEOCDZ.js';
-import '../chunk-SSOFFQ5T.js';
-import '../chunk-O46O6LFQ.js';
+'use client';export { ContextMenu, ContextMenuItem, ContextMenuSeparator, ContextMenuSub } from '../chunk-CQFAMWZI.js';
+import '../chunk-P36KBUYD.js';
+import '../chunk-XWPH7C2W.js';
+import '../chunk-NTSU44FY.js';
+import '../chunk-EHEXE2UV.js';

package/components/cookie-consent.js

@@ -1,3 +1,5 @@
-'use client';export { CookieConsent } from '../chunk-JYOZUQNU.js';
-import '../chunk-T6L32XXH.js';
-import '../chunk-O46O6LFQ.js';
+'use client';export { CookieConsent } from '../chunk-KQNA22D3.js';
+import '../chunk-6DWLTGRQ.js';
+import '../chunk-AKEZCWNW.js';
+import '../chunk-NTSU44FY.js';
+import '../chunk-EHEXE2UV.js';

package/components/date-picker.js

@@ -1,8 +1,9 @@
-'use client';export { Calendar, DatePicker, DatePickerPanel, DateRangePicker, DateRangePickerPanel, formatDate, formatRange } from '../chunk-6VKV36OK.js';
-import '../chunk-UCCNXGLG.js';
-import '../chunk-VUOAPWTF.js';
-import '../chunk-BR2B4OIT.js';
-import '../chunk-57QEOCDZ.js';
-import '../chunk-T6L32XXH.js';
-import '../chunk-SSOFFQ5T.js';
-import '../chunk-O46O6LFQ.js';
+'use client';export { Calendar, DatePicker, DatePickerPanel, DateRangePicker, DateRangePickerPanel, formatDate, formatRange } from '../chunk-UAJ6M34K.js';
+import '../chunk-EQAFDIPE.js';
+import '../chunk-KITXKIYW.js';
+import '../chunk-P36KBUYD.js';
+import '../chunk-XWPH7C2W.js';
+import '../chunk-6DWLTGRQ.js';
+import '../chunk-AKEZCWNW.js';
+import '../chunk-NTSU44FY.js';
+import '../chunk-EHEXE2UV.js';

package/components/decision-card.js

@@ -1,6 +1,7 @@
-'use client';export { DecisionCard, DecisionItemPreview } from '../chunk-SAYNV7B3.js';
+'use client';export { DecisionCard, DecisionItemPreview } from '../chunk-HI6QIG55.js';
 import '../chunk-XETMIETJ.js';
-import '../chunk-X2GNMNZQ.js';
-import '../chunk-T6L32XXH.js';
-import '../chunk-SSOFFQ5T.js';
-import '../chunk-O46O6LFQ.js';
+import '../chunk-W2QQQWNE.js';
+import '../chunk-6DWLTGRQ.js';
+import '../chunk-AKEZCWNW.js';
+import '../chunk-NTSU44FY.js';
+import '../chunk-EHEXE2UV.js';

package/components/dialog.d.ts

@@ -1,5 +1,7 @@
 import * as React from 'react';
 import { Dialog as DialogPrimitive } from 'radix-ui';
+import { CloseIcon, StatusIcon } from './alert.js';
+export { CloseIcon, StatusIcon };
 /**
  * Dialog, 1:1 with the uiKit `Dialog` set (465:66873): variant default or destructive.
  * A 425px popover surface (min 360, max 560, never wider or taller than the screen less 16px a side; the body scrolls), radius-2xl, border/default, the shadcn `lg`
@@ -43,9 +45,6 @@ export interface DialogProps extends Omit<React.ComponentProps<typeof DialogPrim
     onOpenAutoFocus?: (event: Event) => void;
     className?: string;
 }
-/** The X from Figma's close button (`icon` 16px, 1.25 stroke). */
-/** @internal Shared by Satin's own components; not part of the public API and may change in any release. */
-export declare function CloseIcon(): React.JSX.Element;
 export declare function Dialog({ open, defaultOpen, onOpenChange, trigger, title, description, variant, alert, footer, footerStart, children, closeButton, modal, container, onOpenAutoFocus, className, ...props }: DialogProps): React.JSX.Element;
 /** Wrap a footer button in this to make it close the dialog: `<DialogClose asChild><Button…/></DialogClose>`. */
 export declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
@@ -64,8 +63,4 @@ export interface DialogAlertProps extends Omit<React.ComponentProps<'div'>, 'tit
     /** Shows the close button; called when it is pressed. */
     onDismiss?: () => void;
 }
-/** The four status glyphs from Figma (16px, 1.25 stroke), drawn in currentColor. */
-export declare function StatusIcon({ intent }: {
-    intent: DialogAlertIntent;
-}): React.JSX.Element;
 export declare function DialogAlert({ intent, title, description, icon, onDismiss, className, ...props }: DialogAlertProps): React.JSX.Element;

package/components/dialog.js

@@ -1,4 +1,6 @@
-'use client';export { CloseIcon, Dialog, DialogAlert, DialogClose, StatusIcon } from '../chunk-AIMQNLPY.js';
-import '../chunk-T6L32XXH.js';
-import '../chunk-SSOFFQ5T.js';
-import '../chunk-O46O6LFQ.js';
+'use client';export { Dialog, DialogAlert, DialogClose } from '../chunk-WZSLDYUU.js';
+export { CloseIcon, StatusIcon } from '../chunk-RPL6FRVX.js';
+import '../chunk-6DWLTGRQ.js';
+import '../chunk-AKEZCWNW.js';
+import '../chunk-NTSU44FY.js';
+import '../chunk-EHEXE2UV.js';

package/components/donut-chart.js

@@ -1,10 +1,10 @@
-'use client';export { DonutCard } from '../chunk-WLQD5BN2.js';
-import '../chunk-ZBZ3ZQRB.js';
+'use client';export { DonutCard } from '../chunk-PD2KD5OR.js';
+import '../chunk-LI5VYDLN.js';
 import '../chunk-ZHFIWDGF.js';
-import '../chunk-UCCNXGLG.js';
-import '../chunk-VUOAPWTF.js';
-import '../chunk-BR2B4OIT.js';
-import '../chunk-57QEOCDZ.js';
-import '../chunk-XUOSJMEJ.js';
-import '../chunk-SSOFFQ5T.js';
-import '../chunk-O46O6LFQ.js';
+import '../chunk-EQAFDIPE.js';
+import '../chunk-KITXKIYW.js';
+import '../chunk-P36KBUYD.js';
+import '../chunk-XWPH7C2W.js';
+import '../chunk-7NV53EL5.js';
+import '../chunk-NTSU44FY.js';
+import '../chunk-EHEXE2UV.js';

package/components/dot.js

@@ -1,2 +1,2 @@
-'use client';export { Dot, dotVariants } from '../chunk-5XTUFBZI.js';
-import '../chunk-O46O6LFQ.js';
+'use client';export { Dot, dotVariants } from '../chunk-C6WRJ7DG.js';
+import '../chunk-EHEXE2UV.js';

package/components/dropdown.js

@@ -1,4 +1,4 @@
-'use client';export { DropdownMenu, DropdownMenuGroup, DropdownMenuItem, MenuItemContent, menuGroupClass, menuGroupLabelClass, menuItemClass, menuSurfaceClass } from '../chunk-BR2B4OIT.js';
-import '../chunk-57QEOCDZ.js';
-import '../chunk-SSOFFQ5T.js';
-import '../chunk-O46O6LFQ.js';
+'use client';export { DropdownMenu, DropdownMenuGroup, DropdownMenuItem, MenuItemContent, menuGroupClass, menuGroupLabelClass, menuItemClass, menuSurfaceClass } from '../chunk-P36KBUYD.js';
+import '../chunk-XWPH7C2W.js';
+import '../chunk-NTSU44FY.js';
+import '../chunk-EHEXE2UV.js';

package/components/empty-state.js

@@ -1,2 +1,2 @@
-'use client';export { EmptyState, emptyStateVariants } from '../chunk-FAJ3OVL4.js';
-import '../chunk-O46O6LFQ.js';
+'use client';export { EmptyState, emptyStateVariants } from '../chunk-JR3VVDV6.js';
+import '../chunk-EHEXE2UV.js';

package/components/field-group.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+/**
+ * FieldGroup: fields or options that answer one question, under one legend: an address, a date
+ * range, "Notify me about" with a list of checkboxes. It is a `<fieldset>`, so the legend names
+ * the whole group for screen readers and `disabled` reaches every control in it.
+ *
+ * - `variant="fields"` (default) is a block of FormFields under a 16px heading; `columns` puts
+ *   them side by side (City | Postcode) from the `sm` breakpoint up.
+ * - `variant="choices"` is a list of Checkboxes, Switches or Radios under a label set like a
+ *   FormField's, 12px apart, with one description and one error for the whole list.
+ * - In a horizontal Form the legend takes the label column and the fields inside stack
+ *   vertically next to it.
+ * - `error` (or the Form's `errors[name]`) shows under the group and marks it invalid.
+ */
+export interface FieldGroupProps extends Omit<React.ComponentProps<'fieldset'>, 'children'> {
+    legend: React.ReactNode;
+    description?: React.ReactNode;
+    error?: React.ReactNode;
+    /** Picks the group's message out of the Form's `errors`. */
+    name?: string;
+    required?: boolean;
+    variant?: 'fields' | 'choices';
+    columns?: 1 | 2 | 3;
+    layout?: 'vertical' | 'horizontal';
+    children: React.ReactNode;
+}
+export declare function FieldGroup({ legend, description, error: ownError, name, required, variant, columns, layout: ownLayout, disabled: ownDisabled, className, children, ...props }: FieldGroupProps): React.JSX.Element;

package/components/field-group.js

@@ -0,0 +1,3 @@
+'use client';export { FieldGroup } from '../chunk-RFSPJECL.js';
+import '../chunk-KITXKIYW.js';
+import '../chunk-EHEXE2UV.js';

package/components/file-upload.js

@@ -1,6 +1,7 @@
-'use client';export { FileUpload, FileUploadItem, fileIconFor, formatBytes } from '../chunk-73Z7NMQQ.js';
-import '../chunk-UUCVRIVP.js';
-import '../chunk-M2HEVFQ3.js';
-import '../chunk-T6L32XXH.js';
-import '../chunk-SSOFFQ5T.js';
-import '../chunk-O46O6LFQ.js';
+'use client';export { FileUpload, FileUploadItem, fileIconFor, formatBytes } from '../chunk-YXWXSRXG.js';
+import '../chunk-R3DTMBDT.js';
+import '../chunk-6DWLTGRQ.js';
+import '../chunk-AKEZCWNW.js';
+import '../chunk-LKSFTNPF.js';
+import '../chunk-NTSU44FY.js';
+import '../chunk-EHEXE2UV.js';

package/components/form-field.d.ts

@@ -9,18 +9,41 @@ import * as React from 'react';
  * The control is wired through context: Input and Textarea pick up the field's id (so the
  * label points at them), `aria-describedby` (description or error), `aria-invalid` and
  * `disabled`. Any other control can read the same values with `useFormField()`.
+ *
+ * Inside a `Form` (form.tsx) a field takes the form's layout and disabled state, and with a
+ * `name` it shows the form's `errors[name]` and names its control, so the form's fields are
+ * set in one place. Its own props still win.
  */
 export interface FormFieldContextValue {
     id: string;
+    /** The field's `name`, given to Input, Textarea and Select for a native submit. */
+    name?: string;
     describedBy?: string;
     invalid: boolean;
     disabled: boolean;
     required: boolean;
 }
+/**
+ * What a Form (or a FieldGroup inside one) hands the fields in it. Defined here, not in form.tsx,
+ * so a FormField works on its own and the form only adds to it.
+ */
+export interface FormContextValue {
+    layout?: 'vertical' | 'horizontal';
+    disabled?: boolean;
+    /** Error messages by field `name`. */
+    errors?: Partial<Record<string, React.ReactNode>>;
+}
+export declare const FormContext: React.Context<FormContextValue | null>;
+/** The size an InputGroup gives the fields in it (Input, Select), unless they set their own. */
+export declare const FieldSizeContext: React.Context<"lg" | "md" | "sm" | null>;
+/** The layout, disabled state and errors of the surrounding Form, if any. */
+export declare function useFormContext(): FormContextValue | null;
 /** The id, describedby, invalid, disabled and required of the surrounding FormField, if any. */
 export declare function useFormField(): FormFieldContextValue | null;
 export interface FormFieldProps extends Omit<React.ComponentProps<'div'>, 'children'> {
     label: React.ReactNode;
+    /** Names the control and picks this field's message out of the Form's `errors`. */
+    name?: string;
     description?: React.ReactNode;
     /** An error message. It replaces the description and marks the control invalid. */
     error?: React.ReactNode;
@@ -32,4 +55,18 @@ export interface FormFieldProps extends Omit<React.ComponentProps<'div'>, 'child
     htmlFor?: string;
     children: React.ReactNode;
 }
-export declare function FormField({ label, description, error, layout, disabled, required, htmlFor, className, children, ...props }: FormFieldProps): React.JSX.Element;
+export declare function FormField({ label, description, name, error: ownError, layout: ownLayout, disabled: ownDisabled, required, htmlFor, className, children, ...props }: FormFieldProps): React.JSX.Element;
+/** @internal The required mark from Figma (the `sparkle 2` glyph in _label), 6px, in the label colour. */
+export declare function RequiredMark(): React.JSX.Element;
+/** @internal A field's or a group's error: Figma's 14px warning circle and the message, in red. */
+export declare function FieldError({ id, children, className }: {
+    id?: string;
+    children: React.ReactNode;
+    className?: string;
+}): React.JSX.Element;
+/** @internal A field's or a group's description, muted. */
+export declare function FieldDescription({ id, children, className }: {
+    id?: string;
+    children: React.ReactNode;
+    className?: string;
+}): React.JSX.Element;

package/components/form-field.js

@@ -1,2 +1,2 @@
-'use client';export { FormField, useFormField } from '../chunk-VUOAPWTF.js';
-import '../chunk-O46O6LFQ.js';
+'use client';export { FieldDescription, FieldError, FieldSizeContext, FormContext, FormField, RequiredMark, useFormContext, useFormField } from '../chunk-KITXKIYW.js';
+import '../chunk-EHEXE2UV.js';