@juanlaria/lifted 0.1.2 → 0.1.4

package/README.md

@@ -70,8 +70,9 @@ instance.destroy(); // Cleanup
 | `background` | `string` | — | Background color (CSS). Used to auto-calculate shadow color. |
 | `shadowColor` | `string` | — | Manual shadow color override (CSS color). |
 | `shadowColorDark` | `string` | — | Shadow color for dark mode when using auto-detect. |
-| `intensity` | `number` | `1` | Shadow intensity multiplier. `0.5` = subtle, `1` = normal, `2` = dramatic. |
-| `animated` | `boolean` | `true` | Whether to animate shadow changes with transitions. |
+| `intensity` | `number` | `1` | Shadow opacity multiplier. `0.5` = lighter, `1` = normal, `2` = darker. |
+| `scale` | `number` | `1` | Shadow size multiplier. `0.5` = smaller/contained (~8px max), `1` = default (~16px max), `2` = larger/dramatic (~32px max). |
+| `animated` | `boolean` | `true` | Whether to animate shadow changes with transitions. Automatically disabled when using `lightSource="mouse"` for smooth tracking. |
 | `transitionDuration` | `number` | `150` | Transition duration in milliseconds. |
 | `children` | `React.ReactNode` | — | Content to render inside the component. |
 
@@ -91,9 +92,7 @@ Plus all standard HTML div attributes (`className`, `style`, `onClick`, etc.).
 <LiftedBox
   lightSource={{
     type: 'mouse',
-    smoothing: 0.1,      // 0-1, lower = smoother movement
-    maxAngle: 30,        // Maximum angle deviation
-    fallbackAngle: -45,  // Angle when mouse unavailable
+    fallbackAngle: -45,  // Angle when mouse unavailable (default: -45)
   }}
 />
 

package/dist/core/calculations.d.ts

