ionbase-ui 0.2.0 → 0.4.0

package/dist/components/dom-props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom-props.d.ts","sourceRoot":"","sources":["../../src/components/dom-props.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,yBAAyB,yLAa2B,CAAC;AAElE;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,SAAS,WAAW,EAAE,EAC1E,KAAK,EAAE,CAAC,EACR,IAAI,EAAE,CAAC,GACN,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAIpB"}
+{"version":3,"file":"dom-props.d.ts","sourceRoot":"","sources":["../../src/components/dom-props.ts"],"names":[],"mappings":"AAMA;;;;;;;;;;;;;GAaG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,yBAAyB,yLAa2B,CAAC;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,eAAO,MAAM,6BAA6B,0PAiBgB,CAAC;AAE3D;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,2BAA2B,6JAUwB,CAAC;AAEjE;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,SAAS,WAAW,EAAE,EAC1E,KAAK,EAAE,CAAC,EACR,IAAI,EAAE,CAAC,GACN,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAIpB"}

package/dist/components/dom-props.js

@@ -53,6 +53,92 @@ export const ARIA_BUTTON_NON_DOM_PROPS = [
     'target',
     'rel',
 ];
+/**
+ * The same, for `AriaTextFieldProps` — Input's prop type.
+ *
+ * Input had the opposite defect to Button's: it destructured ten named props
+ * and never built a rest object at all, so nothing outside `AriaTextFieldProps`
+ * ever reached the `<input>`. `data-testid` and every other custom attribute
+ * vanished with no warning. Spreading the rest fixes that, but only if these
+ * come out first.
+ *
+ * Sources, as of react-aria 3.50:
+ *   LabelableProps  label
+ *   HelpTextProps   description, errorMessage
+ *   InputBase       isDisabled, isReadOnly
+ *   Validation      isRequired, isInvalid, validationState, validationBehavior,
+ *                   validate
+ *   ValueBase       onChange — takes a string, not an event; `useTextField`
+ *                   returns a real DOM handler in its place
+ *   FocusEvents     onFocusChange
+ *   FocusableDOMProps  excludeFromTabOrder
+ *
+ * Several of these Input already destructures by name; they are listed anyway
+ * so this reads as a complete statement about the type rather than a diff
+ * against one component's parameter list.
+ *
+ * `spellCheck` is the odd one out: a real input attribute, but React Aria types
+ * it as `string` where React wants `Booleanish`, so forwarding it from the rest
+ * spread does not typecheck. It is dropped rather than cast because
+ * `useTextField` already returns it — verified: `inputProps` carries the whole
+ * of `TextInputDOMProps`, `spellCheck` and `autoCorrect` included.
+ *
+ * `value` and `defaultValue` are here for a subtler reason than the rest.
+ * "`inputProps` is spread afterwards and wins" only holds for the SAME key —
+ * and `useTextField` always returns `value`, even when the caller passed
+ * `defaultValue`. Forwarding `defaultValue` therefore puts both on the element
+ * and React warns that the input is neither controlled nor uncontrolled. This
+ * was a real regression, caught by the Input stories, not a precaution.
+ *
+ * `placeholder`, `name`, `autoComplete` and `id` stay out of the list: they are
+ * single-key collisions, so `inputProps` genuinely does win.
+ */
+export const ARIA_TEXT_FIELD_NON_DOM_PROPS = [
+    'label',
+    'description',
+    'errorMessage',
+    'isDisabled',
+    'isReadOnly',
+    'isRequired',
+    'isInvalid',
+    'validationState',
+    'validationBehavior',
+    'validate',
+    'onChange',
+    'onFocusChange',
+    'excludeFromTabOrder',
+    'spellCheck',
+    'value',
+    'defaultValue',
+];
+/**
+ * The same, for `AriaTabListProps` — Tabs' prop type.
+ *
+ * Tabs previously forwarded its leftover props only into the Aria/Stately
+ * hooks, so HTML attributes like `data-testid` never reached the root. The
+ * list below is what must stay off the DOM when the rest is spread onto the
+ * outer element; the hooks still see the full object.
+ *
+ * Sources, as of react-aria / react-stately 3.50:
+ *   CollectionBase   children, items, disabledKeys
+ *   TabListProps     isDisabled, selectedKey, defaultSelectedKey,
+ *                    onSelectionChange
+ *   AriaTabListProps keyboardActivation, orientation
+ *
+ * `id`, `aria-*` and other `DOMProps` / `AriaLabelingProps` members are valid
+ * on the root and are deliberately absent.
+ */
+export const ARIA_TAB_LIST_NON_DOM_PROPS = [
+    'children',
+    'items',
+    'disabledKeys',
+    'isDisabled',
+    'selectedKey',
+    'defaultSelectedKey',
+    'onSelectionChange',
+    'keyboardActivation',
+    'orientation',
+];
 /**
  * Returns `props` without `keys`, leaving `props` untouched.
  *

package/dist/components/dom-props.js.map

@@ -1 +1 @@
-{"version":3,"file":"dom-props.js","sourceRoot":"","sources":["../../src/components/dom-props.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,SAAS;IACT,cAAc;IACd,YAAY;IACZ,eAAe;IACf,WAAW;IACX,eAAe;IACf,qBAAqB;IACrB,qBAAqB;IACrB,aAAa;IACb,MAAM;IACN,QAAQ;IACR,KAAK;CAC0D,CAAC;AAElE;;;;;;GAMG;AACH,MAAM,UAAU,SAAS,CACvB,KAAQ,EACR,IAAO;IAEP,MAAM,MAAM,GAAG,EAAE,GAAG,KAAK,EAAkC,CAAC;IAC5D,KAAK,MAAM,GAAG,IAAI,IAAI;QAAE,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC;IAC3C,OAAO,MAA4B,CAAC;AACtC,CAAC"}
+{"version":3,"file":"dom-props.js","sourceRoot":"","sources":["../../src/components/dom-props.ts"],"names":[],"mappings":"AAMA;;;;;;;;;;;;;GAaG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,SAAS;IACT,cAAc;IACd,YAAY;IACZ,eAAe;IACf,WAAW;IACX,eAAe;IACf,qBAAqB;IACrB,qBAAqB;IACrB,aAAa;IACb,MAAM;IACN,QAAQ;IACR,KAAK;CAC0D,CAAC;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG;IAC3C,OAAO;IACP,aAAa;IACb,cAAc;IACd,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,WAAW;IACX,iBAAiB;IACjB,oBAAoB;IACpB,UAAU;IACV,UAAU;IACV,eAAe;IACf,qBAAqB;IACrB,YAAY;IACZ,OAAO;IACP,cAAc;CAC0C,CAAC;AAE3D;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG;IACzC,UAAU;IACV,OAAO;IACP,cAAc;IACd,YAAY;IACZ,aAAa;IACb,oBAAoB;IACpB,mBAAmB;IACnB,oBAAoB;IACpB,aAAa;CACiD,CAAC;AAEjE;;;;;;GAMG;AACH,MAAM,UAAU,SAAS,CACvB,KAAQ,EACR,IAAO;IAEP,MAAM,MAAM,GAAG,EAAE,GAAG,KAAK,EAAkC,CAAC;IAC5D,KAAK,MAAM,GAAG,IAAI,IAAI;QAAE,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC;IAC3C,OAAO,MAA4B,CAAC;AACtC,CAAC"}

package/dist/components/index.d.ts

@@ -27,7 +27,7 @@ export type { DividerProps, DividerOrientation } from './Divider.js';
 export { NavItem } from './NavItem.js';
 export type { NavItemProps } from './NavItem.js';
 export { Table, TableHead, TableBody, TableRow, TableCell } from './Table.js';
-export type { TableProps, TableDensity, TableRowProps, TableCellProps, TableCellAlign, } from './Table.js';
+export type { TableProps, TableDensity, TableRowProps, TableRowSelection, TableCellProps, TableCellAlign, TableCellScope, } from './Table.js';
 export { ScrollProgress } from './ScrollProgress.js';
 export type { ScrollProgressProps, ScrollProgressSection, } from './ScrollProgress.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC1C,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,YAAY,EACV,aAAa,EACb,YAAY,EACZ,cAAc,GACf,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC/C,YAAY,EACV,UAAU,EACV,eAAe,EACf,SAAS,EACT,WAAW,GACZ,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACzE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAC3C,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EACV,WAAW,EACX,gBAAgB,EAChB,UAAU,EACV,WAAW,GACZ,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAC3C,YAAY,EACV,SAAS,EACT,aAAa,EACb,QAAQ,EACR,YAAY,GACb,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC9E,YAAY,EACV,UAAU,EACV,YAAY,EACZ,aAAa,EACb,cAAc,EACd,cAAc,GACf,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,YAAY,EACV,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC1C,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,YAAY,EACV,aAAa,EACb,YAAY,EACZ,cAAc,GACf,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC/C,YAAY,EACV,UAAU,EACV,eAAe,EACf,SAAS,EACT,WAAW,GACZ,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACzE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAC3C,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EACV,WAAW,EACX,gBAAgB,EAChB,UAAU,EACV,WAAW,GACZ,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAC3C,YAAY,EACV,SAAS,EACT,aAAa,EACb,QAAQ,EACR,YAAY,GACb,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC9E,YAAY,EACV,UAAU,EACV,YAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,cAAc,GACf,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,YAAY,EACV,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,qBAAqB,CAAC"}

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAE1C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAMzC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAO/C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE3C,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAOlD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAO3C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAQ9E,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAE1C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAMzC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAO/C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE3C,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAOlD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAO3C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAU9E,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/resolve-disabled.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Disabled-prop resolution for the library-wide `isDisabled` convention.
+ *
+ * Canonical name is React Aria's `isDisabled`. Native `disabled` remains
+ * accepted as a deprecated alias for one minor so callers are not broken on
+ * the rename. When both are passed, `isDisabled` wins.
+ */
+export declare function resolveDisabled(isDisabled?: boolean, disabled?: boolean): boolean | undefined;
+//# sourceMappingURL=resolve-disabled.d.ts.map

