@sixthshift/design-system 0.7.0 → 0.9.0

package/dist/components/CheckboxGroup/CheckboxGroup.d.ts

@@ -18,10 +18,11 @@ export type CheckboxGroupProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onC
     onValueChange?: (value: string[]) => void;
     /** Layout orientation */
     orientation?: "vertical" | "horizontal";
-    /** Visual variant */
-    variant?: "default" | "button";
-    /** Button appearance (only applies when variant="button") */
-    appearance?: "segmented" | "separate";
+    /**
+     * How the options render: `control` (the default) is one `Checkbox` per option;
+     * `segmented` and `separate` are a row or column of buttons, joined or apart.
+     */
+    appearance?: "control" | "segmented" | "separate";
     /** Input name for form submission */
     name?: string;
     /** Disable all options */
@@ -34,17 +35,19 @@ export type CheckboxGroupProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onC
  * selection, via the `value`/`defaultValue`/`onValueChange` triad
  * (`useControllableState`).
  *
- * `variant="default"` (the default) renders one `Checkbox` per option, each
+ * `appearance="control"` (the default) renders one `Checkbox` per option, each
  * with its own visible label, laid out in a column or row per
- * `orientation`. `variant="button"` is a separate rendering path — not a
- * re-skinned `Checkbox` — a row/column of plain buttons with
- * `role="checkbox"` and no separate label; contiguous buttons touch and
- * share borders (`appearance="segmented"`, the default) or sit apart with
- * their own rounded corners (`appearance="separate"`).
+ * `orientation`. `appearance="segmented"` or `"separate"` is a separate
+ * rendering path — not a re-skinned `Checkbox` — a row/column of plain
+ * buttons with `role="checkbox"` and no separate label; contiguous buttons
+ * touch and share borders (`segmented`) or sit apart with their own rounded
+ * corners (`separate`). One prop rather than a
+ * `variant` + `appearance` pair, so "appearance without buttons" — which
+ * used to mean nothing — cannot be written.
  *
- * Form submission only happens when `name` is set. In the default variant
+ * Form submission only happens when `name` is set. With `control`
  * that means each underlying `Checkbox` gets `name`, so one hidden native
- * checkbox input is rendered per option; in the button variant the group
+ * checkbox input is rendered per option; with the button appearances the group
  * itself renders one hidden `<input type="checkbox">` per *currently
  * selected* value.
  *
@@ -62,10 +65,11 @@ declare const CheckboxGroup: React.ForwardRefExoticComponent<Omit<React.HTMLAttr
     onValueChange?: (value: string[]) => void;
     /** Layout orientation */
     orientation?: "vertical" | "horizontal";
-    /** Visual variant */
-    variant?: "default" | "button";
-    /** Button appearance (only applies when variant="button") */
-    appearance?: "segmented" | "separate";
+    /**
+     * How the options render: `control` (the default) is one `Checkbox` per option;
+     * `segmented` and `separate` are a row or column of buttons, joined or apart.
+     */
+    appearance?: "control" | "segmented" | "separate";
     /** Input name for form submission */
     name?: string;
     /** Disable all options */

