@mhmo91/schmancy 0.8.4 → 0.9.2

package/dist/ai/typography.md

@@ -1,306 +1,53 @@
-# Schmancy Typography - AI Reference
+# schmancy-typography
 
-```js
-// Component Tag
-<schmancy-typography
-  type="display|headline|title|subtitle|label|body"      // Typography scale type
-  token="xl|lg|md|sm|xs"                                 // Size token within type
-  align?="left|center|justify|right"                     // Text alignment
-  weight?="normal|medium|bold"                           // Font weight override
-  transform?="uppercase|lowercase|capitalize|normal"     // Text transformation
-  maxLines?="1|2|3|4|5|6"                               // Truncate with ellipsis
-  class?="additional-tailwind-classes"                   // Additional styling
-  @click=${handler}>                                     // Click handler
-  <!-- Text content or HTML -->
-</schmancy-typography>
-
-// Import
-import '@schmancy/index'  // For all Schmancy components
-// Or specific import: import '@schmancy/typography'
-
-// Typography Scale Reference (size/line-height)
-// Display: xl (72/80), lg (57/64), md (45/52), sm (36/44), xs (28/36)
-// Headline: xl (36/44), lg (32/40), md (28/36), sm (24/32), xs (20/28)
-// Title: xl (24/32), lg (22/28), md (16/24), sm (14/20), xs (12/16)
-// Subtitle: xl (20/28), lg (18/24), md (16/24), sm (14/20), xs (12/16)
-// Label: xl (16/22), lg (14/20), md (12/16), sm (11/16), xs (10/14)
-// Body: xl (18/28), lg (16/24), md (14/20), sm (12/16), xs (10/14)
-
-// Examples
-// 1. Page heading (Display)
-<schmancy-typography type="display" token="lg">
-  Welcome to Schmancy
-</schmancy-typography>
-
-// 2. Section heading (Headline)
-<schmancy-typography type="headline" token="md">
-  Getting Started
-</schmancy-typography>
-
-// 3. Card title
-<schmancy-typography type="title" token="lg">
-  User Profile Settings
-</schmancy-typography>
-
-// 4. Form label
-<schmancy-typography type="label" token="md">
-  Email Address
-</schmancy-typography>
-
-// 5. Body text
-<schmancy-typography type="body" token="md">
-  This is the main content paragraph with medium body text.
-</schmancy-typography>
-
-// 6. With additional styling
-<schmancy-typography type="headline" token="sm" class="mb-4">
-  Section Title
-</schmancy-typography>
-
-// 7. Centered uppercase title
-<schmancy-typography type="title" token="lg" align="center" transform="uppercase">
-  Section Header
-</schmancy-typography>
-
-// 8. Clickable text (wrap in surface or use native link)
-<schmancy-surface type="primaryContainer" class="inline-block px-2 py-1 rounded cursor-pointer" @click="${handleClick}">
-  <schmancy-typography type="body" token="md">
-    Click me for more information
-  </schmancy-typography>
-</schmancy-surface>
-
-// 9. Truncated text with ellipsis
-<schmancy-typography type="body" token="md" maxLines="2">
-  This is a long description that will be truncated after two lines with an ellipsis if it exceeds the available space...
-</schmancy-typography>
-
-// 10. Multiple typography in a card
-<schmancy-card class="p-6">
-  <schmancy-typography type="headline" token="sm" class="block mb-2">
-    Card Title
-  </schmancy-typography>
-  <schmancy-typography type="body" token="md" class="block mb-4">
-    This is a description that provides more context about the card content.
-  </schmancy-typography>
-  <schmancy-surface type="primaryContainer" class="inline-block px-2 py-1 rounded">
-    <schmancy-typography type="label" token="lg">
-      View Details →
-    </schmancy-typography>
-  </schmancy-surface>
-</schmancy-card>
-```
-
-## Related Components
-- **[Card](./card.md)**: Often used within cards for titles and content
-- **[Button](./button.md)**: Typography can be used within buttons for custom text
-- **[Surface](./surface.md)**: Typography inherits color from surface containers
-- **[Form](./form.md)**: Labels and helper text in forms
-- **[Table](./table.md)**: Headers and cell content formatting
-
-## Technical Details
-
-### Typography Scale System
-Material Design 3 typography scale with 6 types, each with 5 sizes:
-
-**Display** - Largest text for big statements (weight: 400)
-- `xl`: 72px/80px line-height
-- `lg`: 57px/64px line-height
-- `md`: 45px/52px line-height
-- `sm`: 36px/44px line-height
-- `xs`: 28px/36px line-height
-
-**Headline** - Section headers and important titles (weight: 400)
-- `xl`: 36px/44px line-height
-- `lg`: 32px/40px line-height
-- `md`: 28px/36px line-height
-- `sm`: 24px/32px line-height
-- `xs`: 20px/28px line-height
-
-**Title** - Smaller titles and subtitles (weight: 400)
-- `xl`: 24px/32px line-height (weight: 400)
-- `lg`: 22px/28px line-height (weight: 400)
-- `md`: 16px/24px line-height (weight: 500)
-- `sm`: 14px/20px line-height (weight: 500)
-- `xs`: 12px/16px line-height (weight: 500)
-
-**Subtitle** - Secondary headings (weight: 500)
-- `xl`: 20px/28px line-height
-- `lg`: 18px/24px line-height
-- `md`: 16px/24px line-height
-- `sm`: 14px/20px line-height
-- `xs`: 12px/16px line-height
+> Typography component with type scale tokens, editable mode, and line clamping.
 
-**Label** - UI labels and buttons (weight: 500)
-- `xl`: 16px/22px line-height
-- `lg`: 14px/20px line-height
-- `md`: 12px/16px line-height
-- `sm`: 11px/16px line-height
-- `xs`: 10px/14px line-height
-
-**Body** - Main content text (weight: 400)
-- `xl`: 18px/28px line-height
-- `lg`: 16px/24px line-height
-- `md`: 14px/20px line-height
-- `sm`: 12px/16px line-height
-- `xs`: 10px/14px line-height
-
-### Additional Properties
-
-**Text Alignment** (`align`)
-- `left`: Align text to the left
-- `center`: Center the text
-- `justify`: Justify text
-- `right`: Align text to the right
-
-**Font Weight** (`weight`)
-- `normal`: 400 weight
-- `medium`: 500 weight
-- `bold`: 700 weight
-
-**Text Transform** (`transform`)
-- `uppercase`: Convert to uppercase
-- `lowercase`: Convert to lowercase
-- `capitalize`: Capitalize first letter of each word
-- `normal`: No transformation
-
-**Line Clamping** (`maxLines`)
-- Truncates text after specified number of lines
-- Adds ellipsis (...) at the end
-- Values: 1-6 lines
-
-### Theme Integration
-Typography automatically inherits colors from the theme:
-- Uses `color: var(--schmancy-sys-color-surface-on)` by default
-- Automatically inherits the correct text color from parent surfaces
-- WARNING: Avoid overriding with Tailwind color classes when inside surfaces
-
-### Color Inheritance
-
-## 🚨 ABSOLUTE RULE: NEVER PUT COLOR CLASSES ON SCHMANCY-TYPOGRAPHY
-
-**Typography MUST inherit its color from the parent surface. NO EXCEPTIONS.**
-
-### Why This Rule Exists
-- `schmancy-typography` automatically gets the correct contrast color from its parent surface
-- Adding `text-*` classes breaks the design system's color inheritance
-- It causes visual inconsistency when themes change
-- It violates Material Design 3's surface/on-color relationship
-
-### ❌ FORBIDDEN - Color Classes on Typography
+## Usage
 ```html
-<!-- ALL OF THESE ARE WRONG - NEVER DO THIS -->
-<schmancy-typography type="headline" token="md" class="text-error">Wrong</schmancy-typography>
-<schmancy-typography type="body" token="sm" class="text-success">Wrong</schmancy-typography>
-<schmancy-typography type="title" token="lg" class="text-primary">Wrong</schmancy-typography>
-<schmancy-typography type="label" token="md" class="text-warning">Wrong</schmancy-typography>
-<schmancy-typography class="text-surface-onVariant">Wrong</schmancy-typography>
+<schmancy-typography type="headline" token="lg">Page Title</schmancy-typography>
 ```
 
