@dashforge/tw 0.10.0-beta → 1.0.0

package/dist/components/_shared/data/useTableSelection.d.ts

@@ -0,0 +1,25 @@
+import type { TableRowSelectionMode } from '../../Table/table.types.js';
+export interface UseTableSelectionResult {
+    selectedRowIds: string[];
+    isSelected: (rowId: string) => boolean;
+    toggleRow: (rowId: string) => void;
+    toggleAll: (allRowIds: string[]) => void;
+    clearSelection: () => void;
+    /** True when EVERY id in `allRowIds` is selected. */
+    isAllSelected: (allRowIds: string[]) => boolean;
+    /** True when at least one (but not all) of `allRowIds` is selected. */
+    isIndeterminate: (allRowIds: string[]) => boolean;
+}
+/**
+ * Selection logic helper. Given the controllable selection state +
+ * the setter (from `useControllableState`), exposes ergonomic
+ * helpers the Table calls from its render path.
+ *
+ *  - `single` mode: at most one row selected. Toggling another
+ *    replaces the previous.
+ *  - `multiple` mode: any subset selectable; toggling adds/removes.
+ *  - `none` mode: every toggle is a no-op (the Table shouldn't
+ *    render the checkbox cells anyway, but this is defensive).
+ */
+export declare function useTableSelection(mode: TableRowSelectionMode, selectedRowIds: string[], setSelectedRowIds: (next: string[] | ((prev: string[]) => string[])) => void): UseTableSelectionResult;
+//# sourceMappingURL=useTableSelection.d.ts.map

package/dist/components/_shared/data/useTableSelection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableSelection.d.ts","sourceRoot":"","sources":["../../../../src/components/_shared/data/useTableSelection.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAExE,MAAM,WAAW,uBAAuB;IACtC,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACvC,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACzC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,qDAAqD;IACrD,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC;IAChD,uEAAuE;IACvE,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC;CACnD;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,qBAAqB,EAC3B,cAAc,EAAE,MAAM,EAAE,EACxB,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,MAAM,EAAE,CAAC,KAAK,IAAI,GAC3E,uBAAuB,CAqEzB"}

package/dist/components/_shared/data/useTableSort.d.ts

@@ -0,0 +1,20 @@
+import type { TableColumn, TableSortModel } from '../../Table/table.types.js';
+/**
+ * Applies the `sortModel` to `rows`. Returns a NEW sorted array
+ * (does not mutate input). Stable sort guaranteed by the underlying
+ * `Array.prototype.sort` in modern engines.
+ *
+ * Multi-column sort: items earlier in `sortModel` have higher
+ * precedence. Equal values fall through to the next sort item; if
+ * all sort items tie, the original order is preserved (stable).
+ */
+export declare function useTableSort<T extends object>(rows: T[], cols: TableColumn<T>[], sortModel: TableSortModel): T[];
+/**
+ * Three-state sort cycler: `none` → `asc` → `desc` → `none`.
+ *
+ * Used by the header click handler. Returns the next sort model
+ * to apply, given the current model + the clicked field + whether
+ * the user is multi-sorting (shift key).
+ */
+export declare function cycleSortFor(current: TableSortModel, field: string, multi: boolean): TableSortModel;
+//# sourceMappingURL=useTableSort.d.ts.map

package/dist/components/_shared/data/useTableSort.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableSort.d.ts","sourceRoot":"","sources":["../../../../src/components/_shared/data/useTableSort.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,WAAW,EACX,cAAc,EAEf,MAAM,4BAA4B,CAAC;AA+CpC;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,EAC3C,IAAI,EAAE,CAAC,EAAE,EACT,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,EACtB,SAAS,EAAE,cAAc,GACxB,CAAC,EAAE,CA2CL;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAC1B,OAAO,EAAE,cAAc,EACvB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,OAAO,GACb,cAAc,CAkBhB"}

package/dist/components/_shared/data/useVirtualizer.d.ts