package/dist/components/resolve-disabled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-disabled.d.ts","sourceRoot":"","sources":["../../src/components/resolve-disabled.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,wBAAgB,eAAe,CAC7B,UAAU,CAAC,EAAE,OAAO,EACpB,QAAQ,CAAC,EAAE,OAAO,GACjB,OAAO,GAAG,SAAS,CAIrB"}

package/dist/components/resolve-disabled.js

@@ -0,0 +1,15 @@
+/**
+ * Disabled-prop resolution for the library-wide `isDisabled` convention.
+ *
+ * Canonical name is React Aria's `isDisabled`. Native `disabled` remains
+ * accepted as a deprecated alias for one minor so callers are not broken on
+ * the rename. When both are passed, `isDisabled` wins.
+ */
+export function resolveDisabled(isDisabled, disabled) {
+    if (isDisabled !== undefined)
+        return isDisabled;
+    if (disabled !== undefined)
+        return disabled;
+    return undefined;
+}
+//# sourceMappingURL=resolve-disabled.js.map

package/dist/components/resolve-disabled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-disabled.js","sourceRoot":"","sources":["../../src/components/resolve-disabled.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,UAAU,eAAe,CAC7B,UAAoB,EACpB,QAAkB;IAElB,IAAI,UAAU,KAAK,SAAS;QAAE,OAAO,UAAU,CAAC;IAChD,IAAI,QAAQ,KAAK,SAAS;QAAE,OAAO,QAAQ,CAAC;IAC5C,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/dist/index.d.ts

