@gunkin/uiify 0.0.10-alpha → 0.0.12-alpha

package/dist/components/behavior.css

@@ -1,5 +1,17 @@
 @layer ui.reset, ui.behavior, ui.tokens, ui.theme, app;
 @layer ui.behavior {
+  [data-uiify-header][data-placement=sticky] {
+    position: sticky;
+    inset-block-start: 0;
+  }
+  [data-uiify-header][data-placement=sticky][data-state=hidden]:not(:focus-within, :has(dialog[open], details[open], :popover-open)) {
+    translate: 0 -100%;
+  }
+  @media (prefers-reduced-motion: no-preference) {
+    [data-uiify-header][data-placement=sticky][data-state] {
+      transition: translate 200ms ease-out;
+    }
+  }
   [popover]:not(:popover-open) {
     display: none;
   }

package/dist/components/behavior.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/behavior.css"],"sourcesContent":["/* Behavioral rules for @gunkin/uiify/components — zero visual opinion.\n * Import is required: @import \"@gunkin/uiify/components/behavior.css\";\n * Cascade order: consumer app layer wins without specificity fights. */\n@layer ui.reset, ui.behavior, ui.tokens, ui.theme, app;\n\n@layer ui.behavior {\n  [popover]:not(:popover-open) {\n    display: none;\n  }\n\n  /* Native modal dialogs: wheel/touch scrolling inside the dialog must not chain to the page behind it. */\n  dialog:modal {\n    overscroll-behavior: contain;\n  }\n\n  /* Open modal dialogs lock the page scroll, iOS Safari included (checked on iOS 27: a swipe on\n     the backdrop or the dialog leaves scrollY unchanged). The stable gutter keeps a classic\n     scrollbar's width, so the page does not shift when the dialog opens. */\n  :root:has(dialog:modal) {\n    overflow: hidden;\n    scrollbar-gutter: stable;\n  }\n\n  /* Closed dialogs stay hidden even when author CSS sets display. */\n  dialog:not([open]) {\n    display: none;\n  }\n\n  [data-anchor]:not([data-positioning]) {\n    anchor-name: var(--uiify-anchor, attr(data-anchor type(<custom-ident>)));\n  }\n\n  [data-positioning=\"native\"] {\n    position: fixed;\n    inset: auto;\n    margin: 0;\n    position-try-fallbacks: flip-block, flip-inline;\n  }\n\n  [data-positioning=\"native\"][data-anchor] {\n    position-anchor: var(--uiify-anchor, attr(data-anchor type(<custom-ident>)));\n  }\n\n  [data-positioning=\"native\"][data-side=\"top\"] {\n    position-area: top;\n    margin-block-end: var(--uiify-anchor-offset, 0);\n  }\n\n  [data-positioning=\"native\"][data-side=\"right\"] {\n    position-area: right;\n    margin-inline-start: var(--uiify-anchor-offset, 0);\n  }\n\n  [data-positioning=\"native\"][data-side=\"bottom\"] {\n    position-area: bottom;\n    margin-block-start: var(--uiify-anchor-offset, 0);\n  }\n\n  [data-positioning=\"native\"][data-side=\"left\"] {\n    position-area: left;\n    margin-inline-end: var(--uiify-anchor-offset, 0);\n  }\n\n  [data-positioning=\"native\"][data-side=\"top\"][data-align=\"start\"] {\n    position-area: top span-right;\n    justify-self: start;\n  }\n\n  [data-positioning=\"native\"][data-side=\"top\"][data-align=\"end\"] {\n    position-area: top span-left;\n    justify-self: end;\n  }\n\n  [data-positioning=\"native\"][data-side=\"bottom\"][data-align=\"start\"] {\n    position-area: bottom span-right;\n    justify-self: start;\n  }\n\n  [data-positioning=\"native\"][data-side=\"bottom\"][data-align=\"end\"] {\n    position-area: bottom span-left;\n    justify-self: end;\n  }\n\n  [data-positioning=\"native\"][data-side=\"right\"][data-align=\"start\"] {\n    align-self: start;\n    position-area: right span-bottom;\n  }\n\n  [data-positioning=\"native\"][data-side=\"right\"][data-align=\"end\"] {\n    align-self: end;\n    position-area: right span-top;\n  }\n\n  [data-positioning=\"native\"][data-side=\"left\"][data-align=\"start\"] {\n    align-self: start;\n    position-area: left span-bottom;\n  }\n\n  [data-positioning=\"native\"][data-side=\"left\"][data-align=\"end\"] {\n    align-self: end;\n    position-area: left span-top;\n  }\n\n  /*\n   * Local open-state hooks. Top layer does not change DOM ancestry, so a scope\n   * that directly contains its surface can read the native state. Consumers\n   * style with the selector or with the variable; neither is a second source of truth.\n   *\n   * Compound roots and their public trigger parts share one component identity plus\n   * `data-part`, so native state stays readable without a second scope convention.\n   */\n  [data-uiify-modal][data-part=\"root\"]:has(> [data-uiify-modal][data-part=\"content\"][open])\n    > [data-uiify-modal][data-part=\"trigger\"],\n  [data-uiify-alert-modal][data-part=\"root\"]:has(\n      > [data-uiify-alert-modal][data-part=\"content\"][open]\n    )\n    > [data-uiify-alert-modal][data-part=\"trigger\"],\n  [data-uiify-popup][data-part=\"root\"]:has(> [data-uiify-popup][data-part=\"content\"]:popover-open)\n    > [data-uiify-popup][data-part=\"trigger\"] {\n    --uiify-trigger-open: 1;\n  }\n\n  [data-uiify-accordion] > [data-part=\"item\"][data-disabled] > summary,\n  [data-uiify-collapsible][data-disabled] > summary {\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  /* Customizable select: opts the control and its picker into the browser's\n     base styles so the picker becomes a styleable, top-layer popover with\n     implicit anchor positioning. Behavior only — no visual opinion. Engines\n     without support ignore this and keep the classic OS picker, which stays\n     fully functional. */\n  [data-uiify-select],\n  [data-uiify-select]::picker(select) {\n    appearance: base-select;\n  }\n\n  [data-uiify-tabs] > [data-part=\"item\"] > [data-part=\"control\"] {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    /* stylelint-disable-next-line property-no-deprecated -- kept for older browser support alongside clip-path */\n    clip: rect(0, 0, 0, 0);\n    clip-path: inset(50%);\n    white-space: nowrap;\n    border: 0;\n  }\n\n  [data-uiify-tabs] > [data-part=\"item\"] > [data-part=\"panel\"] {\n    display: none;\n  }\n\n  [data-uiify-tabs] > [data-part=\"item\"] > [data-part=\"control\"]:checked ~ [data-part=\"panel\"] {\n    display: block;\n  }\n\n  [data-uiify-stepper] > [data-part=\"step\"] > [data-part=\"panel\"] {\n    display: none;\n  }\n\n  [data-uiify-stepper] > [data-part=\"step\"] > [data-part=\"control\"]:checked ~ [data-part=\"panel\"] {\n    display: block;\n  }\n\n  [data-uiify-tabs] [data-part=\"trigger\"][data-disabled] {\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  [data-uiify-spinner][data-state=\"delayed\"] {\n    animation-name: uiify-spinner-show;\n    animation-duration: 0s;\n    animation-delay: attr(data-delay type(<time>), 0s);\n    animation-fill-mode: forwards;\n    visibility: hidden;\n  }\n\n  @keyframes uiify-spinner-show {\n    to {\n      visibility: visible;\n    }\n  }\n\n  [data-uiify-breadcrumb] [data-part=\"ellipsis\"] > ol {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  [data-uiify-carousel] > [data-part=\"viewport\"] {\n    display: grid;\n    min-inline-size: 0;\n    min-block-size: 0;\n    gap: var(--uiify-carousel-gap, 0);\n    scroll-behavior: auto;\n  }\n\n  [data-uiify-carousel][data-axis=\"inline\"] > [data-part=\"viewport\"] {\n    grid-auto-flow: column;\n    grid-auto-columns: var(--uiify-carousel-slide-size, 100%);\n    overflow-inline: auto;\n    overflow-block: hidden;\n    scroll-snap-type: inline mandatory;\n  }\n\n  [data-uiify-carousel][data-axis=\"block\"] > [data-part=\"viewport\"] {\n    grid-auto-flow: row;\n    grid-auto-rows: var(--uiify-carousel-slide-size, 100%);\n    overflow-block: auto;\n    overflow-inline: hidden;\n    scroll-snap-type: block mandatory;\n  }\n\n  [data-uiify-carousel] > [data-part=\"viewport\"] > [data-part=\"slide\"] {\n    min-inline-size: 0;\n    min-block-size: 0;\n    scroll-snap-align: start;\n  }\n\n  [data-uiify-carousel] > [data-part=\"viewport\"]:focus-visible,\n  [data-uiify-carousel] > button[data-part=\"controls\"]:focus-visible,\n  [data-uiify-carousel] > [data-part=\"dots\"] > a:focus-visible {\n    outline: auto;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    [data-uiify-carousel] > [data-part=\"viewport\"] {\n      scroll-behavior: smooth;\n    }\n  }\n\n  [data-uiify-carousel] > [data-part=\"viewport\"][data-dragging] {\n    scroll-behavior: auto;\n    scroll-snap-type: none;\n  }\n\n  [data-uiify-carousel][data-mode=\"fade\"][data-enhanced] > [data-part=\"viewport\"] {\n    grid-auto-flow: row;\n    grid-template-columns: 100%;\n    grid-auto-columns: auto;\n    overflow: hidden;\n    scroll-snap-type: none;\n    touch-action: pan-y pinch-zoom;\n  }\n\n  [data-uiify-carousel][data-mode=\"fade\"][data-enhanced]\n    > [data-part=\"viewport\"]\n    > [data-part=\"slide\"] {\n    grid-area: 1 / 1;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  [data-uiify-carousel][data-mode=\"fade\"][data-enhanced]\n    > [data-part=\"viewport\"]\n    > [data-part=\"slide\"][data-state=\"active\"] {\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    [data-uiify-carousel][data-mode=\"fade\"][data-enhanced]\n      > [data-part=\"viewport\"]\n      > [data-part=\"slide\"] {\n      transition: opacity var(--uiify-carousel-fade-duration, 300ms) ease;\n    }\n  }\n\n  [data-uiify-virtual-scroll] {\n    --uiify-virtual-scroll-row-height: 64px;\n\n    overflow-y: auto;\n  }\n\n  [data-uiify-virtual-scroll] > [data-part=\"spacer\"] {\n    position: relative;\n    block-size: var(\n      --uiify-virtual-scroll-total-size,\n      calc(var(--uiify-virtual-scroll-count, 0) * var(--uiify-virtual-scroll-row-height))\n    );\n  }\n\n  [data-uiify-virtual-scroll] [data-part=\"row\"] {\n    --uiify-row-position: var(\n      --uiify-row-offset,\n      calc(\n        (var(--uiify-range-start, 0) + var(--uiify-slot-index, 0)) *\n          var(--uiify-virtual-scroll-row-height)\n      )\n    );\n\n    position: absolute;\n    inset-inline: 0;\n    block-size: var(--uiify-row-height, var(--uiify-virtual-scroll-row-height));\n    translate: 0 var(--uiify-row-position);\n  }\n\n  /* Horizontal: the row size runs along the inline axis. Rows sit at a logical\n     inline offset so RTL needs no direction selector; child combinators keep a\n     vertical list nested inside a horizontal row on the vertical rules. */\n  [data-uiify-virtual-scroll][data-orientation=\"horizontal\"] {\n    overflow: auto hidden;\n  }\n\n  [data-uiify-virtual-scroll][data-orientation=\"horizontal\"] > [data-part=\"spacer\"] {\n    block-size: 100%;\n    inline-size: var(\n      --uiify-virtual-scroll-total-size,\n      calc(var(--uiify-virtual-scroll-count, 0) * var(--uiify-virtual-scroll-row-height))\n    );\n  }\n\n  [data-uiify-virtual-scroll][data-orientation=\"horizontal\"]\n    > [data-part=\"spacer\"]\n    > [data-part=\"row\"] {\n    inset-block: 0;\n    inset-inline: var(--uiify-row-position) auto;\n    block-size: auto;\n    inline-size: var(--uiify-row-height, var(--uiify-virtual-scroll-row-height));\n    translate: none;\n  }\n\n  /*\n   * Toast list changes commit as React view transitions typed \"uiify-toast\".\n   * Only the toast cards are captured: the page root is not snapshotted and\n   * stays clickable while they move.\n   */\n  :root:active-view-transition-type(uiify-toast) {\n    view-transition-name: none;\n  }\n\n  :root:active-view-transition-type(uiify-toast)::view-transition {\n    pointer-events: none;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    ::view-transition-group(.uiify-toast),\n    ::view-transition-old(.uiify-toast),\n    ::view-transition-new(.uiify-toast) {\n      animation: none;\n    }\n  }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/behavior.css"],"sourcesContent":["/* Behavioral rules for @gunkin/uiify/components — zero visual opinion.\n * Import is required: @import \"@gunkin/uiify/components/behavior.css\";\n * Cascade order: consumer app layer wins without specificity fights. */\n@layer ui.reset, ui.behavior, ui.tokens, ui.theme, app;\n\n@layer ui.behavior {\n  [data-uiify-header][data-placement=\"sticky\"] {\n    position: sticky;\n    inset-block-start: 0;\n  }\n\n  [data-uiify-header][data-placement=\"sticky\"][data-state=\"hidden\"]:not(\n      :focus-within,\n      :has(dialog[open], details[open], :popover-open)\n    ) {\n    translate: 0 -100%;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    [data-uiify-header][data-placement=\"sticky\"][data-state] {\n      transition: translate 200ms ease-out;\n    }\n  }\n\n  [popover]:not(:popover-open) {\n    display: none;\n  }\n\n  /* Native modal dialogs: wheel/touch scrolling inside the dialog must not chain to the page behind it. */\n  dialog:modal {\n    overscroll-behavior: contain;\n  }\n\n  /* Open modal dialogs lock the page scroll, iOS Safari included (checked on iOS 27: a swipe on\n     the backdrop or the dialog leaves scrollY unchanged). The stable gutter keeps a classic\n     scrollbar's width, so the page does not shift when the dialog opens. */\n  :root:has(dialog:modal) {\n    overflow: hidden;\n    scrollbar-gutter: stable;\n  }\n\n  /* Closed dialogs stay hidden even when author CSS sets display. */\n  dialog:not([open]) {\n    display: none;\n  }\n\n  [data-anchor]:not([data-positioning]) {\n    anchor-name: var(--uiify-anchor, attr(data-anchor type(<custom-ident>)));\n  }\n\n  [data-positioning=\"native\"] {\n    position: fixed;\n    inset: auto;\n    margin: 0;\n    position-try-fallbacks: flip-block, flip-inline;\n  }\n\n  [data-positioning=\"native\"][data-anchor] {\n    position-anchor: var(--uiify-anchor, attr(data-anchor type(<custom-ident>)));\n  }\n\n  [data-positioning=\"native\"][data-side=\"top\"] {\n    position-area: top;\n    margin-block-end: var(--uiify-anchor-offset, 0);\n  }\n\n  [data-positioning=\"native\"][data-side=\"right\"] {\n    position-area: right;\n    margin-inline-start: var(--uiify-anchor-offset, 0);\n  }\n\n  [data-positioning=\"native\"][data-side=\"bottom\"] {\n    position-area: bottom;\n    margin-block-start: var(--uiify-anchor-offset, 0);\n  }\n\n  [data-positioning=\"native\"][data-side=\"left\"] {\n    position-area: left;\n    margin-inline-end: var(--uiify-anchor-offset, 0);\n  }\n\n  [data-positioning=\"native\"][data-side=\"top\"][data-align=\"start\"] {\n    position-area: top span-right;\n    justify-self: start;\n  }\n\n  [data-positioning=\"native\"][data-side=\"top\"][data-align=\"end\"] {\n    position-area: top span-left;\n    justify-self: end;\n  }\n\n  [data-positioning=\"native\"][data-side=\"bottom\"][data-align=\"start\"] {\n    position-area: bottom span-right;\n    justify-self: start;\n  }\n\n  [data-positioning=\"native\"][data-side=\"bottom\"][data-align=\"end\"] {\n    position-area: bottom span-left;\n    justify-self: end;\n  }\n\n  [data-positioning=\"native\"][data-side=\"right\"][data-align=\"start\"] {\n    align-self: start;\n    position-area: right span-bottom;\n  }\n\n  [data-positioning=\"native\"][data-side=\"right\"][data-align=\"end\"] {\n    align-self: end;\n    position-area: right span-top;\n  }\n\n  [data-positioning=\"native\"][data-side=\"left\"][data-align=\"start\"] {\n    align-self: start;\n    position-area: left span-bottom;\n  }\n\n  [data-positioning=\"native\"][data-side=\"left\"][data-align=\"end\"] {\n    align-self: end;\n    position-area: left span-top;\n  }\n\n  /*\n   * Local open-state hooks. Top layer does not change DOM ancestry, so a scope\n   * that directly contains its surface can read the native state. Consumers\n   * style with the selector or with the variable; neither is a second source of truth.\n   *\n   * Compound roots and their public trigger parts share one component identity plus\n   * `data-part`, so native state stays readable without a second scope convention.\n   */\n  [data-uiify-modal][data-part=\"root\"]:has(> [data-uiify-modal][data-part=\"content\"][open])\n    > [data-uiify-modal][data-part=\"trigger\"],\n  [data-uiify-alert-modal][data-part=\"root\"]:has(\n      > [data-uiify-alert-modal][data-part=\"content\"][open]\n    )\n    > [data-uiify-alert-modal][data-part=\"trigger\"],\n  [data-uiify-popup][data-part=\"root\"]:has(> [data-uiify-popup][data-part=\"content\"]:popover-open)\n    > [data-uiify-popup][data-part=\"trigger\"] {\n    --uiify-trigger-open: 1;\n  }\n\n  [data-uiify-accordion] > [data-part=\"item\"][data-disabled] > summary,\n  [data-uiify-collapsible][data-disabled] > summary {\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  /* Customizable select: opts the control and its picker into the browser's\n     base styles so the picker becomes a styleable, top-layer popover with\n     implicit anchor positioning. Behavior only — no visual opinion. Engines\n     without support ignore this and keep the classic OS picker, which stays\n     fully functional. */\n  [data-uiify-select],\n  [data-uiify-select]::picker(select) {\n    appearance: base-select;\n  }\n\n  [data-uiify-tabs] > [data-part=\"item\"] > [data-part=\"control\"] {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    /* stylelint-disable-next-line property-no-deprecated -- kept for older browser support alongside clip-path */\n    clip: rect(0, 0, 0, 0);\n    clip-path: inset(50%);\n    white-space: nowrap;\n    border: 0;\n  }\n\n  [data-uiify-tabs] > [data-part=\"item\"] > [data-part=\"panel\"] {\n    display: none;\n  }\n\n  [data-uiify-tabs] > [data-part=\"item\"] > [data-part=\"control\"]:checked ~ [data-part=\"panel\"] {\n    display: block;\n  }\n\n  [data-uiify-stepper] > [data-part=\"step\"] > [data-part=\"panel\"] {\n    display: none;\n  }\n\n  [data-uiify-stepper] > [data-part=\"step\"] > [data-part=\"control\"]:checked ~ [data-part=\"panel\"] {\n    display: block;\n  }\n\n  [data-uiify-tabs] [data-part=\"trigger\"][data-disabled] {\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  [data-uiify-spinner][data-state=\"delayed\"] {\n    animation-name: uiify-spinner-show;\n    animation-duration: 0s;\n    animation-delay: attr(data-delay type(<time>), 0s);\n    animation-fill-mode: forwards;\n    visibility: hidden;\n  }\n\n  @keyframes uiify-spinner-show {\n    to {\n      visibility: visible;\n    }\n  }\n\n  [data-uiify-breadcrumb] [data-part=\"ellipsis\"] > ol {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  [data-uiify-carousel] > [data-part=\"viewport\"] {\n    display: grid;\n    min-inline-size: 0;\n    min-block-size: 0;\n    gap: var(--uiify-carousel-gap, 0);\n    scroll-behavior: auto;\n  }\n\n  [data-uiify-carousel][data-axis=\"inline\"] > [data-part=\"viewport\"] {\n    grid-auto-flow: column;\n    grid-auto-columns: var(--uiify-carousel-slide-size, 100%);\n    overflow-inline: auto;\n    overflow-block: hidden;\n    scroll-snap-type: inline mandatory;\n  }\n\n  [data-uiify-carousel][data-axis=\"block\"] > [data-part=\"viewport\"] {\n    grid-auto-flow: row;\n    grid-auto-rows: var(--uiify-carousel-slide-size, 100%);\n    overflow-block: auto;\n    overflow-inline: hidden;\n    scroll-snap-type: block mandatory;\n  }\n\n  [data-uiify-carousel] > [data-part=\"viewport\"] > [data-part=\"slide\"] {\n    min-inline-size: 0;\n    min-block-size: 0;\n    scroll-snap-align: start;\n  }\n\n  [data-uiify-carousel] > [data-part=\"viewport\"]:focus-visible,\n  [data-uiify-carousel] > button[data-part=\"controls\"]:focus-visible,\n  [data-uiify-carousel] > [data-part=\"dots\"] > a:focus-visible {\n    outline: auto;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    [data-uiify-carousel] > [data-part=\"viewport\"] {\n      scroll-behavior: smooth;\n    }\n  }\n\n  [data-uiify-carousel] > [data-part=\"viewport\"][data-dragging] {\n    scroll-behavior: auto;\n    scroll-snap-type: none;\n  }\n\n  [data-uiify-carousel][data-mode=\"fade\"][data-enhanced] > [data-part=\"viewport\"] {\n    grid-auto-flow: row;\n    grid-template-columns: 100%;\n    grid-auto-columns: auto;\n    overflow: hidden;\n    scroll-snap-type: none;\n    touch-action: pan-y pinch-zoom;\n  }\n\n  [data-uiify-carousel][data-mode=\"fade\"][data-enhanced]\n    > [data-part=\"viewport\"]\n    > [data-part=\"slide\"] {\n    grid-area: 1 / 1;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  [data-uiify-carousel][data-mode=\"fade\"][data-enhanced]\n    > [data-part=\"viewport\"]\n    > [data-part=\"slide\"][data-state=\"active\"] {\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    [data-uiify-carousel][data-mode=\"fade\"][data-enhanced]\n      > [data-part=\"viewport\"]\n      > [data-part=\"slide\"] {\n      transition: opacity var(--uiify-carousel-fade-duration, 300ms) ease;\n    }\n  }\n\n  [data-uiify-virtual-scroll] {\n    --uiify-virtual-scroll-row-height: 64px;\n\n    overflow-y: auto;\n  }\n\n  [data-uiify-virtual-scroll] > [data-part=\"spacer\"] {\n    position: relative;\n    block-size: var(\n      --uiify-virtual-scroll-total-size,\n      calc(var(--uiify-virtual-scroll-count, 0) * var(--uiify-virtual-scroll-row-height))\n    );\n  }\n\n  [data-uiify-virtual-scroll] [data-part=\"row\"] {\n    --uiify-row-position: var(\n      --uiify-row-offset,\n      calc(\n        (var(--uiify-range-start, 0) + var(--uiify-slot-index, 0)) *\n          var(--uiify-virtual-scroll-row-height)\n      )\n    );\n\n    position: absolute;\n    inset-inline: 0;\n    block-size: var(--uiify-row-height, var(--uiify-virtual-scroll-row-height));\n    translate: 0 var(--uiify-row-position);\n  }\n\n  /* Horizontal: the row size runs along the inline axis. Rows sit at a logical\n     inline offset so RTL needs no direction selector; child combinators keep a\n     vertical list nested inside a horizontal row on the vertical rules. */\n  [data-uiify-virtual-scroll][data-orientation=\"horizontal\"] {\n    overflow: auto hidden;\n  }\n\n  [data-uiify-virtual-scroll][data-orientation=\"horizontal\"] > [data-part=\"spacer\"] {\n    block-size: 100%;\n    inline-size: var(\n      --uiify-virtual-scroll-total-size,\n      calc(var(--uiify-virtual-scroll-count, 0) * var(--uiify-virtual-scroll-row-height))\n    );\n  }\n\n  [data-uiify-virtual-scroll][data-orientation=\"horizontal\"]\n    > [data-part=\"spacer\"]\n    > [data-part=\"row\"] {\n    inset-block: 0;\n    inset-inline: var(--uiify-row-position) auto;\n    block-size: auto;\n    inline-size: var(--uiify-row-height, var(--uiify-virtual-scroll-row-height));\n    translate: none;\n  }\n\n  /*\n   * Toast list changes commit as React view transitions typed \"uiify-toast\".\n   * Only the toast cards are captured: the page root is not snapshotted and\n   * stays clickable while they move.\n   */\n  :root:active-view-transition-type(uiify-toast) {\n    view-transition-name: none;\n  }\n\n  :root:active-view-transition-type(uiify-toast)::view-transition {\n    pointer-events: none;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    ::view-transition-group(.uiify-toast),\n    ::view-transition-old(.uiify-toast),\n    ::view-transition-new(.uiify-toast) {\n      animation: none;\n    }\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/components/header/Header.d.ts

@@ -1,26 +1,10 @@
-import { type ReactElement } from "react";
-import { useHeader } from "./use-header.js";
-import { useHeaderScrollState } from "./use-header-scroll-state.js";
-import type { HeaderRootProps, HeaderToggleProps, HeaderMobileNavProps, HeaderCloseProps } from "./types.js";
-export type { HeaderBehavior, HeaderCloseProps, HeaderMobileNavProps, HeaderMobileMode, HeaderPlacement, HeaderRootProps, HeaderToggleProps, UseHeaderOptions, UseHeaderReturn, UseHeaderScrollStateOptions, UseHeaderScrollStateReturn, } from "./types.js";
-export declare function HeaderRoot(props: HeaderRootProps): ReactElement | null;
+import type { ReactElement } from "react";
+import type { HeaderRootProps } from "./types.js";
+export declare function HeaderRoot({ placement, ...props }: HeaderRootProps): ReactElement;
 export declare namespace HeaderRoot {
     var displayName: string;
 }
-export declare function HeaderToggle(props: HeaderToggleProps): ReactElement | null;
-export declare function HeaderMobileNav(props: HeaderMobileNavProps): ReactElement | null;
-export declare namespace HeaderMobileNav {
-    var displayName: string;
-}
-export declare function HeaderClose(props: HeaderCloseProps): ReactElement | null;
-export declare namespace HeaderClose {
-    var displayName: string;
-}
 export declare const Header: {
-    Close: typeof HeaderClose;
-    MobileNav: typeof HeaderMobileNav;
     Root: typeof HeaderRoot;
-    Toggle: typeof HeaderToggle;
 };
-export { useHeader, useHeaderScrollState };
 //# sourceMappingURL=Header.d.ts.map

package/dist/components/header/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,YAAY,EAElB,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAEV,eAAe,EAEf,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,EACjB,MAAM,YAAY,CAAC;AAEpB,YAAY,EACV,cAAc,EACd,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,2BAA2B,EAC3B,0BAA0B,GAC3B,MAAM,YAAY,CAAC;AAsCpB,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,GAAG,IAAI,CA2FtE;yBA3Fe,UAAU;;;AA8F1B,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,GAAG,IAAI,CA+B1E;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,GAAG,IAAI,CAkEhF;yBAlEe,eAAe;;;AAqE/B,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CAkCxE;yBAlCe,WAAW;;;AAqC3B,eAAO,MAAM,MAAM;;;;;CAKlB,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,wBAAgB,UAAU,CAAC,EAAE,SAAoB,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,GAAG,YAAY,CAE5F;yBAFe,UAAU;;;AAK1B,eAAO,MAAM,MAAM;;CAAuB,CAAC"}

package/dist/components/header/Header.js

@@ -1,260 +1,11 @@
-"use client";
 import { jsx } from "react/jsx-runtime";
-import {
-  useCallback,
-  useMemo,
-  useRef
-} from "react";
-import { useIsomorphicLayoutEffect, useMergedRefs } from "@gunkin/uiify/hooks";
-import { createPartContext } from "@gunkin/uiify/core";
-import { useRenderElement } from "@gunkin/uiify/core/render";
-import { Drawer } from "../drawer/Drawer.js";
-import { useHeader } from "./use-header.js";
-import { useHeaderScrollState } from "./use-header-scroll-state.js";
-const [HeaderProvider, useHeaderContext] = createPartContext("Header");
-function isDrawerMode(mobileMode) {
-  return mobileMode === "drawer" || mobileMode === "sheet" || mobileMode === "fullscreen";
-}
-function drawerSide(mobileMode) {
-  if (mobileMode === "sheet") return "bottom";
-  return "left";
-}
-function defaultModal(mobileMode) {
-  return isDrawerMode(mobileMode);
-}
-function defaultLockScroll(mobileMode, modal) {
-  return isDrawerMode(mobileMode) && modal;
-}
-function defaultCloseOnSelect(mobileMode) {
-  return mobileMode !== "none";
-}
-function handleCloseOnSelect(event, closeOnSelect, close) {
-  if (!closeOnSelect) return;
-  const target = event.target;
-  if (!(target instanceof Element)) return;
-  const activator = target.closest("a[href], button:not([disabled])");
-  if (!activator || !event.currentTarget.contains(activator)) return;
-  close();
-}
-function HeaderRoot(props) {
-  const {
-    behavior = "none",
-    children,
-    closeOnSelect: closeOnSelectProp,
-    defaultOpen,
-    hidden: hiddenProp,
-    lockScroll: lockScrollProp,
-    mobileMode = "none",
-    modal: modalProp,
-    onOpenChange,
-    open,
-    placement = "static",
-    scrolled: scrolledProp,
-    ...consumerProps
-  } = props;
-  const modal = modalProp ?? defaultModal(mobileMode);
-  const lockScroll = lockScrollProp ?? defaultLockScroll(mobileMode, modal);
-  const closeOnSelect = closeOnSelectProp ?? defaultCloseOnSelect(mobileMode);
-  const toggleRef = useRef(null);
-  const wasOpenRef = useRef(false);
-  const header = useHeader({
-    closeOnSelect,
-    mobileMode,
-    ...defaultOpen !== void 0 ? { defaultOpen } : {},
-    ...onOpenChange ? { onOpenChange } : {},
-    ...open !== void 0 ? { open } : {}
-  });
-  useIsomorphicLayoutEffect(() => {
-    if (wasOpenRef.current && !header.open && isDrawerMode(mobileMode)) {
-      queueMicrotask(() => toggleRef.current?.focus({ preventScroll: true }));
-    }
-    wasOpenRef.current = header.open;
-  }, [header.open, mobileMode]);
-  const contextValue = useMemo(
-    () => ({
-      ...header,
-      behavior,
-      hidden: hiddenProp ?? false,
-      lockScroll,
-      modal,
-      placement,
-      scrolled: scrolledProp ?? false,
-      toggleRef
-    }),
-    [behavior, header, hiddenProp, lockScroll, modal, placement, scrolledProp]
-  );
-  const rootElement = useRenderElement({
-    defaultTag: "div",
-    props: {
-      ...consumerProps,
-      "data-behavior": behavior,
-      "data-hidden": hiddenProp ? "" : void 0,
-      "data-lock-scroll": lockScroll && header.open && isDrawerMode(mobileMode) ? "" : void 0,
-      "data-mobile-mode": mobileMode,
-      "data-state": header.open ? "open" : "closed",
-      "data-placement": placement,
-      "data-scrolled": scrolledProp ? "" : void 0,
-      children
-    },
-    state: {
-      open: header.open,
-      placement,
-      behavior,
-      mobileMode,
-      scrolled: scrolledProp ?? false,
-      hidden: hiddenProp ?? false
-    }
-  });
-  const tree = /* @__PURE__ */ jsx(HeaderProvider, { value: contextValue, children: rootElement });
-  if (isDrawerMode(mobileMode)) {
-    return /* @__PURE__ */ jsx(
-      Drawer.Root,
-      {
-        modal,
-        onOpenChange: header.setOpen,
-        open: header.open,
-        side: drawerSide(mobileMode),
-        children: tree
-      }
-    );
-  }
-  return tree;
+function HeaderRoot({ placement = "static", ...props }) {
+  return /* @__PURE__ */ jsx("header", { ...props, "data-uiify-header": "", "data-placement": placement });
 }
 HeaderRoot.displayName = "HeaderRoot";
-function HeaderToggle(props) {
-  const {
-    closeLabel = "Close navigation",
-    openLabel = "Open navigation",
-    ref,
-    onClick,
-    ...consumerProps
-  } = props;
-  const { getToggleProps, mobileMode, open, toggle, toggleRef } = useHeaderContext("Toggle");
-  const mergedRef = useMergedRefs(toggleRef, ref);
-  const dialogMode = isDrawerMode(mobileMode);
-  const toggleProps = getToggleProps({
-    type: "button",
-    "aria-haspopup": dialogMode ? "dialog" : void 0,
-    "aria-label": open ? closeLabel : openLabel,
-    onClick(event) {
-      toggle();
-      onClick?.(event);
-    }
-  });
-  return useRenderElement({
-    defaultTag: "button",
-    props: {
-      ...consumerProps,
-      ref: mergedRef,
-      ...toggleProps
-    },
-    state: { open }
-  });
-}
-function HeaderMobileNav(props) {
-  const { children, forceMount, onClick: consumerOnClick, ...consumerProps } = props;
-  const { close, closeOnSelect, getMobileNavProps, mobileMode, open } = useHeaderContext("MobileNav");
-  const onClick = useCallback(
-    (event) => {
-      handleCloseOnSelect(event, closeOnSelect, close);
-      consumerOnClick?.(event);
-    },
-    [close, closeOnSelect, consumerOnClick]
-  );
-  const noneNav = useRenderElement({
-    defaultTag: "nav",
-    props: {
-      ...consumerProps,
-      ...getMobileNavProps({ onClick }),
-      children
-    },
-    state: { open }
-  });
-  const drawerNav = useRenderElement({
-    defaultTag: "nav",
-    props: {
-      ...consumerProps,
-      ...getMobileNavProps({
-        "data-mobile-mode": mobileMode,
-        "data-state": open ? "open" : "closed",
-        onClick
-      }),
-      children
-    },
-    state: { open, mobileMode }
-  });
-  const collapseNav = useRenderElement({
-    defaultTag: "nav",
-    props: {
-      ...consumerProps,
-      ...getMobileNavProps({
-        "aria-hidden": open ? void 0 : true,
-        "data-mobile-mode": mobileMode,
-        "data-state": open ? "open" : "closed",
-        hidden: open ? void 0 : true,
-        onClick
-      }),
-      children
-    },
-    state: { open, mobileMode }
-  });
-  if (mobileMode === "none") {
-    return noneNav;
-  }
-  if (mobileMode === "collapse") {
-    if (!open && !forceMount) {
-      return null;
-    }
-    return collapseNav;
-  }
-  return /* @__PURE__ */ jsx(Drawer.Content, { children: drawerNav });
-}
-HeaderMobileNav.displayName = "HeaderMobileNav";
-function HeaderClose(props) {
-  const { children, className, onClick, ...consumerProps } = props;
-  const { close, mobileMode } = useHeaderContext("Close");
-  const handleClick = (event) => {
-    close();
-    onClick?.(event);
-  };
-  const closeButton = useRenderElement({
-    defaultTag: "button",
-    props: {
-      ...consumerProps,
-      type: "button",
-      onClick: handleClick,
-      ...className !== void 0 ? { className } : {},
-      children
-    },
-    state: {}
-  });
-  if (isDrawerMode(mobileMode)) {
-    return /* @__PURE__ */ jsx(
-      Drawer.Close,
-      {
-        ...consumerProps,
-        ...className !== void 0 ? { className } : {},
-        ...onClick !== void 0 ? { onClick } : {},
-        children
-      }
-    );
-  }
-  return closeButton;
-}
-HeaderClose.displayName = "HeaderClose";
-const Header = {
-  Close: HeaderClose,
-  MobileNav: HeaderMobileNav,
-  Root: HeaderRoot,
-  Toggle: HeaderToggle
-};
+const Header = { Root: HeaderRoot };
 export {
   Header,
-  HeaderClose,
-  HeaderMobileNav,
-  HeaderRoot,
-  HeaderToggle,
-  useHeader,
-  useHeaderScrollState
+  HeaderRoot
 };
 //# sourceMappingURL=Header.js.map

package/dist/components/header/Header.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/header/Header.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  useCallback,\n  useMemo,\n  useRef,\n  type MouseEvent,\n  type ReactElement,\n  type SyntheticEvent,\n} from \"react\";\nimport { useIsomorphicLayoutEffect, useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport { createPartContext } from \"@gunkin/uiify/core\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { Drawer } from \"../drawer/Drawer.js\";\nimport type { DrawerSide } from \"../drawer/types.js\";\nimport { useHeader } from \"./use-header.js\";\nimport { useHeaderScrollState } from \"./use-header-scroll-state.js\";\nimport type {\n  HeaderMobileMode,\n  HeaderRootProps,\n  HeaderContextValue,\n  HeaderToggleProps,\n  HeaderMobileNavProps,\n  HeaderCloseProps,\n} from \"./types.js\";\n\nexport type {\n  HeaderBehavior,\n  HeaderCloseProps,\n  HeaderMobileNavProps,\n  HeaderMobileMode,\n  HeaderPlacement,\n  HeaderRootProps,\n  HeaderToggleProps,\n  UseHeaderOptions,\n  UseHeaderReturn,\n  UseHeaderScrollStateOptions,\n  UseHeaderScrollStateReturn,\n} from \"./types.js\";\n\nconst [HeaderProvider, useHeaderContext] = createPartContext<HeaderContextValue>(\"Header\");\n\nfunction isDrawerMode(mobileMode: HeaderMobileMode): boolean {\n  return mobileMode === \"drawer\" || mobileMode === \"sheet\" || mobileMode === \"fullscreen\";\n}\n\nfunction drawerSide(mobileMode: HeaderMobileMode): DrawerSide {\n  if (mobileMode === \"sheet\") return \"bottom\";\n  return \"left\";\n}\n\nfunction defaultModal(mobileMode: HeaderMobileMode): boolean {\n  return isDrawerMode(mobileMode);\n}\n\nfunction defaultLockScroll(mobileMode: HeaderMobileMode, modal: boolean): boolean {\n  return isDrawerMode(mobileMode) && modal;\n}\n\nfunction defaultCloseOnSelect(mobileMode: HeaderMobileMode): boolean {\n  return mobileMode !== \"none\";\n}\n\nfunction handleCloseOnSelect(\n  event: SyntheticEvent<HTMLElement>,\n  closeOnSelect: boolean,\n  close: () => void,\n): void {\n  if (!closeOnSelect) return;\n  const target = event.target;\n  if (!(target instanceof Element)) return;\n  const activator = target.closest(\"a[href], button:not([disabled])\");\n  if (!activator || !event.currentTarget.contains(activator)) return;\n  close();\n}\n\nexport function HeaderRoot(props: HeaderRootProps): ReactElement | null {\n  const {\n    behavior = \"none\",\n    children,\n    closeOnSelect: closeOnSelectProp,\n    defaultOpen,\n    hidden: hiddenProp,\n    lockScroll: lockScrollProp,\n    mobileMode = \"none\",\n    modal: modalProp,\n    onOpenChange,\n    open,\n    placement = \"static\",\n    scrolled: scrolledProp,\n    ...consumerProps\n  } = props;\n\n  const modal = modalProp ?? defaultModal(mobileMode);\n  const lockScroll = lockScrollProp ?? defaultLockScroll(mobileMode, modal);\n  const closeOnSelect = closeOnSelectProp ?? defaultCloseOnSelect(mobileMode);\n  const toggleRef = useRef<HTMLButtonElement | null>(null);\n  const wasOpenRef = useRef(false);\n\n  const header = useHeader({\n    closeOnSelect,\n    mobileMode,\n    ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n    ...(onOpenChange ? { onOpenChange } : {}),\n    ...(open !== undefined ? { open } : {}),\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    if (wasOpenRef.current && !header.open && isDrawerMode(mobileMode)) {\n      queueMicrotask(() => toggleRef.current?.focus({ preventScroll: true }));\n    }\n    wasOpenRef.current = header.open;\n  }, [header.open, mobileMode]);\n\n  const contextValue = useMemo<HeaderContextValue>(\n    () => ({\n      ...header,\n      behavior,\n      hidden: hiddenProp ?? false,\n      lockScroll,\n      modal,\n      placement,\n      scrolled: scrolledProp ?? false,\n      toggleRef,\n    }),\n    [behavior, header, hiddenProp, lockScroll, modal, placement, scrolledProp],\n  );\n\n  const rootElement = useRenderElement({\n    defaultTag: \"div\",\n    props: {\n      ...consumerProps,\n      \"data-behavior\": behavior,\n      \"data-hidden\": hiddenProp ? \"\" : undefined,\n      \"data-lock-scroll\": lockScroll && header.open && isDrawerMode(mobileMode) ? \"\" : undefined,\n      \"data-mobile-mode\": mobileMode,\n      \"data-state\": header.open ? \"open\" : \"closed\",\n      \"data-placement\": placement,\n      \"data-scrolled\": scrolledProp ? \"\" : undefined,\n      children,\n    },\n    state: {\n      open: header.open,\n      placement,\n      behavior,\n      mobileMode,\n      scrolled: scrolledProp ?? false,\n      hidden: hiddenProp ?? false,\n    },\n  });\n\n  const tree = <HeaderProvider value={contextValue}>{rootElement}</HeaderProvider>;\n\n  if (isDrawerMode(mobileMode)) {\n    return (\n      <Drawer.Root\n        modal={modal}\n        onOpenChange={header.setOpen}\n        open={header.open}\n        side={drawerSide(mobileMode)}\n      >\n        {tree}\n      </Drawer.Root>\n    );\n  }\n\n  return tree;\n}\nHeaderRoot.displayName = \"HeaderRoot\";\n\nexport function HeaderToggle(props: HeaderToggleProps): ReactElement | null {\n  const {\n    closeLabel = \"Close navigation\",\n    openLabel = \"Open navigation\",\n    ref,\n    onClick,\n    ...consumerProps\n  } = props;\n  const { getToggleProps, mobileMode, open, toggle, toggleRef } = useHeaderContext(\"Toggle\");\n  const mergedRef = useMergedRefs(toggleRef, ref);\n  const dialogMode = isDrawerMode(mobileMode);\n\n  const toggleProps = getToggleProps({\n    type: \"button\",\n    \"aria-haspopup\": dialogMode ? \"dialog\" : undefined,\n    \"aria-label\": open ? closeLabel : openLabel,\n    onClick(event: MouseEvent<HTMLButtonElement>) {\n      toggle();\n      onClick?.(event);\n    },\n  });\n\n  return useRenderElement({\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      ref: mergedRef,\n      ...toggleProps,\n    },\n    state: { open },\n  });\n}\n\nexport function HeaderMobileNav(props: HeaderMobileNavProps): ReactElement | null {\n  const { children, forceMount, onClick: consumerOnClick, ...consumerProps } = props;\n  const { close, closeOnSelect, getMobileNavProps, mobileMode, open } =\n    useHeaderContext(\"MobileNav\");\n\n  const onClick = useCallback(\n    (event: SyntheticEvent<HTMLElement>) => {\n      handleCloseOnSelect(event, closeOnSelect, close);\n      consumerOnClick?.(event as React.MouseEvent<HTMLElement>);\n    },\n    [close, closeOnSelect, consumerOnClick],\n  );\n\n  const noneNav = useRenderElement({\n    defaultTag: \"nav\",\n    props: {\n      ...consumerProps,\n      ...getMobileNavProps({ onClick }),\n      children,\n    },\n    state: { open },\n  });\n\n  const drawerNav = useRenderElement({\n    defaultTag: \"nav\",\n    props: {\n      ...consumerProps,\n      ...getMobileNavProps({\n        \"data-mobile-mode\": mobileMode,\n        \"data-state\": open ? \"open\" : \"closed\",\n        onClick,\n      }),\n      children,\n    },\n    state: { open, mobileMode },\n  });\n\n  const collapseNav = useRenderElement({\n    defaultTag: \"nav\",\n    props: {\n      ...consumerProps,\n      ...getMobileNavProps({\n        \"aria-hidden\": open ? undefined : true,\n        \"data-mobile-mode\": mobileMode,\n        \"data-state\": open ? \"open\" : \"closed\",\n        hidden: open ? undefined : true,\n        onClick,\n      }),\n      children,\n    },\n    state: { open, mobileMode },\n  });\n\n  if (mobileMode === \"none\") {\n    return noneNav;\n  }\n\n  if (mobileMode === \"collapse\") {\n    if (!open && !forceMount) {\n      return null;\n    }\n\n    return collapseNav;\n  }\n\n  return <Drawer.Content>{drawerNav}</Drawer.Content>;\n}\nHeaderMobileNav.displayName = \"HeaderMobileNav\";\n\nexport function HeaderClose(props: HeaderCloseProps): ReactElement | null {\n  const { children, className, onClick, ...consumerProps } = props;\n  const { close, mobileMode } = useHeaderContext(\"Close\");\n\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    close();\n    onClick?.(event);\n  };\n\n  const closeButton = useRenderElement({\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      type: \"button\",\n      onClick: handleClick,\n      ...(className !== undefined ? { className } : {}),\n      children,\n    },\n    state: {},\n  });\n\n  if (isDrawerMode(mobileMode)) {\n    return (\n      <Drawer.Close\n        {...consumerProps}\n        {...(className !== undefined ? { className } : {})}\n        {...(onClick !== undefined ? { onClick } : {})}\n      >\n        {children}\n      </Drawer.Close>\n    );\n  }\n\n  return closeButton;\n}\nHeaderClose.displayName = \"HeaderClose\";\n\nexport const Header = {\n  Close: HeaderClose,\n  MobileNav: HeaderMobileNav,\n  Root: HeaderRoot,\n  Toggle: HeaderToggle,\n};\n\nexport { useHeader, useHeaderScrollState };\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/header/Header.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport type { HeaderRootProps } from \"./types.js\";\n\nexport function HeaderRoot({ placement = \"static\", ...props }: HeaderRootProps): ReactElement {\n  return <header {...props} data-uiify-header=\"\" data-placement={placement} />;\n}\nHeaderRoot.displayName = \"HeaderRoot\";\n\nexport const Header = { Root: HeaderRoot };\n"],"mappings":"AAIS;AADF,SAAS,WAAW,EAAE,YAAY,UAAU,GAAG,MAAM,GAAkC;AAC5F,SAAO,oBAAC,YAAQ,GAAG,OAAO,qBAAkB,IAAG,kBAAgB,WAAW;AAC5E;AACA,WAAW,cAAc;AAElB,MAAM,SAAS,EAAE,MAAM,WAAW;","names":[]}

package/dist/components/header/client/HeaderClient.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from "react";
+import type { HeaderClientProps } from "../types.js";
+export declare function HeaderClient({ hideOnScroll, scrollTarget, placement, ref, ...props }: HeaderClientProps): ReactElement;
+export declare namespace HeaderClient {
+    var displayName: string;
+}
+//# sourceMappingURL=HeaderClient.d.ts.map

package/dist/components/header/client/HeaderClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderClient.d.ts","sourceRoot":"","sources":["../../../../src/components/header/client/HeaderClient.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,iBAAiB,EAAqB,MAAM,aAAa,CAAC;AAExE,wBAAgB,YAAY,CAAC,EAC3B,YAAmB,EACnB,YAAY,EACZ,SAAoB,EACpB,GAAG,EACH,GAAG,KAAK,EACT,EAAE,iBAAiB,GAAG,YAAY,CAmFlC;yBAzFe,YAAY"}

package/dist/components/header/client/HeaderClient.js

@@ -0,0 +1,93 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { useMergedRefs } from "../../../hooks/use-merged-refs.js";
+import { HeaderRoot } from "../Header.js";
+function HeaderClient({
+  hideOnScroll = true,
+  scrollTarget,
+  placement = "sticky",
+  ref,
+  ...props
+}) {
+  const rootRef = useRef(null);
+  const mergedRef = useMergedRefs(rootRef, ref);
+  const [state, setState] = useState("top");
+  useEffect(() => {
+    const root = rootRef.current;
+    const view = root?.ownerDocument.defaultView;
+    if (!root || !view) return;
+    const element = scrollTarget === void 0 ? null : root.ownerDocument.getElementById(scrollTarget);
+    const target = scrollTarget === void 0 ? view : element;
+    const readPosition = () => {
+      return Math.max(0, element ? element.scrollTop : view.scrollY);
+    };
+    let previous = target ? readPosition() : 0;
+    let current = previous === 0 ? "top" : "visible";
+    setState(current);
+    if (!target) return;
+    let height = Infinity;
+    let movement = 0;
+    let frame = 0;
+    const update = (next) => {
+      if (current === next) return;
+      current = next;
+      setState(next);
+    };
+    const protectedState = () => root.contains(root.ownerDocument.activeElement) || root.querySelector("dialog[open], details[open], :popover-open") !== null;
+    const reveal = () => {
+      if (protectedState()) {
+        movement = 0;
+        update(readPosition() === 0 ? "top" : "visible");
+      }
+    };
+    const resize = new view.ResizeObserver((entries) => {
+      const entry = entries[0];
+      if (entry) height = entry.borderBoxSize[0]?.blockSize ?? entry.contentRect.height;
+    });
+    resize.observe(root, { box: "border-box" });
+    const mutation = new view.MutationObserver(reveal);
+    mutation.observe(root, {
+      subtree: true,
+      childList: true,
+      attributes: true,
+      attributeFilter: ["open"]
+    });
+    root.addEventListener("focusin", reveal);
+    root.addEventListener("toggle", reveal, true);
+    const scroll = () => {
+      if (frame) return;
+      frame = view.requestAnimationFrame(() => {
+        frame = 0;
+        const position = readPosition();
+        const delta = position - previous;
+        previous = position;
+        if (position === 0 || !hideOnScroll || placement === "static" || protectedState()) {
+          movement = 0;
+          update(position === 0 ? "top" : "visible");
+          return;
+        }
+        if (delta !== 0)
+          movement = Math.sign(delta) === Math.sign(movement) ? movement + delta : delta;
+        if (current === "top") update("visible");
+        if (movement <= -8) update("visible");
+        if (position > height && movement >= 8) update("hidden");
+      });
+    };
+    target.addEventListener("scroll", scroll, { passive: true });
+    return () => {
+      target.removeEventListener("scroll", scroll);
+      root.removeEventListener("focusin", reveal);
+      root.removeEventListener("toggle", reveal, true);
+      resize.disconnect();
+      mutation.disconnect();
+      if (frame) view.cancelAnimationFrame(frame);
+    };
+  }, [hideOnScroll, scrollTarget, placement]);
+  return /* @__PURE__ */ jsx(HeaderRoot, { ...props, placement, ref: mergedRef, "data-state": state });
+}
+HeaderClient.displayName = "HeaderClient";
+export {
+  HeaderClient
+};
+//# sourceMappingURL=HeaderClient.js.map

package/dist/components/header/client/HeaderClient.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/header/client/HeaderClient.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport type { ReactElement } from \"react\";\nimport { useMergedRefs } from \"../../../hooks/use-merged-refs.js\";\nimport { HeaderRoot } from \"../Header.js\";\nimport type { HeaderClientProps, HeaderClientState } from \"../types.js\";\n\nexport function HeaderClient({\n  hideOnScroll = true,\n  scrollTarget,\n  placement = \"sticky\",\n  ref,\n  ...props\n}: HeaderClientProps): ReactElement {\n  const rootRef = useRef<HTMLElement>(null);\n  const mergedRef = useMergedRefs(rootRef, ref);\n  const [state, setState] = useState<HeaderClientState>(\"top\");\n\n  useEffect(() => {\n    const root = rootRef.current;\n    const view = root?.ownerDocument.defaultView;\n    if (!root || !view) return;\n    const element =\n      scrollTarget === undefined ? null : root.ownerDocument.getElementById(scrollTarget);\n    const target = scrollTarget === undefined ? view : element;\n    const readPosition = () => {\n      // banned-read-ok: Scroll offset is the required direction input; it does not measure layout.\n      return Math.max(0, element ? element.scrollTop : view.scrollY);\n    };\n    let previous = target ? readPosition() : 0;\n    let current: HeaderClientState = previous === 0 ? \"top\" : \"visible\";\n    setState(current);\n    if (!target) return;\n\n    let height = Infinity;\n    let movement = 0;\n    let frame = 0;\n    const update = (next: HeaderClientState) => {\n      if (current === next) return;\n      current = next;\n      setState(next);\n    };\n    const protectedState = () =>\n      root.contains(root.ownerDocument.activeElement) ||\n      root.querySelector(\"dialog[open], details[open], :popover-open\") !== null;\n    const reveal = () => {\n      if (protectedState()) {\n        movement = 0;\n        update(readPosition() === 0 ? \"top\" : \"visible\");\n      }\n    };\n    const resize = new view.ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (entry) height = entry.borderBoxSize[0]?.blockSize ?? entry.contentRect.height;\n    });\n    resize.observe(root, { box: \"border-box\" });\n    const mutation = new view.MutationObserver(reveal);\n    mutation.observe(root, {\n      subtree: true,\n      childList: true,\n      attributes: true,\n      attributeFilter: [\"open\"],\n    });\n    root.addEventListener(\"focusin\", reveal);\n    root.addEventListener(\"toggle\", reveal, true);\n    const scroll = () => {\n      if (frame) return;\n      frame = view.requestAnimationFrame(() => {\n        frame = 0;\n        const position = readPosition();\n        const delta = position - previous;\n        previous = position;\n        if (position === 0 || !hideOnScroll || placement === \"static\" || protectedState()) {\n          movement = 0;\n          update(position === 0 ? \"top\" : \"visible\");\n          return;\n        }\n        if (delta !== 0)\n          movement = Math.sign(delta) === Math.sign(movement) ? movement + delta : delta;\n        if (current === \"top\") update(\"visible\");\n        if (movement <= -8) update(\"visible\");\n        if (position > height && movement >= 8) update(\"hidden\");\n      });\n    };\n    target.addEventListener(\"scroll\", scroll, { passive: true });\n    return () => {\n      target.removeEventListener(\"scroll\", scroll);\n      root.removeEventListener(\"focusin\", reveal);\n      root.removeEventListener(\"toggle\", reveal, true);\n      resize.disconnect();\n      mutation.disconnect();\n      if (frame) view.cancelAnimationFrame(frame);\n    };\n  }, [hideOnScroll, scrollTarget, placement]);\n\n  return <HeaderRoot {...props} placement={placement} ref={mergedRef} data-state={state} />;\n}\nHeaderClient.displayName = \"HeaderClient\";\n"],"mappings":"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","names":[]}

