@ariaui/shadow 0.1.4 → 0.1.5

package/dist/tokens.d.cts

@@ -0,0 +1,49 @@
+import { ElevationLevel, Shadow, FocusRing } from './index.cjs';
+export { ELEVATION_PRESETS, ElevationConfig, ShadowLayer, addLayer, buildRing, colorRing, colorShadow, createElevationScale, createErrorRing, createFocusRing, createLayer, createShadow, getElevationLevels, insetLayer, interpolateElevation, layerToString, mergeShadows, multiplyAlpha, offsetLayer, parseLayer, parseShadow, removeLayer, scaleLayer, scaleShadow, setLayerColor, setLayerOpacity, stepElevation, toBoxShadow, toCSSDeclaration, toCSSProperties, toTailwindClass, withFocusRing } from './index.cjs';
+import '@ariaui/color';
+
+/**
+ * Resolve a token shadow level to a structured `Shadow` object.
+ *
+ * Reads the depth layer colors from `@ariaui/tokens` semantic maps
+ * to get the correct alpha values for the given mode.
+ *
+ * @param level - Elevation level name
+ * @param mode  - `"light"` or `"dark"` (default `"light"`)
+ *
+ * @example
+ * resolveShadow("md", "light")
+ * // → Shadow with 2 layers, alphas 0.102 and 0.059
+ *
+ * resolveShadow("md", "dark")
+ * // → Shadow with 2 layers, alphas 0.14 and 0.09
+ */
+declare function resolveShadow(level: ElevationLevel, mode?: "light" | "dark"): Shadow;
+/**
+ * Resolve all shadow elevation levels for a given mode.
+ */
+declare function resolveAllShadows(mode?: "light" | "dark"): Record<ElevationLevel, Shadow>;
+/**
+ * Resolve a focus ring from token values.
+ *
+ * @param variant - `"default"` (brand) or `"error"` (red)
+ *
+ * @example
+ * resolveFocusRing("default")
+ * // → FocusRing with brand-500 ringColor and white bgColor
+ */
+declare function resolveFocusRing(variant?: "default" | "error"): FocusRing;
+/**
+ * Resolve the layer alpha values for a given shadow level and mode.
+ *
+ * @returns Array of alpha values (one per depth layer).
+ */
+declare function resolveLayerAlphas(level: ElevationLevel, mode?: "light" | "dark"): number[];
+/**
+ * Calculate the dark/light alpha multiplier for a given shadow level.
+ *
+ * Returns the average ratio of dark-mode to light-mode alphas.
+ */
+declare function resolveDarkMultiplier(level: ElevationLevel): number;
+
+export { ElevationLevel, FocusRing, Shadow, resolveAllShadows, resolveDarkMultiplier, resolveFocusRing, resolveLayerAlphas, resolveShadow };

package/dist/tokens.d.ts

@@ -0,0 +1,49 @@
+import { ElevationLevel, Shadow, FocusRing } from './index.js';
+export { ELEVATION_PRESETS, ElevationConfig, ShadowLayer, addLayer, buildRing, colorRing, colorShadow, createElevationScale, createErrorRing, createFocusRing, createLayer, createShadow, getElevationLevels, insetLayer, interpolateElevation, layerToString, mergeShadows, multiplyAlpha, offsetLayer, parseLayer, parseShadow, removeLayer, scaleLayer, scaleShadow, setLayerColor, setLayerOpacity, stepElevation, toBoxShadow, toCSSDeclaration, toCSSProperties, toTailwindClass, withFocusRing } from './index.js';
+import '@ariaui/color';
+
+/**
+ * Resolve a token shadow level to a structured `Shadow` object.
+ *
+ * Reads the depth layer colors from `@ariaui/tokens` semantic maps
+ * to get the correct alpha values for the given mode.
+ *
+ * @param level - Elevation level name
+ * @param mode  - `"light"` or `"dark"` (default `"light"`)
+ *
+ * @example
+ * resolveShadow("md", "light")
+ * // → Shadow with 2 layers, alphas 0.102 and 0.059
+ *
+ * resolveShadow("md", "dark")
+ * // → Shadow with 2 layers, alphas 0.14 and 0.09
+ */
+declare function resolveShadow(level: ElevationLevel, mode?: "light" | "dark"): Shadow;
+/**
+ * Resolve all shadow elevation levels for a given mode.
+ */
+declare function resolveAllShadows(mode?: "light" | "dark"): Record<ElevationLevel, Shadow>;
+/**
+ * Resolve a focus ring from token values.
+ *
+ * @param variant - `"default"` (brand) or `"error"` (red)
+ *
+ * @example
+ * resolveFocusRing("default")
+ * // → FocusRing with brand-500 ringColor and white bgColor
+ */
+declare function resolveFocusRing(variant?: "default" | "error"): FocusRing;
+/**
+ * Resolve the layer alpha values for a given shadow level and mode.
+ *
+ * @returns Array of alpha values (one per depth layer).
+ */
+declare function resolveLayerAlphas(level: ElevationLevel, mode?: "light" | "dark"): number[];
+/**
+ * Calculate the dark/light alpha multiplier for a given shadow level.
+ *
+ * Returns the average ratio of dark-mode to light-mode alphas.
+ */
+declare function resolveDarkMultiplier(level: ElevationLevel): number;
+
+export { ElevationLevel, FocusRing, Shadow, resolveAllShadows, resolveDarkMultiplier, resolveFocusRing, resolveLayerAlphas, resolveShadow };

