tempest-react-sdk 0.78.0 → 0.80.0

package/dist/components/Resizable/Resizable.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Resizable.module.js","names":[],"sources":["../../../src/components/Resizable/Resizable.module.css"],"sourcesContent":[".root {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n}\n\n.horizontal {\n    flex-direction: row;\n}\n\n.vertical {\n    flex-direction: column;\n}\n\n.pane {\n    flex-grow: 0;\n    flex-shrink: 0;\n    min-width: 0;\n    min-height: 0;\n    overflow: auto;\n}\n\n.divider {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: var(--tempest-border);\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n    touch-action: none;\n    user-select: none;\n}\n\n.divider:hover,\n.divider:focus-visible {\n    background-color: var(--tempest-primary);\n}\n\n.divider:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.horizontal > .divider {\n    width: 6px;\n    height: 100%;\n    cursor: col-resize;\n}\n\n.vertical > .divider {\n    width: 100%;\n    height: 6px;\n    cursor: row-resize;\n}\n\n.handle {\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    opacity: 0.7;\n}\n\n.horizontal > .divider .handle {\n    width: 2px;\n    height: 24px;\n}\n\n.vertical > .divider .handle {\n    width: 24px;\n    height: 2px;\n}\n"],"mappings":";"}
+{"version":3,"file":"Resizable.module.js","names":["root","horizontal","vertical","pane","divider","handle","Resizable_module_default"],"sources":["../../../src/components/Resizable/Resizable.module.css"],"sourcesContent":[".root {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n}\n\n.horizontal {\n    flex-direction: row;\n}\n\n.vertical {\n    flex-direction: column;\n}\n\n.pane {\n    flex-grow: 0;\n    flex-shrink: 0;\n    min-width: 0;\n    min-height: 0;\n    overflow: auto;\n}\n\n.divider {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: var(--tempest-border);\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n    touch-action: none;\n    user-select: none;\n}\n\n.divider:hover,\n.divider:focus-visible {\n    background-color: var(--tempest-primary);\n}\n\n.divider:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.horizontal > .divider {\n    width: 6px;\n    height: 100%;\n    cursor: col-resize;\n}\n\n.vertical > .divider {\n    width: 100%;\n    height: 6px;\n    cursor: row-resize;\n}\n\n.handle {\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    opacity: 0.7;\n}\n\n.horizontal > .divider .handle {\n    width: 2px;\n    height: 24px;\n}\n\n.vertical > .divider .handle {\n    width: 24px;\n    height: 2px;\n}\n"],"mappings":";"}

package/dist/components/Responsive/Responsive.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Responsive.cjs","names":[],"sources":["../../../src/components/Responsive/Responsive.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { useBreakpoint, type Breakpoint } from \"@/hooks/use-breakpoint\";\n\nexport interface ShowProps {\n    /** Render children only when viewport width is `>=` this breakpoint. */\n    above?: Breakpoint;\n    /** Render children only when viewport width is `<` this breakpoint. */\n    below?: Breakpoint;\n    /** Render only on specific breakpoints. Wins over `above`/`below` when set. */\n    only?: Breakpoint | Breakpoint[];\n    children: ReactNode;\n}\n\nfunction shouldRender(\n    current: Breakpoint,\n    above: Breakpoint | undefined,\n    below: Breakpoint | undefined,\n    only: Breakpoint | Breakpoint[] | undefined,\n    helpers: { above: (bp: Breakpoint) => boolean; below: (bp: Breakpoint) => boolean },\n): boolean {\n    if (only) {\n        const list = Array.isArray(only) ? only : [only];\n        return list.includes(current);\n    }\n    if (above && !helpers.above(above)) return false;\n    if (below && !helpers.below(below)) return false;\n    return true;\n}\n\n/**\n * Conditionally render children based on the viewport breakpoint.\n *\n * - `above` — render when viewport width is `>=` the given breakpoint.\n * - `below` — render when viewport width is `<` the given breakpoint.\n * - `only` — render only on the listed breakpoint(s).\n *\n * SSR-safe: first render uses `xs` (renders mobile content first); the\n * component re-renders once `useBreakpoint` has the real viewport width.\n */\nexport function Show({ above, below, only, children }: ShowProps): ReactNode {\n    const bp = useBreakpoint();\n    if (!shouldRender(bp.current, above, below, only, bp)) return null;\n    return children;\n}\n\nexport interface HideProps {\n    /** Hide children when viewport width is `>=` this breakpoint. */\n    above?: Breakpoint;\n    /** Hide children when viewport width is `<` this breakpoint. */\n    below?: Breakpoint;\n    /** Hide on specific breakpoints. */\n    only?: Breakpoint | Breakpoint[];\n    children: ReactNode;\n}\n\n/** Inverse of `<Show>` — hides children when the condition matches. */\nexport function Hide({ above, below, only, children }: HideProps): ReactNode {\n    const bp = useBreakpoint();\n    if (shouldRender(bp.current, above, below, only, bp)) return null;\n    return children;\n}\n"],"mappings":"kDAaA,SAAS,EACL,EACA,EACA,EACA,EACA,EACO,CAOP,OANI,GACa,MAAM,QAAQ,CAAI,EAAI,EAAO,CAAC,CAAI,EAAA,CACnC,SAAS,CAAO,EAGhC,EADI,GAAS,CAAC,EAAQ,MAAM,CAAK,GAC7B,GAAS,CAAC,EAAQ,MAAM,CAAK,EAErC,CAYA,SAAgB,EAAK,CAAE,QAAO,QAAO,OAAM,YAAkC,CACzE,IAAM,EAAK,EAAA,cAAc,EAEzB,OADK,EAAa,EAAG,QAAS,EAAO,EAAO,EAAM,CAAE,EAC7C,EADuD,IAElE,CAaA,SAAgB,EAAK,CAAE,QAAO,QAAO,OAAM,YAAkC,CACzE,IAAM,EAAK,EAAA,cAAc,EAEzB,OADI,EAAa,EAAG,QAAS,EAAO,EAAO,EAAM,CAAE,EAAU,KACtD,CACX"}
+{"version":3,"file":"Responsive.cjs","names":["useBreakpoint","require_use_breakpoint","shouldRender","only","current","above","helpers","below","Show","bp","children","Hide"],"sources":["../../../src/components/Responsive/Responsive.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { useBreakpoint, type Breakpoint } from \"@/hooks/use-breakpoint\";\n\nexport interface ShowProps {\n    /** Render children only when viewport width is `>=` this breakpoint. */\n    above?: Breakpoint;\n    /** Render children only when viewport width is `<` this breakpoint. */\n    below?: Breakpoint;\n    /** Render only on specific breakpoints. Wins over `above`/`below` when set. */\n    only?: Breakpoint | Breakpoint[];\n    children: ReactNode;\n}\n\nfunction shouldRender(\n    current: Breakpoint,\n    above: Breakpoint | undefined,\n    below: Breakpoint | undefined,\n    only: Breakpoint | Breakpoint[] | undefined,\n    helpers: { above: (bp: Breakpoint) => boolean; below: (bp: Breakpoint) => boolean },\n): boolean {\n    if (only) {\n        const list = Array.isArray(only) ? only : [only];\n        return list.includes(current);\n    }\n    if (above && !helpers.above(above)) return false;\n    if (below && !helpers.below(below)) return false;\n    return true;\n}\n\n/**\n * Conditionally render children based on the viewport breakpoint.\n *\n * - `above` — render when viewport width is `>=` the given breakpoint.\n * - `below` — render when viewport width is `<` the given breakpoint.\n * - `only` — render only on the listed breakpoint(s).\n *\n * SSR-safe: first render uses `xs` (renders mobile content first); the\n * component re-renders once `useBreakpoint` has the real viewport width.\n */\nexport function Show({ above, below, only, children }: ShowProps): ReactNode {\n    const bp = useBreakpoint();\n    if (!shouldRender(bp.current, above, below, only, bp)) return null;\n    return children;\n}\n\nexport interface HideProps {\n    /** Hide children when viewport width is `>=` this breakpoint. */\n    above?: Breakpoint;\n    /** Hide children when viewport width is `<` this breakpoint. */\n    below?: Breakpoint;\n    /** Hide on specific breakpoints. */\n    only?: Breakpoint | Breakpoint[];\n    children: ReactNode;\n}\n\n/** Inverse of `<Show>` — hides children when the condition matches. */\nexport function Hide({ above, below, only, children }: HideProps): ReactNode {\n    const bp = useBreakpoint();\n    if (shouldRender(bp.current, above, below, only, bp)) return null;\n    return children;\n}\n"],"mappings":"A,kDAaA,SAASE,EACL,EACA,EACA,EACA,EACA,EACO,CAOP,OANIC,GACa,MAAM,QAAQA,CAAI,EAAIA,EAAO,CAACA,CAAI,EAAA,CACnC,SAASC,CAAO,EAGhC,EADIC,GAAS,CAACC,EAAQ,MAAMD,CAAK,GAC7BE,GAAS,CAACD,EAAQ,MAAMC,CAAK,EAErC,CAYA,SAAgBC,EAAK,CAAE,QAAO,QAAO,OAAM,YAAkC,CACzE,IAAMC,EAAKT,EAAAA,cAAc,EAEzB,OADKE,EAAaO,EAAG,QAASJ,EAAOE,EAAOJ,EAAMM,CAAE,EAC7CC,EADuD,IAElE,CAaA,SAAgBC,EAAK,CAAE,QAAO,QAAO,OAAM,YAAkC,CACzE,IAAMF,EAAKT,EAAAA,cAAc,EAEzB,OADIE,EAAaO,EAAG,QAASJ,EAAOE,EAAOJ,EAAMM,CAAE,EAAU,KACtDC,CACX,C"}

package/dist/components/Responsive/Responsive.js.map

@@ -1 +1 @@
-{"version":3,"file":"Responsive.js","names":[],"sources":["../../../src/components/Responsive/Responsive.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { useBreakpoint, type Breakpoint } from \"@/hooks/use-breakpoint\";\n\nexport interface ShowProps {\n    /** Render children only when viewport width is `>=` this breakpoint. */\n    above?: Breakpoint;\n    /** Render children only when viewport width is `<` this breakpoint. */\n    below?: Breakpoint;\n    /** Render only on specific breakpoints. Wins over `above`/`below` when set. */\n    only?: Breakpoint | Breakpoint[];\n    children: ReactNode;\n}\n\nfunction shouldRender(\n    current: Breakpoint,\n    above: Breakpoint | undefined,\n    below: Breakpoint | undefined,\n    only: Breakpoint | Breakpoint[] | undefined,\n    helpers: { above: (bp: Breakpoint) => boolean; below: (bp: Breakpoint) => boolean },\n): boolean {\n    if (only) {\n        const list = Array.isArray(only) ? only : [only];\n        return list.includes(current);\n    }\n    if (above && !helpers.above(above)) return false;\n    if (below && !helpers.below(below)) return false;\n    return true;\n}\n\n/**\n * Conditionally render children based on the viewport breakpoint.\n *\n * - `above` — render when viewport width is `>=` the given breakpoint.\n * - `below` — render when viewport width is `<` the given breakpoint.\n * - `only` — render only on the listed breakpoint(s).\n *\n * SSR-safe: first render uses `xs` (renders mobile content first); the\n * component re-renders once `useBreakpoint` has the real viewport width.\n */\nexport function Show({ above, below, only, children }: ShowProps): ReactNode {\n    const bp = useBreakpoint();\n    if (!shouldRender(bp.current, above, below, only, bp)) return null;\n    return children;\n}\n\nexport interface HideProps {\n    /** Hide children when viewport width is `>=` this breakpoint. */\n    above?: Breakpoint;\n    /** Hide children when viewport width is `<` this breakpoint. */\n    below?: Breakpoint;\n    /** Hide on specific breakpoints. */\n    only?: Breakpoint | Breakpoint[];\n    children: ReactNode;\n}\n\n/** Inverse of `<Show>` — hides children when the condition matches. */\nexport function Hide({ above, below, only, children }: HideProps): ReactNode {\n    const bp = useBreakpoint();\n    if (shouldRender(bp.current, above, below, only, bp)) return null;\n    return children;\n}\n"],"mappings":";;AAaA,SAAS,EACL,GACA,GACA,GACA,GACA,GACO;CAOP,OANI,KACa,MAAM,QAAQ,CAAI,IAAI,IAAO,CAAC,CAAI,EAAA,CACnC,SAAS,CAAO,IAGhC,EADI,KAAS,CAAC,EAAQ,MAAM,CAAK,KAC7B,KAAS,CAAC,EAAQ,MAAM,CAAK;AAErC;AAYA,SAAgB,EAAK,EAAE,UAAO,UAAO,SAAM,eAAkC;CACzE,IAAM,IAAK,EAAc;CAEzB,OADK,EAAa,EAAG,SAAS,GAAO,GAAO,GAAM,CAAE,IAC7C,IADuD;AAElE;AAaA,SAAgB,EAAK,EAAE,UAAO,UAAO,SAAM,eAAkC;CACzE,IAAM,IAAK,EAAc;CAEzB,OADI,EAAa,EAAG,SAAS,GAAO,GAAO,GAAM,CAAE,IAAU,OACtD;AACX"}
+{"version":3,"file":"Responsive.js","names":["shouldRender","only","current","above","helpers","below","Show","bp","useBreakpoint","children","Hide"],"sources":["../../../src/components/Responsive/Responsive.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { useBreakpoint, type Breakpoint } from \"@/hooks/use-breakpoint\";\n\nexport interface ShowProps {\n    /** Render children only when viewport width is `>=` this breakpoint. */\n    above?: Breakpoint;\n    /** Render children only when viewport width is `<` this breakpoint. */\n    below?: Breakpoint;\n    /** Render only on specific breakpoints. Wins over `above`/`below` when set. */\n    only?: Breakpoint | Breakpoint[];\n    children: ReactNode;\n}\n\nfunction shouldRender(\n    current: Breakpoint,\n    above: Breakpoint | undefined,\n    below: Breakpoint | undefined,\n    only: Breakpoint | Breakpoint[] | undefined,\n    helpers: { above: (bp: Breakpoint) => boolean; below: (bp: Breakpoint) => boolean },\n): boolean {\n    if (only) {\n        const list = Array.isArray(only) ? only : [only];\n        return list.includes(current);\n    }\n    if (above && !helpers.above(above)) return false;\n    if (below && !helpers.below(below)) return false;\n    return true;\n}\n\n/**\n * Conditionally render children based on the viewport breakpoint.\n *\n * - `above` — render when viewport width is `>=` the given breakpoint.\n * - `below` — render when viewport width is `<` the given breakpoint.\n * - `only` — render only on the listed breakpoint(s).\n *\n * SSR-safe: first render uses `xs` (renders mobile content first); the\n * component re-renders once `useBreakpoint` has the real viewport width.\n */\nexport function Show({ above, below, only, children }: ShowProps): ReactNode {\n    const bp = useBreakpoint();\n    if (!shouldRender(bp.current, above, below, only, bp)) return null;\n    return children;\n}\n\nexport interface HideProps {\n    /** Hide children when viewport width is `>=` this breakpoint. */\n    above?: Breakpoint;\n    /** Hide children when viewport width is `<` this breakpoint. */\n    below?: Breakpoint;\n    /** Hide on specific breakpoints. */\n    only?: Breakpoint | Breakpoint[];\n    children: ReactNode;\n}\n\n/** Inverse of `<Show>` — hides children when the condition matches. */\nexport function Hide({ above, below, only, children }: HideProps): ReactNode {\n    const bp = useBreakpoint();\n    if (shouldRender(bp.current, above, below, only, bp)) return null;\n    return children;\n}\n"],"mappings":";;AAaA,SAASA,EACL,GACA,GACA,GACA,GACA,GACO;CAOP,OANIC,KACa,MAAM,QAAQA,CAAI,IAAIA,IAAO,CAACA,CAAI,EAAA,CACnC,SAASC,CAAO,IAGhC,EADIC,KAAS,CAACC,EAAQ,MAAMD,CAAK,KAC7BE,KAAS,CAACD,EAAQ,MAAMC,CAAK;AAErC;AAYA,SAAgBC,EAAK,EAAE,UAAO,UAAO,SAAM,eAAkC;CACzE,IAAMC,IAAKC,EAAc;CAEzB,OADKR,EAAaO,EAAG,SAASJ,GAAOE,GAAOJ,GAAMM,CAAE,IAC7CE,IADuD;AAElE;AAaA,SAAgBC,EAAK,EAAE,UAAO,UAAO,SAAM,eAAkC;CACzE,IAAMH,IAAKC,EAAc;CAEzB,OADIR,EAAaO,EAAG,SAASJ,GAAOE,GAAOJ,GAAMM,CAAE,IAAU,OACtDE;AACX"}