package/dist/components/header/client/index.d.ts

@@ -0,0 +1,3 @@
+export { HeaderClient } from "./HeaderClient.js";
+export type { HeaderClientProps, HeaderClientState } from "../types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/header/client/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/header/client/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/header/client/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { HeaderClient } from "./HeaderClient.js";
+export {
+  HeaderClient
+};
+//# sourceMappingURL=index.js.map

package/dist/components/header/client/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/header/client/index.ts"],"sourcesContent":["\"use client\";\n\nexport { HeaderClient } from \"./HeaderClient.js\";\nexport type { HeaderClientProps, HeaderClientState } from \"../types.js\";\n"],"mappings":";AAEA,SAAS,oBAAoB;","names":[]}

package/dist/components/header/client.d.ts

@@ -0,0 +1 @@
+export * from "./client/index.js";

package/dist/components/header/client.js

@@ -0,0 +1 @@
+export * from "./client/index.js";

package/dist/components/header/index.d.ts

@@ -1,4 +1,3 @@
-export { Header, HeaderClose, HeaderMobileNav, HeaderRoot, HeaderToggle, useHeaderScrollState, } from "./Header.js";
-export { useHeader } from "./use-header.js";
-export type { HeaderBehavior, HeaderCloseProps, HeaderMobileNavProps, HeaderMobileMode, HeaderPlacement, HeaderRootProps, HeaderToggleProps, UseHeaderOptions, UseHeaderReturn, UseHeaderScrollStateOptions, UseHeaderScrollStateReturn, } from "./types.js";
+export { Header, HeaderRoot } from "./Header.js";
+export type { HeaderClientProps, HeaderClientState, HeaderPlacement, HeaderRootProps, } from "./types.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,WAAW,EACX,eAAe,EACf,UAAU,EACV,YAAY,EACZ,oBAAoB,GACrB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,YAAY,EACV,cAAc,EACd,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,2BAA2B,EAC3B,0BAA0B,GAC3B,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACjD,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,eAAe,GAChB,MAAM,YAAY,CAAC"}