package/dist/tokens.js

@@ -0,0 +1,167 @@
+import {
+  ELEVATION_PRESETS,
+  __spreadProps,
+  __spreadValues,
+  addLayer,
+  buildRing,
+  colorRing,
+  colorShadow,
+  createElevationScale,
+  createErrorRing,
+  createFocusRing,
+  createLayer,
+  createShadow,
+  getElevationLevels,
+  insetLayer,
+  interpolateElevation,
+  layerToString,
+  mergeShadows,
+  multiplyAlpha,
+  offsetLayer,
+  parseLayer,
+  parseShadow,
+  removeLayer,
+  scaleLayer,
+  scaleShadow,
+  setLayerColor,
+  setLayerOpacity,
+  stepElevation,
+  toBoxShadow,
+  toCSSDeclaration,
+  toCSSProperties,
+  toTailwindClass,
+  withFocusRing
+} from "./chunk-TCSURVQN.js";
+
+// src/resolve.ts
+import { light, dark, base } from "@ariaui/tokens";
+var SHADOW_GEOMETRY = {
+  xs: [["0px", "1px", "2px", "0px"]],
+  sm: [["0px", "1px", "3px", "0px"], ["0px", "1px", "2px", "-1px"]],
+  md: [["0px", "4px", "6px", "-1px"], ["0px", "2px", "4px", "-2px"]],
+  lg: [["0px", "12px", "16px", "-4px"], ["0px", "4px", "6px", "-2px"], ["0px", "2px", "2px", "-1px"]],
+  xl: [["0px", "20px", "24px", "-4px"], ["0px", "8px", "8px", "-4px"], ["0px", "3px", "3px", "-1.5px"]],
+  "2xl": [["0px", "24px", "48px", "-12px"], ["0px", "4px", "4px", "-2px"]],
+  "3xl": [["0px", "32px", "64px", "-12px"], ["0px", "5px", "5px", "-2.5px"]]
+};
+var DEPTH_KEYS = {
+  xs: ["shadow-xs-depth-1"],
+  sm: ["shadow-sm-depth-1", "shadow-sm-depth-2"],
+  md: ["shadow-md-depth-1", "shadow-md-depth-2"],
+  lg: ["shadow-lg-depth-1", "shadow-lg-depth-2", "shadow-lg-depth-3"],
+  xl: ["shadow-xl-depth-1", "shadow-xl-depth-2", "shadow-xl-depth-3"],
+  "2xl": ["shadow-2xl-depth-1", "shadow-2xl-depth-2"],
+  "3xl": ["shadow-3xl-depth-1", "shadow-3xl-depth-2"]
+};
+function extractAlpha(tokenValue) {
+  const match = tokenValue.match(/\/\s*([\d.]+)\s*\)/);
+  if (match) return parseFloat(match[1]);
+  return 0;
+}
+function resolveBlack() {
+  const channels = base["black"];
+  return { l: 0, c: 0, h: 0, alpha: 1 };
+}
+function resolveShadow(level, mode = "light") {
+  if (level === "none") return { layers: [] };
+  const geometry = SHADOW_GEOMETRY[level];
+  const depthKeys = DEPTH_KEYS[level];
+  const map = mode === "dark" ? dark : light;
+  const baseColor = resolveBlack();
+  const layers = geometry.map((geo, i) => {
+    var _a, _b;
+    const depthKey = depthKeys[i];
+    const tokenValue = (_b = (_a = map[depthKey]) != null ? _a : light[depthKey]) != null ? _b : "";
+    const alpha = extractAlpha(tokenValue);
+    return {
+      offsetX: geo[0],
+      offsetY: geo[1],
+      blur: geo[2],
+      spread: geo[3],
+      color: __spreadProps(__spreadValues({}, baseColor), { alpha }),
+      inset: false
+    };
+  });
+  return { layers };
+}
+function resolveAllShadows(mode = "light") {
+  const levels = ["none", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
+  return Object.fromEntries(
+    levels.map((level) => [level, resolveShadow(level, mode)])
+  );
+}
+function resolveFocusRing(variant = "default") {
+  var _a, _b;
+  const ringWidth = (_a = light["ring-width"]) != null ? _a : "2px";
+  const ringOffset = (_b = light["ring-offset"]) != null ? _b : "2px";
+  const ringColorKey = variant === "error" ? "focus-ring-error-color" : "focus-ring-color";
+  const ringColorRef = light[ringColorKey];
+  const bgColor = { l: 1, c: 0, h: 0, alpha: 1 };
+  let ringColor;
+  if (variant === "error") {
+    ringColor = { l: 0.637, c: 0.208, h: 25, alpha: 1 };
+  } else {
+    ringColor = { l: 0.606, c: 0.219, h: 293, alpha: 1 };
+  }
+  return { ringWidth, ringOffset, ringColor, bgColor };
+}
+function resolveLayerAlphas(level, mode = "light") {
+  if (level === "none") return [];
+  const depthKeys = DEPTH_KEYS[level];
+  const map = mode === "dark" ? dark : light;
+  return depthKeys.map((key) => {
+    var _a, _b;
+    const value = (_b = (_a = map[key]) != null ? _a : light[key]) != null ? _b : "";
+    return extractAlpha(value);
+  });
+}
+function resolveDarkMultiplier(level) {
+  if (level === "none") return 1;
+  const lightAlphas = resolveLayerAlphas(level, "light");
+  const darkAlphas = resolveLayerAlphas(level, "dark");
+  if (lightAlphas.length === 0) return 1;
+  let totalRatio = 0;
+  for (let i = 0; i < lightAlphas.length; i++) {
+    if (lightAlphas[i] > 0) {
+      totalRatio += darkAlphas[i] / lightAlphas[i];
+    }
+  }
+  return Math.round(totalRatio / lightAlphas.length * 1e3) / 1e3;
+}
+export {
+  ELEVATION_PRESETS,
+  addLayer,
+  buildRing,
+  colorRing,
+  colorShadow,
+  createElevationScale,
+  createErrorRing,
+  createFocusRing,
+  createLayer,
+  createShadow,
+  getElevationLevels,
+  insetLayer,
+  interpolateElevation,
+  layerToString,
+  mergeShadows,
+  multiplyAlpha,
+  offsetLayer,
+  parseLayer,
+  parseShadow,
+  removeLayer,
+  resolveAllShadows,
+  resolveDarkMultiplier,
+  resolveFocusRing,
+  resolveLayerAlphas,
+  resolveShadow,
+  scaleLayer,
+  scaleShadow,
+  setLayerColor,
+  setLayerOpacity,
+  stepElevation,
+  toBoxShadow,
+  toCSSDeclaration,
+  toCSSProperties,
+  toTailwindClass,
+  withFocusRing
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ariaui/shadow",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -24,10 +24,10 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "@ariaui/color": "0.1.3"
+    "@ariaui/color": "0.1.4"
   },
   "peerDependencies": {
-    "@ariaui/tokens": "0.2.0"
+    "@ariaui/tokens": "0.2.1"
   },
   "peerDependenciesMeta": {
     "@ariaui/tokens": {
@@ -35,7 +35,7 @@
     }
   },
   "devDependencies": {
-    "@ariaui/tokens": "0.2.0"
+    "@ariaui/tokens": "0.2.1"
   },
   "scripts": {
     "build": "rimraf dist && tsup",