@juanlaria/lifted 0.1.0

package/README.md

@@ -0,0 +1,73 @@
+# Lifted
+
+Beautiful, realistic CSS shadows with layered depth.
+
+Inspired by [Josh Comeau's "Designing Beautiful Shadows"](https://www.joshwcomeau.com/css/designing-shadows/) and [Tobias Ahlin's "Smoother & sharper shadows"](https://tobiasahlin.com/blog/layered-smooth-box-shadows/).
+
+## Features
+
+- **Layered shadows** using powers-of-2 technique for realistic depth
+- **Continuous elevation** (-1 to 1) with smooth interpolation
+- **Inner shadows** - negative elevation creates inset/pressed effects
+- **Dynamic light source** - static angles or mouse/cursor tracking
+- **Color-matched shadows** - automatically derives shadow color from background
+- **Dark mode support** - automatic detection + manual override
+- **Framework agnostic** - works with React, vanilla JS, or any framework
+
+## Installation
+
+```bash
+npm install lifted
+```
+
+## Quick Start
+
+### React
+
+```tsx
+import { LiftedBox } from 'lifted/react';
+
+// Raised card
+<LiftedBox elevation={0.5} background="#FDFDFD">
+  Card content
+</LiftedBox>
+
+// Pressed/inset effect
+<LiftedBox elevation={-0.3} background="#F5F5F5">
+  Pressed button
+</LiftedBox>
+
+// Mouse-tracking light
+<LiftedBox elevation={0.6} lightSource="mouse">
+  Dynamic shadows!
+</LiftedBox>
+```
+
+### Vanilla JavaScript
+
+```javascript
+import { initLiftedBox } from 'lifted/vanilla';
+
+const instance = initLiftedBox(element, {
+  elevation: 0.5,
+  background: '#FDFDFD',
+});
+
+instance.setElevation(-0.2); // Inner shadow
+instance.destroy(); // Cleanup
+```
+
+## Elevation Values
+
+| Value | Effect |
+|-------|--------|
+| `-1` | Maximum inner shadow |
+| `-0.3` | Standard pressed effect |
+| `0` | No shadow |
+| `0.3` | Subtle raised card |
+| `0.5` | Medium elevation |
+| `1` | Maximum floating effect |
+
+## License
+
+MIT © Juan Laria

package/dist/core/calculations.d.ts

@@ -0,0 +1,25 @@
+import { ShadowLayer, LightSource, LightSourceProp, Position, Bounds } from './types';
+
+export declare const MAX_LAYERS = 5;
+export declare const BASE_OPACITY = 0.075;
+export declare const DEFAULT_LIGHT_ANGLE = -45;
+export declare const DEFAULT_MAX_MOUSE_ANGLE = 30;
+export declare function normalizeLightSource(source: LightSourceProp | undefined): LightSource;
+export declare function calculateLightAngle(lightSource: LightSource, elementBounds?: Bounds, mousePosition?: Position | null): number;
+export declare function angleToOffsetRatios(angleDeg: number): {
+    ratioX: number;
+    ratioY: number;
+};
+/**
+ * Calculates shadow layers based on elevation level.
+ * Uses the powers-of-2 technique from Tobias Ahlin.
+ *
+ * @param elevation - Value from -1 (inner shadow) to 1 (drop shadow)
+ * @param lightAngle - Angle of light source in degrees
+ * @param intensity - Overall intensity multiplier
+ */
+export declare function calculateShadowLayers(elevation: number, lightAngle?: number, intensity?: 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;
+//# sourceMappingURL=calculations.d.ts.map

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

@@ -0,0 +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"}

package/dist/core/color.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Lifted - Color Utilities
+ *
+ * Functions for parsing colors and calculating shadow colors
+ * based on Josh Comeau's "Goldilocks color" technique.
+ */
+export interface HSL {
+    h: number;
+    s: number;
+    l: number;
+}
+export interface RGB {
+    r: number;
+    g: number;
+    b: number;
+}
+export declare function parseColor(color: string): HSL | null;
+export declare function hexToHSL(hex: string): HSL;
+export declare function rgbToHSL({ r, g, b }: RGB): HSL;
+export declare function calculateShadowColor(background: string, isDarkMode?: boolean): string;
+export declare function generateLayerColor(baseColor: string, opacity: number): string;
+export declare function isLightColor(color: string): boolean;
+//# sourceMappingURL=color.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/core/color.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,MAAM,WAAW,GAAG;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,GAAG;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,GAAG,IAAI,CAyBpD;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAczC;AAED,wBAAgB,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,GAAG,GAAG,CAiC9C;AAMD,wBAAgB,oBAAoB,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,GAAE,OAAe,GAAG,MAAM,CAgB5F;AAED,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAQ7E;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAGnD"}

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

@@ -0,0 +1,21 @@
+import { ShadowLayerWithColor, ShadowOptions, ShadowResult, Bounds, Position } from './types';
+
+export declare function generateShadow(options: ShadowOptions, elementBounds?: Bounds, mousePosition?: Position | null): ShadowResult;
+export declare function generateBoxShadow(elevation: number, options?: Partial<Omit<ShadowOptions, 'elevation'>>): string;
+export declare function layersToCSS(layers: ShadowLayerWithColor[]): string;
+export declare const ELEVATION_PRESETS: {
+    readonly deepInset: -0.75;
+    readonly inset: -0.3;
+    readonly none: 0;
+    readonly subtle: 0.15;
+    readonly small: 0.25;
+    readonly medium: 0.5;
+    readonly large: 0.75;
+    readonly xlarge: 1;
+};
+export type ElevationPreset = keyof typeof ELEVATION_PRESETS;
+export declare function resolveElevation(value: number | ElevationPreset): number;
+export declare function generateStyleObject(options: ShadowOptions, elementBounds?: Bounds, mousePosition?: Position | null): React.CSSProperties;
+export declare const DEFAULT_SHADOW_TRANSITION = "box-shadow 150ms cubic-bezier(0.2, 0.6, 0.3, 1)";
+export declare function generateTransition(durationMs?: number, includeTransform?: boolean): string;
+//# sourceMappingURL=css-generator.d.ts.map

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

@@ -0,0 +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"}

package/dist/core/types.d.ts

@@ -0,0 +1,217 @@
+/**
+ * Lifted - Type Definitions
+ */
+/**
+ * Represents a single shadow layer in the layered shadow system.
+ */
+export interface ShadowLayer {
+    /** Horizontal offset in pixels */
+    offsetX: number;
+    /** Vertical offset in pixels */
+    offsetY: number;
+    /** Blur radius in pixels */
+    blur: number;
+    /** Spread radius in pixels (usually 0 for realistic shadows) */
+    spread: number;
+    /** Opacity of this layer (0-1) */
+    opacity: number;
+    /** Whether this is an inner (inset) shadow */
+    inset?: boolean;
+}
+/**
+ * Complete shadow configuration including color.
+ */
+export interface ShadowLayerWithColor extends ShadowLayer {
+    /** Shadow color in any CSS color format */
+    color: string;
+}
+/**
+ * Static light source with a fixed angle.
+ */
+export interface StaticLightSource {
+    type: 'static';
+    /** Angle in degrees (-180 to 180, where -45 is top-left) */
+    angle: number;
+}
+/**
+ * Mouse-following light source.
+ */
+export interface MouseLightSource {
+    type: 'mouse';
+    /** Smoothing factor for mouse movement (0-1, lower = smoother) */
+    smoothing?: number;
+    /** Maximum angle deviation from center */
+    maxAngle?: number;
+    /** Fallback angle when mouse position is unavailable */
+    fallbackAngle?: number;
+}
+/**
+ * Custom light source controlled by external value.
+ */
+export interface CustomLightSource {
+    type: 'custom';
+    /** Current angle value */
+    angle: number;
+}
+/**
+ * Union of all light source types.
+ */
+export type LightSource = StaticLightSource | MouseLightSource | CustomLightSource;
+/**
+ * Shorthand light source prop type.
+ * Can be a number (static angle), 'mouse', or full configuration.
+ */
+export type LightSourceProp = number | 'mouse' | LightSource;
+/**
+ * Props for the LiftedBox React component.
+ */
+export interface LiftedBoxProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
+    /**
+     * Elevation level from -1 (maximum inner shadow) to 1 (maximum drop shadow).
+     * - Negative values create inset/inner shadows (pressed effect)
+     * - Zero means no shadow
+     * - Positive values create drop shadows (raised effect)
+     * @default 0.3
+     */
+    elevation?: number;
+    /**
+     * HTML element to render as.
+     * @default 'div'
+     */
+    as?: keyof JSX.IntrinsicElements;
+    /**
+     * Light source configuration.
+     * @default -45 (top-left)
+     */
+    lightSource?: LightSourceProp;
+    /**
+     * Background color. Used for automatic shadow color calculation.
+     */
+    background?: string;
+    /**
+     * Manual shadow color override.
+     */
+    shadowColor?: string;
+    /**
+     * Shadow color for dark mode (when using auto-detect).
+     */
+    shadowColorDark?: string;
+    /**
+     * Shadow intensity multiplier.
+     * @default 1
+     */
+    intensity?: number;
+    /**
+     * Whether to animate shadow changes.
+     * @default true
+     */
+    animated?: boolean;
+    /**
+     * Transition duration in milliseconds.
+     * @default 150
+     */
+    transitionDuration?: number;
+    /**
+     * Children elements.
+     */
+    children?: React.ReactNode;
+}
+/**
+ * Global configuration for Lifted.
+ */
+export interface LiftedConfig {
+    /** Whether to automatically detect dark mode */
+    autoDetectDarkMode?: boolean;
+    /** Default elevation for all components */
+    defaultElevation?: number;
+    /** Default light source for all components */
+    defaultLightSource?: LightSourceProp;
+    /** Color scheme override ('light' | 'dark' | 'auto') */
+    colorScheme?: 'light' | 'dark' | 'auto';
+    /** Disable all transitions */
+    disableTransitions?: boolean;
+    /** Custom color mapping function */
+    customColorMapping?: (background: string, isDark: boolean) => string;
+}
+/**
+ * Context value for LiftedProvider.
+ */
+export interface LiftedContextValue extends LiftedConfig {
+    /** Current dark mode state */
+    isDarkMode: boolean;
+    /** Current mouse position (if tracking) */
+    mousePosition: Position | null;
+}
+/**
+ * Options for vanilla JS initialization.
+ */
+export interface VanillaLiftedBoxOptions {
+    elevation?: number;
+    lightSource?: LightSourceProp;
+    background?: string;
+    shadowColor?: string;
+    shadowColorDark?: string;
+    intensity?: number;
+    animated?: boolean;
+    transitionDuration?: number;
+    isDarkMode?: boolean;
+}
+/**
+ * Instance returned by vanilla JS initialization.
+ */
+export interface VanillaLiftedBoxInstance {
+    /** Update the elevation */
+    setElevation: (elevation: number) => void;
+    /** Update the light source */
+    setLightSource: (source: LightSourceProp) => void;
+    /** Update multiple options */
+    update: (options: Partial<VanillaLiftedBoxOptions>) => void;
+    /** Get current shadow CSS */
+    getShadowCSS: () => string;
+    /** Remove all shadow styling and cleanup */
+    destroy: () => void;
+}
+/**
+ * Position with x and y coordinates.
+ */
+export interface Position {
+    x: number;
+    y: number;
+}
+/**
+ * Element bounds.
+ */
+export interface Bounds {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+/**
+ * Shadow generation options.
+ */
+export interface ShadowOptions {
+    /**
+     * Elevation level from -1 (maximum inner shadow) to 1 (maximum drop shadow).
+     * @default 0.3
+     */
+    elevation?: number;
+    lightSource?: LightSourceProp;
+    background?: string;
+    shadowColor?: string;
+    shadowColorDark?: string;
+    intensity?: number;
+    isDarkMode?: boolean;
+}
+/**
+ * Result of shadow generation.
+ */
+export interface ShadowResult {
+    /** Calculated shadow layers */
+    layers: ShadowLayerWithColor[];
+    /** CSS box-shadow string */
+    boxShadow: string;
+    /** CSS custom properties */
+    cssVariables: Record<string, string>;
+}
+//# sourceMappingURL=types.d.ts.map

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

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

package/dist/index-4W01YOTU.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:30,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??30,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;

package/dist/index-G-GHoQdJ.js

@@ -0,0 +1,231 @@
+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: 30,
+    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 ?? 30, 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.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Lifted - Main Entry Point
+ *
+ * Beautiful, realistic CSS shadows with layered depth.
+ */
+export { generateShadow, generateBoxShadow, layersToCSS, ELEVATION_PRESETS, resolveElevation, generateStyleObject, generateTransition, DEFAULT_SHADOW_TRANSITION, } from './core/css-generator';
+export { calculateShadowLayers, calculateLightAngle, normalizeLightSource, angleToOffsetRatios, MAX_LAYERS, BASE_OPACITY, DEFAULT_LIGHT_ANGLE, } from './core/calculations';
+export { calculateShadowColor, parseColor, hexToHSL, rgbToHSL, isLightColor, generateLayerColor, } from './core/color';
+export type { ShadowLayer, ShadowLayerWithColor, ShadowOptions, ShadowResult, LightSource, LightSourceProp, StaticLightSource, MouseLightSource, CustomLightSource, Position, Bounds, LiftedBoxProps, LiftedConfig, LiftedContextValue, VanillaLiftedBoxOptions, VanillaLiftedBoxInstance, } from './core/types';
+export type { ElevationPreset } from './core/css-generator';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,EACnB,kBAAkB,EAClB,yBAAyB,GAC1B,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACnB,UAAU,EACV,YAAY,EACZ,mBAAmB,GACpB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACL,oBAAoB,EACpB,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,kBAAkB,GACnB,MAAM,cAAc,CAAC;AAGtB,YAAY,EACV,WAAW,EACX,oBAAoB,EACpB,aAAa,EACb,YAAY,EACZ,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,QAAQ,EACR,MAAM,EACN,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,cAAc,CAAC;AAEtB,YAAY,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/index.esm.js

@@ -0,0 +1,24 @@
+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-G-GHoQdJ.js";
+export {
+  s as BASE_OPACITY,
+  o as DEFAULT_LIGHT_ANGLE,
+  r as DEFAULT_SHADOW_TRANSITION,
+  l as ELEVATION_PRESETS,
+  t as MAX_LAYERS,
+  S as angleToOffsetRatios,
+  L as calculateLightAngle,
+  T as calculateShadowColor,
+  g as calculateShadowLayers,
+  n as generateBoxShadow,
+  A as generateLayerColor,
+  E as generateShadow,
+  i as generateStyleObject,
+  c as generateTransition,
+  h as hexToHSL,
+  _ as isLightColor,
+  C as layersToCSS,
+  O as normalizeLightSource,
+  d as parseColor,
+  I as resolveElevation,
+  f as rgbToHSL
+};

package/dist/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-4W01YOTU.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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { LiftedBoxProps } from '../core/types';
+
+export declare const LiftedBox: React.ForwardRefExoticComponent<LiftedBoxProps & React.RefAttributes<HTMLElement>>;
+export declare const LiftedCard: React.ForwardRefExoticComponent<Omit<LiftedBoxProps, "elevation"> & React.RefAttributes<HTMLElement>>;
+export declare const LiftedButton: React.ForwardRefExoticComponent<Omit<LiftedBoxProps, "as"> & React.RefAttributes<HTMLElement>>;
+export declare const LiftedModal: React.ForwardRefExoticComponent<Omit<LiftedBoxProps, "elevation"> & React.RefAttributes<HTMLElement>>;
+export default LiftedBox;
+//# sourceMappingURL=LiftedBox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LiftedBox.d.ts","sourceRoot":"","sources":["../../src/react/LiftedBox.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAA2D,MAAM,OAAO,CAAC;AAEhF,OAAO,KAAK,EAAE,cAAc,EAAoB,MAAM,eAAe,CAAC;AAStE,eAAO,MAAM,SAAS,oFAwHrB,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/LiftedProvider.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { LiftedConfig, LiftedContextValue } from '../core/types';
+
+export declare function useLiftedContext(): LiftedContextValue | null;
+export declare function useLifted(): LiftedContextValue;
+export interface LiftedProviderProps extends LiftedConfig {
+    children: React.ReactNode;
+}
+export declare function LiftedProvider({ children, autoDetectDarkMode, defaultElevation, defaultLightSource, colorScheme, disableTransitions, customColorMapping, }: LiftedProviderProps): React.ReactElement;
+export default LiftedProvider;
+//# sourceMappingURL=LiftedProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LiftedProvider.d.ts","sourceRoot":"","sources":["../../src/react/LiftedProvider.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAkE,MAAM,OAAO,CAAC;AAEvF,OAAO,KAAK,EAAE,YAAY,EAAE,kBAAkB,EAAY,MAAM,eAAe,CAAC;AAShF,wBAAgB,gBAAgB,IAAI,kBAAkB,GAAG,IAAI,CAE5D;AAED,wBAAgB,SAAS,IAAI,kBAAkB,CAW9C;AAMD,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAMD,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,kBAAyB,EACzB,gBAAsB,EACtB,kBAAwB,EACxB,WAAoB,EACpB,kBAA0B,EAC1B,kBAAkB,GACnB,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,CAgD1C;AAED,eAAe,cAAc,CAAC"}

package/dist/react/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { useDarkMode } from './useDarkMode';
+export { useElevation } from './useElevation';
+//# sourceMappingURL=index.d.ts.map

package/dist/react/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/react/hooks/useDarkMode.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Lifted - useDarkMode Hook
+ *
+ * SSR-safe hook for detecting system dark mode preference.
+ */
+export interface UseDarkModeOptions {
+    defaultValue?: boolean;
+}
+export declare function useDarkMode(options?: UseDarkModeOptions): boolean;
+export default useDarkMode;
+//# sourceMappingURL=useDarkMode.d.ts.map

package/dist/react/hooks/useDarkMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDarkMode.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/useDarkMode.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,MAAM,WAAW,kBAAkB;IACjC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,WAAW,CAAC,OAAO,GAAE,kBAAuB,GAAG,OAAO,CAoBrE;AAED,eAAe,WAAW,CAAC"}

package/dist/react/hooks/useElevation.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Lifted - useElevation Hook
+ *
+ * Hook for managing interactive elevation states.
+ */
+export interface UseElevationOptions {
+    base?: number;
+    hover?: number;
+    active?: number;
+    disabled?: number;
+}
+export interface UseElevationReturn {
+    elevation: number;
+    isHovered: boolean;
+    isActive: boolean;
+    elevationProps: {
+        onMouseEnter: () => void;
+        onMouseLeave: () => void;
+        onMouseDown: () => void;
+        onMouseUp: () => void;
+    };
+}
+export declare function useElevation(options?: UseElevationOptions): UseElevationReturn;
+export default useElevation;
+//# sourceMappingURL=useElevation.d.ts.map

package/dist/react/hooks/useElevation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useElevation.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/useElevation.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE;QACd,YAAY,EAAE,MAAM,IAAI,CAAC;QACzB,YAAY,EAAE,MAAM,IAAI,CAAC;QACzB,WAAW,EAAE,MAAM,IAAI,CAAC;QACxB,SAAS,EAAE,MAAM,IAAI,CAAC;KACvB,CAAC;CACH;AAED,wBAAgB,YAAY,CAAC,OAAO,GAAE,mBAAwB,GAAG,kBAAkB,CA+BlF;AAED,eAAe,YAAY,CAAC"}

package/dist/react/index.d.ts

@@ -0,0 +1,6 @@
+export { LiftedBox, LiftedCard, LiftedButton, LiftedModal } from './LiftedBox';
+export { LiftedProvider, useLiftedContext, useLifted } from './LiftedProvider';
+export { useDarkMode } from './hooks/useDarkMode';
+export { useElevation } from './hooks/useElevation';
+export type { LiftedBoxProps, LiftedConfig, LiftedContextValue } from '../core/types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAG/E,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpD,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC"}

package/dist/react.d.ts

@@ -0,0 +1 @@
+export * from './react/index'

package/dist/react.esm.js

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

package/dist/react.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react/jsx-runtime"),e=require("react"),y=require("./index-4W01YOTU.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 L=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:f,...w},m)=>{const M=e.useRef(null),p=m||M,[R,j]=e.useState(null),[S,N]=e.useState(null),b=E(),x=y.normalizeLightSource(r);e.useEffect(()=>{if(x.type!=="mouse")return;const i=()=>{if(p.current){const c=p.current.getBoundingClientRect();N({x:c.left,y:c.top,width:c.width,height:c.height})}};return i(),window.addEventListener("scroll",i,{passive:!0}),window.addEventListener("resize",i,{passive:!0}),()=>{window.removeEventListener("scroll",i),window.removeEventListener("resize",i)}},[x.type]),e.useEffect(()=>{if(x.type!=="mouse")return;const i=c=>{j({x:c.clientX,y:c.clientY})};return window.addEventListener("mousemove",i,{passive:!0}),()=>window.removeEventListener("mousemove",i)},[x.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]),q=e.useMemo(()=>{const i={boxShadow:B.boxShadow,...f};return o&&(i.backgroundColor=o),a&&(i.transition=y.generateTransition(l)),i},[B.boxShadow,o,a,l,f]);return e.createElement(s,{ref:p,style:q,...w},v)});L.displayName="LiftedBox";const P=e.forwardRef((t,s)=>h.jsx(L,{ref:s,elevation:.3,...t}));P.displayName="LiftedCard";const g=e.forwardRef(({elevation:t=.25,...s},r)=>h.jsx(L,{ref:r,as:"button",elevation:t,...s}));g.displayName="LiftedButton";const k=e.forwardRef((t,s)=>h.jsx(L,{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),v=E({defaultValue:!1}),f=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 w=e.useMemo(()=>({autoDetectDarkMode:s,defaultElevation:r,defaultLightSource:o,colorScheme:n,disableTransitions:u,isDarkMode:f,mousePosition:a,customColorMapping:d}),[s,r,o,n,u,f,a,d]);return h.jsx(C.Provider,{value:w,children:t})}function A(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),[]),f=e.useCallback(()=>{u(!1),a(!1)},[]),w=e.useCallback(()=>a(!0),[]),m=e.useCallback(()=>a(!1),[]);return{elevation:l,isHovered:n,isActive:d,elevationProps:{onMouseEnter:v,onMouseLeave:f,onMouseDown:w,onMouseUp:m}}}exports.LiftedBox=L;exports.LiftedButton=g;exports.LiftedCard=P;exports.LiftedModal=k;exports.LiftedProvider=V;exports.useDarkMode=E;exports.useElevation=A;exports.useLifted=I;exports.useLiftedContext=z;