-### ✅ CORRECT - Use Surfaces to Control Color
+## Properties
+| Property | Type | Default | Description |
+|----------|------|---------|-------------|
+| type | `'display'\|'headline'\|'title'\|'subtitle'\|'body'\|'label'` | `'body'` | Typography category |
+| token | `'xs'\|'sm'\|'md'\|'lg'\|'xl'\|''` | `'md'` | Size token (set `''` to use Tailwind classes) |
+| align | `'left'\|'center'\|'right'\|'justify'` | `undefined` | Text alignment |
+| weight | `'normal'\|'medium'\|'bold'` | `undefined` | Font weight |
+| transform | `'uppercase'\|'lowercase'\|'capitalize'\|'normal'` | `undefined` | Text transform |
+| maxLines | 1-6 | `undefined` | Line clamp (truncate with ellipsis) |
+| editable | boolean | `false` | Enable inline editing |
+| value | string | `''` | Text value (editable mode) |
+| placeholder | string | `''` | Placeholder (editable mode) |
+
+## Events (editable mode only)
+| Event | Detail | Description |
+|-------|--------|-------------|
+| change | `{ value: string }` | When edited text is committed (blur/Enter) |
+
+## Type Scale Reference
+| Type | Token | Size |
+|------|-------|------|
+| display | xl/lg/md/sm/xs | 72/57/45/36/28px |
+| headline | xl/lg/md/sm/xs | 36/32/28/24/20px |
+| title | xl/lg/md/sm/xs | 24/22/16/14/12px |
+| body | xl/lg/md/sm/xs | 18/16/14/12/10px |
+| label | xl/lg/md/sm/xs | 16/14/12/11/10px |
+
+## Examples
 ```html
-<!-- Need error text? Use error surface -->
-<schmancy-surface type="error" class="px-2 py-1 rounded">
-  <schmancy-typography type="body" token="sm">
-    Error message here (automatically gets on-error color)
-  </schmancy-typography>
-</schmancy-surface>
-
-<!-- Need primary-colored text? Use primary surface -->
-<schmancy-surface type="primary" class="px-2 py-1 rounded">
-  <schmancy-typography type="label" token="md">
-    Primary text (automatically gets on-primary color)
-  </schmancy-typography>
-</schmancy-surface>
-
-<!-- Normal text inside container -->
-<schmancy-surface type="container" class="p-4">
-  <schmancy-typography type="headline" token="md">
-    This text automatically uses the correct contrast color
-  </schmancy-typography>
-</schmancy-surface>
-```
+<!-- Responsive sizing with Tailwind (set token="") -->
+<schmancy-typography type="display" token="" class="text-2xl md:text-4xl">
+  Responsive Title
+</schmancy-typography>
 
-### ❌ ALSO FORBIDDEN - Spans with Colors Inside Typography
-```html
-<!-- WRONG - No color classes inside typography either! -->
-<schmancy-typography type="body" token="md">
-  Total: <span class="text-error">-€338.89</span>  <!-- WRONG -->
+<!-- Editable text -->
+<schmancy-typography type="title" token="lg" editable .value=${'Click to edit'}
+  @change=${(e) => save(e.detail.value)}>
 </schmancy-typography>
-```
 
-### ✅ CORRECT - Always Wrap with Surface
-```html
-<!-- For colored values, wrap the typography in a surface -->
-<schmancy-surface type="errorContainer" class="px-2 py-0.5 rounded inline-block">
-  <schmancy-typography type="body" token="md">-€338.89</schmancy-typography>
-</schmancy-surface>
+<!-- Clamped to 2 lines -->
+<schmancy-typography type="body" token="md" maxLines="2">
+  Long text that will be truncated after two lines...
+</schmancy-typography>
 ```
-
-### Available Surface Types for Colored Text
-| Need This Color | Use This Surface |
-|-----------------|------------------|
-| Error/Red text | `type="error"` or `type="errorContainer"` |
-| Success/Green text | `type="success"` or `type="successContainer"` |
-| Warning/Amber text | `type="warning"` or `type="warningContainer"` |
-| Primary accent | `type="primary"` or `type="primaryContainer"` |
-| Secondary accent | `type="secondary"` or `type="secondaryContainer"` |
-| Tertiary accent | `type="tertiary"` or `type="tertiaryContainer"` |
-
-### The Principle
-**Surfaces define the background AND automatically provide the correct text color.**
-- `schmancy-surface type="error"` → red background, white text (automatic)
-- `schmancy-surface type="errorContainer"` → light red background, dark red text (automatic)
-- Trust the design system - don't override it with color classes
-
-### Implementation Details
-- Uses Shadow DOM with encapsulated styles
-- All typography values are hardcoded in the component
-- Renders with `display: block` by default
-- Font family inherits from parent
-- All properties reflect to HTML attributes for CSS targeting
-
-## Common Use Cases
-
-1. **Page Layout**
-   ```html
-   <schmancy-typography type="display" token="md" class="block mb-4">
-     Dashboard
-   </schmancy-typography>
-   <schmancy-typography type="body" token="lg" class="block">
-     Welcome back! Here's your activity summary.
-   </schmancy-typography>
-   ```
-
-2. **Form Fields**
-   ```html
-   <schmancy-typography type="label" token="md" class="block mb-2">
-     Username
-   </schmancy-typography>
-   <schmancy-input placeholder="Enter username"></schmancy-input>
-   ```
-
-3. **Data Display**
-   ```html
-   <schmancy-surface type="primaryContainer" class="inline-block px-3 py-2 rounded">
-     <schmancy-typography type="headline" token="md" class="block">
-       $1,234.56
-     </schmancy-typography>
-   </schmancy-surface>
-   <schmancy-typography type="label" token="sm">
-     Total Revenue
-   </schmancy-typography>
-   ```
-
-4. **List Items**
-   ```html
-   <div class="space-y-4">
-     <div>
-       <schmancy-typography type="title" token="md" class="block">
-         Feature One
-       </schmancy-typography>
-       <schmancy-typography type="body" token="sm" class="block">
-         Description of the first feature
-       </schmancy-typography>
-     </div>
-   </div>
-   ```

package/dist/animation-BK-8BwY8.js