@@ -9,17 +9,16 @@
  *
  *   import 'ionbase-ui/styles';            // tokens + components, one import
  *   import { Button, Icon } from 'ionbase-ui';
+ *   import { semantic } from 'ionbase-ui/tokens-js';  // JS token values
  *
  * Icons are not bundled. `Icon` takes the icon as a prop, so any SVG component
  * works — lucide-react, heroicons, react-icons, your own. See ./Icon.tsx.
+ *
+ * JS token values used to re-export from this barrel as `tokens`. That pulled
+ * ~48KB into any consumer whose bundler does not tree-shake a namespace
+ * re-export. They live at `ionbase-ui/tokens-js` now.
  */
 export * from './components/index.js';
 export { Icon } from './Icon.js';
 export type { IconProps, IconSize } from './Icon.js';
-/**
- * Generated token values, as `var(--…)` references. Copied in from the token
- * pipeline at build time by scripts/sync-tokens.mjs — never hand-edited, and
- * git-ignored, because Figma owns these names and values.
- */
-export * as tokens from './tokens/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAErD;;;;GAIG;AACH,OAAO,KAAK,MAAM,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC"}

package/dist/index.js

@@ -9,16 +9,15 @@
  *
  *   import 'ionbase-ui/styles';            // tokens + components, one import
  *   import { Button, Icon } from 'ionbase-ui';