package/dist/components/CheckboxGroup/CheckboxGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,mBAAmB,GAAG;IAChC,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC,GAAG;IACnG,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,wBAAwB;IACxB,OAAO,EAAE,SAAS,mBAAmB,EAAE,CAAC;IACxC,oCAAoC;IACpC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,yBAAyB;IACzB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,6DAA6D;IAC7D,UAAU,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;IACtC,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,aAAa;IA5CjB,iCAAiC;YACzB,MAAM,EAAE;IAChB,oDAAoD;mBACrC,MAAM,EAAE;IACvB,wBAAwB;aACf,SAAS,mBAAmB,EAAE;IACvC,oCAAoC;oBACpB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI;IACzC,yBAAyB;kBACX,UAAU,GAAG,YAAY;IACvC,qBAAqB;cACX,SAAS,GAAG,QAAQ;IAC9B,6DAA6D;iBAChD,WAAW,GAAG,UAAU;IACrC,qCAAqC;WAC9B,MAAM;IACb,0BAA0B;eACf,OAAO;IAClB,kDAAkD;aACzC,MAAM,IAAI;wCA4JpB,CAAC;AAGF,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,mBAAmB,GAAG;IAChC,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC,GAAG;IACnG,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,wBAAwB;IACxB,OAAO,EAAE,SAAS,mBAAmB,EAAE,CAAC;IACxC,oCAAoC;IACpC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,yBAAyB;IACzB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAClD,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,QAAA,MAAM,aAAa;IA/CjB,iCAAiC;YACzB,MAAM,EAAE;IAChB,oDAAoD;mBACrC,MAAM,EAAE;IACvB,wBAAwB;aACf,SAAS,mBAAmB,EAAE;IACvC,oCAAoC;oBACpB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI;IACzC,yBAAyB;kBACX,UAAU,GAAG,YAAY;IACvC;;;OAGG;iBACU,SAAS,GAAG,WAAW,GAAG,UAAU;IACjD,qCAAqC;WAC9B,MAAM;IACb,0BAA0B;eACf,OAAO;IAClB,kDAAkD;aACzC,MAAM,IAAI;wCA6JpB,CAAC;AAGF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/CheckboxGroup/CheckboxGroup.js

@@ -9,24 +9,26 @@ import * as React from "react";
  * selection, via the `value`/`defaultValue`/`onValueChange` triad
  * (`useControllableState`).
  *
- * `variant="default"` (the default) renders one `Checkbox` per option, each
+ * `appearance="control"` (the default) renders one `Checkbox` per option, each
  * with its own visible label, laid out in a column or row per
- * `orientation`. `variant="button"` is a separate rendering path — not a
- * re-skinned `Checkbox` — a row/column of plain buttons with
- * `role="checkbox"` and no separate label; contiguous buttons touch and
- * share borders (`appearance="segmented"`, the default) or sit apart with
- * their own rounded corners (`appearance="separate"`).
+ * `orientation`. `appearance="segmented"` or `"separate"` is a separate
+ * rendering path — not a re-skinned `Checkbox` — a row/column of plain
+ * buttons with `role="checkbox"` and no separate label; contiguous buttons
+ * touch and share borders (`segmented`) or sit apart with their own rounded
+ * corners (`separate`). One prop rather than a
+ * `variant` + `appearance` pair, so "appearance without buttons" — which
+ * used to mean nothing — cannot be written.
  *
- * Form submission only happens when `name` is set. In the default variant
+ * Form submission only happens when `name` is set. With `control`
  * that means each underlying `Checkbox` gets `name`, so one hidden native
- * checkbox input is rendered per option; in the button variant the group
+ * checkbox input is rendered per option; with the button appearances the group
  * itself renders one hidden `<input type="checkbox">` per *currently
  * selected* value.
  *
  * Renders `role="group"`; focus leaving the whole group — not just moving
  * between options — fires `onBlur`.
  */
