@vielzeug/refine 1.8.0 → 2.0.1

package/dist/content/card/card.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.css.js","names":[],"sources":["../../../src/content/card/card.css?inline"],"sourcesContent":["@layer refine.base {\n  :host {\n    --_bg: var(--card-bg, var(--color-canvas));\n    --_color: var(--card-color, var(--color-contrast-900));\n    --_border: var(--card-border, var(--border));\n    --_border-color: var(--card-border-color, var(--color-divider));\n    --_radius: var(--card-radius, var(--rounded-lg));\n    --_padding: var(--card-padding, var(--size-4));\n    --_shadow: var(--card-shadow, var(--shadow-sm));\n    --_hover-shadow: var(--card-hover-shadow, var(--shadow-md));\n\n    position: relative;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .card {\n    position: relative;\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    overflow: hidden;\n    color: var(--_color);\n    background: var(--_bg);\n    border-radius: var(--_radius);\n    backdrop-filter: blur(var(--blur-md));\n    transition:\n      box-shadow var(--transition-normal),\n      transform var(--transition-normal),\n      background var(--transition-normal),\n      border-color var(--transition-normal);\n  }\n\n  /* ── Card Structure ───────────────────────── */\n\n  .card-media {\n    flex-shrink: 0;\n    overflow: hidden;\n  }\n\n  .card-media img {\n    display: block;\n    width: 100%;\n    height: auto;\n    object-fit: cover;\n  }\n\n  .card-body {\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    min-height: 0;\n  }\n\n  .card-header,\n  .card-content,\n  .card-footer {\n    padding: var(--_padding);\n  }\n\n  .card-header {\n    padding-bottom: calc(var(--_padding) / 2);\n  }\n\n  .card-footer {\n    padding-top: calc(var(--_padding) / 2);\n  }\n\n  .card-content {\n    flex: 1;\n  }\n\n  .card-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--size-2);\n    align-items: center;\n    padding: var(--_padding);\n    padding-top: calc(var(--_padding) / 2);\n  }\n\n  [hidden] {\n    display: none;\n  }\n}\n\n@layer refine.variants {\n  /* Default — bordered card with shadow */\n  :host(:not([variant], [color])) {\n    --_shadow: var(--card-shadow, var(--shadow-sm));\n  }\n\n  :host(:not([variant], [color])) .card {\n    border: var(--_border) solid var(--_border-color);\n    box-shadow: var(--_shadow);\n  }\n\n  /* Default + color — tinted backdrop */\n  :host(:not([variant])[color]) {\n    --_bg: var(--card-bg, var(--_theme-backdrop));\n    --_border-color: var(--card-border-color, var(--_theme-border));\n  }\n\n  :host(:not([variant])[color]) .card {\n    border: var(--_border) solid var(--_border-color);\n  }\n\n  :host(:not([variant])[color]:hover) {\n    --_bg: var(--card-bg, color-mix(in oklch, var(--_theme-base) 16%, var(--color-contrast-50)));\n    --_border-color: var(--card-border-color, var(--_theme-focus));\n  }\n\n  /* Solid — fully filled with theme color */\n  :host([variant='solid']) {\n    --_bg: var(--card-bg, var(--_theme-base));\n    --_color: var(--card-color, var(--_theme-contrast));\n    --_border-color: var(--card-border-color, var(--_theme-base));\n    --_shadow: var(--card-shadow, var(--shadow-sm));\n  }\n\n  :host([variant='solid']) .card {\n    border: var(--_border) solid var(--_border-color);\n    box-shadow: var(--_shadow);\n  }\n\n  /* Flat — tinted backdrop, subtle border */\n  :host([variant='flat']) {\n    --_border-color: var(--card-border-color, color-mix(in oklch, var(--_theme-border) 50%, transparent));\n  }\n\n  :host([variant='flat']) .card {\n    border: var(--_border) solid var(--_border-color);\n  }\n\n  /* Glass — frosted blur panel */\n  :host([variant='glass']) .card {\n    text-shadow: var(--text-shadow-xs);\n    border: var(--_border) solid var(--_border-color);\n    box-shadow: var(--card-shadow, var(--shadow-md)), var(--inset-shadow-xs);\n    backdrop-filter: blur(var(--blur-lg)) saturate(180%) brightness(1.05);\n  }\n\n  :host([variant='glass']:hover) .card {\n    box-shadow: var(--card-hover-shadow, var(--shadow-xl)), var(--inset-shadow-sm);\n    backdrop-filter: blur(var(--blur-xl)) saturate(200%) brightness(1.1);\n  }\n\n  :host([variant='glass'][interactive]:hover) .card {\n    box-shadow: var(--card-hover-shadow, var(--shadow-2xl)), var(--inset-shadow-sm);\n  }\n}\n\n@layer refine.overrides {\n  /* ── Loading bar ──────────────────────────── */\n\n  /* Bar lives inside .card which already has overflow:hidden,\n       so translateX can sweep freely without any overflow. */\n  .loading-bar {\n    position: absolute;\n    inset-inline-start: 0;\n    top: 0;\n    display: none;\n    width: 65%;\n    height: 3px;\n    background: linear-gradient(90deg, transparent 0%, var(--_theme-base, var(--color-primary)) 50%, transparent 100%);\n  }\n\n  :host([loading]) .loading-bar {\n    display: block;\n    animation: var(--_motion-animation, loading-bar 1.4s linear infinite);\n  }\n\n  /* In RTL the loading bar sweeps right-to-left */\n  :host(:dir(rtl)[loading]) .loading-bar {\n    animation-direction: reverse;\n  }\n\n  /* ── Disabled ─────────────────────────────── */\n\n  :host([disabled]) {\n    pointer-events: none;\n    opacity: 0.6;\n  }\n\n  :host([disabled][interactive]) .card {\n    cursor: not-allowed;\n  }\n\n  /* ── Interactive hover/active ─────────────── */\n\n  :host([interactive]:not([disabled]):hover) .card {\n    box-shadow: var(--_hover-shadow);\n    transform: translateY(-2px) scale(1.01);\n  }\n\n  :host([interactive]) .card {\n    cursor: pointer;\n    will-change: transform;\n  }\n\n  :host([interactive]:not([disabled]):active) .card {\n    box-shadow: var(--_shadow);\n    transform: translateY(0) scale(0.99);\n    transition:\n      box-shadow var(--transition-fast),\n      transform 120ms var(--ease-spring);\n  }\n\n  :host([interactive]:focus-visible) .card {\n    outline: var(--border-2) solid var(--_theme-focus, var(--color-primary));\n    outline-offset: var(--border-2);\n  }\n\n  /* ── Horizontal orientation ───────────────── */\n\n  :host([orientation='horizontal']) .card {\n    flex-direction: row;\n  }\n\n  :host([orientation='horizontal']) .card-media {\n    width: 30%;\n    min-width: 192px;\n    max-width: 320px;\n  }\n\n  :host([orientation='horizontal']) .card-media img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  :host([orientation='horizontal']) .card-body {\n    flex: 1;\n  }\n}\n\n@keyframes loading-bar {\n  0% {\n    transform: translateX(-100%);\n  }\n\n  100% {\n    transform: translateX(200%);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"card.css.js","names":[],"sources":["../../../src/content/card/card.css?inline"],"sourcesContent":["@layer refine.base {\n  :host {\n    --_bg: var(--card-bg, var(--color-canvas));\n    --_color: var(--card-color, var(--color-contrast-900));\n    --_border: var(--card-border, var(--border));\n    --_border-color: var(--card-border-color, var(--color-divider));\n    --_radius: var(--card-radius, var(--rounded-lg));\n    --_padding: var(--card-padding, var(--size-4));\n    --_shadow: var(--card-shadow, var(--shadow-sm));\n    --_hover-shadow: var(--card-hover-shadow, var(--shadow-md));\n\n    position: relative;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .card {\n    position: relative;\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    overflow: hidden;\n    color: var(--_color);\n    background: var(--_bg);\n    border-radius: var(--_radius);\n    backdrop-filter: blur(var(--blur-md));\n    transition:\n      box-shadow var(--transition-normal),\n      transform var(--transition-normal),\n      background var(--transition-normal),\n      border-color var(--transition-normal);\n  }\n\n  /* ── Card Structure ───────────────────────── */\n\n  .card-media {\n    flex-shrink: 0;\n    overflow: hidden;\n  }\n\n  .card-media img {\n    display: block;\n    width: 100%;\n    height: auto;\n    object-fit: cover;\n  }\n\n  .card-body {\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    min-height: 0;\n  }\n\n  .card-header,\n  .card-content,\n  .card-footer {\n    padding: var(--_padding);\n  }\n\n  .card-header {\n    padding-bottom: calc(var(--_padding) / 2);\n  }\n\n  .card-footer {\n    padding-top: calc(var(--_padding) / 2);\n  }\n\n  .card-content {\n    flex: 1;\n  }\n\n  .card-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--size-2);\n    align-items: center;\n    padding: var(--_padding);\n    padding-top: calc(var(--_padding) / 2);\n  }\n\n  [hidden] {\n    display: none;\n  }\n}\n\n@layer refine.variants {\n  /* Default — bordered card with shadow */\n  :host(:not([variant], [color])) {\n    --_shadow: var(--card-shadow, var(--shadow-sm));\n  }\n\n  :host(:not([variant], [color])) .card {\n    border: var(--_border) solid var(--_border-color);\n    box-shadow: var(--_shadow);\n  }\n\n  /* Default + color — tinted backdrop */\n  :host(:not([variant])[color]) {\n    --_bg: var(--card-bg, var(--_theme-backdrop));\n    --_border-color: var(--card-border-color, var(--_theme-border));\n  }\n\n  :host(:not([variant])[color]) .card {\n    border: var(--_border) solid var(--_border-color);\n  }\n\n  :host(:not([variant])[color]:hover) {\n    --_bg: var(--card-bg, color-mix(in oklch, var(--_theme-base) 16%, var(--color-contrast-50)));\n    --_border-color: var(--card-border-color, var(--_theme-focus));\n  }\n\n  /* Solid — fully filled with theme color */\n  :host([variant='solid']) {\n    --_bg: var(--card-bg, var(--_theme-base));\n    --_color: var(--card-color, var(--_theme-contrast));\n    --_border-color: var(--card-border-color, var(--_theme-base));\n    --_shadow: var(--card-shadow, var(--shadow-sm));\n  }\n\n  :host([variant='solid']) .card {\n    border: var(--_border) solid var(--_border-color);\n    box-shadow: var(--_shadow);\n  }\n\n  /* Flat — tinted backdrop, subtle border */\n  :host([variant='flat']) {\n    --_border-color: var(--card-border-color, color-mix(in oklch, var(--_theme-border) 50%, transparent));\n  }\n\n  :host([variant='flat']) .card {\n    border: var(--_border) solid var(--_border-color);\n  }\n\n  /* Glass — frosted blur panel */\n  :host([variant='glass']) .card {\n    text-shadow: var(--text-shadow-xs);\n    border: var(--_border) solid var(--_border-color);\n    box-shadow: var(--card-shadow, var(--shadow-md)), var(--inset-shadow-xs);\n    backdrop-filter: blur(var(--blur-lg)) saturate(180%) brightness(1.05);\n  }\n\n  :host([variant='glass']:hover) .card {\n    box-shadow: var(--card-hover-shadow, var(--shadow-xl)), var(--inset-shadow-sm);\n    backdrop-filter: blur(var(--blur-xl)) saturate(200%) brightness(1.1);\n  }\n\n  :host([variant='glass'][interactive]:hover) .card {\n    box-shadow: var(--card-hover-shadow, var(--shadow-2xl)), var(--inset-shadow-sm);\n  }\n}\n\n@layer refine.overrides {\n  /* ── Loading bar ──────────────────────────── */\n\n  /* Bar lives inside .card which already has overflow:hidden,\n       so translateX can sweep freely without any overflow. */\n  .loading-bar {\n    position: absolute;\n    inset-inline-start: 0;\n    top: 0;\n    display: none;\n    width: 65%;\n    height: 3px;\n    background: linear-gradient(90deg, transparent 0%, var(--_theme-base, var(--color-primary)) 50%, transparent 100%);\n  }\n\n  :host([loading]) .loading-bar {\n    display: block;\n    animation: var(--_motion-animation, loading-bar 1.4s linear infinite);\n  }\n\n  /* In RTL the loading bar sweeps right-to-left */\n  :host(:dir(rtl)[loading]) .loading-bar {\n    animation-direction: reverse;\n  }\n\n  /* ── Disabled ─────────────────────────────── */\n\n  :host([disabled]) {\n    pointer-events: none;\n    opacity: 0.6;\n  }\n\n  :host([disabled][interactive]) .card {\n    cursor: not-allowed;\n  }\n\n  /* ── Interactive hover/active ─────────────── */\n\n  :host([interactive]:not([disabled]):hover) .card {\n    box-shadow: var(--_hover-shadow);\n    transform: translateY(-2px) scale(1.01);\n  }\n\n  :host([interactive]) .card {\n    cursor: pointer;\n    will-change: transform;\n  }\n\n  /* `:active` bubbles to every ancestor of whatever element is actually being pressed, so\n     without the `:not(:has(...))` guard, pressing a nested interactive descendant (a swatch\n     button, a slotted `<ore-button>`, a link, etc. — kept in sync with card.ts's\n     `INTERACTIVE_DESCENDANT_SELECTOR`) would *also* visually \"press\" the whole card even though\n     `handleClick` already ignores the click for activation purposes. `:host(:has(...))`\n     (`:has()` as `:host()`'s functional argument) is invalid — `:host()` only accepts a compound\n     selector and doesn't accept `:has()` inside it, so the bare `:host` pseudo-class chained\n     directly with the rest (no parentheses around it) is used instead — same reasoning as\n     list-item.css's identical `:host:has(...)` rules. */\n  :host[interactive]:not([disabled]):active:not(\n      :has(\n        button:active,\n        a[href]:active,\n        input:active,\n        select:active,\n        textarea:active,\n        summary:active,\n        [role='button']:active,\n        [role='link']:active\n      )\n    )\n    .card {\n    box-shadow: var(--_shadow);\n    transform: translateY(0) scale(0.99);\n    transition:\n      box-shadow var(--transition-fast),\n      transform 120ms var(--ease-spring);\n  }\n\n  :host([interactive]:focus-visible) .card {\n    outline: var(--border-2) solid var(--_theme-focus, var(--color-primary));\n    outline-offset: var(--border-2);\n  }\n\n  /* ── Horizontal orientation ───────────────── */\n\n  :host([orientation='horizontal']) .card {\n    flex-direction: row;\n  }\n\n  :host([orientation='horizontal']) .card-media {\n    width: 30%;\n    min-width: 192px;\n    max-width: 320px;\n  }\n\n  :host([orientation='horizontal']) .card-media img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  :host([orientation='horizontal']) .card-body {\n    flex: 1;\n  }\n}\n\n@keyframes loading-bar {\n  0% {\n    transform: translateX(-100%);\n  }\n\n  100% {\n    transform: translateX(200%);\n  }\n}\n"],"mappings":""}

package/dist/content/card/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/content/card/card.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAwB3E,gCAAgC;AAEhC,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE;QAAE,aAAa,EAAE,UAAU,GAAG,aAAa,CAAC;QAAC,OAAO,EAAE,SAAS,GAAG,UAAU,CAAA;KAAE,CAAC;CAC1F,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,kBAAkB;IAClB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,4EAA4E;IAC5E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uBAAuB;IACvB,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,4BAA4B;IAC5B,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;CAChD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,eAAO,MAAM,QAAQ,EAAG,UAAmB,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/content/card/card.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AA+B3E,gCAAgC;AAEhC,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE;QAAE,aAAa,EAAE,UAAU,GAAG,aAAa,CAAC;QAAC,OAAO,EAAE,SAAS,GAAG,UAAU,CAAA;KAAE,CAAC;CAC1F,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,kBAAkB;IAClB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,4EAA4E;IAC5E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uBAAuB;IACvB,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,4BAA4B;IAC5B,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;CAChD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,eAAO,MAAM,QAAQ,EAAG,UAAmB,CAAC"}

package/dist/content/carousel/carousel-slide.cjs

@@ -1,2 +1,4 @@
-const e=require("./carousel-slide.css.cjs");let t=require("@vielzeug/ore");var n=`ore-carousel-slide`;(0,t.define)(n,{props:{},setup(e){return(0,t.bind)({attr:{"aria-roledescription":()=>`slide`,role:()=>`group`}}),t.html`<slot></slot>`},styles:[e.default]}),exports.CAROUSEL_SLIDE_TAG=n;
+const e=require("./carousel-slide.css.cjs");let t=require("@vielzeug/ore");var n=`ore-carousel-slide`;(0,t.define)(n,{props:{},setup(e){return(0,t.bind)({attr:{"aria-roledescription":()=>`slide`,role:()=>`group`}}),t.html`
+      <slot></slot>
+    `},styles:[e.default]}),exports.CAROUSEL_SLIDE_TAG=n;
 //# sourceMappingURL=carousel-slide.cjs.map

package/dist/content/carousel/carousel-slide.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"carousel-slide.cjs","names":[],"sources":["../../../src/content/carousel/carousel-slide.ts"],"sourcesContent":["import { define, html, bind } from '@vielzeug/ore';\n\nimport slideStyles from './carousel-slide.css?inline';\n\nexport const CAROUSEL_SLIDE_TAG = 'ore-carousel-slide' as const;\n\ndefine(CAROUSEL_SLIDE_TAG, {\n  props: {},\n  setup(_props) {\n    bind({\n      attr: {\n        'aria-roledescription': () => 'slide',\n        role: () => 'group',\n      },\n    });\n\n    return html`<slot></slot>`;\n  },\n  styles: [slideStyles],\n});\n"],"mappings":"2EAIA,IAAa,EAAqB,kCAE3B,EAAoB,CACzB,MAAO,CAAC,EACR,MAAM,EAAQ,CAQZ,OAPA,EAAA,EAAA,KAAA,CAAK,CACH,KAAM,CACJ,2BAA8B,QAC9B,SAAY,OACd,CACF,CAAC,EAEM,EAAA,IAAI,eACb,EACA,OAAQ,CAAC,EAAA,OAAW,CACtB,CAAC"}
+{"version":3,"file":"carousel-slide.cjs","names":[],"sources":["../../../src/content/carousel/carousel-slide.ts"],"sourcesContent":["import { define, html, bind } from '@vielzeug/ore';\n\nimport slideStyles from './carousel-slide.css?inline';\n\nexport const CAROUSEL_SLIDE_TAG = 'ore-carousel-slide' as const;\n\ndefine(CAROUSEL_SLIDE_TAG, {\n  props: {},\n  setup(_props) {\n    bind({\n      attr: {\n        'aria-roledescription': () => 'slide',\n        role: () => 'group',\n      },\n    });\n\n    return html`\n      <slot></slot>\n    `;\n  },\n  styles: [slideStyles],\n});\n"],"mappings":"2EAIA,IAAa,EAAqB,sBAElC,EAAA,EAAA,OAAA,CAAO,EAAoB,CACzB,MAAO,CAAC,EACR,MAAM,EAAQ,CAQZ,OAPA,EAAA,EAAA,KAAA,CAAK,CACH,KAAM,CACJ,2BAA8B,QAC9B,SAAY,OACd,CACF,CAAC,EAEM,EAAA,IAAI;;KAGb,EACA,OAAQ,CAAC,EAAA,OAAW,CACtB,CAAC"}