package/dist/components/Reveal/Reveal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Reveal.cjs","names":[],"sources":["../../../src/components/Reveal/Reveal.tsx"],"sourcesContent":["import type { CSSProperties, ElementType, HTMLAttributes, JSX, RefObject } from \"react\";\nimport { useEffect, useRef, useState, useSyncExternalStore } from \"react\";\nimport { useIntersectionObserver } from \"@/hooks/use-intersection-observer\";\nimport { cn } from \"@/utils/cn\";\nimport { RATIO_EPSILON, effectiveThreshold } from \"./reveal-threshold\";\nimport styles from \"./Reveal.module.css\";\n\n/** Direction the content travels from, or `\"fade\"` / `\"scale\"` for no travel. */\nexport type RevealVariant = \"fade\" | \"up\" | \"down\" | \"left\" | \"right\" | \"scale\";\n\n/** Visual state written to `data-state`. */\nexport type RevealState = \"static\" | \"hidden\" | \"shown\";\n\nexport interface RevealProps extends HTMLAttributes<HTMLElement> {\n    /** Intrinsic element to render, e.g. `\"li\"` inside a list. Defaults to `\"div\"`. */\n    as?: keyof JSX.IntrinsicElements;\n    /** How the content enters. Defaults to `\"up\"`. */\n    variant?: RevealVariant;\n    /** Wait before the entrance starts, in ms. Stagger siblings with `index * step`. */\n    delay?: number;\n    /** Length of the entrance, in ms. Defaults to `--tempest-duration-slower`. */\n    duration?: number;\n    /** Reveal once and stop observing. With `false`, it hides again once fully out of view. Defaults to `true`. */\n    once?: boolean;\n    /**\n     * Fraction of the element — or of the viewport, when the element is taller\n     * than it — that must be visible to reveal. Defaults to `0.15`.\n     */\n    threshold?: number;\n    /** Margin around the root, as in `IntersectionObserver`. Defaults to `\"0px\"`. */\n    rootMargin?: string;\n}\n\n/** A ref that never points at an element, used to switch the observer off. */\nconst DETACHED: RefObject<Element | null> = { current: null };\n\n/**\n * Subscribe function for a snapshot that never changes after mount.\n *\n * @returns A no-op unsubscribe.\n */\nfunction subscribeNever(): () => void {\n    return () => undefined;\n}\n\n/**\n * Whether this environment can observe intersections.\n *\n * @returns `true` when `IntersectionObserver` exists.\n */\nfunction canObserve(): boolean {\n    return typeof IntersectionObserver !== \"undefined\";\n}\n\n/**\n * Server snapshot: never hide content that was rendered without JavaScript.\n *\n * @returns Always `false`.\n */\nfunction cannotObserve(): boolean {\n    return false;\n}\n\n/**\n * Animate content into view the first time it is scrolled to.\n *\n * The three failure modes of a hand-rolled version are handled here, not left to\n * the docs:\n *\n * - **Reduced motion.** Under `prefers-reduced-motion: reduce` the stylesheet\n *   pins the element visible with no transform and no transition, whatever\n *   state it is in — so the setting also wins when it changes mid-session.\n * - **No `IntersectionObserver`** (old engines, some crawlers, tests): the\n *   element stays in the `\"static\"` state, which is plain visible content. It is\n *   never hidden waiting for an observation that cannot come.\n * - **Taller than the viewport.** A box three viewports tall never reaches a\n *   ratio of 0.5, so a raw observer with that threshold never reveals it. The\n *   threshold is rescaled by the highest ratio the element can reach (see\n *   `effectiveThreshold`), read from the first observation.\n *\n * Content is hidden only when the client can observe: the server snapshot of\n * `useSyncExternalStore` is `\"static\"`, so markup rendered without JavaScript —\n * or before hydration — is visible. The transition is declared on the `\"shown\"`\n * state only, so the switch to `\"hidden\"` on mount is instant instead of a\n * fade-out, and with `once={false}` leaving the viewport hides without motion.\n *\n * With `once={false}` the element hides only once it is fully out of view. Hiding\n * on the threshold would oscillate: the hidden state translates the box, which\n * moves it back across the same threshold.\n *\n * @example\n * <ul>\n *   {steps.map((step, index) => (\n *     <Reveal key={step.id} as=\"li\" delay={index * 80}>\n *       {step.title}\n *     </Reveal>\n *   ))}\n * </ul>\n */\nexport function Reveal({\n    as = \"div\",\n    variant = \"up\",\n    delay,\n    duration,\n    once = true,\n    threshold = 0.15,\n    rootMargin = \"0px\",\n    className,\n    style,\n    children,\n    ...props\n}: RevealProps) {\n    const ref = useRef<HTMLElement>(null);\n    const observable = useSyncExternalStore(subscribeNever, canObserve, cannotObserve);\n    const [shown, setShown] = useState<boolean>(false);\n    const [rescaled, setRescaled] = useState<{ requested: number; value: number }>({\n        requested: threshold,\n        value: threshold,\n    });\n    const observeAt = rescaled.requested === threshold ? rescaled.value : threshold;\n    const settled = once && shown;\n\n    const entry = useIntersectionObserver(observable && !settled ? ref : DETACHED, {\n        rootMargin,\n        threshold: observeAt,\n    });\n\n    useEffect(() => {\n        if (!entry) return;\n        const target = effectiveThreshold(threshold, entry);\n        if (Math.abs(target - observeAt) > RATIO_EPSILON) {\n            setRescaled({ requested: threshold, value: target });\n        }\n        if (entry.isIntersecting && entry.intersectionRatio + RATIO_EPSILON >= target) {\n            setShown(true);\n        } else if (!once && !entry.isIntersecting) {\n            setShown(false);\n        }\n    }, [entry, threshold, observeAt, once]);\n\n    const state: RevealState = !observable ? \"static\" : shown ? \"shown\" : \"hidden\";\n    const timing: Record<string, string> = {};\n    if (delay !== undefined) timing[\"--tempest-reveal-delay\"] = `${delay}ms`;\n    if (duration !== undefined) timing[\"--tempest-reveal-duration\"] = `${duration}ms`;\n\n    const Tag = as as ElementType;\n\n    return (\n        <Tag\n            {...props}\n            ref={ref}\n            className={cn(styles.reveal, className)}\n            style={{ ...timing, ...style } as CSSProperties}\n            data-state={state}\n            data-variant={variant}\n        >\n            {children}\n        </Tag>\n    );\n}\n"],"mappings":"wNAkCA,IAAM,EAAsC,CAAE,QAAS,IAAK,EAO5D,SAAS,GAA6B,CAClC,UAAa,IAAA,EACjB,CAOA,SAAS,GAAsB,CAC3B,OAAO,OAAO,qBAAyB,GAC3C,CAOA,SAAS,GAAyB,CAC9B,MAAO,EACX,CAsCA,SAAgB,EAAO,CACnB,KAAK,MACL,UAAU,KACV,QACA,WACA,OAAO,GACP,YAAY,IACZ,aAAa,MACb,YACA,QACA,WACA,GAAG,GACS,CACZ,IAAM,GAAA,EAAM,EAAA,OAAA,CAAoB,IAAI,EAC9B,GAAA,EAAa,EAAA,qBAAA,CAAqB,EAAgB,EAAY,CAAa,EAC3E,CAAC,EAAO,IAAA,EAAY,EAAA,SAAA,CAAkB,EAAK,EAC3C,CAAC,EAAU,IAAA,EAAe,EAAA,SAAA,CAA+C,CAC3E,UAAW,EACX,MAAO,CACX,CAAC,EACK,EAAY,EAAS,YAAc,EAAY,EAAS,MAAQ,EAGhE,EAAQ,EAAA,wBAAwB,GAAc,EAFpC,GAAQ,GAEuC,EAAM,EAAU,CAC3E,aACA,UAAW,CACf,CAAC,GAED,EAAA,EAAA,UAAA,KAAgB,CACZ,GAAI,CAAC,EAAO,OACZ,IAAM,EAAS,EAAA,mBAAmB,EAAW,CAAK,EAC9C,KAAK,IAAI,EAAS,CAAS,EAAA,MAC3B,EAAY,CAAE,UAAW,EAAW,MAAO,CAAO,CAAC,EAEnD,EAAM,gBAAkB,EAAM,kBAAA,MAAqC,EACnE,EAAS,EAAI,EACN,CAAC,GAAQ,CAAC,EAAM,gBACvB,EAAS,EAAK,CAEtB,EAAG,CAAC,EAAO,EAAW,EAAW,CAAI,CAAC,EAEtC,IAAM,EAAsB,EAAwB,EAAQ,QAAU,SAA7B,SACnC,EAAiC,CAAC,EAMxC,OALI,IAAU,IAAA,KAAW,EAAO,0BAA4B,GAAG,EAAM,KACjE,IAAa,IAAA,KAAW,EAAO,6BAA+B,GAAG,EAAS,MAK1E,EAAA,EAAA,IAAA,CAAC,EAAD,CACI,GAAI,EACC,MACL,UAAW,EAAA,GAAG,EAAA,QAAO,OAAQ,CAAS,EACtC,MAAO,CAAE,GAAG,EAAQ,GAAG,CAAM,EAC7B,aAAY,EACZ,eAAc,EAEb,UACA,CAAA,CAEb"}
+{"version":3,"file":"Reveal.cjs","names":["useRef","useSyncExternalStore","useState","useIntersectionObserver","effectiveThreshold","Tag","cn","styles","require_cn","require_use_intersection_observer","require_reveal_threshold","require_Reveal_module","react","react_jsx_runtime","DETACHED","subscribeNever","canObserve","cannotObserve","Reveal","props","ref","observable","shown","setShown","rescaled","setRescaled","threshold","observeAt","entry","once","target","state","timing","delay","duration","as","className","style","variant"],"sources":["../../../src/components/Reveal/Reveal.tsx"],"sourcesContent":["import type { CSSProperties, ElementType, HTMLAttributes, JSX, RefObject } from \"react\";\nimport { useEffect, useRef, useState, useSyncExternalStore } from \"react\";\nimport { useIntersectionObserver } from \"@/hooks/use-intersection-observer\";\nimport { cn } from \"@/utils/cn\";\nimport { RATIO_EPSILON, effectiveThreshold } from \"./reveal-threshold\";\nimport styles from \"./Reveal.module.css\";\n\n/** Direction the content travels from, or `\"fade\"` / `\"scale\"` for no travel. */\nexport type RevealVariant = \"fade\" | \"up\" | \"down\" | \"left\" | \"right\" | \"scale\";\n\n/** Visual state written to `data-state`. */\nexport type RevealState = \"static\" | \"hidden\" | \"shown\";\n\nexport interface RevealProps extends HTMLAttributes<HTMLElement> {\n    /** Intrinsic element to render, e.g. `\"li\"` inside a list. Defaults to `\"div\"`. */\n    as?: keyof JSX.IntrinsicElements;\n    /** How the content enters. Defaults to `\"up\"`. */\n    variant?: RevealVariant;\n    /** Wait before the entrance starts, in ms. Stagger siblings with `index * step`. */\n    delay?: number;\n    /** Length of the entrance, in ms. Defaults to `--tempest-duration-slower`. */\n    duration?: number;\n    /** Reveal once and stop observing. With `false`, it hides again once fully out of view. Defaults to `true`. */\n    once?: boolean;\n    /**\n     * Fraction of the element — or of the viewport, when the element is taller\n     * than it — that must be visible to reveal. Defaults to `0.15`.\n     */\n    threshold?: number;\n    /** Margin around the root, as in `IntersectionObserver`. Defaults to `\"0px\"`. */\n    rootMargin?: string;\n}\n\n/** A ref that never points at an element, used to switch the observer off. */\nconst DETACHED: RefObject<Element | null> = { current: null };\n\n/**\n * Subscribe function for a snapshot that never changes after mount.\n *\n * @returns A no-op unsubscribe.\n */\nfunction subscribeNever(): () => void {\n    return () => undefined;\n}\n\n/**\n * Whether this environment can observe intersections.\n *\n * @returns `true` when `IntersectionObserver` exists.\n */\nfunction canObserve(): boolean {\n    return typeof IntersectionObserver !== \"undefined\";\n}\n\n/**\n * Server snapshot: never hide content that was rendered without JavaScript.\n *\n * @returns Always `false`.\n */\nfunction cannotObserve(): boolean {\n    return false;\n}\n\n/**\n * Animate content into view the first time it is scrolled to.\n *\n * The three failure modes of a hand-rolled version are handled here, not left to\n * the docs:\n *\n * - **Reduced motion.** Under `prefers-reduced-motion: reduce` the stylesheet\n *   pins the element visible with no transform and no transition, whatever\n *   state it is in — so the setting also wins when it changes mid-session.\n * - **No `IntersectionObserver`** (old engines, some crawlers, tests): the\n *   element stays in the `\"static\"` state, which is plain visible content. It is\n *   never hidden waiting for an observation that cannot come.\n * - **Taller than the viewport.** A box three viewports tall never reaches a\n *   ratio of 0.5, so a raw observer with that threshold never reveals it. The\n *   threshold is rescaled by the highest ratio the element can reach (see\n *   `effectiveThreshold`), read from the first observation.\n *\n * Content is hidden only when the client can observe: the server snapshot of\n * `useSyncExternalStore` is `\"static\"`, so markup rendered without JavaScript —\n * or before hydration — is visible. The transition is declared on the `\"shown\"`\n * state only, so the switch to `\"hidden\"` on mount is instant instead of a\n * fade-out, and with `once={false}` leaving the viewport hides without motion.\n *\n * With `once={false}` the element hides only once it is fully out of view. Hiding\n * on the threshold would oscillate: the hidden state translates the box, which\n * moves it back across the same threshold.\n *\n * @example\n * <ul>\n *   {steps.map((step, index) => (\n *     <Reveal key={step.id} as=\"li\" delay={index * 80}>\n *       {step.title}\n *     </Reveal>\n *   ))}\n * </ul>\n */\nexport function Reveal({\n    as = \"div\",\n    variant = \"up\",\n    delay,\n    duration,\n    once = true,\n    threshold = 0.15,\n    rootMargin = \"0px\",\n    className,\n    style,\n    children,\n    ...props\n}: RevealProps) {\n    const ref = useRef<HTMLElement>(null);\n    const observable = useSyncExternalStore(subscribeNever, canObserve, cannotObserve);\n    const [shown, setShown] = useState<boolean>(false);\n    const [rescaled, setRescaled] = useState<{ requested: number; value: number }>({\n        requested: threshold,\n        value: threshold,\n    });\n    const observeAt = rescaled.requested === threshold ? rescaled.value : threshold;\n    const settled = once && shown;\n\n    const entry = useIntersectionObserver(observable && !settled ? ref : DETACHED, {\n        rootMargin,\n        threshold: observeAt,\n    });\n\n    useEffect(() => {\n        if (!entry) return;\n        const target = effectiveThreshold(threshold, entry);\n        if (Math.abs(target - observeAt) > RATIO_EPSILON) {\n            setRescaled({ requested: threshold, value: target });\n        }\n        if (entry.isIntersecting && entry.intersectionRatio + RATIO_EPSILON >= target) {\n            setShown(true);\n        } else if (!once && !entry.isIntersecting) {\n            setShown(false);\n        }\n    }, [entry, threshold, observeAt, once]);\n\n    const state: RevealState = !observable ? \"static\" : shown ? \"shown\" : \"hidden\";\n    const timing: Record<string, string> = {};\n    if (delay !== undefined) timing[\"--tempest-reveal-delay\"] = `${delay}ms`;\n    if (duration !== undefined) timing[\"--tempest-reveal-duration\"] = `${duration}ms`;\n\n    const Tag = as as ElementType;\n\n    return (\n        <Tag\n            {...props}\n            ref={ref}\n            className={cn(styles.reveal, className)}\n            style={{ ...timing, ...style } as CSSProperties}\n            data-state={state}\n            data-variant={variant}\n        >\n            {children}\n        </Tag>\n    );\n}\n"],"mappings":"A,wNAkCA,IAAMc,EAAsC,CAAE,QAAS,IAAK,EAO5D,SAASC,GAA6B,CAClC,UAAa,IAAA,EACjB,CAOA,SAASC,GAAsB,CAC3B,OAAO,OAAO,qBAAyB,GAC3C,CAOA,SAASC,GAAyB,CAC9B,MAAO,EACX,CAsCA,SAAgBC,EAAO,CACnB,KAAK,MACL,UAAU,KACV,QACA,WACA,OAAO,GACP,YAAY,IACZ,aAAa,MACb,YACA,QACA,WACA,GAAGC,GACS,CACZ,IAAMC,GAAA,EAAMpB,EAAAA,OAAAA,CAAoB,IAAI,EAC9BqB,GAAA,EAAapB,EAAAA,qBAAAA,CAAqBc,EAAgBC,EAAYC,CAAa,EAC3E,CAACK,EAAOC,IAAA,EAAYrB,EAAAA,SAAAA,CAAkB,EAAK,EAC3C,CAACsB,EAAUC,IAAA,EAAevB,EAAAA,SAAAA,CAA+C,CAC3E,UAAWwB,EACX,MAAOA,CACX,CAAC,EACKC,EAAYH,EAAS,YAAcE,EAAYF,EAAS,MAAQE,EAGhEE,EAAQzB,EAAAA,wBAAwBkB,GAAc,EAFpCQ,GAAQP,GAEuCF,EAAMN,EAAU,CAC3E,aACA,UAAWa,CACf,CAAC,GAED,EAAAf,EAAA,UAAA,KAAgB,CACZ,GAAI,CAACgB,EAAO,OACZ,IAAME,EAAS1B,EAAAA,mBAAmBsB,EAAWE,CAAK,EAC9C,KAAK,IAAIE,EAASH,CAAS,EAAA,MAC3BF,EAAY,CAAE,UAAWC,EAAW,MAAOI,CAAO,CAAC,EAEnDF,EAAM,gBAAkBA,EAAM,kBAAA,MAAqCE,EACnEP,EAAS,EAAI,EACN,CAACM,GAAQ,CAACD,EAAM,gBACvBL,EAAS,EAAK,CAEtB,EAAG,CAACK,EAAOF,EAAWC,EAAWE,CAAI,CAAC,EAEtC,IAAME,EAAsBV,EAAwBC,EAAQ,QAAU,SAA7B,SACnCU,EAAiC,CAAC,EAMxC,OALIC,IAAU,IAAA,KAAW,EAAO,0BAA4B,GAAGA,EAAM,KACjEC,IAAa,IAAA,KAAW,EAAO,6BAA+B,GAAGA,EAAS,MAK1E,EAAArB,EAAA,IAAA,CAACR,EAAD,CACI,GAAIc,EACC,MACL,UAAWb,EAAAA,GAAGC,EAAAA,QAAO,OAAQ6B,CAAS,EACtC,MAAO,CAAE,GAAGJ,EAAQ,GAAGK,CAAM,EAC7B,aAAYN,EACZ,eAAcO,EAEb,UACA,CAAA,CAEb,C"}

