@womp/kookie-ui 0.31.0 → 0.33.0

package/components.css

@@ -7399,19 +7399,19 @@
 }
 .kui-Link:where(:-moz-any-link,button) {
   cursor: var(--cursor-link);
-  text-decoration-line: none;
+  text-decoration-line: underline;
   text-decoration-style: solid;
   text-decoration-thickness: min(2px, max(1px, 0.05em));
-  text-underline-offset: calc(0.025em + 2px);
-  text-decoration-color: var(--accent-a5);
+  text-underline-offset: 0.2em;
+  text-decoration-color: var(--accent-a6);
 }
 .kui-Link:where(:any-link,button) {
   cursor: var(--cursor-link);
-  text-decoration-line: none;
+  text-decoration-line: underline;
   text-decoration-style: solid;
   text-decoration-thickness: min(2px, max(1px, 0.05em));
-  text-underline-offset: calc(0.025em + 2px);
-  text-decoration-color: var(--accent-a5);
+  text-underline-offset: 0.2em;
+  text-decoration-color: var(--accent-a6);
 }
 .kui-Link:where(:disabled,[data-disabled]) {
   cursor: var(--cursor-disabled);
@@ -7419,19 +7419,21 @@
 .kui-Link:where(:focus-visible) {
   border-radius: calc(0.07em * var(--radius-factor));
   outline-color: var(--focus-8);
-  outline-width: 2px;
+  outline-width: var(--focus-ring-width);
   outline-style: solid;
-  outline-offset: 2px;
+  outline-offset: var(--focus-ring-offset);
+  -webkit-box-decoration-break: clone;
+  box-decoration-break: clone;
 }
 :where([data-accent-color]:not(.kui-theme)) .kui-Link:where([data-accent-color='']) {
   color: var(--accent-ink);
 }
-@supports (color: color-mix(in oklab, white, black)) {
-  .kui-Link:where(:-moz-any-link,button) {
-    text-decoration-color: color-mix(in oklab, var(--accent-a5), var(--neutral-a6));
+@media (hover: hover) {
+  .kui-Link:where(:-moz-any-link,button):where(:hover) {
+    text-decoration-color: currentcolor;
   }
-  .kui-Link:where(:any-link,button) {
-    text-decoration-color: color-mix(in oklab, var(--accent-a5), var(--neutral-a6));
+  .kui-Link:where(:any-link,button):where(:hover) {
+    text-decoration-color: currentcolor;
   }
 }
 @media (pointer: coarse) {
@@ -7444,44 +7446,6 @@
     outline-offset: -0.6em;
   }
 }
-@media (hover: hover) {
-  .kui-Link:where(:-moz-any-link,button):where(.kui-underline-auto):where(:hover) {
-    text-decoration-line: underline;
-  }
-  .kui-Link:where(:any-link,button):where(.kui-underline-auto):where(:hover) {
-    text-decoration-line: underline;
-  }
-}
-:where([data-accent-color]:not(.kui-theme)) .kui-Link:where(:-moz-any-link,button):where(.kui-underline-auto):where([data-accent-color='']) {
-  text-decoration-line: underline;
-  text-decoration-color: var(--accent-a6);
-}
-:where([data-accent-color]:not(.kui-theme)) .kui-Link:where(:any-link,button):where(.kui-underline-auto):where([data-accent-color='']) {
-  text-decoration-line: underline;
-  text-decoration-color: var(--accent-a6);
-}
-@supports (color: color-mix(in oklab, white, black)) {
-  :where([data-accent-color]:not(.kui-theme)) .kui-Link:where(:-moz-any-link,button):where(.kui-underline-auto):where([data-accent-color='']) {
-    text-decoration-color: color-mix(in oklab, var(--accent-a6), var(--neutral-a6));
-  }
-  :where([data-accent-color]:not(.kui-theme)) .kui-Link:where(:any-link,button):where(.kui-underline-auto):where([data-accent-color='']) {
-    text-decoration-color: color-mix(in oklab, var(--accent-a6), var(--neutral-a6));
-  }
-}
-@media (hover: hover) {
-  .kui-Link:where(:-moz-any-link,button):where(.kui-underline-hover):where(:hover) {
-    text-decoration-line: underline;
-  }
-  .kui-Link:where(:any-link,button):where(.kui-underline-hover):where(:hover) {
-    text-decoration-line: underline;
-  }
-}
-.kui-Link:where(:-moz-any-link,button):where(.kui-underline-always) {
-  text-decoration-line: underline;
-}
-.kui-Link:where(:any-link,button):where(.kui-underline-always) {
-  text-decoration-line: underline;
-}
 .kui-Link:where(:has(.kui-Code:not(.kui-variant-ghost):only-child)) {
   text-decoration-color: transparent;
 }
@@ -11820,7 +11784,7 @@
   }
 }
 .kui-ShellRoot {
-  --shell-inset-gap: var(--space-3);
+  --shell-gap: var(--space-3);
   --shell-rail-offset: 0px;
   --kui-shell-page-top: 0px;
   display: grid;
@@ -12595,51 +12559,102 @@
 .kui-ShellRoot[data-height='auto'] > .kui-ShellPane[data-presentation='overlay'] {
   position: fixed;
 }
-.kui-ShellRoot:has(> [data-inset])::before,
-.kui-ShellRoot[data-has-inset]::before {
-  content: '';
-  grid-row: 2;
-  grid-column: 1 / -1;
-  background: var(--neutral-2);
+.kui-ShellHeader[data-flush],
+.kui-ShellPane[data-flush],
+.kui-ShellContent[data-flush] {
+  border: 0 solid var(--color-border);
+  border-radius: 0;
+}
+.kui-ShellHeader[data-flush] {
+  border-block-end-width: 1px;
+}
+.kui-ShellRail[data-flush],
+.kui-ShellPanel[data-flush],
+.kui-ShellSidebar[data-flush] {
+  border-inline-end-width: 1px;
+}
+.kui-ShellInspector[data-flush] {
+  border-inline-start-width: 1px;
+}
+.kui-ShellBottom[data-flush] {
+  border-block-start-width: 1px;
+}
+.kui-ShellRoot:has(> .kui-ShellContent:not([data-flush])) > .kui-ShellHeader[data-flush] {
+  border-block-end-width: 0;
 }
-.kui-ShellPane[data-inset],
-.kui-ShellContent[data-inset] {
-  margin: var(--shell-inset-gap);
+.kui-ShellRoot:has(> .kui-ShellContent:not([data-flush])) > .kui-ShellSidebar[data-flush],
+.kui-ShellRoot:has(> .kui-ShellContent:not([data-flush])):not(:has(> .kui-ShellSidebar[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']))) > .kui-ShellPanel[data-flush],
+.kui-ShellRoot:has(> .kui-ShellContent:not([data-flush])):not(:has(> .kui-ShellPanel[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']), > .kui-ShellSidebar[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']))) > .kui-ShellRail[data-flush] {
+  border-inline-end-width: 0;
+}
+.kui-ShellRoot:has(> .kui-ShellContent:not([data-flush])) > .kui-ShellInspector[data-flush] {
+  border-inline-start-width: 0;
+}
+.kui-ShellRoot:has(> .kui-ShellContent:not([data-flush])) > .kui-ShellBottom[data-flush] {
+  border-block-start-width: 0;
+}
+.kui-ShellHeader:not([data-flush]),
+.kui-ShellPane:not([data-flush]),
+.kui-ShellContent:not([data-flush]) {
+  margin: var(--shell-gap);
   border-radius: var(--radius-surface-1);
-  background: var(--color-page);
+  background-color: var(--color-page);
   -webkit-box-shadow: var(--surface-chrome);
           box-shadow: var(--surface-chrome);
 }
-.kui-ShellRoot:has(> .kui-ShellRail[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])) > .kui-ShellPanel[data-inset][data-presentation='fixed'],
-.kui-ShellRoot:has(> .kui-ShellPanel[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])) > .kui-ShellSidebar[data-inset][data-presentation='fixed'],
-.kui-ShellRoot:has(> .kui-ShellRail[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])):not(
-    :has(> .kui-ShellPanel[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']))
-  )
-  > .kui-ShellSidebar[data-inset][data-presentation='fixed'],
-.kui-ShellRoot:has(> .kui-ShellSidebar[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])) > .kui-ShellContent[data-inset],
-.kui-ShellRoot:has(> .kui-ShellPanel[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])):not(
-    :has(> .kui-ShellSidebar[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']))
-  )
-  > .kui-ShellContent[data-inset],
-.kui-ShellRoot:has(> .kui-ShellRail[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])):not(
-    :has(> .kui-ShellPanel[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']), > .kui-ShellSidebar[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']))
-  )
-  > .kui-ShellContent[data-inset],
-.kui-ShellRoot:has(> .kui-ShellContent[data-inset]) > .kui-ShellInspector[data-inset][data-presentation='fixed'] {
+.kui-ShellHeader:not([data-flush]) {
+  z-index: 1;
+}
+.kui-ShellRoot:has(> .kui-ShellContent:not([data-flush])) {
+  background-color: var(--neutral-2);
+}
+.kui-ShellRoot:has(> .kui-ShellRail:not([data-flush])[data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])) > .kui-ShellPanel:not([data-flush])[data-presentation='fixed'],
+.kui-ShellRoot:has(> .kui-ShellPanel:not([data-flush])[data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])) > .kui-ShellSidebar:not([data-flush])[data-presentation='fixed'],
+.kui-ShellRoot:has(> .kui-ShellRail:not([data-flush])[data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])):not(:has(> .kui-ShellPanel[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']))) > .kui-ShellSidebar:not([data-flush])[data-presentation='fixed'],
+.kui-ShellRoot:has(> .kui-ShellSidebar:not([data-flush])[data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])) > .kui-ShellContent:not([data-flush]),
+.kui-ShellRoot:has(> .kui-ShellPanel:not([data-flush])[data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])):not(:has(> .kui-ShellSidebar[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']))) > .kui-ShellContent:not([data-flush]),
+.kui-ShellRoot:has(> .kui-ShellRail:not([data-flush])[data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])):not(:has(> .kui-ShellPanel[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']), > .kui-ShellSidebar[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']))) > .kui-ShellContent:not([data-flush]),
+.kui-ShellRoot:has(> .kui-ShellContent:not([data-flush])) > .kui-ShellInspector:not([data-flush])[data-presentation='fixed'] {
   -webkit-margin-start: 0;
           margin-inline-start: 0;
 }
-.kui-ShellRoot:has(
-    > .kui-ShellRail[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed']),
-    > .kui-ShellPanel[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed']),
-    > .kui-ShellSidebar[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed']),
-    > .kui-ShellContent[data-inset],
-    > .kui-ShellInspector[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])
-  )
-  > .kui-ShellBottom[data-inset] {
+.kui-ShellRoot:has(> .kui-ShellHeader:not([data-flush])) > :is(.kui-ShellPane:not(.kui-ShellBottom), .kui-ShellContent):not([data-flush]),
+.kui-ShellRoot:has(> :is(.kui-ShellRail, .kui-ShellPanel, .kui-ShellSidebar, .kui-ShellInspector):not([data-flush])[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']), > .kui-ShellContent:not([data-flush])) > .kui-ShellBottom:not([data-flush]) {
   -webkit-margin-before: 0;
           margin-block-start: 0;
 }
+.kui-ShellRoot:has(> .kui-ShellSidebar[data-flush][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])) > .kui-ShellContent:not([data-flush]),
+.kui-ShellRoot:has(> .kui-ShellPanel[data-flush][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])):not(:has(> .kui-ShellSidebar[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']))) > .kui-ShellContent:not([data-flush]),
+.kui-ShellRoot:has(> .kui-ShellRail[data-flush][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])):not(:has(> .kui-ShellPanel[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']), > .kui-ShellSidebar[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']))) > .kui-ShellContent:not([data-flush]) {
+  -webkit-margin-start: 0;
+          margin-inline-start: 0;
+}
+.kui-ShellRoot:has(> .kui-ShellInspector[data-flush][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])) > .kui-ShellContent:not([data-flush]) {
+  -webkit-margin-end: 0;
+          margin-inline-end: 0;
+}
+.kui-ShellRoot:has(> .kui-ShellBottom[data-flush][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])) > .kui-ShellContent:not([data-flush]) {
+  -webkit-margin-after: 0;
+          margin-block-end: 0;
+}
+.kui-ShellRoot:has(> .kui-ShellSidebar:not([data-flush])) > .kui-ShellContent[data-flush] {
+  grid-column-start: sidebar-start;
+}
+.kui-ShellRoot:has(> .kui-ShellPanel:not([data-flush])):not(:has(> .kui-ShellSidebar[data-flush])) > .kui-ShellContent[data-flush] {
+  grid-column-start: panel-start;
+}
+.kui-ShellRoot:has(> .kui-ShellRail:not([data-flush])):not(:has(> .kui-ShellPanel[data-flush], > .kui-ShellSidebar[data-flush])) > .kui-ShellContent[data-flush] {
+  grid-column-start: rail-start;
+}
+.kui-ShellRoot:has(> .kui-ShellInspector:not([data-flush])) > .kui-ShellContent[data-flush] {
+  grid-column-end: inspector-end;
+}
+.kui-ShellRoot:has(> .kui-ShellHeader:not([data-flush])) > .kui-ShellContent[data-flush] {
+  grid-row-start: header-start;
+}
+.kui-ShellRoot:has(> .kui-ShellBottom:not([data-flush])) > .kui-ShellContent[data-flush] {
+  grid-row-end: bottom-end;
+}
 @media (max-width: 767.98px) and (pointer: coarse) {
   .kui-ShellRoot[data-window] {
     height: auto;

package/dist/cjs/components/_internal/pane-chrome.js

@@ -1,3 +1,3 @@
 "use client";
-"use strict";"use client";var xe=Object.create;var x=Object.defineProperty;var Re=Object.getOwnPropertyDescriptor;var be=Object.getOwnPropertyNames;var De=Object.getPrototypeOf,Ce=Object.prototype.hasOwnProperty;var Te=(t,e)=>{for(var n in e)x(t,n,{get:e[n],enumerable:!0})},I=(t,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of be(e))!Ce.call(t,s)&&s!==n&&x(t,s,{get:()=>e[s],enumerable:!(r=Re(e,s))||r.enumerable});return t};var y=(t,e,n)=>(n=t!=null?xe(De(t)):{},I(e||!t||!t.__esModule?x(n,"default",{value:t,enumerable:!0}):n,t)),Ne=t=>I(x({},"__esModule",{value:!0}),t);var Ue={};Te(Ue,{BAND_STEP:()=>de,PaneChromeScope:()=>Ke,PaneFooter:()=>me,PaneHeader:()=>fe,Scroll:()=>ye,ShellContentContext:()=>ce,ShellSizeContext:()=>k,ShellWindowContext:()=>ue,SidebarVisualContext:()=>H,usePaneBandSize:()=>_e,useSidebarVisual:()=>w});module.exports=Ne(Ue);var u=y(require("react")),v=y(require("classnames"));var d=y(require("react")),ee=y(require("classnames")),P=require("radix-ui"),te=require("radix-ui/internal");var $={asChild:{type:"boolean"}};var we=["none","small","medium","large","full"],j={radius:{type:"enum",values:we,default:void 0}};var ke=["vertical","horizontal","both"],R={...$,...j,scrollbars:{type:"enum",values:ke,default:"both"},fade:{type:"boolean",default:!1}};var b=y(require("react"));function A(t){let e=getComputedStyle(t);return{x:e.overflowX==="hidden"?0:Math.max(0,t.scrollWidth-t.clientWidth),y:e.overflowY==="hidden"?0:Math.max(0,t.scrollHeight-t.clientHeight)}}function F(t){let[e,n]=b.useState(null);return b.useEffect(()=>{if(!t||!e)return;let r=0,s=()=>{r=0;let l=A(e),a=Math.max(0,e.scrollTop),c=Math.max(0,l.y-e.scrollTop);e.style.setProperty("--scroll-overflow-start",`${a}px`),e.style.setProperty("--scroll-overflow-end",`${c}px`);let f=Math.abs(e.scrollLeft),m=Math.max(0,l.x-f);e.style.setProperty("--scroll-overflow-x-start",`${f}px`),e.style.setProperty("--scroll-overflow-x-end",`${m}px`)},i=()=>{r||(r=requestAnimationFrame(s))};s(),e.addEventListener("scroll",i,{passive:!0});let o=typeof ResizeObserver>"u"?null:new ResizeObserver(i);o?.observe(e);for(let l of Array.from(e.children))o?.observe(l);let p=typeof MutationObserver>"u"?null:new MutationObserver(i);return p?.observe(e,{childList:!0}),()=>{r&&cancelAnimationFrame(r),e.removeEventListener("scroll",i),o?.disconnect(),p?.disconnect(),e.style.removeProperty("--scroll-overflow-start"),e.style.removeProperty("--scroll-overflow-end"),e.style.removeProperty("--scroll-overflow-x-start"),e.style.removeProperty("--scroll-overflow-x-end")}},[t,e]),n}var D=y(require("react"));function K(){let[t,e]=D.useState(null);return D.useEffect(()=>{let n=t?.parentElement;if(!t||!n)return;let r=0,s=()=>{r=0;for(let o of n.querySelectorAll(":scope > .kui-ScrollAreaScrollbar > .kui-ScrollAreaThumb")){let p=o.parentElement,l=getComputedStyle(p);if(p.dataset.orientation==="horizontal"){let a=p.clientWidth-parseFloat(l.paddingLeft)-parseFloat(l.paddingRight),c=G(t.scrollLeft,t.scrollWidth-t.offsetWidth,a-o.offsetWidth);o.style.transform=`translate3d(${c}px, 0, 0)`}else{let a=p.clientHeight-parseFloat(l.paddingTop)-parseFloat(l.paddingBottom),c=G(t.scrollTop,t.scrollHeight-t.offsetHeight,a-o.offsetHeight);o.style.transform=`translate3d(0, ${c}px, 0)`}}},i=()=>{r||(r=requestAnimationFrame(s))};return t.addEventListener("scroll",i,{passive:!0}),()=>{r&&cancelAnimationFrame(r),t.removeEventListener("scroll",i)}},[t]),e}function G(t,e,n){return e<=0||n<=0?0:Math.min(Math.max(t,-e),e)/e*n}var C=y(require("react"));function _(t,e){let{asChild:n,children:r}=t;if(!n)return typeof e=="function"?e(r):e;let s=C.Children.only(r);return C.cloneElement(s,{children:typeof e=="function"?e(s.props.children):e})}var Q=y(require("classnames"));var Ve=[],Ee=new Set;function Ae(t){let e=Object.assign({},...t),n=[],r=[],s=new Set;for(let i in e){let o=e[i],p=o.values??Ve,l={key:i,type:o.type,default:o.default,hasDefault:o.default!==void 0,responsive:"responsive"in o,className:o.className,customProperties:o.customProperties,parseValue:o.parseValue,values:p,valueSet:p.length>0?new Set(p):Ee,enumValueSet:o.type==="enum"?new Set([o.default,...p]):void 0};o.className?(n.push(l),s.add(i)):(l.hasDefault||o.type==="enum")&&r.push(l)}return{styling:n,passthrough:r,stylingKeys:s}}var ze={children:new WeakMap};function U(t){let e=ze;for(let n=0;n<t.length;n++){let r=t[n],s=e.children.get(r);s===void 0&&(s={children:new WeakMap},e.children.set(r,s)),e=s}return e.compiled??(e.compiled=Ae(t))}var Me=["initial","xs","sm","md","lg","xl"],z=new Set(Me);function M(t,e){return Object.prototype.hasOwnProperty.call(t,e)}var Oe=new Set(["initial","xs","sm","md","lg","xl"]);function S(t){if(typeof t!="object"||t===null)return!1;for(let e in t)if(Oe.has(e))return!0;return!1}function T(t,e,n){return e!==void 0?e.has(n):t.includes(n)}function Y({className:t,customProperties:e,...n}){let r=O({allowArbitraryValues:!0,className:t,...n}),s=Be({customProperties:e,...n});return[r,s]}function O({allowArbitraryValues:t,value:e,className:n,propValues:r,propValueSet:s,parseValue:i=o=>o}){if(e){if(typeof e=="string")return T(r,s,e)?q(n,e,i):t?n:void 0;if(S(e)){let o=e,p=[];for(let l in o){if(!M(o,l)||!z.has(l))continue;let a=o[l];if(a!==void 0){if(T(r,s,a)){let c=q(n,a,i),f=l==="initial"?c:`${l}:${c}`;p.push(f)}else if(t){let c=l==="initial"?n:`${l}:${n}`;p.push(c)}}}return p.length>0?p.join(" "):""}if(t)return n}}function q(t,e,n){let r=t?"-":"",s=n(e),i=s?.startsWith("-"),o=i?"-":"",p=i?s?.substring(1):s;return`${o}${t}${r}${p}`}function Be({customProperties:t,value:e,propValues:n,propValueSet:r,parseValue:s=i=>i}){if(!e||typeof e=="string"&&T(n,r,e))return;let i;if(typeof e=="string"){let o=s(e);i={};for(let p of t)i[p]=o;return i}if(S(e)){let o=e;for(let p in o){if(!M(o,p)||!z.has(p))continue;let l=o[p];if(l===void 0||T(n,r,l))continue;let a=s(l);i??(i={});for(let c of t){let f=p==="initial"?c:`${c}-${p}`;i[f]=a}}}return i??{}}function B(...t){let e;for(let n of t)n&&(e===void 0&&(e={}),Object.assign(e,n));return e}function He(t,e){let n=t.initial,r=!1;return e.hasDefault&&n===void 0&&(n=e.default,r=!0),e.enumValueSet!==void 0&&!e.enumValueSet.has(n)&&(n=e.default,r=!0),r?{...t,initial:n}:t}function X(t,...e){let{styling:n,passthrough:r,stylingKeys:s}=U(e),i={};for(let l in t)s.has(l)||(i[l]=t[l]);for(let l=0;l<r.length;l++){let a=r[l],c=i[a.key];if(c===void 0){a.hasDefault&&(i[a.key]=a.default);continue}a.enumValueSet!==void 0&&!a.enumValueSet.has(c)&&!S(c)&&(i[a.key]=a.default)}let o,p=[];for(let l=0;l<n.length;l++){let a=n[l],c=t[a.key];if(c===void 0&&a.hasDefault&&(c=a.default),a.enumValueSet!==void 0&&!a.enumValueSet.has(c)&&!S(c)&&(c=a.default),!!c){if(S(c)){if(!a.responsive)continue;c=He(c,a)}if(a.type==="enum"){let f=O({allowArbitraryValues:!1,value:c,className:a.className,propValues:a.values,propValueSet:a.valueSet,parseValue:a.parseValue});f&&p.push(f);continue}if(a.type==="string"||a.type==="enum | string"){let[f,m]=Y({className:a.className,customProperties:a.customProperties,propValues:a.type==="string"?[]:a.values,propValueSet:a.type==="string"?void 0:a.valueSet,parseValue:a.parseValue,value:c});m&&(o=B(o,m)),f&&p.push(f);continue}if(a.type==="boolean"){p.push(a.className);continue}}}return i.className=(0,Q.default)(p.length>0?p.join(" "):void 0,t.className),i.style=B(o,t.style),i}var J={width:{type:"string",className:"kui-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"kui-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"kui-r-max-w",customProperties:["--max-width"],responsive:!0}};var Z={height:{type:"string",className:"kui-r-h",customProperties:["--height"],responsive:!0},minHeight:{type:"string",className:"kui-r-min-h",customProperties:["--min-height"],responsive:!0},maxHeight:{type:"string",className:"kui-r-max-h",customProperties:["--max-height"],responsive:!0}};var Le='[role="menu"], [role="listbox"]';function We(t,e){d.useEffect(()=>{if(!e||!t||t.closest(Le))return;let n=0,r=()=>{n=0;let o=A(t);o.x>0||o.y>0?t.setAttribute("tabindex","0"):t.removeAttribute("tabindex")},s=()=>{n||(n=requestAnimationFrame(r))};r();let i=typeof ResizeObserver>"u"?null:new ResizeObserver(s);i?.observe(t);for(let o of Array.from(t.children))i?.observe(o);return()=>{n&&cancelAnimationFrame(n),i?.disconnect()}},[t,e])}var N=d.forwardRef((t,e)=>{let{asChild:n,children:r,className:s,style:i,type:o,scrollHideDelay:p=o!=="scroll"?0:void 0,dir:l,radius:a=R.radius.default,scrollbars:c=R.scrollbars.default,fade:f=R.fade.default,...m}=X(t,J,Z),[V,E]=d.useState(null),Pe=F(f),Se=K(),ge=(0,te.useComposedRefs)(e,Pe,Se,E);We(V,m.tabIndex===void 0);let he=m["aria-label"]!==void 0||m["aria-labelledby"]!==void 0;return d.createElement(P.ScrollArea.Root,{type:o,scrollHideDelay:p,dir:l,className:(0,ee.default)("kui-ScrollAreaRoot",s),"data-fade":f?"":void 0,style:i,asChild:n},_({asChild:n,children:r},ve=>d.createElement(d.Fragment,null,d.createElement(P.ScrollArea.Viewport,{role:he?"region":void 0,...m,ref:ge,className:"kui-ScrollAreaViewport"},ve),d.createElement("div",{className:"kui-ScrollAreaViewportFocusRing"}),c!=="vertical"?d.createElement(P.ScrollArea.Scrollbar,{"data-radius":a,orientation:"horizontal",className:"kui-ScrollAreaScrollbar"},d.createElement(P.ScrollArea.Thumb,{className:"kui-ScrollAreaThumb"})):null,c!=="horizontal"?d.createElement(P.ScrollArea.Scrollbar,{"data-radius":a,orientation:"vertical",className:"kui-ScrollAreaScrollbar"},d.createElement(P.ScrollArea.Thumb,{className:"kui-ScrollAreaThumb"})):null,c==="both"?d.createElement(P.ScrollArea.Corner,{className:"kui-ScrollAreaCorner"}):null)))});N.displayName="ScrollArea";var g=y(require("react")),Ie=require("radix-ui/internal");var ne=["initial","xs","sm","md","lg","xl"];function re(t){return typeof t=="object"&&t!==null}function $e(t,e){let n={},r=null;for(let s of ne){if(t!==void 0&&!re(t)){n[s]=t;continue}let i=re(t)?t[s]:void 0;i!==void 0&&(r={value:i}),n[s]=r?r.value:e(s)}return n}var kt=$e("fixed",()=>"fixed");var oe=g.createContext(null);var Vt=g.createContext(null);var se=y(require("react")),h=se.createContext(void 0);var ae=y(require("react")),je="(max-width: 767.98px) and (pointer: coarse)",ie,le=()=>ie??(ie=window.matchMedia(je));function Fe(t,e){return typeof t.addEventListener=="function"?(t.addEventListener("change",e),()=>t.removeEventListener("change",e)):(t.addListener?.(e),()=>t.removeListener?.(e))}function Ge(t){return Fe(le(),t)}function pe(){return ae.useSyncExternalStore(Ge,()=>le().matches,()=>!1)}var H=u.createContext(null);function w(){return u.useContext(H)}var k=u.createContext("2"),ce=u.createContext(!1),ue=u.createContext(!1);function Ke({children:t,presentation:e}){let n=u.useContext(k),r=u.useMemo(()=>({size:n,menuVariant:"soft",presentation:e}),[n,e]);return u.createElement(H.Provider,{value:r},t)}function L(){let t=w(),e=u.useContext(k),n=t?.size??e,r=t?.menuVariant??"soft";return["kui-ShellPaneChrome",`kui-r-size-${n}`,`kui-menu-variant-${r}`]}var de={1:"2",2:"3",3:"4",4:"4"};function W(){let t=w(),e=u.useContext(k);return de[t?.size??e]}function _e(){let t=u.useContext(h),e=u.useContext(oe)!==null,n=W();return t!==void 0?t:e?n:null}var fe=u.forwardRef(({className:t,float:e,children:n,...r},s)=>{let i=L(),o=W();return u.createElement("div",{...r,ref:s,"data-float":e||void 0,className:(0,v.default)("kui-ShellPaneHeader","kui-SidebarHeader","kui-SidebarHeader--container",...i,t)},u.createElement(h.Provider,{value:o},n))});fe.displayName="Shell.PaneHeader";var me=u.forwardRef(({className:t,float:e,children:n,...r},s)=>{let i=L(),o=W();return u.createElement("div",{...r,ref:s,"data-float":e||void 0,className:(0,v.default)("kui-ShellPaneFooter","kui-SidebarFooter","kui-SidebarFooter--container",...i,t)},u.createElement(h.Provider,{value:o},n))});me.displayName="Shell.PaneFooter";var ye=u.forwardRef(({className:t,style:e,dir:n,children:r,fade:s=!1,pane:i=!1,...o},p)=>{let l=L(),a=u.useContext(ce),c=w(),f=a&&c===null&&!i,m=u.useContext(ue),V=pe();if(f){let E=o.tabIndex??(m&&V?-1:void 0);return u.createElement(N,{...o,tabIndex:E,ref:p,type:"hover",fade:s,className:"kui-ShellScroll"},u.createElement("div",{style:e,dir:n,className:(0,v.default)("kui-ShellScrollContent",t)},r))}return u.createElement(N,{...o,ref:p,type:"hover",fade:s,className:"kui-ShellScroll"},u.createElement("div",{style:e,dir:n,className:(0,v.default)("kui-BaseMenuContent","kui-SidebarContent",...l,t)},u.createElement(h.Provider,{value:null},u.createElement("div",{className:"kui-BaseMenuViewport"},r))))});ye.displayName="Shell.Scroll";
+"use strict";"use client";var xe=Object.create;var x=Object.defineProperty;var Re=Object.getOwnPropertyDescriptor;var be=Object.getOwnPropertyNames;var De=Object.getPrototypeOf,Ce=Object.prototype.hasOwnProperty;var Te=(t,e)=>{for(var r in e)x(t,r,{get:e[r],enumerable:!0})},W=(t,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of be(e))!Ce.call(t,s)&&s!==r&&x(t,s,{get:()=>e[s],enumerable:!(n=Re(e,s))||n.enumerable});return t};var y=(t,e,r)=>(r=t!=null?xe(De(t)):{},W(e||!t||!t.__esModule?x(r,"default",{value:t,enumerable:!0}):r,t)),Ne=t=>W(x({},"__esModule",{value:!0}),t);var Ue={};Te(Ue,{BAND_STEP:()=>de,PaneChromeScope:()=>Ke,PaneFooter:()=>me,PaneHeader:()=>fe,Scroll:()=>ye,ShellContentContext:()=>ce,ShellSizeContext:()=>k,ShellWindowContext:()=>ue,SidebarVisualContext:()=>H,usePaneBandSize:()=>_e,useSidebarVisual:()=>w});module.exports=Ne(Ue);var u=y(require("react")),v=y(require("classnames"));var d=y(require("react")),ee=y(require("classnames")),P=require("radix-ui"),te=require("radix-ui/internal");var $={asChild:{type:"boolean"}};var we=["none","small","medium","large","full"],j={radius:{type:"enum",values:we,default:void 0}};var ke=["vertical","horizontal","both"],R={...$,...j,scrollbars:{type:"enum",values:ke,default:"both"},fade:{type:"boolean",default:!1}};var b=y(require("react"));function A(t){let e=getComputedStyle(t);return{x:e.overflowX==="hidden"?0:Math.max(0,t.scrollWidth-t.clientWidth),y:e.overflowY==="hidden"?0:Math.max(0,t.scrollHeight-t.clientHeight)}}function I(t){let[e,r]=b.useState(null);return b.useEffect(()=>{if(!t||!e)return;let n=0,s=()=>{n=0;let l=A(e),a=Math.max(0,e.scrollTop),c=Math.max(0,l.y-e.scrollTop);e.style.setProperty("--scroll-overflow-start",`${a}px`),e.style.setProperty("--scroll-overflow-end",`${c}px`);let f=Math.abs(e.scrollLeft),m=Math.max(0,l.x-f);e.style.setProperty("--scroll-overflow-x-start",`${f}px`),e.style.setProperty("--scroll-overflow-x-end",`${m}px`)},i=()=>{n||(n=requestAnimationFrame(s))};s(),e.addEventListener("scroll",i,{passive:!0});let o=typeof ResizeObserver>"u"?null:new ResizeObserver(i);o?.observe(e);for(let l of Array.from(e.children))o?.observe(l);let p=typeof MutationObserver>"u"?null:new MutationObserver(i);return p?.observe(e,{childList:!0}),()=>{n&&cancelAnimationFrame(n),e.removeEventListener("scroll",i),o?.disconnect(),p?.disconnect(),e.style.removeProperty("--scroll-overflow-start"),e.style.removeProperty("--scroll-overflow-end"),e.style.removeProperty("--scroll-overflow-x-start"),e.style.removeProperty("--scroll-overflow-x-end")}},[t,e]),r}var D=y(require("react"));function K(){let[t,e]=D.useState(null);return D.useEffect(()=>{let r=t?.parentElement;if(!t||!r)return;let n=0,s=()=>{n=0;for(let o of r.querySelectorAll(":scope > .kui-ScrollAreaScrollbar > .kui-ScrollAreaThumb")){let p=o.parentElement,l=getComputedStyle(p);if(p.dataset.orientation==="horizontal"){let a=p.clientWidth-parseFloat(l.paddingLeft)-parseFloat(l.paddingRight),c=G(t.scrollLeft,t.scrollWidth-t.offsetWidth,a-o.offsetWidth);o.style.transform=`translate3d(${c}px, 0, 0)`}else{let a=p.clientHeight-parseFloat(l.paddingTop)-parseFloat(l.paddingBottom),c=G(t.scrollTop,t.scrollHeight-t.offsetHeight,a-o.offsetHeight);o.style.transform=`translate3d(0, ${c}px, 0)`}}},i=()=>{n||(n=requestAnimationFrame(s))};return t.addEventListener("scroll",i,{passive:!0}),()=>{n&&cancelAnimationFrame(n),t.removeEventListener("scroll",i)}},[t]),e}function G(t,e,r){return e<=0||r<=0?0:Math.min(Math.max(t,-e),e)/e*r}var C=y(require("react"));function _(t,e){let{asChild:r,children:n}=t;if(!r)return typeof e=="function"?e(n):e;let s=C.Children.only(n);return C.cloneElement(s,{children:typeof e=="function"?e(s.props.children):e})}var Q=y(require("classnames"));var Ve=[],Ee=new Set;function Ae(t){let e=Object.assign({},...t),r=[],n=[],s=new Set;for(let i in e){let o=e[i],p=o.values??Ve,l={key:i,type:o.type,default:o.default,hasDefault:o.default!==void 0,responsive:"responsive"in o,className:o.className,customProperties:o.customProperties,parseValue:o.parseValue,values:p,valueSet:p.length>0?new Set(p):Ee,enumValueSet:o.type==="enum"?new Set([o.default,...p]):void 0};o.className?(r.push(l),s.add(i)):(l.hasDefault||o.type==="enum")&&n.push(l)}return{styling:r,passthrough:n,stylingKeys:s}}var Oe={children:new WeakMap};function U(t){let e=Oe;for(let r=0;r<t.length;r++){let n=t[r],s=e.children.get(n);s===void 0&&(s={children:new WeakMap},e.children.set(n,s)),e=s}return e.compiled??(e.compiled=Ae(t))}var ze=["initial","xs","sm","md","lg","xl"],O=new Set(ze);function z(t,e){return Object.prototype.hasOwnProperty.call(t,e)}var Me=new Set(["initial","xs","sm","md","lg","xl"]);function S(t){if(typeof t!="object"||t===null)return!1;for(let e in t)if(Me.has(e))return!0;return!1}function T(t,e,r){return e!==void 0?e.has(r):t.includes(r)}function Y({className:t,customProperties:e,...r}){let n=M({allowArbitraryValues:!0,className:t,...r}),s=Be({customProperties:e,...r});return[n,s]}function M({allowArbitraryValues:t,value:e,className:r,propValues:n,propValueSet:s,parseValue:i=o=>o}){if(e){if(typeof e=="string")return T(n,s,e)?q(r,e,i):t?r:void 0;if(S(e)){let o=e,p=[];for(let l in o){if(!z(o,l)||!O.has(l))continue;let a=o[l];if(a!==void 0){if(T(n,s,a)){let c=q(r,a,i),f=l==="initial"?c:`${l}:${c}`;p.push(f)}else if(t){let c=l==="initial"?r:`${l}:${r}`;p.push(c)}}}return p.length>0?p.join(" "):""}if(t)return r}}function q(t,e,r){let n=t?"-":"",s=r(e),i=s?.startsWith("-"),o=i?"-":"",p=i?s?.substring(1):s;return`${o}${t}${n}${p}`}function Be({customProperties:t,value:e,propValues:r,propValueSet:n,parseValue:s=i=>i}){if(!e||typeof e=="string"&&T(r,n,e))return;let i;if(typeof e=="string"){let o=s(e);i={};for(let p of t)i[p]=o;return i}if(S(e)){let o=e;for(let p in o){if(!z(o,p)||!O.has(p))continue;let l=o[p];if(l===void 0||T(r,n,l))continue;let a=s(l);i??(i={});for(let c of t){let f=p==="initial"?c:`${c}-${p}`;i[f]=a}}}return i??{}}function B(...t){let e;for(let r of t)r&&(e===void 0&&(e={}),Object.assign(e,r));return e}function He(t,e){let r=t.initial,n=!1;return e.hasDefault&&r===void 0&&(r=e.default,n=!0),e.enumValueSet!==void 0&&!e.enumValueSet.has(r)&&(r=e.default,n=!0),n?{...t,initial:r}:t}function X(t,...e){let{styling:r,passthrough:n,stylingKeys:s}=U(e),i={};for(let l in t)s.has(l)||(i[l]=t[l]);for(let l=0;l<n.length;l++){let a=n[l],c=i[a.key];if(c===void 0){a.hasDefault&&(i[a.key]=a.default);continue}a.enumValueSet!==void 0&&!a.enumValueSet.has(c)&&!S(c)&&(i[a.key]=a.default)}let o,p=[];for(let l=0;l<r.length;l++){let a=r[l],c=t[a.key];if(c===void 0&&a.hasDefault&&(c=a.default),a.enumValueSet!==void 0&&!a.enumValueSet.has(c)&&!S(c)&&(c=a.default),!!c){if(S(c)){if(!a.responsive)continue;c=He(c,a)}if(a.type==="enum"){let f=M({allowArbitraryValues:!1,value:c,className:a.className,propValues:a.values,propValueSet:a.valueSet,parseValue:a.parseValue});f&&p.push(f);continue}if(a.type==="string"||a.type==="enum | string"){let[f,m]=Y({className:a.className,customProperties:a.customProperties,propValues:a.type==="string"?[]:a.values,propValueSet:a.type==="string"?void 0:a.valueSet,parseValue:a.parseValue,value:c});m&&(o=B(o,m)),f&&p.push(f);continue}if(a.type==="boolean"){p.push(a.className);continue}}}return i.className=(0,Q.default)(p.length>0?p.join(" "):void 0,t.className),i.style=B(o,t.style),i}var J={width:{type:"string",className:"kui-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"kui-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"kui-r-max-w",customProperties:["--max-width"],responsive:!0}};var Z={height:{type:"string",className:"kui-r-h",customProperties:["--height"],responsive:!0},minHeight:{type:"string",className:"kui-r-min-h",customProperties:["--min-height"],responsive:!0},maxHeight:{type:"string",className:"kui-r-max-h",customProperties:["--max-height"],responsive:!0}};var Le='[role="menu"], [role="listbox"]';function Fe(t,e){d.useEffect(()=>{if(!e||!t||t.closest(Le))return;let r=0,n=()=>{r=0;let o=A(t);o.x>0||o.y>0?t.setAttribute("tabindex","0"):t.removeAttribute("tabindex")},s=()=>{r||(r=requestAnimationFrame(n))};n();let i=typeof ResizeObserver>"u"?null:new ResizeObserver(s);i?.observe(t);for(let o of Array.from(t.children))i?.observe(o);return()=>{r&&cancelAnimationFrame(r),i?.disconnect()}},[t,e])}var N=d.forwardRef((t,e)=>{let{asChild:r,children:n,className:s,style:i,type:o,scrollHideDelay:p=o!=="scroll"?0:void 0,dir:l,radius:a=R.radius.default,scrollbars:c=R.scrollbars.default,fade:f=R.fade.default,...m}=X(t,J,Z),[V,E]=d.useState(null),Pe=I(f),Se=K(),ge=(0,te.useComposedRefs)(e,Pe,Se,E);Fe(V,m.tabIndex===void 0);let he=m["aria-label"]!==void 0||m["aria-labelledby"]!==void 0;return d.createElement(P.ScrollArea.Root,{type:o,scrollHideDelay:p,dir:l,className:(0,ee.default)("kui-ScrollAreaRoot",s),"data-fade":f?"":void 0,style:i,asChild:r},_({asChild:r,children:n},ve=>d.createElement(d.Fragment,null,d.createElement(P.ScrollArea.Viewport,{role:he?"region":void 0,...m,ref:ge,className:"kui-ScrollAreaViewport"},ve),d.createElement("div",{className:"kui-ScrollAreaViewportFocusRing"}),c!=="vertical"?d.createElement(P.ScrollArea.Scrollbar,{"data-radius":a,orientation:"horizontal",className:"kui-ScrollAreaScrollbar"},d.createElement(P.ScrollArea.Thumb,{className:"kui-ScrollAreaThumb"})):null,c!=="horizontal"?d.createElement(P.ScrollArea.Scrollbar,{"data-radius":a,orientation:"vertical",className:"kui-ScrollAreaScrollbar"},d.createElement(P.ScrollArea.Thumb,{className:"kui-ScrollAreaThumb"})):null,c==="both"?d.createElement(P.ScrollArea.Corner,{className:"kui-ScrollAreaCorner"}):null)))});N.displayName="ScrollArea";var g=y(require("react")),We=require("radix-ui/internal");var re=["initial","xs","sm","md","lg","xl"];function ne(t){return typeof t=="object"&&t!==null}function $e(t,e){let r={},n=null;for(let s of re){if(t!==void 0&&!ne(t)){r[s]=t;continue}let i=ne(t)?t[s]:void 0;i!==void 0&&(n={value:i}),r[s]=n?n.value:e(s)}return r}var kt=$e("fixed",()=>"fixed");var oe=g.createContext(null);var Vt=g.createContext(null);var se=y(require("react")),h=se.createContext(void 0);var ae=y(require("react")),je="(max-width: 767.98px) and (pointer: coarse)",ie,le=()=>ie??(ie=window.matchMedia(je));function Ie(t,e){return typeof t.addEventListener=="function"?(t.addEventListener("change",e),()=>t.removeEventListener("change",e)):(t.addListener?.(e),()=>t.removeListener?.(e))}function Ge(t){return Ie(le(),t)}function pe(){return ae.useSyncExternalStore(Ge,()=>le().matches,()=>!1)}var H=u.createContext(null);function w(){return u.useContext(H)}var k=u.createContext("2"),ce=u.createContext(!1),ue=u.createContext(!1);function Ke({children:t,presentation:e}){let r=u.useContext(k),n=u.useMemo(()=>({size:r,menuVariant:"soft",presentation:e}),[r,e]);return u.createElement(H.Provider,{value:n},t)}function L(){let t=w(),e=u.useContext(k),r=t?.size??e,n=t?.menuVariant??"soft";return["kui-ShellPaneChrome",`kui-r-size-${r}`,`kui-menu-variant-${n}`]}var de={1:"2",2:"3",3:"4",4:"4"};function F(){let t=w(),e=u.useContext(k);return de[t?.size??e]}function _e(){let t=u.useContext(h),e=u.useContext(oe)!==null,r=F();return t!==void 0?t:e?r:null}var fe=u.forwardRef(({className:t,float:e,children:r,...n},s)=>{let i=L(),o=F();return u.createElement("div",{...n,ref:s,"data-float":e||void 0,className:(0,v.default)("kui-ShellPaneHeader","kui-SidebarHeader","kui-SidebarHeader--container",...i,t)},u.createElement(h.Provider,{value:o},r))});fe.displayName="Shell.PaneHeader";var me=u.forwardRef(({className:t,float:e,children:r,...n},s)=>{let i=L(),o=F();return u.createElement("div",{...n,ref:s,"data-float":e||void 0,className:(0,v.default)("kui-ShellPaneFooter","kui-SidebarFooter","kui-SidebarFooter--container",...i,t)},u.createElement(h.Provider,{value:o},r))});me.displayName="Shell.PaneFooter";var ye=u.forwardRef(({className:t,style:e,dir:r,children:n,fade:s=!1,pane:i=!1,...o},p)=>{let l=L(),a=u.useContext(ce),c=w(),f=a&&c===null&&!i,m=u.useContext(ue),V=pe();if(f){let E=o.tabIndex??(m&&V?-1:void 0);return u.createElement(N,{...o,tabIndex:E,ref:p,type:"hover",fade:s,className:"kui-ShellScroll"},u.createElement("div",{style:e,dir:r,className:(0,v.default)("kui-ShellScrollContent",t)},n))}return u.createElement(N,{...o,ref:p,type:"hover",fade:s,className:"kui-ShellScroll"},u.createElement("div",{style:e,dir:r,className:(0,v.default)("kui-BaseMenuContent","kui-SidebarContent",...l,t)},u.createElement(h.Provider,{value:null},u.createElement("div",{className:"kui-BaseMenuViewport"},n))))});ye.displayName="Shell.Scroll";
 //# sourceMappingURL=pane-chrome.js.map