package/dist/vanilla/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Lifted - Vanilla JavaScript Module
+ */
+export { initLiftedBox, initAllLiftedBoxes, applyLift, removeLift, getLiftCSS, } from './init';
+export { generateShadow, generateBoxShadow, layersToCSS, ELEVATION_PRESETS, resolveElevation, } from '../core/css-generator';
+export { calculateShadowLayers, calculateLightAngle, normalizeLightSource, } from '../core/calculations';
+export { calculateShadowColor, parseColor, isLightColor, } from '../core/color';
+export type { VanillaLiftedBoxOptions, VanillaLiftedBoxInstance, ShadowOptions, ShadowResult, LightSourceProp, LightSource, } from '../core/types';
+export type { ElevationPreset } from '../core/css-generator';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vanilla/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,SAAS,EACT,UAAU,EACV,UAAU,GACX,MAAM,QAAQ,CAAC;AAEhB,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EACL,oBAAoB,EACpB,UAAU,EACV,YAAY,GACb,MAAM,eAAe,CAAC;AAEvB,YAAY,EACV,uBAAuB,EACvB,wBAAwB,EACxB,aAAa,EACb,YAAY,EACZ,eAAe,EACf,WAAW,GACZ,MAAM,eAAe,CAAC;AAEvB,YAAY,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/vanilla/init.d.ts