package/dist/components/Reveal/Reveal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Reveal.js","names":[],"sources":["../../../src/components/Reveal/Reveal.tsx"],"sourcesContent":["import type { CSSProperties, ElementType, HTMLAttributes, JSX, RefObject } from \"react\";\nimport { useEffect, useRef, useState, useSyncExternalStore } from \"react\";\nimport { useIntersectionObserver } from \"@/hooks/use-intersection-observer\";\nimport { cn } from \"@/utils/cn\";\nimport { RATIO_EPSILON, effectiveThreshold } from \"./reveal-threshold\";\nimport styles from \"./Reveal.module.css\";\n\n/** Direction the content travels from, or `\"fade\"` / `\"scale\"` for no travel. */\nexport type RevealVariant = \"fade\" | \"up\" | \"down\" | \"left\" | \"right\" | \"scale\";\n\n/** Visual state written to `data-state`. */\nexport type RevealState = \"static\" | \"hidden\" | \"shown\";\n\nexport interface RevealProps extends HTMLAttributes<HTMLElement> {\n    /** Intrinsic element to render, e.g. `\"li\"` inside a list. Defaults to `\"div\"`. */\n    as?: keyof JSX.IntrinsicElements;\n    /** How the content enters. Defaults to `\"up\"`. */\n    variant?: RevealVariant;\n    /** Wait before the entrance starts, in ms. Stagger siblings with `index * step`. */\n    delay?: number;\n    /** Length of the entrance, in ms. Defaults to `--tempest-duration-slower`. */\n    duration?: number;\n    /** Reveal once and stop observing. With `false`, it hides again once fully out of view. Defaults to `true`. */\n    once?: boolean;\n    /**\n     * Fraction of the element — or of the viewport, when the element is taller\n     * than it — that must be visible to reveal. Defaults to `0.15`.\n     */\n    threshold?: number;\n    /** Margin around the root, as in `IntersectionObserver`. Defaults to `\"0px\"`. */\n    rootMargin?: string;\n}\n\n/** A ref that never points at an element, used to switch the observer off. */\nconst DETACHED: RefObject<Element | null> = { current: null };\n\n/**\n * Subscribe function for a snapshot that never changes after mount.\n *\n * @returns A no-op unsubscribe.\n */\nfunction subscribeNever(): () => void {\n    return () => undefined;\n}\n\n/**\n * Whether this environment can observe intersections.\n *\n * @returns `true` when `IntersectionObserver` exists.\n */\nfunction canObserve(): boolean {\n    return typeof IntersectionObserver !== \"undefined\";\n}\n\n/**\n * Server snapshot: never hide content that was rendered without JavaScript.\n *\n * @returns Always `false`.\n */\nfunction cannotObserve(): boolean {\n    return false;\n}\n\n/**\n * Animate content into view the first time it is scrolled to.\n *\n * The three failure modes of a hand-rolled version are handled here, not left to\n * the docs:\n *\n * - **Reduced motion.** Under `prefers-reduced-motion: reduce` the stylesheet\n *   pins the element visible with no transform and no transition, whatever\n *   state it is in — so the setting also wins when it changes mid-session.\n * - **No `IntersectionObserver`** (old engines, some crawlers, tests): the\n *   element stays in the `\"static\"` state, which is plain visible content. It is\n *   never hidden waiting for an observation that cannot come.\n * - **Taller than the viewport.** A box three viewports tall never reaches a\n *   ratio of 0.5, so a raw observer with that threshold never reveals it. The\n *   threshold is rescaled by the highest ratio the element can reach (see\n *   `effectiveThreshold`), read from the first observation.\n *\n * Content is hidden only when the client can observe: the server snapshot of\n * `useSyncExternalStore` is `\"static\"`, so markup rendered without JavaScript —\n * or before hydration — is visible. The transition is declared on the `\"shown\"`\n * state only, so the switch to `\"hidden\"` on mount is instant instead of a\n * fade-out, and with `once={false}` leaving the viewport hides without motion.\n *\n * With `once={false}` the element hides only once it is fully out of view. Hiding\n * on the threshold would oscillate: the hidden state translates the box, which\n * moves it back across the same threshold.\n *\n * @example\n * <ul>\n *   {steps.map((step, index) => (\n *     <Reveal key={step.id} as=\"li\" delay={index * 80}>\n *       {step.title}\n *     </Reveal>\n *   ))}\n * </ul>\n */\nexport function Reveal({\n    as = \"div\",\n    variant = \"up\",\n    delay,\n    duration,\n    once = true,\n    threshold = 0.15,\n    rootMargin = \"0px\",\n    className,\n    style,\n    children,\n    ...props\n}: RevealProps) {\n    const ref = useRef<HTMLElement>(null);\n    const observable = useSyncExternalStore(subscribeNever, canObserve, cannotObserve);\n    const [shown, setShown] = useState<boolean>(false);\n    const [rescaled, setRescaled] = useState<{ requested: number; value: number }>({\n        requested: threshold,\n        value: threshold,\n    });\n    const observeAt = rescaled.requested === threshold ? rescaled.value : threshold;\n    const settled = once && shown;\n\n    const entry = useIntersectionObserver(observable && !settled ? ref : DETACHED, {\n        rootMargin,\n        threshold: observeAt,\n    });\n\n    useEffect(() => {\n        if (!entry) return;\n        const target = effectiveThreshold(threshold, entry);\n        if (Math.abs(target - observeAt) > RATIO_EPSILON) {\n            setRescaled({ requested: threshold, value: target });\n        }\n        if (entry.isIntersecting && entry.intersectionRatio + RATIO_EPSILON >= target) {\n            setShown(true);\n        } else if (!once && !entry.isIntersecting) {\n            setShown(false);\n        }\n    }, [entry, threshold, observeAt, once]);\n\n    const state: RevealState = !observable ? \"static\" : shown ? \"shown\" : \"hidden\";\n    const timing: Record<string, string> = {};\n    if (delay !== undefined) timing[\"--tempest-reveal-delay\"] = `${delay}ms`;\n    if (duration !== undefined) timing[\"--tempest-reveal-duration\"] = `${duration}ms`;\n\n    const Tag = as as ElementType;\n\n    return (\n        <Tag\n            {...props}\n            ref={ref}\n            className={cn(styles.reveal, className)}\n            style={{ ...timing, ...style } as CSSProperties}\n            data-state={state}\n            data-variant={variant}\n        >\n            {children}\n        </Tag>\n    );\n}\n"],"mappings":";;;;;;;AAkCA,IAAM,IAAsC,EAAE,SAAS,KAAK;AAO5D,SAAS,IAA6B;CAClC,aAAa,KAAA;AACjB;AAOA,SAAS,IAAsB;CAC3B,OAAO,OAAO,uBAAyB;AAC3C;AAOA,SAAS,IAAyB;CAC9B,OAAO;AACX;AAsCA,SAAgB,EAAO,EACnB,QAAK,OACL,aAAU,MACV,UACA,aACA,UAAO,IACP,eAAY,KACZ,gBAAa,OACb,cACA,UACA,aACA,GAAG,KACS;CACZ,IAAM,IAAM,EAAoB,IAAI,GAC9B,IAAa,EAAqB,GAAgB,GAAY,CAAa,GAC3E,CAAC,GAAO,KAAY,EAAkB,EAAK,GAC3C,CAAC,GAAU,KAAe,EAA+C;EAC3E,WAAW;EACX,OAAO;CACX,CAAC,GACK,IAAY,EAAS,cAAc,IAAY,EAAS,QAAQ,GAGhE,IAAQ,EAAwB,KAAc,EAFpC,KAAQ,KAEuC,IAAM,GAAU;EAC3E;EACA,WAAW;CACf,CAAC;CAED,QAAgB;EACZ,IAAI,CAAC,GAAO;EACZ,IAAM,IAAS,EAAmB,GAAW,CAAK;EAIlD,AAHI,KAAK,IAAI,IAAS,CAAS,IAAA,QAC3B,EAAY;GAAE,WAAW;GAAW,OAAO;EAAO,CAAC,GAEnD,EAAM,kBAAkB,EAAM,oBAAA,QAAqC,IACnE,EAAS,EAAI,IACN,CAAC,KAAQ,CAAC,EAAM,kBACvB,EAAS,EAAK;CAEtB,GAAG;EAAC;EAAO;EAAW;EAAW;CAAI,CAAC;CAEtC,IAAM,IAAsB,IAAwB,IAAQ,UAAU,WAA7B,UACnC,IAAiC,CAAC;CAMxC,OALI,MAAU,KAAA,MAAW,EAAO,4BAA4B,GAAG,EAAM,MACjE,MAAa,KAAA,MAAW,EAAO,+BAA+B,GAAG,EAAS,MAK1E,kBAAC,GAAD;EACI,GAAI;EACC;EACL,WAAW,EAAG,EAAO,QAAQ,CAAS;EACtC,OAAO;GAAE,GAAG;GAAQ,GAAG;EAAM;EAC7B,cAAY;EACZ,gBAAc;EAEb;CACA,CAAA;AAEb"}
+{"version":3,"file":"Reveal.js","names":["Tag","styles","Reveal_module_default","DETACHED","subscribeNever","canObserve","cannotObserve","Reveal","props","ref","useRef","observable","useSyncExternalStore","shown","setShown","useState","rescaled","setRescaled","threshold","observeAt","entry","useIntersectionObserver","once","target","effectiveThreshold","state","timing","delay","duration","as","cn","className","style","variant"],"sources":["../../../src/components/Reveal/Reveal.tsx"],"sourcesContent":["import type { CSSProperties, ElementType, HTMLAttributes, JSX, RefObject } from \"react\";\nimport { useEffect, useRef, useState, useSyncExternalStore } from \"react\";\nimport { useIntersectionObserver } from \"@/hooks/use-intersection-observer\";\nimport { cn } from \"@/utils/cn\";\nimport { RATIO_EPSILON, effectiveThreshold } from \"./reveal-threshold\";\nimport styles from \"./Reveal.module.css\";\n\n/** Direction the content travels from, or `\"fade\"` / `\"scale\"` for no travel. */\nexport type RevealVariant = \"fade\" | \"up\" | \"down\" | \"left\" | \"right\" | \"scale\";\n\n/** Visual state written to `data-state`. */\nexport type RevealState = \"static\" | \"hidden\" | \"shown\";\n\nexport interface RevealProps extends HTMLAttributes<HTMLElement> {\n    /** Intrinsic element to render, e.g. `\"li\"` inside a list. Defaults to `\"div\"`. */\n    as?: keyof JSX.IntrinsicElements;\n    /** How the content enters. Defaults to `\"up\"`. */\n    variant?: RevealVariant;\n    /** Wait before the entrance starts, in ms. Stagger siblings with `index * step`. */\n    delay?: number;\n    /** Length of the entrance, in ms. Defaults to `--tempest-duration-slower`. */\n    duration?: number;\n    /** Reveal once and stop observing. With `false`, it hides again once fully out of view. Defaults to `true`. */\n    once?: boolean;\n    /**\n     * Fraction of the element — or of the viewport, when the element is taller\n     * than it — that must be visible to reveal. Defaults to `0.15`.\n     */\n    threshold?: number;\n    /** Margin around the root, as in `IntersectionObserver`. Defaults to `\"0px\"`. */\n    rootMargin?: string;\n}\n\n/** A ref that never points at an element, used to switch the observer off. */\nconst DETACHED: RefObject<Element | null> = { current: null };\n\n/**\n * Subscribe function for a snapshot that never changes after mount.\n *\n * @returns A no-op unsubscribe.\n */\nfunction subscribeNever(): () => void {\n    return () => undefined;\n}\n\n/**\n * Whether this environment can observe intersections.\n *\n * @returns `true` when `IntersectionObserver` exists.\n */\nfunction canObserve(): boolean {\n    return typeof IntersectionObserver !== \"undefined\";\n}\n\n/**\n * Server snapshot: never hide content that was rendered without JavaScript.\n *\n * @returns Always `false`.\n */\nfunction cannotObserve(): boolean {\n    return false;\n}\n\n/**\n * Animate content into view the first time it is scrolled to.\n *\n * The three failure modes of a hand-rolled version are handled here, not left to\n * the docs:\n *\n * - **Reduced motion.** Under `prefers-reduced-motion: reduce` the stylesheet\n *   pins the element visible with no transform and no transition, whatever\n *   state it is in — so the setting also wins when it changes mid-session.\n * - **No `IntersectionObserver`** (old engines, some crawlers, tests): the\n *   element stays in the `\"static\"` state, which is plain visible content. It is\n *   never hidden waiting for an observation that cannot come.\n * - **Taller than the viewport.** A box three viewports tall never reaches a\n *   ratio of 0.5, so a raw observer with that threshold never reveals it. The\n *   threshold is rescaled by the highest ratio the element can reach (see\n *   `effectiveThreshold`), read from the first observation.\n *\n * Content is hidden only when the client can observe: the server snapshot of\n * `useSyncExternalStore` is `\"static\"`, so markup rendered without JavaScript —\n * or before hydration — is visible. The transition is declared on the `\"shown\"`\n * state only, so the switch to `\"hidden\"` on mount is instant instead of a\n * fade-out, and with `once={false}` leaving the viewport hides without motion.\n *\n * With `once={false}` the element hides only once it is fully out of view. Hiding\n * on the threshold would oscillate: the hidden state translates the box, which\n * moves it back across the same threshold.\n *\n * @example\n * <ul>\n *   {steps.map((step, index) => (\n *     <Reveal key={step.id} as=\"li\" delay={index * 80}>\n *       {step.title}\n *     </Reveal>\n *   ))}\n * </ul>\n */\nexport function Reveal({\n    as = \"div\",\n    variant = \"up\",\n    delay,\n    duration,\n    once = true,\n    threshold = 0.15,\n    rootMargin = \"0px\",\n    className,\n    style,\n    children,\n    ...props\n}: RevealProps) {\n    const ref = useRef<HTMLElement>(null);\n    const observable = useSyncExternalStore(subscribeNever, canObserve, cannotObserve);\n    const [shown, setShown] = useState<boolean>(false);\n    const [rescaled, setRescaled] = useState<{ requested: number; value: number }>({\n        requested: threshold,\n        value: threshold,\n    });\n    const observeAt = rescaled.requested === threshold ? rescaled.value : threshold;\n    const settled = once && shown;\n\n    const entry = useIntersectionObserver(observable && !settled ? ref : DETACHED, {\n        rootMargin,\n        threshold: observeAt,\n    });\n\n    useEffect(() => {\n        if (!entry) return;\n        const target = effectiveThreshold(threshold, entry);\n        if (Math.abs(target - observeAt) > RATIO_EPSILON) {\n            setRescaled({ requested: threshold, value: target });\n        }\n        if (entry.isIntersecting && entry.intersectionRatio + RATIO_EPSILON >= target) {\n            setShown(true);\n        } else if (!once && !entry.isIntersecting) {\n            setShown(false);\n        }\n    }, [entry, threshold, observeAt, once]);\n\n    const state: RevealState = !observable ? \"static\" : shown ? \"shown\" : \"hidden\";\n    const timing: Record<string, string> = {};\n    if (delay !== undefined) timing[\"--tempest-reveal-delay\"] = `${delay}ms`;\n    if (duration !== undefined) timing[\"--tempest-reveal-duration\"] = `${duration}ms`;\n\n    const Tag = as as ElementType;\n\n    return (\n        <Tag\n            {...props}\n            ref={ref}\n            className={cn(styles.reveal, className)}\n            style={{ ...timing, ...style } as CSSProperties}\n            data-state={state}\n            data-variant={variant}\n        >\n            {children}\n        </Tag>\n    );\n}\n"],"mappings":";;;;;;;AAkCA,IAAMG,IAAsC,EAAE,SAAS,KAAK;AAO5D,SAASC,IAA6B;CAClC,aAAa,KAAA;AACjB;AAOA,SAASC,IAAsB;CAC3B,OAAO,OAAO,uBAAyB;AAC3C;AAOA,SAASC,IAAyB;CAC9B,OAAO;AACX;AAsCA,SAAgBC,EAAO,EACnB,QAAK,OACL,aAAU,MACV,UACA,aACA,UAAO,IACP,eAAY,KACZ,gBAAa,OACb,cACA,UACA,aACA,GAAGC,KACS;CACZ,IAAMC,IAAMC,EAAoB,IAAI,GAC9BC,IAAaC,EAAqBR,GAAgBC,GAAYC,CAAa,GAC3E,CAACO,GAAOC,KAAYC,EAAkB,EAAK,GAC3C,CAACC,GAAUC,KAAeF,EAA+C;EAC3E,WAAWG;EACX,OAAOA;CACX,CAAC,GACKC,IAAYH,EAAS,cAAcE,IAAYF,EAAS,QAAQE,GAGhEE,IAAQC,EAAwBV,KAAc,EAFpCW,KAAQT,KAEuCJ,IAAMN,GAAU;EAC3E;EACA,WAAWgB;CACf,CAAC;CAED,QAAgB;EACZ,IAAI,CAACC,GAAO;EACZ,IAAMG,IAASC,EAAmBN,GAAWE,CAAK;EAIlD,AAHI,KAAK,IAAIG,IAASJ,CAAS,IAAA,QAC3BF,EAAY;GAAE,WAAWC;GAAW,OAAOK;EAAO,CAAC,GAEnDH,EAAM,kBAAkBA,EAAM,oBAAA,QAAqCG,IACnET,EAAS,EAAI,IACN,CAACQ,KAAQ,CAACF,EAAM,kBACvBN,EAAS,EAAK;CAEtB,GAAG;EAACM;EAAOF;EAAWC;EAAWG;CAAI,CAAC;CAEtC,IAAMG,IAAsBd,IAAwBE,IAAQ,UAAU,WAA7B,UACnCa,IAAiC,CAAC;CAMxC,OALIC,MAAU,KAAA,MAAW,EAAO,4BAA4B,GAAGA,EAAM,MACjEC,MAAa,KAAA,MAAW,EAAO,+BAA+B,GAAGA,EAAS,MAK1E,kBAAC5B,GAAD;EACI,GAAIQ;EACC;EACL,WAAWsB,EAAG7B,EAAO,QAAQ8B,CAAS;EACtC,OAAO;GAAE,GAAGL;GAAQ,GAAGM;EAAM;EAC7B,cAAYP;EACZ,gBAAcQ;EAEb;CACA,CAAA;AAEb"}

package/dist/components/Reveal/Reveal.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Reveal.module.cjs","names":[],"sources":["../../../src/components/Reveal/Reveal.module.css"],"sourcesContent":[".reveal[data-state=\"hidden\"] {\n    opacity: 0;\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"up\"] {\n    transform: translate3d(0, var(--tempest-reveal-distance, 1.5rem), 0);\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"down\"] {\n    transform: translate3d(0, calc(-1 * var(--tempest-reveal-distance, 1.5rem)), 0);\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"left\"] {\n    transform: translate3d(var(--tempest-reveal-distance, 1.5rem), 0, 0);\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"right\"] {\n    transform: translate3d(calc(-1 * var(--tempest-reveal-distance, 1.5rem)), 0, 0);\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"scale\"] {\n    transform: scale(var(--tempest-reveal-scale, 0.95));\n}\n\n.reveal[data-state=\"shown\"] {\n    opacity: 1;\n    transform: none;\n    transition:\n        opacity var(--tempest-reveal-duration, var(--tempest-duration-slower))\n            var(--tempest-reveal-easing, var(--tempest-ease-out)),\n        transform var(--tempest-reveal-duration, var(--tempest-duration-slower))\n            var(--tempest-reveal-easing, var(--tempest-ease-emphasized));\n    transition-delay: var(--tempest-reveal-delay, 0ms);\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .reveal[data-state][data-variant] {\n        opacity: 1;\n        transform: none;\n        transition: none;\n    }\n}\n"],"mappings":";"}
+{"version":3,"file":"Reveal.module.cjs","names":["reveal","Reveal_module_default"],"sources":["../../../src/components/Reveal/Reveal.module.css"],"sourcesContent":[".reveal[data-state=\"hidden\"] {\n    opacity: 0;\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"up\"] {\n    transform: translate3d(0, var(--tempest-reveal-distance, 1.5rem), 0);\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"down\"] {\n    transform: translate3d(0, calc(-1 * var(--tempest-reveal-distance, 1.5rem)), 0);\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"left\"] {\n    transform: translate3d(var(--tempest-reveal-distance, 1.5rem), 0, 0);\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"right\"] {\n    transform: translate3d(calc(-1 * var(--tempest-reveal-distance, 1.5rem)), 0, 0);\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"scale\"] {\n    transform: scale(var(--tempest-reveal-scale, 0.95));\n}\n\n.reveal[data-state=\"shown\"] {\n    opacity: 1;\n    transform: none;\n    transition:\n        opacity var(--tempest-reveal-duration, var(--tempest-duration-slower))\n            var(--tempest-reveal-easing, var(--tempest-ease-out)),\n        transform var(--tempest-reveal-duration, var(--tempest-duration-slower))\n            var(--tempest-reveal-easing, var(--tempest-ease-emphasized));\n    transition-delay: var(--tempest-reveal-delay, 0ms);\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .reveal[data-state][data-variant] {\n        opacity: 1;\n        transform: none;\n        transition: none;\n    }\n}\n"],"mappings":";"}

package/dist/components/Reveal/Reveal.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Reveal.module.js","names":[],"sources":["../../../src/components/Reveal/Reveal.module.css"],"sourcesContent":[".reveal[data-state=\"hidden\"] {\n    opacity: 0;\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"up\"] {\n    transform: translate3d(0, var(--tempest-reveal-distance, 1.5rem), 0);\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"down\"] {\n    transform: translate3d(0, calc(-1 * var(--tempest-reveal-distance, 1.5rem)), 0);\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"left\"] {\n    transform: translate3d(var(--tempest-reveal-distance, 1.5rem), 0, 0);\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"right\"] {\n    transform: translate3d(calc(-1 * var(--tempest-reveal-distance, 1.5rem)), 0, 0);\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"scale\"] {\n    transform: scale(var(--tempest-reveal-scale, 0.95));\n}\n\n.reveal[data-state=\"shown\"] {\n    opacity: 1;\n    transform: none;\n    transition:\n        opacity var(--tempest-reveal-duration, var(--tempest-duration-slower))\n            var(--tempest-reveal-easing, var(--tempest-ease-out)),\n        transform var(--tempest-reveal-duration, var(--tempest-duration-slower))\n            var(--tempest-reveal-easing, var(--tempest-ease-emphasized));\n    transition-delay: var(--tempest-reveal-delay, 0ms);\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .reveal[data-state][data-variant] {\n        opacity: 1;\n        transform: none;\n        transition: none;\n    }\n}\n"],"mappings":";"}
+{"version":3,"file":"Reveal.module.js","names":["reveal","Reveal_module_default"],"sources":["../../../src/components/Reveal/Reveal.module.css"],"sourcesContent":[".reveal[data-state=\"hidden\"] {\n    opacity: 0;\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"up\"] {\n    transform: translate3d(0, var(--tempest-reveal-distance, 1.5rem), 0);\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"down\"] {\n    transform: translate3d(0, calc(-1 * var(--tempest-reveal-distance, 1.5rem)), 0);\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"left\"] {\n    transform: translate3d(var(--tempest-reveal-distance, 1.5rem), 0, 0);\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"right\"] {\n    transform: translate3d(calc(-1 * var(--tempest-reveal-distance, 1.5rem)), 0, 0);\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"scale\"] {\n    transform: scale(var(--tempest-reveal-scale, 0.95));\n}\n\n.reveal[data-state=\"shown\"] {\n    opacity: 1;\n    transform: none;\n    transition:\n        opacity var(--tempest-reveal-duration, var(--tempest-duration-slower))\n            var(--tempest-reveal-easing, var(--tempest-ease-out)),\n        transform var(--tempest-reveal-duration, var(--tempest-duration-slower))\n            var(--tempest-reveal-easing, var(--tempest-ease-emphasized));\n    transition-delay: var(--tempest-reveal-delay, 0ms);\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .reveal[data-state][data-variant] {\n        opacity: 1;\n        transform: none;\n        transition: none;\n    }\n}\n"],"mappings":";"}

package/dist/components/Reveal/reveal-threshold.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"reveal-threshold.cjs","names":[],"sources":["../../../src/components/Reveal/reveal-threshold.ts"],"sourcesContent":["/**\n * Tolerance for comparing intersection ratios.\n *\n * Browsers report `intersectionRatio` as the quotient of two rounded areas, so a\n * box sitting exactly on its threshold can come back a hair below it. Without\n * the slack the observer fires (it crossed) and the comparison says it did not.\n */\nexport const RATIO_EPSILON = 0.001;\n\n/**\n * Highest `intersectionRatio` the target can ever reach inside the root.\n *\n * A box taller (or wider) than the root never fits in it: a section three\n * viewports tall tops out at a ratio of about 0.33. Any threshold above that is\n * unreachable, and an observer asked for it never reports the crossing.\n *\n * @param entry - An observation of the target; only its geometry is read.\n * @returns A value in `(0, 1]`, or `1` when the geometry is unknown (no\n *   `rootBounds`, as in a cross-origin iframe, or an empty box).\n */\nexport function reachableRatio(entry: IntersectionObserverEntry): number {\n    const root = entry.rootBounds;\n    const box = entry.boundingClientRect;\n    if (!root || box.width <= 0 || box.height <= 0) return 1;\n    return Math.min(1, root.height / box.height) * Math.min(1, root.width / box.width);\n}\n\n/**\n * The threshold `Reveal` actually observes with, given the one it was asked for.\n *\n * The requested threshold is read as \"this fraction of whichever is smaller,\n * the element or the viewport\". For a box that fits, that is the plain ratio;\n * for a box taller than the viewport it scales the threshold by the reachable\n * ratio, so `threshold={0.5}` on a 3-viewport section reveals once it fills\n * half the viewport instead of never.\n *\n * @param threshold - The requested threshold, in `[0, 1]`.\n * @param entry - The latest observation, or `null` before the first one.\n * @returns The threshold to observe with.\n */\nexport function effectiveThreshold(\n    threshold: number,\n    entry: IntersectionObserverEntry | null,\n): number {\n    if (!entry) return threshold;\n    return threshold * reachableRatio(entry);\n}\n"],"mappings":"AAOA,IAAa,EAAgB,KAa7B,SAAgB,EAAe,EAA0C,CACrE,IAAM,EAAO,EAAM,WACb,EAAM,EAAM,mBAElB,MADI,CAAC,GAAQ,EAAI,OAAS,GAAK,EAAI,QAAU,EAAU,EAChD,KAAK,IAAI,EAAG,EAAK,OAAS,EAAI,MAAM,EAAI,KAAK,IAAI,EAAG,EAAK,MAAQ,EAAI,KAAK,CACrF,CAeA,SAAgB,EACZ,EACA,EACM,CAEN,OADK,EACE,EAAY,EAAe,CAAK,EADpB,CAEvB"}
+{"version":3,"file":"reveal-threshold.cjs","names":["RATIO_EPSILON","reachableRatio","root","entry","box","effectiveThreshold","threshold"],"sources":["../../../src/components/Reveal/reveal-threshold.ts"],"sourcesContent":["/**\n * Tolerance for comparing intersection ratios.\n *\n * Browsers report `intersectionRatio` as the quotient of two rounded areas, so a\n * box sitting exactly on its threshold can come back a hair below it. Without\n * the slack the observer fires (it crossed) and the comparison says it did not.\n */\nexport const RATIO_EPSILON = 0.001;\n\n/**\n * Highest `intersectionRatio` the target can ever reach inside the root.\n *\n * A box taller (or wider) than the root never fits in it: a section three\n * viewports tall tops out at a ratio of about 0.33. Any threshold above that is\n * unreachable, and an observer asked for it never reports the crossing.\n *\n * @param entry - An observation of the target; only its geometry is read.\n * @returns A value in `(0, 1]`, or `1` when the geometry is unknown (no\n *   `rootBounds`, as in a cross-origin iframe, or an empty box).\n */\nexport function reachableRatio(entry: IntersectionObserverEntry): number {\n    const root = entry.rootBounds;\n    const box = entry.boundingClientRect;\n    if (!root || box.width <= 0 || box.height <= 0) return 1;\n    return Math.min(1, root.height / box.height) * Math.min(1, root.width / box.width);\n}\n\n/**\n * The threshold `Reveal` actually observes with, given the one it was asked for.\n *\n * The requested threshold is read as \"this fraction of whichever is smaller,\n * the element or the viewport\". For a box that fits, that is the plain ratio;\n * for a box taller than the viewport it scales the threshold by the reachable\n * ratio, so `threshold={0.5}` on a 3-viewport section reveals once it fills\n * half the viewport instead of never.\n *\n * @param threshold - The requested threshold, in `[0, 1]`.\n * @param entry - The latest observation, or `null` before the first one.\n * @returns The threshold to observe with.\n */\nexport function effectiveThreshold(\n    threshold: number,\n    entry: IntersectionObserverEntry | null,\n): number {\n    if (!entry) return threshold;\n    return threshold * reachableRatio(entry);\n}\n"],"mappings":"AAOA,IAAaA,EAAgB,KAa7B,SAAgBC,EAAe,EAA0C,CACrE,IAAMC,EAAOC,EAAM,WACbC,EAAMD,EAAM,mBAElB,MADI,CAACD,GAAQE,EAAI,OAAS,GAAKA,EAAI,QAAU,EAAU,EAChD,KAAK,IAAI,EAAGF,EAAK,OAASE,EAAI,MAAM,EAAI,KAAK,IAAI,EAAGF,EAAK,MAAQE,EAAI,KAAK,CACrF,CAeA,SAAgBC,EACZ,EACA,EACM,CAEN,OADKF,EACEG,EAAYL,EAAeE,CAAK,EADpBG,CAEvB,C"}

