@dashforge/tw 1.1.1 → 1.3.0

package/dist/src/components/Select/select.types.d.ts

@@ -0,0 +1,272 @@
+import type { ReactNode } from 'react';
+import type { Engine } from '@dashforge/ui-core';
+import type { AccessRequirement } from '@dashforge/rbac';
+import type { SelectVariants } from './select.variants.js';
+/**
+ * The primitive types `<Select>` accepts as an option value.
+ *
+ * `string` for enum tokens (`'solid' | 'outline'`), `number` for numeric
+ * IDs (typical when the backend stores integer foreign keys). Union-of-
+ * strings is inferred from the options array so `V` narrows precisely at
+ * the consumer site — `<Select options={[{value:'a',...},{value:'b',...}]} />`
+ * gives `onChange: (value: 'a' | 'b', ...) => void`.
+ */
+export type SelectValue = string | number;
+/**
+ * A single option in the picker's list.
+ *
+ * Mirrors `AutocompleteOption` on purpose — Blueprint's `TwSelect`
+ * binding (and any consumer alternating between Autocomplete and Select)
+ * pastes the same array between the two.
+ *
+ * @typeParam V — the primitive that gets committed to the form when the
+ *              option is selected. Defaults to `string`; pass `number`
+ *              for enums whose identity is a numeric ID.
+ *
+ * `label` is `ReactNode` (not `string`) on purpose: it lets consumers
+ * pass a `<Trans i18nKey="…" />` / `<FormattedMessage …/>` for reactive
+ * i18n without wrapping the whole options array in a `useMemo`. If the
+ * app's i18n exposes a `t()` function that returns a string, the same
+ * `useMemo` pattern applies — see the "Static enum options with i18n"
+ * section of the docs.
+ */
+export interface SelectOption<V extends SelectValue = string> {
+    /** The primitive persisted on the form and matched against `value`. */
+    value: V;
+    /** Display label — accepts any React node for icons / rich content / i18n. */
+    label: ReactNode;
+    /** Per-option explicit disable — grays the row and blocks selection. */
+    disabled?: boolean;
+}
+/**
+ * Subset of `<Select>` props theme-configurable via
+ * `theme.components.Select.defaults` (Option C).
+ *
+ * These are the axes a design system typically pins application-wide
+ * (density, layout convention, fullWidth default in a compact panel).
+ */
+export type SelectVariantProps = Pick<SelectVariants, 'size' | 'layout' | 'fullWidth'>;
+/**
+ * Per-slot override map. Each entry accepts `{ className?: string }`.
+ * See {@link selectVariants} for the full slot roster.
+ */
+export interface SelectSlotProps {
+    root?: {
+        className?: string;
+    };
+    label?: {
+        className?: string;
+    };
+    requiredMark?: {
+        className?: string;
+    };
+    trigger?: {
+        className?: string;
+    };
+    triggerText?: {
+        className?: string;
+    };
+    triggerPlaceholder?: {
+        className?: string;
+    };
+    chevron?: {
+        className?: string;
+    };
+    popover?: {
+        className?: string;
+    };
+    listBox?: {
+        className?: string;
+    };
+    listItem?: {
+        className?: string;
+    };
+    listItemIndicator?: {
+        className?: string;
+    };
+    emptyState?: {
+        className?: string;
+    };
+    helperText?: {
+        className?: string;
+    };
+    errorText?: {
+        className?: string;
+    };
+    chipsList?: {
+        className?: string;
+    };
+    chip?: {
+        className?: string;
+    };
+    chipRemove?: {
+        className?: string;
+    };
+}
+declare module '@dashforge/tw-tokens' {
+    interface TWComponentDefaults {
+        Select?: {
+            defaults?: Partial<SelectVariantProps>;
+            slotProps?: SelectSlotProps;
+        };
+    }
+}
+/**
+ * Change handler signature.
+ *
+ * Fires with the primitive value AND the full `SelectOption` object so
+ * the consumer can:
+ *   - Simple case: `onChange={setVariant}` — TS narrows `value` to the
+ *     literal union inferred from options.
+ *   - Rich case: destructure `(value, option) => …` to access custom
+ *     fields the consumer put on the option (icon, region metadata,
+ *     server-side row identifier, etc.).
+ *
+ * For `multiple: true`, the signature carries the full array of selected
+ * values and the full array of matching options — same ergonomic in
+ * both directions.
+ */
+export type SelectChangeHandler<V extends SelectValue = string> = (value: V, option: SelectOption<V>) => void;
+export type SelectMultiChangeHandler<V extends SelectValue = string> = (values: V[], options: SelectOption<V>[]) => void;
+/**
+ * Props for `<Select>`. The primitive shipped in Sprint 6 as the
+ * dedicated enum picker — chosen over extending `<Autocomplete>` with
+ * a `disableSearch` flag so the two components have clean boundaries
+ * (Autocomplete = search / async / typeahead; Select = static enum /
+ * 3–10 options / no search).
+ *
+ * Behaviour parity with the rest of the tw form catalog:
+ *   - Bridge integration inside `<DashFormProvider>` (registers via
+ *     `bridge.register(name, rules)`, subscribes reactively via
+ *     `useDashFieldMeta(name)`, commits via `bridge.setValue`).
+ *   - Standalone controlled outside a form (pass `value` + `onChange`).
+ *   - RBAC (`access`) + visibility (`visibleWhen`) forwarded to the
+ *     `useAccessState` / `useEngineVisibility` hooks used everywhere
+ *     else in the catalog.
+ *
+ * @typeParam V — the primitive type of the option values. Inferred from
+ *              the options array — `<Select options={[{value:'a'},...]}/>`
+ *              narrows `value` and `onChange` to the union of the passed
+ *              literals.
+ */
+export interface SelectProps<V extends SelectValue = string> {
+    /**
+     * Field name — required at the TypeScript level. Consistent with the
+     * rest of the tw form catalog: enforcing `name` at compile time
+     * prevents the "silent no-op" family of bugs (see #113).
+     */
+    name: string;
+    /**
+     * React Hook Form rule set. Forwarded to `bridge.register(name, rules)`
+     * when inside a `<DashFormProvider>`. Ignored outside a form.
+     * Untyped by design here — the rules shape belongs to whatever RHF
+     * version the consumer app pins, so we pass through as-is (mirrors
+     * Autocomplete's `rules?: unknown`).
+     */
+    rules?: unknown;
+    /**
+     * Text or node shown above (or to the left of, in `inline` layout)
+     * the trigger.
+     */
+    label?: ReactNode;
+    /**
+     * Descriptive line under the trigger. Replaced by the bridge's
+     * validation error when the field is invalid.
+     */
+    helperText?: ReactNode;
+    /**
+     * Force error state without consulting the bridge — useful for
+     * server-side / async validation the bridge doesn't own.
+     */
+    error?: boolean;
+    /**
+     * Renders the red `*` required marker and forwards to the native
+     * `required` attribute. Distinct from `rules.required` — this one
+     * is purely visual + native; the bridge validation runs independently.
+     */
+    required?: boolean;
+    /** Grays out the trigger + popover, blocks keyboard interaction. */
+    disabled?: boolean;
+    /** Stretches the root + trigger to `w-full`. */
+    fullWidth?: boolean;
+    /**
+     * Layout — `stacked` (label above trigger) or `inline` (label on the
+     * left, trigger on the right). Matches Autocomplete.
+     * @default 'stacked'
+     */
+    layout?: SelectVariants['layout'];
+    /**
+     * Density knob — matches Autocomplete + TextField / NumberField.
+     * @default 'md'
+     */
+    size?: SelectVariants['size'];
+    /** Reactive visibility predicate. Falsy → renders null. */
+    visibleWhen?: (engine: Engine) => boolean;
+    /** RBAC gate. See `useAccessState`. */
+    access?: AccessRequirement;
+    /**
+     * The static options list. `[]` renders the empty state in the
+     * popover. Consumers typically define this at module scope for
+     * stability, or `useMemo` it if the list depends on props / i18n.
+     */
+    options: readonly SelectOption<V>[];
+    /**
+     * Placeholder text shown in the trigger when no value is selected.
+     * @default 'Select…'
+     */
+    placeholder?: ReactNode;
+    /**
+     * Fallback rendered inside the popover when `options` is empty.
+     * @default 'No options'
+     */
+    emptyState?: ReactNode;
+    /**
+     * Controlled selection. For single-select, the primitive value of
+     * the currently chosen option (or `null` for nothing selected). For
+     * multi-select (`multiple: true`), the array of selected values.
+     *
+     * When omitted AND the field is not bridge-managed, the component
+     * runs uncontrolled and manages selection internally.
+     */
+    value?: V | V[] | null;
+    /**
+     * Uncontrolled initial value. Same shape rules as `value`.
+     */
+    defaultValue?: V | V[] | null;
+    /**
+     * Called on selection change.
+     *
+     * Two arguments — the primitive value that will be committed to the
+     * form, AND the full `SelectOption` object (for consumers who put
+     * custom fields on the option and want them at hand in the callback
+     * without an extra lookup).
+     *
+     * TypeScript picks the single- or multi-select signature based on
+     * the runtime `multiple` prop via the discriminated union at the
+     * type layer.
+     */
+    onChange?: SelectChangeHandler<V> | SelectMultiChangeHandler<V>;
+    /** Fired on trigger blur (after the popover closes). */
+    onBlur?: () => void;
+    /**
+     * When true, allows multiple selections. `value` / `defaultValue`
+     * become arrays; `onChange` receives the array signature; the trigger
+     * renders a chip list of selected items.
+     *
+     * Additive — single-select consumers ignore this and get the classic
+     * enum picker behaviour.
+     *
+     * @default false
+     */
+    multiple?: boolean;
+    /**
+     * Utility-class shortcut for `slotProps.trigger.className` — mirrors
+     * the Dashforge idiom on other primitives (Button, Dialog, Link).
+     */
+    sx?: string;
+    /** Per-slot overrides. */
+    slotProps?: SelectSlotProps;
+    /** `data-testid` forwarded to the root wrapper. */
+    testId?: string;
+}
+//# sourceMappingURL=select.types.d.ts.map