+ *   import { semantic } from 'ionbase-ui/tokens-js';  // JS token values
  *
  * Icons are not bundled. `Icon` takes the icon as a prop, so any SVG component
  * works — lucide-react, heroicons, react-icons, your own. See ./Icon.tsx.
+ *
+ * JS token values used to re-export from this barrel as `tokens`. That pulled
+ * ~48KB into any consumer whose bundler does not tree-shake a namespace
+ * re-export. They live at `ionbase-ui/tokens-js` now.
  */
 export * from './components/index.js';
 export { Icon } from './Icon.js';
-/**
- * Generated token values, as `var(--…)` references. Copied in from the token
- * pipeline at build time by scripts/sync-tokens.mjs — never hand-edited, and
- * git-ignored, because Figma owns these names and values.
- */
-export * as tokens from './tokens/index.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAGjC;;;;GAIG;AACH,OAAO,KAAK,MAAM,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC"}

package/dist/styles/button.css

@@ -89,10 +89,34 @@
   border-style: solid;
   border-width: var(--border-width-default);
   border-radius: var(--radius-md);
+
+  /*
+   * `base` + `ease-out`, from the shared motion ladder in motion.css.
+   *
+   * This was `150ms cubic-bezier(0.4, 0, 0.2, 1)`, hardcoded here and in eleven
+   * other stylesheets. Both halves were wrong for a state change: 150ms is
+   * short enough to read as a jump rather than a change, and that curve is
+   * symmetric — its slow tail means a colour appears to arrive late and then
+   * snap. `ease-out` leaves immediately and decelerates in, so the same change
+   * reads as settling.
+   */
   transition:
-    background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
-    border-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
-    box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
+    background-color var(--ion-duration-base) var(--ion-ease-out),
+    border-color var(--ion-duration-base) var(--ion-ease-out),
+    box-shadow var(--ion-duration-base) var(--ion-ease-out);
+}
+
+/*
+ * Press drops to `fast`.
+ *
+ * A press must resolve while the pointer is still down or the feedback reads as
+ * lag rather than as a press — it is the one interaction the user is actively
+ * waiting on. Release still returns at `base`, because the rule only overrides
+ * the duration while the pressed state holds.
+ */
+.ion-button:active,
+.ion-button[data-pressed='true'] {
+  transition-duration: var(--ion-duration-fast);
 }
 
 /* Size modifiers — radius, border-width and font-weight are size-invariant. */
@@ -204,12 +228,12 @@
 
 @media (hover: hover) {
   .ion-button--primary-neutral:hover {
-    background-color: var(--surface-inverse);
+    background-color: var(--surface-inverse-subtle);
   }
 }
 
 .ion-button--primary-neutral[data-hovered='true'] {
-  background-color: var(--surface-inverse);
+  background-color: var(--surface-inverse-subtle);
 }
 
 .ion-button--primary-neutral:active,
@@ -229,16 +253,20 @@
   border-color: var(--border-strong);
 }
 