package/dist/components/Reveal/reveal-threshold.js.map

@@ -1 +1 @@
-{"version":3,"file":"reveal-threshold.js","names":[],"sources":["../../../src/components/Reveal/reveal-threshold.ts"],"sourcesContent":["/**\n * Tolerance for comparing intersection ratios.\n *\n * Browsers report `intersectionRatio` as the quotient of two rounded areas, so a\n * box sitting exactly on its threshold can come back a hair below it. Without\n * the slack the observer fires (it crossed) and the comparison says it did not.\n */\nexport const RATIO_EPSILON = 0.001;\n\n/**\n * Highest `intersectionRatio` the target can ever reach inside the root.\n *\n * A box taller (or wider) than the root never fits in it: a section three\n * viewports tall tops out at a ratio of about 0.33. Any threshold above that is\n * unreachable, and an observer asked for it never reports the crossing.\n *\n * @param entry - An observation of the target; only its geometry is read.\n * @returns A value in `(0, 1]`, or `1` when the geometry is unknown (no\n *   `rootBounds`, as in a cross-origin iframe, or an empty box).\n */\nexport function reachableRatio(entry: IntersectionObserverEntry): number {\n    const root = entry.rootBounds;\n    const box = entry.boundingClientRect;\n    if (!root || box.width <= 0 || box.height <= 0) return 1;\n    return Math.min(1, root.height / box.height) * Math.min(1, root.width / box.width);\n}\n\n/**\n * The threshold `Reveal` actually observes with, given the one it was asked for.\n *\n * The requested threshold is read as \"this fraction of whichever is smaller,\n * the element or the viewport\". For a box that fits, that is the plain ratio;\n * for a box taller than the viewport it scales the threshold by the reachable\n * ratio, so `threshold={0.5}` on a 3-viewport section reveals once it fills\n * half the viewport instead of never.\n *\n * @param threshold - The requested threshold, in `[0, 1]`.\n * @param entry - The latest observation, or `null` before the first one.\n * @returns The threshold to observe with.\n */\nexport function effectiveThreshold(\n    threshold: number,\n    entry: IntersectionObserverEntry | null,\n): number {\n    if (!entry) return threshold;\n    return threshold * reachableRatio(entry);\n}\n"],"mappings":";AAOA,IAAa,IAAgB;AAa7B,SAAgB,EAAe,GAA0C;CACrE,IAAM,IAAO,EAAM,YACb,IAAM,EAAM;CAElB,OADI,CAAC,KAAQ,EAAI,SAAS,KAAK,EAAI,UAAU,IAAU,IAChD,KAAK,IAAI,GAAG,EAAK,SAAS,EAAI,MAAM,IAAI,KAAK,IAAI,GAAG,EAAK,QAAQ,EAAI,KAAK;AACrF;AAeA,SAAgB,EACZ,GACA,GACM;CAEN,OADK,IACE,IAAY,EAAe,CAAK,IADpB;AAEvB"}
+{"version":3,"file":"reveal-threshold.js","names":["RATIO_EPSILON","reachableRatio","root","entry","box","effectiveThreshold","threshold"],"sources":["../../../src/components/Reveal/reveal-threshold.ts"],"sourcesContent":["/**\n * Tolerance for comparing intersection ratios.\n *\n * Browsers report `intersectionRatio` as the quotient of two rounded areas, so a\n * box sitting exactly on its threshold can come back a hair below it. Without\n * the slack the observer fires (it crossed) and the comparison says it did not.\n */\nexport const RATIO_EPSILON = 0.001;\n\n/**\n * Highest `intersectionRatio` the target can ever reach inside the root.\n *\n * A box taller (or wider) than the root never fits in it: a section three\n * viewports tall tops out at a ratio of about 0.33. Any threshold above that is\n * unreachable, and an observer asked for it never reports the crossing.\n *\n * @param entry - An observation of the target; only its geometry is read.\n * @returns A value in `(0, 1]`, or `1` when the geometry is unknown (no\n *   `rootBounds`, as in a cross-origin iframe, or an empty box).\n */\nexport function reachableRatio(entry: IntersectionObserverEntry): number {\n    const root = entry.rootBounds;\n    const box = entry.boundingClientRect;\n    if (!root || box.width <= 0 || box.height <= 0) return 1;\n    return Math.min(1, root.height / box.height) * Math.min(1, root.width / box.width);\n}\n\n/**\n * The threshold `Reveal` actually observes with, given the one it was asked for.\n *\n * The requested threshold is read as \"this fraction of whichever is smaller,\n * the element or the viewport\". For a box that fits, that is the plain ratio;\n * for a box taller than the viewport it scales the threshold by the reachable\n * ratio, so `threshold={0.5}` on a 3-viewport section reveals once it fills\n * half the viewport instead of never.\n *\n * @param threshold - The requested threshold, in `[0, 1]`.\n * @param entry - The latest observation, or `null` before the first one.\n * @returns The threshold to observe with.\n */\nexport function effectiveThreshold(\n    threshold: number,\n    entry: IntersectionObserverEntry | null,\n): number {\n    if (!entry) return threshold;\n    return threshold * reachableRatio(entry);\n}\n"],"mappings":";AAOA,IAAaA,IAAgB;AAa7B,SAAgBC,EAAe,GAA0C;CACrE,IAAMC,IAAOC,EAAM,YACbC,IAAMD,EAAM;CAElB,OADI,CAACD,KAAQE,EAAI,SAAS,KAAKA,EAAI,UAAU,IAAU,IAChD,KAAK,IAAI,GAAGF,EAAK,SAASE,EAAI,MAAM,IAAI,KAAK,IAAI,GAAGF,EAAK,QAAQE,EAAI,KAAK;AACrF;AAeA,SAAgBC,EACZ,GACA,GACM;CAEN,OADKF,IACEG,IAAYL,EAAeE,CAAK,IADpBG;AAEvB"}

package/dist/components/SafeArea/SafeArea.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SafeArea.cjs","names":[],"sources":["../../../src/components/SafeArea/SafeArea.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./SafeArea.module.css\";\n\nexport type SafeAreaEdge = \"top\" | \"right\" | \"bottom\" | \"left\";\n\nexport interface SafeAreaProps extends HTMLAttributes<HTMLDivElement> {\n    /** Edges to pad. Default `[\"top\",\"right\",\"bottom\",\"left\"]` (all). */\n    edges?: SafeAreaEdge[];\n    /** Render as inline (use `display: contents`). */\n    inline?: boolean;\n    children?: ReactNode;\n}\n\nconst ALL_EDGES: SafeAreaEdge[] = [\"top\", \"right\", \"bottom\", \"left\"];\n\n/**\n * Apply `env(safe-area-inset-*)` padding so content avoids iOS notch /\n * Android navbar / device chrome. Wrap the outermost container of pages\n * with sticky headers/footers.\n *\n * @example\n * <SafeArea edges={[\"top\"]}>\n *     <Navbar />\n * </SafeArea>\n */\nexport function SafeArea({\n    edges = ALL_EDGES,\n    inline = false,\n    className,\n    children,\n    ...props\n}: SafeAreaProps) {\n    return (\n        <div\n            className={cn(\n                styles.safe,\n                inline && styles.inline,\n                edges.includes(\"top\") && styles.top,\n                edges.includes(\"right\") && styles.right,\n                edges.includes(\"bottom\") && styles.bottom,\n                edges.includes(\"left\") && styles.left,\n                className,\n            )}\n            data-edges={edges.join(\" \")}\n            {...props}\n        >\n            {children}\n        </div>\n    );\n}\n"],"mappings":"4GAcA,IAAM,EAA4B,CAAC,MAAO,QAAS,SAAU,MAAM,EAYnE,SAAgB,EAAS,CACrB,QAAQ,EACR,SAAS,GACT,YACA,WACA,GAAG,GACW,CACd,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,GACP,EAAA,QAAO,KACP,GAAU,EAAA,QAAO,OACjB,EAAM,SAAS,KAAK,GAAK,EAAA,QAAO,IAChC,EAAM,SAAS,OAAO,GAAK,EAAA,QAAO,MAClC,EAAM,SAAS,QAAQ,GAAK,EAAA,QAAO,OACnC,EAAM,SAAS,MAAM,GAAK,EAAA,QAAO,KACjC,CACJ,EACA,aAAY,EAAM,KAAK,GAAG,EAC1B,GAAI,EAEH,UACA,CAAA,CAEb"}
+{"version":3,"file":"SafeArea.cjs","names":["cn","styles","require_cn","require_SafeArea_module","react_jsx_runtime","ALL_EDGES","SafeArea","props","inline","edges","className"],"sources":["../../../src/components/SafeArea/SafeArea.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./SafeArea.module.css\";\n\nexport type SafeAreaEdge = \"top\" | \"right\" | \"bottom\" | \"left\";\n\nexport interface SafeAreaProps extends HTMLAttributes<HTMLDivElement> {\n    /** Edges to pad. Default `[\"top\",\"right\",\"bottom\",\"left\"]` (all). */\n    edges?: SafeAreaEdge[];\n    /** Render as inline (use `display: contents`). */\n    inline?: boolean;\n    children?: ReactNode;\n}\n\nconst ALL_EDGES: SafeAreaEdge[] = [\"top\", \"right\", \"bottom\", \"left\"];\n\n/**\n * Apply `env(safe-area-inset-*)` padding so content avoids iOS notch /\n * Android navbar / device chrome. Wrap the outermost container of pages\n * with sticky headers/footers.\n *\n * @example\n * <SafeArea edges={[\"top\"]}>\n *     <Navbar />\n * </SafeArea>\n */\nexport function SafeArea({\n    edges = ALL_EDGES,\n    inline = false,\n    className,\n    children,\n    ...props\n}: SafeAreaProps) {\n    return (\n        <div\n            className={cn(\n                styles.safe,\n                inline && styles.inline,\n                edges.includes(\"top\") && styles.top,\n                edges.includes(\"right\") && styles.right,\n                edges.includes(\"bottom\") && styles.bottom,\n                edges.includes(\"left\") && styles.left,\n                className,\n            )}\n            data-edges={edges.join(\" \")}\n            {...props}\n        >\n            {children}\n        </div>\n    );\n}\n"],"mappings":"A,4GAcA,IAAMK,EAA4B,CAAC,MAAO,QAAS,SAAU,MAAM,EAYnE,SAAgBC,EAAS,CACrB,QAAQD,EACR,SAAS,GACT,YACA,WACA,GAAGE,GACW,CACd,OACI,EAAAH,EAAA,IAAA,CAAC,MAAD,CACI,UAAWJ,EAAAA,GACPC,EAAAA,QAAO,KACPO,GAAUP,EAAAA,QAAO,OACjBQ,EAAM,SAAS,KAAK,GAAKR,EAAAA,QAAO,IAChCQ,EAAM,SAAS,OAAO,GAAKR,EAAAA,QAAO,MAClCQ,EAAM,SAAS,QAAQ,GAAKR,EAAAA,QAAO,OACnCQ,EAAM,SAAS,MAAM,GAAKR,EAAAA,QAAO,KACjCS,CACJ,EACA,aAAYD,EAAM,KAAK,GAAG,EAC1B,GAAIF,EAEH,UACA,CAAA,CAEb,C"}

package/dist/components/SafeArea/SafeArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"SafeArea.js","names":[],"sources":["../../../src/components/SafeArea/SafeArea.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./SafeArea.module.css\";\n\nexport type SafeAreaEdge = \"top\" | \"right\" | \"bottom\" | \"left\";\n\nexport interface SafeAreaProps extends HTMLAttributes<HTMLDivElement> {\n    /** Edges to pad. Default `[\"top\",\"right\",\"bottom\",\"left\"]` (all). */\n    edges?: SafeAreaEdge[];\n    /** Render as inline (use `display: contents`). */\n    inline?: boolean;\n    children?: ReactNode;\n}\n\nconst ALL_EDGES: SafeAreaEdge[] = [\"top\", \"right\", \"bottom\", \"left\"];\n\n/**\n * Apply `env(safe-area-inset-*)` padding so content avoids iOS notch /\n * Android navbar / device chrome. Wrap the outermost container of pages\n * with sticky headers/footers.\n *\n * @example\n * <SafeArea edges={[\"top\"]}>\n *     <Navbar />\n * </SafeArea>\n */\nexport function SafeArea({\n    edges = ALL_EDGES,\n    inline = false,\n    className,\n    children,\n    ...props\n}: SafeAreaProps) {\n    return (\n        <div\n            className={cn(\n                styles.safe,\n                inline && styles.inline,\n                edges.includes(\"top\") && styles.top,\n                edges.includes(\"right\") && styles.right,\n                edges.includes(\"bottom\") && styles.bottom,\n                edges.includes(\"left\") && styles.left,\n                className,\n            )}\n            data-edges={edges.join(\" \")}\n            {...props}\n        >\n            {children}\n        </div>\n    );\n}\n"],"mappings":";;;;AAcA,IAAM,IAA4B;CAAC;CAAO;CAAS;CAAU;AAAM;AAYnE,SAAgB,EAAS,EACrB,WAAQ,GACR,YAAS,IACT,cACA,aACA,GAAG,KACW;CACd,OACI,kBAAC,OAAD;EACI,WAAW,EACP,EAAO,MACP,KAAU,EAAO,QACjB,EAAM,SAAS,KAAK,KAAK,EAAO,KAChC,EAAM,SAAS,OAAO,KAAK,EAAO,OAClC,EAAM,SAAS,QAAQ,KAAK,EAAO,QACnC,EAAM,SAAS,MAAM,KAAK,EAAO,MACjC,CACJ;EACA,cAAY,EAAM,KAAK,GAAG;EAC1B,GAAI;EAEH;CACA,CAAA;AAEb"}
+{"version":3,"file":"SafeArea.js","names":["styles","SafeArea_module_default","ALL_EDGES","SafeArea","props","cn","inline","edges","className"],"sources":["../../../src/components/SafeArea/SafeArea.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./SafeArea.module.css\";\n\nexport type SafeAreaEdge = \"top\" | \"right\" | \"bottom\" | \"left\";\n\nexport interface SafeAreaProps extends HTMLAttributes<HTMLDivElement> {\n    /** Edges to pad. Default `[\"top\",\"right\",\"bottom\",\"left\"]` (all). */\n    edges?: SafeAreaEdge[];\n    /** Render as inline (use `display: contents`). */\n    inline?: boolean;\n    children?: ReactNode;\n}\n\nconst ALL_EDGES: SafeAreaEdge[] = [\"top\", \"right\", \"bottom\", \"left\"];\n\n/**\n * Apply `env(safe-area-inset-*)` padding so content avoids iOS notch /\n * Android navbar / device chrome. Wrap the outermost container of pages\n * with sticky headers/footers.\n *\n * @example\n * <SafeArea edges={[\"top\"]}>\n *     <Navbar />\n * </SafeArea>\n */\nexport function SafeArea({\n    edges = ALL_EDGES,\n    inline = false,\n    className,\n    children,\n    ...props\n}: SafeAreaProps) {\n    return (\n        <div\n            className={cn(\n                styles.safe,\n                inline && styles.inline,\n                edges.includes(\"top\") && styles.top,\n                edges.includes(\"right\") && styles.right,\n                edges.includes(\"bottom\") && styles.bottom,\n                edges.includes(\"left\") && styles.left,\n                className,\n            )}\n            data-edges={edges.join(\" \")}\n            {...props}\n        >\n            {children}\n        </div>\n    );\n}\n"],"mappings":";;;;AAcA,IAAME,IAA4B;CAAC;CAAO;CAAS;CAAU;AAAM;AAYnE,SAAgBC,EAAS,EACrB,WAAQD,GACR,YAAS,IACT,cACA,aACA,GAAGE,KACW;CACd,OACI,kBAAC,OAAD;EACI,WAAWC,EACPL,EAAO,MACPM,KAAUN,EAAO,QACjBO,EAAM,SAAS,KAAK,KAAKP,EAAO,KAChCO,EAAM,SAAS,OAAO,KAAKP,EAAO,OAClCO,EAAM,SAAS,QAAQ,KAAKP,EAAO,QACnCO,EAAM,SAAS,MAAM,KAAKP,EAAO,MACjCQ,CACJ;EACA,cAAYD,EAAM,KAAK,GAAG;EAC1B,GAAIH;EAEH;CACA,CAAA;AAEb"}

package/dist/components/SafeArea/SafeArea.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SafeArea.module.cjs","names":[],"sources":["../../../src/components/SafeArea/SafeArea.module.css"],"sourcesContent":[".safe {\n    display: block;\n}\n\n.safe.inline {\n    display: contents;\n}\n\n.top {\n    padding-top: env(safe-area-inset-top, 0px);\n}\n\n.right {\n    padding-right: env(safe-area-inset-right, 0px);\n}\n\n.bottom {\n    padding-bottom: env(safe-area-inset-bottom, 0px);\n}\n\n.left {\n    padding-left: env(safe-area-inset-left, 0px);\n}\n"],"mappings":";"}
+{"version":3,"file":"SafeArea.module.cjs","names":["safe","inline","top","right","bottom","left","SafeArea_module_default"],"sources":["../../../src/components/SafeArea/SafeArea.module.css"],"sourcesContent":[".safe {\n    display: block;\n}\n\n.safe.inline {\n    display: contents;\n}\n\n.top {\n    padding-top: env(safe-area-inset-top, 0px);\n}\n\n.right {\n    padding-right: env(safe-area-inset-right, 0px);\n}\n\n.bottom {\n    padding-bottom: env(safe-area-inset-bottom, 0px);\n}\n\n.left {\n    padding-left: env(safe-area-inset-left, 0px);\n}\n"],"mappings":";"}

package/dist/components/SafeArea/SafeArea.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"SafeArea.module.js","names":[],"sources":["../../../src/components/SafeArea/SafeArea.module.css"],"sourcesContent":[".safe {\n    display: block;\n}\n\n.safe.inline {\n    display: contents;\n}\n\n.top {\n    padding-top: env(safe-area-inset-top, 0px);\n}\n\n.right {\n    padding-right: env(safe-area-inset-right, 0px);\n}\n\n.bottom {\n    padding-bottom: env(safe-area-inset-bottom, 0px);\n}\n\n.left {\n    padding-left: env(safe-area-inset-left, 0px);\n}\n"],"mappings":";"}
+{"version":3,"file":"SafeArea.module.js","names":["safe","inline","top","right","bottom","left","SafeArea_module_default"],"sources":["../../../src/components/SafeArea/SafeArea.module.css"],"sourcesContent":[".safe {\n    display: block;\n}\n\n.safe.inline {\n    display: contents;\n}\n\n.top {\n    padding-top: env(safe-area-inset-top, 0px);\n}\n\n.right {\n    padding-right: env(safe-area-inset-right, 0px);\n}\n\n.bottom {\n    padding-bottom: env(safe-area-inset-bottom, 0px);\n}\n\n.left {\n    padding-left: env(safe-area-inset-left, 0px);\n}\n"],"mappings":";"}