package/dist/content/carousel/carousel-slide.css.cjs

@@ -1,2 +1,2 @@
-var e=`:host{pointer-events:none;opacity:0;width:100%;height:100%;transform:var(--_slide-translate-after,translateX(100%));transition:transform var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);display:block;position:absolute;inset:0;overflow:hidden}:host([data-before]){transform:var(--_slide-translate-before,translateX(-100%))}:host([data-active]){pointer-events:auto;opacity:1;transform:translate(0)}:host([data-variant=fade]){transition:opacity var(--carousel-transition-duration,.35s) var(--ease-move);transform:none}:host([data-variant=filmstrip]){pointer-events:auto;border-radius:var(--carousel-radius,var(--rounded-xl));opacity:1;transition:flex var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);flex-shrink:0;align-self:stretch;position:relative;inset:auto;transform:none}:host([data-variant=filmstrip][data-orientation=horizontal]){flex:0 0 var(--carousel-filmstrip-inactive,var(--size-16));width:auto;min-width:var(--carousel-filmstrip-inactive,var(--size-16));height:100%}:host([data-variant=filmstrip][data-orientation=horizontal][data-active]){flex:1 1 0}:host([data-variant=filmstrip][data-orientation=vertical]){flex:0 0 var(--carousel-filmstrip-inactive,var(--size-10));width:100%;height:auto;min-height:var(--carousel-filmstrip-inactive,var(--size-10))}:host([data-variant=filmstrip][data-orientation=vertical][data-active]){flex:1 1 0}:host([data-variant=gallery]){display:none}:host([data-variant=gallery][data-gallery-visible]){pointer-events:auto;border-radius:var(--carousel-radius,var(--rounded-xl));opacity:.5;transition:flex var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);align-self:stretch;display:block;position:relative;inset:auto;overflow:hidden;transform:none}:host([data-variant=gallery][data-gallery-visible][data-active]){opacity:1}:host([data-variant=gallery][data-orientation=horizontal][data-gallery-visible]){flex:0 0 var(--carousel-gallery-thumbnail,var(--size-24));width:auto;min-width:var(--carousel-gallery-thumbnail,var(--size-24));flex-shrink:0;height:100%}:host([data-variant=gallery][data-orientation=horizontal][data-gallery-visible][data-active]){flex:1 1 0}:host([data-variant=gallery][data-orientation=vertical][data-gallery-visible]){flex:1 1 0;width:100%;height:auto}:host([data-variant=gallery][data-orientation=vertical][data-gallery-visible][data-active]){flex:4 1 0}:host([data-variant=marquee]){pointer-events:auto;opacity:1;flex:none;transition:none;position:relative;inset:auto;transform:none}:host([data-variant=marquee][data-orientation=horizontal]){width:auto;height:100%}:host([data-variant=marquee][data-orientation=vertical]){width:100%;height:auto}:host([data-variant=marquee][data-marquee-clone]){pointer-events:none;-webkit-user-select:none;user-select:none}::slotted(*){max-width:100%}`;exports.default=e;
+var e=`:host{pointer-events:none;opacity:0;width:100%;height:100%;transform:var(--_slide-translate-after,translateX(100%));transition:transform var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);display:block;position:absolute;inset:0;overflow:hidden}:host([data-before]){transform:var(--_slide-translate-before,translateX(-100%))}:host([data-active]){pointer-events:auto;opacity:1;transform:translate(0)}:host([data-variant=fade]){transition:opacity var(--carousel-transition-duration,.35s) var(--ease-move);transform:none}:host([data-variant=filmstrip]){pointer-events:auto;border-radius:var(--carousel-radius,var(--rounded-xl));opacity:1;transition:flex var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);flex-shrink:0;align-self:stretch;position:relative;inset:auto;transform:none}:host([data-variant=filmstrip][data-orientation=horizontal]){flex:0 0 var(--carousel-filmstrip-inactive,var(--size-16));width:auto;min-width:var(--carousel-filmstrip-inactive,var(--size-16));height:100%}:host([data-variant=filmstrip][data-orientation=horizontal][data-active]){flex:1 1 0}:host([data-variant=filmstrip][data-orientation=vertical]){flex:0 0 var(--carousel-filmstrip-inactive,var(--size-10));width:100%;height:auto;min-height:var(--carousel-filmstrip-inactive,var(--size-10))}:host([data-variant=filmstrip][data-orientation=vertical][data-active]){flex:1 1 0}:host([data-variant=gallery]){display:none}:host([data-variant=gallery][data-gallery-visible]){pointer-events:auto;border-radius:var(--carousel-radius,var(--rounded-xl));opacity:.5;transition:flex var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);align-self:stretch;display:block;position:relative;inset:auto;overflow:hidden;transform:none}:host([data-variant=gallery][data-gallery-visible][data-active]){opacity:1}:host([data-variant=gallery][data-orientation=horizontal][data-gallery-visible]){flex:0 0 var(--carousel-gallery-thumbnail,var(--size-24));width:auto;min-width:var(--carousel-gallery-thumbnail,var(--size-24));flex-shrink:0;height:100%}:host([data-variant=gallery][data-orientation=horizontal][data-gallery-visible][data-active]){flex:1 1 0}:host([data-variant=gallery][data-orientation=vertical][data-gallery-visible]){flex:1 1 0;width:100%;height:auto}:host([data-variant=gallery][data-orientation=vertical][data-gallery-visible][data-active]){flex:4 1 0}::slotted(*){max-width:100%}`;exports.default=e;
 //# sourceMappingURL=carousel-slide.css.cjs.map

package/dist/content/carousel/carousel-slide.css.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"carousel-slide.css.cjs","names":[],"sources":["../../../src/content/carousel/carousel-slide.css?inline"],"sourcesContent":["/* ── Default: translate in/out ───────────────────────────────────────────── */\n:host {\n  position: absolute;\n  inset: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  pointer-events: none;\n  opacity: 0;\n  transform: var(--_slide-translate-after, translateX(100%));\n  transition:\n    transform var(--carousel-transition-duration, 0.35s) var(--ease-move),\n    opacity var(--carousel-transition-duration, 0.35s) var(--ease-move);\n}\n\n:host([data-before]) {\n  transform: var(--_slide-translate-before, translateX(-100%));\n}\n\n:host([data-active]) {\n  pointer-events: auto;\n  opacity: 1;\n  transform: translate(0, 0);\n}\n\n/* ── Fade variant ────────────────────────────────────────────────────────── */\n:host([data-variant='fade']) {\n  transform: none;\n  transition: opacity var(--carousel-transition-duration, 0.35s) var(--ease-move);\n}\n\n/* ── Filmstrip variant — shared ──────────────────────────────────────────── */\n:host([data-variant='filmstrip']) {\n  position: relative;\n  inset: auto;\n  flex-shrink: 0;\n  align-self: stretch;\n  pointer-events: auto;\n  border-radius: var(--carousel-radius, var(--rounded-xl));\n  opacity: 1;\n  transform: none;\n  transition:\n    flex var(--carousel-transition-duration, 0.35s) var(--ease-move),\n    opacity var(--carousel-transition-duration, 0.35s) var(--ease-move);\n}\n\n/* ── Filmstrip variant (horizontal) ──────────────────────────────────────── */\n:host([data-variant='filmstrip'][data-orientation='horizontal']) {\n  flex: 0 0 var(--carousel-filmstrip-inactive, var(--size-16));\n  width: auto;\n  min-width: var(--carousel-filmstrip-inactive, var(--size-16));\n  height: 100%;\n}\n\n:host([data-variant='filmstrip'][data-orientation='horizontal'][data-active]) {\n  flex: 1 1 0;\n}\n\n/* ── Filmstrip variant (vertical) ────────────────────────────────────────── */\n:host([data-variant='filmstrip'][data-orientation='vertical']) {\n  flex: 0 0 var(--carousel-filmstrip-inactive, var(--size-10));\n  width: 100%;\n  height: auto;\n  min-height: var(--carousel-filmstrip-inactive, var(--size-10));\n}\n\n:host([data-variant='filmstrip'][data-orientation='vertical'][data-active]) {\n  flex: 1 1 0;\n}\n\n/* ── Gallery variant — shared base ───────────────────────────────────────── */\n:host([data-variant='gallery']) {\n  display: none;\n}\n\n:host([data-variant='gallery'][data-gallery-visible]) {\n  position: relative;\n  inset: auto;\n  display: block;\n  align-self: stretch;\n  overflow: hidden;\n  pointer-events: auto;\n  border-radius: var(--carousel-radius, var(--rounded-xl));\n  opacity: 0.5;\n  transform: none;\n  transition:\n    flex var(--carousel-transition-duration, 0.35s) var(--ease-move),\n    opacity var(--carousel-transition-duration, 0.35s) var(--ease-move);\n}\n\n:host([data-variant='gallery'][data-gallery-visible][data-active]) {\n  opacity: 1;\n}\n\n/* ── Gallery variant (horizontal) ────────────────────────────────────────── */\n:host([data-variant='gallery'][data-orientation='horizontal'][data-gallery-visible]) {\n  flex: 0 0 var(--carousel-gallery-thumbnail, var(--size-24));\n  flex-shrink: 0;\n  width: auto;\n  min-width: var(--carousel-gallery-thumbnail, var(--size-24));\n  height: 100%;\n}\n\n:host([data-variant='gallery'][data-orientation='horizontal'][data-gallery-visible][data-active]) {\n  flex: 1 1 0;\n}\n\n/* ── Gallery variant (vertical) ──────────────────────────────────────────── */\n:host([data-variant='gallery'][data-orientation='vertical'][data-gallery-visible]) {\n  flex: 1 1 0;\n  width: 100%;\n  height: auto;\n}\n\n:host([data-variant='gallery'][data-orientation='vertical'][data-gallery-visible][data-active]) {\n  flex: 4 1 0;\n}\n\n/* ── Marquee variant ─────────────────────────────────────────────────────── */\n:host([data-variant='marquee']) {\n  position: relative;\n  inset: auto;\n  flex: 0 0 auto;\n  pointer-events: auto;\n  opacity: 1;\n  transform: none;\n  transition: none;\n}\n\n:host([data-variant='marquee'][data-orientation='horizontal']) {\n  width: auto;\n  height: 100%;\n}\n\n:host([data-variant='marquee'][data-orientation='vertical']) {\n  width: 100%;\n  height: auto;\n}\n\n:host([data-variant='marquee'][data-marquee-clone]) {\n  pointer-events: none;\n  user-select: none;\n}\n\n::slotted(*) {\n  max-width: 100%;\n}\n"],"mappings":""}
+{"version":3,"file":"carousel-slide.css.cjs","names":[],"sources":["../../../src/content/carousel/carousel-slide.css?inline"],"sourcesContent":["/* ── Default: translate in/out ───────────────────────────────────────────── */\n:host {\n  position: absolute;\n  inset: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  pointer-events: none;\n  opacity: 0;\n  transform: var(--_slide-translate-after, translateX(100%));\n  transition:\n    transform var(--carousel-transition-duration, 0.35s) var(--ease-move),\n    opacity var(--carousel-transition-duration, 0.35s) var(--ease-move);\n}\n\n:host([data-before]) {\n  transform: var(--_slide-translate-before, translateX(-100%));\n}\n\n:host([data-active]) {\n  pointer-events: auto;\n  opacity: 1;\n  transform: translate(0, 0);\n}\n\n/* ── Fade variant ────────────────────────────────────────────────────────── */\n:host([data-variant='fade']) {\n  transform: none;\n  transition: opacity var(--carousel-transition-duration, 0.35s) var(--ease-move);\n}\n\n/* ── Filmstrip variant — shared ──────────────────────────────────────────── */\n:host([data-variant='filmstrip']) {\n  position: relative;\n  inset: auto;\n  flex-shrink: 0;\n  align-self: stretch;\n  pointer-events: auto;\n  border-radius: var(--carousel-radius, var(--rounded-xl));\n  opacity: 1;\n  transform: none;\n  transition:\n    flex var(--carousel-transition-duration, 0.35s) var(--ease-move),\n    opacity var(--carousel-transition-duration, 0.35s) var(--ease-move);\n}\n\n/* ── Filmstrip variant (horizontal) ──────────────────────────────────────── */\n:host([data-variant='filmstrip'][data-orientation='horizontal']) {\n  flex: 0 0 var(--carousel-filmstrip-inactive, var(--size-16));\n  width: auto;\n  min-width: var(--carousel-filmstrip-inactive, var(--size-16));\n  height: 100%;\n}\n\n:host([data-variant='filmstrip'][data-orientation='horizontal'][data-active]) {\n  flex: 1 1 0;\n}\n\n/* ── Filmstrip variant (vertical) ────────────────────────────────────────── */\n:host([data-variant='filmstrip'][data-orientation='vertical']) {\n  flex: 0 0 var(--carousel-filmstrip-inactive, var(--size-10));\n  width: 100%;\n  height: auto;\n  min-height: var(--carousel-filmstrip-inactive, var(--size-10));\n}\n\n:host([data-variant='filmstrip'][data-orientation='vertical'][data-active]) {\n  flex: 1 1 0;\n}\n\n/* ── Gallery variant — shared base ───────────────────────────────────────── */\n:host([data-variant='gallery']) {\n  display: none;\n}\n\n:host([data-variant='gallery'][data-gallery-visible]) {\n  position: relative;\n  inset: auto;\n  display: block;\n  align-self: stretch;\n  overflow: hidden;\n  pointer-events: auto;\n  border-radius: var(--carousel-radius, var(--rounded-xl));\n  opacity: 0.5;\n  transform: none;\n  transition:\n    flex var(--carousel-transition-duration, 0.35s) var(--ease-move),\n    opacity var(--carousel-transition-duration, 0.35s) var(--ease-move);\n}\n\n:host([data-variant='gallery'][data-gallery-visible][data-active]) {\n  opacity: 1;\n}\n\n/* ── Gallery variant (horizontal) ────────────────────────────────────────── */\n:host([data-variant='gallery'][data-orientation='horizontal'][data-gallery-visible]) {\n  flex: 0 0 var(--carousel-gallery-thumbnail, var(--size-24));\n  flex-shrink: 0;\n  width: auto;\n  min-width: var(--carousel-gallery-thumbnail, var(--size-24));\n  height: 100%;\n}\n\n:host([data-variant='gallery'][data-orientation='horizontal'][data-gallery-visible][data-active]) {\n  flex: 1 1 0;\n}\n\n/* ── Gallery variant (vertical) ──────────────────────────────────────────── */\n:host([data-variant='gallery'][data-orientation='vertical'][data-gallery-visible]) {\n  flex: 1 1 0;\n  width: 100%;\n  height: auto;\n}\n\n:host([data-variant='gallery'][data-orientation='vertical'][data-gallery-visible][data-active]) {\n  flex: 4 1 0;\n}\n\n::slotted(*) {\n  max-width: 100%;\n}\n"],"mappings":""}

package/dist/content/carousel/carousel-slide.css.js

@@ -1,5 +1,5 @@
 //#region src/content/carousel/carousel-slide.css?inline
