origam 0.3.9 → 2.2.1

package/dist/src/composables/SliderField/slider-field.composable.d.ts

@@ -1,4 +1,7 @@
 import type { ISliderField, ISliderFieldProps, ISliderFieldProvide } from '../../interfaces';
+/*********************************************************
+ * useSteps
+ ********************************************************/
 export declare function useSteps(props: ISliderFieldProps): {
     min: import("vue").ComputedRef<number>;
     max: import("vue").ComputedRef<number>;
@@ -6,4 +9,7 @@ export declare function useSteps(props: ISliderFieldProps): {
     decimals: import("vue").ComputedRef<number>;
     roundValue: (value: string | number) => number;
 };
+/*********************************************************
+ * useSlider
+ ********************************************************/
 export declare function useSlider({ origamSliderFieldTrackRef, origamSliderFieldThumbRef, origamSliderFieldStartThumbRef, origamSliderFieldStopThumbRef, props, steps, onSliderStart, onSliderMove, onSliderEnd, getActiveThumb }: ISliderField): ISliderFieldProvide;

package/dist/src/composables/Snackbar/snackbar.composable.d.ts

@@ -1,3 +1,6 @@
+/*********************************************************
+ * useCountdown
+ ********************************************************/
 export declare function useCountdown(milliseconds: number): {
     clear: () => void;
     time: import("vue").ShallowRef<number, number>;

package/dist/src/composables/Theme/theme.composable.cjs

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.applyThemeSync = applyThemeSync;
+exports.readPersistedTheme = readPersistedTheme;
+exports.useTheme = useTheme;
+var _vue = require("vue");
+const STORAGE_KEY = "origam-theme";
+const ATTR = "data-theme";
+let _theme = null;
+function readPersisted() {
+  if (typeof window === "undefined") return "auto";
+  try {
+    const v = window.localStorage?.getItem(STORAGE_KEY);
+    if (v === "auto" || v === "light" || v === "dark") return v;
+    if (v && typeof v === "string") return v;
+  } catch {}
+  return "auto";
+}
+function writePersisted(theme) {
+  if (typeof window === "undefined") return;
+  try {
+    window.localStorage?.setItem(STORAGE_KEY, theme);
+  } catch {}
+}
+function applyToDocument(theme) {
+  if (typeof document === "undefined") return;
+  if (theme === "auto") {
+    document.documentElement.removeAttribute(ATTR);
+  } else {
+    document.documentElement.setAttribute(ATTR, theme);
+  }
+}
+function useTheme() {
+  if (_theme === null) {
+    _theme = (0, _vue.ref)(readPersisted());
+  }
+  const theme = _theme;
+  const systemPrefersDark = (0, _vue.ref)(false);
+  const resolved = (0, _vue.computed)(() => {
+    if (theme.value === "auto") return systemPrefersDark.value ? "dark" : "light";
+    return theme.value === "dark" ? "dark" : "light";
+  });
+  let mediaQuery = null;
+  const onSystemChange = e => {
+    systemPrefersDark.value = e.matches;
+  };
+  (0, _vue.onMounted)(() => {
+    if (typeof window === "undefined") return;
+    mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    systemPrefersDark.value = mediaQuery.matches;
+    mediaQuery.addEventListener?.("change", onSystemChange);
+    applyToDocument(theme.value);
+  });
+  (0, _vue.onUnmounted)(() => {
+    mediaQuery?.removeEventListener?.("change", onSystemChange);
+  });
+  (0, _vue.watch)(theme, next => {
+    applyToDocument(next);
+    writePersisted(next);
+  });
+  function setTheme(next) {
+    theme.value = next;
+  }
+  function toggle() {
+    const effective = resolved.value;
+    theme.value = effective === "dark" ? "light" : "dark";
+  }
+  return {
+    theme: (0, _vue.readonly)(theme),
+    resolved: (0, _vue.readonly)(resolved),
+    setTheme,
+    toggle
+  };
+}
+function applyThemeSync(theme) {
+  applyToDocument(theme);
+}
+function readPersistedTheme() {
+  return readPersisted();
+}

package/dist/src/composables/Theme/theme.composable.d.ts

@@ -0,0 +1,40 @@
+import type { Ref } from 'vue';
+import type { TTheme, TThemeResolved } from '../../types';
+/**
+ * `useTheme()` returns a shared, reactive theme handle.
+ *
+ * - `theme` (read-only ref): the current setting — `'auto' | 'light' | 'dark' | string`.
+ * - `setTheme(t)`: imperative setter. Persists to `localStorage` and applies
+ *   `data-theme` to `<html>`.
+ * - `resolved` (computed): the effective theme after resolving `'auto'`
+ *   against `prefers-color-scheme`. Useful for SVG asset switching.
+ * - `toggle()`: convenience to flip light ↔ dark (treats `'auto'` as light).
+ *
+ * The composable does NOT auto-mount a media-query listener at import time
+ * (SSR safety). It does so on `onMounted` and cleans up on `onUnmounted`.
+ */
+/*********************************************************
+ * useTheme
+ ********************************************************/
+export declare function useTheme(): {
+    theme: Readonly<Ref<TTheme, TTheme>>;
+    resolved: Readonly<Ref<TThemeResolved, TThemeResolved>>;
+    setTheme: (next: TTheme) => void;
+    toggle: () => void;
+};
+/**
+ * Internal helper for SSR / no-flash plugins: apply a theme to the document
+ * synchronously (called BEFORE first render). Bypasses Vue reactivity.
+ */
+/*********************************************************
+ * applyThemeSync
+ ********************************************************/
+export declare function applyThemeSync(theme: TTheme): void;
+/**
+ * Internal helper for SSR / no-flash plugins: read the persisted theme from
+ * localStorage without instantiating the composable.
+ */
+/*********************************************************
+ * readPersistedTheme
+ ********************************************************/
+export declare function readPersistedTheme(): TTheme;

package/dist/src/composables/Theme/theme.composable.js

@@ -0,0 +1,77 @@
+import { computed, onMounted, onUnmounted, readonly, ref, watch } from "vue";
+const STORAGE_KEY = "origam-theme";
+const ATTR = "data-theme";
+let _theme = null;
+function readPersisted() {
+  if (typeof window === "undefined") return "auto";
+  try {
+    const v = window.localStorage?.getItem(STORAGE_KEY);
+    if (v === "auto" || v === "light" || v === "dark") return v;
+    if (v && typeof v === "string") return v;
+  } catch {
+  }
+  return "auto";
+}
+function writePersisted(theme) {
+  if (typeof window === "undefined") return;
+  try {
+    window.localStorage?.setItem(STORAGE_KEY, theme);
+  } catch {
+  }
+}
+function applyToDocument(theme) {
+  if (typeof document === "undefined") return;
+  if (theme === "auto") {
+    document.documentElement.removeAttribute(ATTR);
+  } else {
+    document.documentElement.setAttribute(ATTR, theme);
+  }
+}
+export function useTheme() {
+  if (_theme === null) {
+    _theme = ref(readPersisted());
+  }
+  const theme = _theme;
+  const systemPrefersDark = ref(false);
+  const resolved = computed(() => {
+    if (theme.value === "auto") return systemPrefersDark.value ? "dark" : "light";
+    return theme.value === "dark" ? "dark" : "light";
+  });
+  let mediaQuery = null;
+  const onSystemChange = (e) => {
+    systemPrefersDark.value = e.matches;
+  };
+  onMounted(() => {
+    if (typeof window === "undefined") return;
+    mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    systemPrefersDark.value = mediaQuery.matches;
+    mediaQuery.addEventListener?.("change", onSystemChange);
+    applyToDocument(theme.value);
+  });
+  onUnmounted(() => {
+    mediaQuery?.removeEventListener?.("change", onSystemChange);
+  });
+  watch(theme, (next) => {
+    applyToDocument(next);
+    writePersisted(next);
+  });
+  function setTheme(next) {
+    theme.value = next;
+  }
+  function toggle() {
+    const effective = resolved.value;
+    theme.value = effective === "dark" ? "light" : "dark";
+  }
+  return {
+    theme: readonly(theme),
+    resolved: readonly(resolved),
+    setTheme,
+    toggle
+  };
+}
+export function applyThemeSync(theme) {
+  applyToDocument(theme);
+}
+export function readPersistedTheme() {
+  return readPersisted();
+}

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

@@ -1,9 +1,15 @@
 import type { ITransitionProps } from '../../interfaces';
 import { Component, ShallowRef } from 'vue';
+/*********************************************************
+ * useTransition
+ ********************************************************/
 export declare function useTransition(props: ITransitionProps): {
     name: import("vue").ComputedRef<string | undefined>;
     isDisabled: import("vue").ComputedRef<boolean | undefined>;
 };
+/*********************************************************
+ * useCssTransition
+ ********************************************************/
 export declare function useCssTransition(props: ITransitionProps): {
     tag: ShallowRef<Component>;
     name: import("vue").ComputedRef<string | undefined>;
@@ -12,6 +18,9 @@ export declare function useCssTransition(props: ITransitionProps): {
         [key: string]: any;
     }>;
 };
+/*********************************************************
+ * useWindowTransition
+ ********************************************************/
 export declare function useWindowTransition(props: ITransitionProps): {
     tag: ShallowRef<Component>;
     name: import("vue").ComputedRef<string | undefined>;

package/dist/src/composables/index.cjs

@@ -36,6 +36,17 @@ Object.keys(_color).forEach(function (key) {
     }
   });
 });
