origam 2.15.0 → 2.16.0

package/dist/src/composables/Transition/transition.composable.d.ts

@@ -1,5 +1,5 @@
 import type { ITransitionProps } from '../../interfaces';
-import { Component, ShallowRef } from 'vue';
+import { Component } from 'vue';
 /*********************************************************
  * useTransition
  ********************************************************/
@@ -11,7 +11,7 @@ export declare function useTransition(props: ITransitionProps): {
  * useCssTransition
  ********************************************************/
 export declare function useCssTransition(props: ITransitionProps): {
-    tag: ShallowRef<Component>;
+    tag: import("vue").ComputedRef<Component>;
     name: import("vue").ComputedRef<string | undefined>;
     isDisabled: import("vue").ComputedRef<boolean | undefined>;
     transitionProps: import("vue").ComputedRef<{
@@ -22,7 +22,7 @@ export declare function useCssTransition(props: ITransitionProps): {
  * useWindowTransition
  ********************************************************/
 export declare function useWindowTransition(props: ITransitionProps): {
-    tag: ShallowRef<Component>;
+    tag: import("vue").ComputedRef<Component>;
     name: import("vue").ComputedRef<string | undefined>;
     isDisabled: import("vue").ComputedRef<boolean | undefined>;
     transitionProps: import("vue").ComputedRef<{

package/dist/src/composables/Transition/transition.composable.js

@@ -12,7 +12,7 @@ export function useTransition(props) {
 }
 export function useCssTransition(props) {
   const { name, isDisabled } = useTransition(props);
-  const tag = props.group ? shallowRef(TransitionGroup) : shallowRef(Transition);
+  const tag = computed(() => props.group ? TransitionGroup : Transition);
   const handleBeforeEnter = (el) => {
     if (props.origin) {
       el.style.transformOrigin = props.origin;
@@ -67,7 +67,7 @@ export function useCssTransition(props) {
 }
 export function useWindowTransition(props) {
   const { name, isDisabled } = useTransition(props);
-  const tag = props.group ? shallowRef(TransitionGroup) : shallowRef(Transition);
+  const tag = computed(() => props.group ? TransitionGroup : Transition);
   const window = inject(ORIGAM_WINDOW_KEY);
   const isTransitioning = shallowRef(false);
   const handleAfterTransition = () => {

package/dist/src/composables/index.cjs

@@ -60,6 +60,18 @@ Object.keys(_defaults).forEach(function (key) {
     }
   });
 });
+var _themePropsResolver = require("./Commons/theme-props-resolver.composable.cjs");
+Object.keys(_themePropsResolver).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _themePropsResolver[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _themePropsResolver[key];
+    }
+  });
+});
 var _datePickerCalendar = require("./Commons/date-picker-calendar.composable.cjs");
 Object.keys(_datePickerCalendar).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/src/composables/index.d.ts

@@ -2,6 +2,7 @@ export * from './Commons/active.composable';
 export * from './Commons/border.composable';
 export * from './Commons/color.composable';
 export * from './Commons/defaults.composable';
+export * from './Commons/theme-props-resolver.composable';
 export * from './Commons/date-picker-calendar.composable';
 export * from './Commons/date.composable';
 export * from './Commons/density.composable';

package/dist/src/composables/index.js

@@ -2,6 +2,7 @@ export * from "./Commons/active.composable.js";
 export * from "./Commons/border.composable.js";
 export * from "./Commons/color.composable.js";
 export * from "./Commons/defaults.composable.js";
+export * from "./Commons/theme-props-resolver.composable.js";
 export * from "./Commons/date-picker-calendar.composable.js";
 export * from "./Commons/date.composable.js";
 export * from "./Commons/density.composable.js";

package/dist/src/consts/Blockquote/blockquote.const.cjs

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.QUOTE_MARKS_BY_LANG = exports.BLOCKQUOTE_VARIANTS = exports.BLOCKQUOTE_LANGS = exports.BLOCKQUOTE_DEFAULTS = exports.BLOCKQUOTE_ALIGNS = void 0;
-const BLOCKQUOTE_VARIANTS = exports.BLOCKQUOTE_VARIANTS = ["default", "elegant", "quoted", "minimal", "pull"];
-const BLOCKQUOTE_LANGS = exports.BLOCKQUOTE_LANGS = ["auto", "fr", "en", "es", "de"];
+var _enums = require("../../enums/index.cjs");
+const BLOCKQUOTE_VARIANTS = exports.BLOCKQUOTE_VARIANTS = Object.values(_enums.BLOCKQUOTE_VARIANT);
+const BLOCKQUOTE_LANGS = exports.BLOCKQUOTE_LANGS = Object.values(_enums.BLOCKQUOTE_LANG);
 const BLOCKQUOTE_ALIGNS = exports.BLOCKQUOTE_ALIGNS = ["left", "center", "right"];
 const QUOTE_MARKS_BY_LANG = exports.QUOTE_MARKS_BY_LANG = {
   fr: {

package/dist/src/consts/Blockquote/blockquote.const.js

@@ -1,17 +1,6 @@
-export const BLOCKQUOTE_VARIANTS = [
-  "default",
-  "elegant",
-  "quoted",
-  "minimal",
-  "pull"
-];
-export const BLOCKQUOTE_LANGS = [
-  "auto",
-  "fr",
-  "en",
-  "es",
-  "de"
-];
+import { BLOCKQUOTE_LANG, BLOCKQUOTE_VARIANT } from "../../enums/index.js";
+export const BLOCKQUOTE_VARIANTS = Object.values(BLOCKQUOTE_VARIANT);
+export const BLOCKQUOTE_LANGS = Object.values(BLOCKQUOTE_LANG);
 export const BLOCKQUOTE_ALIGNS = [
   "left",
   "center",

package/dist/src/consts/Bracket/bracket.const.cjs

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BRACKET_VARIANTS = exports.BRACKET_MATCH_STATUSES = exports.BRACKET_DEFAULT_WINNERS_LABEL = exports.BRACKET_DEFAULT_ROUND_GAP = exports.BRACKET_DEFAULT_MATCH_WIDTH = exports.BRACKET_DEFAULT_MATCH_HEIGHT = exports.BRACKET_DEFAULT_MATCH_GAP = exports.BRACKET_DEFAULT_LOSERS_LABEL = void 0;
-const BRACKET_VARIANTS = exports.BRACKET_VARIANTS = ["single-elimination", "double-elimination", "round-robin"];
-const BRACKET_MATCH_STATUSES = exports.BRACKET_MATCH_STATUSES = ["pending", "live", "completed", "forfeited"];
+var _enums = require("../../enums/index.cjs");
+const BRACKET_VARIANTS = exports.BRACKET_VARIANTS = Object.values(_enums.BRACKET_VARIANT);
+const BRACKET_MATCH_STATUSES = exports.BRACKET_MATCH_STATUSES = Object.values(_enums.BRACKET_MATCH_STATUS);
 const BRACKET_DEFAULT_MATCH_WIDTH = exports.BRACKET_DEFAULT_MATCH_WIDTH = 240;
 const BRACKET_DEFAULT_MATCH_HEIGHT = exports.BRACKET_DEFAULT_MATCH_HEIGHT = 72;
 const BRACKET_DEFAULT_MATCH_GAP = exports.BRACKET_DEFAULT_MATCH_GAP = 24;

package/dist/src/consts/Bracket/bracket.const.js

@@ -1,14 +1,6 @@
-export const BRACKET_VARIANTS = [
-  "single-elimination",
-  "double-elimination",
-  "round-robin"
-];
-export const BRACKET_MATCH_STATUSES = [
-  "pending",
-  "live",
-  "completed",
-  "forfeited"
-];
+import { BRACKET_MATCH_STATUS, BRACKET_VARIANT } from "../../enums/index.js";
+export const BRACKET_VARIANTS = Object.values(BRACKET_VARIANT);
+export const BRACKET_MATCH_STATUSES = Object.values(BRACKET_MATCH_STATUS);
 export const BRACKET_DEFAULT_MATCH_WIDTH = 240;
 export const BRACKET_DEFAULT_MATCH_HEIGHT = 72;
 export const BRACKET_DEFAULT_MATCH_GAP = 24;

package/dist/src/consts/ColorPicker/color-picker.const.cjs

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.COLOR_PICKER_MODES = exports.COLOR_NULL = void 0;
-var _utils = require("../../utils/index.cjs");
+var _color = require("../../utils/Commons/color.util.cjs");
 const COLOR_NULL = exports.COLOR_NULL = {
   h: 0,
   s: 0,
@@ -55,8 +55,8 @@ const COLOR_PICKER_MODE_RGBA = {
       a: Number(v)
     })
   }],
-  to: _utils.HSVtoRGB,
-  from: _utils.RGBtoHSV
+  to: _color.HSVtoRGB,
+  from: _color.RGBtoHSV
 };
 const COLOR_PICKER_MODE_RGB = {
   ...COLOR_PICKER_MODE_RGBA,
@@ -106,8 +106,8 @@ const COLOR_PICKER_MODE_HSLA = {
       a: Number(v)
     })
   }],
-  to: _utils.HSVtoHSL,
-  from: _utils.HSLtoHSV
+  to: _color.HSVtoHSL,
+  from: _color.HSLtoHSV
 };
 const COLOR_PICKER_MODE_HSL = {
   ...COLOR_PICKER_MODE_HSLA,
@@ -122,8 +122,8 @@ const COLOR_PICKER_MODE_HEXA = {
     getValue: c => c,
     getColor: (_c, v) => v
   }],
-  to: _utils.HSVtoHex,
-  from: _utils.HexToHSV
+  to: _color.HSVtoHex,
+  from: _color.HexToHSV
 };
 const COLOR_PICKER_MODE_HEX = {
   ...COLOR_PICKER_MODE_HEXA,

package/dist/src/consts/ColorPicker/color-picker.const.js

@@ -1,4 +1,4 @@
-import { HexToHSV, HSLtoHSV, HSVtoHex, HSVtoHSL, HSVtoRGB, RGBtoHSV } from "../../utils/index.js";
+import { HexToHSV, HSLtoHSV, HSVtoHex, HSVtoHSL, HSVtoRGB, RGBtoHSV } from "../../utils/Commons/color.util.js";
 export const COLOR_NULL = { h: 0, s: 0, v: 0, a: 1 };
 const COLOR_PICKER_MODE_RGBA = {
   inputProps: {

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

@@ -24,9 +24,9 @@ const BORDER_POSITION_MAP = exports.BORDER_POSITION_MAP = [{
   colorProp: "borderLeftColor"
 }];
 const BORDER_LOGICAL_AXIS_MAP = exports.BORDER_LOGICAL_AXIS_MAP = [{
-  axis: "block",
+  axis: _enums.BORDER_LOGICAL_AXIS.BLOCK,
   widthProp: "borderBlock"
 }, {
-  axis: "inline",
+  axis: _enums.BORDER_LOGICAL_AXIS.INLINE,
   widthProp: "borderInline"
 }];

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" },
@@ -7,6 +7,6 @@ export const BORDER_POSITION_MAP = [
   { side: INLINE.LEFT, widthProp: "borderLeft", colorProp: "borderLeftColor" }
 ];
 export const BORDER_LOGICAL_AXIS_MAP = [
-  { axis: "block", widthProp: "borderBlock" },
-  { axis: "inline", widthProp: "borderInline" }
+  { axis: BORDER_LOGICAL_AXIS.BLOCK, widthProp: "borderBlock" },
+  { axis: BORDER_LOGICAL_AXIS.INLINE, widthProp: "borderInline" }
 ];

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/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/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/index.cjs

@@ -190,6 +190,17 @@ Object.keys(_rounded).forEach(function (key) {
     }
   });
 });