@@ -0,0 +1,173 @@
+var e = {
+	name: "smooth",
+	duration: 500,
+	easing: "linear(\n		0, 0.006, 0.025 2.8%, 0.101 6.1%, 0.539 18.9%, 0.721 25.3%, 0.849 31.5%,\n		0.937 38.1%, 0.968 41.8%, 0.991 45.7%, 1.006 50%, 1.015 54.8%,\n		1.017 63.3%, 1.001\n	)",
+	easingFallback: "cubic-bezier(0.34, 1.56, 0.64, 1)",
+	spring: {
+		stiffness: 100,
+		damping: 15,
+		mass: 1
+	}
+}, t = {
+	name: "snappy",
+	duration: 300,
+	easing: "linear(\n		0, 0.009, 0.035 2.1%, 0.141 4.4%, 0.723 15.5%, 0.938 23.8%,\n		1.017 30.2%, 1.041 37.3%, 1.026 52.4%, 1.001\n	)",
+	easingFallback: "cubic-bezier(0.22, 1.25, 0.36, 1)",
+	spring: {
+		stiffness: 200,
+		damping: 20,
+		mass: 1
+	}
+}, n = {
+	name: "bouncy",
+	duration: 600,
+	easing: "linear(\n		0, 0.004, 0.016 2.3%, 0.065 4.8%, 0.258 9.9%, 0.489 15%,\n		0.683 20.1%, 0.847 25.4%, 0.963 30.6%, 1.039 36%, 1.086 41.8%,\n		1.107 48.1%, 1.101 55.1%, 1.064 73.1%, 1.026 85.2%, 1.001\n	)",
+	easingFallback: "cubic-bezier(0.34, 1.8, 0.64, 1)",
+	spring: {
+		stiffness: 100,
+		damping: 10,
+		mass: 1
+	}
+}, r = {
+	name: "gentle",
+	duration: 700,
+	easing: "linear(\n		0, 0.002, 0.009 2.6%, 0.036 5.3%, 0.153 11.3%, 0.352 18.5%,\n		0.554 25.4%, 0.733 32.6%, 0.865 40.2%, 0.945 48.5%,\n		0.984 58.2%, 0.997 70.5%, 1\n	)",
+	easingFallback: "cubic-bezier(0.4, 0, 0.2, 1)",
+	spring: {
+		stiffness: 80,
+		damping: 25,
+		mass: 1.2
+	}
+}, i = e.easingFallback, a = "ease-out", o = "ease-in", s = t.duration, c = 150, l = 200, u = `\n\t/* Blackbird Animation System - Spring Physics */\n\n\t/* Smooth preset (Apple-style) */\n\t--blackbird-duration-smooth: ${e.duration}ms;\n\t--blackbird-easing-smooth: ${e.easingFallback};\n\t--blackbird-easing-smooth-spring: ${e.easing};\n\n\t/* Snappy preset (quick interactions) */\n\t--blackbird-duration-snappy: ${t.duration}ms;\n\t--blackbird-easing-snappy: ${t.easingFallback};\n\t--blackbird-easing-snappy-spring: ${t.easing};\n\n\t/* Bouncy preset (playful) */\n\t--blackbird-duration-bouncy: ${n.duration}ms;\n\t--blackbird-easing-bouncy: ${n.easingFallback};\n\t--blackbird-easing-bouncy-spring: ${n.easing};\n\n\t/* Gentle preset (subtle) */\n\t--blackbird-duration-gentle: ${r.duration}ms;\n\t--blackbird-easing-gentle: ${r.easingFallback};\n\t--blackbird-easing-gentle-spring: ${r.easing};\n`;
+function d(e) {
+	return typeof CSS < "u" && CSS.supports?.("animation-timing-function", "linear(0, 1)") ? e.easing : e.easingFallback;
+}
+function f() {
+	return typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function p(e, t) {
+	return f() ? {
+		keyframes: [t.to],
+		options: {
+			duration: 0,
+			fill: "forwards"
+		}
+	} : {
+		keyframes: [t.from, t.to],
+		options: {
+			duration: e.duration,
+			easing: e.easingFallback,
+			fill: "forwards"
+		}
+	};
+}
+function m(t = e, n = 16) {
+	return p(t, {
+		from: {
+			opacity: 0,
+			transform: `translateY(-${n}px) scale(0.96)`
+		},
+		to: {
+			opacity: 1,
+			transform: "translateY(0) scale(1)"
+		}
+	});
+}
+function h(t = e, n = 12) {
+	let r = p(t, {
+		from: {
+			opacity: 1,
+			transform: "translateY(0) scale(1)"
+		},
+		to: {
+			opacity: 0,
+			transform: `translateY(-${n}px) scale(0.97)`
+		}
+	});
+	return r.options.duration && (r.options.duration = .7 * r.options.duration), r;
+}
+function g(e = t, n = .9, r = 1) {
+	return p(e, {
+		from: {
+			opacity: n < r ? 0 : 1,
+			transform: `scale(${n})`
+		},
+		to: {
+			opacity: +(n < r),
+			transform: `scale(${r})`
+		}
+	});
+}
+var _ = {
+	transitionTimingFunction: {
+		"spring-smooth": e.easingFallback,
+		"spring-snappy": t.easingFallback,
+		"spring-bouncy": n.easingFallback,
+		"spring-gentle": r.easingFallback
+	},
+	transitionDuration: {
+		"spring-smooth": `${e.duration}ms`,
+		"spring-snappy": `${t.duration}ms`,
+		"spring-bouncy": `${n.duration}ms`,
+		"spring-gentle": `${r.duration}ms`
+	},
+	keyframes: {
+		"blackbird-reveal": {
+			"0%": {
+				opacity: "0",
+				transform: "translateY(-16px) scale(0.96)"
+			},
+			"100%": {
+				opacity: "1",
+				transform: "translateY(0) scale(1)"
+			}
+		},
+		"blackbird-dismiss": {
+			"0%": {
+				opacity: "1",
+				transform: "translateY(0) scale(1)"
+			},
+			"100%": {
+				opacity: "0",
+				transform: "translateY(-12px) scale(0.97)"
+			}
+		},
+		"blackbird-scale-in": {
+			"0%": {
+				opacity: "0",
+				transform: "scale(0.9)"
+			},
+			"100%": {
+				opacity: "1",
+				transform: "scale(1)"
+			}
+		},
+		"blackbird-scale-out": {
+			"0%": {
+				opacity: "1",
+				transform: "scale(1)"
+			},
+			"100%": {
+				opacity: "0",
+				transform: "scale(0.9)"
+			}
+		},
+		"blackbird-slide-up": {
+			"0%": { transform: "translateY(100%)" },
+			"100%": { transform: "translateY(0)" }
+		},
+		"blackbird-slide-down": {
+			"0%": { transform: "translateY(0)" },
+			"100%": { transform: "translateY(100%)" }
+		}
+	},
+	animation: {
+		"blackbird-reveal": `blackbird-reveal ${e.duration}ms ${e.easingFallback} forwards`,
+		"blackbird-dismiss": `blackbird-dismiss ${.7 * e.duration}ms ${e.easingFallback} forwards`,
+		"blackbird-scale-in": `blackbird-scale-in ${t.duration}ms ${t.easingFallback} forwards`,
+		"blackbird-scale-out": `blackbird-scale-out ${.7 * t.duration}ms ${t.easingFallback} forwards`,
+		"blackbird-slide-up": `blackbird-slide-up ${e.duration}ms ${e.easingFallback} forwards`,
+		"blackbird-slide-down": `blackbird-slide-down ${.7 * e.duration}ms ${e.easingFallback} forwards`
+	}
+}, v = `\n\t/* Grid-based height animation with spring physics */\n\t.blackbird-grid {\n\t\tdisplay: grid;\n\t\tgrid-template-rows: 0fr;\n\t\toverflow: hidden;\n\t\ttransition: grid-template-rows ${e.duration}ms ${e.easingFallback};\n\t}\n\n\t/* Use spring easing when linear() is supported */\n\t@supports (animation-timing-function: linear(0, 1)) {\n\t\t.blackbird-grid {\n\t\t\ttransition: grid-template-rows ${e.duration}ms ${e.easing};\n\t\t}\n\t}\n\n\t.blackbird-grid[data-open='true'],\n\t.blackbird-grid.open {\n\t\tgrid-template-rows: 1fr;\n\t}\n\n\t.blackbird-grid > * {\n\t\toverflow: hidden;\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t.blackbird-grid {\n\t\t\ttransition: none;\n\t\t}\n\t}\n`;
+export { d as _, c as a, v as c, e as d, t as f, g, m as h, s as i, n as l, h as m, i as n, o, p, l as r, a as s, u as t, r as u, f as v, _ as y };

package/dist/animation-BK-8BwY8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation-BK-8BwY8.js","names":[],"sources":["../src/utils/animation.ts"],"sourcesContent":["/**\n * Blackbird Animation System\n *\n * A comprehensive animation system using spring physics for natural,\n * organic motion. Named after the smooth, arcing flight patterns of birds.\n *\n * Features:\n * - Spring physics via CSS linear() (88% browser support)\n * - Cubic-bezier fallbacks for older browsers\n * - Typed interfaces for Web Animations API\n * - CSS custom properties for Tailwind integration\n * - Multiple presets: smooth, snappy, bouncy\n *\n * @see https://www.joshwcomeau.com/animation/linear-timing-function/\n * @see https://developer.chrome.com/docs/css-ui/css-linear-easing-function\n */\n\n// =============================================================================\n// TYPES\n// =============================================================================\n\n/** Spring configuration parameters */\nexport interface SpringConfig {\n\t/** Spring stiffness (higher = faster) */\n\tstiffness: number\n\t/** Damping ratio (higher = less bounce) */\n\tdamping: number\n\t/** Mass (higher = slower) */\n\tmass: number\n}\n\n/** Animation preset with all timing values */\nexport interface AnimationPreset {\n\t/** Human-readable name */\n\tname: string\n\t/** Duration in milliseconds */\n\tduration: number\n\t/** CSS linear() easing function (modern browsers) */\n\teasing: string\n\t/** Cubic-bezier fallback (all browsers) */\n\teasingFallback: string\n\t/** Spring configuration used to generate this preset */\n\tspring: SpringConfig\n}\n\n/** Keyframe options for Web Animations API */\nexport interface BlackbirdKeyframes {\n\t/** Starting state */\n\tfrom: Keyframe\n\t/** Ending state */\n\tto: Keyframe\n}\n\n/** Complete animation configuration */\nexport interface BlackbirdAnimation {\n\tkeyframes: Keyframe[]\n\toptions: KeyframeAnimationOptions\n}\n\n// =============================================================================\n// SPRING PRESETS\n// =============================================================================\n\n/**\n * Smooth preset - Apple-style, subtle overshoot\n * Best for: Details, accordions, content reveals\n */\nexport const SPRING_SMOOTH: AnimationPreset = {\n\tname: 'smooth',\n\tduration: 500,\n\teasing: `linear(\n\t\t0, 0.006, 0.025 2.8%, 0.101 6.1%, 0.539 18.9%, 0.721 25.3%, 0.849 31.5%,\n\t\t0.937 38.1%, 0.968 41.8%, 0.991 45.7%, 1.006 50%, 1.015 54.8%,\n\t\t1.017 63.3%, 1.001\n\t)`,\n\teasingFallback: 'cubic-bezier(0.34, 1.56, 0.64, 1)',\n\tspring: { stiffness: 100, damping: 15, mass: 1 },\n}\n\n/**\n * Snappy preset - Quick with minimal overshoot\n * Best for: Buttons, toggles, quick interactions\n */\nexport const SPRING_SNAPPY: AnimationPreset = {\n\tname: 'snappy',\n\tduration: 300,\n\teasing: `linear(\n\t\t0, 0.009, 0.035 2.1%, 0.141 4.4%, 0.723 15.5%, 0.938 23.8%,\n\t\t1.017 30.2%, 1.041 37.3%, 1.026 52.4%, 1.001\n\t)`,\n\teasingFallback: 'cubic-bezier(0.22, 1.25, 0.36, 1)',\n\tspring: { stiffness: 200, damping: 20, mass: 1 },\n}\n\n/**\n * Bouncy preset - Playful with noticeable overshoot\n * Best for: Notifications, celebrations, attention-grabbing\n */\nexport const SPRING_BOUNCY: AnimationPreset = {\n\tname: 'bouncy',\n\tduration: 600,\n\teasing: `linear(\n\t\t0, 0.004, 0.016 2.3%, 0.065 4.8%, 0.258 9.9%, 0.489 15%,\n\t\t0.683 20.1%, 0.847 25.4%, 0.963 30.6%, 1.039 36%, 1.086 41.8%,\n\t\t1.107 48.1%, 1.101 55.1%, 1.064 73.1%, 1.026 85.2%, 1.001\n\t)`,\n\teasingFallback: 'cubic-bezier(0.34, 1.8, 0.64, 1)',\n\tspring: { stiffness: 100, damping: 10, mass: 1 },\n}\n\n/**\n * Gentle preset - Slow, smooth, no overshoot\n * Best for: Page transitions, modal backgrounds, subtle reveals\n */\nexport const SPRING_GENTLE: AnimationPreset = {\n\tname: 'gentle',\n\tduration: 700,\n\teasing: `linear(\n\t\t0, 0.002, 0.009 2.6%, 0.036 5.3%, 0.153 11.3%, 0.352 18.5%,\n\t\t0.554 25.4%, 0.733 32.6%, 0.865 40.2%, 0.945 48.5%,\n\t\t0.984 58.2%, 0.997 70.5%, 1\n\t)`,\n\teasingFallback: 'cubic-bezier(0.4, 0, 0.2, 1)',\n\tspring: { stiffness: 80, damping: 25, mass: 1.2 },\n}\n\n// =============================================================================\n// LEGACY EXPORTS (backwards compatibility)\n// =============================================================================\n\n/** @deprecated Use SPRING_SMOOTH.easingFallback instead */\nexport const BLACKBIRD_EASING = SPRING_SMOOTH.easingFallback\n\n/** Standard easing for smooth transitions */\nexport const EASE_OUT = 'ease-out'\nexport const EASE_IN = 'ease-in'\n\n/** Standard durations */\nexport const DURATION_ENTER = SPRING_SNAPPY.duration\nexport const DURATION_EXIT = 150\nexport const DURATION_BACKDROP = 200\n\n// =============================================================================\n// CSS CUSTOM PROPERTIES\n// =============================================================================\n\n/**\n * CSS custom properties for use in stylesheets.\n * These can be injected into :root or a component's styles.\n *\n * @example\n * ```css\n * :root {\n *   ${ANIMATION_CSS_VARS}\n * }\n *\n * .element {\n *   transition: transform var(--blackbird-duration-smooth) var(--blackbird-easing-smooth);\n * }\n * ```\n */\nexport const ANIMATION_CSS_VARS = `\n\t/* Blackbird Animation System - Spring Physics */\n\n\t/* Smooth preset (Apple-style) */\n\t--blackbird-duration-smooth: ${SPRING_SMOOTH.duration}ms;\n\t--blackbird-easing-smooth: ${SPRING_SMOOTH.easingFallback};\n\t--blackbird-easing-smooth-spring: ${SPRING_SMOOTH.easing};\n\n\t/* Snappy preset (quick interactions) */\n\t--blackbird-duration-snappy: ${SPRING_SNAPPY.duration}ms;\n\t--blackbird-easing-snappy: ${SPRING_SNAPPY.easingFallback};\n\t--blackbird-easing-snappy-spring: ${SPRING_SNAPPY.easing};\n\n\t/* Bouncy preset (playful) */\n\t--blackbird-duration-bouncy: ${SPRING_BOUNCY.duration}ms;\n\t--blackbird-easing-bouncy: ${SPRING_BOUNCY.easingFallback};\n\t--blackbird-easing-bouncy-spring: ${SPRING_BOUNCY.easing};\n\n\t/* Gentle preset (subtle) */\n\t--blackbird-duration-gentle: ${SPRING_GENTLE.duration}ms;\n\t--blackbird-easing-gentle: ${SPRING_GENTLE.easingFallback};\n\t--blackbird-easing-gentle-spring: ${SPRING_GENTLE.easing};\n`\n\n// =============================================================================\n// HELPER FUNCTIONS\n// =============================================================================\n\n/**\n * Get the appropriate easing function based on browser support.\n * Uses linear() if supported, falls back to cubic-bezier.\n */\nexport function getEasing(preset: AnimationPreset): string {\n\t// Feature detect linear() support\n\tif (typeof CSS !== 'undefined' && CSS.supports?.('animation-timing-function', 'linear(0, 1)')) {\n\t\treturn preset.easing\n\t}\n\treturn preset.easingFallback\n}\n\n/**\n * Check if the browser supports reduced motion preference.\n */\nexport function prefersReducedMotion(): boolean {\n\treturn typeof window !== 'undefined' && window.matchMedia('(prefers-reduced-motion: reduce)').matches\n}\n\n/**\n * Create a Web Animations API animation configuration.\n *\n * @example\n * ```ts\n * const anim = createAnimation(SPRING_SMOOTH, {\n *   from: { opacity: 0, transform: 'translateY(-16px)' },\n *   to: { opacity: 1, transform: 'translateY(0)' }\n * })\n *\n * element.animate(anim.keyframes, anim.options)\n * ```\n */\nexport function createAnimation(preset: AnimationPreset, keyframes: BlackbirdKeyframes): BlackbirdAnimation {\n\t// Respect reduced motion preference\n\tif (prefersReducedMotion()) {\n\t\treturn {\n\t\t\tkeyframes: [keyframes.to],\n\t\t\toptions: { duration: 0, fill: 'forwards' },\n\t\t}\n\t}\n\n\treturn {\n\t\tkeyframes: [keyframes.from, keyframes.to],\n\t\toptions: {\n\t\t\tduration: preset.duration,\n\t\t\teasing: preset.easingFallback, // Web Animations API doesn't support linear() well\n\t\t\tfill: 'forwards',\n\t\t},\n\t}\n}\n\n/**\n * Create a reveal animation (fade in + slide up).\n * Common pattern for content appearing.\n */\nexport function createRevealAnimation(\n\tpreset: AnimationPreset = SPRING_SMOOTH,\n\tdistance = 16,\n): BlackbirdAnimation {\n\treturn createAnimation(preset, {\n\t\tfrom: { opacity: 0, transform: `translateY(-${distance}px) scale(0.96)` },\n\t\tto: { opacity: 1, transform: 'translateY(0) scale(1)' },\n\t})\n}\n\n/**\n * Create a dismiss animation (fade out + slide up).\n * Common pattern for content disappearing.\n */\nexport function createDismissAnimation(\n\tpreset: AnimationPreset = SPRING_SMOOTH,\n\tdistance = 12,\n): BlackbirdAnimation {\n\tconst anim = createAnimation(preset, {\n\t\tfrom: { opacity: 1, transform: 'translateY(0) scale(1)' },\n\t\tto: { opacity: 0, transform: `translateY(-${distance}px) scale(0.97)` },\n\t})\n\n\t// Dismiss is slightly faster\n\tif (anim.options.duration) {\n\t\tanim.options.duration = (anim.options.duration as number) * 0.7\n\t}\n\n\treturn anim\n}\n\n/**\n * Create a scale animation (pop in/out).\n * Common pattern for buttons and interactive elements.\n */\nexport function createScaleAnimation(\n\tpreset: AnimationPreset = SPRING_SNAPPY,\n\tfromScale = 0.9,\n\ttoScale = 1,\n): BlackbirdAnimation {\n\treturn createAnimation(preset, {\n\t\tfrom: { opacity: fromScale < toScale ? 0 : 1, transform: `scale(${fromScale})` },\n\t\tto: { opacity: fromScale < toScale ? 1 : 0, transform: `scale(${toScale})` },\n\t})\n}\n\n// =============================================================================\n// TAILWIND UTILITIES (for use in tailwind.config.js)\n// =============================================================================\n\n/**\n * Tailwind CSS animation utilities configuration.\n * Import this into your tailwind.config.js to add Blackbird animations.\n *\n * @example\n * ```js\n * // tailwind.config.js\n * const { tailwindAnimations } = require('@mhmo91/schmancy/utils/animation')\n *\n * module.exports = {\n *   theme: {\n *     extend: {\n *       ...tailwindAnimations\n *     }\n *   }\n * }\n * ```\n */\nexport const tailwindAnimations = {\n\ttransitionTimingFunction: {\n\t\t'spring-smooth': SPRING_SMOOTH.easingFallback,\n\t\t'spring-snappy': SPRING_SNAPPY.easingFallback,\n\t\t'spring-bouncy': SPRING_BOUNCY.easingFallback,\n\t\t'spring-gentle': SPRING_GENTLE.easingFallback,\n\t},\n\ttransitionDuration: {\n\t\t'spring-smooth': `${SPRING_SMOOTH.duration}ms`,\n\t\t'spring-snappy': `${SPRING_SNAPPY.duration}ms`,\n\t\t'spring-bouncy': `${SPRING_BOUNCY.duration}ms`,\n\t\t'spring-gentle': `${SPRING_GENTLE.duration}ms`,\n\t},\n\tkeyframes: {\n\t\t'blackbird-reveal': {\n\t\t\t'0%': { opacity: '0', transform: 'translateY(-16px) scale(0.96)' },\n\t\t\t'100%': { opacity: '1', transform: 'translateY(0) scale(1)' },\n\t\t},\n\t\t'blackbird-dismiss': {\n\t\t\t'0%': { opacity: '1', transform: 'translateY(0) scale(1)' },\n\t\t\t'100%': { opacity: '0', transform: 'translateY(-12px) scale(0.97)' },\n\t\t},\n\t\t'blackbird-scale-in': {\n\t\t\t'0%': { opacity: '0', transform: 'scale(0.9)' },\n\t\t\t'100%': { opacity: '1', transform: 'scale(1)' },\n\t\t},\n\t\t'blackbird-scale-out': {\n\t\t\t'0%': { opacity: '1', transform: 'scale(1)' },\n\t\t\t'100%': { opacity: '0', transform: 'scale(0.9)' },\n\t\t},\n\t\t'blackbird-slide-up': {\n\t\t\t'0%': { transform: 'translateY(100%)' },\n\t\t\t'100%': { transform: 'translateY(0)' },\n\t\t},\n\t\t'blackbird-slide-down': {\n\t\t\t'0%': { transform: 'translateY(0)' },\n\t\t\t'100%': { transform: 'translateY(100%)' },\n\t\t},\n\t},\n\tanimation: {\n\t\t'blackbird-reveal': `blackbird-reveal ${SPRING_SMOOTH.duration}ms ${SPRING_SMOOTH.easingFallback} forwards`,\n\t\t'blackbird-dismiss': `blackbird-dismiss ${SPRING_SMOOTH.duration * 0.7}ms ${SPRING_SMOOTH.easingFallback} forwards`,\n\t\t'blackbird-scale-in': `blackbird-scale-in ${SPRING_SNAPPY.duration}ms ${SPRING_SNAPPY.easingFallback} forwards`,\n\t\t'blackbird-scale-out': `blackbird-scale-out ${SPRING_SNAPPY.duration * 0.7}ms ${SPRING_SNAPPY.easingFallback} forwards`,\n\t\t'blackbird-slide-up': `blackbird-slide-up ${SPRING_SMOOTH.duration}ms ${SPRING_SMOOTH.easingFallback} forwards`,\n\t\t'blackbird-slide-down': `blackbird-slide-down ${SPRING_SMOOTH.duration * 0.7}ms ${SPRING_SMOOTH.easingFallback} forwards`,\n\t},\n}\n\n// =============================================================================\n// CSS-IN-JS UTILITIES (for Lit components)\n// =============================================================================\n\n/**\n * CSS string with spring-based grid animation for details/accordions.\n * Use with grid-template-rows for smooth height animation.\n *\n * @example\n * ```ts\n * import { css } from 'lit'\n * import { GRID_ANIMATION_CSS } from '@mhmo91/schmancy'\n *\n * static styles = css`\n *   ${GRID_ANIMATION_CSS}\n *\n *   .content {\n *     display: grid;\n *     grid-template-rows: 0fr;\n *   }\n *   .content[data-open='true'] {\n *     grid-template-rows: 1fr;\n *   }\n * `\n * ```\n */\nexport const GRID_ANIMATION_CSS = `\n\t/* Grid-based height animation with spring physics */\n\t.blackbird-grid {\n\t\tdisplay: grid;\n\t\tgrid-template-rows: 0fr;\n\t\toverflow: hidden;\n\t\ttransition: grid-template-rows ${SPRING_SMOOTH.duration}ms ${SPRING_SMOOTH.easingFallback};\n\t}\n\n\t/* Use spring easing when linear() is supported */\n\t@supports (animation-timing-function: linear(0, 1)) {\n\t\t.blackbird-grid {\n\t\t\ttransition: grid-template-rows ${SPRING_SMOOTH.duration}ms ${SPRING_SMOOTH.easing};\n\t\t}\n\t}\n\n\t.blackbird-grid[data-open='true'],\n\t.blackbird-grid.open {\n\t\tgrid-template-rows: 1fr;\n\t}\n\n\t.blackbird-grid > * {\n\t\toverflow: hidden;\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t.blackbird-grid {\n\t\t\ttransition: none;\n\t\t}\n\t}\n`\n"],"mappings":"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"}

package/dist/animation-CO_Csq84.cjs

@@ -0,0 +1,16 @@
+var e={name:`smooth`,duration:500,easing:`linear(
+		0, 0.006, 0.025 2.8%, 0.101 6.1%, 0.539 18.9%, 0.721 25.3%, 0.849 31.5%,
+		0.937 38.1%, 0.968 41.8%, 0.991 45.7%, 1.006 50%, 1.015 54.8%,
+		1.017 63.3%, 1.001
+	)`,easingFallback:`cubic-bezier(0.34, 1.56, 0.64, 1)`,spring:{stiffness:100,damping:15,mass:1}},t={name:`snappy`,duration:300,easing:`linear(
+		0, 0.009, 0.035 2.1%, 0.141 4.4%, 0.723 15.5%, 0.938 23.8%,
+		1.017 30.2%, 1.041 37.3%, 1.026 52.4%, 1.001
+	)`,easingFallback:`cubic-bezier(0.22, 1.25, 0.36, 1)`,spring:{stiffness:200,damping:20,mass:1}},n={name:`bouncy`,duration:600,easing:`linear(
+		0, 0.004, 0.016 2.3%, 0.065 4.8%, 0.258 9.9%, 0.489 15%,
+		0.683 20.1%, 0.847 25.4%, 0.963 30.6%, 1.039 36%, 1.086 41.8%,
+		1.107 48.1%, 1.101 55.1%, 1.064 73.1%, 1.026 85.2%, 1.001
+	)`,easingFallback:`cubic-bezier(0.34, 1.8, 0.64, 1)`,spring:{stiffness:100,damping:10,mass:1}},r={name:`gentle`,duration:700,easing:`linear(
+		0, 0.002, 0.009 2.6%, 0.036 5.3%, 0.153 11.3%, 0.352 18.5%,
+		0.554 25.4%, 0.733 32.6%, 0.865 40.2%, 0.945 48.5%,
+		0.984 58.2%, 0.997 70.5%, 1
+	)`,easingFallback:`cubic-bezier(0.4, 0, 0.2, 1)`,spring:{stiffness:80,damping:25,mass:1.2}},i=e.easingFallback,a=t.duration,o=`\n\t/* Blackbird Animation System - Spring Physics */\n\n\t/* Smooth preset (Apple-style) */\n\t--blackbird-duration-smooth: ${e.duration}ms;\n\t--blackbird-easing-smooth: ${e.easingFallback};\n\t--blackbird-easing-smooth-spring: ${e.easing};\n\n\t/* Snappy preset (quick interactions) */\n\t--blackbird-duration-snappy: ${t.duration}ms;\n\t--blackbird-easing-snappy: ${t.easingFallback};\n\t--blackbird-easing-snappy-spring: ${t.easing};\n\n\t/* Bouncy preset (playful) */\n\t--blackbird-duration-bouncy: ${n.duration}ms;\n\t--blackbird-easing-bouncy: ${n.easingFallback};\n\t--blackbird-easing-bouncy-spring: ${n.easing};\n\n\t/* Gentle preset (subtle) */\n\t--blackbird-duration-gentle: ${r.duration}ms;\n\t--blackbird-easing-gentle: ${r.easingFallback};\n\t--blackbird-easing-gentle-spring: ${r.easing};\n`;function s(e){return typeof CSS<`u`&&CSS.supports?.(`animation-timing-function`,`linear(0, 1)`)?e.easing:e.easingFallback}function c(){return typeof window<`u`&&window.matchMedia(`(prefers-reduced-motion: reduce)`).matches}function l(e,t){return c()?{keyframes:[t.to],options:{duration:0,fill:`forwards`}}:{keyframes:[t.from,t.to],options:{duration:e.duration,easing:e.easingFallback,fill:`forwards`}}}function u(t=e,n=16){return l(t,{from:{opacity:0,transform:`translateY(-${n}px) scale(0.96)`},to:{opacity:1,transform:`translateY(0) scale(1)`}})}function d(t=e,n=12){let r=l(t,{from:{opacity:1,transform:`translateY(0) scale(1)`},to:{opacity:0,transform:`translateY(-${n}px) scale(0.97)`}});return r.options.duration&&(r.options.duration=.7*r.options.duration),r}function f(e=t,n=.9,r=1){return l(e,{from:{opacity:n<r?0:1,transform:`scale(${n})`},to:{opacity:+(n<r),transform:`scale(${r})`}})}var p={transitionTimingFunction:{"spring-smooth":e.easingFallback,"spring-snappy":t.easingFallback,"spring-bouncy":n.easingFallback,"spring-gentle":r.easingFallback},transitionDuration:{"spring-smooth":`${e.duration}ms`,"spring-snappy":`${t.duration}ms`,"spring-bouncy":`${n.duration}ms`,"spring-gentle":`${r.duration}ms`},keyframes:{"blackbird-reveal":{"0%":{opacity:`0`,transform:`translateY(-16px) scale(0.96)`},"100%":{opacity:`1`,transform:`translateY(0) scale(1)`}},"blackbird-dismiss":{"0%":{opacity:`1`,transform:`translateY(0) scale(1)`},"100%":{opacity:`0`,transform:`translateY(-12px) scale(0.97)`}},"blackbird-scale-in":{"0%":{opacity:`0`,transform:`scale(0.9)`},"100%":{opacity:`1`,transform:`scale(1)`}},"blackbird-scale-out":{"0%":{opacity:`1`,transform:`scale(1)`},"100%":{opacity:`0`,transform:`scale(0.9)`}},"blackbird-slide-up":{"0%":{transform:`translateY(100%)`},"100%":{transform:`translateY(0)`}},"blackbird-slide-down":{"0%":{transform:`translateY(0)`},"100%":{transform:`translateY(100%)`}}},animation:{"blackbird-reveal":`blackbird-reveal ${e.duration}ms ${e.easingFallback} forwards`,"blackbird-dismiss":`blackbird-dismiss ${.7*e.duration}ms ${e.easingFallback} forwards`,"blackbird-scale-in":`blackbird-scale-in ${t.duration}ms ${t.easingFallback} forwards`,"blackbird-scale-out":`blackbird-scale-out ${.7*t.duration}ms ${t.easingFallback} forwards`,"blackbird-slide-up":`blackbird-slide-up ${e.duration}ms ${e.easingFallback} forwards`,"blackbird-slide-down":`blackbird-slide-down ${.7*e.duration}ms ${e.easingFallback} forwards`}},m=`\n\t/* Grid-based height animation with spring physics */\n\t.blackbird-grid {\n\t\tdisplay: grid;\n\t\tgrid-template-rows: 0fr;\n\t\toverflow: hidden;\n\t\ttransition: grid-template-rows ${e.duration}ms ${e.easingFallback};\n\t}\n\n\t/* Use spring easing when linear() is supported */\n\t@supports (animation-timing-function: linear(0, 1)) {\n\t\t.blackbird-grid {\n\t\t\ttransition: grid-template-rows ${e.duration}ms ${e.easing};\n\t\t}\n\t}\n\n\t.blackbird-grid[data-open='true'],\n\t.blackbird-grid.open {\n\t\tgrid-template-rows: 1fr;\n\t}\n\n\t.blackbird-grid > * {\n\t\toverflow: hidden;\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t.blackbird-grid {\n\t\t\ttransition: none;\n\t\t}\n\t}\n`;Object.defineProperty(exports,`_`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return 150}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return`ease-in`}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return 200}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return`ease-out`}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`v`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`y`,{enumerable:!0,get:function(){return p}});