+/*
+ * The border does NOT move on hover — Figma binds `border/strong` on Default,
+ * Hover and Focus alike, and only steps to `border/stronger` on Pressed. The
+ * hover step was previously reproduced here and is a difference the current
+ * design does not draw.
+ */
 @media (hover: hover) {
   .ion-button--secondary:hover {
     background-color: var(--surface-page);
-    border-color: var(--border-stronger);
   }
 }
 
 .ion-button--secondary[data-hovered='true'] {
   background-color: var(--surface-page);
-  border-color: var(--border-stronger);
 }
 
 .ion-button--secondary:active,
@@ -246,6 +274,7 @@
   --ion-button-elevation: var(--ion-button-pressed);
 
   background-color: var(--surface-muted);
+  border-color: var(--border-stronger);
 }
 
 /* Tertiary Variant — intentionally flat; a ghost button has no surface to raise. */

package/dist/styles/checkbox.css

@@ -124,8 +124,8 @@
     (var(--ion-checkbox-line-height) - var(--ion-checkbox-size)) / 2
   );
   transition:
-    background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
-    border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
+    background-color var(--ion-duration-base) var(--ion-ease-out),
+    border-color var(--ion-duration-base) var(--ion-ease-out);
 }
 
 .ion-checkbox__mark {

package/dist/styles/index.css

@@ -62,3 +62,136 @@ body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
+
+/*
+ * Reduced motion — WCAG 2.3.3.
+ *
+ * Ten component stylesheets carry transitions; none of them individually
+ * gated on the query. One global block covers every `ion-*` rule rather than
+ * duplicating the media query ten times. `0.01ms` rather than `0` so the
+ * browser still fires `transitionend` / `animationend` for anything that
+ * listens.
+ */
+@media (prefers-reduced-motion: reduce) {
+  [class^='ion-'],
+  [class*=' ion-'],
+  [class^='ion-'] *,
+  [class*=' ion-'] * {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}
+
+/*
+ * Forced colours — Windows High Contrast / WCAG 1.4.11.
+ *
+ * Components that convey state with background or border tokens flatten to
+ * unreadable blocks when the OS remaps colour. Re-express those states with
+ * system colour keywords so selected, checked, focused and disabled remain
+ * distinguishable. `forced-color-adjust: none` only where the system would
+ * otherwise erase a fill the mark depends on (checked boxes, selected pills).
+ */
+@media (forced-colors: active) {
+  .ion-button:focus-visible,
+  .ion-button[data-focused='true'],
+  .ion-nav-item:focus-visible,
+  .ion-nav-item[data-focused='true'],
+  .ion-tabs__item:focus-visible,
+  .ion-tabs__item[data-focused='true'],
+  .ion-tabs__panel:focus-visible,
+  .ion-menu__item:focus-visible,
+  .ion-input:focus-within,
+  .ion-select:focus-within,
+  .ion-scroll-progress__trigger:focus-visible,
+  .ion-scroll-progress__heading:focus-visible,
+  .ion-table-container:focus-visible {
+    outline: var(--border-width-thick) solid Highlight;
+    outline-offset: 2px;
+  }
+
+  .ion-checkbox__input:focus-visible + .ion-checkbox__indicator,
+  .ion-checkbox[data-focused='true'] .ion-checkbox__indicator,
+  .ion-radio__input:focus-visible + .ion-radio__indicator,
+  .ion-radio[data-focused='true'] .ion-radio__indicator,
+  .ion-toggle__input:focus-visible + .ion-toggle__track,
+  .ion-toggle[data-focused='true'] .ion-toggle__track {
+    outline: var(--border-width-thick) solid Highlight;
+    outline-offset: 2px;
+  }
+
+  /* Checked / selected before disabled so specificity reads non-decreasing. */
+  .ion-checkbox__input:checked + .ion-checkbox__indicator,
+  .ion-checkbox__input:indeterminate + .ion-checkbox__indicator,
+  .ion-radio__input:checked + .ion-radio__indicator,
+  .ion-toggle__input:checked + .ion-toggle__track {
+    forced-color-adjust: none;
+    background-color: Highlight;
+    border-color: Highlight;
+  }
+
+  .ion-checkbox__input:checked + .ion-checkbox__indicator .ion-checkbox__mark,
+  .ion-checkbox__input:indeterminate
+    + .ion-checkbox__indicator
+    .ion-checkbox__mark {
+    forced-color-adjust: none;
+    color: HighlightText;
+  }
+
+  .ion-radio__input:checked + .ion-radio__indicator .ion-radio__dot {
+    forced-color-adjust: none;
+    background-color: HighlightText;
+  }
+
+  .ion-toggle__input:checked + .ion-toggle__track .ion-toggle__thumb {
+    forced-color-adjust: none;
+    background-color: HighlightText;
+  }
+
+  .ion-table tbody tr[data-selected='true'] {
+    forced-color-adjust: none;
+    background-color: Highlight;
+    color: HighlightText;
+  }
+
+  .ion-tabs__item--underline[data-selected='true'] {
+    border-bottom-color: Highlight;
+  }
+
+  .ion-tabs__item--pill[data-selected='true'] {
+    forced-color-adjust: none;
+    background-color: Highlight;
+    color: HighlightText;
+  }
+
+  .ion-button:disabled,
+  .ion-button[data-disabled='true'],
+  .ion-nav-item--disabled,
+  .ion-nav-item[data-disabled='true'],
+  .ion-tabs__item[data-disabled='true'],
+  .ion-menu__item:disabled,
+  .ion-menu__item[data-disabled='true'],
+  .ion-input[data-disabled='true'],
+  .ion-select[data-disabled='true'],
+  .ion-checkbox--disabled,
+  .ion-checkbox[data-disabled='true'],
+  .ion-radio--disabled,
+  .ion-radio[data-disabled='true'],
+  .ion-toggle--disabled,
+  .ion-toggle[data-disabled='true'] {
+    color: GrayText;
+    border-color: GrayText;
+  }
+
+  .ion-checkbox__input:disabled + .ion-checkbox__indicator,
+  .ion-checkbox__input:checked:disabled + .ion-checkbox__indicator,
+  .ion-checkbox__input:indeterminate:disabled + .ion-checkbox__indicator,
+  .ion-radio__input:disabled + .ion-radio__indicator,
+  .ion-radio__input:checked:disabled + .ion-radio__indicator,
+  .ion-toggle__input:disabled + .ion-toggle__track,
+  .ion-toggle__input:checked:disabled + .ion-toggle__track {
+    border-color: GrayText;
+    background-color: Canvas;
+  }
+}

package/dist/styles/input.css

@@ -63,8 +63,8 @@
   font-size: var(--ion-input-font-size);
   line-height: var(--ion-input-line-height);
   transition:
-    border-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
-    background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
+    border-color var(--ion-duration-base) var(--ion-ease-out),
+    background-color var(--ion-duration-base) var(--ion-ease-out);
 }
 
 /*

package/dist/styles/menu.css

@@ -54,7 +54,7 @@
   width: 100%;
   cursor: pointer;
   user-select: none;
-  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
+  transition: background-color var(--ion-duration-base) var(--ion-ease-out);
 }
 
 .ion-menu__icon,

package/dist/styles/nav-item.css

@@ -37,7 +37,7 @@
   text-decoration: none;
   cursor: pointer;
   user-select: none;
-  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
+  transition: color var(--ion-duration-base) var(--ion-ease-out);
 }
 
 .ion-nav-item__icon,
@@ -47,7 +47,7 @@
   justify-content: center;
   flex-shrink: 0;
   color: var(--icon-tertiary);
-  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
+  transition: color var(--ion-duration-base) var(--ion-ease-out);
 }
 
 .ion-nav-item__icon svg,

package/dist/styles/radio.css

@@ -96,8 +96,8 @@
   /* Centred on the label's first line — see checkbox.css. */
   margin-top: calc((var(--ion-radio-line-height) - var(--ion-radio-size)) / 2);
   transition:
-    background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
-    border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
+    background-color var(--ion-duration-base) var(--ion-ease-out),
+    border-color var(--ion-duration-base) var(--ion-ease-out);
 }
 
 .ion-radio__dot {

package/dist/styles/scroll-progress.css

@@ -29,8 +29,10 @@
  *
  * REVEAL TRANSITION IS DELIBERATELY PLAIN
  *
- * Opacity and an 8px slide, the same 150ms/cubic-bezier(0.4,0,0.2,1) language
- * every hover state in the system already uses. The deeper choreography this
+ * Opacity and an 8px slide on the shared motion ladder — `--ion-duration-base`
+ * and `--ion-ease-out`, the same language every hover state in the system
+ * already uses. It reads as a reveal rather than travel, so it stays on `base`
+ * rather than taking the `slow` rung. The deeper choreography this
  * component could eventually justify — a staggered reveal per row, easing
  * that matches the rail's own scale — is future work, tracked in
  * docs/motion-system.md, not invented here ahead of that decision.
@@ -62,7 +64,7 @@
   font-family: var(--font-family-sans);
   font-size: var(--type-body-sm);
   line-height: var(--type-body-sm-line-height);
-  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
+  transition: color var(--ion-duration-base) var(--ion-ease-out);
 }
 
 .ion-scroll-progress__rail {
@@ -76,7 +78,7 @@
   width: var(--spacing-32);
   height: var(--border-width-thick);
   background-color: var(--border-strong);
-  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
+  transition: background-color var(--ion-duration-base) var(--ion-ease-out);
 }
 
 .ion-scroll-progress__tick--active {
@@ -118,9 +120,9 @@
   pointer-events: none;
   transform: translateY(-50%) translateX(-4px);
   transition:
-    opacity 150ms cubic-bezier(0.4, 0, 0.2, 1),
-    transform 150ms cubic-bezier(0.4, 0, 0.2, 1),
-    visibility 150ms;
+    opacity var(--ion-duration-base) var(--ion-ease-out),
+    transform var(--ion-duration-base) var(--ion-ease-out),
+    visibility var(--ion-duration-base);
 }
 
 .ion-scroll-progress__panel[data-open='true'] {
@@ -145,8 +147,8 @@
   text-align: left;
   cursor: pointer;
   transition:
-    background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
-    border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
+    background-color var(--ion-duration-base) var(--ion-ease-out),
+    border-color var(--ion-duration-base) var(--ion-ease-out);
 }
 
 @media (hover: hover) {

package/dist/styles/select.css

@@ -47,8 +47,8 @@
   font-size: var(--ion-select-font-size);
   line-height: var(--ion-select-line-height);
   transition:
-    border-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
-    background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
+    border-color var(--ion-duration-base) var(--ion-ease-out),
+    background-color var(--ion-duration-base) var(--ion-ease-out);
 }
 
 /* Small shares Medium's padding — see input.css. */