package/dist/components/Scheduler/Scheduler.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Scheduler.cjs","names":[],"sources":["../../../src/components/Scheduler/Scheduler.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — the grid is defined by\n * anchor, days, startHour, endHour and snapMinutes; the content by events,\n * renderEvent, onEventClick and onSlotClick; the reading by locale, showCurrentTime\n * and now. The body lays out overlapping events into columns, which needs the whole\n * day's events at once.\n */\nimport { type HTMLAttributes, type ReactNode, useEffect, useMemo, useState } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport {\n    dayRange,\n    type DayWindow,\n    fractionOfWindow,\n    hourMarks,\n    isSameDay,\n    layoutAllDay,\n    layoutEvents,\n    type SchedulerEvent,\n} from \"./scheduler-layout\";\nimport styles from \"./Scheduler.module.css\";\nimport { dateTimeFormat } from \"@/utils/intl-cache\";\n\nexport interface SchedulerProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Events to place. Instants are read in the browser's local time. */\n    events: readonly SchedulerEvent[];\n    /** Any day within the range to show. Default: today. */\n    anchor?: Date;\n    /** How many consecutive days to render. `1` is a day view, `7` a week. Default `7`. */\n    days?: number;\n    /** First visible hour, `0`–`23`. Default `8`. */\n    startHour?: number;\n    /** Last visible hour, `1`–`24`. Default `20`. */\n    endHour?: number;\n    /** Minutes a click on empty space snaps to. Default `30`. */\n    snapMinutes?: number;\n    /** Called when an event is activated by click, `Enter` or `Space`. */\n    onEventClick?: (event: SchedulerEvent) => void;\n    /** Called with the snapped instant when empty space is clicked. */\n    onSlotClick?: (start: Date) => void;\n    /** Render an event's contents. Defaults to its title and start time. */\n    renderEvent?: (event: SchedulerEvent) => ReactNode;\n    /** Locale for the day and hour labels. Default `\"pt-BR\"`. */\n    locale?: string;\n    /** Draw the current-time line. Default `true`. */\n    showCurrentTime?: boolean;\n    /** Fixed \"now\" for the indicator. Default: the real clock, ticking each minute. */\n    now?: Date;\n}\n\n/** Minutes between ticks of the current-time indicator. */\nconst TICK_MS = 60_000;\n\n/**\n * An agenda: events placed on a time grid across consecutive days.\n *\n * `Calendar` is a date *picker* — it answers \"which day?\". This answers \"what is on\n * those days, and when\", which needs a different structure entirely: a vertical time\n * axis, events sized by duration, and overlapping events sitting side by side.\n *\n * That last part is the one worth naming. Overlapping events are grouped into\n * clusters of mutual overlap and every event in a cluster shares one column count,\n * so widths line up; a column is reused the moment it frees, so `9–10`, `9–10`,\n * `10–11` takes two columns and not three. The layout is pure and lives in\n * `scheduler-layout.ts`.\n *\n * Times are local. An event crossing midnight is split into both day columns, and\n * the day range is built by incrementing the calendar day, so a DST boundary does\n * not duplicate or skip a date.\n *\n * @example\n * <Scheduler\n *     events={bookings}\n *     days={7}\n *     startHour={7}\n *     endHour={21}\n *     onEventClick={(e) => open(e.id)}\n *     onSlotClick={(start) => createAt(start)}\n * />\n */\nexport function Scheduler({\n    events,\n    anchor,\n    days: dayCount = 7,\n    startHour = 8,\n    endHour = 20,\n    snapMinutes = 30,\n    onEventClick,\n    onSlotClick,\n    renderEvent,\n    locale = \"pt-BR\",\n    showCurrentTime = true,\n    now,\n    className,\n    ...rest\n}: SchedulerProps) {\n    const [clock, setClock] = useState<Date>(() => now ?? new Date());\n\n    /**\n     * Keep the current-time line moving.\n     *\n     * Skipped entirely when `now` is supplied: that is the hook tests and demos use\n     * to be deterministic, and a timer would fight it.\n     */\n    useEffect(() => {\n        if (now || !showCurrentTime) return;\n        const id = setInterval(() => setClock(new Date()), TICK_MS);\n        return () => clearInterval(id);\n    }, [now, showCurrentTime]);\n\n    const reference = now ?? clock;\n\n    const window = useMemo<DayWindow>(\n        () => ({ startMinute: startHour * 60, endMinute: endHour * 60 }),\n        [startHour, endHour],\n    );\n\n    /**\n     * The calendar day the range starts from, as a stable string.\n     *\n     * `reference` ticks every minute when the current-time line is live. Depending on\n     * the Date itself would re-slice the day range — and therefore relayout every\n     * event — once a minute; depending on the day only recomputes at midnight.\n     */\n    const anchorDay = (anchor ?? reference).toDateString();\n    const dayList = useMemo(() => dayRange(new Date(anchorDay), dayCount), [anchorDay, dayCount]);\n\n    const placed = useMemo(\n        () => layoutEvents({ events, days: dayList, window }),\n        [events, dayList, window],\n    );\n    const allDay = useMemo(() => layoutAllDay({ events, days: dayList }), [events, dayList]);\n    const marks = useMemo(() => hourMarks(window), [window]);\n\n    const dayLabel = dateTimeFormat(locale, { weekday: \"short\", day: \"numeric\" });\n    const timeLabel = dateTimeFormat(locale, { hour: \"2-digit\", minute: \"2-digit\" });\n\n    /** Turn a click's vertical position within a day column into a snapped instant. */\n    const slotFromClick = (day: Date, event: React.MouseEvent<HTMLDivElement>): Date => {\n        const rect = event.currentTarget.getBoundingClientRect();\n        const fraction = rect.height > 0 ? (event.clientY - rect.top) / rect.height : 0;\n        const raw = window.startMinute + fraction * (window.endMinute - window.startMinute);\n        const snapped = Math.round(raw / snapMinutes) * snapMinutes;\n        const clamped = Math.max(window.startMinute, Math.min(window.endMinute, snapped));\n        const result = new Date(day);\n        result.setHours(0, clamped, 0, 0);\n        return result;\n    };\n\n    const currentFraction = showCurrentTime ? fractionOfWindow(reference, window) : null;\n    const todayIndex = dayList.findIndex((day) => isSameDay(day, reference));\n\n    return (\n        <div className={cn(styles.wrapper, className)} {...rest}>\n            <div\n                className={styles.head}\n                style={{ [\"--tempest-scheduler-days\" as string]: dayCount }}\n            >\n                <span className={styles.gutterHead} />\n                {dayList.map((day, index) => (\n                    <span\n                        key={day.toISOString()}\n                        className={cn(styles.dayHead, index === todayIndex && styles.today)}\n                    >\n                        {dayLabel.format(day)}\n                    </span>\n                ))}\n            </div>\n\n            {allDay.length > 0 && (\n                <div\n                    className={styles.allDayLane}\n                    style={{ [\"--tempest-scheduler-days\" as string]: dayCount }}\n                >\n                    <span className={styles.gutterHead}>Dia inteiro</span>\n                    <div className={styles.allDayTrack}>\n                        {allDay.map(({ event, dayIndex, span }) => (\n                            <button\n                                key={event.id}\n                                type=\"button\"\n                                className={styles.allDayEvent}\n                                style={{ gridColumn: `${dayIndex + 1} / span ${span}` }}\n                                onClick={() => onEventClick?.(event)}\n                                disabled={!onEventClick}\n                            >\n                                {event.title}\n                            </button>\n                        ))}\n                    </div>\n                </div>\n            )}\n\n            {/*\n             * Focusable because it scrolls vertically: a scroll region that cannot be\n             * focused is unreachable by keyboard, which is what `axe`'s\n             * `scrollable-region-focusable` rule is about. It needs a name too, or the\n             * new tab stop would announce nothing — but `group`, not `region`: a named\n             * `region` is a landmark, and two schedulers on one page would then be two\n             * identically-named landmarks (`landmark-unique`).\n             */}\n            <div\n                className={styles.body}\n                style={{ [\"--tempest-scheduler-days\" as string]: dayCount }}\n                tabIndex={0}\n                role=\"group\"\n                aria-label=\"Grade de horários\"\n            >\n                <div className={styles.gutter}>\n                    {marks.map((minute) => (\n                        <span\n                            key={minute}\n                            className={styles.hourLabel}\n                            style={{\n                                top: `${((minute - window.startMinute) / (window.endMinute - window.startMinute)) * 100}%`,\n                            }}\n                        >\n                            {timeLabel.format(\n                                new Date(2026, 0, 1, Math.floor(minute / 60), minute % 60),\n                            )}\n                        </span>\n                    ))}\n                </div>\n\n                {/*\n                 * Not `role=\"grid\"`: that requires `row` children, and the events are\n                 * siblings of the day columns inside one CSS grid — a `row` wrapper\n                 * would stop the columns being grid items and collapse the layout.\n                 * A labelled group per day is the honest structure anyway: a screen\n                 * reader tabs the event buttons and the group name supplies the day.\n                 */}\n                <div className={styles.grid} aria-label=\"Agenda\">\n                    {dayList.map((day, index) => (\n                        <div\n                            key={day.toISOString()}\n                            className={cn(\n                                styles.dayColumn,\n                                index === todayIndex && styles.todayColumn,\n                            )}\n                            role=\"group\"\n                            aria-label={dayLabel.format(day)}\n                            onClick={\n                                onSlotClick\n                                    ? (event) => {\n                                          // Only empty space creates: a click that\n                                          // landed on an event is that event's.\n                                          if (event.target !== event.currentTarget) return;\n                                          onSlotClick(slotFromClick(day, event));\n                                      }\n                                    : undefined\n                            }\n                        >\n                            {marks.map((minute) => (\n                                <span\n                                    key={minute}\n                                    className={styles.hourLine}\n                                    style={{\n                                        top: `${((minute - window.startMinute) / (window.endMinute - window.startMinute)) * 100}%`,\n                                    }}\n                                />\n                            ))}\n                        </div>\n                    ))}\n\n                    {placed.map((item) => (\n                        <button\n                            key={`${item.event.id}-${item.dayIndex}`}\n                            type=\"button\"\n                            className={styles.event}\n                            style={{\n                                gridColumn: `${item.dayIndex + 1} / span 1`,\n                                top: `${item.top * 100}%`,\n                                height: `${item.height * 100}%`,\n                                left: `${(item.column / item.columns) * 100}%`,\n                                width: `${(1 / item.columns) * 100}%`,\n                            }}\n                            onClick={() => onEventClick?.(item.event)}\n                            disabled={!onEventClick}\n                            title={`${item.event.title} — ${timeLabel.format(item.event.start)}`}\n                        >\n                            {renderEvent ? (\n                                renderEvent(item.event)\n                            ) : (\n                                <>\n                                    <span className={styles.eventTime}>\n                                        {timeLabel.format(item.event.start)}\n                                    </span>\n                                    <span className={styles.eventTitle}>{item.event.title}</span>\n                                </>\n                            )}\n                        </button>\n                    ))}\n\n                    {currentFraction !== null && todayIndex >= 0 && (\n                        <span\n                            className={styles.nowLine}\n                            style={{ top: `${currentFraction * 100}%` }}\n                            aria-hidden\n                            data-testid=\"scheduler-now\"\n                        />\n                    )}\n                </div>\n            </div>\n        </div>\n    );\n}\n\nexport type { SchedulerEvent };\n"],"mappings":"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"}
+{"version":3,"file":"Scheduler.cjs","names":["useState","useMemo","dayRange","layoutEvents","layoutAllDay","hourMarks","dateTimeFormat","fractionOfWindow","isSameDay","cn","styles","_Fragment","require_cn","require_intl_cache","require_scheduler_layout","require_Scheduler_module","react","react_jsx_runtime","TICK_MS","Scheduler","dayCount","rest","clock","setClock","now","showCurrentTime","id","reference","window","startHour","endHour","anchorDay","anchor","dayList","placed","events","allDay","marks","dayLabel","locale","timeLabel","slotFromClick","rect","event","fraction","raw","snapped","snapMinutes","clamped","result","day","currentFraction","todayIndex","className","index","dayIndex","span","onEventClick","minute","onSlotClick","item","renderEvent"],"sources":["../../../src/components/Scheduler/Scheduler.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — the grid is defined by\n * anchor, days, startHour, endHour and snapMinutes; the content by events,\n * renderEvent, onEventClick and onSlotClick; the reading by locale, showCurrentTime\n * and now. The body lays out overlapping events into columns, which needs the whole\n * day's events at once.\n */\nimport { type HTMLAttributes, type ReactNode, useEffect, useMemo, useState } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport {\n    dayRange,\n    type DayWindow,\n    fractionOfWindow,\n    hourMarks,\n    isSameDay,\n    layoutAllDay,\n    layoutEvents,\n    type SchedulerEvent,\n} from \"./scheduler-layout\";\nimport styles from \"./Scheduler.module.css\";\nimport { dateTimeFormat } from \"@/utils/intl-cache\";\n\nexport interface SchedulerProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Events to place. Instants are read in the browser's local time. */\n    events: readonly SchedulerEvent[];\n    /** Any day within the range to show. Default: today. */\n    anchor?: Date;\n    /** How many consecutive days to render. `1` is a day view, `7` a week. Default `7`. */\n    days?: number;\n    /** First visible hour, `0`–`23`. Default `8`. */\n    startHour?: number;\n    /** Last visible hour, `1`–`24`. Default `20`. */\n    endHour?: number;\n    /** Minutes a click on empty space snaps to. Default `30`. */\n    snapMinutes?: number;\n    /** Called when an event is activated by click, `Enter` or `Space`. */\n    onEventClick?: (event: SchedulerEvent) => void;\n    /** Called with the snapped instant when empty space is clicked. */\n    onSlotClick?: (start: Date) => void;\n    /** Render an event's contents. Defaults to its title and start time. */\n    renderEvent?: (event: SchedulerEvent) => ReactNode;\n    /** Locale for the day and hour labels. Default `\"pt-BR\"`. */\n    locale?: string;\n    /** Draw the current-time line. Default `true`. */\n    showCurrentTime?: boolean;\n    /** Fixed \"now\" for the indicator. Default: the real clock, ticking each minute. */\n    now?: Date;\n}\n\n/** Minutes between ticks of the current-time indicator. */\nconst TICK_MS = 60_000;\n\n/**\n * An agenda: events placed on a time grid across consecutive days.\n *\n * `Calendar` is a date *picker* — it answers \"which day?\". This answers \"what is on\n * those days, and when\", which needs a different structure entirely: a vertical time\n * axis, events sized by duration, and overlapping events sitting side by side.\n *\n * That last part is the one worth naming. Overlapping events are grouped into\n * clusters of mutual overlap and every event in a cluster shares one column count,\n * so widths line up; a column is reused the moment it frees, so `9–10`, `9–10`,\n * `10–11` takes two columns and not three. The layout is pure and lives in\n * `scheduler-layout.ts`.\n *\n * Times are local. An event crossing midnight is split into both day columns, and\n * the day range is built by incrementing the calendar day, so a DST boundary does\n * not duplicate or skip a date.\n *\n * @example\n * <Scheduler\n *     events={bookings}\n *     days={7}\n *     startHour={7}\n *     endHour={21}\n *     onEventClick={(e) => open(e.id)}\n *     onSlotClick={(start) => createAt(start)}\n * />\n */\nexport function Scheduler({\n    events,\n    anchor,\n    days: dayCount = 7,\n    startHour = 8,\n    endHour = 20,\n    snapMinutes = 30,\n    onEventClick,\n    onSlotClick,\n    renderEvent,\n    locale = \"pt-BR\",\n    showCurrentTime = true,\n    now,\n    className,\n    ...rest\n}: SchedulerProps) {\n    const [clock, setClock] = useState<Date>(() => now ?? new Date());\n\n    /**\n     * Keep the current-time line moving.\n     *\n     * Skipped entirely when `now` is supplied: that is the hook tests and demos use\n     * to be deterministic, and a timer would fight it.\n     */\n    useEffect(() => {\n        if (now || !showCurrentTime) return;\n        const id = setInterval(() => setClock(new Date()), TICK_MS);\n        return () => clearInterval(id);\n    }, [now, showCurrentTime]);\n\n    const reference = now ?? clock;\n\n    const window = useMemo<DayWindow>(\n        () => ({ startMinute: startHour * 60, endMinute: endHour * 60 }),\n        [startHour, endHour],\n    );\n\n    /**\n     * The calendar day the range starts from, as a stable string.\n     *\n     * `reference` ticks every minute when the current-time line is live. Depending on\n     * the Date itself would re-slice the day range — and therefore relayout every\n     * event — once a minute; depending on the day only recomputes at midnight.\n     */\n    const anchorDay = (anchor ?? reference).toDateString();\n    const dayList = useMemo(() => dayRange(new Date(anchorDay), dayCount), [anchorDay, dayCount]);\n\n    const placed = useMemo(\n        () => layoutEvents({ events, days: dayList, window }),\n        [events, dayList, window],\n    );\n    const allDay = useMemo(() => layoutAllDay({ events, days: dayList }), [events, dayList]);\n    const marks = useMemo(() => hourMarks(window), [window]);\n\n    const dayLabel = dateTimeFormat(locale, { weekday: \"short\", day: \"numeric\" });\n    const timeLabel = dateTimeFormat(locale, { hour: \"2-digit\", minute: \"2-digit\" });\n\n    /** Turn a click's vertical position within a day column into a snapped instant. */\n    const slotFromClick = (day: Date, event: React.MouseEvent<HTMLDivElement>): Date => {\n        const rect = event.currentTarget.getBoundingClientRect();\n        const fraction = rect.height > 0 ? (event.clientY - rect.top) / rect.height : 0;\n        const raw = window.startMinute + fraction * (window.endMinute - window.startMinute);\n        const snapped = Math.round(raw / snapMinutes) * snapMinutes;\n        const clamped = Math.max(window.startMinute, Math.min(window.endMinute, snapped));\n        const result = new Date(day);\n        result.setHours(0, clamped, 0, 0);\n        return result;\n    };\n\n    const currentFraction = showCurrentTime ? fractionOfWindow(reference, window) : null;\n    const todayIndex = dayList.findIndex((day) => isSameDay(day, reference));\n\n    return (\n        <div className={cn(styles.wrapper, className)} {...rest}>\n            <div\n                className={styles.head}\n                style={{ [\"--tempest-scheduler-days\" as string]: dayCount }}\n            >\n                <span className={styles.gutterHead} />\n                {dayList.map((day, index) => (\n                    <span\n                        key={day.toISOString()}\n                        className={cn(styles.dayHead, index === todayIndex && styles.today)}\n                    >\n                        {dayLabel.format(day)}\n                    </span>\n                ))}\n            </div>\n\n            {allDay.length > 0 && (\n                <div\n                    className={styles.allDayLane}\n                    style={{ [\"--tempest-scheduler-days\" as string]: dayCount }}\n                >\n                    <span className={styles.gutterHead}>Dia inteiro</span>\n                    <div className={styles.allDayTrack}>\n                        {allDay.map(({ event, dayIndex, span }) => (\n                            <button\n                                key={event.id}\n                                type=\"button\"\n                                className={styles.allDayEvent}\n                                style={{ gridColumn: `${dayIndex + 1} / span ${span}` }}\n                                onClick={() => onEventClick?.(event)}\n                                disabled={!onEventClick}\n                            >\n                                {event.title}\n                            </button>\n                        ))}\n                    </div>\n                </div>\n            )}\n\n            {/*\n             * Focusable because it scrolls vertically: a scroll region that cannot be\n             * focused is unreachable by keyboard, which is what `axe`'s\n             * `scrollable-region-focusable` rule is about. It needs a name too, or the\n             * new tab stop would announce nothing — but `group`, not `region`: a named\n             * `region` is a landmark, and two schedulers on one page would then be two\n             * identically-named landmarks (`landmark-unique`).\n             */}\n            <div\n                className={styles.body}\n                style={{ [\"--tempest-scheduler-days\" as string]: dayCount }}\n                tabIndex={0}\n                role=\"group\"\n                aria-label=\"Grade de horários\"\n            >\n                <div className={styles.gutter}>\n                    {marks.map((minute) => (\n                        <span\n                            key={minute}\n                            className={styles.hourLabel}\n                            style={{\n                                top: `${((minute - window.startMinute) / (window.endMinute - window.startMinute)) * 100}%`,\n                            }}\n                        >\n                            {timeLabel.format(\n                                new Date(2026, 0, 1, Math.floor(minute / 60), minute % 60),\n                            )}\n                        </span>\n                    ))}\n                </div>\n\n                {/*\n                 * Not `role=\"grid\"`: that requires `row` children, and the events are\n                 * siblings of the day columns inside one CSS grid — a `row` wrapper\n                 * would stop the columns being grid items and collapse the layout.\n                 * A labelled group per day is the honest structure anyway: a screen\n                 * reader tabs the event buttons and the group name supplies the day.\n                 */}\n                <div className={styles.grid} aria-label=\"Agenda\">\n                    {dayList.map((day, index) => (\n                        <div\n                            key={day.toISOString()}\n                            className={cn(\n                                styles.dayColumn,\n                                index === todayIndex && styles.todayColumn,\n                            )}\n                            role=\"group\"\n                            aria-label={dayLabel.format(day)}\n                            onClick={\n                                onSlotClick\n                                    ? (event) => {\n                                          // Only empty space creates: a click that\n                                          // landed on an event is that event's.\n                                          if (event.target !== event.currentTarget) return;\n                                          onSlotClick(slotFromClick(day, event));\n                                      }\n                                    : undefined\n                            }\n                        >\n                            {marks.map((minute) => (\n                                <span\n                                    key={minute}\n                                    className={styles.hourLine}\n                                    style={{\n                                        top: `${((minute - window.startMinute) / (window.endMinute - window.startMinute)) * 100}%`,\n                                    }}\n                                />\n                            ))}\n                        </div>\n                    ))}\n\n                    {placed.map((item) => (\n                        <button\n                            key={`${item.event.id}-${item.dayIndex}`}\n                            type=\"button\"\n                            className={styles.event}\n                            style={{\n                                gridColumn: `${item.dayIndex + 1} / span 1`,\n                                top: `${item.top * 100}%`,\n                                height: `${item.height * 100}%`,\n                                left: `${(item.column / item.columns) * 100}%`,\n                                width: `${(1 / item.columns) * 100}%`,\n                            }}\n                            onClick={() => onEventClick?.(item.event)}\n                            disabled={!onEventClick}\n                            title={`${item.event.title} — ${timeLabel.format(item.event.start)}`}\n                        >\n                            {renderEvent ? (\n                                renderEvent(item.event)\n                            ) : (\n                                <>\n                                    <span className={styles.eventTime}>\n                                        {timeLabel.format(item.event.start)}\n                                    </span>\n                                    <span className={styles.eventTitle}>{item.event.title}</span>\n                                </>\n                            )}\n                        </button>\n                    ))}\n\n                    {currentFraction !== null && todayIndex >= 0 && (\n                        <span\n                            className={styles.nowLine}\n                            style={{ top: `${currentFraction * 100}%` }}\n                            aria-hidden\n                            data-testid=\"scheduler-now\"\n                        />\n                    )}\n                </div>\n            </div>\n        </div>\n    );\n}\n\nexport type { SchedulerEvent };\n"],"mappings":"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"}

package/dist/components/Scheduler/Scheduler.js.map

