@yewdiel21/motion-kit 0.9.0 → 0.10.0

package/dist/{reveal-WFUWDrei.d.ts → reveal-jsX-uwUz.d.ts}

@@ -8,7 +8,7 @@ interface DialogLabels {
     dock?: string;
 }
 interface DialogOptions {
-    /** morph (Stepbro, default), liquid (Stepbro), or sheet: rises from the bottom and pushes [data-mk-underlay] back (Dousan). */
+    /** morph (default), liquid, or sheet: rises from the bottom and pushes [data-mk-underlay] back. */
     variant?: DialogVariant;
     placement?: DialogPlacement;
     /** Tinted backdrop; false leaves it transparent (menus). */
@@ -54,11 +54,220 @@ interface MenuInstance extends DialogInstance {
 }
 declare function createMenu(dialog: HTMLElement | null, options?: MenuOptions): MenuInstance;
 
+interface QuantityOptions {
+    min?: number;
+    max?: number;
+    step?: number;
+    value?: number;
+    disabled?: boolean;
+    onChange?: (value: number) => void;
+}
+interface QuantityInstance extends Instance {
+    setValue(value: number, notify?: boolean): void;
+    readonly value: number;
+}
+/** Bounded numeric control. Bite/rotation is CSS; buttons remain native. */
+declare function createQuantity(root: HTMLElement | null, options?: QuantityOptions): QuantityInstance;
+
+interface PaginationOptions {
+    totalPages?: number;
+    page?: number;
+    siblings?: number;
+    pageLabel?: (page: number) => string;
+    onChange?: (page: number) => void;
+}
+interface PaginationInstance extends Instance {
+    setPage(page: number, notify?: boolean): void;
+    setTotalPages(total: number): void;
+    readonly page: number;
+    readonly totalPages: number;
+}
+/** Renders a bounded window of pages, even when totalPages is very large. */
+declare function createPagination(root: HTMLElement | null, options?: PaginationOptions): PaginationInstance;
+
+interface HoverCardOptions {
+    openDelay?: number;
+    closeDelay?: number;
+    placement?: 'top' | 'bottom';
+    onOpenChange?: (open: boolean) => void;
+}
+interface HoverCardInstance extends Instance {
+    open(): void;
+    close(): void;
+    readonly isOpen: boolean;
+}
+/** Nonmodal preview: pointer, keyboard focus and tap all reveal the same panel. */
+declare function createHoverCard(root: HTMLElement | null, options?: HoverCardOptions): HoverCardInstance;
+
+interface InputOtpOptions {
+    length?: number;
+    value?: string;
+    mask?: boolean;
+    onChange?: (value: string) => void;
+    onComplete?: (value: string) => void;
+}
+interface InputOtpInstance extends Instance {
+    setValue(value: string, notify?: boolean): void;
+    focus(): void;
+    readonly value: string;
+}
+/** One real input preserves native editing, mobile autofill and password managers. */
+declare function createInputOtp(root: HTMLElement | null, options?: InputOtpOptions): InputOtpInstance;
+
+type StudioDockView = 'menu' | 'contact' | 'reel';
+interface StudioDockState {
+    open: boolean;
+    view: StudioDockView;
+    page: number;
+}
+interface StudioDockOptions {
+    /** Seconds. Reference sheet: 1.3 s, outBack(.52). */
+    duration?: number;
+    ease?: string;
+    /** Move focus into a newly opened view. Defaults to true. */
+    focusOnOpen?: boolean;
+    /** Contain Tab within the open panel and its toggle. Defaults to true. */
+    trapFocus?: boolean;
+    onChange?: (state: StudioDockState) => void;
+}
+interface StudioDockInstance extends Instance {
+    open(view?: StudioDockView): void;
+    close(): void;
+    toggle(): void;
+    selectPage(index: number): void;
+    readonly state: StudioDockState;
+}
+/** A contained studio sheet. Markup remains useful without JavaScript; fixed positioning is CSS opt-in. */
+declare function createStudioDock(root: HTMLElement | null, options?: StudioDockOptions): StudioDockInstance;
+
+type DateInput = Date | string | number;
+/** Local midnight of a date; "2026-10-23" is read as a local day, not UTC. */
+declare function toDate(input: DateInput | null | undefined, fallback?: Date): Date;
+/** YYYY-MM-DD of the local day. */
+declare const dayKey: (date: Date) => string;
+
+type CalendarView = 'month' | 'week';
+type CalendarEventStatus = 'pending' | 'done' | 'cancelled';
+interface CalendarEvent {
+    id: string | number;
+    title: string;
+    start: DateInput;
+    end?: DateInput;
+    allDay?: boolean;
+    status?: CalendarEventStatus;
+    /** Any CSS colour for the chip. */
+    color?: string;
+}
+interface CalendarRange {
+    start: Date;
+    end: Date;
+    view: CalendarView;
+}
+interface CalendarLabels {
+    more?: (count: number) => string;
+    events?: (count: number) => string;
+    status?: Partial<Record<CalendarEventStatus, string>>;
+}
+interface CalendarOptions {
+    /** Date the calendar opens on. */
+    date?: DateInput;
+    view?: CalendarView;
+    /** 0 = Sunday … 6 = Saturday. */
+    firstDay?: number;
+    locale?: string;
+    events?: CalendarEvent[];
+    /** Chips per day in the month view before "+N". */
+    maxEvents?: number;
+    selected?: DateInput | null;
+    /** Override "today" (tests, demos in another zone). */
+    today?: DateInput;
+    labels?: CalendarLabels;
+    onSelect?: (date: Date) => void;
+    onEventClick?: (event: CalendarEvent) => void;
+    onNavigate?: (range: CalendarRange) => void;
+}
+interface CalendarInstance extends Instance {
+    next(): void;
+    prev(): void;
+    goToday(): void;
+    setDate(date: DateInput): void;
+    setView(view: CalendarView): void;
+    setEvents(events: CalendarEvent[]): void;
+    select(date: DateInput | null, notify?: boolean): void;
+    readonly date: Date;
+    readonly view: CalendarView;
+    readonly selected: Date | null;
+    readonly range: CalendarRange;
+}
+declare function createCalendar(root: HTMLElement | null, options?: CalendarOptions): CalendarInstance;
+
+type SlotSource = string[] | Record<string, string[]> | ((date: Date) => string[] | Promise<string[]>);
+interface SlotValue {
+    date: Date;
+    time: string;
+    key: string;
+    value: string;
+}
+interface SlotPickerLabels {
+    placeholder?: string;
+    empty?: string;
+    loading?: string;
+    heading?: (date: Date) => string;
+}
+interface SlotPickerOptions {
+    /** Month shown first (and the selected day when `value` is not given). */
+    date?: DateInput;
+    /** Initial value: "2026-10-23T10:30" or { date, time }. */
+    value?: string | {
+        date: DateInput;
+        time: string;
+    } | null;
+    slots?: SlotSource;
+    min?: DateInput;
+    max?: DateInput;
+    /** Weekdays never available (0 = Sunday). */
+    closedDays?: number[];
+    isDisabled?: (date: Date) => boolean;
+    firstDay?: number;
+    locale?: string;
+    labels?: SlotPickerLabels;
+    onChange?: (value: SlotValue) => void;
+    onDateChange?: (date: Date) => void;
+}
+interface SlotPickerInstance extends Instance {
+    selectDate(date: DateInput): void;
+    selectTime(time: string | null): void;
+    setSlots(slots: SlotSource): void;
+    readonly date: Date | null;
+    readonly time: string | null;
+    readonly value: string | null;
+}
+declare function createSlotPicker(root: HTMLElement | null, options?: SlotPickerOptions): SlotPickerInstance;
+
+interface TrailerOptions {
+    triggers?: boolean | string;
+    autoplay?: boolean;
+    closeOnBackdrop?: boolean;
+    onOpen?: () => void;
+    onClose?: () => void;
+}
+interface TrailerInstance extends Instance {
+    open(origin?: HTMLElement | null): void;
+    close(): void;
+    toggle(origin?: HTMLElement | null): void;
+    play(): Promise<boolean>;
+    pause(): void;
+    seek(seconds: number): void;
+    setVolume(volume: number): void;
+    readonly isOpen: boolean;
+}
+/** Native modal + consumer-owned video, with optional accessible custom transport controls. */
+declare function createTrailer(root: HTMLElement | null, options?: TrailerOptions): TrailerInstance;
+
 /**
- * Every Stepbro duration in one place (seconds, like GSAP, unless the name says
+ * Every duration in one place (seconds, like GSAP, unless the name says
  * ms). Recipes and components take their defaults from here, so a timing is
- * changed once. Sources: Stepbro replication kit, tasks/especificacion-replicacion.json
- * and money/replication-catalog.json.
+ * changed once.
  */
 declare const TIMING: Readonly<{
     flow: 0.5;
@@ -204,12 +413,12 @@ declare const TIMING: Readonly<{
         charsDelay: 0.225;
         charsStagger: 0.02;
     }>;
-    /** Dousan's glass (CSS): surface/shadow transitions, ring and shine. */
+    /** glass (CSS): surface/shadow transitions, ring and shine. */
     glass: Readonly<{
         hover: 0.4;
         ring: 0.5;
     }>;
-    /** Stepbro's utility animations (css/effects/anim.css), by name. */
+    /** utility animations (css/effects/anim.css), by name. */
     effects: Readonly<{
         out: 0.5;
         'out-left': 0.5;
@@ -222,7 +431,7 @@ declare const TIMING: Readonly<{
         wipe: 0.7;
         'progress-in': 1;
     }>;
-    /** Dousan's success confetti, per 60 fps frame. */
+    /** success confetti, per 60 fps frame. */
     confetti: Readonly<{
         count: 45;
         speed: readonly [2, 8];
@@ -233,14 +442,14 @@ declare const TIMING: Readonly<{
         drag: 0.98;
         spin: 2.5;
     }>;
-    /** Dousan's project sheet. */
+    /** project sheet. */
     sheet: Readonly<{
         open: 0.72;
         close: 0.72;
         underlayScale: 0.98;
         underlayOpacity: 0.4;
     }>;
-    /** Dousan's springs as Motion declares them: [stiffness, damping]. */
+    /** Physical spring pairs: [stiffness, damping]. */
     springs: Readonly<{
         press: readonly [400, 10];
         success: readonly [260, 18];
@@ -252,7 +461,7 @@ declare const TIMING: Readonly<{
         bentoRepel: readonly [300, 25];
         dockPill: readonly [380, 30];
     }>;
-    /** OFFFICE's masked type (Siena's case titles start at 120 %). */
+    /** masked type. */
     maskText: Readonly<{
         duration: 1.2;
         delay: 0.1;
@@ -261,14 +470,14 @@ declare const TIMING: Readonly<{
         y: 100;
         threshold: 0.8;
     }>;
-    /** Siena's reveal group (rules, fades, rises). */
+    /** reveal group (rules, fades, rises). */
     cascade: Readonly<{
         duration: 1.2;
         step: 0.03;
         rise: 200;
         threshold: 0.3;
     }>;
-    /** Siena's slot title: each letter turns 8–14 times inside a 2 s expo.out envelope. */
+    /** slot title: each letter turns 8–14 times inside a 2 s expo.out envelope. */
     textRoll: Readonly<{
         duration: 2;
         stagger: 0.04;
@@ -276,7 +485,7 @@ declare const TIMING: Readonly<{
         interval: 6000;
         quietMs: 1000;
     }>;
-    /** Dousan's hero letters: scale on hover, pastel blink. */
+    /** hero letters: scale on hover, pastel blink. */
     letters: Readonly<{
         scale: 1.3;
         y: -5;
@@ -286,14 +495,14 @@ declare const TIMING: Readonly<{
         blinkRepeatDelay: 0.1;
         blinkDelays: readonly [0.1, 0.6, 0.2, 1, 0.4, 1.2, 0.15, 0.8, 0.3];
     }>;
-    /** Siena's image parallax. */
+    /** image parallax. */
     parallax: Readonly<{
         travel: 10;
         scale: 1.2;
         strongScale: 1.3;
         lerp: 1;
     }>;
-    /** Siena's About grid gathering from depth. */
+    /** About grid gathering from depth. */
     depthGrid: Readonly<{
         perspective: 600;
         distance: 900;
@@ -304,7 +513,7 @@ declare const TIMING: Readonly<{
         stagger: 0.15;
         lerp: 1;
     }>;
-    /** Siena's video mask: the frame and the picture inside scale in opposite directions. */
+    /** video mask: the frame and the picture inside scale in opposite directions. */
     frameZoom: Readonly<{
         outer: readonly [80, 20];
         inner: readonly [130, 20];
@@ -313,19 +522,19 @@ declare const TIMING: Readonly<{
         open: 1;
         lerp: 1;
     }>;
-    /** Siena's marquee: seconds per item, at most 14 counted. */
+    /** marquee: seconds per item, at most 14 counted. */
     marquee: Readonly<{
         perItem: 2;
         maxItems: 14;
     }>;
-    /** Dousan's glass chip and Siena's dot cursor. */
+    /** glass chip and dot cursor. */
     cursor: Readonly<{
         gutter: 10;
         circle: 96;
         dotLerp: 0.2;
         light: 180;
     }>;
-    /** iyo.ai's floating navbar: enters from −300 % over 1.8 s; rows follow 0.15 s + 0.025 s each. */
+    /** floating navbar: enters from −300 % over 1.8 s; rows follow 0.15 s + 0.025 s each. */
     island: Readonly<{
         entrance: 1.8;
         offset: -300;
@@ -333,18 +542,18 @@ declare const TIMING: Readonly<{
         step: 0.025;
         focus: 150;
     }>;
-    /** iyo.ai's product dock: spread for 1.6 s on load; tablet range re-checked 250 ms after a resize. */
+    /** product dock: spread for 1.6 s on load; tablet range re-checked 250 ms after a resize. */
     cardDock: Readonly<{
         intro: 1600;
         resizeDebounce: 250;
     }>;
-    /** iyo.ai's phone cards: 5 s a card, 2 s wait after a touch, 0.5 s after it shows. */
+    /** phone cards: 5 s a card, 2 s wait after a touch, 0.5 s after it shows. */
     snapStrip: Readonly<{
         interval: 5000;
         resume: 2000;
         delay: 500;
     }>;
-    /** iyo.ai's fill-text: letters from .2, 0.5 s each, 0.1 s apart, top 90 % → centre 40 %. */
+    /** fill-text: letters from .2, 0.5 s each, 0.1 s apart, top 90 % → centre 40 %. */
     fillText: Readonly<{
         from: 0.2;
         duration: 0.5;
@@ -352,7 +561,7 @@ declare const TIMING: Readonly<{
         start: "top 90%";
         end: "center 40%";
     }>;
-    /** iyo.ai's particle hero (adapted): fade in 1 s after 0.3 s, morph cycles, pointer push. */
+    /** particle hero: fade in 1 s after 0.3 s, morph cycles, pointer push. */
     particleHero: Readonly<{
         fadeIn: 1;
         fadeDelay: 0.3;
@@ -413,4 +622,4 @@ interface RevealHandle {
 }
 declare function revealFrom(target: HTMLElement, options?: RevealOptions): RevealHandle | null;
 
-export { type DialogInstance as D, type MenuInstance as M, type RevealHandle as R, TIMING as T, type DialogLabels as a, type DialogOptions as b, type DialogPlacement as c, type DialogVariant as d, type MenuOptions as e, type RevealOptions as f, type RevealSpeed as g, createDialog as h, createMenu as i, revealFrom as r };
+export { type RevealOptions as A, type RevealSpeed as B, type CalendarInstance as C, type DialogInstance as D, type SlotPickerLabels as E, type SlotPickerOptions as F, type SlotSource as G, type HoverCardInstance as H, type InputOtpInstance as I, type SlotValue as J, type StudioDockOptions as K, type StudioDockState as L, type MenuInstance as M, TIMING as N, type TrailerOptions as O, type PaginationInstance as P, type QuantityInstance as Q, type RevealHandle as R, type StudioDockInstance as S, type TrailerInstance as T, createDialog as U, createMenu as V, dayKey as W, revealFrom as X, toDate as Y, createTrailer as a, createQuantity as b, createStudioDock as c, createPagination as d, createHoverCard as e, createInputOtp as f, createCalendar as g, createSlotPicker as h, type StudioDockView as i, type SlotPickerInstance as j, type CalendarEvent as k, type CalendarEventStatus as l, type CalendarLabels as m, type CalendarOptions as n, type CalendarRange as o, type CalendarView as p, type DateInput as q, type DialogLabels as r, type DialogOptions as s, type DialogPlacement as t, type DialogVariant as u, type HoverCardOptions as v, type InputOtpOptions as w, type MenuOptions as x, type PaginationOptions as y, type QuantityOptions as z };

package/dist/{store-Bqy_obnD.d.ts → store-DYb3tTsZ.d.ts}

@@ -1,9 +1,9 @@
 import { I as Instance } from './types-BkS_raL8.js';
 import { Flip } from 'gsap/Flip';
-import { R as RevealHandle } from './reveal-WFUWDrei.js';
+import { R as RevealHandle } from './reveal-jsX-uwUz.js';
 
 interface ThemePickerOptions {
-    /** Theme ids to show, in order. Default: every theme Stepbro shows (or all with showHidden). */
+    /** Theme ids to show, in order. Default: visible presets, or all with showHidden. */
     themes?: string[];
     showHidden?: boolean;
     labels?: {
@@ -68,7 +68,7 @@ type NavStyle = (typeof NAV_STYLES)[number];
 interface NavOptions {
     /** Default: the saved one (storageKey), else the mk-nav--<style> class in the markup, else 'bonita' (Money's default). */
     style?: NavStyle;
-    /** The accent variant (Stepbro's variant-1): the current page in primary-container. */
+    /** The accent variant: the current page in primary-container. */
     accent?: boolean;
     /** Reveal the shell from the first button when the nav starts (off by default). */
     reveal?: boolean;
@@ -95,7 +95,7 @@ interface NavigateDetail {
     /** The click: call its preventDefault() to stop a link (single-page apps). */
     originalEvent: MouseEvent;
 }
-/** Stepbro's nav entrance: the app shell is uncovered from the nav's first button. */
+/** nav entrance: the app shell is uncovered from the nav's first button. */
 declare function revealShell(nav: HTMLElement): RevealHandle | null;
 declare function createNav(root: HTMLElement | null, options?: NavOptions): NavInstance;
 
@@ -125,7 +125,7 @@ declare function createCursor(host: HTMLElement | null, options?: CursorOptions)
 interface IslandOptions {
     /** Drop in from above on load (true), wait for ready() ('manual') or not at all. */
     entrance?: boolean | 'manual';
-    /** Close when the page scrolls after a wheel or touch (iyo). */
+    /** Close when the page scrolls after a wheel or touch. */
     closeOnScroll?: boolean;
     /** Close when a link inside a panel is followed. */
     closeOnNavigate?: boolean;

package/dist/theme/generate.d.ts

@@ -1,4 +1,4 @@
-import { T as ThemeState } from '../theme-BFMoCzi6.js';
+import { T as ThemeState } from '../theme-Bjf9qIIy.js';
 import { ThemePalettes } from './index.js';
 export { themeCss } from './index.js';
 

package/dist/theme/generate.js

@@ -1,11 +1,11 @@
 import {
   themeCss
-} from "../chunk-ABNRDDO7.js";
+} from "../chunk-I3DXF2KQ.js";
 import {
   ROLES,
   registerTheme,
   setTheme
-} from "../chunk-J27KH2A2.js";
+} from "../chunk-RVSKEBIC.js";
 import "../chunk-TGV27ZWM.js";
 
 // src/theme/generate.ts

package/dist/theme/generate.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/generate.ts"],"sourcesContent":["import {\n  Hct,\n  MaterialDynamicColors,\n  SchemeContent,\n  SchemeExpressive,\n  SchemeFidelity,\n  SchemeMonochrome,\n  SchemeNeutral,\n  SchemeTonalSpot,\n  SchemeVibrant,\n  argbFromHex,\n  hexFromArgb,\n} from '@material/material-color-utilities';\nimport { ROLES, type Role } from './presets';\nimport { themeCss, type Palette, type ThemePalettes } from './css-format';\nimport { registerTheme, setTheme } from './theme';\n\n/*\n * Material 3 palettes from any colour, in the same 37 roles as Stepbro's themes.\n * Needs the optional peer @material/material-color-utilities ^0.3.0\n * (0.4.0 publishes ESM imports without extensions that Node cannot load).\n */\n\nexport type ThemeVariant = 'tonal-spot' | 'vibrant' | 'expressive' | 'neutral' | 'content' | 'fidelity' | 'monochrome';\n\nexport interface GenerateOptions {\n  variant?: ThemeVariant;\n  /** -1 (reduced) … 0 (standard) … 1 (high). */\n  contrast?: number;\n}\n\nconst SCHEMES = {\n  'tonal-spot': SchemeTonalSpot,\n  vibrant: SchemeVibrant,\n  expressive: SchemeExpressive,\n  neutral: SchemeNeutral,\n  content: SchemeContent,\n  fidelity: SchemeFidelity,\n  monochrome: SchemeMonochrome,\n} as const;\n\nconst camel = (role: string) => role.replace(/-([a-z])/g, (_, c: string) => c.toUpperCase());\ntype Dynamic = { getArgb(scheme: unknown): number };\n\nexport function generateTheme(seed: string, { variant = 'tonal-spot', contrast = 0 }: GenerateOptions = {}): ThemePalettes {\n  if (!/^#?[0-9a-f]{6}$/i.test(seed)) throw new Error(`generateTheme: seed must be a #rrggbb colour (got \"${seed}\")`);\n  const Scheme = SCHEMES[variant];\n  if (!Scheme) throw new Error(`generateTheme: unknown variant \"${variant}\"`);\n  const source = Hct.fromInt(argbFromHex(seed.startsWith('#') ? seed : `#${seed}`));\n  const palette = (dark: boolean): Palette => {\n    const scheme = new Scheme(source, dark, contrast);\n    const colors = MaterialDynamicColors as unknown as Record<string, Dynamic>;\n    return Object.fromEntries(ROLES.map((role) => [role, hexFromArgb(colors[camel(role)].getArgb(scheme))])) as Record<Role, string>;\n  };\n  return { light: palette(false), dark: palette(true) };\n}\n\nexport { themeCss };\n\n/** Generate a theme from `seed`, inject it as a <style>, register and select it. */\nexport function applyTheme(seed: string, { id = 'custom', ...options }: GenerateOptions & { id?: string } = {}) {\n  const css = themeCss(id, generateTheme(seed, options));\n  let style = document.querySelector<HTMLStyleElement>(`style[data-mk-theme-style=\"${id}\"]`);\n  if (!style) {\n    style = document.createElement('style');\n    style.dataset.mkThemeStyle = id;\n    document.head.append(style);\n  }\n  style.textContent = css;\n  registerTheme(id);\n  return setTheme(id);\n}\n"],"mappings":";;;;;;;;;;;AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAmBP,IAAM,UAAU;AAAA,EACd,cAAc;AAAA,EACd,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AACd;AAEA,IAAM,QAAQ,CAAC,SAAiB,KAAK,QAAQ,aAAa,CAAC,GAAG,MAAc,EAAE,YAAY,CAAC;AAGpF,SAAS,cAAc,MAAc,EAAE,UAAU,cAAc,WAAW,EAAE,IAAqB,CAAC,GAAkB;AACzH,MAAI,CAAC,mBAAmB,KAAK,IAAI,EAAG,OAAM,IAAI,MAAM,sDAAsD,IAAI,IAAI;AAClH,QAAM,SAAS,QAAQ,OAAO;AAC9B,MAAI,CAAC,OAAQ,OAAM,IAAI,MAAM,mCAAmC,OAAO,GAAG;AAC1E,QAAM,SAAS,IAAI,QAAQ,YAAY,KAAK,WAAW,GAAG,IAAI,OAAO,IAAI,IAAI,EAAE,CAAC;AAChF,QAAM,UAAU,CAAC,SAA2B;AAC1C,UAAM,SAAS,IAAI,OAAO,QAAQ,MAAM,QAAQ;AAChD,UAAM,SAAS;AACf,WAAO,OAAO,YAAY,MAAM,IAAI,CAAC,SAAS,CAAC,MAAM,YAAY,OAAO,MAAM,IAAI,CAAC,EAAE,QAAQ,MAAM,CAAC,CAAC,CAAC,CAAC;AAAA,EACzG;AACA,SAAO,EAAE,OAAO,QAAQ,KAAK,GAAG,MAAM,QAAQ,IAAI,EAAE;AACtD;AAKO,SAAS,WAAW,MAAc,EAAE,KAAK,UAAU,GAAG,QAAQ,IAAuC,CAAC,GAAG;AAC9G,QAAM,MAAM,SAAS,IAAI,cAAc,MAAM,OAAO,CAAC;AACrD,MAAI,QAAQ,SAAS,cAAgC,8BAA8B,EAAE,IAAI;AACzF,MAAI,CAAC,OAAO;AACV,YAAQ,SAAS,cAAc,OAAO;AACtC,UAAM,QAAQ,eAAe;AAC7B,aAAS,KAAK,OAAO,KAAK;AAAA,EAC5B;AACA,QAAM,cAAc;AACpB,gBAAc,EAAE;AAChB,SAAO,SAAS,EAAE;AACpB;","names":[]}
+{"version":3,"sources":["../../src/theme/generate.ts"],"sourcesContent":["import {\n  Hct,\n  MaterialDynamicColors,\n  SchemeContent,\n  SchemeExpressive,\n  SchemeFidelity,\n  SchemeMonochrome,\n  SchemeNeutral,\n  SchemeTonalSpot,\n  SchemeVibrant,\n  argbFromHex,\n  hexFromArgb,\n} from '@material/material-color-utilities';\nimport { ROLES, type Role } from './presets';\nimport { themeCss, type Palette, type ThemePalettes } from './css-format';\nimport { registerTheme, setTheme } from './theme';\n\n/*\n * Material 3 palettes from any colour, with the 37 theme color roles.\n * Needs the optional peer @material/material-color-utilities ^0.3.0\n * (0.4.0 publishes ESM imports without extensions that Node cannot load).\n */\n\nexport type ThemeVariant = 'tonal-spot' | 'vibrant' | 'expressive' | 'neutral' | 'content' | 'fidelity' | 'monochrome';\n\nexport interface GenerateOptions {\n  variant?: ThemeVariant;\n  /** -1 (reduced) … 0 (standard) … 1 (high). */\n  contrast?: number;\n}\n\nconst SCHEMES = {\n  'tonal-spot': SchemeTonalSpot,\n  vibrant: SchemeVibrant,\n  expressive: SchemeExpressive,\n  neutral: SchemeNeutral,\n  content: SchemeContent,\n  fidelity: SchemeFidelity,\n  monochrome: SchemeMonochrome,\n} as const;\n\nconst camel = (role: string) => role.replace(/-([a-z])/g, (_, c: string) => c.toUpperCase());\ntype Dynamic = { getArgb(scheme: unknown): number };\n\nexport function generateTheme(seed: string, { variant = 'tonal-spot', contrast = 0 }: GenerateOptions = {}): ThemePalettes {\n  if (!/^#?[0-9a-f]{6}$/i.test(seed)) throw new Error(`generateTheme: seed must be a #rrggbb colour (got \"${seed}\")`);\n  const Scheme = SCHEMES[variant];\n  if (!Scheme) throw new Error(`generateTheme: unknown variant \"${variant}\"`);\n  const source = Hct.fromInt(argbFromHex(seed.startsWith('#') ? seed : `#${seed}`));\n  const palette = (dark: boolean): Palette => {\n    const scheme = new Scheme(source, dark, contrast);\n    const colors = MaterialDynamicColors as unknown as Record<string, Dynamic>;\n    return Object.fromEntries(ROLES.map((role) => [role, hexFromArgb(colors[camel(role)].getArgb(scheme))])) as Record<Role, string>;\n  };\n  return { light: palette(false), dark: palette(true) };\n}\n\nexport { themeCss };\n\n/** Generate a theme from `seed`, inject it as a <style>, register and select it. */\nexport function applyTheme(seed: string, { id = 'custom', ...options }: GenerateOptions & { id?: string } = {}) {\n  const css = themeCss(id, generateTheme(seed, options));\n  let style = document.querySelector<HTMLStyleElement>(`style[data-mk-theme-style=\"${id}\"]`);\n  if (!style) {\n    style = document.createElement('style');\n    style.dataset.mkThemeStyle = id;\n    document.head.append(style);\n  }\n  style.textContent = css;\n  registerTheme(id);\n  return setTheme(id);\n}\n"],"mappings":";;;;;;;;;;;AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAmBP,IAAM,UAAU;AAAA,EACd,cAAc;AAAA,EACd,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AACd;AAEA,IAAM,QAAQ,CAAC,SAAiB,KAAK,QAAQ,aAAa,CAAC,GAAG,MAAc,EAAE,YAAY,CAAC;AAGpF,SAAS,cAAc,MAAc,EAAE,UAAU,cAAc,WAAW,EAAE,IAAqB,CAAC,GAAkB;AACzH,MAAI,CAAC,mBAAmB,KAAK,IAAI,EAAG,OAAM,IAAI,MAAM,sDAAsD,IAAI,IAAI;AAClH,QAAM,SAAS,QAAQ,OAAO;AAC9B,MAAI,CAAC,OAAQ,OAAM,IAAI,MAAM,mCAAmC,OAAO,GAAG;AAC1E,QAAM,SAAS,IAAI,QAAQ,YAAY,KAAK,WAAW,GAAG,IAAI,OAAO,IAAI,IAAI,EAAE,CAAC;AAChF,QAAM,UAAU,CAAC,SAA2B;AAC1C,UAAM,SAAS,IAAI,OAAO,QAAQ,MAAM,QAAQ;AAChD,UAAM,SAAS;AACf,WAAO,OAAO,YAAY,MAAM,IAAI,CAAC,SAAS,CAAC,MAAM,YAAY,OAAO,MAAM,IAAI,CAAC,EAAE,QAAQ,MAAM,CAAC,CAAC,CAAC,CAAC;AAAA,EACzG;AACA,SAAO,EAAE,OAAO,QAAQ,KAAK,GAAG,MAAM,QAAQ,IAAI,EAAE;AACtD;AAKO,SAAS,WAAW,MAAc,EAAE,KAAK,UAAU,GAAG,QAAQ,IAAuC,CAAC,GAAG;AAC9G,QAAM,MAAM,SAAS,IAAI,cAAc,MAAM,OAAO,CAAC;AACrD,MAAI,QAAQ,SAAS,cAAgC,8BAA8B,EAAE,IAAI;AACzF,MAAI,CAAC,OAAO;AACV,YAAQ,SAAS,cAAc,OAAO;AACtC,UAAM,QAAQ,eAAe;AAC7B,aAAS,KAAK,OAAO,KAAK;AAAA,EAC5B;AACA,QAAM,cAAc;AACpB,gBAAc,EAAE;AAChB,SAAO,SAAS,EAAE;AACpB;","names":[]}

package/dist/theme/index.d.ts

@@ -1,5 +1,5 @@
-import { R as Role } from '../theme-BFMoCzi6.js';
-export { D as DEFAULT_THEME, I as InitThemeOptions, M as MK_THEME_HEAD_SCRIPT, c as ROLES, d as THEMES, e as THEME_EVENT, f as ThemeId, b as ThemeMode, g as ThemePreset, T as ThemeState, h as getTheme, i as initTheme, r as registerTheme, a as setMode, s as setTheme, t as themeHeadScript } from '../theme-BFMoCzi6.js';
+import { R as Role } from '../theme-Bjf9qIIy.js';
+export { D as DEFAULT_THEME, I as InitThemeOptions, M as MK_THEME_HEAD_SCRIPT, c as ROLES, d as THEMES, e as THEME_EVENT, f as ThemeId, b as ThemeMode, g as ThemePreset, T as ThemeState, h as getTheme, i as initTheme, r as registerTheme, a as setMode, s as setTheme, t as themeHeadScript } from '../theme-Bjf9qIIy.js';
 
 type Palette = Record<Role, string>;
 interface ThemePalettes {

package/dist/theme/index.js

@@ -1,6 +1,6 @@
 import {
   themeCss
-} from "../chunk-ABNRDDO7.js";
+} from "../chunk-I3DXF2KQ.js";
 import {
   DEFAULT_THEME,
   MK_THEME_HEAD_SCRIPT,
@@ -13,7 +13,7 @@ import {
   setMode,
   setTheme,
   themeHeadScript
-} from "../chunk-J27KH2A2.js";
+} from "../chunk-RVSKEBIC.js";
 import "../chunk-TGV27ZWM.js";
 export {
   DEFAULT_THEME,

package/dist/{theme-BFMoCzi6.d.ts → theme-Bjf9qIIy.d.ts}

@@ -4,7 +4,7 @@ type Role = (typeof ROLES)[number];
 interface ThemePreset {
     readonly id: string;
     readonly name: string;
-    /** Hidden from Stepbro's own picker (kept in its code). */
+    /** Hidden from the picker unless showHidden is enabled. */
     readonly hidden: boolean;
     /** Modes with their own palette. OLED is dark-only and uses Black in light mode. */
     readonly modes: readonly ('light' | 'dark')[];

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@yewdiel21/motion-kit",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "description": "Motion toolkit for vanilla, Astro and React: GSAP recipes, accessible components, 19 themes, CSS controls and optional WebGL effects.",
   "type": "module",
   "license": "UNLICENSED",
-  "homepage": "https://github.com/YewdielMartinez/motion-kit#readme",
+  "homepage": "https://motion-kit-playground.vercel.app",
   "bugs": {
     "url": "https://github.com/YewdielMartinez/motion-kit/issues"
   },