package/dist/styles/table.css

@@ -37,6 +37,12 @@
   border-radius: var(--radius-md);
 }
 
+/* Keyboard focus ring for the scroll region — see Table.tsx. */
+.ion-table-container:focus-visible {
+  outline: var(--border-width-thick) solid var(--border-focus);
+  outline-offset: 2px;
+}
+
 .ion-table {
   width: 100%;
   border-collapse: collapse;
@@ -83,12 +89,10 @@
  * inside `<thead>`.
  *
  * The `<th>` half is the Figma binding (see the header). The `thead` half
- * exists because a header row can legitimately contain a cell that is not a
- * column header — a selection-checkbox column has nothing to label, and an
- * empty `<th>` is an accessibility failure rather than a neutral one: axe's
- * `empty-table-header` flags it, and `aria-label` does not rescue it, since the
- * rule is specifically about text a sighted screen-reader user can also see.
- * Such a cell should be a `<td>`, which then still needs to look like a header.
+ * exists for cells that sit in the header row but are not column headers —
+ * rare, and mostly historical. Selection's select-all cell is a real `<th
+ * scope="col">` with a labelled checkbox, so it gets the fill from the `<th>`
+ * rule rather than this fallback.
  *
  * Declared after `.ion-table td` so specificity reads non-decreasing; the two
  * `td` selectors would otherwise trip `no-descending-specificity`.
@@ -103,7 +107,7 @@
 
 .ion-table tr {
   background-color: var(--surface-default);
-  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
+  transition: background-color var(--ion-duration-base) var(--ion-ease-out);
 }
 
 .ion-table tbody tr {