@@ -0,0 +1,8 @@
+import { VanillaLiftedBoxOptions, VanillaLiftedBoxInstance } from '../core/types';
+
+export declare function initLiftedBox(element: HTMLElement, options?: VanillaLiftedBoxOptions): VanillaLiftedBoxInstance;
+export declare function initAllLiftedBoxes(selector?: string, defaultOptions?: VanillaLiftedBoxOptions): VanillaLiftedBoxInstance[];
+export declare function applyLift(element: HTMLElement, elevation: number, options?: Partial<VanillaLiftedBoxOptions>): void;
+export declare function removeLift(element: HTMLElement): void;
+export declare function getLiftCSS(elevation: number, options?: Partial<VanillaLiftedBoxOptions>): string;
+//# sourceMappingURL=init.d.ts.map

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

@@ -0,0 +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"}

package/dist/vanilla.d.ts

@@ -0,0 +1 @@
+export * from './vanilla/index'

package/dist/vanilla.esm.js

@@ -0,0 +1,93 @@
+import { g as u, a as f, n as S, s as m } from "./index-G-GHoQdJ.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-G-GHoQdJ.js";
+function w(e, a = {}) {
+  let o = { ...a }, i = null, n = null, r = null, d = !1;
+  const l = S(o.lightSource);
+  function h() {
+    const t = e.getBoundingClientRect();
+    return {
+      x: t.left,
+      y: t.top,
+      width: t.width,
+      height: t.height
+    };
+  }
+  function s() {
+    if (d) return;
+    const t = u(
+      {
+        elevation: o.elevation ?? 0.3,
+        lightSource: o.lightSource,
+        background: o.background,
+        shadowColor: o.shadowColor,
+        shadowColorDark: o.shadowColorDark,
+        intensity: o.intensity ?? 1,
+        isDarkMode: o.isDarkMode ?? !1
+      },
+      h(),
+      n
+    );
+    e.style.boxShadow = t.boxShadow;
+  }
+  function c(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 }), {
+    setElevation(t) {
+      o.elevation = t, s();
+    },
+    setLightSource(t) {
+      o.lightSource = t, s();
+    },
+    update(t) {
+      o = { ...o, ...t }, t.background && (e.style.backgroundColor = t.background), s();
+    },
+    getShadowCSS() {
+      return e.style.boxShadow;
+    },
+    destroy() {
+      d = !0, r && cancelAnimationFrame(r), window.removeEventListener("mousemove", c), e.style.boxShadow = "", e.style.transition = "";
+    }
+  };
+}
+function b(e = "[data-lifted]", a = {}) {
+  const o = document.querySelectorAll(e);
+  return Array.from(o).map((i) => {
+    const n = i.dataset.liftedElevation, r = {
+      ...a,
+      elevation: n ? parseFloat(n) : a.elevation
+    };
+    return w(i, r);
+  });
+}
+function v(e, a, o = {}) {
+  const i = u({ elevation: a, ...o });
+  e.style.boxShadow = i.boxShadow;
+}
+function x(e) {
+  e.style.boxShadow = "";
+}
+function p(e, a = {}) {
+  return u({ elevation: e, ...a }).boxShadow;
+}
+export {
+  k as ELEVATION_PRESETS,
+  v as applyLift,
+  E as calculateLightAngle,
+  A as calculateShadowColor,
+  D as calculateShadowLayers,
+  B as generateBoxShadow,
+  u as generateShadow,
+  p as getLiftCSS,
+  b as initAllLiftedBoxes,
+  w as initLiftedBox,
+  F as isLightColor,
+  M as layersToCSS,
+  S as normalizeLightSource,
+  P as parseColor,
+  x as removeLift,
+  T as resolveElevation
+};