+var _defaults = require("./Commons/defaults.composable.cjs");
+Object.keys(_defaults).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _defaults[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _defaults[key];
+    }
+  });
+});
 var _calendar = require("./Commons/calendar.composable.cjs");
 Object.keys(_calendar).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -278,6 +289,17 @@ Object.keys(_scopeId).forEach(function (key) {
     }
   });
 });
+var _stateEffect = require("./Commons/stateEffect.composable.cjs");
+Object.keys(_stateEffect).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _stateEffect[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _stateEffect[key];
+    }
+  });
+});
 var _adjacent = require("./Commons/adjacent.composable.cjs");
 Object.keys(_adjacent).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -300,6 +322,28 @@ Object.keys(_validation).forEach(function (key) {
     }
   });
 });
+var _message = require("./Commons/message.composable.cjs");
+Object.keys(_message).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _message[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _message[key];
+    }
+  });
+});
+var _variant = require("./Commons/variant.composable.cjs");
+Object.keys(_variant).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _variant[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _variant[key];
+    }
+  });
+});
 var _scroll = require("./Commons/scroll.composable.cjs");
 Object.keys(_scroll).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -663,14 +707,14 @@ Object.keys(_form).forEach(function (key) {
     }
   });
 });
-var _selectionControl = require("./SelectionControl/selection-control.composable.cjs");
-Object.keys(_selectionControl).forEach(function (key) {
+var _sheetSwipe = require("./Sheet/sheetSwipe.composable.cjs");
+Object.keys(_sheetSwipe).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _selectionControl[key]) return;
+  if (key in exports && exports[key] === _sheetSwipe[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _selectionControl[key];
+      return _sheetSwipe[key];
     }
   });
 });