@@ -1 +1 @@
-{"version":3,"file":"Scheduler.js","names":[],"sources":["../../../src/components/Scheduler/Scheduler.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — the grid is defined by\n * anchor, days, startHour, endHour and snapMinutes; the content by events,\n * renderEvent, onEventClick and onSlotClick; the reading by locale, showCurrentTime\n * and now. The body lays out overlapping events into columns, which needs the whole\n * day's events at once.\n */\nimport { type HTMLAttributes, type ReactNode, useEffect, useMemo, useState } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport {\n    dayRange,\n    type DayWindow,\n    fractionOfWindow,\n    hourMarks,\n    isSameDay,\n    layoutAllDay,\n    layoutEvents,\n    type SchedulerEvent,\n} from \"./scheduler-layout\";\nimport styles from \"./Scheduler.module.css\";\nimport { dateTimeFormat } from \"@/utils/intl-cache\";\n\nexport interface SchedulerProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Events to place. Instants are read in the browser's local time. */\n    events: readonly SchedulerEvent[];\n    /** Any day within the range to show. Default: today. */\n    anchor?: Date;\n    /** How many consecutive days to render. `1` is a day view, `7` a week. Default `7`. */\n    days?: number;\n    /** First visible hour, `0`–`23`. Default `8`. */\n    startHour?: number;\n    /** Last visible hour, `1`–`24`. Default `20`. */\n    endHour?: number;\n    /** Minutes a click on empty space snaps to. Default `30`. */\n    snapMinutes?: number;\n    /** Called when an event is activated by click, `Enter` or `Space`. */\n    onEventClick?: (event: SchedulerEvent) => void;\n    /** Called with the snapped instant when empty space is clicked. */\n    onSlotClick?: (start: Date) => void;\n    /** Render an event's contents. Defaults to its title and start time. */\n    renderEvent?: (event: SchedulerEvent) => ReactNode;\n    /** Locale for the day and hour labels. Default `\"pt-BR\"`. */\n    locale?: string;\n    /** Draw the current-time line. Default `true`. */\n    showCurrentTime?: boolean;\n    /** Fixed \"now\" for the indicator. Default: the real clock, ticking each minute. */\n    now?: Date;\n}\n\n/** Minutes between ticks of the current-time indicator. */\nconst TICK_MS = 60_000;\n\n/**\n * An agenda: events placed on a time grid across consecutive days.\n *\n * `Calendar` is a date *picker* — it answers \"which day?\". This answers \"what is on\n * those days, and when\", which needs a different structure entirely: a vertical time\n * axis, events sized by duration, and overlapping events sitting side by side.\n *\n * That last part is the one worth naming. Overlapping events are grouped into\n * clusters of mutual overlap and every event in a cluster shares one column count,\n * so widths line up; a column is reused the moment it frees, so `9–10`, `9–10`,\n * `10–11` takes two columns and not three. The layout is pure and lives in\n * `scheduler-layout.ts`.\n *\n * Times are local. An event crossing midnight is split into both day columns, and\n * the day range is built by incrementing the calendar day, so a DST boundary does\n * not duplicate or skip a date.\n *\n * @example\n * <Scheduler\n *     events={bookings}\n *     days={7}\n *     startHour={7}\n *     endHour={21}\n *     onEventClick={(e) => open(e.id)}\n *     onSlotClick={(start) => createAt(start)}\n * />\n */\nexport function Scheduler({\n    events,\n    anchor,\n    days: dayCount = 7,\n    startHour = 8,\n    endHour = 20,\n    snapMinutes = 30,\n    onEventClick,\n    onSlotClick,\n    renderEvent,\n    locale = \"pt-BR\",\n    showCurrentTime = true,\n    now,\n    className,\n    ...rest\n}: SchedulerProps) {\n    const [clock, setClock] = useState<Date>(() => now ?? new Date());\n\n    /**\n     * Keep the current-time line moving.\n     *\n     * Skipped entirely when `now` is supplied: that is the hook tests and demos use\n     * to be deterministic, and a timer would fight it.\n     */\n    useEffect(() => {\n        if (now || !showCurrentTime) return;\n        const id = setInterval(() => setClock(new Date()), TICK_MS);\n        return () => clearInterval(id);\n    }, [now, showCurrentTime]);\n\n    const reference = now ?? clock;\n\n    const window = useMemo<DayWindow>(\n        () => ({ startMinute: startHour * 60, endMinute: endHour * 60 }),\n        [startHour, endHour],\n    );\n\n    /**\n     * The calendar day the range starts from, as a stable string.\n     *\n     * `reference` ticks every minute when the current-time line is live. Depending on\n     * the Date itself would re-slice the day range — and therefore relayout every\n     * event — once a minute; depending on the day only recomputes at midnight.\n     */\n    const anchorDay = (anchor ?? reference).toDateString();\n    const dayList = useMemo(() => dayRange(new Date(anchorDay), dayCount), [anchorDay, dayCount]);\n\n    const placed = useMemo(\n        () => layoutEvents({ events, days: dayList, window }),\n        [events, dayList, window],\n    );\n    const allDay = useMemo(() => layoutAllDay({ events, days: dayList }), [events, dayList]);\n    const marks = useMemo(() => hourMarks(window), [window]);\n\n    const dayLabel = dateTimeFormat(locale, { weekday: \"short\", day: \"numeric\" });\n    const timeLabel = dateTimeFormat(locale, { hour: \"2-digit\", minute: \"2-digit\" });\n\n    /** Turn a click's vertical position within a day column into a snapped instant. */\n    const slotFromClick = (day: Date, event: React.MouseEvent<HTMLDivElement>): Date => {\n        const rect = event.currentTarget.getBoundingClientRect();\n        const fraction = rect.height > 0 ? (event.clientY - rect.top) / rect.height : 0;\n        const raw = window.startMinute + fraction * (window.endMinute - window.startMinute);\n        const snapped = Math.round(raw / snapMinutes) * snapMinutes;\n        const clamped = Math.max(window.startMinute, Math.min(window.endMinute, snapped));\n        const result = new Date(day);\n        result.setHours(0, clamped, 0, 0);\n        return result;\n    };\n\n    const currentFraction = showCurrentTime ? fractionOfWindow(reference, window) : null;\n    const todayIndex = dayList.findIndex((day) => isSameDay(day, reference));\n\n    return (\n        <div className={cn(styles.wrapper, className)} {...rest}>\n            <div\n                className={styles.head}\n                style={{ [\"--tempest-scheduler-days\" as string]: dayCount }}\n            >\n                <span className={styles.gutterHead} />\n                {dayList.map((day, index) => (\n                    <span\n                        key={day.toISOString()}\n                        className={cn(styles.dayHead, index === todayIndex && styles.today)}\n                    >\n                        {dayLabel.format(day)}\n                    </span>\n                ))}\n            </div>\n\n            {allDay.length > 0 && (\n                <div\n                    className={styles.allDayLane}\n                    style={{ [\"--tempest-scheduler-days\" as string]: dayCount }}\n                >\n                    <span className={styles.gutterHead}>Dia inteiro</span>\n                    <div className={styles.allDayTrack}>\n                        {allDay.map(({ event, dayIndex, span }) => (\n                            <button\n                                key={event.id}\n                                type=\"button\"\n                                className={styles.allDayEvent}\n                                style={{ gridColumn: `${dayIndex + 1} / span ${span}` }}\n                                onClick={() => onEventClick?.(event)}\n                                disabled={!onEventClick}\n                            >\n                                {event.title}\n                            </button>\n                        ))}\n                    </div>\n                </div>\n            )}\n\n            {/*\n             * Focusable because it scrolls vertically: a scroll region that cannot be\n             * focused is unreachable by keyboard, which is what `axe`'s\n             * `scrollable-region-focusable` rule is about. It needs a name too, or the\n             * new tab stop would announce nothing — but `group`, not `region`: a named\n             * `region` is a landmark, and two schedulers on one page would then be two\n             * identically-named landmarks (`landmark-unique`).\n             */}\n            <div\n                className={styles.body}\n                style={{ [\"--tempest-scheduler-days\" as string]: dayCount }}\n                tabIndex={0}\n                role=\"group\"\n                aria-label=\"Grade de horários\"\n            >\n                <div className={styles.gutter}>\n                    {marks.map((minute) => (\n                        <span\n                            key={minute}\n                            className={styles.hourLabel}\n                            style={{\n                                top: `${((minute - window.startMinute) / (window.endMinute - window.startMinute)) * 100}%`,\n                            }}\n                        >\n                            {timeLabel.format(\n                                new Date(2026, 0, 1, Math.floor(minute / 60), minute % 60),\n                            )}\n                        </span>\n                    ))}\n                </div>\n\n                {/*\n                 * Not `role=\"grid\"`: that requires `row` children, and the events are\n                 * siblings of the day columns inside one CSS grid — a `row` wrapper\n                 * would stop the columns being grid items and collapse the layout.\n                 * A labelled group per day is the honest structure anyway: a screen\n                 * reader tabs the event buttons and the group name supplies the day.\n                 */}\n                <div className={styles.grid} aria-label=\"Agenda\">\n                    {dayList.map((day, index) => (\n                        <div\n                            key={day.toISOString()}\n                            className={cn(\n                                styles.dayColumn,\n                                index === todayIndex && styles.todayColumn,\n                            )}\n                            role=\"group\"\n                            aria-label={dayLabel.format(day)}\n                            onClick={\n                                onSlotClick\n                                    ? (event) => {\n                                          // Only empty space creates: a click that\n                                          // landed on an event is that event's.\n                                          if (event.target !== event.currentTarget) return;\n                                          onSlotClick(slotFromClick(day, event));\n                                      }\n                                    : undefined\n                            }\n                        >\n                            {marks.map((minute) => (\n                                <span\n                                    key={minute}\n                                    className={styles.hourLine}\n                                    style={{\n                                        top: `${((minute - window.startMinute) / (window.endMinute - window.startMinute)) * 100}%`,\n                                    }}\n                                />\n                            ))}\n                        </div>\n                    ))}\n\n                    {placed.map((item) => (\n                        <button\n                            key={`${item.event.id}-${item.dayIndex}`}\n                            type=\"button\"\n                            className={styles.event}\n                            style={{\n                                gridColumn: `${item.dayIndex + 1} / span 1`,\n                                top: `${item.top * 100}%`,\n                                height: `${item.height * 100}%`,\n                                left: `${(item.column / item.columns) * 100}%`,\n                                width: `${(1 / item.columns) * 100}%`,\n                            }}\n                            onClick={() => onEventClick?.(item.event)}\n                            disabled={!onEventClick}\n                            title={`${item.event.title} — ${timeLabel.format(item.event.start)}`}\n                        >\n                            {renderEvent ? (\n                                renderEvent(item.event)\n                            ) : (\n                                <>\n                                    <span className={styles.eventTime}>\n                                        {timeLabel.format(item.event.start)}\n                                    </span>\n                                    <span className={styles.eventTitle}>{item.event.title}</span>\n                                </>\n                            )}\n                        </button>\n                    ))}\n\n                    {currentFraction !== null && todayIndex >= 0 && (\n                        <span\n                            className={styles.nowLine}\n                            style={{ top: `${currentFraction * 100}%` }}\n                            aria-hidden\n                            data-testid=\"scheduler-now\"\n                        />\n                    )}\n                </div>\n            </div>\n        </div>\n    );\n}\n\nexport type { SchedulerEvent };\n"],"mappings":"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"}
+{"version":3,"file":"Scheduler.js","names":["styles","_Fragment","Scheduler_module_default","Fragment$1","TICK_MS","Scheduler","dayCount","rest","clock","setClock","useState","now","showCurrentTime","id","reference","window","useMemo","startHour","endHour","anchorDay","anchor","dayList","dayRange","placed","layoutEvents","events","allDay","layoutAllDay","marks","hourMarks","dayLabel","dateTimeFormat","locale","timeLabel","slotFromClick","rect","event","fraction","raw","snapped","snapMinutes","clamped","result","day","currentFraction","fractionOfWindow","todayIndex","isSameDay","cn","className","index","dayIndex","span","onEventClick","minute","onSlotClick","item","renderEvent"],"sources":["../../../src/components/Scheduler/Scheduler.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — the grid is defined by\n * anchor, days, startHour, endHour and snapMinutes; the content by events,\n * renderEvent, onEventClick and onSlotClick; the reading by locale, showCurrentTime\n * and now. The body lays out overlapping events into columns, which needs the whole\n * day's events at once.\n */\nimport { type HTMLAttributes, type ReactNode, useEffect, useMemo, useState } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport {\n    dayRange,\n    type DayWindow,\n    fractionOfWindow,\n    hourMarks,\n    isSameDay,\n    layoutAllDay,\n    layoutEvents,\n    type SchedulerEvent,\n} from \"./scheduler-layout\";\nimport styles from \"./Scheduler.module.css\";\nimport { dateTimeFormat } from \"@/utils/intl-cache\";\n\nexport interface SchedulerProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Events to place. Instants are read in the browser's local time. */\n    events: readonly SchedulerEvent[];\n    /** Any day within the range to show. Default: today. */\n    anchor?: Date;\n    /** How many consecutive days to render. `1` is a day view, `7` a week. Default `7`. */\n    days?: number;\n    /** First visible hour, `0`–`23`. Default `8`. */\n    startHour?: number;\n    /** Last visible hour, `1`–`24`. Default `20`. */\n    endHour?: number;\n    /** Minutes a click on empty space snaps to. Default `30`. */\n    snapMinutes?: number;\n    /** Called when an event is activated by click, `Enter` or `Space`. */\n    onEventClick?: (event: SchedulerEvent) => void;\n    /** Called with the snapped instant when empty space is clicked. */\n    onSlotClick?: (start: Date) => void;\n    /** Render an event's contents. Defaults to its title and start time. */\n    renderEvent?: (event: SchedulerEvent) => ReactNode;\n    /** Locale for the day and hour labels. Default `\"pt-BR\"`. */\n    locale?: string;\n    /** Draw the current-time line. Default `true`. */\n    showCurrentTime?: boolean;\n    /** Fixed \"now\" for the indicator. Default: the real clock, ticking each minute. */\n    now?: Date;\n}\n\n/** Minutes between ticks of the current-time indicator. */\nconst TICK_MS = 60_000;\n\n/**\n * An agenda: events placed on a time grid across consecutive days.\n *\n * `Calendar` is a date *picker* — it answers \"which day?\". This answers \"what is on\n * those days, and when\", which needs a different structure entirely: a vertical time\n * axis, events sized by duration, and overlapping events sitting side by side.\n *\n * That last part is the one worth naming. Overlapping events are grouped into\n * clusters of mutual overlap and every event in a cluster shares one column count,\n * so widths line up; a column is reused the moment it frees, so `9–10`, `9–10`,\n * `10–11` takes two columns and not three. The layout is pure and lives in\n * `scheduler-layout.ts`.\n *\n * Times are local. An event crossing midnight is split into both day columns, and\n * the day range is built by incrementing the calendar day, so a DST boundary does\n * not duplicate or skip a date.\n *\n * @example\n * <Scheduler\n *     events={bookings}\n *     days={7}\n *     startHour={7}\n *     endHour={21}\n *     onEventClick={(e) => open(e.id)}\n *     onSlotClick={(start) => createAt(start)}\n * />\n */\nexport function Scheduler({\n    events,\n    anchor,\n    days: dayCount = 7,\n    startHour = 8,\n    endHour = 20,\n    snapMinutes = 30,\n    onEventClick,\n    onSlotClick,\n    renderEvent,\n    locale = \"pt-BR\",\n    showCurrentTime = true,\n    now,\n    className,\n    ...rest\n}: SchedulerProps) {\n    const [clock, setClock] = useState<Date>(() => now ?? new Date());\n\n    /**\n     * Keep the current-time line moving.\n     *\n     * Skipped entirely when `now` is supplied: that is the hook tests and demos use\n     * to be deterministic, and a timer would fight it.\n     */\n    useEffect(() => {\n        if (now || !showCurrentTime) return;\n        const id = setInterval(() => setClock(new Date()), TICK_MS);\n        return () => clearInterval(id);\n    }, [now, showCurrentTime]);\n\n    const reference = now ?? clock;\n\n    const window = useMemo<DayWindow>(\n        () => ({ startMinute: startHour * 60, endMinute: endHour * 60 }),\n        [startHour, endHour],\n    );\n\n    /**\n     * The calendar day the range starts from, as a stable string.\n     *\n     * `reference` ticks every minute when the current-time line is live. Depending on\n     * the Date itself would re-slice the day range — and therefore relayout every\n     * event — once a minute; depending on the day only recomputes at midnight.\n     */\n    const anchorDay = (anchor ?? reference).toDateString();\n    const dayList = useMemo(() => dayRange(new Date(anchorDay), dayCount), [anchorDay, dayCount]);\n\n    const placed = useMemo(\n        () => layoutEvents({ events, days: dayList, window }),\n        [events, dayList, window],\n    );\n    const allDay = useMemo(() => layoutAllDay({ events, days: dayList }), [events, dayList]);\n    const marks = useMemo(() => hourMarks(window), [window]);\n\n    const dayLabel = dateTimeFormat(locale, { weekday: \"short\", day: \"numeric\" });\n    const timeLabel = dateTimeFormat(locale, { hour: \"2-digit\", minute: \"2-digit\" });\n\n    /** Turn a click's vertical position within a day column into a snapped instant. */\n    const slotFromClick = (day: Date, event: React.MouseEvent<HTMLDivElement>): Date => {\n        const rect = event.currentTarget.getBoundingClientRect();\n        const fraction = rect.height > 0 ? (event.clientY - rect.top) / rect.height : 0;\n        const raw = window.startMinute + fraction * (window.endMinute - window.startMinute);\n        const snapped = Math.round(raw / snapMinutes) * snapMinutes;\n        const clamped = Math.max(window.startMinute, Math.min(window.endMinute, snapped));\n        const result = new Date(day);\n        result.setHours(0, clamped, 0, 0);\n        return result;\n    };\n\n    const currentFraction = showCurrentTime ? fractionOfWindow(reference, window) : null;\n    const todayIndex = dayList.findIndex((day) => isSameDay(day, reference));\n\n    return (\n        <div className={cn(styles.wrapper, className)} {...rest}>\n            <div\n                className={styles.head}\n                style={{ [\"--tempest-scheduler-days\" as string]: dayCount }}\n            >\n                <span className={styles.gutterHead} />\n                {dayList.map((day, index) => (\n                    <span\n                        key={day.toISOString()}\n                        className={cn(styles.dayHead, index === todayIndex && styles.today)}\n                    >\n                        {dayLabel.format(day)}\n                    </span>\n                ))}\n            </div>\n\n            {allDay.length > 0 && (\n                <div\n                    className={styles.allDayLane}\n                    style={{ [\"--tempest-scheduler-days\" as string]: dayCount }}\n                >\n                    <span className={styles.gutterHead}>Dia inteiro</span>\n                    <div className={styles.allDayTrack}>\n                        {allDay.map(({ event, dayIndex, span }) => (\n                            <button\n                                key={event.id}\n                                type=\"button\"\n                                className={styles.allDayEvent}\n                                style={{ gridColumn: `${dayIndex + 1} / span ${span}` }}\n                                onClick={() => onEventClick?.(event)}\n                                disabled={!onEventClick}\n                            >\n                                {event.title}\n                            </button>\n                        ))}\n                    </div>\n                </div>\n            )}\n\n            {/*\n             * Focusable because it scrolls vertically: a scroll region that cannot be\n             * focused is unreachable by keyboard, which is what `axe`'s\n             * `scrollable-region-focusable` rule is about. It needs a name too, or the\n             * new tab stop would announce nothing — but `group`, not `region`: a named\n             * `region` is a landmark, and two schedulers on one page would then be two\n             * identically-named landmarks (`landmark-unique`).\n             */}\n            <div\n                className={styles.body}\n                style={{ [\"--tempest-scheduler-days\" as string]: dayCount }}\n                tabIndex={0}\n                role=\"group\"\n                aria-label=\"Grade de horários\"\n            >\n                <div className={styles.gutter}>\n                    {marks.map((minute) => (\n                        <span\n                            key={minute}\n                            className={styles.hourLabel}\n                            style={{\n                                top: `${((minute - window.startMinute) / (window.endMinute - window.startMinute)) * 100}%`,\n                            }}\n                        >\n                            {timeLabel.format(\n                                new Date(2026, 0, 1, Math.floor(minute / 60), minute % 60),\n                            )}\n                        </span>\n                    ))}\n                </div>\n\n                {/*\n                 * Not `role=\"grid\"`: that requires `row` children, and the events are\n                 * siblings of the day columns inside one CSS grid — a `row` wrapper\n                 * would stop the columns being grid items and collapse the layout.\n                 * A labelled group per day is the honest structure anyway: a screen\n                 * reader tabs the event buttons and the group name supplies the day.\n                 */}\n                <div className={styles.grid} aria-label=\"Agenda\">\n                    {dayList.map((day, index) => (\n                        <div\n                            key={day.toISOString()}\n                            className={cn(\n                                styles.dayColumn,\n                                index === todayIndex && styles.todayColumn,\n                            )}\n                            role=\"group\"\n                            aria-label={dayLabel.format(day)}\n                            onClick={\n                                onSlotClick\n                                    ? (event) => {\n                                          // Only empty space creates: a click that\n                                          // landed on an event is that event's.\n                                          if (event.target !== event.currentTarget) return;\n                                          onSlotClick(slotFromClick(day, event));\n                                      }\n                                    : undefined\n                            }\n                        >\n                            {marks.map((minute) => (\n                                <span\n                                    key={minute}\n                                    className={styles.hourLine}\n                                    style={{\n                                        top: `${((minute - window.startMinute) / (window.endMinute - window.startMinute)) * 100}%`,\n                                    }}\n                                />\n                            ))}\n                        </div>\n                    ))}\n\n                    {placed.map((item) => (\n                        <button\n                            key={`${item.event.id}-${item.dayIndex}`}\n                            type=\"button\"\n                            className={styles.event}\n                            style={{\n                                gridColumn: `${item.dayIndex + 1} / span 1`,\n                                top: `${item.top * 100}%`,\n                                height: `${item.height * 100}%`,\n                                left: `${(item.column / item.columns) * 100}%`,\n                                width: `${(1 / item.columns) * 100}%`,\n                            }}\n                            onClick={() => onEventClick?.(item.event)}\n                            disabled={!onEventClick}\n                            title={`${item.event.title} — ${timeLabel.format(item.event.start)}`}\n                        >\n                            {renderEvent ? (\n                                renderEvent(item.event)\n                            ) : (\n                                <>\n                                    <span className={styles.eventTime}>\n                                        {timeLabel.format(item.event.start)}\n                                    </span>\n                                    <span className={styles.eventTitle}>{item.event.title}</span>\n                                </>\n                            )}\n                        </button>\n                    ))}\n\n                    {currentFraction !== null && todayIndex >= 0 && (\n                        <span\n                            className={styles.nowLine}\n                            style={{ top: `${currentFraction * 100}%` }}\n                            aria-hidden\n                            data-testid=\"scheduler-now\"\n                        />\n                    )}\n                </div>\n            </div>\n        </div>\n    );\n}\n\nexport type { SchedulerEvent };\n"],"mappings":"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"}