@@ -0,0 +1,107 @@
+/**
+ * Window descriptor — which slice of the row array is currently
+ * mounted in DOM, and how much spacer height to render above and
+ * below the visible window so the scrollbar size matches the
+ * "virtual" total height.
+ */
+export interface VirtualizerWindow {
+    /** First row index inside the visible window (inclusive). */
+    startIndex: number;
+    /** Last row index inside the visible window (inclusive). */
+    endIndex: number;
+    /** Pixels to render above the visible rows (spacer top). */
+    paddingTop: number;
+    /** Pixels to render below the visible rows (spacer bottom). */
+    paddingBottom: number;
+}
+export interface UseVirtualizerArgs {
+    /** Total number of rows in the underlying data set. */
+    totalCount: number;
+    /** Fixed row height in pixels. */
+    rowHeight: number;
+    /**
+     * Visible viewport height in pixels. Pass the height of the
+     * scroll container.
+     */
+    viewportHeight: number;
+    /** Current scrollTop of the scroll container. */
+    scrollTop: number;
+    /**
+     * How many extra rows to render above / below the visible window
+     * for smoother scrolling (reduces blank-flash on fast scroll).
+     * @default 5
+     */
+    overscan?: number;
+}
+/**
+ * Compute the visible window of rows + the spacer heights given the
+ * current scroll position. Pure function — exported for testability.
+ *
+ * @example
+ * ```ts
+ * computeWindow({ totalCount: 1000, rowHeight: 48, viewportHeight: 600,
+ *                 scrollTop: 0, overscan: 5 });
+ * // → { startIndex: 0, endIndex: 17, paddingTop: 0, paddingBottom: 47136 }
+ * ```
+ */
+export declare function computeWindow(args: UseVirtualizerArgs): VirtualizerWindow;
+/**
+ * `useVirtualizer` — viewport-based row windowing for `<DataGrid>`.
+ *
+ * Hand-rolled (no `@tanstack/react-virtual` dep — constraint memorized
+ * in `feedback_dashforge_preset_is_identity` companion: "no new
+ * external runtime deps"). Uses scroll event + `requestAnimationFrame`
+ * debounce + `ResizeObserver` on the container. Fixed row height
+ * only in v1 — variable-height with measurement cache deferred to
+ * v1-bis.
+ *
+ * Returns:
+ *  - `scrollRef`: attach to the scroll container `<div>`.
+ *  - `window`: which row indices to mount + top/bottom spacer heights
+ *    to preserve scroll-area size.
+ *  - `viewportHeight`: current container height (re-measured on
+ *    `ResizeObserver` ticks).
+ *
+ * The DataGrid renders `rows.slice(window.startIndex, window.endIndex + 1)`
+ * between two spacer `<tr style={{ height: paddingTop }} />` elements
+ * (above and below). This preserves `<table>` semantics — screen
+ * readers see a continuous structure with `aria-hidden` spacers.
+ *
+ * @example
+ * ```tsx
+ * const { scrollRef, window } = useVirtualizer({
+ *   totalCount: rows.length,
+ *   rowHeight: 48,
+ *   overscan: 5,
+ * });
+ *
+ * return (
+ *   <div ref={scrollRef} style={{ height: 600, overflow: 'auto' }}>
+ *     <table>
+ *       <tbody>
+ *         <tr aria-hidden="true" style={{ height: window.paddingTop }} />
+ *         {rows.slice(window.startIndex, window.endIndex + 1).map(...)}
+ *         <tr aria-hidden="true" style={{ height: window.paddingBottom }} />
+ *       </tbody>
+ *     </table>
+ *   </div>
+ * );
+ * ```
+ */
+export declare function useVirtualizer(args: {
+    totalCount: number;
+    rowHeight: number;
+    overscan?: number;
+    /**
+     * Initial viewport height — used before the ResizeObserver
+     * settles on first paint. Pass an explicit `height` prop value
+     * if you have one; otherwise the hook re-measures on layout.
+     * @default 400
+     */
+    initialViewportHeight?: number;
+}): {
+    scrollRef: React.RefObject<HTMLDivElement | null>;
+    window: VirtualizerWindow;
+    viewportHeight: number;
+};
+//# sourceMappingURL=useVirtualizer.d.ts.map

package/dist/components/_shared/data/useVirtualizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVirtualizer.d.ts","sourceRoot":"","sources":["../../../../src/components/_shared/data/useVirtualizer.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,MAAM,WAAW,iBAAiB;IAChC,6DAA6D;IAC7D,UAAU,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,QAAQ,EAAE,MAAM,CAAC;IACjB,4DAA4D;IAC5D,UAAU,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,kBAAkB;IACjC,uDAAuD;IACvD,UAAU,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,cAAc,EAAE,MAAM,CAAC;IACvB,iDAAiD;IACjD,SAAS,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,kBAAkB,GAAG,iBAAiB,CAmBzE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC,GAAG;IACF,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAClD,MAAM,EAAE,iBAAiB,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;CACxB,CAqEA"}