-const CheckboxGroup = React.forwardRef(({ value: controlledValue, defaultValue = [], options, onValueChange, orientation = "vertical", variant = "default", appearance = "segmented", name, disabled, onBlur, className, ...props }, ref) => {
+const CheckboxGroup = React.forwardRef(({ value: controlledValue, defaultValue = [], options, onValueChange, orientation = "vertical", appearance = "control", name, disabled, onBlur, className, ...props }, ref) => {
     const [value, setValue] = useControllableState({
         value: controlledValue,
         defaultValue,
@@ -53,7 +55,7 @@ const CheckboxGroup = React.forwardRef(({ value: controlledValue, defaultValue =
             setValue(value.filter((v) => v !== optionValue));
         }
     };
-    if (variant === "button") {
+    if (appearance === "segmented" || appearance === "separate") {
         const isVertical = orientation === "vertical";
         const isSegmented = appearance === "segmented";
         return (

package/dist/components/CheckboxGroup/CheckboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"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"}

package/dist/components/Code/Workspace/Toolbar.d.ts

@@ -1,11 +1,12 @@
 import type { HTMLAttributes, ReactNode } from "react";
+import { type ButtonVariant } from "../../Button/index.js";
 export type Action = {
     id: string;
     label: string;
     icon?: ReactNode;
     onClick: () => void;
     disabled?: boolean;
-    variant?: "solid" | "outline" | "ghost" | "link";
+    variant?: ButtonVariant;
 };
 export type ToolbarProps = HTMLAttributes<HTMLDivElement> & {
     actions?: Action[] | undefined;

package/dist/components/Code/Workspace/Toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/Code/Workspace/Toolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,MAAM,GAAG;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;CAClD,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC1D,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,+EAAqF,YAAY,gCAwBpH,CAAC"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/Code/Workspace/Toolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAE1D,MAAM,MAAM,MAAM,GAAG;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC1D,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,+EAAqF,YAAY,gCAwBpH,CAAC"}

package/dist/components/Code/Workspace/Toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../src/components/Code/Workspace/Toolbar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAkBtC;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,OAAO,GAAG,EAAE,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE;IACvH,OAAO,CACL,kBAAS,KAAK,EAAE,SAAS,EAAE,0FAA0F,SAAS,IAAI,EAAE,EAAE,aAEpI,cAAK,SAAS,EAAC,yBAAyB,YAAE,WAAW,GAAO,EAG5D,eAAK,SAAS,EAAC,yBAAyB,aACrC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,MAAC,MAAM,IAAiB,OAAO,EAAE,MAAM,CAAC,OAAO,IAAI,OAAO,EAAE,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,aACrH,MAAM,CAAC,IAAI,IAAI,eAAM,SAAS,EAAC,MAAM,YAAE,MAAM,CAAC,IAAI,GAAQ,EAC1D,MAAM,CAAC,KAAK,KAFF,MAAM,CAAC,EAAE,CAGb,CACV,CAAC,EACD,aAAa,IAAI,CAChB,MAAC,MAAM,IAAC,OAAO,EAAE,aAAa,CAAC,OAAO,IAAI,OAAO,EAAE,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,QAAQ,EAAE,aAAa,CAAC,QAAQ,aAC1H,aAAa,CAAC,IAAI,IAAI,eAAM,SAAS,EAAC,MAAM,YAAE,aAAa,CAAC,IAAI,GAAQ,EACxE,aAAa,CAAC,KAAK,IACb,CACV,EACA,YAAY,IACT,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../src/components/Code/Workspace/Toolbar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,MAAM,EAAsB,MAAM,cAAc,CAAC;AAkB1D;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,OAAO,GAAG,EAAE,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE;IACvH,OAAO,CACL,kBAAS,KAAK,EAAE,SAAS,EAAE,0FAA0F,SAAS,IAAI,EAAE,EAAE,aAEpI,cAAK,SAAS,EAAC,yBAAyB,YAAE,WAAW,GAAO,EAG5D,eAAK,SAAS,EAAC,yBAAyB,aACrC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,MAAC,MAAM,IAAiB,OAAO,EAAE,MAAM,CAAC,OAAO,IAAI,OAAO,EAAE,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,aACrH,MAAM,CAAC,IAAI,IAAI,eAAM,SAAS,EAAC,MAAM,YAAE,MAAM,CAAC,IAAI,GAAQ,EAC1D,MAAM,CAAC,KAAK,KAFF,MAAM,CAAC,EAAE,CAGb,CACV,CAAC,EACD,aAAa,IAAI,CAChB,MAAC,MAAM,IAAC,OAAO,EAAE,aAAa,CAAC,OAAO,IAAI,OAAO,EAAE,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,QAAQ,EAAE,aAAa,CAAC,QAAQ,aAC1H,aAAa,CAAC,IAAI,IAAI,eAAM,SAAS,EAAC,MAAM,YAAE,aAAa,CAAC,IAAI,GAAQ,EACxE,aAAa,CAAC,KAAK,IACb,CACV,EACA,YAAY,IACT,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/DataTable/DataTable.d.ts

@@ -0,0 +1,89 @@
+import { type VariantProps } from "class-variance-authority";
+import { type HTMLAttributes, type ReactElement, type ReactNode, type Ref } from "react";
+/**
+ * Geometry only. Every colour reads a `--data-table-*` component token whose
+ * value is decided by src/components/DataTable/data-table.recipe.css.
+ *
+ * `size` is cell density: `sm` for back-office lists scanned dozens of rows at
+ * a time, `md` for tables that are the page's main content.
+ */
+declare const cellVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type DataTableSize = NonNullable<VariantProps<typeof cellVariants>["size"]>;
+export type DataTableAlign = "start" | "center" | "end";
+export type DataTableColumn<Row> = {
+    /** Stable key — also what `sort.columnId` refers to. */
+    id: string;
+    /** Header content. */
+    header: ReactNode;
+    /** Cell content for one row. */
+    cell: (row: Row) => ReactNode;
+    /**
+     * Makes the column sortable. The returned value is what rows are compared
+     * by — return cents, not a formatted price, and an ISO date, not "Tue 3rd".
+     */
+    sortValue?: (row: Row) => string | number;
+    /** Text alignment for header and cells. Numbers read best at `end`. */
+    align?: DataTableAlign;
+    /** A CSS width for the column, e.g. `"8rem"` or `"20%"`. */
+    width?: string;
+    /** Extra classes for this column's `<td>`s. */
+    className?: string;
+};
+export type DataTableSortDirection = "asc" | "desc";
+export type DataTableSort = {
+    columnId: string;
+    direction: DataTableSortDirection;
+};
+export type DataTableProps<Row> = Omit<HTMLAttributes<HTMLDivElement>, "children"> & VariantProps<typeof cellVariants> & {
+    columns: readonly DataTableColumn<Row>[];
+    rows: readonly Row[];
+    /** Stable id per row, used as the React key. */
+    getRowId: (row: Row) => string;
+    /** Controlled sort. `null` is unsorted — rows in the order given. */
+    sort?: DataTableSort | null;
+    /** Initial sort in uncontrolled mode. */
+    defaultSort?: DataTableSort | null;
+    /** Called when a header is clicked: ascending, then descending, then unsorted. */
+    onSortChange?: (sort: DataTableSort | null) => void;
+    /**
+     * Report sort changes without reordering `rows`, for data sorted where it
+     * is fetched. The headers still show the sort state.
+     */
+    manualSorting?: boolean;
+    /** Makes every row activatable by pointer, `Enter` or `Space`. */
+    onRowClick?: (row: Row) => void;
+    /** Shown in place of the body when `rows` is empty. */
+    empty?: ReactNode;
+    /** Names the table for assistive tech. Visually hidden unless `showCaption`. */
+    caption?: ReactNode;
+    showCaption?: boolean;
+    /** Keep the header row visible while the wrapper scrolls vertically. Give the wrapper a height via `className`. */
+    stickyHeader?: boolean;
+};
+/**
+ * A data table for back-office lists — orders, products, customers.
+ *
+ * Props-based, per docs/component-api-design.md: rows are uniform, so they
+ * arrive as a `rows` array and a `columns` config, and each column's `cell`
+ * renders one row's content. Anything interactive in a cell — a status
+ * Badge, an action Button — is just what `cell` returns.
+ *
+ * A column with `sortValue` gets a header button cycling ascending →
+ * descending → unsorted, and `aria-sort` on its `<th>`. Sorting is
+ * client-side and stable; pass `manualSorting` to only report the change when
+ * the data is sorted where it is fetched. Sort state is controlled or
+ * uncontrolled through `sort`/`defaultSort`/`onSortChange`.
+ *
+ * `onRowClick` makes every row a tab stop activated by pointer, `Enter` or
+ * `Space` — keys pressed on a control inside the row are left to that control.
+ *
+ * The wrapper scrolls, so a wide table on a phone scrolls sideways inside its
+ * border rather than widening the page.
+ */
+export declare const DataTable: <Row>(props: DataTableProps<Row> & {
+    ref?: Ref<HTMLDivElement>;
+}) => ReactElement;
+export { cellVariants as dataTableCellVariants };
+//# sourceMappingURL=DataTable.d.ts.map

package/dist/components/DataTable/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAc,KAAK,cAAc,EAAsB,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAW,MAAM,OAAO,CAAC;AAElI;;;;;;GAMG;AACH,QAAA,MAAM,YAAY;;8EAUhB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AAEnF,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAExD,MAAM,MAAM,eAAe,CAAC,GAAG,IAAI;IACjC,wDAAwD;IACxD,EAAE,EAAE,MAAM,CAAC;IACX,sBAAsB;IACtB,MAAM,EAAE,SAAS,CAAC;IAClB,gCAAgC;IAChC,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,SAAS,CAAC;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,MAAM,GAAG,MAAM,CAAC;IAC1C,uEAAuE;IACvE,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,KAAK,GAAG,MAAM,CAAC;AAEpD,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,sBAAsB,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAChF,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG;IAClC,OAAO,EAAE,SAAS,eAAe,CAAC,GAAG,CAAC,EAAE,CAAC;IACzC,IAAI,EAAE,SAAS,GAAG,EAAE,CAAC;IACrB,gDAAgD;IAChD,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,MAAM,CAAC;IAC/B,qEAAqE;IACrE,IAAI,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC5B,yCAAyC;IACzC,WAAW,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACnC,kFAAkF;IAClF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;IACpD;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kEAAkE;IAClE,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,uDAAuD;IACvD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gFAAgF;IAChF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mHAAmH;IACnH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AA0JJ;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,SAAS,EAAoB,CAAC,GAAG,EAAE,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,KAAK,YAAY,CAAC;AAE5H,OAAO,EAAE,YAAY,IAAI,qBAAqB,EAAE,CAAC"}

package/dist/components/DataTable/DataTable.js

@@ -0,0 +1,107 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useControllableState } from "@sixthshift/design-system/hooks";
+import { cn } from "@sixthshift/design-system/utils";
+import { cva } from "class-variance-authority";
+import { ArrowDown, ArrowUp, ChevronsUpDown } from "lucide-react";
+import { forwardRef, useMemo } from "react";
+/**
+ * Geometry only. Every colour reads a `--data-table-*` component token whose
+ * value is decided by src/components/DataTable/data-table.recipe.css.
+ *
+ * `size` is cell density: `sm` for back-office lists scanned dozens of rows at
+ * a time, `md` for tables that are the page's main content.
+ */
+const cellVariants = cva("px-3 align-middle", {
+    variants: {
+        size: {
+            sm: "h-9 py-1.5 text-xs",
+            md: "h-11 py-2 text-sm",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+    },
+});
+const alignClass = {
+    start: "text-start",
+    center: "text-center",
+    end: "text-end",
+};
+const ariaSort = { asc: "ascending", desc: "descending" };
+function nextSort(current, columnId) {
+    if (current?.columnId !== columnId)
+        return { columnId, direction: "asc" };
+    return current.direction === "asc" ? { columnId, direction: "desc" } : null;
+}
+function compare(a, b) {
+    if (typeof a === "number" && typeof b === "number")
+        return a - b;
+    return String(a).localeCompare(String(b), undefined, { numeric: true, sensitivity: "base" });
+}
+/**
+ * `forwardRef` erases the generic, so the implementation takes the ref as an
+ * argument and the export below restores `<Row>` — the same arrangement
+ * Select.tsx uses for `<T>`.
+ */
+const DataTableRoot = forwardRef(function DataTableRoot({ className, columns, rows, getRowId, size = "md", sort: controlledSort, defaultSort = null, onSortChange, manualSorting = false, onRowClick, empty, caption, showCaption = false, stickyHeader = false, ...props }, ref) {
+    const [sort, setSort] = useControllableState({
+        value: controlledSort,
+        defaultValue: defaultSort,
+        onChange: onSortChange,
+    });
+    const sortedRows = useMemo(() => {
+        if (manualSorting || sort === null)
+            return rows;
+        const sortValue = columns.find((column) => column.id === sort.columnId)?.sortValue;
+        if (!sortValue)
+            return rows;
+        const factor = sort.direction === "asc" ? 1 : -1;
+        // Array.prototype.sort is stable, so equal keys keep the caller's order.
+        return [...rows].sort((a, b) => factor * compare(sortValue(a), sortValue(b)));
+    }, [rows, columns, sort, manualSorting]);
+    const interactive = onRowClick !== undefined;
+    const handleRowKeyDown = (event, row) => {
+        if (event.target !== event.currentTarget)
+            return; // a button inside the row keeps its own keys
+        if (event.key === "Enter" || event.key === " ") {
+            event.preventDefault();
+            onRowClick?.(row);
+        }
+    };
+    return (_jsx("div", { ref: ref, className: cn("data-table border-(color:--data-table-border) w-full overflow-auto rounded-lg border bg-(--data-table-bg) text-(--data-table-fg)", className), ...props, children: _jsxs("table", { className: "w-full border-collapse", children: [caption !== undefined && _jsx("caption", { className: cn(showCaption ? "px-3 py-2 text-start font-medium text-sm" : "sr-only"), children: caption }), _jsx("thead", { className: cn("bg-(--data-table-header-bg)", stickyHeader && "sticky top-0 z-10"), children: _jsx("tr", { className: "border-(color:--data-table-border) border-b", children: columns.map((column) => {
+                            const align = column.align ?? "start";
+                            const sorted = sort?.columnId === column.id ? sort.direction : undefined;
+                            const Icon = sorted === "asc" ? ArrowUp : sorted === "desc" ? ArrowDown : ChevronsUpDown;
+                            return (_jsx("th", { scope: "col", "aria-sort": column.sortValue ? (sorted ? ariaSort[sorted] : "none") : undefined, style: column.width ? { width: column.width } : undefined, className: cn(cellVariants({ size }), alignClass[align], "whitespace-nowrap font-medium text-(--data-table-header-fg)"), children: column.sortValue ? (_jsxs("button", { type: "button", onClick: () => setSort(nextSort(sort, column.id)), className: cn("focus-visible:ring-(color:--data-table-ring) -mx-1 inline-flex cursor-pointer items-center gap-1 rounded-sm px-1 hover:text-(--data-table-fg) focus-visible:outline-hidden focus-visible:ring-2", align === "end" && "flex-row-reverse"), children: [column.header, _jsx(Icon, { "aria-hidden": "true", className: cn("size-3.5 shrink-0", sorted === undefined && "opacity-50") })] })) : (column.header) }, column.id));
+                        }) }) }), _jsx("tbody", { children: sortedRows.length === 0 ? (_jsx("tr", { children: _jsx("td", { colSpan: columns.length, className: "px-3 py-10 text-center text-(--data-table-empty-fg) text-sm", children: empty ?? "Nothing to show" }) })) : (sortedRows.map((row) => (_jsx("tr", { "data-interactive": interactive || undefined, onClick: interactive ? () => onRowClick(row) : undefined, onKeyDown: interactive ? (event) => handleRowKeyDown(event, row) : undefined, 
+                        // A row is not a native control, but a clickable table row is the
+                        // established back-office pattern. It stays a `row` so the table
+                        // semantics survive, and gains a tab stop and Enter/Space like
+                        // Card does when it is clickable.
+                        tabIndex: interactive ? 0 : undefined, className: cn("border-(color:--data-table-border) border-b last:border-b-0", interactive &&
+                            "focus-visible:outline-(color:--data-table-ring) cursor-pointer hover:bg-(--data-table-row-bg-hovered) focus-visible:outline-2 focus-visible:-outline-offset-2"), children: columns.map((column) => (_jsx("td", { className: cn(cellVariants({ size }), alignClass[column.align ?? "start"], column.className), children: column.cell(row) }, column.id))) }, getRowId(row))))) })] }) }));
+});
+/**
+ * A data table for back-office lists — orders, products, customers.
+ *
+ * Props-based, per docs/component-api-design.md: rows are uniform, so they
+ * arrive as a `rows` array and a `columns` config, and each column's `cell`
+ * renders one row's content. Anything interactive in a cell — a status
+ * Badge, an action Button — is just what `cell` returns.
+ *
+ * A column with `sortValue` gets a header button cycling ascending →
+ * descending → unsorted, and `aria-sort` on its `<th>`. Sorting is
+ * client-side and stable; pass `manualSorting` to only report the change when
+ * the data is sorted where it is fetched. Sort state is controlled or
+ * uncontrolled through `sort`/`defaultSort`/`onSortChange`.
+ *
+ * `onRowClick` makes every row a tab stop activated by pointer, `Enter` or
+ * `Space` — keys pressed on a control inside the row are left to that control.
+ *
+ * The wrapper scrolls, so a wide table on a phone scrolls sideways inside its
+ * border rather than widening the page.
+ */
+export const DataTable = DataTableRoot;
+export { cellVariants as dataTableCellVariants };
+//# sourceMappingURL=DataTable.js.map

package/dist/components/DataTable/DataTable.js.map

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

package/dist/components/DataTable/index.d.ts

@@ -0,0 +1,2 @@
+export { DataTable, type DataTableAlign, type DataTableColumn, type DataTableProps, type DataTableSize, type DataTableSort, type DataTableSortDirection, dataTableCellVariants, } from "./DataTable.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/DataTable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,sBAAsB,EAC3B,qBAAqB,GACtB,MAAM,aAAa,CAAC"}

package/dist/components/DataTable/index.js

@@ -0,0 +1,2 @@
+export { DataTable, dataTableCellVariants, } from "./DataTable.js";
+//# sourceMappingURL=index.js.map

package/dist/components/DataTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DataTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAOT,qBAAqB,GACtB,MAAM,aAAa,CAAC"}

package/dist/components/FileDropzone/FileDropzone.d.ts

@@ -0,0 +1,87 @@
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+/**
+ * Geometry only. Every colour reads a `--file-dropzone-*` component token
+ * whose value is decided by src/components/FileDropzone/file-dropzone.recipe.css.
+ *
+ * `size` is the target's footprint: `sm` sits inline in a form row beside other
+ * fields, `md` is a panel of its own (an image manager's "add photos" tile).
+ */
+declare const fileDropzoneVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type FileDropzoneSize = NonNullable<VariantProps<typeof fileDropzoneVariants>["size"]>;
+export type FileDropzoneRejection = {
+    file: File;
+    /** `type` — not in `accept`; `size` — over `maxSize`. */
+    reason: "type" | "size";
+};
+export type FileDropzoneProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onDrop" | "children"> & VariantProps<typeof fileDropzoneVariants> & {
+    /** Called with the accepted files from a drop or the file picker. Never called with an empty list. */
+    onFilesChange: (files: File[]) => void;
+    /** Called with files that failed `accept` or `maxSize`, when any did. */
+    onFilesRejected?: (rejections: FileDropzoneRejection[]) => void;
+    /** Same syntax as the native `accept` attribute: `"image/*"`, `".pdf,.docx"`. Also checked on drop. */
+    accept?: string;
+    /** Allow more than one file per drop or pick. */
+    multiple?: boolean;
+    /** Largest accepted file, in bytes. */
+    maxSize?: number;
+    disabled?: boolean;
+    /** Shows a busy state (e.g. while uploading) and blocks new files without disabling the control. */
+    pending?: boolean;
+    /** The main line. Default: "Drop files here or click to browse". */
+    label?: React.ReactNode;
+    /** A secondary line, e.g. accepted types and size limit. */
+    hint?: React.ReactNode;
+    /** Replaces the default upload icon. Pass `null` for none. */
+    icon?: React.ReactNode;
+    /** Input name, for native form submission of the picked files. */
+    name?: string;
+};
+/**
+ * A drop target for files that doubles as a file-picker button — product
+ * photos, attachments, imports.
+ *
+ * The whole surface is one control: `role="button"`, a tab stop, and `Enter`
+ * or `Space` opens the native picker, the same as a click. Dragging files over
+ * it sets `data-state="active"`, which the recipe styles. The hidden `<input
+ * type="file">` is the real picker, so `accept`, `multiple` and `name` behave
+ * natively; `accept` and `maxSize` are also enforced on drop, where the
+ * browser does not, and failures go to `onFilesRejected` rather than being
+ * silently dropped. Without `multiple`, a drop of several files keeps the first.
+ *
+ * `pending` shows a spinner-free busy state (`aria-busy`) and ignores new
+ * files while an upload runs, without leaving the tab order — the same split
+ * Switch makes between `pending` and `disabled`.
+ *
+ * The component holds no file list of its own: it reports files and the
+ * caller decides what to show, so there is no value/defaultValue triad.
+ */
+export declare const FileDropzone: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "onDrop"> & VariantProps<(props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    /** Called with the accepted files from a drop or the file picker. Never called with an empty list. */
+    onFilesChange: (files: File[]) => void;
+    /** Called with files that failed `accept` or `maxSize`, when any did. */
+    onFilesRejected?: (rejections: FileDropzoneRejection[]) => void;
+    /** Same syntax as the native `accept` attribute: `"image/*"`, `".pdf,.docx"`. Also checked on drop. */
+    accept?: string;
+    /** Allow more than one file per drop or pick. */
+    multiple?: boolean;
+    /** Largest accepted file, in bytes. */
+    maxSize?: number;
+    disabled?: boolean;
+    /** Shows a busy state (e.g. while uploading) and blocks new files without disabling the control. */
+    pending?: boolean;
+    /** The main line. Default: "Drop files here or click to browse". */
+    label?: React.ReactNode;
+    /** A secondary line, e.g. accepted types and size limit. */
+    hint?: React.ReactNode;
+    /** Replaces the default upload icon. Pass `null` for none. */
+    icon?: React.ReactNode;
+    /** Input name, for native form submission of the picked files. */
+    name?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+export { fileDropzoneVariants };
+//# sourceMappingURL=FileDropzone.d.ts.map

package/dist/components/FileDropzone/FileDropzone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileDropzone.d.ts","sourceRoot":"","sources":["../../../src/components/FileDropzone/FileDropzone.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;GAMG;AACH,QAAA,MAAM,oBAAoB;;8EAczB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AAE9F,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,IAAI,CAAC;IACX,yDAAyD;IACzD,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC,GAC/F,YAAY,CAAC,OAAO,oBAAoB,CAAC,GAAG;IAC1C,sGAAsG;IACtG,aAAa,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACvC,yEAAyE;IACzE,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,qBAAqB,EAAE,KAAK,IAAI,CAAC;IAChE,uGAAuG;IACvG,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oGAAoG;IACpG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oEAAoE;IACpE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8DAA8D;IAC9D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAkBJ;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,YAAY;;;IA1DrB,sGAAsG;mBACvF,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI;IACtC,yEAAyE;sBACvD,CAAC,UAAU,EAAE,qBAAqB,EAAE,KAAK,IAAI;IAC/D,uGAAuG;aAC9F,MAAM;IACf,iDAAiD;eACtC,OAAO;IAClB,uCAAuC;cAC7B,MAAM;eACL,OAAO;IAClB,oGAAoG;cAC1F,OAAO;IACjB,oEAAoE;YAC5D,KAAK,CAAC,SAAS;IACvB,4DAA4D;WACrD,KAAK,CAAC,SAAS;IACtB,8DAA8D;WACvD,KAAK,CAAC,SAAS;IACtB,kEAAkE;WAC3D,MAAM;wCAgLhB,CAAC;AAGF,OAAO,EAAE,oBAAoB,EAAE,CAAC"}