@@ -816,4 +860,37 @@ Object.keys(_hold).forEach(function (key) {
       return _hold[key];
     }
   });
+});
+var _passwordStrength = require("./PasswordField/passwordStrength.composable.cjs");
+Object.keys(_passwordStrength).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _passwordStrength[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _passwordStrength[key];
+    }
+  });
+});
+var _theme = require("./Theme/theme.composable.cjs");
+Object.keys(_theme).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _theme[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _theme[key];
+    }
+  });
+});
+var _cssSupport = require("./CssSupport/cssSupport.composable.cjs");
+Object.keys(_cssSupport).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _cssSupport[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _cssSupport[key];
+    }
+  });
 });

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

@@ -1,6 +1,7 @@
 export * from './Commons/active.composable';
 export * from './Commons/border.composable';
 export * from './Commons/color.composable';
+export * from './Commons/defaults.composable';
 export * from './Commons/calendar.composable';
 export * from './Commons/date.composable';
 export * from './Commons/density.composable';
@@ -23,8 +24,11 @@ export * from './Commons/vModel.composable';
 export * from './Commons/rounded.composable';
 export * from './Commons/router.composable';
 export * from './Commons/scopeId.composable';
+export * from './Commons/stateEffect.composable';
 export * from './Commons/adjacent.composable';
 export * from './Commons/validation.composable';
+export * from './Commons/message.composable';
+export * from './Commons/variant.composable';
 export * from './Commons/scroll.composable';
 export * from './Commons/selectLink.composable';
 export * from './Commons/size.composable';
@@ -58,7 +62,7 @@ export * from './Progress/progress.composable';
 export * from './Responsive/aspect.composable';
 export * from './Transition/transition.composable';
 export * from './Form/form.composable';
-export * from './SelectionControl/selection-control.composable';
+export * from './Sheet/sheetSwipe.composable';
 export * from './Snackbar/snackbar.composable';
 export * from './SliderField/slider-field.composable';
 export * from './Parallax/transform.composable';
@@ -72,3 +76,6 @@ export * from './DataTable/expand.composable';
 export * from './DataTable/options.composable';
 export * from './DataTable/cell.composable';
 export * from './NumberField/hold.composable';
+export * from './PasswordField/passwordStrength.composable';
+export * from './Theme/theme.composable';
+export * from './CssSupport/cssSupport.composable';

package/dist/src/composables/index.js

@@ -1,6 +1,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/calendar.composable.js";
 export * from "./Commons/date.composable.js";
 export * from "./Commons/density.composable.js";
@@ -23,8 +24,11 @@ export * from "./Commons/vModel.composable.js";
 export * from "./Commons/rounded.composable.js";
 export * from "./Commons/router.composable.js";
 export * from "./Commons/scopeId.composable.js";
+export * from "./Commons/stateEffect.composable.js";
 export * from "./Commons/adjacent.composable.js";
 export * from "./Commons/validation.composable.js";
