origam 2.14.1 → 2.16.0

package/dist/src/consts/Commons/border.const.js

@@ -1,4 +1,4 @@
-import { BLOCK, INLINE } from "../../enums/index.js";
+import { BLOCK, BORDER_LOGICAL_AXIS, INLINE } from "../../enums/index.js";
 export const BORDER_REGEX = /^(?<width>(?: ?(?:[0-9]+)(?:px|pt|PC|in|cm|mm|em|rem|%|ex|ch|fr)?){0,4}) {0,1}(?<style>(?:(?: ?(?:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset))+){0,4}) ?(?<color>(?: ?(?:(?:(?:#)(?:[a-f0-9]{3}|[a-f0-9]{6}))|(?:var\(--[^)]+\))|(?:(?:rgb|hsl|rgba)a?\(.*\))|(?:[A-Za-z]+))){0,4})$/;
 export const BORDER_POSITION_MAP = [
   { side: BLOCK.TOP, widthProp: "borderTop", colorProp: "borderTopColor" },
@@ -6,3 +6,7 @@ export const BORDER_POSITION_MAP = [
   { side: BLOCK.BOTTOM, widthProp: "borderBottom", colorProp: "borderBottomColor" },
   { side: INLINE.LEFT, widthProp: "borderLeft", colorProp: "borderLeftColor" }
 ];
+export const BORDER_LOGICAL_AXIS_MAP = [
+  { axis: BORDER_LOGICAL_AXIS.BLOCK, widthProp: "borderBlock" },
+  { axis: BORDER_LOGICAL_AXIS.INLINE, widthProp: "borderInline" }
+];

package/dist/src/consts/Commons/color.const.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SRGB_REVERSE_TRANSFORM = exports.SRGB_REVERSE_MATRIX = exports.SRGB_FORWARD_TRANSFORM = exports.SRGB_FORWARD_MATRIX = exports.SCALE_W_O_B = exports.SCALE_B_O_W = exports.REV_TXT = exports.REV_BG = exports.RCO = exports.NORM_TXT = exports.NORM_BG = exports.MAIN_TRC = exports.LO_CON_THRESH = exports.LO_CON_OFFSET = exports.LO_CON_FACTOR = exports.LO_CLIP = exports.GCO = exports.CSS_NAMED_COLORS = exports.CSS_COLOR_REGEX = exports.COLOR_UTILITY_INTENTS = exports.COLOR_MAPPERS = exports.COLOR_INTENTS = exports.COLOR_HOVER_MIX_PCT = exports.COLOR_DELTA_Y_MIN = exports.COLOR_DELTA = exports.COLOR_ACTIVE_MIX_PCT = exports.CIELAB_REVERSE_TRANSFORM = exports.CIELAB_FORWARD_TRANSFORM = exports.BLK_THRS = exports.BLK_CLMP = exports.BCO = void 0;
+var _enums = require("../../enums/index.cjs");
 var _utils = require("../../utils/index.cjs");
 const CSS_COLOR_REGEX = exports.CSS_COLOR_REGEX = /^(?<fn>(?:rgb|hsl)a?)\((?<values>.+)\)/;
 const CSS_NAMED_COLORS = exports.CSS_NAMED_COLORS = /* @__PURE__ */new Set(["aliceblue", "antiquewhite", "aqua", "aquamarine", "azure", "beige", "bisque", "black", "blanchedalmond", "blue", "blueviolet", "brown", "burlywood", "cadetblue", "chartreuse", "chocolate", "coral", "cornflowerblue", "cornsilk", "crimson", "cyan", "darkblue", "darkcyan", "darkgoldenrod", "darkgray", "darkgreen", "darkgrey", "darkkhaki", "darkmagenta", "darkolivegreen", "darkorange", "darkorchid", "darkred", "darksalmon", "darkseagreen", "darkslateblue", "darkslategray", "darkslategrey", "darkturquoise", "darkviolet", "deeppink", "deepskyblue", "dimgray", "dimgrey", "dodgerblue", "firebrick", "floralwhite", "forestgreen", "fuchsia", "gainsboro", "ghostwhite", "gold", "goldenrod", "gray", "green", "greenyellow", "grey", "honeydew", "hotpink", "indianred", "indigo", "ivory", "khaki", "lavender", "lavenderblush", "lawngreen", "lemonchiffon", "lightblue", "lightcoral", "lightcyan", "lightgoldenrodyellow", "lightgray", "lightgreen", "lightgrey", "lightpink", "lightsalmon", "lightseagreen", "lightskyblue", "lightslategray", "lightslategrey", "lightsteelblue", "lightyellow", "lime", "limegreen", "linen", "magenta", "maroon", "mediumaquamarine", "mediumblue", "mediumorchid", "mediumpurple", "mediumseagreen", "mediumslateblue", "mediumspringgreen", "mediumturquoise", "mediumvioletred", "midnightblue", "mintcream", "mistyrose", "moccasin", "navajowhite", "navy", "oldlace", "olive", "olivedrab", "orange", "orangered", "orchid", "palegoldenrod", "palegreen", "paleturquoise", "palevioletred", "papayawhip", "peachpuff", "peru", "pink", "plum", "powderblue", "purple", "rebeccapurple", "red", "rosybrown", "royalblue", "saddlebrown", "salmon", "sandybrown", "seagreen", "seashell", "sienna", "silver", "skyblue", "slateblue", "slategray", "slategrey", "snow", "springgreen", "steelblue", "tan", "teal", "thistle", "tomato", "turquoise", "violet", "wheat", "white", "whitesmoke", "yellow", "yellowgreen",
@@ -59,8 +60,8 @@ exports.CIELAB_FORWARD_TRANSFORM = CIELAB_FORWARD_TRANSFORM;
 const CIELAB_REVERSE_TRANSFORM = t => t > COLOR_DELTA ? t ** 3 : 3 * COLOR_DELTA ** 2 * (t - 4 / 29);
 exports.CIELAB_REVERSE_TRANSFORM = CIELAB_REVERSE_TRANSFORM;
 const MAIN_TRC = exports.MAIN_TRC = 2.4;
-const COLOR_INTENTS = exports.COLOR_INTENTS = /* @__PURE__ */new Set(["neutral", "primary", "secondary", "ghost", "success", "warning", "danger", "info"]);
-const COLOR_UTILITY_INTENTS = exports.COLOR_UTILITY_INTENTS = /* @__PURE__ */new Set(["neutral", "primary", "secondary", "success", "warning", "danger", "info"]);
+const COLOR_INTENTS = exports.COLOR_INTENTS = new Set(Object.values(_enums.INTENT));
+const COLOR_UTILITY_INTENTS = exports.COLOR_UTILITY_INTENTS = new Set(Object.values(_enums.INTENT).filter(intent => intent !== _enums.INTENT.GHOST));
 const COLOR_HOVER_MIX_PCT = exports.COLOR_HOVER_MIX_PCT = 20;
 const COLOR_ACTIVE_MIX_PCT = exports.COLOR_ACTIVE_MIX_PCT = 30;
 const RCO = exports.RCO = 0.2126729;

package/dist/src/consts/Commons/color.const.js

@@ -1,3 +1,4 @@
+import { INTENT } from "../../enums/index.js";
 import { HSLtoRGB, HSVtoRGB } from "../../utils/index.js";
 export const CSS_COLOR_REGEX = /^(?<fn>(?:rgb|hsl)a?)\((?<values>.+)\)/;
 export const CSS_NAMED_COLORS = /* @__PURE__ */ new Set([
@@ -181,25 +182,10 @@ export const COLOR_DELTA = 0.20689655172413793;
 export const CIELAB_FORWARD_TRANSFORM = (t) => t > COLOR_DELTA ** 3 ? Math.cbrt(t) : t / (3 * COLOR_DELTA ** 2) + 4 / 29;
 export const CIELAB_REVERSE_TRANSFORM = (t) => t > COLOR_DELTA ? t ** 3 : 3 * COLOR_DELTA ** 2 * (t - 4 / 29);
 export const MAIN_TRC = 2.4;
-export const COLOR_INTENTS = /* @__PURE__ */ new Set([
-  "neutral",
-  "primary",
-  "secondary",
-  "ghost",
-  "success",
-  "warning",
-  "danger",
-  "info"
-]);
-export const COLOR_UTILITY_INTENTS = /* @__PURE__ */ new Set([
-  "neutral",
-  "primary",
-  "secondary",
-  "success",
-  "warning",
-  "danger",
-  "info"
-]);
+export const COLOR_INTENTS = new Set(Object.values(INTENT));
+export const COLOR_UTILITY_INTENTS = new Set(
+  Object.values(INTENT).filter((intent) => intent !== INTENT.GHOST)
+);
 export const COLOR_HOVER_MIX_PCT = 20;
 export const COLOR_ACTIVE_MIX_PCT = 30;
 export const RCO = 0.2126729;

package/dist/src/consts/Commons/spacing.const.cjs

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UTILITY_RADIUS_FALLBACK = exports.SPACING_SCALE_STEPS = exports.ROUNDED_CORNER_MAP = exports.PADDING_POSITION_MAP = exports.PADDING_LOGICAL_AXIS_MAP = exports.NAMED_RADIUS_TOKEN = exports.MARGIN_POSITION_MAP = exports.MARGIN_LOGICAL_AXIS_MAP = void 0;
+var _enums = require("../../enums/index.cjs");
+const SPACING_SCALE_STEPS = exports.SPACING_SCALE_STEPS = ["0", "1", "2", "3", "4", "5", "6", "8", "10", "12"];
+const PADDING_POSITION_MAP = exports.PADDING_POSITION_MAP = [{
+  side: _enums.BLOCK.TOP,
+  prop: "paddingTop"
+}, {
+  side: _enums.INLINE.RIGHT,
+  prop: "paddingRight"
+}, {
+  side: _enums.BLOCK.BOTTOM,
+  prop: "paddingBottom"
+}, {
+  side: _enums.INLINE.LEFT,
+  prop: "paddingLeft"
+}];
+const PADDING_LOGICAL_AXIS_MAP = exports.PADDING_LOGICAL_AXIS_MAP = [{
+  axis: _enums.BORDER_LOGICAL_AXIS.BLOCK,
+  prop: "paddingBlock"
+}, {
+  axis: _enums.BORDER_LOGICAL_AXIS.INLINE,
+  prop: "paddingInline"
+}];
+const MARGIN_POSITION_MAP = exports.MARGIN_POSITION_MAP = [{
+  side: _enums.BLOCK.TOP,
+  prop: "marginTop"
+}, {
+  side: _enums.INLINE.RIGHT,
+  prop: "marginRight"
+}, {
+  side: _enums.BLOCK.BOTTOM,
+  prop: "marginBottom"
+}, {
+  side: _enums.INLINE.LEFT,
+  prop: "marginLeft"
+}];
+const MARGIN_LOGICAL_AXIS_MAP = exports.MARGIN_LOGICAL_AXIS_MAP = [{
+  axis: _enums.BORDER_LOGICAL_AXIS.BLOCK,
+  prop: "marginBlock"
+}, {
+  axis: _enums.BORDER_LOGICAL_AXIS.INLINE,
+  prop: "marginInline"
+}];
+const ROUNDED_CORNER_MAP = exports.ROUNDED_CORNER_MAP = [{
+  corner: "top-left",
+  prop: "roundedTopLeft"
+}, {
+  corner: "top-right",
+  prop: "roundedTopRight"
+}, {
+  corner: "bottom-left",
+  prop: "roundedBottomLeft"
+}, {
+  corner: "bottom-right",
+  prop: "roundedBottomRight"
+}];
+const NAMED_RADIUS_TOKEN = exports.NAMED_RADIUS_TOKEN = {
+  "x-small": "var(--origam-radius---xs, 2px)",
+  "small": "var(--origam-radius---sm, 4px)",
+  "default": "var(--origam-radius---md, 8px)",
+  "medium": "var(--origam-radius---lg, 12px)",
+  "large": "var(--origam-radius---xl, 16px)",
+  "x-large": "var(--origam-radius---2xl, 24px)"
+};
+const UTILITY_RADIUS_FALLBACK = exports.UTILITY_RADIUS_FALLBACK = {
+  none: "0",
+  xs: "2px",
+  sm: "4px",
+  md: "8px",
+  lg: "12px",
+  xl: "16px",
+  full: "9999px"
+};

package/dist/src/consts/Commons/spacing.const.d.ts

@@ -0,0 +1,102 @@
+import type { TBorderLogicalAxis, TDirectionBoth } from '../../types';
+/**
+ * Spacing scale steps mirrored by the global utility classes emitted from
+ * the Phase 1 manifest (`.origam--p-0` … `.origam--p-12`,
+ * `.origam--m-0` … `.origam--m-12`), each resolving to
+ * `var(--origam-space---{step})`.
+ *
+ * Single source of truth: `usePadding` and `useMargin` both previously
+ * declared their own private, character-for-character identical set
+ * (`UTILITY_PADDING_SCALE` / `UTILITY_MARGIN_SCALE`). They now share this
+ * one — the ladder is a property of the token set, not of either axis.
+ *
+ * IMPORTANT — the scale is opt-in via the STRING form (`padding="4"`).
+ * The NUMBER form keeps its legacy raw-pixel semantics
+ * (`padding={4}` → `4px`), so the two are NOT interchangeable.
+ */
+export declare const SPACING_SCALE_STEPS: ReadonlyArray<string>;
+/**
+ * Physical-side lookup driving the per-side `padding*` wiring.
+ *
+ * `IPaddingProps` names its discrete side props PHYSICALLY
+ * (`paddingTop` / `paddingRight` / `paddingBottom` / `paddingLeft`), so —
+ * exactly like `BORDER_POSITION_MAP` does for `IBorderProps` — the emitted
+ * CSS property stays physical too (`padding-top`, …). No logical/physical
+ * mismatch for the consumer to mentally translate.
+ *
+ * Note this is deliberately NOT the same distribution as the 4-value
+ * `padding` shorthand, which spreads across LOGICAL axes in the DS's
+ * Haut/Gauche/Bas/Droite order (see `formatPaddingStylesVar` / issue #216).
+ */
+export declare const PADDING_POSITION_MAP: ReadonlyArray<{
+    side: TDirectionBoth;
+    prop: 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft';
+}>;
+/**
+ * Logical-axis lookup driving `paddingBlock` / `paddingInline` wiring.
+ *
+ * Mirrors `BORDER_LOGICAL_AXIS_MAP`: these two props are already named
+ * LOGICALLY and map straight onto the native CSS logical shorthands
+ * `padding-block` / `padding-inline` — the browser resolves start/end per
+ * the active writing mode, so they stay RTL-safe for free.
+ */
+export declare const PADDING_LOGICAL_AXIS_MAP: ReadonlyArray<{
+    axis: TBorderLogicalAxis;
+    prop: 'paddingBlock' | 'paddingInline';
+}>;
+/**
+ * Physical-side lookup driving the per-side `margin*` wiring.
+ * Same contract as {@link PADDING_POSITION_MAP}, one axis over.
+ */
+export declare const MARGIN_POSITION_MAP: ReadonlyArray<{
+    side: TDirectionBoth;
+    prop: 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft';
+}>;
+/**
+ * Logical-axis lookup driving `marginBlock` / `marginInline` wiring.
+ * Same contract as {@link PADDING_LOGICAL_AXIS_MAP}, one axis over.
+ */
+export declare const MARGIN_LOGICAL_AXIS_MAP: ReadonlyArray<{
+    axis: TBorderLogicalAxis;
+    prop: 'marginBlock' | 'marginInline';
+}>;
+/**
+ * Per-corner lookup driving the `rounded{Corner}` wiring.
+ *
+ * `IRoundedProps` names its corners PHYSICALLY (`roundedTopLeft`, …), so
+ * the emitted CSS property is the PHYSICAL `border-top-left-radius`
+ * family — same rule as `BORDER_POSITION_MAP`. The `rounded` shorthand's
+ * 4-value mode emits the LOGICAL family (`border-start-start-radius`, see
+ * `formatRoundedStylesVar`); since a physical and a logical corner
+ * longhand for the same corner cascade against each other by declaration
+ * order, pushing the per-corner declarations LAST makes them win — which
+ * is precisely the precedence we want.
+ */
+export declare const ROUNDED_CORNER_MAP: ReadonlyArray<{
+    corner: string;
+    prop: 'roundedTopLeft' | 'roundedTopRight' | 'roundedBottomLeft' | 'roundedBottomRight';
+}>;
+/**
+ * Named radius variant → primitive radius token.
+ *
+ * Hoisted out of `useRounded` (where it was re-created on every call and
+ * unreachable from anywhere else) so the per-corner props resolve the
+ * named vocabulary through the exact same table as the `rounded`
+ * shorthand — `roundedTopLeft="large"` and `rounded="large"` cannot drift.
+ *
+ * `shaped` / `shaped-invert` are deliberately absent: they are
+ * corner-asymmetric by definition and stay owned by each component's
+ * scoped SCSS.
+ */
+export declare const NAMED_RADIUS_TOKEN: Readonly<Record<string, string>>;
+/**
+ * Utility radius rungs and their hard fallbacks.
+ *
+ * `none` has NO token (none = 0), so a bare `var(--origam-radius---none)`
+ * would be an invalid declaration that gets dropped — and a component's
+ * hardcoded default radius would then win (`rounded="none"` looked
+ * slightly rounded on Audio). The fallback also protects themes that omit
+ * a rung. Hoisted out of `useRounded` for the same reason as
+ * {@link NAMED_RADIUS_TOKEN}.
+ */
+export declare const UTILITY_RADIUS_FALLBACK: Readonly<Record<string, string>>;

package/dist/src/consts/Commons/spacing.const.js

@@ -0,0 +1,56 @@
+import { BLOCK, BORDER_LOGICAL_AXIS, INLINE } from "../../enums/index.js";
+export const SPACING_SCALE_STEPS = [
+  "0",
+  "1",
+  "2",
+  "3",
+  "4",
+  "5",
+  "6",
+  "8",
+  "10",
+  "12"
+];
+export const PADDING_POSITION_MAP = [
+  { side: BLOCK.TOP, prop: "paddingTop" },
+  { side: INLINE.RIGHT, prop: "paddingRight" },
+  { side: BLOCK.BOTTOM, prop: "paddingBottom" },
+  { side: INLINE.LEFT, prop: "paddingLeft" }
+];
+export const PADDING_LOGICAL_AXIS_MAP = [
+  { axis: BORDER_LOGICAL_AXIS.BLOCK, prop: "paddingBlock" },
+  { axis: BORDER_LOGICAL_AXIS.INLINE, prop: "paddingInline" }
+];
+export const MARGIN_POSITION_MAP = [
+  { side: BLOCK.TOP, prop: "marginTop" },
+  { side: INLINE.RIGHT, prop: "marginRight" },
+  { side: BLOCK.BOTTOM, prop: "marginBottom" },
+  { side: INLINE.LEFT, prop: "marginLeft" }
+];
+export const MARGIN_LOGICAL_AXIS_MAP = [
+  { axis: BORDER_LOGICAL_AXIS.BLOCK, prop: "marginBlock" },
+  { axis: BORDER_LOGICAL_AXIS.INLINE, prop: "marginInline" }
+];
+export const ROUNDED_CORNER_MAP = [
+  { corner: "top-left", prop: "roundedTopLeft" },
+  { corner: "top-right", prop: "roundedTopRight" },
+  { corner: "bottom-left", prop: "roundedBottomLeft" },
+  { corner: "bottom-right", prop: "roundedBottomRight" }
+];
+export const NAMED_RADIUS_TOKEN = {
+  "x-small": "var(--origam-radius---xs, 2px)",
+  "small": "var(--origam-radius---sm, 4px)",
+  "default": "var(--origam-radius---md, 8px)",
+  "medium": "var(--origam-radius---lg, 12px)",
+  "large": "var(--origam-radius---xl, 16px)",
+  "x-large": "var(--origam-radius---2xl, 24px)"
+};
+export const UTILITY_RADIUS_FALLBACK = {
+  none: "0",
+  xs: "2px",
+  sm: "4px",
+  md: "8px",
+  lg: "12px",
+  xl: "16px",
+  full: "9999px"
+};

package/dist/src/consts/DataTable/{select.const.cjs → data-table.const.cjs}

@@ -3,7 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.singleSelectStrategy = exports.pageSelectStrategy = exports.allSelectStrategy = exports.ORIGAM_DATA_TABLE_SHOW_SELECT_KEY = exports.ORIGAM_DATA_TABLE_SELECT_KEY = void 0;
+exports.singleSelectStrategy = exports.pageSelectStrategy = exports.allSelectStrategy = exports.ORIGAM_DATA_TABLE_SORT_KEY = exports.ORIGAM_DATA_TABLE_SHOW_SELECT_KEY = exports.ORIGAM_DATA_TABLE_SELECT_KEY = exports.ORIGAM_DATA_TABLE_PAGINATION_KEY = exports.ORIGAM_DATA_TABLE_HEADERS_KEY = exports.ORIGAM_DATA_TABLE_GROUP_KEY = exports.ORIGAM_DATA_TABLE_EXPAND_KEY = exports.DEFAULT_HEADER = exports.DEFAULT_ACTION_HEADER = void 0;
+const ORIGAM_DATA_TABLE_EXPAND_KEY = exports.ORIGAM_DATA_TABLE_EXPAND_KEY = /* @__PURE__ */Symbol.for("origam:data-table-expand");
+const ORIGAM_DATA_TABLE_GROUP_KEY = exports.ORIGAM_DATA_TABLE_GROUP_KEY = /* @__PURE__ */Symbol.for("origam:data-table-group");
+const ORIGAM_DATA_TABLE_HEADERS_KEY = exports.ORIGAM_DATA_TABLE_HEADERS_KEY = /* @__PURE__ */Symbol.for("origam:data-table-headers");
+const DEFAULT_HEADER = exports.DEFAULT_HEADER = {
+  title: "",
+  sortable: false
+};
+const DEFAULT_ACTION_HEADER = exports.DEFAULT_ACTION_HEADER = {
+  ...DEFAULT_HEADER,
+  width: 48
+};
+const ORIGAM_DATA_TABLE_PAGINATION_KEY = exports.ORIGAM_DATA_TABLE_PAGINATION_KEY = /* @__PURE__ */Symbol.for("origam:data-table-pagination");
 const ORIGAM_DATA_TABLE_SELECT_KEY = exports.ORIGAM_DATA_TABLE_SELECT_KEY = /* @__PURE__ */Symbol.for("origam:data-table-selection");
 const ORIGAM_DATA_TABLE_SHOW_SELECT_KEY = exports.ORIGAM_DATA_TABLE_SHOW_SELECT_KEY = /* @__PURE__ */Symbol.for("origam:data-table-show-select");
 const singleSelectStrategy = exports.singleSelectStrategy = {
@@ -68,4 +80,5 @@ const allSelectStrategy = exports.allSelectStrategy = {
     value,
     selected
   })
-};
+};
+const ORIGAM_DATA_TABLE_SORT_KEY = exports.ORIGAM_DATA_TABLE_SORT_KEY = /* @__PURE__ */Symbol.for("origam:data-table-sort");

package/dist/src/consts/DataTable/data-table.const.d.ts

@@ -0,0 +1,53 @@
+import type { InjectionKey, Ref } from 'vue';
+import type { IDataTableItem, IDataTableGroup, IDataTableSortItem, IInternalDataTableHeader, IDataTableSelectStrategy } from '../../interfaces';
+import { provideSelection } from '../../composables';
+export declare const ORIGAM_DATA_TABLE_EXPAND_KEY: InjectionKey<{
+    expand: (item: IDataTableItem, value: boolean) => void;
+    expanded: Ref<Set<string>>;
+    expandOnClick: Ref<boolean | undefined>;
+    isExpanded: (item: IDataTableItem) => boolean;
+    toggleExpand: (item: IDataTableItem) => void;
+}>;
+export declare const ORIGAM_DATA_TABLE_GROUP_KEY: InjectionKey<{
+    opened: Ref<Set<string>>;
+    toggleGroup: (group: IDataTableGroup) => void;
+    isGroupOpen: (group: IDataTableGroup) => boolean;
+    sortByWithGroups: Ref<Array<IDataTableSortItem>>;
+    groupBy: Ref<Array<IDataTableSortItem>>;
+    extractRows: (items: Array<IDataTableItem | IDataTableGroup<IDataTableItem>>) => Array<IDataTableItem>;
+}>;
+export declare const ORIGAM_DATA_TABLE_HEADERS_KEY: InjectionKey<{
+    headers: Ref<Array<Array<IInternalDataTableHeader>>>;
+    columns: Ref<Array<IInternalDataTableHeader>>;
+}>;
+export declare const DEFAULT_HEADER: {
+    title: string;
+    sortable: boolean;
+};
+export declare const DEFAULT_ACTION_HEADER: {
+    width: number;
+    title: string;
+    sortable: boolean;
+};
+export declare const ORIGAM_DATA_TABLE_PAGINATION_KEY: InjectionKey<{
+    page: Ref<number>;
+    itemsPerPage: Ref<number>;
+    startIndex: Ref<number>;
+    stopIndex: Ref<number>;
+    pageCount: Ref<number>;
+    itemsLength: Ref<number>;
+    prevPage: () => void;
+    nextPage: () => void;
+    setPage: (value: number) => void;
+    setItemsPerPage: (value: number) => void;
+}>;
+export declare const ORIGAM_DATA_TABLE_SELECT_KEY: InjectionKey<ReturnType<typeof provideSelection>>;
+export declare const ORIGAM_DATA_TABLE_SHOW_SELECT_KEY: InjectionKey<Ref<boolean>>;
+export declare const singleSelectStrategy: IDataTableSelectStrategy;
+export declare const pageSelectStrategy: IDataTableSelectStrategy;
+export declare const allSelectStrategy: IDataTableSelectStrategy;
+export declare const ORIGAM_DATA_TABLE_SORT_KEY: InjectionKey<{
+    sortBy: Ref<Array<IDataTableSortItem>>;
+    toggleSort: (column: IInternalDataTableHeader) => void;
+    isSorted: (column: IInternalDataTableHeader) => boolean;
+}>;

package/dist/src/consts/DataTable/{select.const.js → data-table.const.js}

@@ -1,3 +1,9 @@
+export const ORIGAM_DATA_TABLE_EXPAND_KEY = /* @__PURE__ */ Symbol.for("origam:data-table-expand");
+export const ORIGAM_DATA_TABLE_GROUP_KEY = /* @__PURE__ */ Symbol.for("origam:data-table-group");
+export const ORIGAM_DATA_TABLE_HEADERS_KEY = /* @__PURE__ */ Symbol.for("origam:data-table-headers");
+export const DEFAULT_HEADER = { title: "", sortable: false };
+export const DEFAULT_ACTION_HEADER = { ...DEFAULT_HEADER, width: 48 };
+export const ORIGAM_DATA_TABLE_PAGINATION_KEY = /* @__PURE__ */ Symbol.for("origam:data-table-pagination");
 export const ORIGAM_DATA_TABLE_SELECT_KEY = /* @__PURE__ */ Symbol.for("origam:data-table-selection");
 export const ORIGAM_DATA_TABLE_SHOW_SELECT_KEY = /* @__PURE__ */ Symbol.for("origam:data-table-show-select");
 export const singleSelectStrategy = {
@@ -32,3 +38,4 @@ export const allSelectStrategy = {
   },
   selectAll: ({ value, allItems, selected }) => allSelectStrategy.select({ items: allItems, value, selected })
 };
+export const ORIGAM_DATA_TABLE_SORT_KEY = /* @__PURE__ */ Symbol.for("origam:data-table-sort");

package/dist/src/consts/EmptyState/empty-state.const.cjs

@@ -5,27 +5,27 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.EMPTY_STATE_SIZES = exports.EMPTY_STATE_PRESET_CONFIG = exports.EMPTY_STATE_PRESETS = exports.EMPTY_STATE_ALIGNS = void 0;
 var _enums = require("../../enums/index.cjs");
-const EMPTY_STATE_PRESETS = exports.EMPTY_STATE_PRESETS = ["no-data", "no-results", "error", "offline", "locked"];
+const EMPTY_STATE_PRESETS = exports.EMPTY_STATE_PRESETS = Object.values(_enums.EMPTY_STATE_PRESET);
 const EMPTY_STATE_SIZES = exports.EMPTY_STATE_SIZES = ["sm", "md", "lg"];
 const EMPTY_STATE_ALIGNS = exports.EMPTY_STATE_ALIGNS = ["center", "left"];
 const EMPTY_STATE_PRESET_CONFIG = exports.EMPTY_STATE_PRESET_CONFIG = {
-  "no-data": {
+  [_enums.EMPTY_STATE_PRESET.NO_DATA]: {
     icon: _enums.MDI_ICONS.DATABASE_OFF_OUTLINE,
     intent: "neutral"
   },
-  "no-results": {
+  [_enums.EMPTY_STATE_PRESET.NO_RESULTS]: {
     icon: _enums.MDI_ICONS.MAGNIFY_CLOSE,
     intent: "neutral"
   },
-  "error": {
+  [_enums.EMPTY_STATE_PRESET.ERROR]: {
     icon: _enums.MDI_ICONS.ALERT_CIRCLE_OUTLINE,
     intent: "danger"
   },
-  "offline": {
+  [_enums.EMPTY_STATE_PRESET.OFFLINE]: {
     icon: _enums.MDI_ICONS.WIFI_OFF,
     intent: "warning"
   },
-  "locked": {
+  [_enums.EMPTY_STATE_PRESET.LOCKED]: {
     icon: _enums.MDI_ICONS.LOCK_OUTLINE,
     intent: "secondary"
   }

package/dist/src/consts/EmptyState/empty-state.const.js

@@ -1,11 +1,5 @@
-import { MDI_ICONS } from "../../enums/index.js";
-export const EMPTY_STATE_PRESETS = [
-  "no-data",
-  "no-results",
-  "error",
-  "offline",
-  "locked"
-];
+import { EMPTY_STATE_PRESET, MDI_ICONS } from "../../enums/index.js";
+export const EMPTY_STATE_PRESETS = Object.values(EMPTY_STATE_PRESET);
 export const EMPTY_STATE_SIZES = [
   "sm",
   "md",
@@ -16,23 +10,23 @@ export const EMPTY_STATE_ALIGNS = [
   "left"
 ];
 export const EMPTY_STATE_PRESET_CONFIG = {
-  "no-data": {
+  [EMPTY_STATE_PRESET.NO_DATA]: {
     icon: MDI_ICONS.DATABASE_OFF_OUTLINE,
     intent: "neutral"
   },
-  "no-results": {
+  [EMPTY_STATE_PRESET.NO_RESULTS]: {
     icon: MDI_ICONS.MAGNIFY_CLOSE,
     intent: "neutral"
   },
-  "error": {
+  [EMPTY_STATE_PRESET.ERROR]: {
     icon: MDI_ICONS.ALERT_CIRCLE_OUTLINE,
     intent: "danger"
   },
-  "offline": {
+  [EMPTY_STATE_PRESET.OFFLINE]: {
     icon: MDI_ICONS.WIFI_OFF,
     intent: "warning"
   },
-  "locked": {
+  [EMPTY_STATE_PRESET.LOCKED]: {
     icon: MDI_ICONS.LOCK_OUTLINE,
     intent: "secondary"
   }

package/dist/src/consts/Media/media.const.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MEDIA_DEFAULT_VOLUME = exports.MEDIA_DEFAULT_PRELOAD = void 0;
+exports.MEDIA_SCRUBBER_MIN_RANGE = exports.MEDIA_DEFAULT_VOLUME = exports.MEDIA_DEFAULT_PRELOAD = void 0;
 const MEDIA_DEFAULT_PRELOAD = exports.MEDIA_DEFAULT_PRELOAD = "metadata";
-const MEDIA_DEFAULT_VOLUME = exports.MEDIA_DEFAULT_VOLUME = 1;
+const MEDIA_DEFAULT_VOLUME = exports.MEDIA_DEFAULT_VOLUME = 1;
+const MEDIA_SCRUBBER_MIN_RANGE = exports.MEDIA_SCRUBBER_MIN_RANGE = 1e-7;

package/dist/src/consts/Media/media.const.d.ts

@@ -12,3 +12,20 @@ export declare const MEDIA_DEFAULT_PRELOAD: 'none' | 'metadata' | 'auto';
  * truth instead of re-typing the literal.
  */
 export declare const MEDIA_DEFAULT_VOLUME = 1;
+/**
+ * Smallest span `<OrigamMediaScrubber>` will divide by when converting a
+ * value into a track percentage.
+ *
+ * A media scrubber spends the whole window between mount and
+ * `loadedmetadata` on an EMPTY range: `OrigamMediaController` feeds
+ * `:max="scrubberMax"`, which stays `0` until `state.duration` becomes
+ * finite. Without a floor, `(value - min) / (max - min)` divides by zero
+ * and paints `NaN%` offsets on the progress bar and the thumb.
+ *
+ * This floor guards the DENOMINATOR only. It must never be substituted
+ * for the declared maximum itself — doing so leaked `aria-valuemax="1e-7"`
+ * into the accessibility tree, a value no consumer ever passed, announced
+ * in exponent notation, and contradicting the `aria-valuetext` the
+ * controller supplies alongside it.
+ */
+export declare const MEDIA_SCRUBBER_MIN_RANGE = 1e-7;

package/dist/src/consts/Media/media.const.js

@@ -1,2 +1,3 @@
 export const MEDIA_DEFAULT_PRELOAD = "metadata";
 export const MEDIA_DEFAULT_VOLUME = 1;
+export const MEDIA_SCRUBBER_MIN_RANGE = 1e-7;

package/dist/src/consts/PasswordField/password-field.const.cjs

@@ -3,7 +3,24 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.REQUIREMENT_UPPERCASE = exports.REQUIREMENT_TINY = exports.REQUIREMENT_SPECIAL = exports.REQUIREMENT_NUMBER = exports.REQUIREMENT_MIN_LENGTH = void 0;
+exports.REQUIREMENT_UPPERCASE = exports.REQUIREMENT_TINY = exports.REQUIREMENT_SPECIAL = exports.REQUIREMENT_NUMBER = exports.REQUIREMENT_MIN_LENGTH = exports.DEFAULT_PASSWORD_REQUIREMENTS = void 0;
+const DEFAULT_PASSWORD_REQUIREMENTS = exports.DEFAULT_PASSWORD_REQUIREMENTS = [{
+  id: "min-length",
+  label: "At least 8 characters",
+  test: v => (v ?? "").length >= 8
+}, {
+  id: "uppercase",
+  label: "At least 1 uppercase letter",
+  test: v => /[A-Z]/.test(v ?? "")
+}, {
+  id: "number",
+  label: "At least 1 number",
+  test: v => /\d/.test(v ?? "")
+}, {
+  id: "special",
+  label: "At least 1 special character",
+  test: v => /[^A-Za-z0-9]/.test(v ?? "")
+}];
 const REQUIREMENT_MIN_LENGTH = length => ({
   key: "minLength",
   message: `${length} characters`,

package/dist/src/consts/PasswordField/password-field.const.d.ts

@@ -1,3 +1,21 @@
+import type { IPasswordRequirement } from '../../interfaces';
+/**
+ * `DEFAULT_PASSWORD_REQUIREMENTS` — used when the consumer passes
+ * `requirements: true` to `<OrigamPasswordField>` (no explicit array).
+ *
+ * Mirrors the legacy `need*` flag set but exposed as composable
+ * predicates so the new inline checklist UI can iterate them
+ * generically.
+ *
+ * Intentionally not localised here — labels are picked up via the
+ * `t()` helper at render time when consumers want i18n. The defaults
+ * carry English strings so a bare `requirements: true` still renders
+ * something sensible.
+ *
+ * Co-located with the rest of the project's constants (`src/consts/`)
+ * per the global CLAUDE.md "Constants ONLY in `src/consts/`" rule.
+ */
+export declare const DEFAULT_PASSWORD_REQUIREMENTS: IPasswordRequirement[];
 /**
  * Password strength requirement descriptors used by `<OrigamPasswordField>`.
  *

package/dist/src/consts/PasswordField/password-field.const.js

@@ -1,3 +1,25 @@
+export const DEFAULT_PASSWORD_REQUIREMENTS = [
+  {
+    id: "min-length",
+    label: "At least 8 characters",
+    test: (v) => (v ?? "").length >= 8
+  },
+  {
+    id: "uppercase",
+    label: "At least 1 uppercase letter",
+    test: (v) => /[A-Z]/.test(v ?? "")
+  },
+  {
+    id: "number",
+    label: "At least 1 number",
+    test: (v) => /\d/.test(v ?? "")
+  },
+  {
+    id: "special",
+    label: "At least 1 special character",
+    test: (v) => /[^A-Za-z0-9]/.test(v ?? "")
+  }
+];
 export const REQUIREMENT_MIN_LENGTH = (length) => ({
   key: "minLength",
   message: `${length} characters`,

package/dist/src/consts/QrCode/qr-code.const.cjs

@@ -4,7 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.QR_CODE_OVERLAY_MAX_RATIO = exports.QR_CODE_LRU_CAPACITY = exports.QR_CODE_DEFAULT_MARGIN = exports.QR_CODE_DEFAULT_LOGO_SIZE = exports.QR_CODE_DEFAULT_LOGO_PADDING = exports.QR_CODE_DEFAULT_ECC = void 0;
-const QR_CODE_DEFAULT_ECC = exports.QR_CODE_DEFAULT_ECC = "M";
+var _enums = require("../../enums/index.cjs");
+const QR_CODE_DEFAULT_ECC = exports.QR_CODE_DEFAULT_ECC = _enums.QR_CODE_ERROR_CORRECTION_LEVEL.M;
 const QR_CODE_DEFAULT_MARGIN = exports.QR_CODE_DEFAULT_MARGIN = 4;
 const QR_CODE_OVERLAY_MAX_RATIO = exports.QR_CODE_OVERLAY_MAX_RATIO = 0.3;
 const QR_CODE_DEFAULT_LOGO_SIZE = exports.QR_CODE_DEFAULT_LOGO_SIZE = 0.2;

package/dist/src/consts/QrCode/qr-code.const.js

@@ -1,4 +1,5 @@
-export const QR_CODE_DEFAULT_ECC = "M";
+import { QR_CODE_ERROR_CORRECTION_LEVEL } from "../../enums/index.js";
+export const QR_CODE_DEFAULT_ECC = QR_CODE_ERROR_CORRECTION_LEVEL.M;
 export const QR_CODE_DEFAULT_MARGIN = 4;
 export const QR_CODE_OVERLAY_MAX_RATIO = 0.3;
 export const QR_CODE_DEFAULT_LOGO_SIZE = 0.2;

package/dist/src/consts/Sheet/{sheet-snap-points.const.cjs → sheet.const.cjs}

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DEFAULT_SHEET_SNAP_POINTS = void 0;
+exports.SHEET_FAST_FLICK_THRESHOLD = exports.DEFAULT_SHEET_SNAP_POINTS = void 0;
 const DEFAULT_SHEET_SNAP_POINTS = exports.DEFAULT_SHEET_SNAP_POINTS = [{
   id: "closed",
   height: 0
@@ -16,4 +16,5 @@ const DEFAULT_SHEET_SNAP_POINTS = exports.DEFAULT_SHEET_SNAP_POINTS = [{
 }, {
   id: "full",
   height: "90vh"
-}];
+}];
+const SHEET_FAST_FLICK_THRESHOLD = exports.SHEET_FAST_FLICK_THRESHOLD = 0.5;

package/dist/src/consts/Sheet/{sheet-snap-points.const.d.ts → sheet.const.d.ts}

@@ -18,3 +18,14 @@ import type { TSheetSnapPoint } from '../../types';
  * CLAUDE.md "Constants ONLY in `src/consts/`" rule.
  */
 export declare const DEFAULT_SHEET_SNAP_POINTS: ReadonlyArray<TSheetSnapPoint>;
+/**
+ * Velocity threshold (in **pixels per millisecond**) above which the
+ * release is treated as a "fast flick" — `useSheetSwipe` then snaps
+ * one step in the direction of motion regardless of how close the
+ * current offset is to any specific snap point. Anything slower
+ * falls back to nearest-by-distance snapping.
+ *
+ * 0.5 px/ms ≈ a 200 px swipe in 400 ms, which feels right for a
+ * deliberate up/down flick on a phone.
+ */
+export declare const SHEET_FAST_FLICK_THRESHOLD = 0.5;