package/dist/components/_shared/resolveValidationState.d.ts

@@ -0,0 +1,42 @@
+import type { ReactNode } from 'react';
+import type { DashFormBridge } from '@dashforge/ui-core';
+/**
+ * Resolved validation state for a bridge-managed field.
+ *
+ * Returned by `resolveValidationState`, this is consumed by all form
+ * components that surface error + helper text (TextField, Checkbox,
+ * Switch, …) to derive their final render state.
+ */
+export interface ValidationState {
+    error: boolean;
+    helperText: ReactNode;
+}
+/**
+ * Compute `error` + `helperText` for a bridge-managed field.
+ *
+ * **Renderer-agnostic** — copy of the MUI-side
+ * `textField.validation.ts`. Promoted to a `_shared/` directory inside
+ * `@dashforge/tw` so all form components (TextField + Checkbox +
+ * Switch) reuse the same precedence logic without depending on a
+ * specific component folder.
+ *
+ * Precedence rules (matches MUI side byte-for-byte):
+ *
+ *  1. **Explicit props win.** If the user passed `error` / `helperText`
+ *     explicitly, those values are used as-is.
+ *  2. **Auto values are gated by interaction.** The bridge's error is
+ *     surfaced only when the field is `touched` OR the form has been
+ *     submitted at least once (`submitCount > 0`). This prevents the
+ *     "error spam while typing" anti-pattern.
+ *  3. **`error === false` explicitly clears the bridge's error message
+ *     text.** Useful for forcing a "valid" visual state regardless of
+ *     bridge state.
+ *
+ * @param name         field name registered with the bridge
+ * @param bridge       active `DashFormBridge` (guaranteed non-null at
+ *                     call sites by the surrounding `if (bridge)`)
+ * @param explicitError    `error` prop from the consumer
+ * @param explicitHelperText `helperText` prop from the consumer
+ */
+export declare function resolveValidationState(name: string, bridge: DashFormBridge, explicitError: boolean | undefined, explicitHelperText: ReactNode | undefined): ValidationState;
+//# sourceMappingURL=resolveValidationState.d.ts.map

package/dist/components/_shared/resolveValidationState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveValidationState.d.ts","sourceRoot":"","sources":["../../../src/components/_shared/resolveValidationState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD;;;;;;GAMG;AACH,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,SAAS,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,cAAc,EACtB,aAAa,EAAE,OAAO,GAAG,SAAS,EAClC,kBAAkB,EAAE,SAAS,GAAG,SAAS,GACxC,eAAe,CAYjB"}

package/dist/hooks/useAccessState.d.ts

@@ -0,0 +1,37 @@
+import type { AccessRequirement, AccessState } from '@dashforge/rbac';
+/**
+ * Hook to resolve RBAC access state for a UI component.
+ *
+ * **TW-side copy of the MUI implementation** in `@dashforge/ui/src/hooks/useAccessState.ts`.
+ * Per the architecture plan v2 (2026-05-15) the two ecosystems share
+ * only the bridge layer (`@dashforge/forms` + `@dashforge/ui-core` +
+ * `@dashforge/rbac`); UI-side hooks are duplicated intentionally so
+ * the MUI and TW ecosystems remain fully isolated.
+ *
+ * The behaviour is byte-equivalent to the MUI side:
+ *
+ *  - If `access` is undefined → returns `DEFAULT_ACCESS_STATE`.
+ *  - If `access` is supplied but no `RbacProvider` is mounted → returns
+ *    `DEFAULT_ACCESS_STATE` and emits a dev-only `console.warn` so the
+ *    developer notices the missing provider. Failing **open** is the
+ *    safer default (RBAC silently denying everything would be a hidden
+ *    regression in development).
+ *  - Otherwise → evaluates the requirement against the active
+ *    `rbac.engine` + `rbac.subject` via `resolveAccessState`.
+ *
+ * The memo dependency list is `[access, rbac]` — a stable RBAC
+ * context + identical access requirement re-uses the same result
+ * object so downstream `useMemo` / `React.memo` comparisons stay
+ * cheap.
+ *
+ * @example
+ * ```tsx
+ * function MyComponent({ access }: { access?: AccessRequirement }) {
+ *   const accessState = useAccessState(access);
+ *   if (!accessState.visible) return null;
+ *   return <input disabled={accessState.disabled} readOnly={accessState.readonly} />;
+ * }
+ * ```
+ */
+export declare function useAccessState(access: AccessRequirement | undefined): AccessState;
+//# sourceMappingURL=useAccessState.d.ts.map