+var _spacing = require("./Commons/spacing.const.cjs");
+Object.keys(_spacing).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _spacing[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _spacing[key];
+    }
+  });
+});
 var _scroll = require("./Commons/scroll.const.cjs");
 Object.keys(_scroll).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/src/consts/index.d.ts

@@ -15,6 +15,7 @@ export * from './Commons/size.const';
 export * from './Commons/padding.const';
 export * from './Commons/margin.const';
 export * from './Commons/rounded.const';
+export * from './Commons/spacing.const';
 export * from './Commons/scroll.const';
 export * from './Commons/stack.const';
 export * from './Commons/bindProps.const';

package/dist/src/consts/index.js

@@ -15,6 +15,7 @@ export * from "./Commons/size.const.js";
 export * from "./Commons/padding.const.js";
 export * from "./Commons/margin.const.js";
 export * from "./Commons/rounded.const.js";
+export * from "./Commons/spacing.const.js";
 export * from "./Commons/scroll.const.js";
 export * from "./Commons/stack.const.js";
 export * from "./Commons/bindProps.const.js";

package/dist/src/enums/Bracket/bracket-round.enum.cjs

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BRACKET_ROUND_SIDE = void 0;
+var BRACKET_ROUND_SIDE = exports.BRACKET_ROUND_SIDE = /* @__PURE__ */(BRACKET_ROUND_SIDE2 => {
+  BRACKET_ROUND_SIDE2["WINNER"] = "winner";
+  BRACKET_ROUND_SIDE2["LOSER"] = "loser";
+  BRACKET_ROUND_SIDE2["GRAND_FINAL"] = "grand-final";
+  return BRACKET_ROUND_SIDE2;
+})(BRACKET_ROUND_SIDE || {});