package/dist/components/Scheduler/Scheduler.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Scheduler.module.cjs","names":[],"sources":["../../../src/components/Scheduler/Scheduler.module.css"],"sourcesContent":[".wrapper {\n    /*\n     * Column widths are declared once here and reused by the header, the all-day\n     * lane and the grid — three separate grids that have to line up exactly, and\n     * would drift the moment any of them computed its own tracks.\n     */\n    --tempest-scheduler-gutter: 3.5rem;\n    --tempest-scheduler-height: 32rem;\n\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-bg);\n    font-family: var(--tempest-font-sans);\n    overflow: hidden;\n}\n\n.head,\n.allDayLane {\n    display: grid;\n    grid-template-columns: var(--tempest-scheduler-gutter) repeat(\n            var(--tempest-scheduler-days),\n            minmax(0, 1fr)\n        );\n    border-bottom: 1px solid var(--tempest-border);\n    background-color: var(--tempest-surface);\n}\n\n.dayHead {\n    padding: var(--tempest-space-2);\n    text-align: center;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n    letter-spacing: var(--tempest-tracking-wide);\n    text-transform: capitalize;\n    border-left: 1px solid var(--tempest-border);\n}\n\n.dayHead.today {\n    color: var(--tempest-primary);\n}\n\n.gutterHead {\n    padding: var(--tempest-space-2);\n    color: var(--tempest-text-muted);\n    font-size: 0.625rem;\n    text-align: right;\n}\n\n.allDayTrack {\n    display: grid;\n    grid-template-columns: repeat(var(--tempest-scheduler-days), minmax(0, 1fr));\n    grid-column: 2 / -1;\n    gap: 2px;\n    padding: 2px;\n}\n\n.allDayEvent {\n    overflow: hidden;\n    padding: 0 var(--tempest-space-2);\n    border: none;\n    border-radius: var(--tempest-radius-sm);\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    font: inherit;\n    font-size: var(--tempest-text-xs);\n    line-height: 1.5rem;\n    text-align: left;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    cursor: pointer;\n}\n\n.allDayEvent:disabled {\n    cursor: default;\n}\n\n.body {\n    display: grid;\n    grid-template-columns: var(--tempest-scheduler-gutter) 1fr;\n    height: var(--tempest-scheduler-height);\n    overflow-y: auto;\n}\n\n.gutter {\n    position: relative;\n    border-right: 1px solid var(--tempest-border);\n}\n\n.hourLabel {\n    position: absolute;\n    right: var(--tempest-space-1);\n    /*\n     * Nudged up by half a line so the label reads as sitting *on* its hour line\n     * rather than hanging below it.\n     */\n    transform: translateY(-50%);\n    color: var(--tempest-text-muted);\n    font-size: 0.625rem;\n    font-variant-numeric: tabular-nums;\n}\n\n.grid {\n    position: relative;\n    display: grid;\n    grid-template-columns: repeat(var(--tempest-scheduler-days), minmax(0, 1fr));\n}\n\n.dayColumn {\n    position: relative;\n    grid-row: 1;\n    border-left: 1px solid var(--tempest-border);\n}\n\n.dayColumn:first-child {\n    border-left: none;\n}\n\n.todayColumn {\n    background-color: var(--tempest-surface);\n}\n\n.hourLine {\n    position: absolute;\n    left: 0;\n    right: 0;\n    border-top: 1px solid var(--tempest-border);\n    pointer-events: none;\n}\n\n/*\n * Events live in the same grid as the day columns, one row deep, positioned inside\n * their column by percentage. Being siblings of the columns rather than children is\n * what lets an event overlay the hour lines without clipping.\n */\n/*\n * Absolutely positioned, so the inline `grid-column` it is placed with must name\n * BOTH lines. For an abspos child of a grid container an `auto` side does not\n * mean \"span 1\" — CSS Grid §9.2 resolves it to the container's padding edge, so\n * a bare `grid-column: 3` runs from column 3 to the end of the week and every\n * event covers the whole view. A one-day scheduler hides it: there, \"column 1 to\n * the edge\" happens to be one column. Hence `N / span 1` in Scheduler.tsx.\n */\n.event {\n    position: absolute;\n    grid-row: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 1px;\n    overflow: hidden;\n    padding: 2px var(--tempest-space-1);\n    border: 1px solid var(--tempest-bg);\n    border-radius: var(--tempest-radius-sm);\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    font: inherit;\n    text-align: left;\n    cursor: pointer;\n}\n\n.event:disabled {\n    cursor: default;\n}\n\n.event:focus-visible {\n    outline: 2px solid var(--tempest-text);\n    outline-offset: -2px;\n}\n\n/*\n * No `opacity` here, deliberately. Dimming the time to signal it as secondary drops\n * it below the AA contrast threshold against the event fill — the browser `axe` sweep\n * caught exactly that (jsdom cannot, since it does not paint). The hierarchy comes\n * from size and weight instead, which cost nothing in contrast.\n */\n.eventTime {\n    font-size: 0.625rem;\n    font-variant-numeric: tabular-nums;\n}\n\n.eventTitle {\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-medium);\n    line-height: var(--tempest-leading-snug);\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.nowLine {\n    position: absolute;\n    left: 0;\n    right: 0;\n    grid-row: 1;\n    grid-column: 1 / -1;\n    height: 0;\n    border-top: 2px solid var(--tempest-danger, #dc2626);\n    pointer-events: none;\n    z-index: 1;\n}\n\n@media (max-width: 640px) {\n    .wrapper {\n        --tempest-scheduler-gutter: 2.75rem;\n    }\n\n    .dayHead {\n        font-size: 0.625rem;\n        padding: var(--tempest-space-1);\n    }\n}\n"],"mappings":";"}
+{"version":3,"file":"Scheduler.module.cjs","names":["wrapper","head","allDayLane","dayHead","today","gutterHead","allDayTrack","allDayEvent","body","gutter","hourLabel","grid","dayColumn","todayColumn","hourLine","event","eventTime","eventTitle","nowLine","Scheduler_module_default"],"sources":["../../../src/components/Scheduler/Scheduler.module.css"],"sourcesContent":[".wrapper {\n    /*\n     * Column widths are declared once here and reused by the header, the all-day\n     * lane and the grid — three separate grids that have to line up exactly, and\n     * would drift the moment any of them computed its own tracks.\n     */\n    --tempest-scheduler-gutter: 3.5rem;\n    --tempest-scheduler-height: 32rem;\n\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-bg);\n    font-family: var(--tempest-font-sans);\n    overflow: hidden;\n}\n\n.head,\n.allDayLane {\n    display: grid;\n    grid-template-columns: var(--tempest-scheduler-gutter) repeat(\n            var(--tempest-scheduler-days),\n            minmax(0, 1fr)\n        );\n    border-bottom: 1px solid var(--tempest-border);\n    background-color: var(--tempest-surface);\n}\n\n.dayHead {\n    padding: var(--tempest-space-2);\n    text-align: center;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n    letter-spacing: var(--tempest-tracking-wide);\n    text-transform: capitalize;\n    border-left: 1px solid var(--tempest-border);\n}\n\n.dayHead.today {\n    color: var(--tempest-primary);\n}\n\n.gutterHead {\n    padding: var(--tempest-space-2);\n    color: var(--tempest-text-muted);\n    font-size: 0.625rem;\n    text-align: right;\n}\n\n.allDayTrack {\n    display: grid;\n    grid-template-columns: repeat(var(--tempest-scheduler-days), minmax(0, 1fr));\n    grid-column: 2 / -1;\n    gap: 2px;\n    padding: 2px;\n}\n\n.allDayEvent {\n    overflow: hidden;\n    padding: 0 var(--tempest-space-2);\n    border: none;\n    border-radius: var(--tempest-radius-sm);\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    font: inherit;\n    font-size: var(--tempest-text-xs);\n    line-height: 1.5rem;\n    text-align: left;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    cursor: pointer;\n}\n\n.allDayEvent:disabled {\n    cursor: default;\n}\n\n.body {\n    display: grid;\n    grid-template-columns: var(--tempest-scheduler-gutter) 1fr;\n    height: var(--tempest-scheduler-height);\n    overflow-y: auto;\n}\n\n.gutter {\n    position: relative;\n    border-right: 1px solid var(--tempest-border);\n}\n\n.hourLabel {\n    position: absolute;\n    right: var(--tempest-space-1);\n    /*\n     * Nudged up by half a line so the label reads as sitting *on* its hour line\n     * rather than hanging below it.\n     */\n    transform: translateY(-50%);\n    color: var(--tempest-text-muted);\n    font-size: 0.625rem;\n    font-variant-numeric: tabular-nums;\n}\n\n.grid {\n    position: relative;\n    display: grid;\n    grid-template-columns: repeat(var(--tempest-scheduler-days), minmax(0, 1fr));\n}\n\n.dayColumn {\n    position: relative;\n    grid-row: 1;\n    border-left: 1px solid var(--tempest-border);\n}\n\n.dayColumn:first-child {\n    border-left: none;\n}\n\n.todayColumn {\n    background-color: var(--tempest-surface);\n}\n\n.hourLine {\n    position: absolute;\n    left: 0;\n    right: 0;\n    border-top: 1px solid var(--tempest-border);\n    pointer-events: none;\n}\n\n/*\n * Events live in the same grid as the day columns, one row deep, positioned inside\n * their column by percentage. Being siblings of the columns rather than children is\n * what lets an event overlay the hour lines without clipping.\n */\n/*\n * Absolutely positioned, so the inline `grid-column` it is placed with must name\n * BOTH lines. For an abspos child of a grid container an `auto` side does not\n * mean \"span 1\" — CSS Grid §9.2 resolves it to the container's padding edge, so\n * a bare `grid-column: 3` runs from column 3 to the end of the week and every\n * event covers the whole view. A one-day scheduler hides it: there, \"column 1 to\n * the edge\" happens to be one column. Hence `N / span 1` in Scheduler.tsx.\n */\n.event {\n    position: absolute;\n    grid-row: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 1px;\n    overflow: hidden;\n    padding: 2px var(--tempest-space-1);\n    border: 1px solid var(--tempest-bg);\n    border-radius: var(--tempest-radius-sm);\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    font: inherit;\n    text-align: left;\n    cursor: pointer;\n}\n\n.event:disabled {\n    cursor: default;\n}\n\n.event:focus-visible {\n    outline: 2px solid var(--tempest-text);\n    outline-offset: -2px;\n}\n\n/*\n * No `opacity` here, deliberately. Dimming the time to signal it as secondary drops\n * it below the AA contrast threshold against the event fill — the browser `axe` sweep\n * caught exactly that (jsdom cannot, since it does not paint). The hierarchy comes\n * from size and weight instead, which cost nothing in contrast.\n */\n.eventTime {\n    font-size: 0.625rem;\n    font-variant-numeric: tabular-nums;\n}\n\n.eventTitle {\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-medium);\n    line-height: var(--tempest-leading-snug);\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.nowLine {\n    position: absolute;\n    left: 0;\n    right: 0;\n    grid-row: 1;\n    grid-column: 1 / -1;\n    height: 0;\n    border-top: 2px solid var(--tempest-danger, #dc2626);\n    pointer-events: none;\n    z-index: 1;\n}\n\n@media (max-width: 640px) {\n    .wrapper {\n        --tempest-scheduler-gutter: 2.75rem;\n    }\n\n    .dayHead {\n        font-size: 0.625rem;\n        padding: var(--tempest-space-1);\n    }\n}\n"],"mappings":";"}

package/dist/components/Scheduler/Scheduler.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Scheduler.module.js","names":[],"sources":["../../../src/components/Scheduler/Scheduler.module.css"],"sourcesContent":[".wrapper {\n    /*\n     * Column widths are declared once here and reused by the header, the all-day\n     * lane and the grid — three separate grids that have to line up exactly, and\n     * would drift the moment any of them computed its own tracks.\n     */\n    --tempest-scheduler-gutter: 3.5rem;\n    --tempest-scheduler-height: 32rem;\n\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-bg);\n    font-family: var(--tempest-font-sans);\n    overflow: hidden;\n}\n\n.head,\n.allDayLane {\n    display: grid;\n    grid-template-columns: var(--tempest-scheduler-gutter) repeat(\n            var(--tempest-scheduler-days),\n            minmax(0, 1fr)\n        );\n    border-bottom: 1px solid var(--tempest-border);\n    background-color: var(--tempest-surface);\n}\n\n.dayHead {\n    padding: var(--tempest-space-2);\n    text-align: center;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n    letter-spacing: var(--tempest-tracking-wide);\n    text-transform: capitalize;\n    border-left: 1px solid var(--tempest-border);\n}\n\n.dayHead.today {\n    color: var(--tempest-primary);\n}\n\n.gutterHead {\n    padding: var(--tempest-space-2);\n    color: var(--tempest-text-muted);\n    font-size: 0.625rem;\n    text-align: right;\n}\n\n.allDayTrack {\n    display: grid;\n    grid-template-columns: repeat(var(--tempest-scheduler-days), minmax(0, 1fr));\n    grid-column: 2 / -1;\n    gap: 2px;\n    padding: 2px;\n}\n\n.allDayEvent {\n    overflow: hidden;\n    padding: 0 var(--tempest-space-2);\n    border: none;\n    border-radius: var(--tempest-radius-sm);\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    font: inherit;\n    font-size: var(--tempest-text-xs);\n    line-height: 1.5rem;\n    text-align: left;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    cursor: pointer;\n}\n\n.allDayEvent:disabled {\n    cursor: default;\n}\n\n.body {\n    display: grid;\n    grid-template-columns: var(--tempest-scheduler-gutter) 1fr;\n    height: var(--tempest-scheduler-height);\n    overflow-y: auto;\n}\n\n.gutter {\n    position: relative;\n    border-right: 1px solid var(--tempest-border);\n}\n\n.hourLabel {\n    position: absolute;\n    right: var(--tempest-space-1);\n    /*\n     * Nudged up by half a line so the label reads as sitting *on* its hour line\n     * rather than hanging below it.\n     */\n    transform: translateY(-50%);\n    color: var(--tempest-text-muted);\n    font-size: 0.625rem;\n    font-variant-numeric: tabular-nums;\n}\n\n.grid {\n    position: relative;\n    display: grid;\n    grid-template-columns: repeat(var(--tempest-scheduler-days), minmax(0, 1fr));\n}\n\n.dayColumn {\n    position: relative;\n    grid-row: 1;\n    border-left: 1px solid var(--tempest-border);\n}\n\n.dayColumn:first-child {\n    border-left: none;\n}\n\n.todayColumn {\n    background-color: var(--tempest-surface);\n}\n\n.hourLine {\n    position: absolute;\n    left: 0;\n    right: 0;\n    border-top: 1px solid var(--tempest-border);\n    pointer-events: none;\n}\n\n/*\n * Events live in the same grid as the day columns, one row deep, positioned inside\n * their column by percentage. Being siblings of the columns rather than children is\n * what lets an event overlay the hour lines without clipping.\n */\n/*\n * Absolutely positioned, so the inline `grid-column` it is placed with must name\n * BOTH lines. For an abspos child of a grid container an `auto` side does not\n * mean \"span 1\" — CSS Grid §9.2 resolves it to the container's padding edge, so\n * a bare `grid-column: 3` runs from column 3 to the end of the week and every\n * event covers the whole view. A one-day scheduler hides it: there, \"column 1 to\n * the edge\" happens to be one column. Hence `N / span 1` in Scheduler.tsx.\n */\n.event {\n    position: absolute;\n    grid-row: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 1px;\n    overflow: hidden;\n    padding: 2px var(--tempest-space-1);\n    border: 1px solid var(--tempest-bg);\n    border-radius: var(--tempest-radius-sm);\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    font: inherit;\n    text-align: left;\n    cursor: pointer;\n}\n\n.event:disabled {\n    cursor: default;\n}\n\n.event:focus-visible {\n    outline: 2px solid var(--tempest-text);\n    outline-offset: -2px;\n}\n\n/*\n * No `opacity` here, deliberately. Dimming the time to signal it as secondary drops\n * it below the AA contrast threshold against the event fill — the browser `axe` sweep\n * caught exactly that (jsdom cannot, since it does not paint). The hierarchy comes\n * from size and weight instead, which cost nothing in contrast.\n */\n.eventTime {\n    font-size: 0.625rem;\n    font-variant-numeric: tabular-nums;\n}\n\n.eventTitle {\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-medium);\n    line-height: var(--tempest-leading-snug);\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.nowLine {\n    position: absolute;\n    left: 0;\n    right: 0;\n    grid-row: 1;\n    grid-column: 1 / -1;\n    height: 0;\n    border-top: 2px solid var(--tempest-danger, #dc2626);\n    pointer-events: none;\n    z-index: 1;\n}\n\n@media (max-width: 640px) {\n    .wrapper {\n        --tempest-scheduler-gutter: 2.75rem;\n    }\n\n    .dayHead {\n        font-size: 0.625rem;\n        padding: var(--tempest-space-1);\n    }\n}\n"],"mappings":";"}
+{"version":3,"file":"Scheduler.module.js","names":["wrapper","head","allDayLane","dayHead","today","gutterHead","allDayTrack","allDayEvent","body","gutter","hourLabel","grid","dayColumn","todayColumn","hourLine","event","eventTime","eventTitle","nowLine","Scheduler_module_default"],"sources":["../../../src/components/Scheduler/Scheduler.module.css"],"sourcesContent":[".wrapper {\n    /*\n     * Column widths are declared once here and reused by the header, the all-day\n     * lane and the grid — three separate grids that have to line up exactly, and\n     * would drift the moment any of them computed its own tracks.\n     */\n    --tempest-scheduler-gutter: 3.5rem;\n    --tempest-scheduler-height: 32rem;\n\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-bg);\n    font-family: var(--tempest-font-sans);\n    overflow: hidden;\n}\n\n.head,\n.allDayLane {\n    display: grid;\n    grid-template-columns: var(--tempest-scheduler-gutter) repeat(\n            var(--tempest-scheduler-days),\n            minmax(0, 1fr)\n        );\n    border-bottom: 1px solid var(--tempest-border);\n    background-color: var(--tempest-surface);\n}\n\n.dayHead {\n    padding: var(--tempest-space-2);\n    text-align: center;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n    letter-spacing: var(--tempest-tracking-wide);\n    text-transform: capitalize;\n    border-left: 1px solid var(--tempest-border);\n}\n\n.dayHead.today {\n    color: var(--tempest-primary);\n}\n\n.gutterHead {\n    padding: var(--tempest-space-2);\n    color: var(--tempest-text-muted);\n    font-size: 0.625rem;\n    text-align: right;\n}\n\n.allDayTrack {\n    display: grid;\n    grid-template-columns: repeat(var(--tempest-scheduler-days), minmax(0, 1fr));\n    grid-column: 2 / -1;\n    gap: 2px;\n    padding: 2px;\n}\n\n.allDayEvent {\n    overflow: hidden;\n    padding: 0 var(--tempest-space-2);\n    border: none;\n    border-radius: var(--tempest-radius-sm);\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    font: inherit;\n    font-size: var(--tempest-text-xs);\n    line-height: 1.5rem;\n    text-align: left;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    cursor: pointer;\n}\n\n.allDayEvent:disabled {\n    cursor: default;\n}\n\n.body {\n    display: grid;\n    grid-template-columns: var(--tempest-scheduler-gutter) 1fr;\n    height: var(--tempest-scheduler-height);\n    overflow-y: auto;\n}\n\n.gutter {\n    position: relative;\n    border-right: 1px solid var(--tempest-border);\n}\n\n.hourLabel {\n    position: absolute;\n    right: var(--tempest-space-1);\n    /*\n     * Nudged up by half a line so the label reads as sitting *on* its hour line\n     * rather than hanging below it.\n     */\n    transform: translateY(-50%);\n    color: var(--tempest-text-muted);\n    font-size: 0.625rem;\n    font-variant-numeric: tabular-nums;\n}\n\n.grid {\n    position: relative;\n    display: grid;\n    grid-template-columns: repeat(var(--tempest-scheduler-days), minmax(0, 1fr));\n}\n\n.dayColumn {\n    position: relative;\n    grid-row: 1;\n    border-left: 1px solid var(--tempest-border);\n}\n\n.dayColumn:first-child {\n    border-left: none;\n}\n\n.todayColumn {\n    background-color: var(--tempest-surface);\n}\n\n.hourLine {\n    position: absolute;\n    left: 0;\n    right: 0;\n    border-top: 1px solid var(--tempest-border);\n    pointer-events: none;\n}\n\n/*\n * Events live in the same grid as the day columns, one row deep, positioned inside\n * their column by percentage. Being siblings of the columns rather than children is\n * what lets an event overlay the hour lines without clipping.\n */\n/*\n * Absolutely positioned, so the inline `grid-column` it is placed with must name\n * BOTH lines. For an abspos child of a grid container an `auto` side does not\n * mean \"span 1\" — CSS Grid §9.2 resolves it to the container's padding edge, so\n * a bare `grid-column: 3` runs from column 3 to the end of the week and every\n * event covers the whole view. A one-day scheduler hides it: there, \"column 1 to\n * the edge\" happens to be one column. Hence `N / span 1` in Scheduler.tsx.\n */\n.event {\n    position: absolute;\n    grid-row: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 1px;\n    overflow: hidden;\n    padding: 2px var(--tempest-space-1);\n    border: 1px solid var(--tempest-bg);\n    border-radius: var(--tempest-radius-sm);\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    font: inherit;\n    text-align: left;\n    cursor: pointer;\n}\n\n.event:disabled {\n    cursor: default;\n}\n\n.event:focus-visible {\n    outline: 2px solid var(--tempest-text);\n    outline-offset: -2px;\n}\n\n/*\n * No `opacity` here, deliberately. Dimming the time to signal it as secondary drops\n * it below the AA contrast threshold against the event fill — the browser `axe` sweep\n * caught exactly that (jsdom cannot, since it does not paint). The hierarchy comes\n * from size and weight instead, which cost nothing in contrast.\n */\n.eventTime {\n    font-size: 0.625rem;\n    font-variant-numeric: tabular-nums;\n}\n\n.eventTitle {\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-medium);\n    line-height: var(--tempest-leading-snug);\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.nowLine {\n    position: absolute;\n    left: 0;\n    right: 0;\n    grid-row: 1;\n    grid-column: 1 / -1;\n    height: 0;\n    border-top: 2px solid var(--tempest-danger, #dc2626);\n    pointer-events: none;\n    z-index: 1;\n}\n\n@media (max-width: 640px) {\n    .wrapper {\n        --tempest-scheduler-gutter: 2.75rem;\n    }\n\n    .dayHead {\n        font-size: 0.625rem;\n        padding: var(--tempest-space-1);\n    }\n}\n"],"mappings":";"}

package/dist/components/Scheduler/scheduler-layout.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"scheduler-layout.cjs","names":[],"sources":["../../../src/components/Scheduler/scheduler-layout.ts"],"sourcesContent":["/** An event on the schedule. `start`/`end` are absolute instants in local time. */\nexport interface SchedulerEvent {\n    id: string;\n    title: string;\n    start: Date;\n    end: Date;\n    /** Render across the all-day lane instead of the time grid. */\n    allDay?: boolean;\n    /** Free-form payload the app passes through. */\n    data?: Record<string, unknown>;\n}\n\n/** An event placed in the grid: which day, where vertically, which column. */\nexport interface PlacedEvent {\n    event: SchedulerEvent;\n    /** Index into the rendered day list. */\n    dayIndex: number;\n    /** Distance from the top of the day column, as a fraction of its height. */\n    top: number;\n    /** Height as a fraction of the day column. */\n    height: number;\n    /** Column this event occupies among its overlapping cluster, zero-based. */\n    column: number;\n    /** How many columns the cluster was split into. */\n    columns: number;\n}\n\n/** The visible time window of a day, in minutes from midnight. */\nexport interface DayWindow {\n    startMinute: number;\n    endMinute: number;\n}\n\n/** Minutes from midnight, in local time. */\nexport function minutesOfDay(date: Date): number {\n    return date.getHours() * 60 + date.getMinutes();\n}\n\n/** Midnight local time on the same calendar day as `date`. */\nexport function startOfDay(date: Date): Date {\n    const copy = new Date(date);\n    copy.setHours(0, 0, 0, 0);\n    return copy;\n}\n\n/** `date` shifted by whole days, preserving local wall-clock time. */\nexport function addDays(date: Date, days: number): Date {\n    const copy = new Date(date);\n    copy.setDate(copy.getDate() + days);\n    return copy;\n}\n\n/** Whether two dates fall on the same local calendar day. */\nexport function isSameDay(a: Date, b: Date): boolean {\n    return (\n        a.getFullYear() === b.getFullYear() &&\n        a.getMonth() === b.getMonth() &&\n        a.getDate() === b.getDate()\n    );\n}\n\n/**\n * The consecutive local days a schedule should render.\n *\n * Built by incrementing the calendar day rather than adding 24 h of milliseconds:\n * across a DST boundary a day is 23 or 25 hours long, and millisecond arithmetic\n * would silently produce a duplicated or skipped date.\n *\n * @param anchor - Any instant within the first day.\n * @param count - How many days to produce.\n * @returns Midnight of each day, in order.\n */\nexport function dayRange(anchor: Date, count: number): Date[] {\n    const first = startOfDay(anchor);\n    return Array.from({ length: Math.max(0, count) }, (_, index) => addDays(first, index));\n}\n\n/**\n * Split an event into one segment per day it touches, clipped to the window.\n *\n * An event that crosses midnight has to appear in both columns, and each piece has\n * to be clipped to that day's visible window — otherwise a 23:00–01:00 booking\n * either vanishes or is drawn far outside its column.\n *\n * @param event - The event to place.\n * @param days - Midnight of each rendered day.\n * @param window - Visible minute range shared by every day.\n * @returns One entry per day the event is visible on.\n */\nfunction segmentsFor(\n    event: SchedulerEvent,\n    days: Date[],\n    window: DayWindow,\n): { dayIndex: number; from: number; to: number }[] {\n    const out: { dayIndex: number; from: number; to: number }[] = [];\n    days.forEach((day, dayIndex) => {\n        const dayStart = day.getTime();\n        const dayEnd = addDays(day, 1).getTime();\n        if (event.end.getTime() <= dayStart || event.start.getTime() >= dayEnd) return;\n\n        const from = event.start.getTime() <= dayStart ? 0 : minutesOfDay(event.start);\n        const to =\n            event.end.getTime() >= dayEnd\n                ? 24 * 60\n                : minutesOfDay(event.end) || (event.end.getTime() > dayStart ? 24 * 60 : 0);\n\n        const clippedFrom = Math.max(window.startMinute, from);\n        const clippedTo = Math.min(window.endMinute, to);\n        if (clippedTo <= clippedFrom) return;\n        out.push({ dayIndex, from: clippedFrom, to: clippedTo });\n    });\n    return out;\n}\n\n/**\n * Assign columns so overlapping events sit side by side instead of on top.\n *\n * Events are grouped into *clusters* of mutual overlap — a chain where each event\n * overlaps at least one other — and every event in a cluster is given the same\n * column count. That shared count is what makes the widths line up; assigning\n * columns per pair instead produces the ragged layout where two events claim half\n * the width and a third silently covers one of them.\n *\n * A column is reused as soon as it is free, so `9–10`, `9–10`, `10–11` needs two\n * columns rather than three.\n *\n * @param segments - Same-day segments, in any order.\n * @returns The same segments with `column` and `columns` filled in.\n */\nfunction assignColumns<T extends { from: number; to: number }>(\n    segments: T[],\n): (T & { column: number; columns: number })[] {\n    const sorted = [...segments].sort((a, b) => a.from - b.from || a.to - b.to);\n    const placed: (T & { column: number; columns: number })[] = [];\n\n    let cluster: (T & { column: number; columns: number })[] = [];\n    let clusterEnd = -Infinity;\n\n    /** Freeze the current cluster: everyone in it shares its column count. */\n    const closeCluster = (): void => {\n        const width = cluster.reduce((max, item) => Math.max(max, item.column + 1), 0);\n        for (const item of cluster) item.columns = width;\n        placed.push(...cluster);\n        cluster = [];\n        clusterEnd = -Infinity;\n    };\n\n    for (const segment of sorted) {\n        if (segment.from >= clusterEnd) closeCluster();\n\n        // Lowest column whose last event has already ended.\n        const taken = new Set(\n            cluster.filter((item) => item.to > segment.from).map((i) => i.column),\n        );\n        let column = 0;\n        while (taken.has(column)) column += 1;\n\n        cluster.push({ ...segment, column, columns: 1 });\n        clusterEnd = Math.max(clusterEnd, segment.to);\n    }\n    closeCluster();\n\n    return placed;\n}\n\n/**\n * Lay out timed events across the rendered days.\n *\n * All-day events are excluded — they belong in their own lane, where a vertical\n * position would be meaningless.\n *\n * @param params.events - Every event, all-day ones included.\n * @param params.days - Midnight of each rendered day.\n * @param params.window - Visible minute range.\n * @returns Placed events, positioned as fractions of the column height.\n */\nexport function layoutEvents({\n    events,\n    days,\n    window,\n}: {\n    events: readonly SchedulerEvent[];\n    days: Date[];\n    window: DayWindow;\n}): PlacedEvent[] {\n    const span = window.endMinute - window.startMinute;\n    if (span <= 0 || days.length === 0) return [];\n\n    const byDay = new Map<number, { event: SchedulerEvent; from: number; to: number }[]>();\n    for (const event of events) {\n        if (event.allDay) continue;\n        if (event.end.getTime() <= event.start.getTime()) continue;\n        for (const segment of segmentsFor(event, days, window)) {\n            const list = byDay.get(segment.dayIndex) ?? [];\n            list.push({ event, from: segment.from, to: segment.to });\n            byDay.set(segment.dayIndex, list);\n        }\n    }\n\n    const placed: PlacedEvent[] = [];\n    for (const [dayIndex, segments] of byDay) {\n        for (const item of assignColumns(segments)) {\n            placed.push({\n                event: item.event,\n                dayIndex,\n                top: (item.from - window.startMinute) / span,\n                height: (item.to - item.from) / span,\n                column: item.column,\n                columns: item.columns,\n            });\n        }\n    }\n    return placed;\n}\n\n/**\n * All-day events that intersect the rendered range, with their day span.\n *\n * @param params.events - Every event.\n * @param params.days - Midnight of each rendered day.\n * @returns One entry per all-day event, clipped to the visible days.\n */\nexport function layoutAllDay({\n    events,\n    days,\n}: {\n    events: readonly SchedulerEvent[];\n    days: Date[];\n}): { event: SchedulerEvent; dayIndex: number; span: number }[] {\n    if (days.length === 0) return [];\n    const rangeEnd = addDays(days[days.length - 1], 1).getTime();\n\n    return events\n        .filter((event) => event.allDay)\n        .filter(\n            (event) => event.end.getTime() > days[0].getTime() && event.start.getTime() < rangeEnd,\n        )\n        .map((event) => {\n            const firstIndex = days.findIndex(\n                (day) => addDays(day, 1).getTime() > event.start.getTime(),\n            );\n            const lastIndex = days.reduce(\n                (last, day, index) => (day.getTime() < event.end.getTime() ? index : last),\n                0,\n            );\n            const dayIndex = Math.max(0, firstIndex);\n            return { event, dayIndex, span: Math.max(1, lastIndex - dayIndex + 1) };\n        });\n}\n\n/**\n * Hour marks to label the time gutter with.\n *\n * @param window - Visible minute range.\n * @returns Each whole hour inside the window, in minutes from midnight.\n */\nexport function hourMarks(window: DayWindow): number[] {\n    const first = Math.ceil(window.startMinute / 60);\n    const last = Math.floor(window.endMinute / 60);\n    return Array.from({ length: Math.max(0, last - first + 1) }, (_, i) => (first + i) * 60);\n}\n\n/**\n * Where an instant falls within the window, as a fraction of the column height.\n *\n * @param date - The instant.\n * @param window - Visible minute range.\n * @returns A fraction in `0…1`, or `null` when outside the window.\n */\nexport function fractionOfWindow(date: Date, window: DayWindow): number | null {\n    const minute = minutesOfDay(date);\n    const span = window.endMinute - window.startMinute;\n    if (span <= 0 || minute < window.startMinute || minute > window.endMinute) return null;\n    return (minute - window.startMinute) / span;\n}\n"],"mappings":"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"}
+{"version":3,"file":"scheduler-layout.cjs","names":["minutesOfDay","date","startOfDay","copy","addDays","days","isSameDay","a","b","dayRange","first","anchor","count","index","segmentsFor","out","dayStart","day","dayEnd","event","from","to","clippedFrom","window","clippedTo","assignColumns","sorted","segments","placed","cluster","clusterEnd","closeCluster","width","max","item","segment","taken","i","column","layoutEvents","span","byDay","events","list","dayIndex","layoutAllDay","rangeEnd","firstIndex","lastIndex","last","hourMarks","fractionOfWindow","minute"],"sources":["../../../src/components/Scheduler/scheduler-layout.ts"],"sourcesContent":["/** An event on the schedule. `start`/`end` are absolute instants in local time. */\nexport interface SchedulerEvent {\n    id: string;\n    title: string;\n    start: Date;\n    end: Date;\n    /** Render across the all-day lane instead of the time grid. */\n    allDay?: boolean;\n    /** Free-form payload the app passes through. */\n    data?: Record<string, unknown>;\n}\n\n/** An event placed in the grid: which day, where vertically, which column. */\nexport interface PlacedEvent {\n    event: SchedulerEvent;\n    /** Index into the rendered day list. */\n    dayIndex: number;\n    /** Distance from the top of the day column, as a fraction of its height. */\n    top: number;\n    /** Height as a fraction of the day column. */\n    height: number;\n    /** Column this event occupies among its overlapping cluster, zero-based. */\n    column: number;\n    /** How many columns the cluster was split into. */\n    columns: number;\n}\n\n/** The visible time window of a day, in minutes from midnight. */\nexport interface DayWindow {\n    startMinute: number;\n    endMinute: number;\n}\n\n/** Minutes from midnight, in local time. */\nexport function minutesOfDay(date: Date): number {\n    return date.getHours() * 60 + date.getMinutes();\n}\n\n/** Midnight local time on the same calendar day as `date`. */\nexport function startOfDay(date: Date): Date {\n    const copy = new Date(date);\n    copy.setHours(0, 0, 0, 0);\n    return copy;\n}\n\n/** `date` shifted by whole days, preserving local wall-clock time. */\nexport function addDays(date: Date, days: number): Date {\n    const copy = new Date(date);\n    copy.setDate(copy.getDate() + days);\n    return copy;\n}\n\n/** Whether two dates fall on the same local calendar day. */\nexport function isSameDay(a: Date, b: Date): boolean {\n    return (\n        a.getFullYear() === b.getFullYear() &&\n        a.getMonth() === b.getMonth() &&\n        a.getDate() === b.getDate()\n    );\n}\n\n/**\n * The consecutive local days a schedule should render.\n *\n * Built by incrementing the calendar day rather than adding 24 h of milliseconds:\n * across a DST boundary a day is 23 or 25 hours long, and millisecond arithmetic\n * would silently produce a duplicated or skipped date.\n *\n * @param anchor - Any instant within the first day.\n * @param count - How many days to produce.\n * @returns Midnight of each day, in order.\n */\nexport function dayRange(anchor: Date, count: number): Date[] {\n    const first = startOfDay(anchor);\n    return Array.from({ length: Math.max(0, count) }, (_, index) => addDays(first, index));\n}\n\n/**\n * Split an event into one segment per day it touches, clipped to the window.\n *\n * An event that crosses midnight has to appear in both columns, and each piece has\n * to be clipped to that day's visible window — otherwise a 23:00–01:00 booking\n * either vanishes or is drawn far outside its column.\n *\n * @param event - The event to place.\n * @param days - Midnight of each rendered day.\n * @param window - Visible minute range shared by every day.\n * @returns One entry per day the event is visible on.\n */\nfunction segmentsFor(\n    event: SchedulerEvent,\n    days: Date[],\n    window: DayWindow,\n): { dayIndex: number; from: number; to: number }[] {\n    const out: { dayIndex: number; from: number; to: number }[] = [];\n    days.forEach((day, dayIndex) => {\n        const dayStart = day.getTime();\n        const dayEnd = addDays(day, 1).getTime();\n        if (event.end.getTime() <= dayStart || event.start.getTime() >= dayEnd) return;\n\n        const from = event.start.getTime() <= dayStart ? 0 : minutesOfDay(event.start);\n        const to =\n            event.end.getTime() >= dayEnd\n                ? 24 * 60\n                : minutesOfDay(event.end) || (event.end.getTime() > dayStart ? 24 * 60 : 0);\n\n        const clippedFrom = Math.max(window.startMinute, from);\n        const clippedTo = Math.min(window.endMinute, to);\n        if (clippedTo <= clippedFrom) return;\n        out.push({ dayIndex, from: clippedFrom, to: clippedTo });\n    });\n    return out;\n}\n\n/**\n * Assign columns so overlapping events sit side by side instead of on top.\n *\n * Events are grouped into *clusters* of mutual overlap — a chain where each event\n * overlaps at least one other — and every event in a cluster is given the same\n * column count. That shared count is what makes the widths line up; assigning\n * columns per pair instead produces the ragged layout where two events claim half\n * the width and a third silently covers one of them.\n *\n * A column is reused as soon as it is free, so `9–10`, `9–10`, `10–11` needs two\n * columns rather than three.\n *\n * @param segments - Same-day segments, in any order.\n * @returns The same segments with `column` and `columns` filled in.\n */\nfunction assignColumns<T extends { from: number; to: number }>(\n    segments: T[],\n): (T & { column: number; columns: number })[] {\n    const sorted = [...segments].sort((a, b) => a.from - b.from || a.to - b.to);\n    const placed: (T & { column: number; columns: number })[] = [];\n\n    let cluster: (T & { column: number; columns: number })[] = [];\n    let clusterEnd = -Infinity;\n\n    /** Freeze the current cluster: everyone in it shares its column count. */\n    const closeCluster = (): void => {\n        const width = cluster.reduce((max, item) => Math.max(max, item.column + 1), 0);\n        for (const item of cluster) item.columns = width;\n        placed.push(...cluster);\n        cluster = [];\n        clusterEnd = -Infinity;\n    };\n\n    for (const segment of sorted) {\n        if (segment.from >= clusterEnd) closeCluster();\n\n        // Lowest column whose last event has already ended.\n        const taken = new Set(\n            cluster.filter((item) => item.to > segment.from).map((i) => i.column),\n        );\n        let column = 0;\n        while (taken.has(column)) column += 1;\n\n        cluster.push({ ...segment, column, columns: 1 });\n        clusterEnd = Math.max(clusterEnd, segment.to);\n    }\n    closeCluster();\n\n    return placed;\n}\n\n/**\n * Lay out timed events across the rendered days.\n *\n * All-day events are excluded — they belong in their own lane, where a vertical\n * position would be meaningless.\n *\n * @param params.events - Every event, all-day ones included.\n * @param params.days - Midnight of each rendered day.\n * @param params.window - Visible minute range.\n * @returns Placed events, positioned as fractions of the column height.\n */\nexport function layoutEvents({\n    events,\n    days,\n    window,\n}: {\n    events: readonly SchedulerEvent[];\n    days: Date[];\n    window: DayWindow;\n}): PlacedEvent[] {\n    const span = window.endMinute - window.startMinute;\n    if (span <= 0 || days.length === 0) return [];\n\n    const byDay = new Map<number, { event: SchedulerEvent; from: number; to: number }[]>();\n    for (const event of events) {\n        if (event.allDay) continue;\n        if (event.end.getTime() <= event.start.getTime()) continue;\n        for (const segment of segmentsFor(event, days, window)) {\n            const list = byDay.get(segment.dayIndex) ?? [];\n            list.push({ event, from: segment.from, to: segment.to });\n            byDay.set(segment.dayIndex, list);\n        }\n    }\n\n    const placed: PlacedEvent[] = [];\n    for (const [dayIndex, segments] of byDay) {\n        for (const item of assignColumns(segments)) {\n            placed.push({\n                event: item.event,\n                dayIndex,\n                top: (item.from - window.startMinute) / span,\n                height: (item.to - item.from) / span,\n                column: item.column,\n                columns: item.columns,\n            });\n        }\n    }\n    return placed;\n}\n\n/**\n * All-day events that intersect the rendered range, with their day span.\n *\n * @param params.events - Every event.\n * @param params.days - Midnight of each rendered day.\n * @returns One entry per all-day event, clipped to the visible days.\n */\nexport function layoutAllDay({\n    events,\n    days,\n}: {\n    events: readonly SchedulerEvent[];\n    days: Date[];\n}): { event: SchedulerEvent; dayIndex: number; span: number }[] {\n    if (days.length === 0) return [];\n    const rangeEnd = addDays(days[days.length - 1], 1).getTime();\n\n    return events\n        .filter((event) => event.allDay)\n        .filter(\n            (event) => event.end.getTime() > days[0].getTime() && event.start.getTime() < rangeEnd,\n        )\n        .map((event) => {\n            const firstIndex = days.findIndex(\n                (day) => addDays(day, 1).getTime() > event.start.getTime(),\n            );\n            const lastIndex = days.reduce(\n                (last, day, index) => (day.getTime() < event.end.getTime() ? index : last),\n                0,\n            );\n            const dayIndex = Math.max(0, firstIndex);\n            return { event, dayIndex, span: Math.max(1, lastIndex - dayIndex + 1) };\n        });\n}\n\n/**\n * Hour marks to label the time gutter with.\n *\n * @param window - Visible minute range.\n * @returns Each whole hour inside the window, in minutes from midnight.\n */\nexport function hourMarks(window: DayWindow): number[] {\n    const first = Math.ceil(window.startMinute / 60);\n    const last = Math.floor(window.endMinute / 60);\n    return Array.from({ length: Math.max(0, last - first + 1) }, (_, i) => (first + i) * 60);\n}\n\n/**\n * Where an instant falls within the window, as a fraction of the column height.\n *\n * @param date - The instant.\n * @param window - Visible minute range.\n * @returns A fraction in `0…1`, or `null` when outside the window.\n */\nexport function fractionOfWindow(date: Date, window: DayWindow): number | null {\n    const minute = minutesOfDay(date);\n    const span = window.endMinute - window.startMinute;\n    if (span <= 0 || minute < window.startMinute || minute > window.endMinute) return null;\n    return (minute - window.startMinute) / span;\n}\n"],"mappings":"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"}