package/dist/hooks/useAccessState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAccessState.d.ts","sourceRoot":"","sources":["../../src/hooks/useAccessState.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAetE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,cAAc,CAC5B,MAAM,EAAE,iBAAiB,GAAG,SAAS,GACpC,WAAW,CA2Bb"}

package/dist/index.d.ts

@@ -1 +1,146 @@
-export * from "./src/index";
+/**
+ * @dashforge/tw
+ *
+ * Tailwind-rendered UI components for the Dashforge ecosystem.
+ *
+ * Architectural contract (plan v2 — 2026-05-15):
+ *  - **Props-driven**: each Tailwind utility that matters for the public
+ *    API becomes a typed prop. `sx` + `slotProps` are escape hatches.
+ *  - **Tokens as source of truth**: components reference colors /
+ *    spacing / radius / fontSize through `@dashforge/tw-tokens` via the
+ *    `dashforgePreset()` from `@dashforge/tw-theme`.
+ *  - **Shared bridge with MUI side**: both ecosystems consume
+ *    `@dashforge/forms` + `@dashforge/ui-core` + `@dashforge/rbac`.
+ *    No styling code is shared.
+ *  - **Variant API**: `tailwind-variants` (TV) with `slots` +
+ *    `compoundVariants`.
+ *
+ * F3 surface (tier-1, this release):
+ *  - `<Button>` (action, RBAC only, `asChild` polymorphism)
+ *  - `<TextField>` (bridge-integrated, 7 slots)
+ *  - `<Checkbox>` (bridge-integrated, Radix Checkbox primitive)
+ *  - `<Switch>` (bridge-integrated, Radix Switch primitive)
+ *
+ * @module @dashforge/tw
+ */
+export { Button } from './components/Button/Button.js';
+export type { ButtonProps } from './components/Button/button.types.js';
+export { buttonVariants } from './components/Button/button.variants.js';
+export { TextField } from './components/TextField/TextField.js';
+export type { TextFieldProps, TextFieldSlotProps, } from './components/TextField/textField.types.js';
+export { textFieldVariants } from './components/TextField/textField.variants.js';
+export { Checkbox } from './components/Checkbox/Checkbox.js';
+export type { CheckboxProps, CheckboxSlotProps, } from './components/Checkbox/checkbox.types.js';
+export { checkboxVariants } from './components/Checkbox/checkbox.variants.js';
+export { Switch } from './components/Switch/Switch.js';
+export type { SwitchProps, SwitchSlotProps, } from './components/Switch/switch.types.js';
+export { switchVariants } from './components/Switch/switch.variants.js';
+export { RadioGroup } from './components/RadioGroup/RadioGroup.js';
+export type { RadioGroupProps, RadioGroupOption, RadioGroupSlotProps, } from './components/RadioGroup/radioGroup.types.js';
+export { radioGroupVariants } from './components/RadioGroup/radioGroup.variants.js';
+export { Textarea } from './components/Textarea/Textarea.js';
+export type { TextareaProps, TextareaSlotProps, } from './components/Textarea/textarea.types.js';
+export { textareaVariants } from './components/Textarea/textarea.variants.js';
+export { NumberField } from './components/NumberField/NumberField.js';
+export type { NumberFieldProps, NumberFieldSlotProps, } from './components/NumberField/numberField.types.js';
+export { numberFieldVariants } from './components/NumberField/numberField.variants.js';
+export { OTPField } from './components/OTPField/OTPField.js';
+export type { OTPFieldProps, OTPFieldSlotProps, OTPFieldMode, } from './components/OTPField/otpField.types.js';
+export { otpFieldVariants } from './components/OTPField/otpField.variants.js';
+export { Autocomplete } from './components/Autocomplete/Autocomplete.js';
+export type { AutocompleteProps, AutocompleteOption, AutocompleteSlotProps, AutocompleteValue, } from './components/Autocomplete/autocomplete.types.js';
+export { autocompleteVariants } from './components/Autocomplete/autocomplete.variants.js';
+export { Calendar } from './components/Calendar/Calendar.js';
+export type { CalendarProps, CalendarSlotProps, } from './components/Calendar/calendar.types.js';
+export { calendarVariants, calendarDayVariants, } from './components/Calendar/calendar.variants.js';
+export { DatePicker } from './components/DatePicker/DatePicker.js';
+export type { DatePickerProps, DatePickerSlotProps, } from './components/DatePicker/datePicker.types.js';
+export { datePickerVariants } from './components/DatePicker/datePicker.variants.js';
+export { TimePicker } from './components/TimePicker/TimePicker.js';
+export type { TimePickerProps, TimePickerSlotProps, } from './components/TimePicker/timePicker.types.js';
+export { timePickerVariants } from './components/TimePicker/timePicker.variants.js';
+export { DateTimePicker } from './components/DateTimePicker/DateTimePicker.js';
+export type { DateTimePickerProps, DateTimePickerSlotProps, } from './components/DateTimePicker/dateTimePicker.types.js';
+export { dateTimePickerVariants } from './components/DateTimePicker/dateTimePicker.variants.js';
+export { DateRangePicker } from './components/DateRangePicker/DateRangePicker.js';
+export type { DateRangePickerProps, DateRangePickerSlotProps, } from './components/DateRangePicker/dateRangePicker.types.js';
+export { dateRangePickerVariants, dateRangeDayVariants, } from './components/DateRangePicker/dateRangePicker.variants.js';
+export { Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs.js';
+export type { BreadcrumbsProps, BreadcrumbItem, BreadcrumbsSlotProps, BreadcrumbLinkComponent, } from './components/Breadcrumbs/breadcrumbs.types.js';
+export { breadcrumbsVariants } from './components/Breadcrumbs/breadcrumbs.variants.js';
+export { LeftNav } from './components/LeftNav/LeftNav.js';
+export type { LeftNavProps, LeftNavNode, LeftNavItem, LeftNavGroup, LeftNavSlotProps, LeftNavLinkComponent, } from './components/LeftNav/leftNav.types.js';
+export { leftNavVariants } from './components/LeftNav/leftNav.variants.js';
+export { TopBar } from './components/TopBar/TopBar.js';
+export type { TopBarProps, TopBarSlotProps, } from './components/TopBar/topBar.types.js';
+export { topBarVariants } from './components/TopBar/topBar.variants.js';
+export { AppShell } from './components/AppShell/AppShell.js';
+export type { AppShellProps, AppShellSlotProps, } from './components/AppShell/appShell.types.js';
+export { appShellVariants } from './components/AppShell/appShell.variants.js';
+export { ConfirmDialogProvider, useConfirm, } from './components/ConfirmDialog/ConfirmDialog.js';
+export type { ConfirmDialogProviderProps, ConfirmDialogSlotProps, ConfirmFn, ConfirmOptions, ConfirmSeverity, } from './components/ConfirmDialog/confirmDialog.types.js';
+export { confirmDialogVariants } from './components/ConfirmDialog/confirmDialog.variants.js';
+export { SnackbarProvider, useSnackbar, } from './components/Snackbar/Snackbar.js';
+export type { SnackbarProviderProps, SnackbarApi, SnackbarOptions, SnackbarRecord, SnackbarSeverity, SnackbarPosition, SnackbarSlotProps, } from './components/Snackbar/snackbar.types.js';
+export { snackbarVariants } from './components/Snackbar/snackbar.variants.js';
+export { Typography } from './components/Typography/Typography.js';
+export type { TypographyProps } from './components/Typography/typography.types.js';
+export { typographyVariants } from './components/Typography/typography.variants.js';
+export { Box } from './components/Box/Box.js';
+export type { BoxProps } from './components/Box/box.types.js';
+export { boxVariants } from './components/Box/box.variants.js';
+export { Stack } from './components/Stack/Stack.js';
+export type { StackProps } from './components/Stack/stack.types.js';
+export { stackVariants } from './components/Stack/stack.variants.js';
+export { Grid } from './components/Grid/Grid.js';
+export type { GridProps, GridContainerProps, GridItemProps, ColSpan, GridSpacingStep, } from './components/Grid/grid.types.js';
+export { gridVariants } from './components/Grid/grid.variants.js';
+export { Container } from './components/Container/Container.js';
+export type { ContainerProps } from './components/Container/container.types.js';
+export { containerVariants } from './components/Container/container.variants.js';
+export { Divider } from './components/Divider/Divider.js';
+export type { DividerProps } from './components/Divider/divider.types.js';
+export { dividerVariants, dividerLineVariants, } from './components/Divider/divider.variants.js';
+export { AspectRatio } from './components/AspectRatio/AspectRatio.js';
+export type { AspectRatioProps } from './components/AspectRatio/aspectRatio.types.js';
+export { VisuallyHidden } from './components/VisuallyHidden/VisuallyHidden.js';
+export type { VisuallyHiddenProps } from './components/VisuallyHidden/visuallyHidden.types.js';
+export { Dialog } from './components/Dialog/Dialog.js';
+export type { DialogProps, DialogSlotProps, } from './components/Dialog/dialog.types.js';
+export { dialogVariants } from './components/Dialog/dialog.variants.js';
+export { Tabs } from './components/Tabs/Tabs.js';
+export type { TabsProps, TabsSlotProps, TabItem, } from './components/Tabs/tabs.types.js';
+export { tabsVariants } from './components/Tabs/tabs.variants.js';
+export { Tooltip } from './components/Tooltip/Tooltip.js';
+export type { TooltipProps, TooltipSlotProps, } from './components/Tooltip/tooltip.types.js';
+export { tooltipVariants } from './components/Tooltip/tooltip.variants.js';
+export { Popover } from './components/Popover/Popover.js';
+export type { PopoverProps, PopoverSlotProps, } from './components/Popover/popover.types.js';
+export { popoverVariants } from './components/Popover/popover.variants.js';
+export { Accordion } from './components/Accordion/Accordion.js';
+export type { AccordionProps, AccordionSlotProps, AccordionItem, } from './components/Accordion/accordion.types.js';
+export { accordionVariants } from './components/Accordion/accordion.variants.js';
+export { Skeleton } from './components/Skeleton/Skeleton.js';
+export type { SkeletonProps, SkeletonSlotProps, } from './components/Skeleton/skeleton.types.js';
+export { skeletonVariants } from './components/Skeleton/skeleton.variants.js';
+export { Pagination } from './components/Pagination/Pagination.js';
+export type { PaginationProps, PaginationSlotProps, PaginationLabels, } from './components/Pagination/pagination.types.js';
+export { paginationVariants } from './components/Pagination/pagination.variants.js';
+export { Table } from './components/Table/Table.js';
+export type { TableProps, TableColumn, TableColumnInferredType, TableCellContext, TableSortDirection, TableSortItem, TableSortModel, TableFilterItem, TableFilterModel, TableFilterOperator, TableFilterType, TableRowSelectionMode, TableExpandableConfig, TableLabels, TableSlotProps, NestedKeyOf, } from './components/Table/table.types.js';
+export { tableVariants } from './components/Table/table.variants.js';
+export { RenderText, RenderTwoLine, RenderChip, RenderButton, RowActionsMenu, } from './components/Table/cells/index.js';
+export type { RenderTextProps, RenderTwoLineProps, RenderChipProps, RenderButtonProps, RowActionsMenuProps, TableRowAction, } from './components/Table/cells/index.js';
+export { getNestedValue } from './components/_shared/data/getNestedValue.js';
+export { DataGrid } from './components/DataGrid/DataGrid.js';
+export type { DataGridProps, DataGridSlotProps, DataGridSelectAllScope, DataGridServerSideFlags, DataGridPaginationConfig, } from './components/DataGrid/dataGrid.types.js';
+export { dataGridVariants } from './components/DataGrid/dataGrid.variants.js';
+export { useAccessState } from './hooks/useAccessState.js';
+export { cn } from './utils/cn.js';
+export { tv } from 'tailwind-variants';
+export type { VariantProps } from 'tailwind-variants';
+/**
+ * Package version (synced with `package.json` at publish time).
+ */
+export declare const VERSION = "0.11.0-beta";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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

package/dist/index.esm.js

@@ -14,7 +14,6 @@ import * as RadixRadioGroup from '@radix-ui/react-radio-group';
 import { useCalendar, resolveCalendarKey, formatLongDate, parseISODate, formatTime, generateTimeOptions, timeStringToMinutes, getTodayISODate, useDateRange } from '@dashforge/calendar-core';
 import * as RadixPopover from '@radix-ui/react-popover';
 import * as RadixDialog from '@radix-ui/react-dialog';
-import * as RadixTabs from '@radix-ui/react-tabs';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
 import * as RadixAccordion from '@radix-ui/react-accordion';
 
@@ -8486,51 +8485,161 @@ const tabsVariants = tv({
     }
 });
 
