@uisatin/ui 0.2.0 → 0.3.0

package/components/dropdown.d.ts

@@ -15,14 +15,18 @@ import { DropdownMenu as DropdownPrimitive } from 'radix-ui';
  * text/subtle and are 4px apart with a 1px bg/muted rule between them. Items are 4px apart.
  *
  * Built on the Radix DropdownMenu: arrow keys, typeahead, Escape, focus return.
+ *
+ * Other props on DropdownMenu, `ref` included, go to the menu's panel (the Radix Content).
  */
 /** The popover surface menus share: radius-xl, border/subtle, bg/popover, the shadcn `sm` shadow. */
+/** @internal Shared by Satin's own components; not part of the public API and may change in any release. */
 export declare const menuSurfaceClass: string;
 /** A group of rows, with a 1px bg/muted rule under every group but the last. */
+/** @internal Shared by Satin's own components; not part of the public API and may change in any release. */
 export declare const menuGroupClass = "flex flex-col gap-1 not-last:after:block not-last:after:h-px not-last:after:bg-bg-muted";
 /** The 24px group header in 12px text/subtle. */
 export declare const menuGroupLabelClass = "flex h-6 items-center px-3 text-xs leading-3 tracking-normal text-text-subtle";
-export interface DropdownMenuProps {
+export interface DropdownMenuProps extends Omit<React.ComponentProps<typeof DropdownPrimitive.Content>, 'children' | 'asChild' | 'side' | 'align' | 'sideOffset' | 'onFocusOutside'> {
     /** The element that opens the menu. Rendered with `asChild`, so pass a Button. */
     trigger: React.ReactNode;
     /** `DropdownMenuItem`s, optionally inside `DropdownMenuGroup`s. */
@@ -51,6 +55,7 @@ export interface DropdownMenuGroupProps extends React.ComponentProps<typeof Drop
 /** A titled group of items (Figma `_dropdown/group`). Groups get a rule between them. */
 export declare function DropdownMenuGroup({ label, children, className, ...props }: DropdownMenuGroupProps): React.JSX.Element;
 /** The row skin every menu shares: Dropdown, Select, Combobox and the Command menu. */
+/** @internal Shared by Satin's own components; not part of the public API and may change in any release. */
 export declare const menuItemClass: string;
 export interface MenuItemContentProps {
     label: React.ReactNode;

package/components/dropdown.js

@@ -1,5 +1,4 @@
-'use client';export { DropdownMenu, DropdownMenuGroup, DropdownMenuItem, MenuItemContent, menuGroupClass, menuGroupLabelClass, menuItemClass, menuSurfaceClass } from '../chunk-3DINAQLL.js';
-import '../chunk-BKZBWPUH.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=dropdown.js.map
-//# sourceMappingURL=dropdown.js.map
+'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';

package/components/empty-state.js

@@ -1,4 +1,2 @@
-'use client';export { EmptyState, emptyStateVariants } from '../chunk-WX6BP5ZP.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=empty-state.js.map
-//# sourceMappingURL=empty-state.js.map
+'use client';export { EmptyState, emptyStateVariants } from '../chunk-FAJ3OVL4.js';
+import '../chunk-O46O6LFQ.js';

package/components/file-upload.js

@@ -1,7 +1,6 @@
-'use client';export { FileUpload, FileUploadItem, fileIconFor, formatBytes } from '../chunk-GICKPMJU.js';
-import '../chunk-7TXHCRAG.js';
-import '../chunk-H4NU7NPO.js';
-import '../chunk-HNQUX43Z.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=file-upload.js.map
-//# sourceMappingURL=file-upload.js.map
+'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';

package/components/floating.js

@@ -1,3 +1 @@
-'use client';export { Floating } from '../chunk-Y5AYU7PK.js';
-//# sourceMappingURL=floating.js.map
-//# sourceMappingURL=floating.js.map
+'use client';export { Floating } from '../chunk-ZHFIWDGF.js';

package/components/form-field.js

@@ -1,4 +1,2 @@
-'use client';export { FormField, useFormField } from '../chunk-UBNHSZSE.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=form-field.js.map
-//# sourceMappingURL=form-field.js.map
+'use client';export { FormField, useFormField } from '../chunk-VUOAPWTF.js';
+import '../chunk-O46O6LFQ.js';

package/components/hover-card.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { HoverCard as HoverCardPrimitive } from 'radix-ui';
 /**
  * HoverCard, 1:1 with the uiKit design (🆕 context menu & hover card): a preview of a person,
  * place or file over its link — the Popover surface (bg/popover, border/default, radius-xl, the
@@ -8,8 +9,10 @@ import * as React from 'react';
  *
  * Only for extra context the page works without: anything someone needs to act on belongs in a
  * Popover they open on purpose.
+ *
+ * Other props, `ref` included, go to the card itself (the Radix Content).
  */
-export interface HoverCardProps {
+export interface HoverCardProps extends Omit<React.ComponentProps<typeof HoverCardPrimitive.Content>, 'children' | 'asChild' | 'side' | 'align'> {
     /** The link or name it previews. Rendered with `asChild`. */
     trigger: React.ReactNode;
     children: React.ReactNode;
@@ -25,6 +28,6 @@ export interface HoverCardProps {
     container?: HTMLElement | null;
     className?: string;
 }
-export declare function HoverCard({ trigger, children, side, align, openDelay, closeDelay, open, defaultOpen, onOpenChange, container, className, }: HoverCardProps): React.JSX.Element;
+export declare function HoverCard({ trigger, children, side, align, openDelay, closeDelay, open, defaultOpen, onOpenChange, container, className, ...props }: HoverCardProps): React.JSX.Element;
 /** The hover card's surface, for previews you place yourself. */
 export declare const hoverCardClass: string;

package/components/hover-card.js

@@ -1,4 +1,2 @@
-'use client';export { HoverCard, hoverCardClass } from '../chunk-HRKPV66B.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=hover-card.js.map
-//# sourceMappingURL=hover-card.js.map
+'use client';export { HoverCard, hoverCardClass } from '../chunk-PD6YPFYN.js';
+import '../chunk-O46O6LFQ.js';

package/components/input-otp.d.ts

@@ -20,8 +20,10 @@ import * as React from 'react';
  * and the browser's SMS autofill (`autocomplete="one-time-code"`) all work as in any field, and
  * screen readers hear one text box. Only digits by default (`pattern`); `onComplete` fires when
  * every cell is filled.
+ *
+ * Other props, `ref` included, go to that <input>; `className` styles the field around it.
  */
-export interface InputOTPProps {
+export interface InputOTPProps extends Omit<React.ComponentProps<'input'>, 'value' | 'defaultValue' | 'pattern' | 'type' | 'maxLength' | 'children'> {
     /** How many characters. */
     length?: number;
     /** Cells per group; groups are split by a dash. 0 for one group. */
@@ -46,4 +48,4 @@ export interface InputOTPProps {
     'aria-label'?: string;
     className?: string;
 }
-export declare function InputOTP({ length, groupSize, value: valueProp, defaultValue, onValueChange, onComplete, pattern, label, hint, error, success, disabled, autoFocus, id, name, className, ...props }: InputOTPProps): React.JSX.Element;
+export declare function InputOTP({ length, groupSize, value: valueProp, defaultValue, onValueChange, onComplete, pattern, label, hint, error, success, disabled, autoFocus, id, name, className, 'aria-describedby': describedByProp, ref, onChange, onFocus, onBlur, onSelect, ...props }: InputOTPProps): React.JSX.Element;

package/components/input-otp.js

@@ -1,8 +1,7 @@
-'use client';export { InputOTP } from '../chunk-XL75JRUA.js';
-import '../chunk-72OCFAPT.js';
-import '../chunk-UBNHSZSE.js';
-import '../chunk-3DINAQLL.js';
-import '../chunk-BKZBWPUH.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=input-otp.js.map
-//# sourceMappingURL=input-otp.js.map
+'use client';export { InputOTP } from '../chunk-OVKPPXK5.js';
+import '../chunk-UCCNXGLG.js';
+import '../chunk-VUOAPWTF.js';
+import '../chunk-BR2B4OIT.js';
+import '../chunk-57QEOCDZ.js';
+import '../chunk-SSOFFQ5T.js';
+import '../chunk-O46O6LFQ.js';

package/components/input.js

@@ -1,5 +1,3 @@
-'use client';export { Input } from '../chunk-YPNKBE5X.js';
-import '../chunk-UBNHSZSE.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=input.js.map
-//# sourceMappingURL=input.js.map
+'use client';export { Input } from '../chunk-OURZQM27.js';
+import '../chunk-VUOAPWTF.js';
+import '../chunk-O46O6LFQ.js';

package/components/kbd.js

@@ -1,4 +1,2 @@
-'use client';export { Kbd, KbdArrowDown, KbdArrowUp, KbdGroup, KbdHint, KbdReturn, keysOf } from '../chunk-BKZBWPUH.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=kbd.js.map
-//# sourceMappingURL=kbd.js.map
+'use client';export { Kbd, KbdArrowDown, KbdArrowUp, KbdGroup, KbdHint, KbdReturn, keysOf } from '../chunk-57QEOCDZ.js';
+import '../chunk-O46O6LFQ.js';

package/components/labels.d.ts

@@ -0,0 +1,79 @@
+import * as React from 'react';
+/**
+ * The words Satin's components say on their own: accessible names of icon buttons (Close,
+ * Increase), lists and regions screen readers announce, and a few visible defaults. English by
+ * default; wrap the app (or any part of it) in `SatinLabels` to translate or reword them:
+ *
+ *   <SatinLabels labels={{ close: 'Zamknij', dismiss: 'Odrzuć' }}>…</SatinLabels>
+ *
+ * Anything left out keeps its English default. A component's own prop (Select's `placeholder`)
+ * still wins over these.
+ */
+export declare const defaultLabels: {
+    close: string;
+    dismiss: string;
+    announcement: string;
+    increase: string;
+    decrease: string;
+    previous: string;
+    next: string;
+    previousSection: string;
+    nextSection: string;
+    previousQuestion: string;
+    nextQuestion: string;
+    previousMonth: string;
+    nextMonth: string;
+    year: string;
+    month: string;
+    sheets: string;
+    hiddenPages: string;
+    period: string;
+    commandMenu: string;
+    searchCommands: string;
+    commands: string;
+    draft: string;
+    files: string;
+    attachedFiles: string;
+    goodResponse: string;
+    badResponse: string;
+    copy: string;
+    attachments: string;
+    addToConversation: string;
+    message: string;
+    send: string;
+    stop: string;
+    searchAgentsAndTools: string;
+    addAgent: string;
+    agentsAndTools: string;
+    model: string;
+    agent: string;
+    remove: string;
+    add: string;
+    selectAllRows: string;
+    selectRow: string;
+    select: string;
+    search: string;
+    noResults: string;
+    clear: string;
+    apply: string;
+    cancel: string;
+    pickDate: string;
+    pickDates: string;
+    from: string;
+    to: string;
+    value: string;
+    selected: string;
+    commandPlaceholder: string;
+    navigate: string;
+    openItem: string;
+    source: string;
+};
+export type SatinLabelSet = typeof defaultLabels;
+export interface SatinLabelsProps {
+    /** The words to change; the rest stay as they are (from a parent SatinLabels, or English). */
+    labels: Partial<SatinLabelSet>;
+    children: React.ReactNode;
+}
+export declare function SatinLabels({ labels, children }: SatinLabelsProps): React.JSX.Element;
+/** The labels in effect here: English, or what a SatinLabels above has set. */
+export declare function useSatinLabels(): SatinLabelSet;

package/components/labels.js

@@ -0,0 +1 @@
+'use client';export { SatinLabels, defaultLabels, useSatinLabels } from '../chunk-SSOFFQ5T.js';

package/components/line-chart.js

@@ -1,12 +1,11 @@
-'use client';export { AreaCard, LineCard } from '../chunk-SHDFUXYV.js';
-import '../chunk-DO3TBNSC.js';
-import '../chunk-YPJYW624.js';
-import '../chunk-Y5AYU7PK.js';
-import '../chunk-72OCFAPT.js';
-import '../chunk-UBNHSZSE.js';
-import '../chunk-3DINAQLL.js';
-import '../chunk-BKZBWPUH.js';
-import '../chunk-O7F3CIDV.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=line-chart.js.map
-//# sourceMappingURL=line-chart.js.map
+'use client';export { AreaCard, LineCard } from '../chunk-JBKBRAC4.js';
+import '../chunk-ISYKZCPJ.js';
+import '../chunk-ZBZ3ZQRB.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';

package/components/message-actions.js

@@ -1,5 +1,4 @@
-'use client';export { MessageActions } from '../chunk-AN2RNJLR.js';
-import '../chunk-HNQUX43Z.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=message-actions.js.map
-//# sourceMappingURL=message-actions.js.map
+'use client';export { MessageActions } from '../chunk-SZJIVBOD.js';
+import '../chunk-T6L32XXH.js';
+import '../chunk-SSOFFQ5T.js';
+import '../chunk-O46O6LFQ.js';

package/components/message.js

@@ -1,8 +1,7 @@
-'use client';export { Message } from '../chunk-PVOLDO4G.js';
-import '../chunk-ESC5JCVQ.js';
-import '../chunk-AN2RNJLR.js';
-import '../chunk-KNUWZNFV.js';
-import '../chunk-HNQUX43Z.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=message.js.map
-//# sourceMappingURL=message.js.map
+'use client';export { Message } from '../chunk-S7QHBVPX.js';
+import '../chunk-NL574STL.js';
+import '../chunk-SZJIVBOD.js';
+import '../chunk-UGIVCXGN.js';
+import '../chunk-T6L32XXH.js';
+import '../chunk-SSOFFQ5T.js';
+import '../chunk-O46O6LFQ.js';

package/components/number-input.d.ts

@@ -8,8 +8,10 @@ import * as React from 'react';
  * It's a spinbutton: ArrowUp / ArrowDown step, PageUp / PageDown step ten times, Home / End jump
  * to `min` / `max`. Typing is free while focused; Enter or leaving the field clamps it, snaps it to
  * `step` and commits; Escape puts the last value back.
+ *
+ * Other props, `ref` included, go to the <input>; `className` styles the field around it.
  */
-export interface NumberInputProps {
+export interface NumberInputProps extends Omit<React.ComponentProps<'input'>, 'value' | 'defaultValue' | 'size' | 'min' | 'max' | 'step' | 'type' | 'children'> {
     value?: number;
     defaultValue?: number;
     onValueChange?: (value: number) => void;
@@ -30,4 +32,4 @@ export interface NumberInputProps {
     wrapperClassName?: string;
     className?: string;
 }
-export declare function NumberInput({ value: valueProp, defaultValue, onValueChange, min, max, step, size, formatValue, label, hint, error, disabled, id, name, wrapperClassName, className, ...props }: NumberInputProps): React.JSX.Element;
+export declare function NumberInput({ value: valueProp, defaultValue, onValueChange, min, max, step, size, formatValue, label, hint, error, disabled, id, name, wrapperClassName, className, 'aria-describedby': describedBy, onChange, onBlur, onKeyDown, ...props }: NumberInputProps): React.JSX.Element;

package/components/number-input.js

@@ -1,8 +1,7 @@
-'use client';export { NumberInput } from '../chunk-LW3TRU5W.js';
-import '../chunk-72OCFAPT.js';
-import '../chunk-UBNHSZSE.js';
-import '../chunk-3DINAQLL.js';
-import '../chunk-BKZBWPUH.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=number-input.js.map
-//# sourceMappingURL=number-input.js.map
+'use client';export { NumberInput } from '../chunk-674SRBZK.js';
+import '../chunk-UCCNXGLG.js';
+import '../chunk-VUOAPWTF.js';
+import '../chunk-BR2B4OIT.js';
+import '../chunk-57QEOCDZ.js';
+import '../chunk-SSOFFQ5T.js';
+import '../chunk-O46O6LFQ.js';

package/components/pagination.js

@@ -1,6 +1,4 @@
-'use client';export { Pagination, paginationRange } from '../chunk-QS4N4MNP.js';
-import '../chunk-J3NSDRVH.js';
-import '../chunk-HNQUX43Z.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=pagination.js.map
-//# sourceMappingURL=pagination.js.map
+'use client';export { Pagination, paginationRange } from '../chunk-TT2N5752.js';
+import '../chunk-XETMIETJ.js';
+import '../chunk-T6L32XXH.js';
+import '../chunk-O46O6LFQ.js';

package/components/popover.d.ts

@@ -8,8 +8,10 @@ import { Popover as PopoverPrimitive } from 'radix-ui';
  *
  * Built on the Radix Popover. `children` is the trigger (rendered with `asChild`, so pass a
  * Button); `body` fills the body slot. Pass `container` to portal it into the docs stage.
+ *
+ * Other props, `ref` included, go to the popover's panel (the Radix Content).
  */
-export interface PopoverProps {
+export interface PopoverProps extends Omit<React.ComponentProps<typeof PopoverPrimitive.Content>, 'title' | 'children' | 'asChild' | 'side' | 'align' | 'sideOffset' | 'onOpenAutoFocus' | 'onInteractOutside'> {
     title: React.ReactNode;
     description?: React.ReactNode;
     /** The trigger. Rendered with `asChild`. */
@@ -32,13 +34,17 @@ export interface PopoverProps {
     onInteractOutside?: (event: Event) => void;
     className?: string;
 }
-export declare function Popover({ title, description, children, body, open, defaultOpen, onOpenChange, side, align, sideOffset, closeButton, container, onOpenAutoFocus, onInteractOutside, className, }: PopoverProps): React.JSX.Element;
+export declare function Popover({ title, description, children, body, open, defaultOpen, onOpenChange, side, align, sideOffset, closeButton, container, onOpenAutoFocus, onInteractOutside, className, ...props }: PopoverProps): React.JSX.Element;
+export interface PopoverPanelProps extends Omit<React.ComponentProps<'div'>, 'title' | 'children'>, Pick<PopoverProps, 'title' | 'description' | 'body' | 'closeButton'> {
+    /** Called when the close button is pressed. */
+    onClose?: () => void;
+}
 /**
  * The popover's panel on its own, in place: no trigger, no positioning. For docs, previews
  * and layers you anchor yourself. The close button calls `onClose`.
+ *
+ * Other props, `ref` included, go to the panel's root `div`.
  */
-export declare function PopoverPanel({ title, description, body, closeButton, onClose, className, }: Pick<PopoverProps, 'title' | 'description' | 'body' | 'closeButton' | 'className'> & {
-    onClose?: () => void;
-}): React.JSX.Element;
+export declare function PopoverPanel({ title, description, body, closeButton, onClose, className, ...props }: PopoverPanelProps): React.JSX.Element;
 /** Wrap a body button in this to make it close the popover: `<PopoverClose asChild><Button…/></PopoverClose>`. */
 export declare const PopoverClose: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;

package/components/popover.js

@@ -1,4 +1,3 @@
-'use client';export { Popover, PopoverClose, PopoverPanel } from '../chunk-BNZVTLHV.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=popover.js.map
-//# sourceMappingURL=popover.js.map
+'use client';export { Popover, PopoverClose, PopoverPanel } from '../chunk-LFGUJHFF.js';
+import '../chunk-SSOFFQ5T.js';
+import '../chunk-O46O6LFQ.js';

package/components/progress.js

@@ -1,4 +1,2 @@
-'use client';export { Progress } from '../chunk-7TXHCRAG.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=progress.js.map
-//# sourceMappingURL=progress.js.map
+'use client';export { Progress } from '../chunk-M2HEVFQ3.js';
+import '../chunk-O46O6LFQ.js';

package/components/prompt-bar.js

@@ -1,6 +1,5 @@
-'use client';export { PromptBar, defaultActions } from '../chunk-6YXUBP27.js';
-import '../chunk-BKZBWPUH.js';
-import '../chunk-HNQUX43Z.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=prompt-bar.js.map
-//# sourceMappingURL=prompt-bar.js.map
+'use client';export { PromptBar, defaultActions } from '../chunk-5725MFGQ.js';
+import '../chunk-57QEOCDZ.js';
+import '../chunk-T6L32XXH.js';
+import '../chunk-SSOFFQ5T.js';
+import '../chunk-O46O6LFQ.js';

package/components/radio.js

@@ -1,4 +1,2 @@
-'use client';export { Radio, RadioGroup } from '../chunk-LLHTVIM3.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=radio.js.map
-//# sourceMappingURL=radio.js.map
+'use client';export { Radio, RadioGroup } from '../chunk-LB37KTJH.js';
+import '../chunk-O46O6LFQ.js';

package/components/search-bar.js

@@ -1,5 +1,3 @@
-'use client';export { SearchBar } from '../chunk-UGRSWP6U.js';
-import '../chunk-BKZBWPUH.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=search-bar.js.map
-//# sourceMappingURL=search-bar.js.map
+'use client';export { SearchBar } from '../chunk-SPGUZMCC.js';
+import '../chunk-57QEOCDZ.js';
+import '../chunk-O46O6LFQ.js';

package/components/segmented-control.d.ts

@@ -5,6 +5,8 @@ import * as React from 'react';
  * the labels to the new segment, as in Tabs and Pagination (sliding-indicator.tsx: 300 ms,
  * the leading edge first): a white card with Shadow/sm in Light. Arrow keys move between segments.
  * Values 1:1 with the uiKit `_segmentedControl/item` (3080:20278) and `SegmentedControl` (3080:21247) sets.
+ *
+ * Other props, `ref` included, go to the track (the Radix ToggleGroup root, a `group`).
  */
 type Size = 'xs' | 'md' | 'lg';
 type Shape = 'default' | 'rounded';
@@ -14,7 +16,7 @@ export interface SegmentedControlItem {
     icon?: React.ReactNode;
     disabled?: boolean;
 }
-export interface SegmentedControlProps {
+export interface SegmentedControlProps extends Omit<React.ComponentProps<'div'>, 'defaultValue' | 'dir' | 'children'> {
     items: SegmentedControlItem[];
     value?: string;
     defaultValue?: string;
@@ -28,5 +30,5 @@ export interface SegmentedControlProps {
     'aria-label'?: string;
     className?: string;
 }
-export declare function SegmentedControl({ items, value: valueProp, defaultValue, onValueChange, size, shape, border, fullWidth, className, ...aria }: SegmentedControlProps): React.JSX.Element;
+export declare function SegmentedControl({ items, value: valueProp, defaultValue, onValueChange, size, shape, border, fullWidth, className, ref, ...props }: SegmentedControlProps): React.JSX.Element;
 export {};

package/components/segmented-control.js

@@ -1,5 +1,3 @@
-'use client';export { SegmentedControl } from '../chunk-WTMZT3IT.js';
-import '../chunk-J3NSDRVH.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=segmented-control.js.map
-//# sourceMappingURL=segmented-control.js.map
+'use client';export { SegmentedControl } from '../chunk-CVNRZ2YV.js';
+import '../chunk-XETMIETJ.js';
+import '../chunk-O46O6LFQ.js';

package/components/select.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { Select as SelectPrimitive } from 'radix-ui';
 import { type MenuItemContentProps } from './dropdown.js';
 /**
  * Select, 1:1 with the uiKit `Select` set (4022:3531): the field around it is Input's (a 13px
@@ -15,6 +16,8 @@ import { type MenuItemContentProps } from './dropdown.js';
  * Built on the Radix Select: arrow keys, typeahead, Home/End, Escape, a native form value
  * (`name`), and focus back on the trigger. Inside a FormField, leave out `label`, `hint` and
  * `error`.
+ *
+ * Other props, `ref` included, go to the trigger button.
  */
 export interface SelectOption extends Omit<MenuItemContentProps, 'label' | 'selected' | 'renderLabel' | 'layout' | 'iconSize'> {
     value: string;
@@ -25,12 +28,13 @@ export interface SelectGroup {
     label?: React.ReactNode;
     options: SelectOption[];
 }
-export interface SelectProps {
+export interface SelectProps extends Omit<React.ComponentProps<typeof SelectPrimitive.Trigger>, 'value' | 'defaultValue' | 'disabled' | 'name' | 'children' | 'asChild'> {
     /** Options, or titled groups of options. */
     options: SelectOption[] | SelectGroup[];
     value?: string;
     defaultValue?: string;
     onValueChange?: (value: string) => void;
+    /** Shown while nothing is picked. Defaults to the `select` label ("Select…"). */
     placeholder?: string;
     label?: React.ReactNode;
     hint?: React.ReactNode;
@@ -60,12 +64,14 @@ export interface SelectProps {
     /** Show a state without interacting, for state sheets. */
     'data-force'?: 'hover' | 'focus';
 }
+/** @internal Shared by Satin's own components; not part of the public API and may change in any release. */
 export declare const isOptionGroups: <T>(o: T[] | {
     options: T[];
 }[]) => o is {
     options: T[];
 }[];
 /** Ids and state for a field with a label, a hint or an error, inside or outside a FormField. */
+/** @internal Shared by Satin's own components; not part of the public API and may change in any release. */
 export declare function useFieldChrome({ id, disabled, error, hint, }: {
     id?: string;
     disabled?: boolean;
@@ -82,6 +88,7 @@ export declare function useFieldChrome({ id, disabled, error, hint, }: {
     isError: boolean;
 };
 /** Label 8px above the control, hint or error 8px under it: Input's field, for Select and Combobox. */
+/** @internal Shared by Satin's own components; not part of the public API and may change in any release. */
 export declare function FieldChrome({ label, action, chrome, className, children, }: {
     label?: React.ReactNode;
     /** On the label's line, at the field's right edge: the smallest button, e.g. Clear. */
@@ -91,7 +98,8 @@ export declare function FieldChrome({ label, action, chrome, className, children
     children: React.ReactNode;
 }): React.JSX.Element;
 /** The trigger's chevron, 16px in the icon colour. */
+/** @internal Shared by Satin's own components; not part of the public API and may change in any release. */
 export declare function SelectChevron({ className }: {
     className?: string;
 }): React.JSX.Element;
-export declare function Select({ options, value, defaultValue, onValueChange, placeholder, label, hint, error, size, leadingIcon, layout, iconSize, disabled, required, name, id, open, defaultOpen, onOpenChange, container, wrapperClassName, className, 'data-force': force, ...props }: SelectProps): React.JSX.Element;
+export declare function Select({ options, value, defaultValue, onValueChange, placeholder, label, hint, error, size, leadingIcon, layout, iconSize, disabled, required, name, id, open, defaultOpen, onOpenChange, container, wrapperClassName, className, 'data-force': force, 'aria-describedby': describedBy, ...props }: SelectProps): React.JSX.Element;

package/components/select.js

@@ -1,7 +1,6 @@
-'use client';export { FieldChrome, Select, SelectChevron, isOptionGroups, useFieldChrome } from '../chunk-72OCFAPT.js';
-import '../chunk-UBNHSZSE.js';
-import '../chunk-3DINAQLL.js';
-import '../chunk-BKZBWPUH.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=select.js.map
-//# sourceMappingURL=select.js.map
+'use client';export { FieldChrome, Select, SelectChevron, isOptionGroups, useFieldChrome } from '../chunk-UCCNXGLG.js';
+import '../chunk-VUOAPWTF.js';
+import '../chunk-BR2B4OIT.js';
+import '../chunk-57QEOCDZ.js';
+import '../chunk-SSOFFQ5T.js';
+import '../chunk-O46O6LFQ.js';

package/components/sheet.d.ts

@@ -12,8 +12,10 @@ import { Dialog as DialogPrimitive } from 'radix-ui';
  *
  * Built on the Radix Dialog: focus moves in on open and back to the trigger on close; Escape,
  * the backdrop or the handle closes it. It slides in over 250 ms on ease-out and out over 200.
+ *
+ * Other props, `ref` included, go to the sheet's panel.
  */
-export interface SheetProps {
+export interface SheetProps extends Omit<React.ComponentProps<typeof DialogPrimitive.Content>, 'title' | 'children' | 'asChild' | 'onOpenAutoFocus'> {
     open?: boolean;
     defaultOpen?: boolean;
     onOpenChange?: (open: boolean) => void;
@@ -32,6 +34,6 @@ export interface SheetProps {
     onOpenAutoFocus?: (event: Event) => void;
     className?: string;
 }
-export declare function Sheet({ open, defaultOpen, onOpenChange, trigger, side, title, description, footer, children, modal, container, onOpenAutoFocus, className, }: SheetProps): React.JSX.Element;
+export declare function Sheet({ open, defaultOpen, onOpenChange, trigger, side, title, description, footer, children, modal, container, onOpenAutoFocus, className, ...props }: SheetProps): React.JSX.Element;
 /** Wrap a footer button in this to make it close the sheet: `<SheetClose asChild><Button…/></SheetClose>`. */
 export declare const SheetClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;

package/components/sheet.js

@@ -1,6 +1,5 @@
-'use client';export { Sheet, SheetClose } from '../chunk-TKO44NDI.js';
-import '../chunk-JPNWHWAQ.js';
-import '../chunk-HNQUX43Z.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=sheet.js.map
-//# sourceMappingURL=sheet.js.map
+'use client';export { Sheet, SheetClose } from '../chunk-YJK4MGSI.js';
+import '../chunk-AIMQNLPY.js';
+import '../chunk-T6L32XXH.js';
+import '../chunk-SSOFFQ5T.js';
+import '../chunk-O46O6LFQ.js';

package/components/sidebar.js

@@ -1,4 +1,2 @@
-'use client';export { Sidebar, SidebarGroup, SidebarItem, SidebarSubGroup, SidebarSubItem } from '../chunk-BNTPPZCK.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=sidebar.js.map
-//# sourceMappingURL=sidebar.js.map
+'use client';export { Sidebar, SidebarGroup, SidebarItem, SidebarSubGroup, SidebarSubItem } from '../chunk-PUWSL5XW.js';
+import '../chunk-O46O6LFQ.js';

package/components/skeleton.js

@@ -1,4 +1,2 @@
-'use client';export { Skeleton } from '../chunk-YG7JOOLJ.js';
-import '../chunk-H63FYCMY.js';
-//# sourceMappingURL=skeleton.js.map
-//# sourceMappingURL=skeleton.js.map
+'use client';export { Skeleton } from '../chunk-J7RMFN54.js';
+import '../chunk-O46O6LFQ.js';