package/dist/components/header/index.js

@@ -1,19 +1,6 @@
-import {
-  Header,
-  HeaderClose,
-  HeaderMobileNav,
-  HeaderRoot,
-  HeaderToggle,
-  useHeaderScrollState
-} from "./Header.js";
-import { useHeader } from "./use-header.js";
+import { Header, HeaderRoot } from "./Header.js";
 export {
   Header,
-  HeaderClose,
-  HeaderMobileNav,
-  HeaderRoot,
-  HeaderToggle,
-  useHeader,
-  useHeaderScrollState
+  HeaderRoot
 };
 //# sourceMappingURL=index.js.map

package/dist/components/header/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/header/index.ts"],"sourcesContent":["export {\n  Header,\n  HeaderClose,\n  HeaderMobileNav,\n  HeaderRoot,\n  HeaderToggle,\n  useHeaderScrollState,\n} from \"./Header.js\";\nexport { useHeader } from \"./use-header.js\";\nexport type {\n  HeaderBehavior,\n  HeaderCloseProps,\n  HeaderMobileNavProps,\n  HeaderMobileMode,\n  HeaderPlacement,\n  HeaderRootProps,\n  HeaderToggleProps,\n  UseHeaderOptions,\n  UseHeaderReturn,\n  UseHeaderScrollStateOptions,\n  UseHeaderScrollStateReturn,\n} from \"./types.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;","names":[]}
+{"version":3,"sources":["../../../src/components/header/index.ts"],"sourcesContent":["export { Header, HeaderRoot } from \"./Header.js\";\nexport type {\n  HeaderClientProps,\n  HeaderClientState,\n  HeaderPlacement,\n  HeaderRootProps,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,QAAQ,kBAAkB;","names":[]}