package/dist/animation-CO_Csq84.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation-CO_Csq84.cjs","names":[],"sources":["../src/utils/animation.ts"],"sourcesContent":["/**\n * Blackbird Animation System\n *\n * A comprehensive animation system using spring physics for natural,\n * organic motion. Named after the smooth, arcing flight patterns of birds.\n *\n * Features:\n * - Spring physics via CSS linear() (88% browser support)\n * - Cubic-bezier fallbacks for older browsers\n * - Typed interfaces for Web Animations API\n * - CSS custom properties for Tailwind integration\n * - Multiple presets: smooth, snappy, bouncy\n *\n * @see https://www.joshwcomeau.com/animation/linear-timing-function/\n * @see https://developer.chrome.com/docs/css-ui/css-linear-easing-function\n */\n\n// =============================================================================\n// TYPES\n// =============================================================================\n\n/** Spring configuration parameters */\nexport interface SpringConfig {\n\t/** Spring stiffness (higher = faster) */\n\tstiffness: number\n\t/** Damping ratio (higher = less bounce) */\n\tdamping: number\n\t/** Mass (higher = slower) */\n\tmass: number\n}\n\n/** Animation preset with all timing values */\nexport interface AnimationPreset {\n\t/** Human-readable name */\n\tname: string\n\t/** Duration in milliseconds */\n\tduration: number\n\t/** CSS linear() easing function (modern browsers) */\n\teasing: string\n\t/** Cubic-bezier fallback (all browsers) */\n\teasingFallback: string\n\t/** Spring configuration used to generate this preset */\n\tspring: SpringConfig\n}\n\n/** Keyframe options for Web Animations API */\nexport interface BlackbirdKeyframes {\n\t/** Starting state */\n\tfrom: Keyframe\n\t/** Ending state */\n\tto: Keyframe\n}\n\n/** Complete animation configuration */\nexport interface BlackbirdAnimation {\n\tkeyframes: Keyframe[]\n\toptions: KeyframeAnimationOptions\n}\n\n// =============================================================================\n// SPRING PRESETS\n// =============================================================================\n\n/**\n * Smooth preset - Apple-style, subtle overshoot\n * Best for: Details, accordions, content reveals\n */\nexport const SPRING_SMOOTH: AnimationPreset = {\n\tname: 'smooth',\n\tduration: 500,\n\teasing: `linear(\n\t\t0, 0.006, 0.025 2.8%, 0.101 6.1%, 0.539 18.9%, 0.721 25.3%, 0.849 31.5%,\n\t\t0.937 38.1%, 0.968 41.8%, 0.991 45.7%, 1.006 50%, 1.015 54.8%,\n\t\t1.017 63.3%, 1.001\n\t)`,\n\teasingFallback: 'cubic-bezier(0.34, 1.56, 0.64, 1)',\n\tspring: { stiffness: 100, damping: 15, mass: 1 },\n}\n\n/**\n * Snappy preset - Quick with minimal overshoot\n * Best for: Buttons, toggles, quick interactions\n */\nexport const SPRING_SNAPPY: AnimationPreset = {\n\tname: 'snappy',\n\tduration: 300,\n\teasing: `linear(\n\t\t0, 0.009, 0.035 2.1%, 0.141 4.4%, 0.723 15.5%, 0.938 23.8%,\n\t\t1.017 30.2%, 1.041 37.3%, 1.026 52.4%, 1.001\n\t)`,\n\teasingFallback: 'cubic-bezier(0.22, 1.25, 0.36, 1)',\n\tspring: { stiffness: 200, damping: 20, mass: 1 },\n}\n\n/**\n * Bouncy preset - Playful with noticeable overshoot\n * Best for: Notifications, celebrations, attention-grabbing\n */\nexport const SPRING_BOUNCY: AnimationPreset = {\n\tname: 'bouncy',\n\tduration: 600,\n\teasing: `linear(\n\t\t0, 0.004, 0.016 2.3%, 0.065 4.8%, 0.258 9.9%, 0.489 15%,\n\t\t0.683 20.1%, 0.847 25.4%, 0.963 30.6%, 1.039 36%, 1.086 41.8%,\n\t\t1.107 48.1%, 1.101 55.1%, 1.064 73.1%, 1.026 85.2%, 1.001\n\t)`,\n\teasingFallback: 'cubic-bezier(0.34, 1.8, 0.64, 1)',\n\tspring: { stiffness: 100, damping: 10, mass: 1 },\n}\n\n/**\n * Gentle preset - Slow, smooth, no overshoot\n * Best for: Page transitions, modal backgrounds, subtle reveals\n */\nexport const SPRING_GENTLE: AnimationPreset = {\n\tname: 'gentle',\n\tduration: 700,\n\teasing: `linear(\n\t\t0, 0.002, 0.009 2.6%, 0.036 5.3%, 0.153 11.3%, 0.352 18.5%,\n\t\t0.554 25.4%, 0.733 32.6%, 0.865 40.2%, 0.945 48.5%,\n\t\t0.984 58.2%, 0.997 70.5%, 1\n\t)`,\n\teasingFallback: 'cubic-bezier(0.4, 0, 0.2, 1)',\n\tspring: { stiffness: 80, damping: 25, mass: 1.2 },\n}\n\n// =============================================================================\n// LEGACY EXPORTS (backwards compatibility)\n// =============================================================================\n\n/** @deprecated Use SPRING_SMOOTH.easingFallback instead */\nexport const BLACKBIRD_EASING = SPRING_SMOOTH.easingFallback\n\n/** Standard easing for smooth transitions */\nexport const EASE_OUT = 'ease-out'\nexport const EASE_IN = 'ease-in'\n\n/** Standard durations */\nexport const DURATION_ENTER = SPRING_SNAPPY.duration\nexport const DURATION_EXIT = 150\nexport const DURATION_BACKDROP = 200\n\n// =============================================================================\n// CSS CUSTOM PROPERTIES\n// =============================================================================\n\n/**\n * CSS custom properties for use in stylesheets.\n * These can be injected into :root or a component's styles.\n *\n * @example\n * ```css\n * :root {\n *   ${ANIMATION_CSS_VARS}\n * }\n *\n * .element {\n *   transition: transform var(--blackbird-duration-smooth) var(--blackbird-easing-smooth);\n * }\n * ```\n */\nexport const ANIMATION_CSS_VARS = `\n\t/* Blackbird Animation System - Spring Physics */\n\n\t/* Smooth preset (Apple-style) */\n\t--blackbird-duration-smooth: ${SPRING_SMOOTH.duration}ms;\n\t--blackbird-easing-smooth: ${SPRING_SMOOTH.easingFallback};\n\t--blackbird-easing-smooth-spring: ${SPRING_SMOOTH.easing};\n\n\t/* Snappy preset (quick interactions) */\n\t--blackbird-duration-snappy: ${SPRING_SNAPPY.duration}ms;\n\t--blackbird-easing-snappy: ${SPRING_SNAPPY.easingFallback};\n\t--blackbird-easing-snappy-spring: ${SPRING_SNAPPY.easing};\n\n\t/* Bouncy preset (playful) */\n\t--blackbird-duration-bouncy: ${SPRING_BOUNCY.duration}ms;\n\t--blackbird-easing-bouncy: ${SPRING_BOUNCY.easingFallback};\n\t--blackbird-easing-bouncy-spring: ${SPRING_BOUNCY.easing};\n\n\t/* Gentle preset (subtle) */\n\t--blackbird-duration-gentle: ${SPRING_GENTLE.duration}ms;\n\t--blackbird-easing-gentle: ${SPRING_GENTLE.easingFallback};\n\t--blackbird-easing-gentle-spring: ${SPRING_GENTLE.easing};\n`\n\n// =============================================================================\n// HELPER FUNCTIONS\n// =============================================================================\n\n/**\n * Get the appropriate easing function based on browser support.\n * Uses linear() if supported, falls back to cubic-bezier.\n */\nexport function getEasing(preset: AnimationPreset): string {\n\t// Feature detect linear() support\n\tif (typeof CSS !== 'undefined' && CSS.supports?.('animation-timing-function', 'linear(0, 1)')) {\n\t\treturn preset.easing\n\t}\n\treturn preset.easingFallback\n}\n\n/**\n * Check if the browser supports reduced motion preference.\n */\nexport function prefersReducedMotion(): boolean {\n\treturn typeof window !== 'undefined' && window.matchMedia('(prefers-reduced-motion: reduce)').matches\n}\n\n/**\n * Create a Web Animations API animation configuration.\n *\n * @example\n * ```ts\n * const anim = createAnimation(SPRING_SMOOTH, {\n *   from: { opacity: 0, transform: 'translateY(-16px)' },\n *   to: { opacity: 1, transform: 'translateY(0)' }\n * })\n *\n * element.animate(anim.keyframes, anim.options)\n * ```\n */\nexport function createAnimation(preset: AnimationPreset, keyframes: BlackbirdKeyframes): BlackbirdAnimation {\n\t// Respect reduced motion preference\n\tif (prefersReducedMotion()) {\n\t\treturn {\n\t\t\tkeyframes: [keyframes.to],\n\t\t\toptions: { duration: 0, fill: 'forwards' },\n\t\t}\n\t}\n\n\treturn {\n\t\tkeyframes: [keyframes.from, keyframes.to],\n\t\toptions: {\n\t\t\tduration: preset.duration,\n\t\t\teasing: preset.easingFallback, // Web Animations API doesn't support linear() well\n\t\t\tfill: 'forwards',\n\t\t},\n\t}\n}\n\n/**\n * Create a reveal animation (fade in + slide up).\n * Common pattern for content appearing.\n */\nexport function createRevealAnimation(\n\tpreset: AnimationPreset = SPRING_SMOOTH,\n\tdistance = 16,\n): BlackbirdAnimation {\n\treturn createAnimation(preset, {\n\t\tfrom: { opacity: 0, transform: `translateY(-${distance}px) scale(0.96)` },\n\t\tto: { opacity: 1, transform: 'translateY(0) scale(1)' },\n\t})\n}\n\n/**\n * Create a dismiss animation (fade out + slide up).\n * Common pattern for content disappearing.\n */\nexport function createDismissAnimation(\n\tpreset: AnimationPreset = SPRING_SMOOTH,\n\tdistance = 12,\n): BlackbirdAnimation {\n\tconst anim = createAnimation(preset, {\n\t\tfrom: { opacity: 1, transform: 'translateY(0) scale(1)' },\n\t\tto: { opacity: 0, transform: `translateY(-${distance}px) scale(0.97)` },\n\t})\n\n\t// Dismiss is slightly faster\n\tif (anim.options.duration) {\n\t\tanim.options.duration = (anim.options.duration as number) * 0.7\n\t}\n\n\treturn anim\n}\n\n/**\n * Create a scale animation (pop in/out).\n * Common pattern for buttons and interactive elements.\n */\nexport function createScaleAnimation(\n\tpreset: AnimationPreset = SPRING_SNAPPY,\n\tfromScale = 0.9,\n\ttoScale = 1,\n): BlackbirdAnimation {\n\treturn createAnimation(preset, {\n\t\tfrom: { opacity: fromScale < toScale ? 0 : 1, transform: `scale(${fromScale})` },\n\t\tto: { opacity: fromScale < toScale ? 1 : 0, transform: `scale(${toScale})` },\n\t})\n}\n\n// =============================================================================\n// TAILWIND UTILITIES (for use in tailwind.config.js)\n// =============================================================================\n\n/**\n * Tailwind CSS animation utilities configuration.\n * Import this into your tailwind.config.js to add Blackbird animations.\n *\n * @example\n * ```js\n * // tailwind.config.js\n * const { tailwindAnimations } = require('@mhmo91/schmancy/utils/animation')\n *\n * module.exports = {\n *   theme: {\n *     extend: {\n *       ...tailwindAnimations\n *     }\n *   }\n * }\n * ```\n */\nexport const tailwindAnimations = {\n\ttransitionTimingFunction: {\n\t\t'spring-smooth': SPRING_SMOOTH.easingFallback,\n\t\t'spring-snappy': SPRING_SNAPPY.easingFallback,\n\t\t'spring-bouncy': SPRING_BOUNCY.easingFallback,\n\t\t'spring-gentle': SPRING_GENTLE.easingFallback,\n\t},\n\ttransitionDuration: {\n\t\t'spring-smooth': `${SPRING_SMOOTH.duration}ms`,\n\t\t'spring-snappy': `${SPRING_SNAPPY.duration}ms`,\n\t\t'spring-bouncy': `${SPRING_BOUNCY.duration}ms`,\n\t\t'spring-gentle': `${SPRING_GENTLE.duration}ms`,\n\t},\n\tkeyframes: {\n\t\t'blackbird-reveal': {\n\t\t\t'0%': { opacity: '0', transform: 'translateY(-16px) scale(0.96)' },\n\t\t\t'100%': { opacity: '1', transform: 'translateY(0) scale(1)' },\n\t\t},\n\t\t'blackbird-dismiss': {\n\t\t\t'0%': { opacity: '1', transform: 'translateY(0) scale(1)' },\n\t\t\t'100%': { opacity: '0', transform: 'translateY(-12px) scale(0.97)' },\n\t\t},\n\t\t'blackbird-scale-in': {\n\t\t\t'0%': { opacity: '0', transform: 'scale(0.9)' },\n\t\t\t'100%': { opacity: '1', transform: 'scale(1)' },\n\t\t},\n\t\t'blackbird-scale-out': {\n\t\t\t'0%': { opacity: '1', transform: 'scale(1)' },\n\t\t\t'100%': { opacity: '0', transform: 'scale(0.9)' },\n\t\t},\n\t\t'blackbird-slide-up': {\n\t\t\t'0%': { transform: 'translateY(100%)' },\n\t\t\t'100%': { transform: 'translateY(0)' },\n\t\t},\n\t\t'blackbird-slide-down': {\n\t\t\t'0%': { transform: 'translateY(0)' },\n\t\t\t'100%': { transform: 'translateY(100%)' },\n\t\t},\n\t},\n\tanimation: {\n\t\t'blackbird-reveal': `blackbird-reveal ${SPRING_SMOOTH.duration}ms ${SPRING_SMOOTH.easingFallback} forwards`,\n\t\t'blackbird-dismiss': `blackbird-dismiss ${SPRING_SMOOTH.duration * 0.7}ms ${SPRING_SMOOTH.easingFallback} forwards`,\n\t\t'blackbird-scale-in': `blackbird-scale-in ${SPRING_SNAPPY.duration}ms ${SPRING_SNAPPY.easingFallback} forwards`,\n\t\t'blackbird-scale-out': `blackbird-scale-out ${SPRING_SNAPPY.duration * 0.7}ms ${SPRING_SNAPPY.easingFallback} forwards`,\n\t\t'blackbird-slide-up': `blackbird-slide-up ${SPRING_SMOOTH.duration}ms ${SPRING_SMOOTH.easingFallback} forwards`,\n\t\t'blackbird-slide-down': `blackbird-slide-down ${SPRING_SMOOTH.duration * 0.7}ms ${SPRING_SMOOTH.easingFallback} forwards`,\n\t},\n}\n\n// =============================================================================\n// CSS-IN-JS UTILITIES (for Lit components)\n// =============================================================================\n\n/**\n * CSS string with spring-based grid animation for details/accordions.\n * Use with grid-template-rows for smooth height animation.\n *\n * @example\n * ```ts\n * import { css } from 'lit'\n * import { GRID_ANIMATION_CSS } from '@mhmo91/schmancy'\n *\n * static styles = css`\n *   ${GRID_ANIMATION_CSS}\n *\n *   .content {\n *     display: grid;\n *     grid-template-rows: 0fr;\n *   }\n *   .content[data-open='true'] {\n *     grid-template-rows: 1fr;\n *   }\n * `\n * ```\n */\nexport const GRID_ANIMATION_CSS = `\n\t/* Grid-based height animation with spring physics */\n\t.blackbird-grid {\n\t\tdisplay: grid;\n\t\tgrid-template-rows: 0fr;\n\t\toverflow: hidden;\n\t\ttransition: grid-template-rows ${SPRING_SMOOTH.duration}ms ${SPRING_SMOOTH.easingFallback};\n\t}\n\n\t/* Use spring easing when linear() is supported */\n\t@supports (animation-timing-function: linear(0, 1)) {\n\t\t.blackbird-grid {\n\t\t\ttransition: grid-template-rows ${SPRING_SMOOTH.duration}ms ${SPRING_SMOOTH.easing};\n\t\t}\n\t}\n\n\t.blackbird-grid[data-open='true'],\n\t.blackbird-grid.open {\n\t\tgrid-template-rows: 1fr;\n\t}\n\n\t.blackbird-grid > * {\n\t\toverflow: hidden;\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t.blackbird-grid {\n\t\t\ttransition: none;\n\t\t}\n\t}\n`\n"],"mappings":"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"}