+function useTabs(options) {
+    var _ref;
+    var _items_;
+    const { items, value, defaultValue, onValueChange, orientation } = options;
+    const baseId = useId();
+    const firstValue = (_ref = (_items_ = items[0]) == null ? void 0 : _items_.value) != null ? _ref : '';
+    const [internalValue, setInternalValue] = useState(defaultValue != null ? defaultValue : firstValue);
+    const isControlled = value !== undefined;
+    const activeValue = isControlled ? value : internalValue;
+    // Tab buttons, keyed by value — used to move DOM focus on keyboard nav.
+    const tabRefs = useRef(new Map());
+    const select = useCallback((next)=>{
+        if (!isControlled) {
+            setInternalValue(next);
+        }
+        onValueChange == null ? void 0 : onValueChange(next);
+    }, [
+        isControlled,
+        onValueChange
+    ]);
+    const handleKeyDown = useCallback((event)=>{
+        var _tabRefs_current_get;
+        const nextKey = orientation === 'vertical' ? 'ArrowDown' : 'ArrowRight';
+        const prevKey = orientation === 'vertical' ? 'ArrowUp' : 'ArrowLeft';
+        const enabled = items.filter((item)=>item.disabled !== true);
+        if (enabled.length === 0) {
+            return;
+        }
+        const currentIndex = enabled.findIndex((item)=>item.value === activeValue);
+        let targetIndex = null;
+        if (event.key === nextKey) {
+            targetIndex = currentIndex < 0 ? 0 : (currentIndex + 1) % enabled.length;
+        } else if (event.key === prevKey) {
+            targetIndex = currentIndex < 0 ? enabled.length - 1 : (currentIndex - 1 + enabled.length) % enabled.length;
+        } else if (event.key === 'Home') {
+            targetIndex = 0;
+        } else if (event.key === 'End') {
+            targetIndex = enabled.length - 1;
+        }
+        if (targetIndex === null) {
+            return;
+        }
+        event.preventDefault();
+        const target = enabled[targetIndex];
+        if (target === undefined) {
+            return;
+        }
+        select(target.value);
+        (_tabRefs_current_get = tabRefs.current.get(target.value)) == null ? void 0 : _tabRefs_current_get.focus();
+    }, [
+        items,
+        orientation,
+        activeValue,
+        select
+    ]);
+    const getTabListProps = ()=>({
+            role: 'tablist',
+            'aria-orientation': orientation,
+            onKeyDown: handleKeyDown
+        });
+    const getTabProps = (item)=>{
+        const active = item.value === activeValue;
+        return {
+            role: 'tab',
+            id: `${baseId}-tab-${item.value}`,
+            'aria-selected': active,
+            'aria-controls': `${baseId}-panel-${item.value}`,
+            tabIndex: active ? 0 : -1,
+            disabled: item.disabled,
+            'data-state': active ? 'active' : 'inactive',
+            onClick: ()=>{
+                if (item.disabled !== true) {
+                    select(item.value);
+                }
+            },
+            ref: (el)=>{
+                if (el) {
+                    tabRefs.current.set(item.value, el);
+                } else {
+                    tabRefs.current.delete(item.value);
+                }
+            }
+        };
+    };
+    const getPanelProps = (item)=>{
+        const active = item.value === activeValue;
+        return {
+            role: 'tabpanel',
+            id: `${baseId}-panel-${item.value}`,
+            'aria-labelledby': `${baseId}-tab-${item.value}`,
+            tabIndex: 0,
+            hidden: !active,
+            'data-state': active ? 'active' : 'inactive'
+        };
+    };
+    return {
+        activeValue,
+        getTabListProps,
+        getTabProps,
+        getPanelProps
+    };
+}
+
 /**
  * Dashforge TW `<Tabs>` — declarative tab navigation.
  *
- * Built on `@radix-ui/react-tabs`:
- *  - APG tabs pattern (arrow-key navigation, automatic activation,
- *    `role="tablist"` + `role="tab"` + `role="tabpanel"`).
- *  - Controlled / uncontrolled (`value` / `defaultValue`).
+ * Custom clean-room implementation on the headless `useTabs` engine — no
+ * runtime UI dependency. Implements the WAI-ARIA APG tabs pattern: arrow-key
+ * navigation, automatic activation, roving tabindex, `role="tablist"` +
+ * `role="tab"` + `role="tabpanel"`.
  *
  * Two variant axes:
  *  - `variant` — `underline` (default) | `pill`
  *  - `orientation` — `horizontal` (default) | `vertical`
+ *
+ * Controlled (`value` + `onValueChange`) or uncontrolled (`defaultValue`).
+ * `keepMounted` keeps inactive panels in the DOM (default: only the active
+ * panel is mounted).
  */ function Tabs(props) {
-    var _items_, _slotProps_root, _slotProps_list;
-    const { items, value, defaultValue, onValueChange, variant = 'underline', orientation = 'horizontal', sx, slotProps } = props;
+    var _slotProps_root, _slotProps_list;
+    const { items, value, defaultValue, onValueChange, variant = 'underline', orientation = 'horizontal', keepMounted = false, sx, slotProps } = props;
     const v = tabsVariants({
         variant,
         orientation
     });
-    const resolvedDefault = defaultValue != null ? defaultValue : (_items_ = items[0]) == null ? void 0 : _items_.value;
-    return jsxs(RadixTabs.Root, {
-        value: value,
-        defaultValue: resolvedDefault,
-        onValueChange: onValueChange,
-        orientation: orientation,
+    const tabs = useTabs({
+        items,
+        value,
+        defaultValue,
+        onValueChange,
+        orientation
+    });
+    // Either all panels (hidden when inactive) or just the active one.
+    const panels = keepMounted ? items : items.filter((item)=>item.value === tabs.activeValue);
+    return jsxs("div", {
         className: cn(v.root(), sx, slotProps == null ? void 0 : (_slotProps_root = slotProps.root) == null ? void 0 : _slotProps_root.className),
         children: [
-            jsx(RadixTabs.List, {
+            jsx("div", _extends({}, tabs.getTabListProps(), {
                 className: cn(v.list(), slotProps == null ? void 0 : (_slotProps_list = slotProps.list) == null ? void 0 : _slotProps_list.className),
                 children: items.map((item)=>{
                     var _slotProps_trigger;
-                    return jsx(RadixTabs.Trigger, {
-                        value: item.value,
-                        disabled: item.disabled,
+                    return jsx("button", _extends({
+                        type: "button"
+                    }, tabs.getTabProps(item), {
                         className: cn(v.trigger(), slotProps == null ? void 0 : (_slotProps_trigger = slotProps.trigger) == null ? void 0 : _slotProps_trigger.className),
                         children: item.label
-                    }, item.value);
+                    }), item.value);
                 })
-            }),
-            items.map((item)=>{
+            })),
+            panels.map((item)=>{
                 var _slotProps_content;
-                return jsx(RadixTabs.Content, {
-                    value: item.value,
+                return jsx("div", _extends({}, tabs.getPanelProps(item), {
                     className: cn(v.content(), slotProps == null ? void 0 : (_slotProps_content = slotProps.content) == null ? void 0 : _slotProps_content.className),
                     children: item.content
-                }, item.value);
+                }), item.value);
             })
         ]
     });
@@ -12795,6 +12904,6 @@ function SearchIcon(props) {
  */ // ───── Components ─────
 /**
  * Package version (synced with `package.json` at publish time).
- */ const VERSION = '0.9.1-beta';
+ */ const VERSION = '0.11.0-beta';
 
 export { Accordion, AppShell, AspectRatio, Autocomplete, Box, Breadcrumbs, Button, Calendar, Checkbox, ConfirmDialogProvider, Container, DataGrid, DatePicker, DateRangePicker, DateTimePicker, Dialog, Divider, Grid, LeftNav, NumberField, OTPField, Pagination, Popover, RadioGroup, RenderButton, RenderChip, RenderText, RenderTwoLine, RowActionsMenu, Skeleton, SnackbarProvider, Stack, Switch, Table, Tabs, TextField, Textarea, TimePicker, Tooltip, TopBar, Typography, VERSION, VisuallyHidden, accordionVariants, appShellVariants, autocompleteVariants, boxVariants, breadcrumbsVariants, buttonVariants, calendarDayVariants, calendarVariants, checkboxVariants, cn, confirmDialogVariants, containerVariants, dataGridVariants, datePickerVariants, dateRangeDayVariants, dateRangePickerVariants, dateTimePickerVariants, dialogVariants, dividerLineVariants, dividerVariants, getNestedValue, gridVariants, leftNavVariants, numberFieldVariants, otpFieldVariants, paginationVariants, popoverVariants, radioGroupVariants, skeletonVariants, snackbarVariants, stackVariants, switchVariants, tableVariants, tabsVariants, textFieldVariants, textareaVariants, timePickerVariants, tooltipVariants, topBarVariants, typographyVariants, useAccessState, useConfirm, useSnackbar };