package/dist/vanilla.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-4W01YOTU.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;

package/package.json

@@ -0,0 +1,82 @@
+{
+  "name": "@juanlaria/lifted",
+  "version": "0.1.0",
+  "description": "Beautiful, realistic CSS shadows with layered depth - inspired by Josh Comeau & Tobias Ahlin",
+  "keywords": [
+    "css",
+    "shadows",
+    "box-shadow",
+    "elevation",
+    "react",
+    "design-system",
+    "ui",
+    "depth",
+    "lifted",
+    "inner-shadow",
+    "inset"
+  ],
+  "author": "Juan Laria",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.esm.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./react": {
+      "import": "./dist/react.esm.js",
+      "require": "./dist/react.js",
+      "types": "./dist/react.d.ts"
+    },
+    "./vanilla": {
+      "import": "./dist/vanilla.esm.js",
+      "require": "./dist/vanilla.js",
+      "types": "./dist/vanilla.d.ts"
+    },
+    "./styles": "./dist/styles/index.css"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/juanlaria/lifted.git"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview",
+    "test": "vitest",
+    "lint": "eslint src --ext ts,tsx",
+    "type-check": "tsc --noEmit",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "@vitejs/plugin-react": "^4.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "typescript": "^5.3.0",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^3.7.0",
+    "vitest": "^1.2.0"
+  }
+}