package/dist/src/components/Select/select.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/select.types.ts"],"names":[],"mappings":"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"}

package/dist/src/components/Select/select.variants.d.ts

@@ -0,0 +1,204 @@
+import { type VariantProps } from 'tailwind-variants';
+/**
+ * Tailwind-variants recipe for `<Select>` — enum picker with slots.
+ *
+ * Slots (mirror Autocomplete where semantics overlap so Blueprint's
+ * TwSelect binding migration is a rename, not a rewrite):
+ *   - `root`               — outer wrapper (label + trigger + helper/error)
+ *   - `label`              — text label above the trigger
+ *   - `requiredMark`       — red `*` for required fields
+ *   - `trigger`            — button surface displaying the current value
+ *   - `triggerText`        — the selected label text (or placeholder)
+ *   - `triggerPlaceholder` — muted placeholder when no value is selected
+ *   - `chevron`            — caret glyph on the trigger, rotates on open
+ *   - `popover`            — floating panel containing the option list
+ *   - `listBox`            — the `<ul>` wrapping the options
+ *   - `listItem`           — single option row
+ *   - `listItemIndicator`  — checkmark on the currently-selected option
+ *   - `emptyState`         — fallback when the options array is empty
+ *   - `helperText`         — descriptive line below the trigger
+ *   - `errorText`          — semantic counterpart for error mode
+ *   - `chipsList`          — wrapper around selected chips (multi-select only)
+ *   - `chip`               — individual selected chip
+ *   - `chipRemove`         — `×` button on a chip
+ *
+ * Sized / laid-out via the same axes as Autocomplete for consistency —
+ * consumers switching between the two get identical density knobs.
+ */
+export declare const selectVariants: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            trigger: string;
+            chevron: string;
+        };
+        md: {
+            trigger: string;
+            chevron: string;
+        };
+        lg: {
+            trigger: string;
+            chevron: string;
+        };
+    };
+    layout: {
+        stacked: {
+            root: string;
+        };
+        inline: {
+            root: string;
+            label: string;
+        };
+    };
+    error: {
+        true: {
+            trigger: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            root: string;
+            trigger: string;
+        };
+    };
+    disabled: {
+        true: {
+            trigger: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+    requiredMark: string;
+    trigger: string[];
+    triggerText: string[];
+    triggerPlaceholder: string[];
+    chevron: string[];
+    popover: string[];
+    listBox: string;
+    listItem: string[];
+    listItemIndicator: string[];
+    emptyState: string;
+    helperText: string;
+    errorText: string;
+    chipsList: string;
+    chip: string[];
+    chipRemove: string[];
+}, undefined, {
+    size: {
+        sm: {
+            trigger: string;
+            chevron: string;
+        };
+        md: {
+            trigger: string;
+            chevron: string;
+        };
+        lg: {
+            trigger: string;
+            chevron: string;
+        };
+    };
+    layout: {
+        stacked: {
+            root: string;
+        };
+        inline: {
+            root: string;
+            label: string;
+        };
+    };
+    error: {
+        true: {
+            trigger: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            root: string;
+            trigger: string;
+        };
+    };
+    disabled: {
+        true: {
+            trigger: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+    requiredMark: string;
+    trigger: string[];
+    triggerText: string[];
+    triggerPlaceholder: string[];
+    chevron: string[];
+    popover: string[];
+    listBox: string;
+    listItem: string[];
+    listItemIndicator: string[];
+    emptyState: string;
+    helperText: string;
+    errorText: string;
+    chipsList: string;
+    chip: string[];
+    chipRemove: string[];
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            trigger: string;
+            chevron: string;
+        };
+        md: {
+            trigger: string;
+            chevron: string;
+        };
+        lg: {
+            trigger: string;
+            chevron: string;
+        };
+    };
+    layout: {
+        stacked: {
+            root: string;
+        };
+        inline: {
+            root: string;
+            label: string;
+        };
+    };
+    error: {
+        true: {
+            trigger: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            root: string;
+            trigger: string;
+        };
+    };
+    disabled: {
+        true: {
+            trigger: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+    requiredMark: string;
+    trigger: string[];
+    triggerText: string[];
+    triggerPlaceholder: string[];
+    chevron: string[];
+    popover: string[];
+    listBox: string;
+    listItem: string[];
+    listItemIndicator: string[];
+    emptyState: string;
+    helperText: string;
+    errorText: string;
+    chipsList: string;
+    chip: string[];
+    chipRemove: string[];
+}, undefined, unknown, unknown, undefined>>;
+export type SelectVariants = VariantProps<typeof selectVariants>;
+//# sourceMappingURL=select.variants.d.ts.map

package/dist/src/components/Select/select.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/select.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA4GzB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC"}

package/dist/src/components/Skeleton/Skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAuB5C"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CA0B5C"}

package/dist/src/components/Skeleton/skeleton.types.d.ts

@@ -1,4 +1,17 @@
 import type { SkeletonVariants } from './skeleton.variants.js';
+/**
+ * Subset of `<Skeleton>` props theme-configurable via
+ * `theme.components.Skeleton.defaults` (Option C).
+ */
+export type SkeletonVariantProps = Pick<SkeletonVariants, 'variant' | 'animation'>;
+declare module '@dashforge/tw-tokens' {
+    interface TWComponentDefaults {
+        Skeleton?: {
+            defaults?: Partial<SkeletonVariantProps>;
+            slotProps?: SkeletonSlotProps;
+        };
+    }
+}
 export interface SkeletonSlotProps {
     /** Root element override. */
     root?: {
@@ -35,7 +48,18 @@ export interface SkeletonSlotProps {
  * </div>
  * ```
  */
-export interface SkeletonProps extends Pick<SkeletonVariants, 'variant' | 'animation'> {
+export interface SkeletonProps {
+    /**
+     * Shape preset — `text` (rounded rectangle sized for a line),
+     * `rectangle` (larger block), `circle` (avatar shape).
+     * @default 'text'
+     */
+    variant?: SkeletonVariants['variant'];
+    /**
+     * Loading animation style. Always `motion-reduce` safe.
+     * @default 'pulse'
+     */
+    animation?: SkeletonVariants['animation'];
     /**
      * CSS width (e.g. `"200px"`, `"100%"`, `"60%"`).
      *

package/dist/src/components/Skeleton/skeleton.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Skeleton/skeleton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,MAAM,WAAW,iBAAiB;IAChC,6BAA6B;IAC7B,IAAI,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,WAAW,CAAC;IACvD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,gEAAgE;IAChE,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,0BAA0B;IAC1B,SAAS,CAAC,EAAE,iBAAiB,CAAC;CAC/B"}
+{"version":3,"file":"skeleton.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Skeleton/skeleton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,WAAW,CAAC,CAAC;AAEnF,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,mBAAmB;QAC3B,QAAQ,CAAC,EAAE;YACT,QAAQ,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;YACzC,SAAS,CAAC,EAAE,iBAAiB,CAAC;SAC/B,CAAC;KACH;CACF;AAED,MAAM,WAAW,iBAAiB;IAChC,6BAA6B;IAC7B,IAAI,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;IAEtC;;;OAGG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAE1C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,gEAAgE;IAChE,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,0BAA0B;IAC1B,SAAS,CAAC,EAAE,iBAAiB,CAAC;CAC/B"}

package/dist/src/components/Slider/Slider.d.ts

@@ -0,0 +1,15 @@
+import type { SliderProps, SliderSingleProps, SliderRangeProps } from './slider.types.js';
+/**
+ * Dashforge TW `<Slider>` — token-driven numeric value picker.
+ *
+ * Single or range mode via `range?: boolean` discriminator. Bridge
+ * integration mirrors TextField / Autocomplete / Select. Commit to the
+ * form bridge on drag-end by default (`onValueCommit`); opt into
+ * per-tick commits via `commitOnChange`. Keyboard changes always
+ * commit immediately.
+ *
+ * See {@link SliderProps} for the full API surface.
+ */
+export declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & import("react").RefAttributes<HTMLSpanElement>>;
+export type { SliderSingleProps, SliderRangeProps };
+//# sourceMappingURL=Slider.d.ts.map

package/dist/src/components/Slider/Slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAEV,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EACjB,MAAM,mBAAmB,CAAC;AAgE3B;;;;;;;;;;GAUG;AACH,eAAO,MAAM,MAAM,yGAyXjB,CAAC;AAOH,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,CAAC"}