@@ -16,9 +16,10 @@ export declare function angleToOffsetRatios(angleDeg: number): {
  *
  * @param elevation - Value from -1 (inner shadow) to 1 (drop shadow)
  * @param lightAngle - Angle of light source in degrees
- * @param intensity - Overall intensity multiplier
+ * @param intensity - Opacity multiplier (default 1)
+ * @param scale - Size multiplier for offset and blur (default 1)
  */
-export declare function calculateShadowLayers(elevation: number, lightAngle?: number, intensity?: number): ShadowLayer[];
+export declare function calculateShadowLayers(elevation: number, lightAngle?: number, intensity?: number, scale?: number): ShadowLayer[];
 export declare function lerp(start: number, end: number, t: number): number;
 export declare function clamp(value: number, min: number, max: number): number;
 export declare function smoothPosition(current: Position, target: Position, smoothing: number): Position;

package/dist/core/calculations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calculations.d.ts","sourceRoot":"","sources":["../../src/core/calculations.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EACV,WAAW,EACX,WAAW,EACX,eAAe,EACf,QAAQ,EACR,MAAM,EACP,MAAM,SAAS,CAAC;AAMjB,eAAO,MAAM,UAAU,IAAI,CAAC;AAC5B,eAAO,MAAM,YAAY,QAAQ,CAAC;AAClC,eAAO,MAAM,mBAAmB,MAAM,CAAC;AACvC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAM1C,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,eAAe,GAAG,SAAS,GAAG,WAAW,CAgBrF;AAED,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,WAAW,EACxB,aAAa,CAAC,EAAE,MAAM,EACtB,aAAa,CAAC,EAAE,QAAQ,GAAG,IAAI,GAC9B,MAAM,CAiCR;AAED,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,MAAM,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAMxF;AAMD;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CACnC,SAAS,EAAE,MAAM,EACjB,UAAU,GAAE,MAA4B,EACxC,SAAS,GAAE,MAAU,GACpB,WAAW,EAAE,CA0Cf;AAMD,wBAAgB,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAElE;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAErE;AAED,wBAAgB,cAAc,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,GAAG,QAAQ,CAK/F"}
+{"version":3,"file":"calculations.d.ts","sourceRoot":"","sources":["../../src/core/calculations.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EACV,WAAW,EACX,WAAW,EACX,eAAe,EACf,QAAQ,EACR,MAAM,EACP,MAAM,SAAS,CAAC;AAMjB,eAAO,MAAM,UAAU,IAAI,CAAC;AAC5B,eAAO,MAAM,YAAY,QAAQ,CAAC;AAClC,eAAO,MAAM,mBAAmB,MAAM,CAAC;AACvC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAM1C,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,eAAe,GAAG,SAAS,GAAG,WAAW,CAgBrF;AAED,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,WAAW,EACxB,aAAa,CAAC,EAAE,MAAM,EACtB,aAAa,CAAC,EAAE,QAAQ,GAAG,IAAI,GAC9B,MAAM,CA4BR;AAED,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,MAAM,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAMxF;AAMD;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CACnC,SAAS,EAAE,MAAM,EACjB,UAAU,GAAE,MAA4B,EACxC,SAAS,GAAE,MAAU,EACrB,KAAK,GAAE,MAAU,GAChB,WAAW,EAAE,CA0Cf;AAMD,wBAAgB,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAElE;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAErE;AAED,wBAAgB,cAAc,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,GAAG,QAAQ,CAK/F"}

package/dist/core/css-generator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"css-generator.d.ts","sourceRoot":"","sources":["../../src/core/css-generator.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAEV,oBAAoB,EACpB,aAAa,EACb,YAAY,EACZ,MAAM,EACN,QAAQ,EACT,MAAM,SAAS,CAAC;AAiBjB,wBAAgB,cAAc,CAC5B,OAAO,EAAE,aAAa,EACtB,aAAa,CAAC,EAAE,MAAM,EACtB,aAAa,CAAC,EAAE,QAAQ,GAAG,IAAI,GAC9B,YAAY,CAgCd;AAED,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,MAAM,EACjB,OAAO,GAAE,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC,CAAM,GACtD,MAAM,CAGR;AAaD,wBAAgB,WAAW,CAAC,MAAM,EAAE,oBAAoB,EAAE,GAAG,MAAM,CAoBlE;AA+BD,eAAO,MAAM,iBAAiB;;;;;;;;;CASpB,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,iBAAiB,CAAC;AAE7D,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,eAAe,GAAG,MAAM,CAKxE;AAMD,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,aAAa,EACtB,aAAa,CAAC,EAAE,MAAM,EACtB,aAAa,CAAC,EAAE,QAAQ,GAAG,IAAI,GAC9B,KAAK,CAAC,aAAa,CAYrB;AAED,eAAO,MAAM,yBAAyB,oDAAoD,CAAC;AAE3F,wBAAgB,kBAAkB,CAAC,UAAU,GAAE,MAAY,EAAE,gBAAgB,GAAE,OAAe,GAAG,MAAM,CAStG"}
+{"version":3,"file":"css-generator.d.ts","sourceRoot":"","sources":["../../src/core/css-generator.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAEV,oBAAoB,EACpB,aAAa,EACb,YAAY,EACZ,MAAM,EACN,QAAQ,EACT,MAAM,SAAS,CAAC;AAiBjB,wBAAgB,cAAc,CAC5B,OAAO,EAAE,aAAa,EACtB,aAAa,CAAC,EAAE,MAAM,EACtB,aAAa,CAAC,EAAE,QAAQ,GAAG,IAAI,GAC9B,YAAY,CAiCd;AAED,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,MAAM,EACjB,OAAO,GAAE,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC,CAAM,GACtD,MAAM,CAGR;AAaD,wBAAgB,WAAW,CAAC,MAAM,EAAE,oBAAoB,EAAE,GAAG,MAAM,CAoBlE;AA+BD,eAAO,MAAM,iBAAiB;;;;;;;;;CASpB,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,iBAAiB,CAAC;AAE7D,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,eAAe,GAAG,MAAM,CAKxE;AAMD,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,aAAa,EACtB,aAAa,CAAC,EAAE,MAAM,EACtB,aAAa,CAAC,EAAE,QAAQ,GAAG,IAAI,GAC9B,KAAK,CAAC,aAAa,CAYrB;AAED,eAAO,MAAM,yBAAyB,oDAAoD,CAAC;AAE3F,wBAAgB,kBAAkB,CAAC,UAAU,GAAE,MAAY,EAAE,gBAAgB,GAAE,OAAe,GAAG,MAAM,CAStG"}

package/dist/core/types.d.ts

@@ -97,10 +97,18 @@ export interface LiftedBoxProps extends Omit<React.HTMLAttributes<HTMLElement>,
      */
     shadowColorDark?: string;
     /**
-     * Shadow intensity multiplier.
+     * Shadow intensity multiplier (affects opacity).
      * @default 1
      */
     intensity?: number;
+    /**
+     * Shadow size multiplier. Controls how large shadows can get.
+     * - 0.5 = smaller, more contained shadows (max ~8px)
+     * - 1 = default size (max ~16px)
+     * - 2 = larger, more dramatic shadows (max ~32px)
+     * @default 1
+     */
+    scale?: number;
     /**
      * Whether to animate shadow changes.
      * @default true
@@ -152,6 +160,7 @@ export interface VanillaLiftedBoxOptions {
     shadowColor?: string;
     shadowColorDark?: string;
     intensity?: number;
+    scale?: number;
     animated?: boolean;
     transitionDuration?: number;
     isDarkMode?: boolean;
@@ -201,6 +210,7 @@ export interface ShadowOptions {
     shadowColor?: string;
     shadowColorDark?: string;
     intensity?: number;
+    scale?: number;
     isDarkMode?: boolean;
 }
 /**

package/dist/core/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/core/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/core/types.ts"],"names":[],"mappings":"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"}

package/dist/index-CWmwGPME.cjs

@@ -0,0 +1,2 @@
+"use strict";function b(t){return t===void 0?{type:"static",angle:-45}:typeof t=="number"?{type:"static",angle:t}:t==="mouse"?{type:"mouse",smoothing:.1,maxAngle:60,fallbackAngle:-45}:t}function m(t,n,e){switch(t.type){case"static":case"custom":return t.angle;case"mouse":{if(!e||!n)return t.fallbackAngle??-45;const o=n.x+n.width/2,s=n.y+n.height/2,a=e.x-o,c=e.y-s;return Math.atan2(c,a)*(180/Math.PI)+180}default:return-45}}function I(t){const n=t*(Math.PI/180);return{ratioX:Math.cos(n),ratioY:Math.sin(n)}}function $(t,n=-45,e=1,o=1){const s=Math.max(-1,Math.min(1,t));if(s===0)return[];const a=s<0,l=Math.abs(s)*5,{ratioX:r,ratioY:d}=I(n),u=a?-1:1,A=[];for(let h=0;h<5;h++){const L=h+1,i=Math.pow(2,h)*o;if(L<=l)A.push({offsetX:i*r*u,offsetY:i*d*u,blur:i,spread:0,opacity:.075*e,inset:a});else if(L-1<l){const f=l-(L-1);A.push({offsetX:i*r*f*u,offsetY:i*d*f*u,blur:i*f,spread:0,opacity:.075*f*e,inset:a})}}return A}function _(t,n,e){return t+(n-t)*e}function F(t,n,e){return{x:_(t.x,n.x,e),y:_(t.y,n.y,e)}}function S(t){if(t.match(/^#([0-9a-f]{3,8})$/i))return y(t);const e=t.match(/^hsl\(\s*([\d.]+)\s*,?\s*([\d.]+)%?\s*,?\s*([\d.]+)%?\s*\)/i);if(e)return{h:parseFloat(e[1]),s:parseFloat(e[2]),l:parseFloat(e[3])};const o=t.match(/^rgb\(\s*([\d.]+)\s*,?\s*([\d.]+)\s*,?\s*([\d.]+)\s*\)/i);return o?E({r:parseFloat(o[1]),g:parseFloat(o[2]),b:parseFloat(o[3])}):null}function y(t){let n=0,e=0,o=0;return t.length===4?(n=parseInt(t[1]+t[1],16),e=parseInt(t[2]+t[2],16),o=parseInt(t[3]+t[3],16)):t.length>=7&&(n=parseInt(t.slice(1,3),16),e=parseInt(t.slice(3,5),16),o=parseInt(t.slice(5,7),16)),E({r:n,g:e,b:o})}function E({r:t,g:n,b:e}){t/=255,n/=255,e/=255;const o=Math.max(t,n,e),s=Math.min(t,n,e);let a=0,c=0;const l=(o+s)/2;if(o!==s){const r=o-s;switch(c=l>.5?r/(2-o-s):r/(o+s),o){case t:a=((n-e)/r+(n<e?6:0))/6;break;case n:a=((e-t)/r+2)/6;break;case e:a=((t-n)/r+4)/6;break}}return{h:Math.round(a*360),s:Math.round(c*100),l:Math.round(l*100)}}function M(t,n=!1){const e=S(t);if(!e)return n?"hsl(0 0% 100% / 0.1)":"hsl(220 3% 15%)";if(n){const o=Math.max(0,e.s-20),s=Math.min(100,e.l+30);return`hsl(${e.h} ${o}% ${s}%)`}else{const o=Math.max(0,e.s*.6),s=Math.max(10,e.l*.5);return`hsl(${e.h} ${o}% ${s}%)`}}function w(t,n){const e=S(t);return e?`hsl(${e.h} ${e.s}% ${e.l}% / ${n})`:`hsl(220 3% 15% / ${n})`}function G(t){const n=S(t);return n?n.l>50:!0}function T(t,n,e){const{elevation:o=.3,lightSource:s,background:a,shadowColor:c,shadowColorDark:l,intensity:r=1,scale:d=1,isDarkMode:u=!1}=t,A=b(s),h=m(A,n,e),L=$(o,h,r,d);let i;c?i=c:u&&l?i=l:a?i=M(a,u):i=u?"hsl(0 0% 100% / 0.1)":"hsl(220 3% 15%)";const f=Y(L,i),x=p(f),O=N(f,o,h);return{layers:f,boxShadow:x,cssVariables:O}}function D(t,n={}){return T({elevation:t,...n}).boxShadow}function Y(t,n){return t.map(e=>({...e,color:w(n,e.opacity)}))}function p(t){return t.length===0?"none":t.map(n=>{const{offsetX:e,offsetY:o,blur:s,spread:a,color:c,inset:l}=n,r=g(e),d=g(o),u=g(s),A=g(a),h=l?"inset ":"";return a===0?`${h}${r} ${d} ${u} ${c}`:`${h}${r} ${d} ${u} ${A} ${c}`}).join(`,
+    `)}function g(t){return t===0?"0":`${Math.round(t*100)/100}px`}function N(t,n,e){return{"--lifted-elevation":n.toString(),"--lifted-light-angle":`${e}deg`,"--lifted-layers":t.length.toString(),"--lifted-shadow":p(t)}}const C={deepInset:-.75,inset:-.3,none:0,subtle:.15,small:.25,medium:.5,large:.75,xlarge:1};function H(t){return typeof t=="number"?t:C[t]}function R(t,n,e){const s={boxShadow:T(t,n,e).boxShadow};return t.background&&(s.backgroundColor=t.background),s}const U="box-shadow 150ms cubic-bezier(0.2, 0.6, 0.3, 1)";function X(t=150,n=!1){const e="cubic-bezier(0.2, 0.6, 0.3, 1)",o=[`box-shadow ${t}ms ${e}`];return n&&o.push(`transform ${t}ms ${e}`),o.join(", ")}exports.BASE_OPACITY=.075;exports.DEFAULT_LIGHT_ANGLE=-45;exports.DEFAULT_SHADOW_TRANSITION=U;exports.ELEVATION_PRESETS=C;exports.MAX_LAYERS=5;exports.angleToOffsetRatios=I;exports.calculateLightAngle=m;exports.calculateShadowColor=M;exports.calculateShadowLayers=$;exports.generateBoxShadow=D;exports.generateLayerColor=w;exports.generateShadow=T;exports.generateStyleObject=R;exports.generateTransition=X;exports.hexToHSL=y;exports.isLightColor=G;exports.layersToCSS=p;exports.normalizeLightSource=b;exports.parseColor=S;exports.resolveElevation=H;exports.rgbToHSL=E;exports.smoothPosition=F;

package/dist/index-yqTtrmSg.js

@@ -0,0 +1,227 @@
+const Y = 5, O = 0.075, X = -45;
+function M(t) {
+  return t === void 0 ? { type: "static", angle: -45 } : typeof t == "number" ? { type: "static", angle: t } : t === "mouse" ? {
+    type: "mouse",
+    smoothing: 0.1,
+    maxAngle: 60,
+    fallbackAngle: -45
+  } : t;
+}
+function _(t, s, n) {
+  switch (t.type) {
+    case "static":
+    case "custom":
+      return t.angle;
+    case "mouse": {
+      if (!n || !s)
+        return t.fallbackAngle ?? -45;
+      const e = s.x + s.width / 2, a = s.y + s.height / 2, o = n.x - e, c = n.y - a;
+      return Math.atan2(c, o) * (180 / Math.PI) + 180;
+    }
+    default:
+      return -45;
+  }
+}
+function y(t) {
+  const s = t * (Math.PI / 180);
+  return {
+    ratioX: Math.cos(s),
+    ratioY: Math.sin(s)
+  };
+}
+function w(t, s = -45, n = 1, e = 1) {
+  const a = Math.max(-1, Math.min(1, t));
+  if (a === 0)
+    return [];
+  const o = a < 0, l = Math.abs(a) * 5, { ratioX: r, ratioY: d } = y(s), u = o ? -1 : 1, g = [];
+  for (let f = 0; f < 5; f++) {
+    const p = f + 1, i = Math.pow(2, f) * e;
+    if (p <= l)
+      g.push({
+        offsetX: i * r * u,
+        offsetY: i * d * u,
+        blur: i,
+        spread: 0,
+        opacity: 0.075 * n,
+        inset: o
+      });
+    else if (p - 1 < l) {
+      const h = l - (p - 1);
+      g.push({
+        offsetX: i * r * h * u,
+        offsetY: i * d * h * u,
+        blur: i * h,
+        spread: 0,
+        opacity: 0.075 * h * n,
+        inset: o
+      });
+    }
+  }
+  return g;
+}
+function b(t, s, n) {
+  return t + (s - t) * n;
+}
+function k(t, s, n) {
+  return {
+    x: b(t.x, s.x, n),
+    y: b(t.y, s.y, n)
+  };
+}
+function L(t) {
+  if (t.match(/^#([0-9a-f]{3,8})$/i))
+    return I(t);
+  const n = t.match(/^hsl\(\s*([\d.]+)\s*,?\s*([\d.]+)%?\s*,?\s*([\d.]+)%?\s*\)/i);
+  if (n)
+    return {
+      h: parseFloat(n[1]),
+      s: parseFloat(n[2]),
+      l: parseFloat(n[3])
+    };
+  const e = t.match(/^rgb\(\s*([\d.]+)\s*,?\s*([\d.]+)\s*,?\s*([\d.]+)\s*\)/i);
+  return e ? E({
+    r: parseFloat(e[1]),
+    g: parseFloat(e[2]),
+    b: parseFloat(e[3])
+  }) : null;
+}
+function I(t) {
+  let s = 0, n = 0, e = 0;
+  return t.length === 4 ? (s = parseInt(t[1] + t[1], 16), n = parseInt(t[2] + t[2], 16), e = parseInt(t[3] + t[3], 16)) : t.length >= 7 && (s = parseInt(t.slice(1, 3), 16), n = parseInt(t.slice(3, 5), 16), e = parseInt(t.slice(5, 7), 16)), E({ r: s, g: n, b: e });
+}
+function E({ r: t, g: s, b: n }) {
+  t /= 255, s /= 255, n /= 255;
+  const e = Math.max(t, s, n), a = Math.min(t, s, n);
+  let o = 0, c = 0;
+  const l = (e + a) / 2;
+  if (e !== a) {
+    const r = e - a;
+    switch (c = l > 0.5 ? r / (2 - e - a) : r / (e + a), e) {
+      case t:
+        o = ((s - n) / r + (s < n ? 6 : 0)) / 6;
+        break;
+      case s:
+        o = ((n - t) / r + 2) / 6;
+        break;
+      case n:
+        o = ((t - s) / r + 4) / 6;
+        break;
+    }
+  }
+  return {
+    h: Math.round(o * 360),
+    s: Math.round(c * 100),
+    l: Math.round(l * 100)
+  };
+}
+function x(t, s = !1) {
+  const n = L(t);
+  if (!n)
+    return s ? "hsl(0 0% 100% / 0.1)" : "hsl(220 3% 15%)";
+  if (s) {
+    const e = Math.max(0, n.s - 20), a = Math.min(100, n.l + 30);
+    return `hsl(${n.h} ${e}% ${a}%)`;
+  } else {
+    const e = Math.max(0, n.s * 0.6), a = Math.max(10, n.l * 0.5);
+    return `hsl(${n.h} ${e}% ${a}%)`;
+  }
+}
+function C(t, s) {
+  const n = L(t);
+  return n ? `hsl(${n.h} ${n.s}% ${n.l}% / ${s})` : `hsl(220 3% 15% / ${s})`;
+}
+function N(t) {
+  const s = L(t);
+  return s ? s.l > 50 : !0;
+}
+function S(t, s, n) {
+  const {
+    elevation: e = 0.3,
+    lightSource: a,
+    background: o,
+    shadowColor: c,
+    shadowColorDark: l,
+    intensity: r = 1,
+    scale: d = 1,
+    isDarkMode: u = !1
+  } = t, g = M(a), f = _(g, s, n), p = w(e, f, r, d);
+  let i;
+  c ? i = c : u && l ? i = l : o ? i = x(o, u) : i = u ? "hsl(0 0% 100% / 0.1)" : "hsl(220 3% 15%)";
+  const h = F(p, i), $ = m(h), T = D(h, e, f);
+  return { layers: h, boxShadow: $, cssVariables: T };
+}
+function U(t, s = {}) {
+  return S({ elevation: t, ...s }).boxShadow;
+}
+function F(t, s) {
+  return t.map((n) => ({
+    ...n,
+    color: C(s, n.opacity)
+  }));
+}
+function m(t) {
+  return t.length === 0 ? "none" : t.map((s) => {
+    const { offsetX: n, offsetY: e, blur: a, spread: o, color: c, inset: l } = s, r = A(n), d = A(e), u = A(a), g = A(o), f = l ? "inset " : "";
+    return o === 0 ? `${f}${r} ${d} ${u} ${c}` : `${f}${r} ${d} ${u} ${g} ${c}`;
+  }).join(`,
+    `);
+}
+function A(t) {
+  return t === 0 ? "0" : `${Math.round(t * 100) / 100}px`;
+}
+function D(t, s, n) {
+  return {
+    "--lifted-elevation": s.toString(),
+    "--lifted-light-angle": `${n}deg`,
+    "--lifted-layers": t.length.toString(),
+    "--lifted-shadow": m(t)
+  };
+}
+const G = {
+  deepInset: -0.75,
+  inset: -0.3,
+  none: 0,
+  subtle: 0.15,
+  small: 0.25,
+  medium: 0.5,
+  large: 0.75,
+  xlarge: 1
+};
+function v(t) {
+  return typeof t == "number" ? t : G[t];
+}
+function H(t, s, n) {
+  const a = {
+    boxShadow: S(t, s, n).boxShadow
+  };
+  return t.background && (a.backgroundColor = t.background), a;
+}
+const R = "box-shadow 150ms cubic-bezier(0.2, 0.6, 0.3, 1)";
+function P(t = 150, s = !1) {
+  const n = "cubic-bezier(0.2, 0.6, 0.3, 1)", e = [`box-shadow ${t}ms ${n}`];
+  return s && e.push(`transform ${t}ms ${n}`), e.join(", ");
+}
+export {
+  O as B,
+  X as D,
+  G as E,
+  Y as M,
+  P as a,
+  x as b,
+  _ as c,
+  w as d,
+  U as e,
+  R as f,
+  S as g,
+  y as h,
+  N as i,
+  C as j,
+  H as k,
+  m as l,
+  I as m,
+  M as n,
+  E as o,
+  L as p,
+  v as r,
+  k as s
+};

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { B as s, D as o, f as r, E as l, M as t, h as S, c as L, b as T, d as g, e as n, j as A, g as E, k as i, a as c, m as h, i as _, l as C, n as O, p as d, r as I, o as f } from "./index-C0sp-tDk.js";
+import { B as s, D as o, f as r, E as l, M as t, h as S, c as L, b as T, d as g, e as n, j as A, g as E, k as i, a as c, m as h, i as _, l as C, n as O, p as d, r as I, o as f } from "./index-yqTtrmSg.js";
 export {
   s as BASE_OPACITY,
   o as DEFAULT_LIGHT_ANGLE,

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D6JJAZ46.cjs");exports.BASE_OPACITY=e.BASE_OPACITY;exports.DEFAULT_LIGHT_ANGLE=e.DEFAULT_LIGHT_ANGLE;exports.DEFAULT_SHADOW_TRANSITION=e.DEFAULT_SHADOW_TRANSITION;exports.ELEVATION_PRESETS=e.ELEVATION_PRESETS;exports.MAX_LAYERS=e.MAX_LAYERS;exports.angleToOffsetRatios=e.angleToOffsetRatios;exports.calculateLightAngle=e.calculateLightAngle;exports.calculateShadowColor=e.calculateShadowColor;exports.calculateShadowLayers=e.calculateShadowLayers;exports.generateBoxShadow=e.generateBoxShadow;exports.generateLayerColor=e.generateLayerColor;exports.generateShadow=e.generateShadow;exports.generateStyleObject=e.generateStyleObject;exports.generateTransition=e.generateTransition;exports.hexToHSL=e.hexToHSL;exports.isLightColor=e.isLightColor;exports.layersToCSS=e.layersToCSS;exports.normalizeLightSource=e.normalizeLightSource;exports.parseColor=e.parseColor;exports.resolveElevation=e.resolveElevation;exports.rgbToHSL=e.rgbToHSL;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CWmwGPME.cjs");exports.BASE_OPACITY=e.BASE_OPACITY;exports.DEFAULT_LIGHT_ANGLE=e.DEFAULT_LIGHT_ANGLE;exports.DEFAULT_SHADOW_TRANSITION=e.DEFAULT_SHADOW_TRANSITION;exports.ELEVATION_PRESETS=e.ELEVATION_PRESETS;exports.MAX_LAYERS=e.MAX_LAYERS;exports.angleToOffsetRatios=e.angleToOffsetRatios;exports.calculateLightAngle=e.calculateLightAngle;exports.calculateShadowColor=e.calculateShadowColor;exports.calculateShadowLayers=e.calculateShadowLayers;exports.generateBoxShadow=e.generateBoxShadow;exports.generateLayerColor=e.generateLayerColor;exports.generateShadow=e.generateShadow;exports.generateStyleObject=e.generateStyleObject;exports.generateTransition=e.generateTransition;exports.hexToHSL=e.hexToHSL;exports.isLightColor=e.isLightColor;exports.layersToCSS=e.layersToCSS;exports.normalizeLightSource=e.normalizeLightSource;exports.parseColor=e.parseColor;exports.resolveElevation=e.resolveElevation;exports.rgbToHSL=e.rgbToHSL;

package/dist/react/LiftedBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LiftedBox.d.ts","sourceRoot":"","sources":["../../src/react/LiftedBox.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,KAA2D,MAAM,OAAO,CAAC;AAEhF,OAAO,KAAK,EAAE,cAAc,EAAoB,MAAM,eAAe,CAAC;AAStE,eAAO,MAAM,SAAS,oFA0HrB,CAAC;AAQF,eAAO,MAAM,UAAU,uGAEtB,CAAC;AAGF,eAAO,MAAM,YAAY,gGAIxB,CAAC;AAGF,eAAO,MAAM,WAAW,uGAEvB,CAAC;AAGF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"LiftedBox.d.ts","sourceRoot":"","sources":["../../src/react/LiftedBox.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,KAA2D,MAAM,OAAO,CAAC;AAEhF,OAAO,KAAK,EAAE,cAAc,EAAoB,MAAM,eAAe,CAAC;AAStE,eAAO,MAAM,SAAS,oFA6HrB,CAAC;AAQF,eAAO,MAAM,UAAU,uGAEtB,CAAC;AAGF,eAAO,MAAM,YAAY,gGAIxB,CAAC;AAGF,eAAO,MAAM,WAAW,uGAEvB,CAAC;AAGF,eAAe,SAAS,CAAC"}

package/dist/react.esm.js

@@ -1,8 +1,8 @@
 import { jsx as x } from "react/jsx-runtime";
-import V, { useState as w, useEffect as M, forwardRef as E, useRef as H, useMemo as h, createContext as X, useContext as A, useCallback as y } from "react";
-import { g as Y, a as j, n as Q } from "./index-C0sp-tDk.js";
+import H, { useState as L, useEffect as M, forwardRef as E, useRef as X, useMemo as h, createContext as Y, useContext as A, useCallback as y } from "react";
+import { g as j, a as Q, n as U } from "./index-yqTtrmSg.js";
 function N(e = {}) {
-  const { defaultValue: t = !1 } = e, [o, s] = w(t);
+  const { defaultValue: t = !1 } = e, [o, s] = L(t);
   return M(() => {
     if (typeof window > "u") return;
     const n = window.matchMedia("(prefers-color-scheme: dark)");
@@ -22,19 +22,20 @@ const g = E(
     shadowColor: n,
     shadowColorDark: i,
     intensity: u = 1,
-    animated: d = !0,
-    transitionDuration: c = 150,
+    scale: d = 1,
+    animated: c = !0,
+    transitionDuration: f = 150,
     children: l,
-    style: f,
-    ...L
-  }, v) => {
-    const p = H(null), B = v || p, [R, S] = w(null), [C, z] = w(null), b = N(), m = Q(o);
+    style: v,
+    ...m
+  }, p) => {
+    const S = X(null), B = p || S, [R, z] = L(null), [C, I] = L(null), b = N(), w = U(o);
     M(() => {
-      if (m.type !== "mouse") return;
+      if (w.type !== "mouse") return;
       const r = () => {
         if (B.current) {
           const a = B.current.getBoundingClientRect();
-          z({
+          I({
             x: a.left,
             y: a.top,
             width: a.width,
@@ -45,14 +46,14 @@ const g = E(
       return r(), window.addEventListener("scroll", r, { passive: !0 }), window.addEventListener("resize", r, { passive: !0 }), () => {
         window.removeEventListener("scroll", r), window.removeEventListener("resize", r);
       };
-    }, [m.type]), M(() => {
-      if (m.type !== "mouse") return;
+    }, [w.type]), M(() => {
+      if (w.type !== "mouse") return;
       const r = (a) => {
-        S({ x: a.clientX, y: a.clientY });
+        z({ x: a.clientX, y: a.clientY });
       };
       return window.addEventListener("mousemove", r, { passive: !0 }), () => window.removeEventListener("mousemove", r);
-    }, [m.type]);
-    const k = h(() => Y(
+    }, [w.type]);
+    const k = h(() => j(
       {
         elevation: e,
         lightSource: o,
@@ -60,6 +61,7 @@ const g = E(
         shadowColor: n,
         shadowColorDark: i,
         intensity: u,
+        scale: d,
         isDarkMode: b
       },
       C ?? void 0,
@@ -71,45 +73,46 @@ const g = E(
       n,
       i,
       u,
+      d,
       b,
       C,
       R
-    ]), I = h(() => {
+    ]), V = h(() => {
       const r = {
         boxShadow: k.boxShadow,
-        ...f
+        ...v
       };
-      return s && (r.backgroundColor = s), d && m.type !== "mouse" && (r.transition = j(c)), r;
-    }, [k.boxShadow, s, d, c, f, m.type]);
-    return V.createElement(
+      return s && (r.backgroundColor = s), c && w.type !== "mouse" && (r.transition = Q(f)), r;
+    }, [k.boxShadow, s, c, f, v, w.type]);
+    return H.createElement(
       t,
       {
         ref: B,
-        style: I,
-        ...L
+        style: V,
+        ...m
       },
       l
     );
   }
 );
 g.displayName = "LiftedBox";
-const U = E(
+const W = E(
   (e, t) => /* @__PURE__ */ x(g, { ref: t, elevation: 0.3, ...e })
 );
-U.displayName = "LiftedCard";
-const W = E(
+W.displayName = "LiftedCard";
+const q = E(
   ({ elevation: e = 0.25, ...t }, o) => /* @__PURE__ */ x(g, { ref: o, as: "button", elevation: e, ...t })
 );
-W.displayName = "LiftedButton";
-const q = E(
+q.displayName = "LiftedButton";
+const D = E(
   (e, t) => /* @__PURE__ */ x(g, { ref: t, elevation: 0.8, ...e })
 );
-q.displayName = "LiftedModal";
-const P = X(null);
-function J() {
+D.displayName = "LiftedModal";
+const P = Y(null);
+function K() {
   return A(P);
 }
-function K() {
+function O() {
   const e = A(P);
   if (!e)
     throw new Error(
@@ -117,7 +120,7 @@ function K() {
     );
   return e;
 }
-function O({
+function T({
   children: e,
   autoDetectDarkMode: t = !0,
   defaultElevation: o = 0.3,
@@ -126,21 +129,21 @@ function O({
   disableTransitions: i = !1,
   customColorMapping: u
 }) {
-  const [d, c] = w(null), l = N({ defaultValue: !1 }), f = h(() => n === "light" ? !1 : n === "dark" ? !0 : t ? l : !1, [n, t, l]);
+  const [d, c] = L(null), f = N({ defaultValue: !1 }), l = h(() => n === "light" ? !1 : n === "dark" ? !0 : t ? f : !1, [n, t, f]);
   M(() => {
-    const v = (p) => {
+    const m = (p) => {
       c({ x: p.clientX, y: p.clientY });
     };
-    return window.addEventListener("mousemove", v, { passive: !0 }), () => window.removeEventListener("mousemove", v);
+    return window.addEventListener("mousemove", m, { passive: !0 }), () => window.removeEventListener("mousemove", m);
   }, []);
-  const L = h(
+  const v = h(
     () => ({
       autoDetectDarkMode: t,
       defaultElevation: o,
       defaultLightSource: s,
       colorScheme: n,
       disableTransitions: i,
-      isDarkMode: f,
+      isDarkMode: l,
       mousePosition: d,
       customColorMapping: u
     }),
@@ -150,37 +153,37 @@ function O({
       s,
       n,
       i,
-      f,
+      l,
       d,
       u
     ]
   );
-  return /* @__PURE__ */ x(P.Provider, { value: L, children: e });
+  return /* @__PURE__ */ x(P.Provider, { value: v, children: e });
 }
-function T(e = {}) {
-  const { base: t = 0.3, hover: o = 0.5, active: s = 0.15 } = e, [n, i] = w(!1), [u, d] = w(!1), c = h(() => u ? s : n ? o : t, [n, u, t, o, s]), l = y(() => i(!0), []), f = y(() => {
+function Z(e = {}) {
+  const { base: t = 0.3, hover: o = 0.5, active: s = 0.15 } = e, [n, i] = L(!1), [u, d] = L(!1), c = h(() => u ? s : n ? o : t, [n, u, t, o, s]), f = y(() => i(!0), []), l = y(() => {
     i(!1), d(!1);
-  }, []), L = y(() => d(!0), []), v = y(() => d(!1), []);
+  }, []), v = y(() => d(!0), []), m = y(() => d(!1), []);
   return {
     elevation: c,
     isHovered: n,
     isActive: u,
     elevationProps: {
-      onMouseEnter: l,
-      onMouseLeave: f,
-      onMouseDown: L,
-      onMouseUp: v
+      onMouseEnter: f,
+      onMouseLeave: l,
+      onMouseDown: v,
+      onMouseUp: m
     }
   };
 }
 export {
   g as LiftedBox,
-  W as LiftedButton,
-  U as LiftedCard,
-  q as LiftedModal,
-  O as LiftedProvider,
+  q as LiftedButton,
+  W as LiftedCard,
+  D as LiftedModal,
+  T as LiftedProvider,
   N as useDarkMode,
-  T as useElevation,
-  K as useLifted,
-  J as useLiftedContext
+  Z as useElevation,
+  O as useLifted,
+  K as useLiftedContext
 };

package/dist/react.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react/jsx-runtime"),e=require("react"),y=require("./index-D6JJAZ46.cjs");function E(t={}){const{defaultValue:s=!1}=t,[r,o]=e.useState(s);return e.useEffect(()=>{if(typeof window>"u")return;const n=window.matchMedia("(prefers-color-scheme: dark)");o(n.matches);const u=d=>{o(d.matches)};return n.addEventListener("change",u),()=>n.removeEventListener("change",u)},[]),r}const h=e.forwardRef(({elevation:t=.3,as:s="div",lightSource:r=-45,background:o,shadowColor:n,shadowColorDark:u,intensity:d=1,animated:a=!0,transitionDuration:l=150,children:v,style:c,...L},m)=>{const M=e.useRef(null),p=m||M,[R,j]=e.useState(null),[S,A]=e.useState(null),b=E(),w=y.normalizeLightSource(r);e.useEffect(()=>{if(w.type!=="mouse")return;const i=()=>{if(p.current){const f=p.current.getBoundingClientRect();A({x:f.left,y:f.top,width:f.width,height:f.height})}};return i(),window.addEventListener("scroll",i,{passive:!0}),window.addEventListener("resize",i,{passive:!0}),()=>{window.removeEventListener("scroll",i),window.removeEventListener("resize",i)}},[w.type]),e.useEffect(()=>{if(w.type!=="mouse")return;const i=f=>{j({x:f.clientX,y:f.clientY})};return window.addEventListener("mousemove",i,{passive:!0}),()=>window.removeEventListener("mousemove",i)},[w.type]);const B=e.useMemo(()=>y.generateShadow({elevation:t,lightSource:r,background:o,shadowColor:n,shadowColorDark:u,intensity:d,isDarkMode:b},S??void 0,R),[t,r,o,n,u,d,b,S,R]),N=e.useMemo(()=>{const i={boxShadow:B.boxShadow,...c};return o&&(i.backgroundColor=o),a&&w.type!=="mouse"&&(i.transition=y.generateTransition(l)),i},[B.boxShadow,o,a,l,c,w.type]);return e.createElement(s,{ref:p,style:N,...L},v)});h.displayName="LiftedBox";const P=e.forwardRef((t,s)=>x.jsx(h,{ref:s,elevation:.3,...t}));P.displayName="LiftedCard";const g=e.forwardRef(({elevation:t=.25,...s},r)=>x.jsx(h,{ref:r,as:"button",elevation:t,...s}));g.displayName="LiftedButton";const k=e.forwardRef((t,s)=>x.jsx(h,{ref:s,elevation:.8,...t}));k.displayName="LiftedModal";const C=e.createContext(null);function q(){return e.useContext(C)}function z(){const t=e.useContext(C);if(!t)throw new Error("useLifted must be used within a LiftedProvider. Wrap your app with <LiftedProvider> to use this hook.");return t}function I({children:t,autoDetectDarkMode:s=!0,defaultElevation:r=.3,defaultLightSource:o=-45,colorScheme:n="auto",disableTransitions:u=!1,customColorMapping:d}){const[a,l]=e.useState(null),v=E({defaultValue:!1}),c=e.useMemo(()=>n==="light"?!1:n==="dark"?!0:s?v:!1,[n,s,v]);e.useEffect(()=>{const m=M=>{l({x:M.clientX,y:M.clientY})};return window.addEventListener("mousemove",m,{passive:!0}),()=>window.removeEventListener("mousemove",m)},[]);const L=e.useMemo(()=>({autoDetectDarkMode:s,defaultElevation:r,defaultLightSource:o,colorScheme:n,disableTransitions:u,isDarkMode:c,mousePosition:a,customColorMapping:d}),[s,r,o,n,u,c,a,d]);return x.jsx(C.Provider,{value:L,children:t})}function V(t={}){const{base:s=.3,hover:r=.5,active:o=.15}=t,[n,u]=e.useState(!1),[d,a]=e.useState(!1),l=e.useMemo(()=>d?o:n?r:s,[n,d,s,r,o]),v=e.useCallback(()=>u(!0),[]),c=e.useCallback(()=>{u(!1),a(!1)},[]),L=e.useCallback(()=>a(!0),[]),m=e.useCallback(()=>a(!1),[]);return{elevation:l,isHovered:n,isActive:d,elevationProps:{onMouseEnter:v,onMouseLeave:c,onMouseDown:L,onMouseUp:m}}}exports.LiftedBox=h;exports.LiftedButton=g;exports.LiftedCard=P;exports.LiftedModal=k;exports.LiftedProvider=I;exports.useDarkMode=E;exports.useElevation=V;exports.useLifted=z;exports.useLiftedContext=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react/jsx-runtime"),e=require("react"),y=require("./index-CWmwGPME.cjs");function E(t={}){const{defaultValue:s=!1}=t,[r,o]=e.useState(s);return e.useEffect(()=>{if(typeof window>"u")return;const n=window.matchMedia("(prefers-color-scheme: dark)");o(n.matches);const u=d=>{o(d.matches)};return n.addEventListener("change",u),()=>n.removeEventListener("change",u)},[]),r}const h=e.forwardRef(({elevation:t=.3,as:s="div",lightSource:r=-45,background:o,shadowColor:n,shadowColorDark:u,intensity:d=1,scale:a=1,animated:l=!0,transitionDuration:c=150,children:v,style:m,...w},M)=>{const j=e.useRef(null),p=M||j,[R,A]=e.useState(null),[S,N]=e.useState(null),b=E(),L=y.normalizeLightSource(r);e.useEffect(()=>{if(L.type!=="mouse")return;const i=()=>{if(p.current){const f=p.current.getBoundingClientRect();N({x:f.left,y:f.top,width:f.width,height:f.height})}};return i(),window.addEventListener("scroll",i,{passive:!0}),window.addEventListener("resize",i,{passive:!0}),()=>{window.removeEventListener("scroll",i),window.removeEventListener("resize",i)}},[L.type]),e.useEffect(()=>{if(L.type!=="mouse")return;const i=f=>{A({x:f.clientX,y:f.clientY})};return window.addEventListener("mousemove",i,{passive:!0}),()=>window.removeEventListener("mousemove",i)},[L.type]);const B=e.useMemo(()=>y.generateShadow({elevation:t,lightSource:r,background:o,shadowColor:n,shadowColorDark:u,intensity:d,scale:a,isDarkMode:b},S??void 0,R),[t,r,o,n,u,d,a,b,S,R]),q=e.useMemo(()=>{const i={boxShadow:B.boxShadow,...m};return o&&(i.backgroundColor=o),l&&L.type!=="mouse"&&(i.transition=y.generateTransition(c)),i},[B.boxShadow,o,l,c,m,L.type]);return e.createElement(s,{ref:p,style:q,...w},v)});h.displayName="LiftedBox";const P=e.forwardRef((t,s)=>x.jsx(h,{ref:s,elevation:.3,...t}));P.displayName="LiftedCard";const g=e.forwardRef(({elevation:t=.25,...s},r)=>x.jsx(h,{ref:r,as:"button",elevation:t,...s}));g.displayName="LiftedButton";const k=e.forwardRef((t,s)=>x.jsx(h,{ref:s,elevation:.8,...t}));k.displayName="LiftedModal";const C=e.createContext(null);function z(){return e.useContext(C)}function I(){const t=e.useContext(C);if(!t)throw new Error("useLifted must be used within a LiftedProvider. Wrap your app with <LiftedProvider> to use this hook.");return t}function V({children:t,autoDetectDarkMode:s=!0,defaultElevation:r=.3,defaultLightSource:o=-45,colorScheme:n="auto",disableTransitions:u=!1,customColorMapping:d}){const[a,l]=e.useState(null),c=E({defaultValue:!1}),v=e.useMemo(()=>n==="light"?!1:n==="dark"?!0:s?c:!1,[n,s,c]);e.useEffect(()=>{const w=M=>{l({x:M.clientX,y:M.clientY})};return window.addEventListener("mousemove",w,{passive:!0}),()=>window.removeEventListener("mousemove",w)},[]);const m=e.useMemo(()=>({autoDetectDarkMode:s,defaultElevation:r,defaultLightSource:o,colorScheme:n,disableTransitions:u,isDarkMode:v,mousePosition:a,customColorMapping:d}),[s,r,o,n,u,v,a,d]);return x.jsx(C.Provider,{value:m,children:t})}function H(t={}){const{base:s=.3,hover:r=.5,active:o=.15}=t,[n,u]=e.useState(!1),[d,a]=e.useState(!1),l=e.useMemo(()=>d?o:n?r:s,[n,d,s,r,o]),c=e.useCallback(()=>u(!0),[]),v=e.useCallback(()=>{u(!1),a(!1)},[]),m=e.useCallback(()=>a(!0),[]),w=e.useCallback(()=>a(!1),[]);return{elevation:l,isHovered:n,isActive:d,elevationProps:{onMouseEnter:c,onMouseLeave:v,onMouseDown:m,onMouseUp:w}}}exports.LiftedBox=h;exports.LiftedButton=g;exports.LiftedCard=P;exports.LiftedModal=k;exports.LiftedProvider=V;exports.useDarkMode=E;exports.useElevation=H;exports.useLifted=I;exports.useLiftedContext=z;

package/dist/vanilla/init.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../src/vanilla/init.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EACV,uBAAuB,EACvB,wBAAwB,EAGzB,MAAM,eAAe,CAAC;AASvB,wBAAgB,aAAa,CAC3B,OAAO,EAAE,WAAW,EACpB,OAAO,GAAE,uBAA4B,GACpC,wBAAwB,CAwG1B;AAMD,wBAAgB,kBAAkB,CAChC,QAAQ,GAAE,MAAwB,EAClC,cAAc,GAAE,uBAA4B,GAC3C,wBAAwB,EAAE,CAU5B;AAED,wBAAgB,SAAS,CAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,GAAE,OAAO,CAAC,uBAAuB,CAAM,GAAG,IAAI,CAGvH;AAED,wBAAgB,UAAU,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,CAErD;AAED,wBAAgB,UAAU,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,GAAE,OAAO,CAAC,uBAAuB,CAAM,GAAG,MAAM,CAGpG"}
+{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../src/vanilla/init.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EACV,uBAAuB,EACvB,wBAAwB,EAGzB,MAAM,eAAe,CAAC;AASvB,wBAAgB,aAAa,CAC3B,OAAO,EAAE,WAAW,EACpB,OAAO,GAAE,uBAA4B,GACpC,wBAAwB,CAyG1B;AAMD,wBAAgB,kBAAkB,CAChC,QAAQ,GAAE,MAAwB,EAClC,cAAc,GAAE,uBAA4B,GAC3C,wBAAwB,EAAE,CAU5B;AAED,wBAAgB,SAAS,CAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,GAAE,OAAO,CAAC,uBAAuB,CAAM,GAAG,IAAI,CAGvH;AAED,wBAAgB,UAAU,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,CAErD;AAED,wBAAgB,UAAU,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,GAAE,OAAO,CAAC,uBAAuB,CAAM,GAAG,MAAM,CAGpG"}

package/dist/vanilla.esm.js

@@ -1,7 +1,7 @@
-import { g as u, a as f, n as S, s as m } from "./index-C0sp-tDk.js";
-import { E as k, c as E, b as A, d as D, e as B, i as F, l as M, p as P, r as T } from "./index-C0sp-tDk.js";
+import { g as u, a as f, n as S, s as m } from "./index-yqTtrmSg.js";
+import { E as k, c as E, b as A, d as D, e as B, i as F, l as M, p as P, r as T } from "./index-yqTtrmSg.js";
 function w(e, a = {}) {
-  let o = { ...a }, i = null, n = null, r = null, d = !1;
+  let o = { ...a }, i = null, n = null, r = null, c = !1;
   const l = S(o.lightSource);
   function h() {
     const t = e.getBoundingClientRect();
@@ -13,7 +13,7 @@ function w(e, a = {}) {
     };
   }
   function s() {
-    if (d) return;
+    if (c) return;
     const t = u(
       {
         elevation: o.elevation ?? 0.3,
@@ -22,6 +22,7 @@ function w(e, a = {}) {
         shadowColor: o.shadowColor,
         shadowColorDark: o.shadowColorDark,
         intensity: o.intensity ?? 1,
+        scale: o.scale ?? 1,
         isDarkMode: o.isDarkMode ?? !1
       },
       h(),
@@ -29,13 +30,13 @@ function w(e, a = {}) {
     );
     e.style.boxShadow = t.boxShadow;
   }
-  function c(t) {
+  function d(t) {
     if (i = { x: t.clientX, y: t.clientY }, l.type === "mouse") {
       const g = l.smoothing ?? 0.1;
       n ? n = m(n, i, g) : n = i, r && cancelAnimationFrame(r), r = requestAnimationFrame(s);
     }
   }
-  return o.background && (e.style.backgroundColor = o.background), o.animated !== !1 && (e.style.transition = f(o.transitionDuration ?? 150)), s(), l.type === "mouse" && window.addEventListener("mousemove", c, { passive: !0 }), {
+  return o.background && (e.style.backgroundColor = o.background), o.animated !== !1 && (e.style.transition = f(o.transitionDuration ?? 150)), s(), l.type === "mouse" && window.addEventListener("mousemove", d, { passive: !0 }), {
     setElevation(t) {
       o.elevation = t, s();
     },
@@ -49,7 +50,7 @@ function w(e, a = {}) {
       return e.style.boxShadow;
     },
     destroy() {
-      d = !0, r && cancelAnimationFrame(r), window.removeEventListener("mousemove", c), e.style.boxShadow = "", e.style.transition = "";
+      c = !0, r && cancelAnimationFrame(r), window.removeEventListener("mousemove", d), e.style.boxShadow = "", e.style.transition = "";
     }
   };
 }

package/dist/vanilla.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-D6JJAZ46.cjs");function h(a,i={}){let o={...i},n=null,r=null,l=null,d=!1;const u=t.normalizeLightSource(o.lightSource);function S(){const e=a.getBoundingClientRect();return{x:e.left,y:e.top,width:e.width,height:e.height}}function s(){if(d)return;const e=t.generateShadow({elevation:o.elevation??.3,lightSource:o.lightSource,background:o.background,shadowColor:o.shadowColor,shadowColorDark:o.shadowColorDark,intensity:o.intensity??1,isDarkMode:o.isDarkMode??!1},S(),r);a.style.boxShadow=e.boxShadow}function c(e){if(n={x:e.clientX,y:e.clientY},u.type==="mouse"){const g=u.smoothing??.1;r?r=t.smoothPosition(r,n,g):r=n,l&&cancelAnimationFrame(l),l=requestAnimationFrame(s)}}return o.background&&(a.style.backgroundColor=o.background),o.animated!==!1&&(a.style.transition=t.generateTransition(o.transitionDuration??150)),s(),u.type==="mouse"&&window.addEventListener("mousemove",c,{passive:!0}),{setElevation(e){o.elevation=e,s()},setLightSource(e){o.lightSource=e,s()},update(e){o={...o,...e},e.background&&(a.style.backgroundColor=e.background),s()},getShadowCSS(){return a.style.boxShadow},destroy(){d=!0,l&&cancelAnimationFrame(l),window.removeEventListener("mousemove",c),a.style.boxShadow="",a.style.transition=""}}}function f(a="[data-lifted]",i={}){const o=document.querySelectorAll(a);return Array.from(o).map(n=>{const r=n.dataset.liftedElevation,l={...i,elevation:r?parseFloat(r):i.elevation};return h(n,l)})}function w(a,i,o={}){const n=t.generateShadow({elevation:i,...o});a.style.boxShadow=n.boxShadow}function y(a){a.style.boxShadow=""}function m(a,i={}){return t.generateShadow({elevation:a,...i}).boxShadow}exports.ELEVATION_PRESETS=t.ELEVATION_PRESETS;exports.calculateLightAngle=t.calculateLightAngle;exports.calculateShadowColor=t.calculateShadowColor;exports.calculateShadowLayers=t.calculateShadowLayers;exports.generateBoxShadow=t.generateBoxShadow;exports.generateShadow=t.generateShadow;exports.isLightColor=t.isLightColor;exports.layersToCSS=t.layersToCSS;exports.normalizeLightSource=t.normalizeLightSource;exports.parseColor=t.parseColor;exports.resolveElevation=t.resolveElevation;exports.applyLift=w;exports.getLiftCSS=m;exports.initAllLiftedBoxes=f;exports.initLiftedBox=h;exports.removeLift=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CWmwGPME.cjs");function h(a,i={}){let o={...i},n=null,r=null,l=null,c=!1;const u=t.normalizeLightSource(o.lightSource);function S(){const e=a.getBoundingClientRect();return{x:e.left,y:e.top,width:e.width,height:e.height}}function s(){if(c)return;const e=t.generateShadow({elevation:o.elevation??.3,lightSource:o.lightSource,background:o.background,shadowColor:o.shadowColor,shadowColorDark:o.shadowColorDark,intensity:o.intensity??1,scale:o.scale??1,isDarkMode:o.isDarkMode??!1},S(),r);a.style.boxShadow=e.boxShadow}function d(e){if(n={x:e.clientX,y:e.clientY},u.type==="mouse"){const g=u.smoothing??.1;r?r=t.smoothPosition(r,n,g):r=n,l&&cancelAnimationFrame(l),l=requestAnimationFrame(s)}}return o.background&&(a.style.backgroundColor=o.background),o.animated!==!1&&(a.style.transition=t.generateTransition(o.transitionDuration??150)),s(),u.type==="mouse"&&window.addEventListener("mousemove",d,{passive:!0}),{setElevation(e){o.elevation=e,s()},setLightSource(e){o.lightSource=e,s()},update(e){o={...o,...e},e.background&&(a.style.backgroundColor=e.background),s()},getShadowCSS(){return a.style.boxShadow},destroy(){c=!0,l&&cancelAnimationFrame(l),window.removeEventListener("mousemove",d),a.style.boxShadow="",a.style.transition=""}}}function f(a="[data-lifted]",i={}){const o=document.querySelectorAll(a);return Array.from(o).map(n=>{const r=n.dataset.liftedElevation,l={...i,elevation:r?parseFloat(r):i.elevation};return h(n,l)})}function w(a,i,o={}){const n=t.generateShadow({elevation:i,...o});a.style.boxShadow=n.boxShadow}function y(a){a.style.boxShadow=""}function m(a,i={}){return t.generateShadow({elevation:a,...i}).boxShadow}exports.ELEVATION_PRESETS=t.ELEVATION_PRESETS;exports.calculateLightAngle=t.calculateLightAngle;exports.calculateShadowColor=t.calculateShadowColor;exports.calculateShadowLayers=t.calculateShadowLayers;exports.generateBoxShadow=t.generateBoxShadow;exports.generateShadow=t.generateShadow;exports.isLightColor=t.isLightColor;exports.layersToCSS=t.layersToCSS;exports.normalizeLightSource=t.normalizeLightSource;exports.parseColor=t.parseColor;exports.resolveElevation=t.resolveElevation;exports.applyLift=w;exports.getLiftCSS=m;exports.initAllLiftedBoxes=f;exports.initLiftedBox=h;exports.removeLift=y;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@juanlaria/lifted",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Beautiful, realistic CSS shadows with layered depth - inspired by Josh Comeau & Tobias Ahlin",
   "keywords": [
     "css",

package/dist/index-C0sp-tDk.js

@@ -1,231 +0,0 @@
-const D = 5, U = 0.075, k = -45;
-function M(t) {
-  return t === void 0 ? { type: "static", angle: -45 } : typeof t == "number" ? { type: "static", angle: t } : t === "mouse" ? {
-    type: "mouse",
-    smoothing: 0.1,
-    maxAngle: 60,
-    fallbackAngle: -45
-  } : t;
-}
-function T(t, e, n) {
-  switch (t.type) {
-    case "static":
-    case "custom":
-      return t.angle;
-    case "mouse": {
-      if (!n || !e)
-        return t.fallbackAngle ?? -45;
-      const s = e.x + e.width / 2, a = e.y + e.height / 2, i = n.x - s, l = n.y - a;
-      let r = Math.atan2(l, i) * (180 / Math.PI) + 180;
-      const c = t.maxAngle ?? 60, h = t.fallbackAngle ?? -45;
-      let o = r - h;
-      for (; o > 180; ) o -= 360;
-      for (; o < -180; ) o += 360;
-      return o = Math.max(-c, Math.min(c, o)), h + o;
-    }
-    default:
-      return -45;
-  }
-}
-function $(t) {
-  const e = t * (Math.PI / 180);
-  return {
-    ratioX: Math.cos(e),
-    ratioY: Math.sin(e)
-  };
-}
-function w(t, e = -45, n = 1) {
-  const s = Math.max(-1, Math.min(1, t));
-  if (s === 0)
-    return [];
-  const a = s < 0, l = Math.abs(s) * 5, { ratioX: u, ratioY: r } = $(e), c = a ? -1 : 1, h = [];
-  for (let o = 0; o < 5; o++) {
-    const d = o + 1, f = Math.pow(2, o);
-    if (d <= l)
-      h.push({
-        offsetX: f * u * n * c,
-        offsetY: f * r * n * c,
-        blur: f * n,
-        spread: 0,
-        opacity: 0.075 * n,
-        inset: a
-      });
-    else if (d - 1 < l) {
-      const A = l - (d - 1);
-      h.push({
-        offsetX: f * u * A * n * c,
-        offsetY: f * r * A * n * c,
-        blur: f * A * n,
-        spread: 0,
-        opacity: 0.075 * A * n,
-        inset: a
-      });
-    }
-  }
-  return h;
-}
-function p(t, e, n) {
-  return t + (e - t) * n;
-}
-function N(t, e, n) {
-  return {
-    x: p(t.x, e.x, n),
-    y: p(t.y, e.y, n)
-  };
-}
-function L(t) {
-  if (t.match(/^#([0-9a-f]{3,8})$/i))
-    return I(t);
-  const n = t.match(/^hsl\(\s*([\d.]+)\s*,?\s*([\d.]+)%?\s*,?\s*([\d.]+)%?\s*\)/i);
-  if (n)
-    return {
-      h: parseFloat(n[1]),
-      s: parseFloat(n[2]),
-      l: parseFloat(n[3])
-    };
-  const s = t.match(/^rgb\(\s*([\d.]+)\s*,?\s*([\d.]+)\s*,?\s*([\d.]+)\s*\)/i);
-  return s ? E({
-    r: parseFloat(s[1]),
-    g: parseFloat(s[2]),
-    b: parseFloat(s[3])
-  }) : null;
-}
-function I(t) {
-  let e = 0, n = 0, s = 0;
-  return t.length === 4 ? (e = parseInt(t[1] + t[1], 16), n = parseInt(t[2] + t[2], 16), s = parseInt(t[3] + t[3], 16)) : t.length >= 7 && (e = parseInt(t.slice(1, 3), 16), n = parseInt(t.slice(3, 5), 16), s = parseInt(t.slice(5, 7), 16)), E({ r: e, g: n, b: s });
-}
-function E({ r: t, g: e, b: n }) {
-  t /= 255, e /= 255, n /= 255;
-  const s = Math.max(t, e, n), a = Math.min(t, e, n);
-  let i = 0, l = 0;
-  const u = (s + a) / 2;
-  if (s !== a) {
-    const r = s - a;
-    switch (l = u > 0.5 ? r / (2 - s - a) : r / (s + a), s) {
-      case t:
-        i = ((e - n) / r + (e < n ? 6 : 0)) / 6;
-        break;
-      case e:
-        i = ((n - t) / r + 2) / 6;
-        break;
-      case n:
-        i = ((t - e) / r + 4) / 6;
-        break;
-    }
-  }
-  return {
-    h: Math.round(i * 360),
-    s: Math.round(l * 100),
-    l: Math.round(u * 100)
-  };
-}
-function x(t, e = !1) {
-  const n = L(t);
-  if (!n)
-    return e ? "hsl(0 0% 100% / 0.1)" : "hsl(220 3% 15%)";
-  if (e) {
-    const s = Math.max(0, n.s - 20), a = Math.min(100, n.l + 30);
-    return `hsl(${n.h} ${s}% ${a}%)`;
-  } else {
-    const s = Math.max(0, n.s * 0.6), a = Math.max(10, n.l * 0.5);
-    return `hsl(${n.h} ${s}% ${a}%)`;
-  }
-}
-function y(t, e) {
-  const n = L(t);
-  return n ? `hsl(${n.h} ${n.s}% ${n.l}% / ${e})` : `hsl(220 3% 15% / ${e})`;
-}
-function O(t) {
-  const e = L(t);
-  return e ? e.l > 50 : !0;
-}
-function b(t, e, n) {
-  const {
-    elevation: s = 0.3,
-    lightSource: a,
-    background: i,
-    shadowColor: l,
-    shadowColorDark: u,
-    intensity: r = 1,
-    isDarkMode: c = !1
-  } = t, h = M(a), o = T(h, e, n), d = w(s, o, r);
-  let f;
-  l ? f = l : c && u ? f = u : i ? f = x(i, c) : f = c ? "hsl(0 0% 100% / 0.1)" : "hsl(220 3% 15%)";
-  const A = C(d, f), S = m(A), _ = F(A, s, o);
-  return { layers: A, boxShadow: S, cssVariables: _ };
-}
-function X(t, e = {}) {
-  return b({ elevation: t, ...e }).boxShadow;
-}
-function C(t, e) {
-  return t.map((n) => ({
-    ...n,
-    color: y(e, n.opacity)
-  }));
-}
-function m(t) {
-  return t.length === 0 ? "none" : t.map((e) => {
-    const { offsetX: n, offsetY: s, blur: a, spread: i, color: l, inset: u } = e, r = g(n), c = g(s), h = g(a), o = g(i), d = u ? "inset " : "";
-    return i === 0 ? `${d}${r} ${c} ${h} ${l}` : `${d}${r} ${c} ${h} ${o} ${l}`;
-  }).join(`,
-    `);
-}
-function g(t) {
-  return t === 0 ? "0" : `${Math.round(t * 100) / 100}px`;
-}
-function F(t, e, n) {
-  return {
-    "--lifted-elevation": e.toString(),
-    "--lifted-light-angle": `${n}deg`,
-    "--lifted-layers": t.length.toString(),
-    "--lifted-shadow": m(t)
-  };
-}
-const G = {
-  deepInset: -0.75,
-  inset: -0.3,
-  none: 0,
-  subtle: 0.15,
-  small: 0.25,
-  medium: 0.5,
-  large: 0.75,
-  xlarge: 1
-};
-function Y(t) {
-  return typeof t == "number" ? t : G[t];
-}
-function H(t, e, n) {
-  const a = {
-    boxShadow: b(t, e, n).boxShadow
-  };
-  return t.background && (a.backgroundColor = t.background), a;
-}
-const v = "box-shadow 150ms cubic-bezier(0.2, 0.6, 0.3, 1)";
-function R(t = 150, e = !1) {
-  const n = "cubic-bezier(0.2, 0.6, 0.3, 1)", s = [`box-shadow ${t}ms ${n}`];
-  return e && s.push(`transform ${t}ms ${n}`), s.join(", ");
-}
-export {
-  U as B,
-  k as D,
-  G as E,
-  D as M,
-  R as a,
-  x as b,
-  T as c,
-  w as d,
-  X as e,
-  v as f,
-  b as g,
-  $ as h,
-  O as i,
-  y as j,
-  H as k,
-  m as l,
-  I as m,
-  M as n,
-  E as o,
-  L as p,
-  Y as r,
-  N as s
-};

package/dist/index-D6JJAZ46.cjs

@@ -1,2 +0,0 @@
-"use strict";function b(t){return t===void 0?{type:"static",angle:-45}:typeof t=="number"?{type:"static",angle:t}:t==="mouse"?{type:"mouse",smoothing:.1,maxAngle:60,fallbackAngle:-45}:t}function p(t,n,e){switch(t.type){case"static":case"custom":return t.angle;case"mouse":{if(!e||!n)return t.fallbackAngle??-45;const a=n.x+n.width/2,o=n.y+n.height/2,i=e.x-a,l=e.y-o;let r=Math.atan2(l,i)*(180/Math.PI)+180;const c=t.maxAngle??60,h=t.fallbackAngle??-45;let s=r-h;for(;s>180;)s-=360;for(;s<-180;)s+=360;return s=Math.max(-c,Math.min(c,s)),h+s}default:return-45}}function m(t){const n=t*(Math.PI/180);return{ratioX:Math.cos(n),ratioY:Math.sin(n)}}function M(t,n=-45,e=1){const a=Math.max(-1,Math.min(1,t));if(a===0)return[];const o=a<0,l=Math.abs(a)*5,{ratioX:f,ratioY:r}=m(n),c=o?-1:1,h=[];for(let s=0;s<5;s++){const A=s+1,u=Math.pow(2,s);if(A<=l)h.push({offsetX:u*f*e*c,offsetY:u*r*e*c,blur:u*e,spread:0,opacity:.075*e,inset:o});else if(A-1<l){const L=l-(A-1);h.push({offsetX:u*f*L*e*c,offsetY:u*r*L*e*c,blur:u*L*e,spread:0,opacity:.075*L*e,inset:o})}}return h}function _(t,n,e){return t+(n-t)*e}function G(t,n,e){return{x:_(t.x,n.x,e),y:_(t.y,n.y,e)}}function g(t){if(t.match(/^#([0-9a-f]{3,8})$/i))return I(t);const e=t.match(/^hsl\(\s*([\d.]+)\s*,?\s*([\d.]+)%?\s*,?\s*([\d.]+)%?\s*\)/i);if(e)return{h:parseFloat(e[1]),s:parseFloat(e[2]),l:parseFloat(e[3])};const a=t.match(/^rgb\(\s*([\d.]+)\s*,?\s*([\d.]+)\s*,?\s*([\d.]+)\s*\)/i);return a?E({r:parseFloat(a[1]),g:parseFloat(a[2]),b:parseFloat(a[3])}):null}function I(t){let n=0,e=0,a=0;return t.length===4?(n=parseInt(t[1]+t[1],16),e=parseInt(t[2]+t[2],16),a=parseInt(t[3]+t[3],16)):t.length>=7&&(n=parseInt(t.slice(1,3),16),e=parseInt(t.slice(3,5),16),a=parseInt(t.slice(5,7),16)),E({r:n,g:e,b:a})}function E({r:t,g:n,b:e}){t/=255,n/=255,e/=255;const a=Math.max(t,n,e),o=Math.min(t,n,e);let i=0,l=0;const f=(a+o)/2;if(a!==o){const r=a-o;switch(l=f>.5?r/(2-a-o):r/(a+o),a){case t:i=((n-e)/r+(n<e?6:0))/6;break;case n:i=((e-t)/r+2)/6;break;case e:i=((t-n)/r+4)/6;break}}return{h:Math.round(i*360),s:Math.round(l*100),l:Math.round(f*100)}}function w(t,n=!1){const e=g(t);if(!e)return n?"hsl(0 0% 100% / 0.1)":"hsl(220 3% 15%)";if(n){const a=Math.max(0,e.s-20),o=Math.min(100,e.l+30);return`hsl(${e.h} ${a}% ${o}%)`}else{const a=Math.max(0,e.s*.6),o=Math.max(10,e.l*.5);return`hsl(${e.h} ${a}% ${o}%)`}}function $(t,n){const e=g(t);return e?`hsl(${e.h} ${e.s}% ${e.l}% / ${n})`:`hsl(220 3% 15% / ${n})`}function F(t){const n=g(t);return n?n.l>50:!0}function S(t,n,e){const{elevation:a=.3,lightSource:o,background:i,shadowColor:l,shadowColorDark:f,intensity:r=1,isDarkMode:c=!1}=t,h=b(o),s=p(h,n,e),A=M(a,s,r);let u;l?u=l:c&&f?u=f:i?u=w(i,c):u=c?"hsl(0 0% 100% / 0.1)":"hsl(220 3% 15%)";const L=D(A,u),x=T(L),y=N(L,a,s);return{layers:L,boxShadow:x,cssVariables:y}}function O(t,n={}){return S({elevation:t,...n}).boxShadow}function D(t,n){return t.map(e=>({...e,color:$(n,e.opacity)}))}function T(t){return t.length===0?"none":t.map(n=>{const{offsetX:e,offsetY:a,blur:o,spread:i,color:l,inset:f}=n,r=d(e),c=d(a),h=d(o),s=d(i),A=f?"inset ":"";return i===0?`${A}${r} ${c} ${h} ${l}`:`${A}${r} ${c} ${h} ${s} ${l}`}).join(`,
-    `)}function d(t){return t===0?"0":`${Math.round(t*100)/100}px`}function N(t,n,e){return{"--lifted-elevation":n.toString(),"--lifted-light-angle":`${e}deg`,"--lifted-layers":t.length.toString(),"--lifted-shadow":T(t)}}const C={deepInset:-.75,inset:-.3,none:0,subtle:.15,small:.25,medium:.5,large:.75,xlarge:1};function U(t){return typeof t=="number"?t:C[t]}function Y(t,n,e){const o={boxShadow:S(t,n,e).boxShadow};return t.background&&(o.backgroundColor=t.background),o}const H="box-shadow 150ms cubic-bezier(0.2, 0.6, 0.3, 1)";function X(t=150,n=!1){const e="cubic-bezier(0.2, 0.6, 0.3, 1)",a=[`box-shadow ${t}ms ${e}`];return n&&a.push(`transform ${t}ms ${e}`),a.join(", ")}exports.BASE_OPACITY=.075;exports.DEFAULT_LIGHT_ANGLE=-45;exports.DEFAULT_SHADOW_TRANSITION=H;exports.ELEVATION_PRESETS=C;exports.MAX_LAYERS=5;exports.angleToOffsetRatios=m;exports.calculateLightAngle=p;exports.calculateShadowColor=w;exports.calculateShadowLayers=M;exports.generateBoxShadow=O;exports.generateLayerColor=$;exports.generateShadow=S;exports.generateStyleObject=Y;exports.generateTransition=X;exports.hexToHSL=I;exports.isLightColor=F;exports.layersToCSS=T;exports.normalizeLightSource=b;exports.parseColor=g;exports.resolveElevation=U;exports.rgbToHSL=E;exports.smoothPosition=G;