-var e = ":host{pointer-events:none;opacity:0;width:100%;height:100%;transform:var(--_slide-translate-after,translateX(100%));transition:transform var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);display:block;position:absolute;inset:0;overflow:hidden}:host([data-before]){transform:var(--_slide-translate-before,translateX(-100%))}:host([data-active]){pointer-events:auto;opacity:1;transform:translate(0)}:host([data-variant=fade]){transition:opacity var(--carousel-transition-duration,.35s) var(--ease-move);transform:none}:host([data-variant=filmstrip]){pointer-events:auto;border-radius:var(--carousel-radius,var(--rounded-xl));opacity:1;transition:flex var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);flex-shrink:0;align-self:stretch;position:relative;inset:auto;transform:none}:host([data-variant=filmstrip][data-orientation=horizontal]){flex:0 0 var(--carousel-filmstrip-inactive,var(--size-16));width:auto;min-width:var(--carousel-filmstrip-inactive,var(--size-16));height:100%}:host([data-variant=filmstrip][data-orientation=horizontal][data-active]){flex:1 1 0}:host([data-variant=filmstrip][data-orientation=vertical]){flex:0 0 var(--carousel-filmstrip-inactive,var(--size-10));width:100%;height:auto;min-height:var(--carousel-filmstrip-inactive,var(--size-10))}:host([data-variant=filmstrip][data-orientation=vertical][data-active]){flex:1 1 0}:host([data-variant=gallery]){display:none}:host([data-variant=gallery][data-gallery-visible]){pointer-events:auto;border-radius:var(--carousel-radius,var(--rounded-xl));opacity:.5;transition:flex var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);align-self:stretch;display:block;position:relative;inset:auto;overflow:hidden;transform:none}:host([data-variant=gallery][data-gallery-visible][data-active]){opacity:1}:host([data-variant=gallery][data-orientation=horizontal][data-gallery-visible]){flex:0 0 var(--carousel-gallery-thumbnail,var(--size-24));width:auto;min-width:var(--carousel-gallery-thumbnail,var(--size-24));flex-shrink:0;height:100%}:host([data-variant=gallery][data-orientation=horizontal][data-gallery-visible][data-active]){flex:1 1 0}:host([data-variant=gallery][data-orientation=vertical][data-gallery-visible]){flex:1 1 0;width:100%;height:auto}:host([data-variant=gallery][data-orientation=vertical][data-gallery-visible][data-active]){flex:4 1 0}:host([data-variant=marquee]){pointer-events:auto;opacity:1;flex:none;transition:none;position:relative;inset:auto;transform:none}:host([data-variant=marquee][data-orientation=horizontal]){width:auto;height:100%}:host([data-variant=marquee][data-orientation=vertical]){width:100%;height:auto}:host([data-variant=marquee][data-marquee-clone]){pointer-events:none;-webkit-user-select:none;user-select:none}::slotted(*){max-width:100%}";
+var e = ":host{pointer-events:none;opacity:0;width:100%;height:100%;transform:var(--_slide-translate-after,translateX(100%));transition:transform var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);display:block;position:absolute;inset:0;overflow:hidden}:host([data-before]){transform:var(--_slide-translate-before,translateX(-100%))}:host([data-active]){pointer-events:auto;opacity:1;transform:translate(0)}:host([data-variant=fade]){transition:opacity var(--carousel-transition-duration,.35s) var(--ease-move);transform:none}:host([data-variant=filmstrip]){pointer-events:auto;border-radius:var(--carousel-radius,var(--rounded-xl));opacity:1;transition:flex var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);flex-shrink:0;align-self:stretch;position:relative;inset:auto;transform:none}:host([data-variant=filmstrip][data-orientation=horizontal]){flex:0 0 var(--carousel-filmstrip-inactive,var(--size-16));width:auto;min-width:var(--carousel-filmstrip-inactive,var(--size-16));height:100%}:host([data-variant=filmstrip][data-orientation=horizontal][data-active]){flex:1 1 0}:host([data-variant=filmstrip][data-orientation=vertical]){flex:0 0 var(--carousel-filmstrip-inactive,var(--size-10));width:100%;height:auto;min-height:var(--carousel-filmstrip-inactive,var(--size-10))}:host([data-variant=filmstrip][data-orientation=vertical][data-active]){flex:1 1 0}:host([data-variant=gallery]){display:none}:host([data-variant=gallery][data-gallery-visible]){pointer-events:auto;border-radius:var(--carousel-radius,var(--rounded-xl));opacity:.5;transition:flex var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);align-self:stretch;display:block;position:relative;inset:auto;overflow:hidden;transform:none}:host([data-variant=gallery][data-gallery-visible][data-active]){opacity:1}:host([data-variant=gallery][data-orientation=horizontal][data-gallery-visible]){flex:0 0 var(--carousel-gallery-thumbnail,var(--size-24));width:auto;min-width:var(--carousel-gallery-thumbnail,var(--size-24));flex-shrink:0;height:100%}:host([data-variant=gallery][data-orientation=horizontal][data-gallery-visible][data-active]){flex:1 1 0}:host([data-variant=gallery][data-orientation=vertical][data-gallery-visible]){flex:1 1 0;width:100%;height:auto}:host([data-variant=gallery][data-orientation=vertical][data-gallery-visible][data-active]){flex:4 1 0}::slotted(*){max-width:100%}";
 //#endregion
 export { e as default };
 

package/dist/content/carousel/carousel-slide.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel-slide.css.js","names":[],"sources":["../../../src/content/carousel/carousel-slide.css?inline"],"sourcesContent":["/* ── Default: translate in/out ───────────────────────────────────────────── */\n:host {\n  position: absolute;\n  inset: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  pointer-events: none;\n  opacity: 0;\n  transform: var(--_slide-translate-after, translateX(100%));\n  transition:\n    transform var(--carousel-transition-duration, 0.35s) var(--ease-move),\n    opacity var(--carousel-transition-duration, 0.35s) var(--ease-move);\n}\n\n:host([data-before]) {\n  transform: var(--_slide-translate-before, translateX(-100%));\n}\n\n:host([data-active]) {\n  pointer-events: auto;\n  opacity: 1;\n  transform: translate(0, 0);\n}\n\n/* ── Fade variant ────────────────────────────────────────────────────────── */\n:host([data-variant='fade']) {\n  transform: none;\n  transition: opacity var(--carousel-transition-duration, 0.35s) var(--ease-move);\n}\n\n/* ── Filmstrip variant — shared ──────────────────────────────────────────── */\n:host([data-variant='filmstrip']) {\n  position: relative;\n  inset: auto;\n  flex-shrink: 0;\n  align-self: stretch;\n  pointer-events: auto;\n  border-radius: var(--carousel-radius, var(--rounded-xl));\n  opacity: 1;\n  transform: none;\n  transition:\n    flex var(--carousel-transition-duration, 0.35s) var(--ease-move),\n    opacity var(--carousel-transition-duration, 0.35s) var(--ease-move);\n}\n\n/* ── Filmstrip variant (horizontal) ──────────────────────────────────────── */\n:host([data-variant='filmstrip'][data-orientation='horizontal']) {\n  flex: 0 0 var(--carousel-filmstrip-inactive, var(--size-16));\n  width: auto;\n  min-width: var(--carousel-filmstrip-inactive, var(--size-16));\n  height: 100%;\n}\n\n:host([data-variant='filmstrip'][data-orientation='horizontal'][data-active]) {\n  flex: 1 1 0;\n}\n\n/* ── Filmstrip variant (vertical) ────────────────────────────────────────── */\n:host([data-variant='filmstrip'][data-orientation='vertical']) {\n  flex: 0 0 var(--carousel-filmstrip-inactive, var(--size-10));\n  width: 100%;\n  height: auto;\n  min-height: var(--carousel-filmstrip-inactive, var(--size-10));\n}\n\n:host([data-variant='filmstrip'][data-orientation='vertical'][data-active]) {\n  flex: 1 1 0;\n}\n\n/* ── Gallery variant — shared base ───────────────────────────────────────── */\n:host([data-variant='gallery']) {\n  display: none;\n}\n\n:host([data-variant='gallery'][data-gallery-visible]) {\n  position: relative;\n  inset: auto;\n  display: block;\n  align-self: stretch;\n  overflow: hidden;\n  pointer-events: auto;\n  border-radius: var(--carousel-radius, var(--rounded-xl));\n  opacity: 0.5;\n  transform: none;\n  transition:\n    flex var(--carousel-transition-duration, 0.35s) var(--ease-move),\n    opacity var(--carousel-transition-duration, 0.35s) var(--ease-move);\n}\n\n:host([data-variant='gallery'][data-gallery-visible][data-active]) {\n  opacity: 1;\n}\n\n/* ── Gallery variant (horizontal) ────────────────────────────────────────── */\n:host([data-variant='gallery'][data-orientation='horizontal'][data-gallery-visible]) {\n  flex: 0 0 var(--carousel-gallery-thumbnail, var(--size-24));\n  flex-shrink: 0;\n  width: auto;\n  min-width: var(--carousel-gallery-thumbnail, var(--size-24));\n  height: 100%;\n}\n\n:host([data-variant='gallery'][data-orientation='horizontal'][data-gallery-visible][data-active]) {\n  flex: 1 1 0;\n}\n\n/* ── Gallery variant (vertical) ──────────────────────────────────────────── */\n:host([data-variant='gallery'][data-orientation='vertical'][data-gallery-visible]) {\n  flex: 1 1 0;\n  width: 100%;\n  height: auto;\n}\n\n:host([data-variant='gallery'][data-orientation='vertical'][data-gallery-visible][data-active]) {\n  flex: 4 1 0;\n}\n\n/* ── Marquee variant ─────────────────────────────────────────────────────── */\n:host([data-variant='marquee']) {\n  position: relative;\n  inset: auto;\n  flex: 0 0 auto;\n  pointer-events: auto;\n  opacity: 1;\n  transform: none;\n  transition: none;\n}\n\n:host([data-variant='marquee'][data-orientation='horizontal']) {\n  width: auto;\n  height: 100%;\n}\n\n:host([data-variant='marquee'][data-orientation='vertical']) {\n  width: 100%;\n  height: auto;\n}\n\n:host([data-variant='marquee'][data-marquee-clone]) {\n  pointer-events: none;\n  user-select: none;\n}\n\n::slotted(*) {\n  max-width: 100%;\n}\n"],"mappings":""}
+{"version":3,"file":"carousel-slide.css.js","names":[],"sources":["../../../src/content/carousel/carousel-slide.css?inline"],"sourcesContent":["/* ── Default: translate in/out ───────────────────────────────────────────── */\n:host {\n  position: absolute;\n  inset: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  pointer-events: none;\n  opacity: 0;\n  transform: var(--_slide-translate-after, translateX(100%));\n  transition:\n    transform var(--carousel-transition-duration, 0.35s) var(--ease-move),\n    opacity var(--carousel-transition-duration, 0.35s) var(--ease-move);\n}\n\n:host([data-before]) {\n  transform: var(--_slide-translate-before, translateX(-100%));\n}\n\n:host([data-active]) {\n  pointer-events: auto;\n  opacity: 1;\n  transform: translate(0, 0);\n}\n\n/* ── Fade variant ────────────────────────────────────────────────────────── */\n:host([data-variant='fade']) {\n  transform: none;\n  transition: opacity var(--carousel-transition-duration, 0.35s) var(--ease-move);\n}\n\n/* ── Filmstrip variant — shared ──────────────────────────────────────────── */\n:host([data-variant='filmstrip']) {\n  position: relative;\n  inset: auto;\n  flex-shrink: 0;\n  align-self: stretch;\n  pointer-events: auto;\n  border-radius: var(--carousel-radius, var(--rounded-xl));\n  opacity: 1;\n  transform: none;\n  transition:\n    flex var(--carousel-transition-duration, 0.35s) var(--ease-move),\n    opacity var(--carousel-transition-duration, 0.35s) var(--ease-move);\n}\n\n/* ── Filmstrip variant (horizontal) ──────────────────────────────────────── */\n:host([data-variant='filmstrip'][data-orientation='horizontal']) {\n  flex: 0 0 var(--carousel-filmstrip-inactive, var(--size-16));\n  width: auto;\n  min-width: var(--carousel-filmstrip-inactive, var(--size-16));\n  height: 100%;\n}\n\n:host([data-variant='filmstrip'][data-orientation='horizontal'][data-active]) {\n  flex: 1 1 0;\n}\n\n/* ── Filmstrip variant (vertical) ────────────────────────────────────────── */\n:host([data-variant='filmstrip'][data-orientation='vertical']) {\n  flex: 0 0 var(--carousel-filmstrip-inactive, var(--size-10));\n  width: 100%;\n  height: auto;\n  min-height: var(--carousel-filmstrip-inactive, var(--size-10));\n}\n\n:host([data-variant='filmstrip'][data-orientation='vertical'][data-active]) {\n  flex: 1 1 0;\n}\n\n/* ── Gallery variant — shared base ───────────────────────────────────────── */\n:host([data-variant='gallery']) {\n  display: none;\n}\n\n:host([data-variant='gallery'][data-gallery-visible]) {\n  position: relative;\n  inset: auto;\n  display: block;\n  align-self: stretch;\n  overflow: hidden;\n  pointer-events: auto;\n  border-radius: var(--carousel-radius, var(--rounded-xl));\n  opacity: 0.5;\n  transform: none;\n  transition:\n    flex var(--carousel-transition-duration, 0.35s) var(--ease-move),\n    opacity var(--carousel-transition-duration, 0.35s) var(--ease-move);\n}\n\n:host([data-variant='gallery'][data-gallery-visible][data-active]) {\n  opacity: 1;\n}\n\n/* ── Gallery variant (horizontal) ────────────────────────────────────────── */\n:host([data-variant='gallery'][data-orientation='horizontal'][data-gallery-visible]) {\n  flex: 0 0 var(--carousel-gallery-thumbnail, var(--size-24));\n  flex-shrink: 0;\n  width: auto;\n  min-width: var(--carousel-gallery-thumbnail, var(--size-24));\n  height: 100%;\n}\n\n:host([data-variant='gallery'][data-orientation='horizontal'][data-gallery-visible][data-active]) {\n  flex: 1 1 0;\n}\n\n/* ── Gallery variant (vertical) ──────────────────────────────────────────── */\n:host([data-variant='gallery'][data-orientation='vertical'][data-gallery-visible]) {\n  flex: 1 1 0;\n  width: 100%;\n  height: auto;\n}\n\n:host([data-variant='gallery'][data-orientation='vertical'][data-gallery-visible][data-active]) {\n  flex: 4 1 0;\n}\n\n::slotted(*) {\n  max-width: 100%;\n}\n"],"mappings":""}

package/dist/content/carousel/carousel-slide.js

@@ -8,7 +8,9 @@ n(i, {
 		return t({ attr: {
 			"aria-roledescription": () => "slide",
 			role: () => "group"
-		} }), r`<slot></slot>`;
+		} }), r`
+      <slot></slot>
+    `;
 	},
 	styles: [e]
 });

package/dist/content/carousel/carousel-slide.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel-slide.js","names":[],"sources":["../../../src/content/carousel/carousel-slide.ts"],"sourcesContent":["import { define, html, bind } from '@vielzeug/ore';\n\nimport slideStyles from './carousel-slide.css?inline';\n\nexport const CAROUSEL_SLIDE_TAG = 'ore-carousel-slide' as const;\n\ndefine(CAROUSEL_SLIDE_TAG, {\n  props: {},\n  setup(_props) {\n    bind({\n      attr: {\n        'aria-roledescription': () => 'slide',\n        role: () => 'group',\n      },\n    });\n\n    return html`<slot></slot>`;\n  },\n  styles: [slideStyles],\n});\n"],"mappings":";;;AAIA,IAAa,IAAqB;AAElC,EAAO,GAAoB;CACzB,OAAO,CAAC;CACR,MAAM,GAAQ;EAQZ,OAPA,EAAK,EACH,MAAM;GACJ,8BAA8B;GAC9B,YAAY;EACd,EACF,CAAC,GAEM,CAAI;CACb;CACA,QAAQ,CAAC,CAAW;AACtB,CAAC"}
+{"version":3,"file":"carousel-slide.js","names":[],"sources":["../../../src/content/carousel/carousel-slide.ts"],"sourcesContent":["import { define, html, bind } from '@vielzeug/ore';\n\nimport slideStyles from './carousel-slide.css?inline';\n\nexport const CAROUSEL_SLIDE_TAG = 'ore-carousel-slide' as const;\n\ndefine(CAROUSEL_SLIDE_TAG, {\n  props: {},\n  setup(_props) {\n    bind({\n      attr: {\n        'aria-roledescription': () => 'slide',\n        role: () => 'group',\n      },\n    });\n\n    return html`\n      <slot></slot>\n    `;\n  },\n  styles: [slideStyles],\n});\n"],"mappings":";;;AAIA,IAAa,IAAqB;AAElC,EAAO,GAAoB;CACzB,OAAO,CAAC;CACR,MAAM,GAAQ;EAQZ,OAPA,EAAK,EACH,MAAM;GACJ,8BAA8B;GAC9B,YAAY;EACd,EACF,CAAC,GAEM,CAAI;;;CAGb;CACA,QAAQ,CAAC,CAAW;AACtB,CAAC"}

package/dist/content/carousel/carousel.css.cjs