+export * from "./Commons/message.composable.js";
+export * from "./Commons/variant.composable.js";
 export * from "./Commons/scroll.composable.js";
 export * from "./Commons/selectLink.composable.js";
 export * from "./Commons/size.composable.js";
@@ -58,7 +62,7 @@ export * from "./Progress/progress.composable.js";
 export * from "./Responsive/aspect.composable.js";
 export * from "./Transition/transition.composable.js";
 export * from "./Form/form.composable.js";
-export * from "./SelectionControl/selection-control.composable.js";
+export * from "./Sheet/sheetSwipe.composable.js";
 export * from "./Snackbar/snackbar.composable.js";
 export * from "./SliderField/slider-field.composable.js";
 export * from "./Parallax/transform.composable.js";
@@ -72,3 +76,6 @@ export * from "./DataTable/expand.composable.js";
 export * from "./DataTable/options.composable.js";
 export * from "./DataTable/cell.composable.js";
 export * from "./NumberField/hold.composable.js";
+export * from "./PasswordField/passwordStrength.composable.js";
+export * from "./Theme/theme.composable.js";
+export * from "./CssSupport/cssSupport.composable.js";

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

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BORDER_REGEX = void 0;
-const BORDER_REGEX = exports.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}))|(?:(?:rgb|hsl|rgba)a?\(.*\))|(?:[A-Za-z]+))){0,4})$/;
+const BORDER_REGEX = exports.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})$/;

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

@@ -1 +1,19 @@
+/**
+ * Parse a free-form `border` value into width / style / color groups.
+ *
+ * Accepted color forms (in alternation order — `var()` MUST come before
+ * the bare `[A-Za-z]+` branch, otherwise `var` would be eaten as a word
+ * before the parenthesis group has a chance to match):
+ *
+ *   • Hex literal       — `#abc` / `#aabbcc`
+ *   • CSS function      — `rgb(…)` / `rgba(…)` / `hsl(…)` / `hsla(…)`
+ *   • CSS custom prop   — `var(--origam-color__action--primary---bg)` (with optional
+ *                          fallback: `var(--x, fallback)`)
+ *   • Named keyword     — `red`, `currentColor`, `transparent`, etc.
+ *
+ * The user reported that DS-token references (`var(--…)`) silently
+ * dropped through this regex and were never emitted as `border-color`,
+ * while raw hex / named colors worked. Adding the `var()` alternative
+ * fixes the design-token path.
+ */
 export declare const BORDER_REGEX: RegExp;

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

@@ -1 +1 @@
-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}))|(?:(?:rgb|hsl|rgba)a?\(.*\))|(?:[A-Za-z]+))){0,4})$/;
+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})$/;

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

@@ -3,9 +3,12 @@
 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_COLOR_REGEX = exports.COLOR_MAPPERS = exports.COLOR_DELTA_Y_MIN = exports.COLOR_DELTA = exports.CIELAB_REVERSE_TRANSFORM = exports.CIELAB_FORWARD_TRANSFORM = exports.BLK_THRS = exports.BLK_CLMP = exports.BCO = void 0;
+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 _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",
+// CSS-wide keywords
+"currentcolor", "transparent", "inherit", "initial", "unset", "revert"]);
 const COLOR_MAPPERS = exports.COLOR_MAPPERS = {
   rgb: (r, g, b, a) => ({
     r,
@@ -56,6 +59,10 @@ 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_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;
 const GCO = exports.GCO = 0.7151522;
 const BCO = exports.BCO = 0.072175;

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

@@ -1,4 +1,11 @@
 export declare const CSS_COLOR_REGEX: RegExp;
+/**
+ * The 148 CSS named colors plus the special CSS-wide keywords
+ * (`transparent`, `currentColor`, `inherit`, `initial`, `unset`,
+ * `revert`). Used by `isCssColor` so consumers can pass `'red'` /
+ * `'white'` / `'transparent'` directly without going through hex/rgb.
+ */
+export declare const CSS_NAMED_COLORS: Set<string>;
 export declare const COLOR_MAPPERS: {
     rgb: (r: number, g: number, b: number, a?: number) => {
         r: number;
@@ -25,6 +32,10 @@ export declare const COLOR_DELTA = 0.20689655172413793;
 export declare const CIELAB_FORWARD_TRANSFORM: (t: number) => number;
 export declare const CIELAB_REVERSE_TRANSFORM: (t: number) => number;
 export declare const MAIN_TRC = 2.4;
+export declare const COLOR_INTENTS: ReadonlySet<string>;
+export declare const COLOR_UTILITY_INTENTS: ReadonlySet<string>;
+export declare const COLOR_HOVER_MIX_PCT = 20;
+export declare const COLOR_ACTIVE_MIX_PCT = 30;
 export declare const RCO = 0.2126729;
 export declare const GCO = 0.7151522;
 export declare const BCO = 0.072175;