@@ -1,2 +1,2 @@
-var e=`@layer refine.base{:host{--_bg:var(--carousel-bg,var(--color-canvas));--_radius:var(--carousel-radius,var(--rounded-xl));--_dot-bg:var(--carousel-dot-bg,var(--color-contrast-300));--_dot-active-bg:var(--carousel-dot-active-bg,var(--color-contrast-700));width:100%;min-height:var(--carousel-min-height,240px);touch-action:auto;background:var(--_bg);border-radius:var(--_radius);outline:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.track{flex:auto;width:100%;min-height:0;position:relative}.controls{gap:var(--size-0-5);pointer-events:none;align-items:center;display:flex}.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}:host>.controls{padding:var(--size-1-5) var(--size-2);background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:var(--size-3);position:absolute}:host>.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-3);margin-left:0}:host>.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-3);margin-right:0}.nav-btn{pointer-events:auto}:host([variant=gallery]) .track{gap:var(--carousel-gallery-gap,var(--size-2));flex-direction:row;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}:host([variant=gallery][orientation=vertical]) .track{flex-direction:column;align-items:stretch}:host([variant=marquee]){overflow:hidden}:host([variant=marquee]) .track{gap:var(--carousel-marquee-gap,var(--size-4));width:max-content;animation:carousel-marquee var(--_marquee-duration,0s) linear infinite;flex-direction:row;align-items:stretch;display:flex;position:absolute;top:0;bottom:0}:host([variant=marquee]) .track:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([variant=marquee]) .track:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([variant=marquee][orientation=vertical]) .track{flex-direction:column;align-items:stretch;width:100%;height:max-content;animation-name:carousel-marquee-v;inset:0 0 auto}:host([variant=filmstrip]) .track{gap:var(--carousel-filmstrip-gap,var(--size-2));flex-direction:row;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}:host([variant=filmstrip][orientation=vertical]) .track{flex-direction:column;width:100%}:host([orientation=vertical]){--_slide-translate-before:translateY(-100%);--_slide-translate-after:translateY(100%)}:host([orientation=vertical]) .indicators{top:50%;bottom:auto;inset-inline:var(--size-3) auto;width:auto;height:max-content;padding-block:var(--size-6) var(--size-2);padding-inline:var(--size-1-5);border-radius:var(--rounded-full);flex-direction:column;transform:translate(0)translateY(-50%)}:host([orientation=vertical]) .controls{flex-direction:column;margin-top:auto}:host([orientation=vertical]) .controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:0}:host([orientation=vertical]) .controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}:host([orientation=vertical])>.controls{bottom:var(--size-3);margin-top:0}:host([orientation=vertical])>.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-3)}:host([orientation=vertical])>.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-3)}:host([orientation=vertical]) .indicator:not(.indicator-active){width:var(--size-2)!important;height:var(--size-2)!important}:host([orientation=vertical]) .indicator-active{height:var(--size-8);width:var(--size-1-5)!important}.indicators{gap:var(--size-1-5);width:max-content;padding:var(--size-1-5) var(--size-2) var(--size-1-5) var(--size-6);pointer-events:none;background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:var(--size-3);flex-direction:row;align-items:center;display:flex;position:absolute;left:50%;right:50%;transform:translate(-50%)}.indicator{pointer-events:auto;cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:0;display:block}.indicator>ore-progress{pointer-events:none;width:100%;height:100%;display:block}.indicator:not(.indicator-active){border-radius:var(--rounded-full);overflow:hidden;width:var(--size-2)!important;height:var(--size-2)!important}.indicator-active{--progress-track-bg:color-mix(in oklch, var(--_dot-bg) 60%, transparent);width:var(--size-8)!important}.indicator:focus-visible{outline:var(--border) solid currentcolor;outline-offset:2px}.indicator:hover{opacity:.8}.indicator ore-progress::part(fill){transition:width var(--transition-normal)}.indicator-active ore-progress::part(fill){animation-name:var(--carousel-animation-name,none);animation-duration:calc(var(--carousel-timeout,4000) * 1ms);animation-timing-function:var(--ease-linear);animation-fill-mode:forwards}}@media (prefers-reduced-motion:reduce){:host{--carousel-transition-duration:0s}:host([variant=marquee]) .track,:host([variant=marquee][orientation=vertical]) .track{animation:none}}@keyframes carousel-fill{0%{width:0%}to{width:100%}}@keyframes carousel-fill-v{0%{height:0%}to{height:100%}}@keyframes carousel-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes carousel-marquee-v{0%{transform:translateY(0)}to{transform:translateY(-50%)}}`;exports.default=e;
+var e=`@layer refine.base{:host{--_bg:var(--carousel-bg,var(--color-canvas));--_radius:var(--carousel-radius,var(--rounded-xl));--_dot-bg:var(--carousel-dot-bg,var(--color-contrast-300));--_dot-active-bg:var(--carousel-dot-active-bg,var(--color-contrast-700));width:100%;min-height:var(--carousel-min-height,240px);touch-action:auto;background:var(--_bg);border-radius:var(--_radius);outline:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.track{flex:auto;width:100%;min-height:0;position:relative}.controls{gap:var(--size-0-5);pointer-events:none;align-items:center;display:flex}.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}:host>.controls{padding:var(--size-1-5) var(--size-2);background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:var(--size-3);position:absolute}:host>.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-3);margin-left:0}:host>.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-3);margin-right:0}.nav-btn{pointer-events:auto}:host([variant=gallery]) .track{gap:var(--carousel-gallery-gap,var(--size-2));flex-direction:row;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}:host([variant=gallery][orientation=vertical]) .track{flex-direction:column;align-items:stretch}:host([variant=filmstrip]) .track{gap:var(--carousel-filmstrip-gap,var(--size-2));flex-direction:row;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}:host([variant=filmstrip][orientation=vertical]) .track{flex-direction:column;width:100%}:host([orientation=vertical]){--_slide-translate-before:translateY(-100%);--_slide-translate-after:translateY(100%)}:host([orientation=vertical]) .indicators{top:50%;bottom:auto;inset-inline:var(--size-3) auto;width:auto;height:max-content;padding-block:var(--size-6) var(--size-2);padding-inline:var(--size-1-5);border-radius:var(--rounded-full);flex-direction:column;transform:translate(0)translateY(-50%)}:host([orientation=vertical]) .controls{flex-direction:column;margin-top:auto}:host([orientation=vertical]) .controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:0}:host([orientation=vertical]) .controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}:host([orientation=vertical])>.controls{bottom:var(--size-3);margin-top:0}:host([orientation=vertical])>.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-3)}:host([orientation=vertical])>.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-3)}:host([orientation=vertical]) .indicator:not(.indicator-active){width:var(--size-2)!important;height:var(--size-2)!important}:host([orientation=vertical]) .indicator-active{height:var(--size-8);width:var(--size-1-5)!important}.indicators{gap:var(--size-1-5);width:max-content;padding:var(--size-1-5) var(--size-2) var(--size-1-5) var(--size-6);pointer-events:none;background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:var(--size-3);flex-direction:row;align-items:center;display:flex;position:absolute;left:50%;right:50%;transform:translate(-50%)}.indicator{pointer-events:auto;cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:0;display:block}.indicator>ore-progress{pointer-events:none;width:100%;height:100%;display:block}.indicator:not(.indicator-active){border-radius:var(--rounded-full);overflow:hidden;width:var(--size-2)!important;height:var(--size-2)!important}.indicator-active{--progress-track-bg:color-mix(in oklch, var(--_dot-bg) 60%, transparent);width:var(--size-8)!important}.indicator:focus-visible{outline:var(--border) solid currentcolor;outline-offset:2px}.indicator:hover{opacity:.8}.indicator ore-progress::part(fill){transition:width var(--transition-normal)}.indicator-active ore-progress::part(fill){animation-name:var(--carousel-animation-name,none);animation-duration:calc(var(--carousel-timeout,4000) * 1ms);animation-timing-function:var(--ease-linear);animation-fill-mode:forwards}}@media (prefers-reduced-motion:reduce){:host{--carousel-transition-duration:0s}}@keyframes carousel-fill{0%{width:0%}to{width:100%}}@keyframes carousel-fill-v{0%{height:0%}to{height:100%}}`;exports.default=e;
 //# sourceMappingURL=carousel.css.cjs.map

package/dist/content/carousel/carousel.css.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.css.cjs","names":[],"sources":["../../../src/content/carousel/carousel.css?inline"],"sourcesContent":["@layer refine.base {\n  :host {\n    --_bg: var(--carousel-bg, var(--color-canvas));\n    --_radius: var(--carousel-radius, var(--rounded-xl));\n    --_dot-bg: var(--carousel-dot-bg, var(--color-contrast-300));\n    --_dot-active-bg: var(--carousel-dot-active-bg, var(--color-contrast-700));\n\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    min-height: var(--carousel-min-height, 240px);\n    overflow: hidden;\n    touch-action: auto;\n    outline: none;\n    background: var(--_bg);\n    border-radius: var(--_radius);\n  }\n\n  /* ── Track ──────────────────────────────────────────────────────── */\n\n  .track {\n    position: relative;\n    flex: 1 1 auto;\n    width: 100%;\n    min-height: 0;\n  }\n\n  /* ── Controls (prev / next) ────────────────────────────────────────────── */\n\n  /* Controls live inside the bottom nav bar, right-aligned via margin-inline-start: auto. */\n\n  .controls {\n    display: flex;\n    gap: var(--size-0-5);\n    align-items: center;\n    margin-inline-start: auto;\n    pointer-events: none;\n  }\n\n  /* Controls rendered standalone (no indicators bar) — needs own positioning + backdrop. */\n  :host > .controls {\n    position: absolute;\n    inset-block-end: var(--size-3);\n    inset-inline-end: var(--size-3);\n    padding: var(--size-1-5) var(--size-2);\n    margin-inline-start: 0;\n    background: color-mix(in oklch, var(--color-canvas) 55%, transparent);\n    border-radius: var(--rounded-full);\n    backdrop-filter: blur(6px);\n  }\n\n  .nav-btn {\n    pointer-events: auto;\n  }\n\n  /* ── Variant-specific track styles ────────────────────────────────────── */\n\n  /* Gallery: flex row, fills host, shows active + two thumbnails */\n  :host([variant='gallery']) .track {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    flex-direction: row;\n    gap: var(--carousel-gallery-gap, var(--size-2));\n    align-items: stretch;\n    overflow: hidden;\n  }\n\n  :host([variant='gallery'][orientation='vertical']) .track {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  /* Marquee: anchor top/bottom for definite height; width:max-content for -50% loop.\n     Host clips the overflow. */\n  :host([variant='marquee']) {\n    overflow: hidden;\n  }\n\n  :host([variant='marquee']) .track {\n    position: absolute;\n    inset-block: 0;\n    inset-inline-start: 0;\n    display: flex;\n    flex-direction: row;\n    gap: var(--carousel-marquee-gap, var(--size-4));\n    align-items: stretch;\n    width: max-content;\n    animation: carousel-marquee var(--_marquee-duration, 0s) linear infinite;\n  }\n\n  :host([variant='marquee'][orientation='vertical']) .track {\n    inset: 0 0 auto;\n    flex-direction: column;\n    align-items: stretch;\n    width: 100%;\n    height: max-content;\n    animation-name: carousel-marquee-v;\n  }\n\n  /* Filmstrip: flex row/column with absolute positioning to fill host */\n  :host([variant='filmstrip']) .track {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    flex-direction: row;\n    gap: var(--carousel-filmstrip-gap, var(--size-2));\n    align-items: stretch;\n    overflow: hidden;\n  }\n\n  :host([variant='filmstrip'][orientation='vertical']) .track {\n    flex-direction: column;\n    width: 100%;\n  }\n\n  /* ── Vertical orientation ──────────────────────────────────────────────── */\n\n  :host([orientation='vertical']) {\n    --_slide-translate-before: translateY(-100%);\n    --_slide-translate-after: translateY(100%);\n  }\n\n  :host([orientation='vertical']) .indicators {\n    inset-block: 50% auto;\n    inset-inline: var(--size-3) auto;\n    flex-direction: column;\n    width: auto;\n    height: max-content;\n    padding-block: var(--size-6) var(--size-2);\n    padding-inline: var(--size-1-5);\n    border-radius: var(--rounded-full);\n    transform: translateX(0) translateY(-50%);\n  }\n\n  :host([orientation='vertical']) .controls {\n    flex-direction: column;\n    margin-block-start: auto;\n    margin-inline-start: 0;\n  }\n\n  :host([orientation='vertical']) > .controls {\n    inset-block-end: var(--size-3);\n    inset-inline-end: var(--size-3);\n    margin-block-start: 0;\n  }\n\n  :host([orientation='vertical']) .indicator:not(.indicator-active) {\n    width: var(--size-2) !important;\n    height: var(--size-2) !important;\n  }\n\n  :host([orientation='vertical']) .indicator-active {\n    width: var(--size-1-5) !important;\n    height: var(--size-8);\n  }\n\n  /* animation properties are inherited from .indicator-active ore-progress::part(fill) below */\n\n  /* ── Bottom nav bar: indicators + controls ───────────────────────────── */\n\n  /* Floats above the bottom edge, shrinks to content width, centered.\n     A frosted backdrop keeps it legible over any image. */\n\n  .indicators {\n    position: absolute;\n    inset-block-end: var(--size-3);\n    inset-inline: 50%;\n    display: flex;\n    flex-direction: row;\n    gap: var(--size-1-5);\n    align-items: center;\n    width: max-content;\n    padding: var(--size-1-5) var(--size-2) var(--size-1-5) var(--size-6);\n    pointer-events: none;\n    background: color-mix(in oklch, var(--color-canvas) 55%, transparent);\n    border-radius: var(--rounded-full);\n    backdrop-filter: blur(6px);\n    transform: translateX(-50%);\n  }\n\n  .indicator {\n    display: block;\n    flex-shrink: 0;\n    padding: 0;\n    pointer-events: auto;\n    cursor: pointer;\n    background: none;\n    border: none;\n    transition: opacity var(--transition-fast);\n  }\n\n  .indicator > ore-progress {\n    display: block;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n  }\n\n  /* Inactive indicator: small circle */\n  .indicator:not(.indicator-active) {\n    width: var(--size-2) !important;\n    height: var(--size-2) !important;\n    overflow: hidden;\n    border-radius: var(--rounded-full);\n  }\n\n  /* Active indicator: wider pill (progress bar) */\n  .indicator-active {\n    width: var(--size-8) !important;\n\n    --progress-track-bg: color-mix(in oklch, var(--_dot-bg) 60%, transparent);\n  }\n\n  .indicator:focus-visible {\n    outline: var(--border) solid currentcolor;\n    outline-offset: 2px;\n  }\n\n  .indicator:hover {\n    opacity: 0.8;\n  }\n\n  .indicator ore-progress::part(fill) {\n    transition: width var(--transition-normal);\n  }\n\n  .indicator-active ore-progress::part(fill) {\n    animation-name: var(--carousel-animation-name, none);\n    animation-duration: calc(var(--carousel-timeout, 4000) * 1ms);\n    animation-timing-function: var(--ease-linear);\n    animation-fill-mode: forwards;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :host {\n    --carousel-transition-duration: 0s;\n  }\n\n  :host([variant='marquee']) .track,\n  :host([variant='marquee'][orientation='vertical']) .track {\n    animation: none;\n  }\n}\n\n@keyframes carousel-fill {\n  from {\n    width: 0%;\n  }\n\n  to {\n    width: 100%;\n  }\n}\n\n@keyframes carousel-fill-v {\n  from {\n    height: 0%;\n  }\n\n  to {\n    height: 100%;\n  }\n}\n\n@keyframes carousel-marquee {\n  from {\n    transform: translateX(0);\n  }\n\n  to {\n    transform: translateX(-50%);\n  }\n}\n\n@keyframes carousel-marquee-v {\n  from {\n    transform: translateY(0);\n  }\n\n  to {\n    transform: translateY(-50%);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"carousel.css.cjs","names":[],"sources":["../../../src/content/carousel/carousel.css?inline"],"sourcesContent":["@layer refine.base {\n  :host {\n    --_bg: var(--carousel-bg, var(--color-canvas));\n    --_radius: var(--carousel-radius, var(--rounded-xl));\n    --_dot-bg: var(--carousel-dot-bg, var(--color-contrast-300));\n    --_dot-active-bg: var(--carousel-dot-active-bg, var(--color-contrast-700));\n\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    min-height: var(--carousel-min-height, 240px);\n    overflow: hidden;\n    touch-action: auto;\n    outline: none;\n    background: var(--_bg);\n    border-radius: var(--_radius);\n  }\n\n  /* ── Track ──────────────────────────────────────────────────────── */\n\n  .track {\n    position: relative;\n    flex: 1 1 auto;\n    width: 100%;\n    min-height: 0;\n  }\n\n  /* ── Controls (prev / next) ────────────────────────────────────────────── */\n\n  /* Controls live inside the bottom nav bar, right-aligned via margin-inline-start: auto. */\n\n  .controls {\n    display: flex;\n    gap: var(--size-0-5);\n    align-items: center;\n    margin-inline-start: auto;\n    pointer-events: none;\n  }\n\n  /* Controls rendered standalone (no indicators bar) — needs own positioning + backdrop. */\n  :host > .controls {\n    position: absolute;\n    inset-block-end: var(--size-3);\n    inset-inline-end: var(--size-3);\n    padding: var(--size-1-5) var(--size-2);\n    margin-inline-start: 0;\n    background: color-mix(in oklch, var(--color-canvas) 55%, transparent);\n    border-radius: var(--rounded-full);\n    backdrop-filter: blur(6px);\n  }\n\n  .nav-btn {\n    pointer-events: auto;\n  }\n\n  /* ── Variant-specific track styles ────────────────────────────────────── */\n\n  /* Gallery: flex row, fills host, shows active + two thumbnails */\n  :host([variant='gallery']) .track {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    flex-direction: row;\n    gap: var(--carousel-gallery-gap, var(--size-2));\n    align-items: stretch;\n    overflow: hidden;\n  }\n\n  :host([variant='gallery'][orientation='vertical']) .track {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  /* Filmstrip: flex row/column with absolute positioning to fill host */\n  :host([variant='filmstrip']) .track {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    flex-direction: row;\n    gap: var(--carousel-filmstrip-gap, var(--size-2));\n    align-items: stretch;\n    overflow: hidden;\n  }\n\n  :host([variant='filmstrip'][orientation='vertical']) .track {\n    flex-direction: column;\n    width: 100%;\n  }\n\n  /* ── Vertical orientation ──────────────────────────────────────────────── */\n\n  :host([orientation='vertical']) {\n    --_slide-translate-before: translateY(-100%);\n    --_slide-translate-after: translateY(100%);\n  }\n\n  :host([orientation='vertical']) .indicators {\n    inset-block: 50% auto;\n    inset-inline: var(--size-3) auto;\n    flex-direction: column;\n    width: auto;\n    height: max-content;\n    padding-block: var(--size-6) var(--size-2);\n    padding-inline: var(--size-1-5);\n    border-radius: var(--rounded-full);\n    transform: translateX(0) translateY(-50%);\n  }\n\n  :host([orientation='vertical']) .controls {\n    flex-direction: column;\n    margin-block-start: auto;\n    margin-inline-start: 0;\n  }\n\n  :host([orientation='vertical']) > .controls {\n    inset-block-end: var(--size-3);\n    inset-inline-end: var(--size-3);\n    margin-block-start: 0;\n  }\n\n  :host([orientation='vertical']) .indicator:not(.indicator-active) {\n    width: var(--size-2) !important;\n    height: var(--size-2) !important;\n  }\n\n  :host([orientation='vertical']) .indicator-active {\n    width: var(--size-1-5) !important;\n    height: var(--size-8);\n  }\n\n  /* animation properties are inherited from .indicator-active ore-progress::part(fill) below */\n\n  /* ── Bottom nav bar: indicators + controls ───────────────────────────── */\n\n  /* Floats above the bottom edge, shrinks to content width, centered.\n     A frosted backdrop keeps it legible over any image. */\n\n  .indicators {\n    position: absolute;\n    inset-block-end: var(--size-3);\n    inset-inline: 50%;\n    display: flex;\n    flex-direction: row;\n    gap: var(--size-1-5);\n    align-items: center;\n    width: max-content;\n    padding: var(--size-1-5) var(--size-2) var(--size-1-5) var(--size-6);\n    pointer-events: none;\n    background: color-mix(in oklch, var(--color-canvas) 55%, transparent);\n    border-radius: var(--rounded-full);\n    backdrop-filter: blur(6px);\n    transform: translateX(-50%);\n  }\n\n  .indicator {\n    display: block;\n    flex-shrink: 0;\n    padding: 0;\n    pointer-events: auto;\n    cursor: pointer;\n    background: none;\n    border: none;\n    transition: opacity var(--transition-fast);\n  }\n\n  .indicator > ore-progress {\n    display: block;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n  }\n\n  /* Inactive indicator: small circle */\n  .indicator:not(.indicator-active) {\n    width: var(--size-2) !important;\n    height: var(--size-2) !important;\n    overflow: hidden;\n    border-radius: var(--rounded-full);\n  }\n\n  /* Active indicator: wider pill (progress bar) */\n  .indicator-active {\n    width: var(--size-8) !important;\n\n    --progress-track-bg: color-mix(in oklch, var(--_dot-bg) 60%, transparent);\n  }\n\n  .indicator:focus-visible {\n    outline: var(--border) solid currentcolor;\n    outline-offset: 2px;\n  }\n\n  .indicator:hover {\n    opacity: 0.8;\n  }\n\n  .indicator ore-progress::part(fill) {\n    transition: width var(--transition-normal);\n  }\n\n  .indicator-active ore-progress::part(fill) {\n    animation-name: var(--carousel-animation-name, none);\n    animation-duration: calc(var(--carousel-timeout, 4000) * 1ms);\n    animation-timing-function: var(--ease-linear);\n    animation-fill-mode: forwards;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :host {\n    --carousel-transition-duration: 0s;\n  }\n}\n\n@keyframes carousel-fill {\n  from {\n    width: 0%;\n  }\n\n  to {\n    width: 100%;\n  }\n}\n\n@keyframes carousel-fill-v {\n  from {\n    height: 0%;\n  }\n\n  to {\n    height: 100%;\n  }\n}\n"],"mappings":""}

package/dist/content/carousel/carousel.css.js

@@ -1,5 +1,5 @@
 //#region src/content/carousel/carousel.css?inline
-var e = "@layer refine.base{:host{--_bg:var(--carousel-bg,var(--color-canvas));--_radius:var(--carousel-radius,var(--rounded-xl));--_dot-bg:var(--carousel-dot-bg,var(--color-contrast-300));--_dot-active-bg:var(--carousel-dot-active-bg,var(--color-contrast-700));width:100%;min-height:var(--carousel-min-height,240px);touch-action:auto;background:var(--_bg);border-radius:var(--_radius);outline:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.track{flex:auto;width:100%;min-height:0;position:relative}.controls{gap:var(--size-0-5);pointer-events:none;align-items:center;display:flex}.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}:host>.controls{padding:var(--size-1-5) var(--size-2);background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:var(--size-3);position:absolute}:host>.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-3);margin-left:0}:host>.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-3);margin-right:0}.nav-btn{pointer-events:auto}:host([variant=gallery]) .track{gap:var(--carousel-gallery-gap,var(--size-2));flex-direction:row;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}:host([variant=gallery][orientation=vertical]) .track{flex-direction:column;align-items:stretch}:host([variant=marquee]){overflow:hidden}:host([variant=marquee]) .track{gap:var(--carousel-marquee-gap,var(--size-4));width:max-content;animation:carousel-marquee var(--_marquee-duration,0s) linear infinite;flex-direction:row;align-items:stretch;display:flex;position:absolute;top:0;bottom:0}:host([variant=marquee]) .track:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([variant=marquee]) .track:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([variant=marquee][orientation=vertical]) .track{flex-direction:column;align-items:stretch;width:100%;height:max-content;animation-name:carousel-marquee-v;inset:0 0 auto}:host([variant=filmstrip]) .track{gap:var(--carousel-filmstrip-gap,var(--size-2));flex-direction:row;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}:host([variant=filmstrip][orientation=vertical]) .track{flex-direction:column;width:100%}:host([orientation=vertical]){--_slide-translate-before:translateY(-100%);--_slide-translate-after:translateY(100%)}:host([orientation=vertical]) .indicators{top:50%;bottom:auto;inset-inline:var(--size-3) auto;width:auto;height:max-content;padding-block:var(--size-6) var(--size-2);padding-inline:var(--size-1-5);border-radius:var(--rounded-full);flex-direction:column;transform:translate(0)translateY(-50%)}:host([orientation=vertical]) .controls{flex-direction:column;margin-top:auto}:host([orientation=vertical]) .controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:0}:host([orientation=vertical]) .controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}:host([orientation=vertical])>.controls{bottom:var(--size-3);margin-top:0}:host([orientation=vertical])>.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-3)}:host([orientation=vertical])>.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-3)}:host([orientation=vertical]) .indicator:not(.indicator-active){width:var(--size-2)!important;height:var(--size-2)!important}:host([orientation=vertical]) .indicator-active{height:var(--size-8);width:var(--size-1-5)!important}.indicators{gap:var(--size-1-5);width:max-content;padding:var(--size-1-5) var(--size-2) var(--size-1-5) var(--size-6);pointer-events:none;background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:var(--size-3);flex-direction:row;align-items:center;display:flex;position:absolute;left:50%;right:50%;transform:translate(-50%)}.indicator{pointer-events:auto;cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:0;display:block}.indicator>ore-progress{pointer-events:none;width:100%;height:100%;display:block}.indicator:not(.indicator-active){border-radius:var(--rounded-full);overflow:hidden;width:var(--size-2)!important;height:var(--size-2)!important}.indicator-active{--progress-track-bg:color-mix(in oklch, var(--_dot-bg) 60%, transparent);width:var(--size-8)!important}.indicator:focus-visible{outline:var(--border) solid currentcolor;outline-offset:2px}.indicator:hover{opacity:.8}.indicator ore-progress::part(fill){transition:width var(--transition-normal)}.indicator-active ore-progress::part(fill){animation-name:var(--carousel-animation-name,none);animation-duration:calc(var(--carousel-timeout,4000) * 1ms);animation-timing-function:var(--ease-linear);animation-fill-mode:forwards}}@media (prefers-reduced-motion:reduce){:host{--carousel-transition-duration:0s}:host([variant=marquee]) .track,:host([variant=marquee][orientation=vertical]) .track{animation:none}}@keyframes carousel-fill{0%{width:0%}to{width:100%}}@keyframes carousel-fill-v{0%{height:0%}to{height:100%}}@keyframes carousel-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes carousel-marquee-v{0%{transform:translateY(0)}to{transform:translateY(-50%)}}";
+var e = "@layer refine.base{:host{--_bg:var(--carousel-bg,var(--color-canvas));--_radius:var(--carousel-radius,var(--rounded-xl));--_dot-bg:var(--carousel-dot-bg,var(--color-contrast-300));--_dot-active-bg:var(--carousel-dot-active-bg,var(--color-contrast-700));width:100%;min-height:var(--carousel-min-height,240px);touch-action:auto;background:var(--_bg);border-radius:var(--_radius);outline:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.track{flex:auto;width:100%;min-height:0;position:relative}.controls{gap:var(--size-0-5);pointer-events:none;align-items:center;display:flex}.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}:host>.controls{padding:var(--size-1-5) var(--size-2);background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:var(--size-3);position:absolute}:host>.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-3);margin-left:0}:host>.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-3);margin-right:0}.nav-btn{pointer-events:auto}:host([variant=gallery]) .track{gap:var(--carousel-gallery-gap,var(--size-2));flex-direction:row;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}:host([variant=gallery][orientation=vertical]) .track{flex-direction:column;align-items:stretch}:host([variant=filmstrip]) .track{gap:var(--carousel-filmstrip-gap,var(--size-2));flex-direction:row;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}:host([variant=filmstrip][orientation=vertical]) .track{flex-direction:column;width:100%}:host([orientation=vertical]){--_slide-translate-before:translateY(-100%);--_slide-translate-after:translateY(100%)}:host([orientation=vertical]) .indicators{top:50%;bottom:auto;inset-inline:var(--size-3) auto;width:auto;height:max-content;padding-block:var(--size-6) var(--size-2);padding-inline:var(--size-1-5);border-radius:var(--rounded-full);flex-direction:column;transform:translate(0)translateY(-50%)}:host([orientation=vertical]) .controls{flex-direction:column;margin-top:auto}:host([orientation=vertical]) .controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:0}:host([orientation=vertical]) .controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}:host([orientation=vertical])>.controls{bottom:var(--size-3);margin-top:0}:host([orientation=vertical])>.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-3)}:host([orientation=vertical])>.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-3)}:host([orientation=vertical]) .indicator:not(.indicator-active){width:var(--size-2)!important;height:var(--size-2)!important}:host([orientation=vertical]) .indicator-active{height:var(--size-8);width:var(--size-1-5)!important}.indicators{gap:var(--size-1-5);width:max-content;padding:var(--size-1-5) var(--size-2) var(--size-1-5) var(--size-6);pointer-events:none;background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:var(--size-3);flex-direction:row;align-items:center;display:flex;position:absolute;left:50%;right:50%;transform:translate(-50%)}.indicator{pointer-events:auto;cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:0;display:block}.indicator>ore-progress{pointer-events:none;width:100%;height:100%;display:block}.indicator:not(.indicator-active){border-radius:var(--rounded-full);overflow:hidden;width:var(--size-2)!important;height:var(--size-2)!important}.indicator-active{--progress-track-bg:color-mix(in oklch, var(--_dot-bg) 60%, transparent);width:var(--size-8)!important}.indicator:focus-visible{outline:var(--border) solid currentcolor;outline-offset:2px}.indicator:hover{opacity:.8}.indicator ore-progress::part(fill){transition:width var(--transition-normal)}.indicator-active ore-progress::part(fill){animation-name:var(--carousel-animation-name,none);animation-duration:calc(var(--carousel-timeout,4000) * 1ms);animation-timing-function:var(--ease-linear);animation-fill-mode:forwards}}@media (prefers-reduced-motion:reduce){:host{--carousel-transition-duration:0s}}@keyframes carousel-fill{0%{width:0%}to{width:100%}}@keyframes carousel-fill-v{0%{height:0%}to{height:100%}}";
 //#endregion
 export { e as default };
 

package/dist/content/carousel/carousel.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.css.js","names":[],"sources":["../../../src/content/carousel/carousel.css?inline"],"sourcesContent":["@layer refine.base {\n  :host {\n    --_bg: var(--carousel-bg, var(--color-canvas));\n    --_radius: var(--carousel-radius, var(--rounded-xl));\n    --_dot-bg: var(--carousel-dot-bg, var(--color-contrast-300));\n    --_dot-active-bg: var(--carousel-dot-active-bg, var(--color-contrast-700));\n\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    min-height: var(--carousel-min-height, 240px);\n    overflow: hidden;\n    touch-action: auto;\n    outline: none;\n    background: var(--_bg);\n    border-radius: var(--_radius);\n  }\n\n  /* ── Track ──────────────────────────────────────────────────────── */\n\n  .track {\n    position: relative;\n    flex: 1 1 auto;\n    width: 100%;\n    min-height: 0;\n  }\n\n  /* ── Controls (prev / next) ────────────────────────────────────────────── */\n\n  /* Controls live inside the bottom nav bar, right-aligned via margin-inline-start: auto. */\n\n  .controls {\n    display: flex;\n    gap: var(--size-0-5);\n    align-items: center;\n    margin-inline-start: auto;\n    pointer-events: none;\n  }\n\n  /* Controls rendered standalone (no indicators bar) — needs own positioning + backdrop. */\n  :host > .controls {\n    position: absolute;\n    inset-block-end: var(--size-3);\n    inset-inline-end: var(--size-3);\n    padding: var(--size-1-5) var(--size-2);\n    margin-inline-start: 0;\n    background: color-mix(in oklch, var(--color-canvas) 55%, transparent);\n    border-radius: var(--rounded-full);\n    backdrop-filter: blur(6px);\n  }\n\n  .nav-btn {\n    pointer-events: auto;\n  }\n\n  /* ── Variant-specific track styles ────────────────────────────────────── */\n\n  /* Gallery: flex row, fills host, shows active + two thumbnails */\n  :host([variant='gallery']) .track {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    flex-direction: row;\n    gap: var(--carousel-gallery-gap, var(--size-2));\n    align-items: stretch;\n    overflow: hidden;\n  }\n\n  :host([variant='gallery'][orientation='vertical']) .track {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  /* Marquee: anchor top/bottom for definite height; width:max-content for -50% loop.\n     Host clips the overflow. */\n  :host([variant='marquee']) {\n    overflow: hidden;\n  }\n\n  :host([variant='marquee']) .track {\n    position: absolute;\n    inset-block: 0;\n    inset-inline-start: 0;\n    display: flex;\n    flex-direction: row;\n    gap: var(--carousel-marquee-gap, var(--size-4));\n    align-items: stretch;\n    width: max-content;\n    animation: carousel-marquee var(--_marquee-duration, 0s) linear infinite;\n  }\n\n  :host([variant='marquee'][orientation='vertical']) .track {\n    inset: 0 0 auto;\n    flex-direction: column;\n    align-items: stretch;\n    width: 100%;\n    height: max-content;\n    animation-name: carousel-marquee-v;\n  }\n\n  /* Filmstrip: flex row/column with absolute positioning to fill host */\n  :host([variant='filmstrip']) .track {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    flex-direction: row;\n    gap: var(--carousel-filmstrip-gap, var(--size-2));\n    align-items: stretch;\n    overflow: hidden;\n  }\n\n  :host([variant='filmstrip'][orientation='vertical']) .track {\n    flex-direction: column;\n    width: 100%;\n  }\n\n  /* ── Vertical orientation ──────────────────────────────────────────────── */\n\n  :host([orientation='vertical']) {\n    --_slide-translate-before: translateY(-100%);\n    --_slide-translate-after: translateY(100%);\n  }\n\n  :host([orientation='vertical']) .indicators {\n    inset-block: 50% auto;\n    inset-inline: var(--size-3) auto;\n    flex-direction: column;\n    width: auto;\n    height: max-content;\n    padding-block: var(--size-6) var(--size-2);\n    padding-inline: var(--size-1-5);\n    border-radius: var(--rounded-full);\n    transform: translateX(0) translateY(-50%);\n  }\n\n  :host([orientation='vertical']) .controls {\n    flex-direction: column;\n    margin-block-start: auto;\n    margin-inline-start: 0;\n  }\n\n  :host([orientation='vertical']) > .controls {\n    inset-block-end: var(--size-3);\n    inset-inline-end: var(--size-3);\n    margin-block-start: 0;\n  }\n\n  :host([orientation='vertical']) .indicator:not(.indicator-active) {\n    width: var(--size-2) !important;\n    height: var(--size-2) !important;\n  }\n\n  :host([orientation='vertical']) .indicator-active {\n    width: var(--size-1-5) !important;\n    height: var(--size-8);\n  }\n\n  /* animation properties are inherited from .indicator-active ore-progress::part(fill) below */\n\n  /* ── Bottom nav bar: indicators + controls ───────────────────────────── */\n\n  /* Floats above the bottom edge, shrinks to content width, centered.\n     A frosted backdrop keeps it legible over any image. */\n\n  .indicators {\n    position: absolute;\n    inset-block-end: var(--size-3);\n    inset-inline: 50%;\n    display: flex;\n    flex-direction: row;\n    gap: var(--size-1-5);\n    align-items: center;\n    width: max-content;\n    padding: var(--size-1-5) var(--size-2) var(--size-1-5) var(--size-6);\n    pointer-events: none;\n    background: color-mix(in oklch, var(--color-canvas) 55%, transparent);\n    border-radius: var(--rounded-full);\n    backdrop-filter: blur(6px);\n    transform: translateX(-50%);\n  }\n\n  .indicator {\n    display: block;\n    flex-shrink: 0;\n    padding: 0;\n    pointer-events: auto;\n    cursor: pointer;\n    background: none;\n    border: none;\n    transition: opacity var(--transition-fast);\n  }\n\n  .indicator > ore-progress {\n    display: block;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n  }\n\n  /* Inactive indicator: small circle */\n  .indicator:not(.indicator-active) {\n    width: var(--size-2) !important;\n    height: var(--size-2) !important;\n    overflow: hidden;\n    border-radius: var(--rounded-full);\n  }\n\n  /* Active indicator: wider pill (progress bar) */\n  .indicator-active {\n    width: var(--size-8) !important;\n\n    --progress-track-bg: color-mix(in oklch, var(--_dot-bg) 60%, transparent);\n  }\n\n  .indicator:focus-visible {\n    outline: var(--border) solid currentcolor;\n    outline-offset: 2px;\n  }\n\n  .indicator:hover {\n    opacity: 0.8;\n  }\n\n  .indicator ore-progress::part(fill) {\n    transition: width var(--transition-normal);\n  }\n\n  .indicator-active ore-progress::part(fill) {\n    animation-name: var(--carousel-animation-name, none);\n    animation-duration: calc(var(--carousel-timeout, 4000) * 1ms);\n    animation-timing-function: var(--ease-linear);\n    animation-fill-mode: forwards;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :host {\n    --carousel-transition-duration: 0s;\n  }\n\n  :host([variant='marquee']) .track,\n  :host([variant='marquee'][orientation='vertical']) .track {\n    animation: none;\n  }\n}\n\n@keyframes carousel-fill {\n  from {\n    width: 0%;\n  }\n\n  to {\n    width: 100%;\n  }\n}\n\n@keyframes carousel-fill-v {\n  from {\n    height: 0%;\n  }\n\n  to {\n    height: 100%;\n  }\n}\n\n@keyframes carousel-marquee {\n  from {\n    transform: translateX(0);\n  }\n\n  to {\n    transform: translateX(-50%);\n  }\n}\n\n@keyframes carousel-marquee-v {\n  from {\n    transform: translateY(0);\n  }\n\n  to {\n    transform: translateY(-50%);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"carousel.css.js","names":[],"sources":["../../../src/content/carousel/carousel.css?inline"],"sourcesContent":["@layer refine.base {\n  :host {\n    --_bg: var(--carousel-bg, var(--color-canvas));\n    --_radius: var(--carousel-radius, var(--rounded-xl));\n    --_dot-bg: var(--carousel-dot-bg, var(--color-contrast-300));\n    --_dot-active-bg: var(--carousel-dot-active-bg, var(--color-contrast-700));\n\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    min-height: var(--carousel-min-height, 240px);\n    overflow: hidden;\n    touch-action: auto;\n    outline: none;\n    background: var(--_bg);\n    border-radius: var(--_radius);\n  }\n\n  /* ── Track ──────────────────────────────────────────────────────── */\n\n  .track {\n    position: relative;\n    flex: 1 1 auto;\n    width: 100%;\n    min-height: 0;\n  }\n\n  /* ── Controls (prev / next) ────────────────────────────────────────────── */\n\n  /* Controls live inside the bottom nav bar, right-aligned via margin-inline-start: auto. */\n\n  .controls {\n    display: flex;\n    gap: var(--size-0-5);\n    align-items: center;\n    margin-inline-start: auto;\n    pointer-events: none;\n  }\n\n  /* Controls rendered standalone (no indicators bar) — needs own positioning + backdrop. */\n  :host > .controls {\n    position: absolute;\n    inset-block-end: var(--size-3);\n    inset-inline-end: var(--size-3);\n    padding: var(--size-1-5) var(--size-2);\n    margin-inline-start: 0;\n    background: color-mix(in oklch, var(--color-canvas) 55%, transparent);\n    border-radius: var(--rounded-full);\n    backdrop-filter: blur(6px);\n  }\n\n  .nav-btn {\n    pointer-events: auto;\n  }\n\n  /* ── Variant-specific track styles ────────────────────────────────────── */\n\n  /* Gallery: flex row, fills host, shows active + two thumbnails */\n  :host([variant='gallery']) .track {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    flex-direction: row;\n    gap: var(--carousel-gallery-gap, var(--size-2));\n    align-items: stretch;\n    overflow: hidden;\n  }\n\n  :host([variant='gallery'][orientation='vertical']) .track {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  /* Filmstrip: flex row/column with absolute positioning to fill host */\n  :host([variant='filmstrip']) .track {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    flex-direction: row;\n    gap: var(--carousel-filmstrip-gap, var(--size-2));\n    align-items: stretch;\n    overflow: hidden;\n  }\n\n  :host([variant='filmstrip'][orientation='vertical']) .track {\n    flex-direction: column;\n    width: 100%;\n  }\n\n  /* ── Vertical orientation ──────────────────────────────────────────────── */\n\n  :host([orientation='vertical']) {\n    --_slide-translate-before: translateY(-100%);\n    --_slide-translate-after: translateY(100%);\n  }\n\n  :host([orientation='vertical']) .indicators {\n    inset-block: 50% auto;\n    inset-inline: var(--size-3) auto;\n    flex-direction: column;\n    width: auto;\n    height: max-content;\n    padding-block: var(--size-6) var(--size-2);\n    padding-inline: var(--size-1-5);\n    border-radius: var(--rounded-full);\n    transform: translateX(0) translateY(-50%);\n  }\n\n  :host([orientation='vertical']) .controls {\n    flex-direction: column;\n    margin-block-start: auto;\n    margin-inline-start: 0;\n  }\n\n  :host([orientation='vertical']) > .controls {\n    inset-block-end: var(--size-3);\n    inset-inline-end: var(--size-3);\n    margin-block-start: 0;\n  }\n\n  :host([orientation='vertical']) .indicator:not(.indicator-active) {\n    width: var(--size-2) !important;\n    height: var(--size-2) !important;\n  }\n\n  :host([orientation='vertical']) .indicator-active {\n    width: var(--size-1-5) !important;\n    height: var(--size-8);\n  }\n\n  /* animation properties are inherited from .indicator-active ore-progress::part(fill) below */\n\n  /* ── Bottom nav bar: indicators + controls ───────────────────────────── */\n\n  /* Floats above the bottom edge, shrinks to content width, centered.\n     A frosted backdrop keeps it legible over any image. */\n\n  .indicators {\n    position: absolute;\n    inset-block-end: var(--size-3);\n    inset-inline: 50%;\n    display: flex;\n    flex-direction: row;\n    gap: var(--size-1-5);\n    align-items: center;\n    width: max-content;\n    padding: var(--size-1-5) var(--size-2) var(--size-1-5) var(--size-6);\n    pointer-events: none;\n    background: color-mix(in oklch, var(--color-canvas) 55%, transparent);\n    border-radius: var(--rounded-full);\n    backdrop-filter: blur(6px);\n    transform: translateX(-50%);\n  }\n\n  .indicator {\n    display: block;\n    flex-shrink: 0;\n    padding: 0;\n    pointer-events: auto;\n    cursor: pointer;\n    background: none;\n    border: none;\n    transition: opacity var(--transition-fast);\n  }\n\n  .indicator > ore-progress {\n    display: block;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n  }\n\n  /* Inactive indicator: small circle */\n  .indicator:not(.indicator-active) {\n    width: var(--size-2) !important;\n    height: var(--size-2) !important;\n    overflow: hidden;\n    border-radius: var(--rounded-full);\n  }\n\n  /* Active indicator: wider pill (progress bar) */\n  .indicator-active {\n    width: var(--size-8) !important;\n\n    --progress-track-bg: color-mix(in oklch, var(--_dot-bg) 60%, transparent);\n  }\n\n  .indicator:focus-visible {\n    outline: var(--border) solid currentcolor;\n    outline-offset: 2px;\n  }\n\n  .indicator:hover {\n    opacity: 0.8;\n  }\n\n  .indicator ore-progress::part(fill) {\n    transition: width var(--transition-normal);\n  }\n\n  .indicator-active ore-progress::part(fill) {\n    animation-name: var(--carousel-animation-name, none);\n    animation-duration: calc(var(--carousel-timeout, 4000) * 1ms);\n    animation-timing-function: var(--ease-linear);\n    animation-fill-mode: forwards;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :host {\n    --carousel-transition-duration: 0s;\n  }\n}\n\n@keyframes carousel-fill {\n  from {\n    width: 0%;\n  }\n\n  to {\n    width: 100%;\n  }\n}\n\n@keyframes carousel-fill-v {\n  from {\n    height: 0%;\n  }\n\n  to {\n    height: 100%;\n  }\n}\n"],"mappings":""}

package/dist/content/carousel/carousel.d.ts

@@ -4,7 +4,7 @@ import '../../feedback/progress/progress';
 import './carousel-slide';
 export { CAROUSEL_SLIDE_TAG } from './carousel-slide';
 export type CarouselOrientation = 'horizontal' | 'vertical';
-export type CarouselVariant = 'default' | 'fade' | 'filmstrip' | 'gallery' | 'marquee';
+export type CarouselVariant = 'default' | 'fade' | 'filmstrip' | 'gallery';
 export type OreCarouselEvents = {
     /** Fired when the active slide changes. */
     change: {
@@ -23,19 +23,8 @@ export type OreCarouselProps = {
     color?: ThemeColor;
     /** Accessible label for the carousel region. */
     label?: string;
-    /**
-     * Whether the carousel loops from the last slide back to the first. Defaults to `true`.
-     *
-     * > **Note for `marquee` variant:** `loop="false"` runs the scroll animation once then stops,
-     * > rather than controlling navigation wrap-around (marquee navigation always loops).
-     * > If you intend to stop wrapping navigation in another variant, use `loop` there as expected.
-     */
+    /** Whether the carousel loops from the last slide back to the first. Defaults to `true`. */
     loop?: boolean;
-    /**
-     * Duration in seconds for one full marquee loop cycle. Defaults to `10`.
-     * Shorter values = faster scroll; longer values = slower scroll.
-     */
-    'marquee-duration'?: number;
     /** Carousel orientation. Defaults to `'horizontal'`. */
     orientation?: CarouselOrientation;
     /** Show next/prev navigation buttons. Defaults to `true`. */
@@ -50,7 +39,6 @@ export type OreCarouselProps = {
      * - `'fade'`      — slides crossfade; no movement
      * - `'filmstrip'` — all slides visible side-by-side; active expands
      * - `'gallery'`   — active slide fills the majority; adjacent slides show as thumbnails
-     * - `'marquee'`   — continuous auto-scroll ticker; `loop` controls whether it repeats
      */
     variant?: CarouselVariant;
 };
@@ -67,13 +55,12 @@ export type OreCarouselProps = {
  * @attr {boolean} autoplay          - Advance slides automatically (default false)
  * @attr {number}  autoplay-interval - Milliseconds between automatic advances (default 5000)
  * @attr {string}  label             - Accessible label for the carousel region
- * @attr {boolean} loop              - Loop from last slide to first (default true); in marquee mode: repeat vs run-once
+ * @attr {boolean} loop              - Loop from last slide to first (default true)
  * @attr {string}  orientation       - 'horizontal' (default) | 'vertical'
- * @attr {string}  variant           - 'default' | 'fade' | 'filmstrip' | 'gallery' | 'marquee'
+ * @attr {string}  variant           - 'default' | 'fade' | 'filmstrip' | 'gallery'
  * @attr {boolean} show-controls     - Show prev/next buttons (default true)
  * @attr {boolean} show-indicators   - Show indicator dots (default true)
  * @attr {number}  slide-index       - Active slide index (zero-based, default 0)
- * @attr {number}  marquee-duration  - Loop cycle duration in seconds for marquee variant (default 10)
  *
  * @fires change - Fires when the active slide changes. detail: { index: number }
  *
@@ -83,13 +70,12 @@ export type OreCarouselProps = {
  * @cssprop --carousel-radius              - Border radius of the carousel
  * @cssprop --carousel-dot-bg              - Inactive indicator color (default: var(--color-contrast-300))
  * @cssprop --carousel-dot-active-bg       - Active indicator / fill color (default: var(--color-contrast-700))
- * @cssprop --carousel-transition-duration - Slide transition duration (default 0.35s; 0s under prefers-reduced-motion). Also controls marquee seek animation duration.
+ * @cssprop --carousel-transition-duration - Slide transition duration (default 0.35s; 0s under prefers-reduced-motion).
  * @cssprop --carousel-min-height          - Minimum height when no explicit height is set (default 240px)
  * @cssprop --carousel-filmstrip-inactive  - Width (horizontal) or height (vertical) of inactive slides in filmstrip mode
  * @cssprop --carousel-filmstrip-gap       - Gap between slides in filmstrip mode
  * @cssprop --carousel-gallery-thumbnail   - Width (horizontal) or height (vertical) of thumbnail slides in gallery mode (default var(--size-24))
  * @cssprop --carousel-gallery-gap         - Gap between slides in gallery mode (default var(--size-2))
- * @cssprop --carousel-marquee-gap         - Gap between slides in marquee mode (default var(--size-4))
  *
  * @part track      - The scrolling slide track element
  * @part controls   - The prev/next button container

package/dist/content/carousel/carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../src/content/carousel/carousel.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9C,OAAO,yBAAyB,CAAC;AACjC,OAAO,kCAAkC,CAAC;AAG1C,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAItD,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,UAAU,CAAC;AAC5D,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,CAAC;AAEvF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,2CAA2C;IAC3C,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qFAAqF;IACrF,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wDAAwD;IACxD,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,6DAA6D;IAC7D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B,CAAC;AASF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,eAAO,MAAM,YAAY,EAAG,cAAuB,CAAC"}
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../src/content/carousel/carousel.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,yBAAyB,CAAC;AACjC,OAAO,kCAAkC,CAAC;AAG1C,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAItD,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,UAAU,CAAC;AAC5D,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,CAAC;AAE3E,MAAM,MAAM,iBAAiB,GAAG;IAC9B,2CAA2C;IAC3C,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qFAAqF;IACrF,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4FAA4F;IAC5F,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wDAAwD;IACxD,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,6DAA6D;IAC7D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDG;AACH,eAAO,MAAM,YAAY,EAAG,cAAuB,CAAC"}

package/dist/content/chat-message/chat-message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-message.d.ts","sourceRoot":"","sources":["../../../src/content/chat-message/chat-message.ts"],"names":[],"mappings":"AAKA,OAAO,cAAc,CAAC;AAGtB,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AAChE,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAQ7D,mDAAmD;AACnD,MAAM,MAAM,oBAAoB,GAAG;IACjC,6EAA6E;IAC7E,KAAK,EAAE;QAAE,aAAa,CAAC,EAAE,KAAK,CAAA;KAAE,CAAC;CAClC,CAAC;AAEF,wCAAwC;AACxC,MAAM,MAAM,mBAAmB,GAAG;IAChC,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uFAAuF;IACvF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,2GAA2G;IAC3G,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,mFAAmF;IACnF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4FAA4F;IAC5F,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,eAAO,MAAM,gBAAgB,EAAG,kBAA2B,CAAC"}
+{"version":3,"file":"chat-message.d.ts","sourceRoot":"","sources":["../../../src/content/chat-message/chat-message.ts"],"names":[],"mappings":"AAMA,OAAO,cAAc,CAAC;AAGtB,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AAChE,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAQ7D,mDAAmD;AACnD,MAAM,MAAM,oBAAoB,GAAG;IACjC,6EAA6E;IAC7E,KAAK,EAAE;QAAE,aAAa,CAAC,EAAE,KAAK,CAAA;KAAE,CAAC;CAClC,CAAC;AAEF,wCAAwC;AACxC,MAAM,MAAM,mBAAmB,GAAG;IAChC,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uFAAuF;IACvF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,2GAA2G;IAC3G,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,mFAAmF;IACnF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4FAA4F;IAC5F,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,eAAO,MAAM,gBAAgB,EAAG,kBAA2B,CAAC"}

package/dist/content/index.d.ts

@@ -4,8 +4,10 @@ export { COPY_COMMAND_TAG } from './copy-command/copy-command';
 export type { OreCopyCommandEvents, OreCopyCommandProps } from './copy-command/copy-command';
 export { CAROUSEL_SLIDE_TAG, CAROUSEL_TAG } from './carousel/carousel';
 export type { OreCarouselEvents, OreCarouselProps, CarouselOrientation, CarouselVariant } from './carousel/carousel';
-export { AVATAR_GROUP_TAG, AVATAR_TAG } from './avatar/avatar';
-export type { AvatarStatus, OreAvatarGroupProps, OreAvatarProps } from './avatar/avatar';
+export { AVATAR_TAG } from './avatar/avatar';
+export type { AvatarStatus, OreAvatarProps } from './avatar/avatar';
+export { AVATAR_GROUP_TAG } from './avatar/avatar-group';
+export type { OreAvatarGroupProps } from './avatar/avatar-group';
 export { BREADCRUMB_ITEM_TAG, BREADCRUMB_TAG } from './breadcrumb/breadcrumb';
 export type { OreBreadcrumbItemProps, OreBreadcrumbProps } from './breadcrumb/breadcrumb';
 export { CARD_TAG } from './card/card';
@@ -18,10 +20,16 @@ export { LIST_ITEM_TAG } from './list/list-item';
 export type { ListItemRevealSide, OreListItemEvents, OreListItemProps } from './list/list-item';
 export { LIST_CTX, LIST_TAG } from './list/list';
 export type { ListContext, ListVariant, OreListEvents, OreListProps } from './list/list';
+export { MARQUEE_TAG } from './marquee/marquee';
+export type { MarqueeDirection, OreMarqueeProps } from './marquee/marquee';
 export { PAGINATION_TAG } from './pagination/pagination';
 export type { OrePaginationEvents, OrePaginationProps } from './pagination/pagination';
 export { SEPARATOR_TAG } from './separator/separator';
 export type { OreSeparatorProps } from './separator/separator';
+export { STEP_TAG } from './stepper/step';
+export type { OreStepProps } from './stepper/step';
+export { STEPPER_CTX, STEPPER_TAG } from './stepper/stepper';
+export type { OreStepperEvents, OreStepperProps, StepperContext } from './stepper/stepper';
 export { TABLE_TAG } from './table/table';
 export type { OreTableProps } from './table/table';
 export { TEXT_TAG } from './text/text';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/content/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACvF,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAC7F,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACvE,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACrH,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC/D,YAAY,EAAE,YAAY,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACzF,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9E,YAAY,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC1F,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACtD,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAChG,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACjD,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACzF,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,YAAY,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/content/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACvF,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAC7F,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACvE,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACrH,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9E,YAAY,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC1F,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACtD,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAChG,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACjD,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACzF,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,YAAY,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC3F,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC"}

package/dist/content/list/_list-item-reveal.cjs

@@ -1,2 +1,2 @@
-const e=require("../../headless/swipe.cjs");var t=64,n=t*3,r=.85;function i(i,a){let o=e=>e.distance<0?`right`:`left`,s=()=>{i.removeAttribute(`data-dragging`),i.removeAttribute(`data-confirming`),i.style.removeProperty(`--_swipe-x`)};return e.createSwipeControl({axis:()=>`x`,captureTarget:()=>null,disabled:a.disabled,onCancel:s,onCommit:e=>{let t=o(e);s(),a.hasActions(t)&&(i.removeAttribute(`revealed`),a.onConfirm(t))},onMove:e=>{let n=o(e);if(!a.hasActions(n))return;let s=Math.min(Math.abs(e.distance)/t,1);i.setAttribute(`data-dragging`,``),i.toggleAttribute(`data-confirming`,e.progress>=r),i.style.setProperty(`--_swipe-x`,String((n===`left`?1:-1)*s))},onRelease:e=>{let n=o(e);s(),a.hasActions(n)&&Math.abs(e.distance)>=t&&i.setAttribute(`revealed`,n)},threshold:()=>n})}exports.createRevealState=i;
+const e=require("../../core/swipe.cjs");var t=64,n=192,r=.85;function i(i,a){let o=e=>e.distance<0?`right`:`left`,s=()=>{i.removeAttribute(`data-dragging`),i.removeAttribute(`data-confirming`),i.style.removeProperty(`--_swipe-x`)};return e.createSwipeControl({axis:()=>`x`,captureTarget:()=>null,disabled:a.disabled,onCancel:s,onCommit:e=>{let t=o(e);s(),a.hasActions(t)&&(i.removeAttribute(`revealed`),a.onConfirm(t))},onMove:e=>{let n=o(e);if(!a.hasActions(n))return;let s=Math.min(Math.abs(e.distance)/t,1);i.setAttribute(`data-dragging`,``),i.toggleAttribute(`data-confirming`,e.progress>=r),i.style.setProperty(`--_swipe-x`,String((n===`left`?1:-1)*s))},onRelease:e=>{let n=o(e);s(),a.hasActions(n)&&Math.abs(e.distance)>=t&&i.setAttribute(`revealed`,n)},threshold:()=>n})}exports.createRevealState=i;
 //# sourceMappingURL=_list-item-reveal.cjs.map

package/dist/content/list/_list-item-reveal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"_list-item-reveal.cjs","names":[],"sources":["../../../src/content/list/_list-item-reveal.ts"],"sourcesContent":["import type { Readable } from '@vielzeug/ripple';\n\nimport type { ListItemRevealSide } from './list-item';\n\nimport { createSwipeControl, type SwipeControl, type SwipeControlDetail } from '../../headless';\n\n/** Drag distance (px) past which the action panel snaps fully open on release. */\nconst REVEAL_THRESHOLD = 64;\n/** Drag distance (px) past which the swipe auto-confirms the action — \"swiped all the way\". */\nconst CONFIRM_THRESHOLD = REVEAL_THRESHOLD * 3;\n/** Fraction of CONFIRM_THRESHOLD past which `data-confirming` warns the drag is about to fire. */\nconst CONFIRM_WARNING_RATIO = 0.85;\n\nexport type RevealStateOptions = {\n  disabled: Readable<boolean>;\n  hasActions: (side: ListItemRevealSide) => boolean;\n  /** The full-swipe-through gesture fired — emit `confirm` and click the slot's own action. */\n  onConfirm: (side: ListItemRevealSide) => void;\n};\n\n/**\n * The swipe-reveal-confirm gesture behind `ore-list-item`'s `actions-left`/`actions-right` slots\n * — isolated here since it's the one genuinely tricky part of the component (three distance\n * thresholds, inline style/attribute choreography during an active drag). Deliberately *not* a\n * `headless/` primitive: `createSwipeControl` itself already is one (shared with `ore-toast`),\n * but this two-stage reveal/confirm layer on top of it has exactly one consumer today —\n * generalizing it further would be speculative, not reusable.\n *\n * Only sets/clears the `revealed`/`data-dragging`/`data-confirming` attributes and `--_swipe-x`\n * style — it does not itself emit `reveal`/`conceal`. `ore-list-item` already watches `revealed`\n * for transitions (to cover *both* this gesture and a directly-set attribute uniformly), so this\n * module setting the attribute is enough to drive both that watcher and `list.css`'s\n * `[revealed]` styling.\n */\nexport function createRevealState(el: HTMLElement, options: RevealStateOptions): SwipeControl {\n  const resolveSide = (detail: SwipeControlDetail): ListItemRevealSide => (detail.distance < 0 ? 'right' : 'left');\n\n  // Inline `--_swipe-x` override during an active drag lets the row (and both action panels,\n  // which read the same variable) follow the pointer 1:1 with no transition lag. Clearing it\n  // hands control back to the `[revealed]`/`:focus-within` CSS rules in list-item.css, which\n  // then animate normally via the CSS `transition`.\n  const resetInline = (): void => {\n    el.removeAttribute('data-dragging');\n    el.removeAttribute('data-confirming');\n    el.style.removeProperty('--_swipe-x');\n  };\n\n  return createSwipeControl({\n    axis: () => 'x',\n    // Do not capture the pointer — capture would steal clicks from action buttons revealed\n    // mid-gesture (same reasoning as ore-toast's swipe-to-dismiss).\n    captureTarget: () => null,\n    disabled: options.disabled,\n    onCancel: resetInline,\n    // `threshold`/`distance`/`progress` are all wired to CONFIRM_THRESHOLD (the outer, rarer\n    // gesture) — onCommit only fires once the swipe has gone all the way through.\n    onCommit: (detail) => {\n      const side = resolveSide(detail);\n\n      resetInline();\n\n      if (!options.hasActions(side)) return;\n\n      el.removeAttribute('revealed');\n      options.onConfirm(side);\n    },\n    onMove: (detail) => {\n      const side = resolveSide(detail);\n\n      if (!options.hasActions(side)) return;\n\n      // Reveal follows the pointer up to REVEAL_THRESHOLD, then holds fully open while the\n      // drag continues on toward CONFIRM_THRESHOLD (still tracked by `detail`/onCommit above).\n      const revealProgress = Math.min(Math.abs(detail.distance) / REVEAL_THRESHOLD, 1);\n\n      el.setAttribute('data-dragging', '');\n      el.toggleAttribute('data-confirming', detail.progress >= CONFIRM_WARNING_RATIO);\n      el.style.setProperty('--_swipe-x', String((side === 'left' ? 1 : -1) * revealProgress));\n    },\n    onRelease: (detail) => {\n      const side = resolveSide(detail);\n\n      resetInline();\n\n      if (options.hasActions(side) && Math.abs(detail.distance) >= REVEAL_THRESHOLD) el.setAttribute('revealed', side);\n    },\n    threshold: () => CONFIRM_THRESHOLD,\n  });\n}\n"],"mappings":"4CAOA,IAAM,EAAmB,GAEnB,EAAoB,EAAmB,EAEvC,EAAwB,IAuB9B,SAAgB,EAAkB,EAAiB,EAA2C,CAC5F,IAAM,EAAe,GAAoD,EAAO,SAAW,EAAI,QAAU,OAMnG,MAA0B,CAC9B,EAAG,gBAAgB,eAAe,EAClC,EAAG,gBAAgB,iBAAiB,EACpC,EAAG,MAAM,eAAe,YAAY,CACtC,EAEA,OAAO,EAAA,mBAAmB,CACxB,SAAY,IAGZ,kBAAqB,KACrB,SAAU,EAAQ,SAClB,SAAU,EAGV,SAAW,GAAW,CACpB,IAAM,EAAO,EAAY,CAAM,EAE/B,EAAY,EAEP,EAAQ,WAAW,CAAI,IAE5B,EAAG,gBAAgB,UAAU,EAC7B,EAAQ,UAAU,CAAI,EACxB,EACA,OAAS,GAAW,CAClB,IAAM,EAAO,EAAY,CAAM,EAE/B,GAAI,CAAC,EAAQ,WAAW,CAAI,EAAG,OAI/B,IAAM,EAAiB,KAAK,IAAI,KAAK,IAAI,EAAO,QAAQ,EAAI,EAAkB,CAAC,EAE/E,EAAG,aAAa,gBAAiB,EAAE,EACnC,EAAG,gBAAgB,kBAAmB,EAAO,UAAY,CAAqB,EAC9E,EAAG,MAAM,YAAY,aAAc,QAAQ,IAAS,OAAS,EAAI,IAAM,CAAc,CAAC,CACxF,EACA,UAAY,GAAW,CACrB,IAAM,EAAO,EAAY,CAAM,EAE/B,EAAY,EAER,EAAQ,WAAW,CAAI,GAAK,KAAK,IAAI,EAAO,QAAQ,GAAK,GAAkB,EAAG,aAAa,WAAY,CAAI,CACjH,EACA,cAAiB,CACnB,CAAC,CACH"}
+{"version":3,"file":"_list-item-reveal.cjs","names":[],"sources":["../../../src/content/list/_list-item-reveal.ts"],"sourcesContent":["import type { Readable } from '@vielzeug/ripple';\n\nimport type { ListItemRevealSide } from './list-item';\n\nimport { createSwipeControl, type SwipeControl, type SwipeControlDetail } from '../../core';\n\n/** Drag distance (px) past which the action panel snaps fully open on release. */\nconst REVEAL_THRESHOLD = 64;\n/** Drag distance (px) past which the swipe auto-confirms the action — \"swiped all the way\". */\nconst CONFIRM_THRESHOLD = REVEAL_THRESHOLD * 3;\n/** Fraction of CONFIRM_THRESHOLD past which `data-confirming` warns the drag is about to fire. */\nconst CONFIRM_WARNING_RATIO = 0.85;\n\nexport type RevealStateOptions = {\n  disabled: Readable<boolean>;\n  hasActions: (side: ListItemRevealSide) => boolean;\n  /** The full-swipe-through gesture fired — emit `confirm` and click the slot's own action. */\n  onConfirm: (side: ListItemRevealSide) => void;\n};\n\n/**\n * The swipe-reveal-confirm gesture behind `ore-list-item`'s `actions-left`/`actions-right` slots\n * — isolated here since it's the one genuinely tricky part of the component (three distance\n * thresholds, inline style/attribute choreography during an active drag). Deliberately *not* a\n * `core/` primitive: `createSwipeControl` itself already is one (shared with `ore-toast`),\n * but this two-stage reveal/confirm layer on top of it has exactly one consumer today —\n * generalizing it further would be speculative, not reusable.\n *\n * Only sets/clears the `revealed`/`data-dragging`/`data-confirming` attributes and `--_swipe-x`\n * style — it does not itself emit `reveal`/`conceal`. `ore-list-item` already watches `revealed`\n * for transitions (to cover *both* this gesture and a directly-set attribute uniformly), so this\n * module setting the attribute is enough to drive both that watcher and `list.css`'s\n * `[revealed]` styling.\n */\nexport function createRevealState(el: HTMLElement, options: RevealStateOptions): SwipeControl {\n  const resolveSide = (detail: SwipeControlDetail): ListItemRevealSide => (detail.distance < 0 ? 'right' : 'left');\n\n  // Inline `--_swipe-x` override during an active drag lets the row (and both action panels,\n  // which read the same variable) follow the pointer 1:1 with no transition lag. Clearing it\n  // hands control back to the `[revealed]`/`:focus-within` CSS rules in list-item.css, which\n  // then animate normally via the CSS `transition`.\n  const resetInline = (): void => {\n    el.removeAttribute('data-dragging');\n    el.removeAttribute('data-confirming');\n    el.style.removeProperty('--_swipe-x');\n  };\n\n  return createSwipeControl({\n    axis: () => 'x',\n    // Do not capture the pointer — capture would steal clicks from action buttons revealed\n    // mid-gesture (same reasoning as ore-toast's swipe-to-dismiss).\n    captureTarget: () => null,\n    disabled: options.disabled,\n    onCancel: resetInline,\n    // `threshold`/`distance`/`progress` are all wired to CONFIRM_THRESHOLD (the outer, rarer\n    // gesture) — onCommit only fires once the swipe has gone all the way through.\n    onCommit: (detail) => {\n      const side = resolveSide(detail);\n\n      resetInline();\n\n      if (!options.hasActions(side)) return;\n\n      el.removeAttribute('revealed');\n      options.onConfirm(side);\n    },\n    onMove: (detail) => {\n      const side = resolveSide(detail);\n\n      if (!options.hasActions(side)) return;\n\n      // Reveal follows the pointer up to REVEAL_THRESHOLD, then holds fully open while the\n      // drag continues on toward CONFIRM_THRESHOLD (still tracked by `detail`/onCommit above).\n      const revealProgress = Math.min(Math.abs(detail.distance) / REVEAL_THRESHOLD, 1);\n\n      el.setAttribute('data-dragging', '');\n      el.toggleAttribute('data-confirming', detail.progress >= CONFIRM_WARNING_RATIO);\n      el.style.setProperty('--_swipe-x', String((side === 'left' ? 1 : -1) * revealProgress));\n    },\n    onRelease: (detail) => {\n      const side = resolveSide(detail);\n\n      resetInline();\n\n      if (options.hasActions(side) && Math.abs(detail.distance) >= REVEAL_THRESHOLD) el.setAttribute('revealed', side);\n    },\n    threshold: () => CONFIRM_THRESHOLD,\n  });\n}\n"],"mappings":"wCAOA,IAAM,EAAmB,GAEnB,EAAoB,IAEpB,EAAwB,IAuB9B,SAAgB,EAAkB,EAAiB,EAA2C,CAC5F,IAAM,EAAe,GAAoD,EAAO,SAAW,EAAI,QAAU,OAMnG,MAA0B,CAC9B,EAAG,gBAAgB,eAAe,EAClC,EAAG,gBAAgB,iBAAiB,EACpC,EAAG,MAAM,eAAe,YAAY,CACtC,EAEA,OAAO,EAAA,mBAAmB,CACxB,SAAY,IAGZ,kBAAqB,KACrB,SAAU,EAAQ,SAClB,SAAU,EAGV,SAAW,GAAW,CACpB,IAAM,EAAO,EAAY,CAAM,EAE/B,EAAY,EAEP,EAAQ,WAAW,CAAI,IAE5B,EAAG,gBAAgB,UAAU,EAC7B,EAAQ,UAAU,CAAI,EACxB,EACA,OAAS,GAAW,CAClB,IAAM,EAAO,EAAY,CAAM,EAE/B,GAAI,CAAC,EAAQ,WAAW,CAAI,EAAG,OAI/B,IAAM,EAAiB,KAAK,IAAI,KAAK,IAAI,EAAO,QAAQ,EAAI,EAAkB,CAAC,EAE/E,EAAG,aAAa,gBAAiB,EAAE,EACnC,EAAG,gBAAgB,kBAAmB,EAAO,UAAY,CAAqB,EAC9E,EAAG,MAAM,YAAY,aAAc,QAAQ,IAAS,OAAS,EAAI,IAAM,CAAc,CAAC,CACxF,EACA,UAAY,GAAW,CACrB,IAAM,EAAO,EAAY,CAAM,EAE/B,EAAY,EAER,EAAQ,WAAW,CAAI,GAAK,KAAK,IAAI,EAAO,QAAQ,GAAK,GAAkB,EAAG,aAAa,WAAY,CAAI,CACjH,EACA,cAAiB,CACnB,CAAC,CACH"}

package/dist/content/list/_list-item-reveal.d.ts

@@ -1,6 +1,6 @@
 import type { Readable } from '@vielzeug/ripple';
 import type { ListItemRevealSide } from './list-item';
-import { type SwipeControl } from '../../headless';
+import { type SwipeControl } from '../../core';
 export type RevealStateOptions = {
     disabled: Readable<boolean>;
     hasActions: (side: ListItemRevealSide) => boolean;
@@ -11,7 +11,7 @@ export type RevealStateOptions = {
  * The swipe-reveal-confirm gesture behind `ore-list-item`'s `actions-left`/`actions-right` slots
  * — isolated here since it's the one genuinely tricky part of the component (three distance
  * thresholds, inline style/attribute choreography during an active drag). Deliberately *not* a
- * `headless/` primitive: `createSwipeControl` itself already is one (shared with `ore-toast`),
+ * `core/` primitive: `createSwipeControl` itself already is one (shared with `ore-toast`),
  * but this two-stage reveal/confirm layer on top of it has exactly one consumer today —
  * generalizing it further would be speculative, not reusable.
  *

package/dist/content/list/_list-item-reveal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"_list-item-reveal.d.ts","sourceRoot":"","sources":["../../../src/content/list/_list-item-reveal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,OAAO,EAAsB,KAAK,YAAY,EAA2B,MAAM,gBAAgB,CAAC;AAShG,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC5B,UAAU,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,OAAO,CAAC;IAClD,6FAA6F;IAC7F,SAAS,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,kBAAkB,GAAG,YAAY,CAsD5F"}
+{"version":3,"file":"_list-item-reveal.d.ts","sourceRoot":"","sources":["../../../src/content/list/_list-item-reveal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,OAAO,EAAsB,KAAK,YAAY,EAA2B,MAAM,YAAY,CAAC;AAS5F,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC5B,UAAU,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,OAAO,CAAC;IAClD,6FAA6F;IAC7F,SAAS,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,kBAAkB,GAAG,YAAY,CAsD5F"}

package/dist/content/list/_list-item-reveal.js

@@ -1,6 +1,6 @@
-import { createSwipeControl as e } from "../../headless/swipe.js";
+import { createSwipeControl as e } from "../../core/swipe.js";
 //#region src/content/list/_list-item-reveal.ts
-var t = 64, n = t * 3, r = .85;
+var t = 64, n = 192, r = .85;
 function i(i, a) {
 	let o = (e) => e.distance < 0 ? "right" : "left", s = () => {
 		i.removeAttribute("data-dragging"), i.removeAttribute("data-confirming"), i.style.removeProperty("--_swipe-x");

package/dist/content/list/_list-item-reveal.js.map

@@ -1 +1 @@
-{"version":3,"file":"_list-item-reveal.js","names":[],"sources":["../../../src/content/list/_list-item-reveal.ts"],"sourcesContent":["import type { Readable } from '@vielzeug/ripple';\n\nimport type { ListItemRevealSide } from './list-item';\n\nimport { createSwipeControl, type SwipeControl, type SwipeControlDetail } from '../../headless';\n\n/** Drag distance (px) past which the action panel snaps fully open on release. */\nconst REVEAL_THRESHOLD = 64;\n/** Drag distance (px) past which the swipe auto-confirms the action — \"swiped all the way\". */\nconst CONFIRM_THRESHOLD = REVEAL_THRESHOLD * 3;\n/** Fraction of CONFIRM_THRESHOLD past which `data-confirming` warns the drag is about to fire. */\nconst CONFIRM_WARNING_RATIO = 0.85;\n\nexport type RevealStateOptions = {\n  disabled: Readable<boolean>;\n  hasActions: (side: ListItemRevealSide) => boolean;\n  /** The full-swipe-through gesture fired — emit `confirm` and click the slot's own action. */\n  onConfirm: (side: ListItemRevealSide) => void;\n};\n\n/**\n * The swipe-reveal-confirm gesture behind `ore-list-item`'s `actions-left`/`actions-right` slots\n * — isolated here since it's the one genuinely tricky part of the component (three distance\n * thresholds, inline style/attribute choreography during an active drag). Deliberately *not* a\n * `headless/` primitive: `createSwipeControl` itself already is one (shared with `ore-toast`),\n * but this two-stage reveal/confirm layer on top of it has exactly one consumer today —\n * generalizing it further would be speculative, not reusable.\n *\n * Only sets/clears the `revealed`/`data-dragging`/`data-confirming` attributes and `--_swipe-x`\n * style — it does not itself emit `reveal`/`conceal`. `ore-list-item` already watches `revealed`\n * for transitions (to cover *both* this gesture and a directly-set attribute uniformly), so this\n * module setting the attribute is enough to drive both that watcher and `list.css`'s\n * `[revealed]` styling.\n */\nexport function createRevealState(el: HTMLElement, options: RevealStateOptions): SwipeControl {\n  const resolveSide = (detail: SwipeControlDetail): ListItemRevealSide => (detail.distance < 0 ? 'right' : 'left');\n\n  // Inline `--_swipe-x` override during an active drag lets the row (and both action panels,\n  // which read the same variable) follow the pointer 1:1 with no transition lag. Clearing it\n  // hands control back to the `[revealed]`/`:focus-within` CSS rules in list-item.css, which\n  // then animate normally via the CSS `transition`.\n  const resetInline = (): void => {\n    el.removeAttribute('data-dragging');\n    el.removeAttribute('data-confirming');\n    el.style.removeProperty('--_swipe-x');\n  };\n\n  return createSwipeControl({\n    axis: () => 'x',\n    // Do not capture the pointer — capture would steal clicks from action buttons revealed\n    // mid-gesture (same reasoning as ore-toast's swipe-to-dismiss).\n    captureTarget: () => null,\n    disabled: options.disabled,\n    onCancel: resetInline,\n    // `threshold`/`distance`/`progress` are all wired to CONFIRM_THRESHOLD (the outer, rarer\n    // gesture) — onCommit only fires once the swipe has gone all the way through.\n    onCommit: (detail) => {\n      const side = resolveSide(detail);\n\n      resetInline();\n\n      if (!options.hasActions(side)) return;\n\n      el.removeAttribute('revealed');\n      options.onConfirm(side);\n    },\n    onMove: (detail) => {\n      const side = resolveSide(detail);\n\n      if (!options.hasActions(side)) return;\n\n      // Reveal follows the pointer up to REVEAL_THRESHOLD, then holds fully open while the\n      // drag continues on toward CONFIRM_THRESHOLD (still tracked by `detail`/onCommit above).\n      const revealProgress = Math.min(Math.abs(detail.distance) / REVEAL_THRESHOLD, 1);\n\n      el.setAttribute('data-dragging', '');\n      el.toggleAttribute('data-confirming', detail.progress >= CONFIRM_WARNING_RATIO);\n      el.style.setProperty('--_swipe-x', String((side === 'left' ? 1 : -1) * revealProgress));\n    },\n    onRelease: (detail) => {\n      const side = resolveSide(detail);\n\n      resetInline();\n\n      if (options.hasActions(side) && Math.abs(detail.distance) >= REVEAL_THRESHOLD) el.setAttribute('revealed', side);\n    },\n    threshold: () => CONFIRM_THRESHOLD,\n  });\n}\n"],"mappings":";;AAOA,IAAM,IAAmB,IAEnB,IAAoB,IAAmB,GAEvC,IAAwB;AAuB9B,SAAgB,EAAkB,GAAiB,GAA2C;CAC5F,IAAM,KAAe,MAAoD,EAAO,WAAW,IAAI,UAAU,QAMnG,UAA0B;EAG9B,AAFA,EAAG,gBAAgB,eAAe,GAClC,EAAG,gBAAgB,iBAAiB,GACpC,EAAG,MAAM,eAAe,YAAY;CACtC;CAEA,OAAO,EAAmB;EACxB,YAAY;EAGZ,qBAAqB;EACrB,UAAU,EAAQ;EAClB,UAAU;EAGV,WAAW,MAAW;GACpB,IAAM,IAAO,EAAY,CAAM;GAE/B,EAAY,GAEP,EAAQ,WAAW,CAAI,MAE5B,EAAG,gBAAgB,UAAU,GAC7B,EAAQ,UAAU,CAAI;EACxB;EACA,SAAS,MAAW;GAClB,IAAM,IAAO,EAAY,CAAM;GAE/B,IAAI,CAAC,EAAQ,WAAW,CAAI,GAAG;GAI/B,IAAM,IAAiB,KAAK,IAAI,KAAK,IAAI,EAAO,QAAQ,IAAI,GAAkB,CAAC;GAI/E,AAFA,EAAG,aAAa,iBAAiB,EAAE,GACnC,EAAG,gBAAgB,mBAAmB,EAAO,YAAY,CAAqB,GAC9E,EAAG,MAAM,YAAY,cAAc,QAAQ,MAAS,SAAS,IAAI,MAAM,CAAc,CAAC;EACxF;EACA,YAAY,MAAW;GACrB,IAAM,IAAO,EAAY,CAAM;GAI/B,AAFA,EAAY,GAER,EAAQ,WAAW,CAAI,KAAK,KAAK,IAAI,EAAO,QAAQ,KAAK,KAAkB,EAAG,aAAa,YAAY,CAAI;EACjH;EACA,iBAAiB;CACnB,CAAC;AACH"}
+{"version":3,"file":"_list-item-reveal.js","names":[],"sources":["../../../src/content/list/_list-item-reveal.ts"],"sourcesContent":["import type { Readable } from '@vielzeug/ripple';\n\nimport type { ListItemRevealSide } from './list-item';\n\nimport { createSwipeControl, type SwipeControl, type SwipeControlDetail } from '../../core';\n\n/** Drag distance (px) past which the action panel snaps fully open on release. */\nconst REVEAL_THRESHOLD = 64;\n/** Drag distance (px) past which the swipe auto-confirms the action — \"swiped all the way\". */\nconst CONFIRM_THRESHOLD = REVEAL_THRESHOLD * 3;\n/** Fraction of CONFIRM_THRESHOLD past which `data-confirming` warns the drag is about to fire. */\nconst CONFIRM_WARNING_RATIO = 0.85;\n\nexport type RevealStateOptions = {\n  disabled: Readable<boolean>;\n  hasActions: (side: ListItemRevealSide) => boolean;\n  /** The full-swipe-through gesture fired — emit `confirm` and click the slot's own action. */\n  onConfirm: (side: ListItemRevealSide) => void;\n};\n\n/**\n * The swipe-reveal-confirm gesture behind `ore-list-item`'s `actions-left`/`actions-right` slots\n * — isolated here since it's the one genuinely tricky part of the component (three distance\n * thresholds, inline style/attribute choreography during an active drag). Deliberately *not* a\n * `core/` primitive: `createSwipeControl` itself already is one (shared with `ore-toast`),\n * but this two-stage reveal/confirm layer on top of it has exactly one consumer today —\n * generalizing it further would be speculative, not reusable.\n *\n * Only sets/clears the `revealed`/`data-dragging`/`data-confirming` attributes and `--_swipe-x`\n * style — it does not itself emit `reveal`/`conceal`. `ore-list-item` already watches `revealed`\n * for transitions (to cover *both* this gesture and a directly-set attribute uniformly), so this\n * module setting the attribute is enough to drive both that watcher and `list.css`'s\n * `[revealed]` styling.\n */\nexport function createRevealState(el: HTMLElement, options: RevealStateOptions): SwipeControl {\n  const resolveSide = (detail: SwipeControlDetail): ListItemRevealSide => (detail.distance < 0 ? 'right' : 'left');\n\n  // Inline `--_swipe-x` override during an active drag lets the row (and both action panels,\n  // which read the same variable) follow the pointer 1:1 with no transition lag. Clearing it\n  // hands control back to the `[revealed]`/`:focus-within` CSS rules in list-item.css, which\n  // then animate normally via the CSS `transition`.\n  const resetInline = (): void => {\n    el.removeAttribute('data-dragging');\n    el.removeAttribute('data-confirming');\n    el.style.removeProperty('--_swipe-x');\n  };\n\n  return createSwipeControl({\n    axis: () => 'x',\n    // Do not capture the pointer — capture would steal clicks from action buttons revealed\n    // mid-gesture (same reasoning as ore-toast's swipe-to-dismiss).\n    captureTarget: () => null,\n    disabled: options.disabled,\n    onCancel: resetInline,\n    // `threshold`/`distance`/`progress` are all wired to CONFIRM_THRESHOLD (the outer, rarer\n    // gesture) — onCommit only fires once the swipe has gone all the way through.\n    onCommit: (detail) => {\n      const side = resolveSide(detail);\n\n      resetInline();\n\n      if (!options.hasActions(side)) return;\n\n      el.removeAttribute('revealed');\n      options.onConfirm(side);\n    },\n    onMove: (detail) => {\n      const side = resolveSide(detail);\n\n      if (!options.hasActions(side)) return;\n\n      // Reveal follows the pointer up to REVEAL_THRESHOLD, then holds fully open while the\n      // drag continues on toward CONFIRM_THRESHOLD (still tracked by `detail`/onCommit above).\n      const revealProgress = Math.min(Math.abs(detail.distance) / REVEAL_THRESHOLD, 1);\n\n      el.setAttribute('data-dragging', '');\n      el.toggleAttribute('data-confirming', detail.progress >= CONFIRM_WARNING_RATIO);\n      el.style.setProperty('--_swipe-x', String((side === 'left' ? 1 : -1) * revealProgress));\n    },\n    onRelease: (detail) => {\n      const side = resolveSide(detail);\n\n      resetInline();\n\n      if (options.hasActions(side) && Math.abs(detail.distance) >= REVEAL_THRESHOLD) el.setAttribute('revealed', side);\n    },\n    threshold: () => CONFIRM_THRESHOLD,\n  });\n}\n"],"mappings":";;AAOA,IAAM,IAAmB,IAEnB,IAAoB,KAEpB,IAAwB;AAuB9B,SAAgB,EAAkB,GAAiB,GAA2C;CAC5F,IAAM,KAAe,MAAoD,EAAO,WAAW,IAAI,UAAU,QAMnG,UAA0B;EAG9B,AAFA,EAAG,gBAAgB,eAAe,GAClC,EAAG,gBAAgB,iBAAiB,GACpC,EAAG,MAAM,eAAe,YAAY;CACtC;CAEA,OAAO,EAAmB;EACxB,YAAY;EAGZ,qBAAqB;EACrB,UAAU,EAAQ;EAClB,UAAU;EAGV,WAAW,MAAW;GACpB,IAAM,IAAO,EAAY,CAAM;GAE/B,EAAY,GAEP,EAAQ,WAAW,CAAI,MAE5B,EAAG,gBAAgB,UAAU,GAC7B,EAAQ,UAAU,CAAI;EACxB;EACA,SAAS,MAAW;GAClB,IAAM,IAAO,EAAY,CAAM;GAE/B,IAAI,CAAC,EAAQ,WAAW,CAAI,GAAG;GAI/B,IAAM,IAAiB,KAAK,IAAI,KAAK,IAAI,EAAO,QAAQ,IAAI,GAAkB,CAAC;GAI/E,AAFA,EAAG,aAAa,iBAAiB,EAAE,GACnC,EAAG,gBAAgB,mBAAmB,EAAO,YAAY,CAAqB,GAC9E,EAAG,MAAM,YAAY,cAAc,QAAQ,MAAS,SAAS,IAAI,MAAM,CAAc,CAAC;EACxF;EACA,YAAY,MAAW;GACrB,IAAM,IAAO,EAAY,CAAM;GAI/B,AAFA,EAAY,GAER,EAAQ,WAAW,CAAI,KAAK,KAAK,IAAI,EAAO,QAAQ,KAAK,KAAkB,EAAG,aAAa,YAAY,CAAI;EACjH;EACA,iBAAiB;CACnB,CAAC;AACH"}

package/dist/content/list/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/content/list/list.ts"],"names":[],"mappings":"AACA,OAAO,EAA2B,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAOjD,qCAAqC;AACrC,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,OAAO,GAAG,WAAW,CAAC;AAE7D,sEAAsE;AACtE,MAAM,MAAM,WAAW,GAAG;IACxB;;;;;OAKG;IACH,aAAa,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3C;;;;;OAKG;IACH,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC5C,UAAU,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC9B;;;;OAIG;IACH,KAAK,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;CACrC,CAAC;AACF,0CAA0C;AAC1C,eAAO,MAAM,QAAQ,mDAA4C,CAAC;AAElE,2CAA2C;AAC3C,MAAM,MAAM,aAAa,GAAG;IAC1B,+EAA+E;IAC/E,MAAM,EAAE;QAAE,KAAK,EAAE,IAAI,GAAG,MAAM,CAAA;KAAE,CAAC;CAClC,CAAC;AAEF,gCAAgC;AAChC,MAAM,MAAM,YAAY,GAAG;IACzB,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iFAAiF;IACjF,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0IAA0I;IAC1I,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,QAAQ,EAAG,UAAmB,CAAC"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/content/list/list.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGnE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAOjD,qCAAqC;AACrC,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,OAAO,GAAG,WAAW,CAAC;AAE7D,sEAAsE;AACtE,MAAM,MAAM,WAAW,GAAG;IACxB;;;;;OAKG;IACH,aAAa,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3C;;;;;OAKG;IACH,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC5C,UAAU,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC9B;;;;OAIG;IACH,KAAK,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;CACrC,CAAC;AACF,0CAA0C;AAC1C,eAAO,MAAM,QAAQ,mDAA4C,CAAC;AAElE,2CAA2C;AAC3C,MAAM,MAAM,aAAa,GAAG;IAC1B,+EAA+E;IAC/E,MAAM,EAAE;QAAE,KAAK,EAAE,IAAI,GAAG,MAAM,CAAA;KAAE,CAAC;CAClC,CAAC;AAEF,gCAAgC;AAChC,MAAM,MAAM,YAAY,GAAG;IACzB,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iFAAiF;IACjF,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0IAA0I;IAC1I,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,QAAQ,EAAG,UAAmB,CAAC"}

package/dist/content/marquee/index.d.ts

@@ -0,0 +1,2 @@
+export { MARQUEE_TAG, type MarqueeDirection, type OreMarqueeProps } from './marquee';
+//# sourceMappingURL=index.d.ts.map

package/dist/content/marquee/index.d.ts.map

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

package/dist/content/marquee/marquee.css.cjs

@@ -0,0 +1,2 @@
+var e=`@layer refine.base{:host{--_bg:var(--color-canvas);--_radius:var(--rounded-xl);background:var(--_bg);border-radius:var(--_radius);width:100%;min-height:240px;display:block;position:relative;overflow:hidden}.track{gap:var(--marquee-gap,var(--size-4));width:max-content;animation:marquee-scroll var(--_marquee-duration,20s) linear infinite;will-change:transform;flex-direction:row;align-items:stretch;display:flex;position:absolute;top:0;bottom:0}.track:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.track:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.controls{gap:var(--size-0-5);pointer-events:none;align-items:center;display:flex}:host>.controls{padding:var(--size-1-5) var(--size-2);background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:var(--size-3);position:absolute}:host>.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-3)}:host>.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-3)}.nav-btn{pointer-events:auto}:host([direction=right]) .track{animation-direction:reverse}:host([pause-on-hover]:hover) .track{animation-play-state:paused}::slotted(*){flex:none;height:100%;position:relative}::slotted([data-marquee-clone]){pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translateX(var(--_marquee-translate,-50%))}}}@media (prefers-reduced-motion:reduce){.track{animation:none}}`;exports.default=e;
+//# sourceMappingURL=marquee.css.cjs.map