@kushagradhawan/kookie-ui 0.1.108 → 0.1.110

package/dist/esm/components/sidebar.js

@@ -1,2 +1,2 @@
-"use client";import*as e from"react";import l from"classnames";import{Slot as z}from"./slot.js";import*as P from"@radix-ui/react-accordion";import*as y from"./dropdown-menu.js";import{sidebarPropDefs as C}from"./sidebar.props.js";import{useThemeContext as Q}from"./theme.js";import{ScrollArea as X}from"./scroll-area.js";import{Separator as Y}from"./separator.js";import{ThickChevronRightIcon as Z}from"./icons.js";import{extractProps as ee}from"../helpers/extract-props.js";import{Kbd as R}from"./kbd.js";import{Badge as w}from"./badge.js";const D=e.createContext(null);function v(){return e.useContext(D)}const I=e.forwardRef((o,n)=>{const t=Q(),{size:r=C.size.default,variant:s=C.variant.default,menuVariant:m=C.menuVariant.default,layout:u=C.layout.default,presentation:c,panelBackground:a,color:f,highContrast:d=C.highContrast.default}=o,{className:g,children:N,...L}=ee(o,C),{asChild:b,panelBackground:H,presentation:B,...E}=L,M=f||t.accentColor,S=c==="thin"?"rail":c==="expanded"?"panel":u||"panel",T=typeof r=="object"?r.initial||"2":r;return e.createElement("div",{...E,ref:n,"data-accent-color":M,className:l("rt-SidebarRoot",g)},e.createElement(D.Provider,{value:{size:T,menuVariant:m,presentation:c,color:M}},e.createElement("div",{className:l("rt-SidebarContainer",`rt-variant-${s}`,`rt-r-size-${T}`,`rt-menu-variant-${m}`,S&&`rt-layout-${S}`),"data-accent-color":M,"data-high-contrast":d||void 0,"data-panel-background":a,"data-presentation":c,"data-layout":S},N)))});I.displayName="Sidebar.Root";const G=e.forwardRef(({className:o,children:n,role:t="navigation","aria-label":r="Main navigation",id:s,...m},u)=>{const c=v(),a=c?.size??"2",f=c?.menuVariant??"soft";return e.createElement(X,{type:"hover"},e.createElement("div",{...m,ref:u,id:s,role:t,"aria-label":r,className:l("rt-BaseMenuContent","rt-SidebarContent",`rt-r-size-${a}`,`rt-menu-variant-${f}`,o)},e.createElement("div",{className:"rt-BaseMenuViewport"},n)))});G.displayName="Sidebar.Content";const V=e.forwardRef(({className:o,asContainer:n=!0,...t},r)=>{const s=v(),m=s?.size??"2",u=s?.menuVariant??"soft";return e.createElement("div",{...t,ref:r,className:l("rt-SidebarHeader",`rt-r-size-${m}`,`rt-menu-variant-${u}`,{"rt-SidebarHeader--container":n},o)})});V.displayName="Sidebar.Header";const A=e.forwardRef(({className:o,asContainer:n=!0,...t},r)=>{const s=v(),m=s?.size??"2",u=s?.menuVariant??"soft";return e.createElement("div",{...t,ref:r,className:l("rt-SidebarFooter",`rt-r-size-${m}`,`rt-menu-variant-${u}`,{"rt-SidebarFooter--container":n},o)})});A.displayName="Sidebar.Footer";const W=e.forwardRef(({className:o,...n},t)=>e.createElement(Y,{...n,ref:t,className:l("rt-SidebarSeparator",o)}));W.displayName="Sidebar.Separator";const k=e.forwardRef(({className:o,...n},t)=>e.createElement("ul",{...n,ref:t,role:"menu",className:l("rt-SidebarMenu",o)}));k.displayName="Sidebar.Menu";const F=e.forwardRef(({className:o,...n},t)=>e.createElement("li",{...n,ref:t,className:l("rt-SidebarMenuItem",o)}));F.displayName="Sidebar.MenuItem";const $=e.forwardRef(({asChild:o=!1,isActive:n=!1,shortcut:t,badge:r,className:s,children:m,onMouseEnter:u,onMouseLeave:c,onKeyDown:a,...f},d)=>{const[g,N]=e.useState(!1),b=v()?.size??"2",H=o?z:"button",{onClick:B}=f,E=e.useCallback(i=>{switch(i.key){case"Enter":case" ":i.preventDefault(),B&&B(i);break;case"ArrowDown":{i.preventDefault();const p=i.currentTarget.nextElementSibling?.querySelector('[role="menuitem"]');p&&p.focus();break}case"ArrowUp":{i.preventDefault();const p=i.currentTarget.previousElementSibling?.querySelector('[role="menuitem"]');p&&p.focus();break}}a?.(i)},[B,a]),M=i=>{if(typeof i=="string"||typeof i=="number")return e.createElement("span",{className:"rt-SidebarMenuLabel"},i);if(Array.isArray(i))return i.map((p,h)=>e.createElement(e.Fragment,{key:h},M(p)));if(e.isValidElement(i)){const p=i,h=p.props&&p.props.className||"";if(typeof p.type=="string"&&h.split(" ").includes("rt-SidebarMenuLabel"))return p;const J=M(p.props?.children);return e.cloneElement(p,{...p.props},J)}return i},S=M(m),T=e.useMemo(()=>{if(!o)return null;try{const i=e.Children.only(S),p=i.props?.children,h=e.createElement(e.Fragment,null,p,r&&e.createElement("div",{className:"rt-SidebarMenuBadge"},typeof r=="string"?e.createElement(w,{size:b,variant:"soft"},r):e.createElement(w,{size:r.size||b,variant:r.variant||"soft",color:r.color,highContrast:r.highContrast,radius:r.radius},r.content)),t&&e.createElement("div",{className:"rt-BaseMenuShortcut rt-SidebarMenuShortcut"},e.createElement(R,{size:b},t)));return e.cloneElement(i,{...i.props},h)}catch{return S}},[o,S,r,t,b]);return e.createElement(H,{...f,ref:d,role:"menuitem","aria-current":n?"page":void 0,className:l("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton",s),"data-active":n||void 0,"data-highlighted":g||void 0,onKeyDown:E,onMouseEnter:i=>{N(!0),u?.(i)},onMouseLeave:i=>{N(!1),c?.(i)}},o?T:e.createElement(e.Fragment,null,S,r&&e.createElement("div",{className:"rt-SidebarMenuBadge"},typeof r=="string"?e.createElement(w,{size:b,variant:"soft"},r):e.createElement(w,{size:r.size||b,variant:r.variant||"soft",color:r.color,highContrast:r.highContrast,radius:r.radius},r.content)),t&&e.createElement("div",{className:"rt-BaseMenuShortcut rt-SidebarMenuShortcut"},e.createElement(R,{size:b},t))))});$.displayName="Sidebar.MenuButton";const x=e.createContext("accordion"),_=e.forwardRef(({defaultOpen:o=!1,children:n,...t},r)=>(v()?.presentation==="thin"?"dropdown":"accordion")==="dropdown"?e.createElement("div",{...t,ref:r},e.createElement(y.Root,null,e.createElement(x.Provider,{value:"dropdown"},n))):e.createElement("div",{...t,ref:r},e.createElement(x.Provider,{value:"accordion"},e.createElement(P.Root,{type:"single",collapsible:!0,defaultValue:o?"item":void 0},e.createElement(P.Item,{value:"item"},n)))));_.displayName="Sidebar.MenuSub";const K=e.forwardRef(({asChild:o=!1,className:n,children:t,onMouseEnter:r,onMouseLeave:s,...m},u)=>{const[c,a]=e.useState(!1);return e.useContext(x)==="dropdown"?e.createElement(y.Trigger,null,e.createElement("button",{...m,ref:u,type:"button",role:"menuitem","aria-haspopup":"menu",className:l("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton","rt-SidebarMenuSubTrigger",n),"data-highlighted":c||void 0,onMouseEnter:d=>{a(!0),r?.(d)},onMouseLeave:d=>{a(!1),s?.(d)}},t)):e.createElement(P.Header,{asChild:!0},e.createElement("div",null,e.createElement(P.Trigger,{...m,ref:u,asChild:o,role:"menuitem","aria-haspopup":"true",className:l("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton","rt-SidebarMenuSubTrigger",n),"data-highlighted":c||void 0,onMouseEnter:d=>{a(!0),r?.(d)},onMouseLeave:d=>{a(!1),s?.(d)}},o?t:e.createElement(e.Fragment,null,t,e.createElement(Z,{className:l("rt-BaseMenuSubTriggerIcon","rt-SidebarMenuSubTriggerIcon")})))))});K.displayName="Sidebar.MenuSubTrigger";const j=e.forwardRef(({className:o,children:n,...t},r)=>{const s=v();if(e.useContext(x)==="dropdown"){const u=a=>{if(Array.isArray(a))return a.map((f,d)=>e.createElement(e.Fragment,{key:d},u(f)));if(e.isValidElement(a)){if(a.type?.displayName==="Sidebar.MenuButton")return a.props?.children;const d=a.props?.children;if(d!==void 0)return e.cloneElement(a,{...a.props,children:u(d)})}return a},c=e.Children.map(n,(a,f)=>{if(e.isValidElement(a)&&a.type?.displayName==="Sidebar.MenuItem"){const d=a.props?.children,g=u(d);return e.createElement(y.Item,{key:f,asChild:!0},g)}return e.createElement(y.Item,{key:f,asChild:!0},u(a))});return e.createElement(y.Content,{size:s?.size,variant:s?.menuVariant,className:l(o)},e.createElement(y.Group,null,c))}return e.createElement(P.Content,{...t,ref:r,className:l("rt-SidebarMenuSubContent",o)},e.createElement("div",{className:"rt-SidebarMenuSubList"},n))});j.displayName="Sidebar.MenuSubContent";const O=e.forwardRef(({className:o,...n},t)=>e.createElement("div",{...n,ref:t,className:l("rt-BaseMenuGroup","rt-SidebarGroup",o)}));O.displayName="Sidebar.Group";const q=e.forwardRef(({asChild:o=!1,className:n,...t},r)=>e.createElement(o?z:"div",{...t,ref:r,role:"group",className:l("rt-BaseMenuLabel","rt-SidebarGroupLabel",n)}));q.displayName="Sidebar.GroupLabel";const U=e.forwardRef(({className:o,...n},t)=>e.createElement("div",{...n,ref:t,className:l("rt-SidebarGroupContent",o)}));U.displayName="Sidebar.GroupContent";export{G as Content,A as Footer,O as Group,U as GroupContent,q as GroupLabel,V as Header,k as Menu,$ as MenuButton,F as MenuItem,_ as MenuSub,j as MenuSubContent,K as MenuSubTrigger,I as Root,W as Separator};
+"use client";import*as e from"react";import l from"classnames";import{Slot as G}from"./slot.js";import*as x from"@radix-ui/react-accordion";import*as h from"./dropdown-menu.js";import{sidebarPropDefs as P}from"./sidebar.props.js";import{useThemeContext as re}from"./theme.js";import{ScrollArea as te}from"./scroll-area.js";import{Separator as ne}from"./separator.js";import{ThickChevronRightIcon as oe}from"./icons.js";import{extractProps as ae}from"../helpers/extract-props.js";import{Kbd as V}from"./kbd.js";import{Badge as R}from"./badge.js";const A=e.createContext(null);function N(){return e.useContext(A)}const k=e.forwardRef((n,a)=>{const t=re(),{size:r=P.size.default,variant:d=P.variant.default,menuVariant:c=P.menuVariant.default,layout:u=P.layout.default,presentation:m,panelBackground:f,color:s,highContrast:p=P.highContrast.default}=n,{className:S,children:v,...E}=ae(n,P),{asChild:M,panelBackground:H,presentation:I,...B}=E,T=s||t.accentColor,w=m==="thin"?"rail":m==="expanded"?"panel":u||"panel",g=typeof r=="object"?r.initial||"2":r;return e.createElement("div",{...B,ref:a,"data-accent-color":T,className:l("rt-SidebarRoot",S)},e.createElement(A.Provider,{value:{size:g,menuVariant:c,presentation:m,color:T}},e.createElement("div",{className:l("rt-SidebarContainer",`rt-variant-${d}`,`rt-r-size-${g}`,`rt-menu-variant-${c}`,w&&`rt-layout-${w}`),"data-accent-color":T,"data-high-contrast":p||void 0,"data-panel-background":f,"data-presentation":m,"data-layout":w},v)))});k.displayName="Sidebar.Root";const W=e.forwardRef(({className:n,children:a,role:t="navigation","aria-label":r="Main navigation",id:d,...c},u)=>{const m=N(),f=m?.size??"2",s=m?.menuVariant??"soft";return e.createElement(te,{type:"hover"},e.createElement("div",{...c,ref:u,id:d,role:t,"aria-label":r,className:l("rt-BaseMenuContent","rt-SidebarContent",`rt-r-size-${f}`,`rt-menu-variant-${s}`,n)},e.createElement("div",{className:"rt-BaseMenuViewport"},a)))});W.displayName="Sidebar.Content";const F=e.forwardRef(({className:n,asContainer:a=!0,...t},r)=>{const d=N(),c=d?.size??"2",u=d?.menuVariant??"soft";return e.createElement("div",{...t,ref:r,className:l("rt-SidebarHeader",`rt-r-size-${c}`,`rt-menu-variant-${u}`,{"rt-SidebarHeader--container":a},n)})});F.displayName="Sidebar.Header";const $=e.forwardRef(({className:n,asContainer:a=!0,...t},r)=>{const d=N(),c=d?.size??"2",u=d?.menuVariant??"soft";return e.createElement("div",{...t,ref:r,className:l("rt-SidebarFooter",`rt-r-size-${c}`,`rt-menu-variant-${u}`,{"rt-SidebarFooter--container":a},n)})});$.displayName="Sidebar.Footer";const _=e.forwardRef(({className:n,...a},t)=>e.createElement(ne,{...a,ref:t,className:l("rt-SidebarSeparator",n)}));_.displayName="Sidebar.Separator";const K=e.forwardRef(({className:n,...a},t)=>e.createElement("ul",{...a,ref:t,role:"menu",className:l("rt-SidebarMenu",n)}));K.displayName="Sidebar.Menu";const j=e.forwardRef(({className:n,...a},t)=>e.createElement("li",{...a,ref:t,className:l("rt-SidebarMenuItem",n)}));j.displayName="Sidebar.MenuItem";const O=e.forwardRef(({asChild:n=!1,isActive:a=!1,shortcut:t,badge:r,className:d,children:c,onMouseEnter:u,onMouseLeave:m,onKeyDown:f,...s},p)=>{const[S,v]=e.useState(!1),E=N(),M=E?.size??"2",H=E?.presentation==="thin",I=n?G:"button",{onClick:B}=s,T=e.useCallback(o=>{switch(o.key){case"Enter":case" ":o.preventDefault(),B&&B(o);break;case"ArrowDown":{o.preventDefault();const i=o.currentTarget.nextElementSibling?.querySelector('[role="menuitem"]');i&&i.focus();break}case"ArrowUp":{o.preventDefault();const i=o.currentTarget.previousElementSibling?.querySelector('[role="menuitem"]');i&&i.focus();break}}f?.(o)},[B,f]),w=o=>{const i=[],b=[];return e.Children.forEach(o,y=>{if(typeof y=="string"||typeof y=="number")b.push(e.createElement("span",{key:b.length,className:"rt-SidebarMenuLabel"},y));else if(e.isValidElement(y)){const C=y;C.type==="svg"||C.props&&C.props.icon||typeof C.type=="function"&&(C.type.displayName?.includes("Icon")||C.type.name?.includes("Icon"))?i.push(y):b.push(y)}else y&&b.push(y)}),{icons:i,labels:b}},g=o=>{if(typeof o=="string"||typeof o=="number")return e.createElement("span",{className:"rt-SidebarMenuLabel"},o);if(Array.isArray(o))return o.map((i,b)=>e.createElement(e.Fragment,{key:b},g(i)));if(e.isValidElement(o)){const i=o,b=i.props&&i.props.className||"";if(typeof i.type=="string"&&b.split(" ").includes("rt-SidebarMenuLabel"))return i;const C=g(i.props?.children);return e.cloneElement(i,{...i.props},C)}return o},L=g(c),{icons:D,labels:Z}=H?w(c):{icons:[],labels:[]},ee=e.useMemo(()=>{if(!n)return null;try{const o=e.Children.only(L),i=o.props?.children,b=e.createElement(e.Fragment,null,i,r&&e.createElement("div",{className:"rt-SidebarMenuBadge"},typeof r=="string"?e.createElement(R,{size:M,variant:"soft"},r):e.createElement(R,{size:r.size||M,variant:r.variant||"soft",color:r.color,highContrast:r.highContrast,radius:r.radius},r.content)),t&&e.createElement("div",{className:"rt-BaseMenuShortcut rt-SidebarMenuShortcut"},e.createElement(V,{size:M},t)));return e.cloneElement(o,{...o.props},b)}catch{return L}},[n,L,r,t,M]);return e.createElement(I,{...s,ref:p,role:"menuitem","aria-current":a?"page":void 0,className:l("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton",d),"data-active":a||void 0,"data-highlighted":S||void 0,onKeyDown:T,onMouseEnter:o=>{v(!0),u?.(o)},onMouseLeave:o=>{v(!1),m?.(o)}},n?ee:H&&D.length>0?e.createElement(e.Fragment,null,e.createElement("span",{className:"rt-SidebarMenuIconWrapper"},D),Z.map((o,i)=>e.createElement(e.Fragment,{key:i},typeof o=="string"||typeof o=="number"?e.createElement("span",{className:"rt-SidebarMenuLabel"},o):o))):e.createElement(e.Fragment,null,L,r&&e.createElement("div",{className:"rt-SidebarMenuBadge"},typeof r=="string"?e.createElement(R,{size:M,variant:"soft"},r):e.createElement(R,{size:r.size||M,variant:r.variant||"soft",color:r.color,highContrast:r.highContrast,radius:r.radius},r.content)),t&&e.createElement("div",{className:"rt-BaseMenuShortcut rt-SidebarMenuShortcut"},e.createElement(V,{size:M},t))))});O.displayName="Sidebar.MenuButton";const z=e.createContext("accordion"),q=e.forwardRef(({defaultOpen:n=!1,children:a,...t},r)=>(N()?.presentation==="thin"?"dropdown":"accordion")==="dropdown"?e.createElement("div",{...t,ref:r},e.createElement(h.Root,null,e.createElement(z.Provider,{value:"dropdown"},a))):e.createElement("div",{...t,ref:r},e.createElement(z.Provider,{value:"accordion"},e.createElement(x.Root,{type:"single",collapsible:!0,defaultValue:n?"item":void 0},e.createElement(x.Item,{value:"item"},a)))));q.displayName="Sidebar.MenuSub";const U=e.forwardRef(({asChild:n=!1,className:a,children:t,onMouseEnter:r,onMouseLeave:d,...c},u)=>{const[m,f]=e.useState(!1);return e.useContext(z)==="dropdown"?e.createElement(h.Trigger,null,e.createElement("button",{...c,ref:u,type:"button",role:"menuitem","aria-haspopup":"menu",className:l("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton","rt-SidebarMenuSubTrigger",a),"data-highlighted":m||void 0,onMouseEnter:p=>{f(!0),r?.(p)},onMouseLeave:p=>{f(!1),d?.(p)}},t)):e.createElement(x.Header,{asChild:!0},e.createElement("div",null,e.createElement(x.Trigger,{...c,ref:u,asChild:n,role:"menuitem","aria-haspopup":"true",className:l("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton","rt-SidebarMenuSubTrigger",a),"data-highlighted":m||void 0,onMouseEnter:p=>{f(!0),r?.(p)},onMouseLeave:p=>{f(!1),d?.(p)}},n?t:e.createElement(e.Fragment,null,t,e.createElement(oe,{className:l("rt-BaseMenuSubTriggerIcon","rt-SidebarMenuSubTriggerIcon")})))))});U.displayName="Sidebar.MenuSubTrigger";const J=e.forwardRef(({className:n,children:a,...t},r)=>{const d=N();if(e.useContext(z)==="dropdown"){const u=s=>{if(Array.isArray(s))return s.map((p,S)=>e.createElement(e.Fragment,{key:S},u(p)));if(e.isValidElement(s)){if(s.type?.displayName==="Sidebar.MenuButton")return s.props?.children;const S=s.props?.children;if(S!==void 0)return e.cloneElement(s,{...s.props,children:u(S)})}return s},m=e.Children.map(a,(s,p)=>{if(e.isValidElement(s)&&s.type?.displayName==="Sidebar.MenuItem"){const S=s.props?.children,v=u(S);return e.createElement(h.Item,{key:p,asChild:!0},v)}return e.createElement(h.Item,{key:p,asChild:!0},u(s))}),f=d?.size==="3"?"2":d?.size;return e.createElement(h.Content,{size:f,variant:d?.menuVariant,className:l(n)},e.createElement(h.Group,null,m))}return e.createElement(x.Content,{...t,ref:r,className:l("rt-SidebarMenuSubContent",n)},e.createElement("div",{className:"rt-SidebarMenuSubList"},a))});J.displayName="Sidebar.MenuSubContent";const Q=e.forwardRef(({className:n,...a},t)=>e.createElement("div",{...a,ref:t,className:l("rt-BaseMenuGroup","rt-SidebarGroup",n)}));Q.displayName="Sidebar.Group";const X=e.forwardRef(({asChild:n=!1,className:a,...t},r)=>e.createElement(n?G:"div",{...t,ref:r,role:"group",className:l("rt-BaseMenuLabel","rt-SidebarGroupLabel",a)}));X.displayName="Sidebar.GroupLabel";const Y=e.forwardRef(({className:n,...a},t)=>e.createElement("div",{...a,ref:t,className:l("rt-SidebarGroupContent",n)}));Y.displayName="Sidebar.GroupContent";export{W as Content,$ as Footer,Q as Group,Y as GroupContent,X as GroupLabel,F as Header,K as Menu,O as MenuButton,j as MenuItem,q as MenuSub,J as MenuSubContent,U as MenuSubTrigger,k as Root,_ as Separator};
 //# sourceMappingURL=sidebar.js.map

package/dist/esm/components/sidebar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/sidebar.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from './slot.js';\nimport * as Accordion from '@radix-ui/react-accordion';\nimport * as DropdownMenu from './dropdown-menu.js';\n\nimport { sidebarPropDefs } from './sidebar.props.js';\nimport { useThemeContext } from './theme.js';\n// import { IconButton } from './icon-button.js';\nimport { ScrollArea } from './scroll-area.js';\nimport { Separator } from './separator.js';\nimport { ThickChevronRightIcon } from './icons.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { Kbd } from './kbd.js';\nimport { Badge } from './badge.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\nimport type { BadgeProps } from './badge.js';\n\n// Badge configuration type for sidebar menu buttons\ntype BadgeConfig = {\n  content: React.ReactNode;\n  variant?: BadgeProps['variant'];\n  size?: BadgeProps['size'];\n  color?: BadgeProps['color'];\n  highContrast?: BadgeProps['highContrast'];\n  radius?: BadgeProps['radius'];\n};\n\n// Internal presentational context (not exported) for size/menu variant\ntype SidebarVisualContextValue = {\n  size: '1' | '2';\n  menuVariant: 'solid' | 'soft';\n  presentation?: 'thin' | 'expanded';\n  color?: string;\n};\nconst SidebarVisualContext = React.createContext<SidebarVisualContextValue | null>(null);\nfunction useSidebarVisual() {\n  return React.useContext(SidebarVisualContext);\n}\n\n// Sidebar is now independent of Shell - no integration needed\n\n// Main Sidebar component\ntype SidebarOwnProps = GetPropDefTypes<typeof sidebarPropDefs>;\ninterface SidebarProps extends ComponentPropsWithout<'div', RemovedProps>, SidebarOwnProps {\n  /**\n   * Presentational mode independent of Shell.\n   * 'thin' renders a rail-style sidebar, 'expanded' renders a panel-style sidebar.\n   * If both `presentation` and `layout` are provided, `presentation` takes precedence.\n   */\n  presentation?: 'thin' | 'expanded';\n}\n\nconst Sidebar = React.forwardRef<HTMLDivElement, SidebarProps>((props, forwardedRef) => {\n  const themeContext = useThemeContext();\n\n  const {\n    size = sidebarPropDefs.size.default,\n    variant = sidebarPropDefs.variant.default,\n    menuVariant = sidebarPropDefs.menuVariant.default,\n    layout = sidebarPropDefs.layout.default,\n    presentation,\n    // type = sidebarPropDefs.type.default,\n    // side = sidebarPropDefs.side.default,\n    // collapsible = sidebarPropDefs.collapsible.default,\n    panelBackground,\n    color,\n    highContrast = sidebarPropDefs.highContrast.default,\n  } = props;\n\n  const { className, children, ...rootProps } = extractProps(props, sidebarPropDefs);\n  // Remove internal-only props from DOM\n  const { asChild: _, panelBackground: __, presentation: ___, ...safeRootProps } = rootProps;\n  const resolvedColor = color || themeContext.accentColor;\n\n  // Resolve layout (default to 'panel'). `presentation` takes precedence over `layout`.\n  const resolvedLayout = presentation === 'thin' ? 'rail' : presentation === 'expanded' ? 'panel' : layout || 'panel';\n\n  // Update context with current props - we'll pass the resolved values\n  const resolvedSize = typeof size === 'object' ? size.initial || '2' : size;\n  return (\n    <div {...safeRootProps} ref={forwardedRef} data-accent-color={resolvedColor} className={classNames('rt-SidebarRoot', className)}>\n      <SidebarVisualContext.Provider value={{ size: resolvedSize, menuVariant, presentation, color: resolvedColor }}>\n        <div\n          className={classNames('rt-SidebarContainer', `rt-variant-${variant}`, `rt-r-size-${resolvedSize}`, `rt-menu-variant-${menuVariant}`, resolvedLayout && `rt-layout-${resolvedLayout}`)}\n          data-accent-color={resolvedColor}\n          data-high-contrast={highContrast || undefined}\n          data-panel-background={panelBackground}\n          data-presentation={presentation}\n          data-layout={resolvedLayout}\n        >\n          {children}\n        </div>\n      </SidebarVisualContext.Provider>\n    </div>\n  );\n});\nSidebar.displayName = 'Sidebar.Root';\n\n// Sidebar content area\ninterface SidebarContentProps extends React.ComponentPropsWithoutRef<'div'> {\n  id?: string;\n  role?: 'navigation' | 'none';\n  'aria-label'?: string;\n}\n\nconst SidebarContent = React.forwardRef<HTMLDivElement, SidebarContentProps>(\n  ({ className, children, role = 'navigation', 'aria-label': ariaLabel = 'Main navigation', id, ...props }, forwardedRef) => {\n    const visual = useSidebarVisual();\n    const size = visual?.size ?? '2';\n    const menuVariant = visual?.menuVariant ?? 'soft';\n\n    return (\n      <ScrollArea type=\"hover\">\n        <div\n          {...props}\n          ref={forwardedRef}\n          id={id}\n          role={role}\n          aria-label={ariaLabel}\n          className={classNames('rt-BaseMenuContent', 'rt-SidebarContent', `rt-r-size-${size}`, `rt-menu-variant-${menuVariant}`, className)}\n        >\n          <div className=\"rt-BaseMenuViewport\">{children}</div>\n        </div>\n      </ScrollArea>\n    );\n  },\n);\nSidebarContent.displayName = 'Sidebar.Content';\n\n// Sidebar header\ninterface SidebarHeaderProps extends React.ComponentPropsWithoutRef<'div'> {\n  /**\n   * Whether to use the default flex container layout.\n   * @default true\n   */\n  asContainer?: boolean;\n}\n\nconst SidebarHeader = React.forwardRef<HTMLDivElement, SidebarHeaderProps>(({ className, asContainer = true, ...props }, forwardedRef) => {\n  const visual = useSidebarVisual();\n  const size = visual?.size ?? '2';\n  const menuVariant = visual?.menuVariant ?? 'soft';\n\n  return (\n    <div\n      {...props}\n      ref={forwardedRef}\n      className={classNames(\n        'rt-SidebarHeader',\n        `rt-r-size-${size}`,\n        `rt-menu-variant-${menuVariant}`,\n        {\n          'rt-SidebarHeader--container': asContainer,\n        },\n        className,\n      )}\n    />\n  );\n});\nSidebarHeader.displayName = 'Sidebar.Header';\n\n// Sidebar footer\ninterface SidebarFooterProps extends React.ComponentPropsWithoutRef<'div'> {\n  /**\n   * Whether to use the default flex container layout.\n   * @default true\n   */\n  asContainer?: boolean;\n}\n\nconst SidebarFooter = React.forwardRef<HTMLDivElement, SidebarFooterProps>(({ className, asContainer = true, ...props }, forwardedRef) => {\n  const visual = useSidebarVisual();\n  const size = visual?.size ?? '2';\n  const menuVariant = visual?.menuVariant ?? 'soft';\n\n  return (\n    <div\n      {...props}\n      ref={forwardedRef}\n      className={classNames(\n        'rt-SidebarFooter',\n        `rt-r-size-${size}`,\n        `rt-menu-variant-${menuVariant}`,\n        {\n          'rt-SidebarFooter--container': asContainer,\n        },\n        className,\n      )}\n    />\n  );\n});\nSidebarFooter.displayName = 'Sidebar.Footer';\n\n// Sidebar trigger button\n// removed Trigger in presentational-only Sidebar\n\n// Removed SidebarInset - not needed\n\n// Sidebar separator\ninterface SidebarSeparatorProps extends ComponentPropsWithout<typeof Separator, RemovedProps> {}\n\nconst SidebarSeparator = React.forwardRef<React.ComponentRef<typeof Separator>, SidebarSeparatorProps>(({ className, ...props }, forwardedRef) => (\n  <Separator {...props} ref={forwardedRef} className={classNames('rt-SidebarSeparator', className)} />\n));\nSidebarSeparator.displayName = 'Sidebar.Separator';\n\n// Menu components - reusing dropdown menu structure\ninterface SidebarMenuProps extends React.ComponentPropsWithoutRef<'ul'> {}\n\nconst SidebarMenu = React.forwardRef<HTMLUListElement, SidebarMenuProps>(({ className, ...props }, forwardedRef) => (\n  <ul {...props} ref={forwardedRef} role=\"menu\" className={classNames('rt-SidebarMenu', className)} />\n));\nSidebarMenu.displayName = 'Sidebar.Menu';\n\ninterface SidebarMenuItemProps extends React.ComponentPropsWithoutRef<'li'> {}\n\nconst SidebarMenuItem = React.forwardRef<HTMLLIElement, SidebarMenuItemProps>(({ className, ...props }, forwardedRef) => (\n  <li {...props} ref={forwardedRef} className={classNames('rt-SidebarMenuItem', className)} />\n));\nSidebarMenuItem.displayName = 'Sidebar.MenuItem';\n\ninterface SidebarMenuButtonProps extends React.ComponentPropsWithoutRef<'button'> {\n  asChild?: boolean;\n  isActive?: boolean;\n  shortcut?: React.ReactNode;\n  badge?: string | BadgeConfig;\n}\n\nconst SidebarMenuButton = React.forwardRef<HTMLButtonElement, SidebarMenuButtonProps>(\n  ({ asChild = false, isActive = false, shortcut, badge, className, children, onMouseEnter, onMouseLeave, onKeyDown, ...props }, forwardedRef) => {\n    const [isHighlighted, setIsHighlighted] = React.useState(false);\n    const visual = useSidebarVisual();\n    const sidebarSize = visual?.size ?? '2';\n\n    const Comp = asChild ? Slot : 'button';\n\n    const { onClick } = props;\n    const handleKeyDown = React.useCallback(\n      (event: React.KeyboardEvent<HTMLButtonElement>) => {\n        switch (event.key) {\n          case 'Enter':\n          case ' ':\n            event.preventDefault();\n            if (onClick) onClick(event as any);\n            break;\n          case 'ArrowDown': {\n            event.preventDefault();\n            // Focus next menu item\n            const nextItem = (event.currentTarget as HTMLElement).nextElementSibling?.querySelector('[role=\"menuitem\"]') as HTMLElement;\n            if (nextItem) nextItem.focus();\n            break;\n          }\n          case 'ArrowUp': {\n            event.preventDefault();\n            // Focus previous menu item\n            const prevItem = (event.currentTarget as HTMLElement).previousElementSibling?.querySelector('[role=\"menuitem\"]') as HTMLElement;\n            if (prevItem) prevItem.focus();\n            break;\n          }\n        }\n        onKeyDown?.(event);\n      },\n      [onClick, onKeyDown],\n    );\n\n    // Wrap bare text nodes so CSS can target labels (e.g., for truncation in thin mode)\n    const wrapTextNodes = (node: React.ReactNode): React.ReactNode => {\n      if (typeof node === 'string' || typeof node === 'number') {\n        return <span className=\"rt-SidebarMenuLabel\">{node}</span>;\n      }\n      if (Array.isArray(node)) {\n        return node.map((child, index) => <React.Fragment key={index}>{wrapTextNodes(child)}</React.Fragment>);\n      }\n      if (React.isValidElement(node)) {\n        const el = node as React.ReactElement<any>;\n        const className: string = (el.props && (el.props as any).className) || '';\n        const isAlreadyLabel = typeof el.type === 'string' && className.split(' ').includes('rt-SidebarMenuLabel');\n        if (isAlreadyLabel) return el;\n        const newChildren = wrapTextNodes((el.props as any)?.children);\n        return React.cloneElement(el, { ...(el.props as any) }, newChildren);\n      }\n      return node;\n    };\n\n    const processedChildren = wrapTextNodes(children);\n\n    // When rendering asChild, Slot expects a single child element. We still want to\n    // append optional badge/shortcut inside that element so they render with Link.\n    const slottedChildren = React.useMemo(() => {\n      if (!asChild) return null;\n      try {\n        const onlyChild = React.Children.only(processedChildren as React.ReactElement<any>) as React.ReactElement<any>;\n        const originalInnerChildren = (onlyChild.props as any)?.children;\n        const enhancedInnerChildren = (\n          <>\n            {originalInnerChildren}\n            {badge && (\n              <div className=\"rt-SidebarMenuBadge\">\n                {typeof badge === 'string' ? (\n                  <Badge size={sidebarSize} variant=\"soft\">\n                    {badge}\n                  </Badge>\n                ) : (\n                  <Badge size={badge.size || sidebarSize} variant={badge.variant || 'soft'} color={badge.color} highContrast={badge.highContrast} radius={badge.radius}>\n                    {badge.content}\n                  </Badge>\n                )}\n              </div>\n            )}\n            {shortcut && (\n              <div className=\"rt-BaseMenuShortcut rt-SidebarMenuShortcut\">\n                <Kbd size={sidebarSize}>{shortcut}</Kbd>\n              </div>\n            )}\n          </>\n        );\n        return React.cloneElement(onlyChild, { ...(onlyChild.props as any) }, enhancedInnerChildren);\n      } catch {\n        // Fallback: if multiple children were passed incorrectly, just return processedChildren\n        return processedChildren as React.ReactNode;\n      }\n    }, [asChild, processedChildren, badge, shortcut, sidebarSize]);\n\n    return (\n      <Comp\n        {...props}\n        ref={forwardedRef}\n        role=\"menuitem\"\n        aria-current={isActive ? 'page' : undefined}\n        className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-SidebarMenuButton', className)}\n        data-active={isActive || undefined}\n        data-highlighted={isHighlighted || undefined}\n        onKeyDown={handleKeyDown}\n        onMouseEnter={(event) => {\n          setIsHighlighted(true);\n          onMouseEnter?.(event);\n        }}\n        onMouseLeave={(event) => {\n          setIsHighlighted(false);\n          onMouseLeave?.(event);\n        }}\n      >\n        {asChild ? (\n          slottedChildren\n        ) : (\n          <>\n            {processedChildren}\n            {/* Badge with soft variant default and size mapping to sidebar size */}\n            {badge && (\n              <div className=\"rt-SidebarMenuBadge\">\n                {typeof badge === 'string' ? (\n                  <Badge size={sidebarSize} variant=\"soft\">\n                    {badge}\n                  </Badge>\n                ) : (\n                  <Badge size={badge.size || sidebarSize} variant={badge.variant || 'soft'} color={badge.color} highContrast={badge.highContrast} radius={badge.radius}>\n                    {badge.content}\n                  </Badge>\n                )}\n              </div>\n            )}\n            {shortcut && (\n              <div className=\"rt-BaseMenuShortcut rt-SidebarMenuShortcut\">\n                <Kbd size={sidebarSize}>{shortcut}</Kbd>\n              </div>\n            )}\n          </>\n        )}\n      </Comp>\n    );\n  },\n);\nSidebarMenuButton.displayName = 'Sidebar.MenuButton';\n\n// Sub-menu components: Accordion in expanded, Dropdown in thin\nconst SidebarSubMenuModeContext = React.createContext<'accordion' | 'dropdown'>('accordion');\ninterface SidebarMenuSubProps extends React.ComponentPropsWithoutRef<'div'> {\n  defaultOpen?: boolean;\n}\n\nconst SidebarMenuSub = React.forwardRef<HTMLDivElement, SidebarMenuSubProps>(({ defaultOpen = false, children, ...props }, forwardedRef) => {\n  const visual = useSidebarVisual();\n  const mode: 'accordion' | 'dropdown' = visual?.presentation === 'thin' ? 'dropdown' : 'accordion';\n\n  if (mode === 'dropdown') {\n    return (\n      <div {...props} ref={forwardedRef}>\n        <DropdownMenu.Root>\n          <SidebarSubMenuModeContext.Provider value=\"dropdown\">{children}</SidebarSubMenuModeContext.Provider>\n        </DropdownMenu.Root>\n      </div>\n    );\n  }\n\n  return (\n    <div {...props} ref={forwardedRef}>\n      <SidebarSubMenuModeContext.Provider value=\"accordion\">\n        <Accordion.Root type=\"single\" collapsible defaultValue={defaultOpen ? 'item' : undefined}>\n          <Accordion.Item value=\"item\">{children}</Accordion.Item>\n        </Accordion.Root>\n      </SidebarSubMenuModeContext.Provider>\n    </div>\n  );\n});\nSidebarMenuSub.displayName = 'Sidebar.MenuSub';\n\ninterface SidebarMenuSubTriggerProps extends React.ComponentPropsWithoutRef<typeof Accordion.Trigger> {\n  asChild?: boolean;\n}\n\nconst SidebarMenuSubTrigger = React.forwardRef<React.ElementRef<typeof Accordion.Trigger>, SidebarMenuSubTriggerProps>(\n  ({ asChild = false, className, children, onMouseEnter, onMouseLeave, ...props }, forwardedRef) => {\n    const [isHighlighted, setIsHighlighted] = React.useState(false);\n    const mode = React.useContext(SidebarSubMenuModeContext);\n\n    if (mode === 'dropdown') {\n      return (\n        <DropdownMenu.Trigger>\n          <button\n            {...(props as any)}\n            ref={forwardedRef as any}\n            type=\"button\"\n            role=\"menuitem\"\n            aria-haspopup=\"menu\"\n            className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-SidebarMenuButton', 'rt-SidebarMenuSubTrigger', className)}\n            data-highlighted={isHighlighted || undefined}\n            onMouseEnter={(event) => {\n              setIsHighlighted(true);\n              onMouseEnter?.(event as any);\n            }}\n            onMouseLeave={(event) => {\n              setIsHighlighted(false);\n              onMouseLeave?.(event as any);\n            }}\n          >\n            {children}\n          </button>\n        </DropdownMenu.Trigger>\n      );\n    }\n\n    return (\n      <Accordion.Header asChild>\n        <div>\n          <Accordion.Trigger\n            {...props}\n            ref={forwardedRef}\n            asChild={asChild}\n            role=\"menuitem\"\n            aria-haspopup=\"true\"\n            className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-SidebarMenuButton', 'rt-SidebarMenuSubTrigger', className)}\n            data-highlighted={isHighlighted || undefined}\n            onMouseEnter={(event) => {\n              setIsHighlighted(true);\n              onMouseEnter?.(event);\n            }}\n            onMouseLeave={(event) => {\n              setIsHighlighted(false);\n              onMouseLeave?.(event);\n            }}\n          >\n            {asChild ? (\n              children\n            ) : (\n              <>\n                {children}\n                <ThickChevronRightIcon className={classNames('rt-BaseMenuSubTriggerIcon', 'rt-SidebarMenuSubTriggerIcon')} />\n              </>\n            )}\n          </Accordion.Trigger>\n        </div>\n      </Accordion.Header>\n    );\n  },\n);\nSidebarMenuSubTrigger.displayName = 'Sidebar.MenuSubTrigger';\n\ninterface SidebarMenuSubContentProps extends React.ComponentPropsWithoutRef<typeof Accordion.Content> {}\n\nconst SidebarMenuSubContent = React.forwardRef<React.ElementRef<typeof Accordion.Content>, SidebarMenuSubContentProps>(({ className, children, ...props }, forwardedRef) => {\n  const visual = useSidebarVisual();\n  const mode = React.useContext(SidebarSubMenuModeContext);\n\n  if (mode === 'dropdown') {\n    const unwrapMenuButton = (node: React.ReactNode): React.ReactNode => {\n      if (Array.isArray(node)) {\n        return node.map((n, i) => <React.Fragment key={i}>{unwrapMenuButton(n)}</React.Fragment>);\n      }\n      if (React.isValidElement(node)) {\n        const typeDisplay = (node.type as any)?.displayName;\n        if (typeDisplay === 'Sidebar.MenuButton') {\n          return (node.props as any)?.children;\n        }\n        const child = (node.props as any)?.children;\n        if (child !== undefined) {\n          return React.cloneElement(node as any, { ...(node.props as any), children: unwrapMenuButton(child) });\n        }\n      }\n      return node;\n    };\n\n    const normalized = React.Children.map(children as React.ReactNode, (child, index) => {\n      if (React.isValidElement(child) && (child.type as any)?.displayName === 'Sidebar.MenuItem') {\n        const itemChildren = (child.props as any)?.children;\n        const content = unwrapMenuButton(itemChildren);\n        return (\n          <DropdownMenu.Item key={index} asChild>\n            {content as any}\n          </DropdownMenu.Item>\n        );\n      }\n      // Fallback: wrap raw nodes too for consistent menu styling\n      return (\n        <DropdownMenu.Item key={index} asChild>\n          {unwrapMenuButton(child) as any}\n        </DropdownMenu.Item>\n      );\n    });\n\n    return (\n      <DropdownMenu.Content size={visual?.size} variant={visual?.menuVariant} className={classNames(className)}>\n        <DropdownMenu.Group>{normalized}</DropdownMenu.Group>\n      </DropdownMenu.Content>\n    );\n  }\n\n  return (\n    <Accordion.Content {...props} ref={forwardedRef} className={classNames('rt-SidebarMenuSubContent', className)}>\n      <div className=\"rt-SidebarMenuSubList\">{children}</div>\n    </Accordion.Content>\n  );\n});\nSidebarMenuSubContent.displayName = 'Sidebar.MenuSubContent';\n\n// Group components\ninterface SidebarGroupProps extends React.ComponentPropsWithoutRef<'div'> {}\n\nconst SidebarGroup = React.forwardRef<HTMLDivElement, SidebarGroupProps>(({ className, ...props }, forwardedRef) => (\n  <div {...props} ref={forwardedRef} className={classNames('rt-BaseMenuGroup', 'rt-SidebarGroup', className)} />\n));\nSidebarGroup.displayName = 'Sidebar.Group';\n\ninterface SidebarGroupLabelProps extends React.ComponentPropsWithoutRef<'div'> {\n  asChild?: boolean;\n}\n\nconst SidebarGroupLabel = React.forwardRef<HTMLDivElement, SidebarGroupLabelProps>(({ asChild = false, className, ...props }, forwardedRef) => {\n  const Comp = asChild ? Slot : 'div';\n\n  return <Comp {...props} ref={forwardedRef} role=\"group\" className={classNames('rt-BaseMenuLabel', 'rt-SidebarGroupLabel', className)} />;\n});\nSidebarGroupLabel.displayName = 'Sidebar.GroupLabel';\n\ninterface SidebarGroupContentProps extends React.ComponentPropsWithoutRef<'div'> {}\n\nconst SidebarGroupContent = React.forwardRef<HTMLDivElement, SidebarGroupContentProps>(({ className, ...props }, forwardedRef) => (\n  <div {...props} ref={forwardedRef} className={classNames('rt-SidebarGroupContent', className)} />\n));\nSidebarGroupContent.displayName = 'Sidebar.GroupContent';\n\n// Export all components following shadcn's pattern\nexport {\n  Sidebar as Root,\n  SidebarContent as Content,\n  SidebarHeader as Header,\n  SidebarFooter as Footer,\n  SidebarSeparator as Separator,\n  SidebarMenu as Menu,\n  SidebarMenuItem as MenuItem,\n  SidebarMenuButton as MenuButton,\n  SidebarMenuSub as MenuSub,\n  SidebarMenuSubTrigger as MenuSubTrigger,\n  SidebarMenuSubContent as MenuSubContent,\n  SidebarGroup as Group,\n  SidebarGroupLabel as GroupLabel,\n  SidebarGroupContent as GroupContent,\n};\n\n/**\n * Enhanced Sidebar Header and Footer Usage Examples:\n *\n * 1. Simple default container (backwards compatible):\n * <Sidebar.Header>\n *   <Logo />\n *   <span>App Name</span>\n * </Sidebar.Header>\n *\n * 2. Custom flex layout:\n * <Sidebar.Header className=\"rt-justify-between rt-gap-3\">\n *   <Logo />\n *   <Sidebar.MenuButton>\n *     <SettingsIcon />\n *   </Sidebar.MenuButton>\n * </Sidebar.Header>\n *\n * 3. Column layout for multiple rows:\n * <Sidebar.Header className=\"rt-flex-col rt-gap-2\" asContainer={false}>\n *   <div className=\"rt-flex rt-items-center rt-gap-2\">\n *     <Logo />\n *     <span>App Name</span>\n *   </div>\n *   <Sidebar.MenuButton>\n *     <UserAvatar />\n *     <span>John Doe</span>\n *   </Sidebar.MenuButton>\n * </Sidebar.Header>\n *\n * 4. Interactive footer with menu button:\n * <Sidebar.Footer>\n *   <Sidebar.MenuButton>\n *     <UserIcon />\n *     <span>Settings</span>\n *     <ChevronUpIcon />\n *   </Sidebar.MenuButton>\n * </Sidebar.Footer>\n *\n * 5. Custom footer layout:\n * <Sidebar.Footer className=\"rt-justify-between\">\n *   <span>v1.0.0</span>\n *   <Sidebar.MenuButton>\n *     <HelpIcon />\n *   </Sidebar.MenuButton>\n * </Sidebar.Footer>\n *\n * Available utility classes:\n * - Layout: rt-flex-row, rt-flex-col\n * - Alignment: rt-items-center, rt-items-start, rt-items-end\n * - Justification: rt-justify-between, rt-justify-center, rt-justify-start, rt-justify-end\n * - Gap: rt-gap-1, rt-gap-2, rt-gap-3, rt-gap-4\n */\n\nexport type { SidebarProps as RootProps, SidebarContentProps as ContentProps, SidebarHeaderProps as HeaderProps, SidebarFooterProps as FooterProps, BadgeConfig };\n"],
-  "mappings": "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",
-  "names": ["React", "classNames", "Slot", "Accordion", "DropdownMenu", "sidebarPropDefs", "useThemeContext", "ScrollArea", "Separator", "ThickChevronRightIcon", "extractProps", "Kbd", "Badge", "SidebarVisualContext", "useSidebarVisual", "Sidebar", "props", "forwardedRef", "themeContext", "size", "variant", "menuVariant", "layout", "presentation", "panelBackground", "color", "highContrast", "className", "children", "rootProps", "_", "__", "___", "safeRootProps", "resolvedColor", "resolvedLayout", "resolvedSize", "SidebarContent", "role", "ariaLabel", "id", "visual", "SidebarHeader", "asContainer", "SidebarFooter", "SidebarSeparator", "SidebarMenu", "SidebarMenuItem", "SidebarMenuButton", "asChild", "isActive", "shortcut", "badge", "onMouseEnter", "onMouseLeave", "onKeyDown", "isHighlighted", "setIsHighlighted", "sidebarSize", "Comp", "onClick", "handleKeyDown", "event", "nextItem", "prevItem", "wrapTextNodes", "node", "child", "index", "el", "newChildren", "processedChildren", "slottedChildren", "onlyChild", "originalInnerChildren", "enhancedInnerChildren", "SidebarSubMenuModeContext", "SidebarMenuSub", "defaultOpen", "SidebarMenuSubTrigger", "SidebarMenuSubContent", "unwrapMenuButton", "n", "i", "normalized", "itemChildren", "content", "SidebarGroup", "SidebarGroupLabel", "SidebarGroupContent"]
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from './slot.js';\nimport * as Accordion from '@radix-ui/react-accordion';\nimport * as DropdownMenu from './dropdown-menu.js';\n\nimport { sidebarPropDefs } from './sidebar.props.js';\nimport { useThemeContext } from './theme.js';\n// import { IconButton } from './icon-button.js';\nimport { ScrollArea } from './scroll-area.js';\nimport { Separator } from './separator.js';\nimport { ThickChevronRightIcon } from './icons.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { Kbd } from './kbd.js';\nimport { Badge } from './badge.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\nimport type { BadgeProps } from './badge.js';\n\n// Badge configuration type for sidebar menu buttons\ntype BadgeConfig = {\n  content: React.ReactNode;\n  variant?: BadgeProps['variant'];\n  size?: BadgeProps['size'];\n  color?: BadgeProps['color'];\n  highContrast?: BadgeProps['highContrast'];\n  radius?: BadgeProps['radius'];\n};\n\n// Internal presentational context (not exported) for size/menu variant\ntype SidebarVisualContextValue = {\n  size: '1' | '2' | '3';\n  menuVariant: 'solid' | 'soft';\n  presentation?: 'thin' | 'expanded';\n  color?: string;\n};\nconst SidebarVisualContext = React.createContext<SidebarVisualContextValue | null>(null);\nfunction useSidebarVisual() {\n  return React.useContext(SidebarVisualContext);\n}\n\n// Sidebar is now independent of Shell - no integration needed\n\n// Main Sidebar component\ntype SidebarOwnProps = GetPropDefTypes<typeof sidebarPropDefs>;\ninterface SidebarProps extends ComponentPropsWithout<'div', RemovedProps>, SidebarOwnProps {\n  /**\n   * Presentational mode independent of Shell.\n   * 'thin' renders a rail-style sidebar, 'expanded' renders a panel-style sidebar.\n   * If both `presentation` and `layout` are provided, `presentation` takes precedence.\n   */\n  presentation?: 'thin' | 'expanded';\n}\n\nconst Sidebar = React.forwardRef<HTMLDivElement, SidebarProps>((props, forwardedRef) => {\n  const themeContext = useThemeContext();\n\n  const {\n    size = sidebarPropDefs.size.default,\n    variant = sidebarPropDefs.variant.default,\n    menuVariant = sidebarPropDefs.menuVariant.default,\n    layout = sidebarPropDefs.layout.default,\n    presentation,\n    // type = sidebarPropDefs.type.default,\n    // side = sidebarPropDefs.side.default,\n    // collapsible = sidebarPropDefs.collapsible.default,\n    panelBackground,\n    color,\n    highContrast = sidebarPropDefs.highContrast.default,\n  } = props;\n\n  const { className, children, ...rootProps } = extractProps(props, sidebarPropDefs);\n  // Remove internal-only props from DOM\n  const { asChild: _, panelBackground: __, presentation: ___, ...safeRootProps } = rootProps;\n  const resolvedColor = color || themeContext.accentColor;\n\n  // Resolve layout (default to 'panel'). `presentation` takes precedence over `layout`.\n  const resolvedLayout = presentation === 'thin' ? 'rail' : presentation === 'expanded' ? 'panel' : layout || 'panel';\n\n  // Update context with current props - we'll pass the resolved values\n  const resolvedSize = typeof size === 'object' ? size.initial || '2' : size;\n  return (\n    <div {...safeRootProps} ref={forwardedRef} data-accent-color={resolvedColor} className={classNames('rt-SidebarRoot', className)}>\n      <SidebarVisualContext.Provider value={{ size: resolvedSize, menuVariant, presentation, color: resolvedColor }}>\n        <div\n          className={classNames('rt-SidebarContainer', `rt-variant-${variant}`, `rt-r-size-${resolvedSize}`, `rt-menu-variant-${menuVariant}`, resolvedLayout && `rt-layout-${resolvedLayout}`)}\n          data-accent-color={resolvedColor}\n          data-high-contrast={highContrast || undefined}\n          data-panel-background={panelBackground}\n          data-presentation={presentation}\n          data-layout={resolvedLayout}\n        >\n          {children}\n        </div>\n      </SidebarVisualContext.Provider>\n    </div>\n  );\n});\nSidebar.displayName = 'Sidebar.Root';\n\n// Sidebar content area\ninterface SidebarContentProps extends React.ComponentPropsWithoutRef<'div'> {\n  id?: string;\n  role?: 'navigation' | 'none';\n  'aria-label'?: string;\n}\n\nconst SidebarContent = React.forwardRef<HTMLDivElement, SidebarContentProps>(\n  ({ className, children, role = 'navigation', 'aria-label': ariaLabel = 'Main navigation', id, ...props }, forwardedRef) => {\n    const visual = useSidebarVisual();\n    const size = visual?.size ?? '2';\n    const menuVariant = visual?.menuVariant ?? 'soft';\n\n    return (\n      <ScrollArea type=\"hover\">\n        <div\n          {...props}\n          ref={forwardedRef}\n          id={id}\n          role={role}\n          aria-label={ariaLabel}\n          className={classNames('rt-BaseMenuContent', 'rt-SidebarContent', `rt-r-size-${size}`, `rt-menu-variant-${menuVariant}`, className)}\n        >\n          <div className=\"rt-BaseMenuViewport\">{children}</div>\n        </div>\n      </ScrollArea>\n    );\n  },\n);\nSidebarContent.displayName = 'Sidebar.Content';\n\n// Sidebar header\ninterface SidebarHeaderProps extends React.ComponentPropsWithoutRef<'div'> {\n  /**\n   * Whether to use the default flex container layout.\n   * @default true\n   */\n  asContainer?: boolean;\n}\n\nconst SidebarHeader = React.forwardRef<HTMLDivElement, SidebarHeaderProps>(({ className, asContainer = true, ...props }, forwardedRef) => {\n  const visual = useSidebarVisual();\n  const size = visual?.size ?? '2';\n  const menuVariant = visual?.menuVariant ?? 'soft';\n\n  return (\n    <div\n      {...props}\n      ref={forwardedRef}\n      className={classNames(\n        'rt-SidebarHeader',\n        `rt-r-size-${size}`,\n        `rt-menu-variant-${menuVariant}`,\n        {\n          'rt-SidebarHeader--container': asContainer,\n        },\n        className,\n      )}\n    />\n  );\n});\nSidebarHeader.displayName = 'Sidebar.Header';\n\n// Sidebar footer\ninterface SidebarFooterProps extends React.ComponentPropsWithoutRef<'div'> {\n  /**\n   * Whether to use the default flex container layout.\n   * @default true\n   */\n  asContainer?: boolean;\n}\n\nconst SidebarFooter = React.forwardRef<HTMLDivElement, SidebarFooterProps>(({ className, asContainer = true, ...props }, forwardedRef) => {\n  const visual = useSidebarVisual();\n  const size = visual?.size ?? '2';\n  const menuVariant = visual?.menuVariant ?? 'soft';\n\n  return (\n    <div\n      {...props}\n      ref={forwardedRef}\n      className={classNames(\n        'rt-SidebarFooter',\n        `rt-r-size-${size}`,\n        `rt-menu-variant-${menuVariant}`,\n        {\n          'rt-SidebarFooter--container': asContainer,\n        },\n        className,\n      )}\n    />\n  );\n});\nSidebarFooter.displayName = 'Sidebar.Footer';\n\n// Sidebar trigger button\n// removed Trigger in presentational-only Sidebar\n\n// Removed SidebarInset - not needed\n\n// Sidebar separator\ninterface SidebarSeparatorProps extends ComponentPropsWithout<typeof Separator, RemovedProps> {}\n\nconst SidebarSeparator = React.forwardRef<React.ComponentRef<typeof Separator>, SidebarSeparatorProps>(({ className, ...props }, forwardedRef) => (\n  <Separator {...props} ref={forwardedRef} className={classNames('rt-SidebarSeparator', className)} />\n));\nSidebarSeparator.displayName = 'Sidebar.Separator';\n\n// Menu components - reusing dropdown menu structure\ninterface SidebarMenuProps extends React.ComponentPropsWithoutRef<'ul'> {}\n\nconst SidebarMenu = React.forwardRef<HTMLUListElement, SidebarMenuProps>(({ className, ...props }, forwardedRef) => (\n  <ul {...props} ref={forwardedRef} role=\"menu\" className={classNames('rt-SidebarMenu', className)} />\n));\nSidebarMenu.displayName = 'Sidebar.Menu';\n\ninterface SidebarMenuItemProps extends React.ComponentPropsWithoutRef<'li'> {}\n\nconst SidebarMenuItem = React.forwardRef<HTMLLIElement, SidebarMenuItemProps>(({ className, ...props }, forwardedRef) => (\n  <li {...props} ref={forwardedRef} className={classNames('rt-SidebarMenuItem', className)} />\n));\nSidebarMenuItem.displayName = 'Sidebar.MenuItem';\n\ninterface SidebarMenuButtonProps extends React.ComponentPropsWithoutRef<'button'> {\n  asChild?: boolean;\n  isActive?: boolean;\n  shortcut?: React.ReactNode;\n  badge?: string | BadgeConfig;\n}\n\nconst SidebarMenuButton = React.forwardRef<HTMLButtonElement, SidebarMenuButtonProps>(\n  ({ asChild = false, isActive = false, shortcut, badge, className, children, onMouseEnter, onMouseLeave, onKeyDown, ...props }, forwardedRef) => {\n    const [isHighlighted, setIsHighlighted] = React.useState(false);\n    const visual = useSidebarVisual();\n    const sidebarSize = visual?.size ?? '2';\n    const isThinMode = visual?.presentation === 'thin';\n\n    const Comp = asChild ? Slot : 'button';\n\n    const { onClick } = props;\n    const handleKeyDown = React.useCallback(\n      (event: React.KeyboardEvent<HTMLButtonElement>) => {\n        switch (event.key) {\n          case 'Enter':\n          case ' ':\n            event.preventDefault();\n            if (onClick) onClick(event as any);\n            break;\n          case 'ArrowDown': {\n            event.preventDefault();\n            // Focus next menu item\n            const nextItem = (event.currentTarget as HTMLElement).nextElementSibling?.querySelector('[role=\"menuitem\"]') as HTMLElement;\n            if (nextItem) nextItem.focus();\n            break;\n          }\n          case 'ArrowUp': {\n            event.preventDefault();\n            // Focus previous menu item\n            const prevItem = (event.currentTarget as HTMLElement).previousElementSibling?.querySelector('[role=\"menuitem\"]') as HTMLElement;\n            if (prevItem) prevItem.focus();\n            break;\n          }\n        }\n        onKeyDown?.(event);\n      },\n      [onClick, onKeyDown],\n    );\n\n    // Separate icons and labels for thin mode styling\n    const separateIconsAndLabels = (node: React.ReactNode): { icons: React.ReactNode[]; labels: React.ReactNode[] } => {\n      const icons: React.ReactNode[] = [];\n      const labels: React.ReactNode[] = [];\n\n      React.Children.forEach(node, (child) => {\n        if (typeof child === 'string' || typeof child === 'number') {\n          labels.push(<span key={labels.length} className=\"rt-SidebarMenuLabel\">{child}</span>);\n        } else if (React.isValidElement(child)) {\n          const el = child as React.ReactElement<any>;\n          // Check if it's an SVG or icon component\n          if (el.type === 'svg' || (el.props && el.props.icon) || (typeof el.type === 'function' && ((el.type as any).displayName?.includes('Icon') || (el.type as any).name?.includes('Icon')))) {\n            icons.push(child);\n          } else {\n            labels.push(child);\n          }\n        } else if (child) {\n          labels.push(child);\n        }\n      });\n\n      return { icons, labels };\n    };\n\n    // Wrap bare text nodes so CSS can target labels (e.g., for truncation in thin mode)\n    const wrapTextNodes = (node: React.ReactNode): React.ReactNode => {\n      if (typeof node === 'string' || typeof node === 'number') {\n        return <span className=\"rt-SidebarMenuLabel\">{node}</span>;\n      }\n      if (Array.isArray(node)) {\n        return node.map((child, index) => <React.Fragment key={index}>{wrapTextNodes(child)}</React.Fragment>);\n      }\n      if (React.isValidElement(node)) {\n        const el = node as React.ReactElement<any>;\n        const className: string = (el.props && (el.props as any).className) || '';\n        const isAlreadyLabel = typeof el.type === 'string' && className.split(' ').includes('rt-SidebarMenuLabel');\n        if (isAlreadyLabel) return el;\n        const newChildren = wrapTextNodes((el.props as any)?.children);\n        return React.cloneElement(el, { ...(el.props as any) }, newChildren);\n      }\n      return node;\n    };\n\n    const processedChildren = wrapTextNodes(children);\n\n    // For thin mode, separate icons into a wrapper for targeted background styling\n    const { icons, labels } = isThinMode ? separateIconsAndLabels(children) : { icons: [], labels: [] };\n\n    // When rendering asChild, Slot expects a single child element. We still want to\n    // append optional badge/shortcut inside that element so they render with Link.\n    const slottedChildren = React.useMemo(() => {\n      if (!asChild) return null;\n      try {\n        const onlyChild = React.Children.only(processedChildren as React.ReactElement<any>) as React.ReactElement<any>;\n        const originalInnerChildren = (onlyChild.props as any)?.children;\n        const enhancedInnerChildren = (\n          <>\n            {originalInnerChildren}\n            {badge && (\n              <div className=\"rt-SidebarMenuBadge\">\n                {typeof badge === 'string' ? (\n                  <Badge size={sidebarSize} variant=\"soft\">\n                    {badge}\n                  </Badge>\n                ) : (\n                  <Badge size={badge.size || sidebarSize} variant={badge.variant || 'soft'} color={badge.color} highContrast={badge.highContrast} radius={badge.radius}>\n                    {badge.content}\n                  </Badge>\n                )}\n              </div>\n            )}\n            {shortcut && (\n              <div className=\"rt-BaseMenuShortcut rt-SidebarMenuShortcut\">\n                <Kbd size={sidebarSize}>{shortcut}</Kbd>\n              </div>\n            )}\n          </>\n        );\n        return React.cloneElement(onlyChild, { ...(onlyChild.props as any) }, enhancedInnerChildren);\n      } catch {\n        // Fallback: if multiple children were passed incorrectly, just return processedChildren\n        return processedChildren as React.ReactNode;\n      }\n    }, [asChild, processedChildren, badge, shortcut, sidebarSize]);\n\n    return (\n      <Comp\n        {...props}\n        ref={forwardedRef}\n        role=\"menuitem\"\n        aria-current={isActive ? 'page' : undefined}\n        className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-SidebarMenuButton', className)}\n        data-active={isActive || undefined}\n        data-highlighted={isHighlighted || undefined}\n        onKeyDown={handleKeyDown}\n        onMouseEnter={(event) => {\n          setIsHighlighted(true);\n          onMouseEnter?.(event);\n        }}\n        onMouseLeave={(event) => {\n          setIsHighlighted(false);\n          onMouseLeave?.(event);\n        }}\n      >\n        {asChild ? (\n          slottedChildren\n        ) : isThinMode && icons.length > 0 ? (\n          <>\n            <span className=\"rt-SidebarMenuIconWrapper\">{icons}</span>\n            {labels.map((label, index) => (\n              <React.Fragment key={index}>\n                {typeof label === 'string' || typeof label === 'number' ? (\n                  <span className=\"rt-SidebarMenuLabel\">{label}</span>\n                ) : (\n                  label\n                )}\n              </React.Fragment>\n            ))}\n          </>\n        ) : (\n          <>\n            {processedChildren}\n            {/* Badge with soft variant default and size mapping to sidebar size */}\n            {badge && (\n              <div className=\"rt-SidebarMenuBadge\">\n                {typeof badge === 'string' ? (\n                  <Badge size={sidebarSize} variant=\"soft\">\n                    {badge}\n                  </Badge>\n                ) : (\n                  <Badge size={badge.size || sidebarSize} variant={badge.variant || 'soft'} color={badge.color} highContrast={badge.highContrast} radius={badge.radius}>\n                    {badge.content}\n                  </Badge>\n                )}\n              </div>\n            )}\n            {shortcut && (\n              <div className=\"rt-BaseMenuShortcut rt-SidebarMenuShortcut\">\n                <Kbd size={sidebarSize}>{shortcut}</Kbd>\n              </div>\n            )}\n          </>\n        )}\n      </Comp>\n    );\n  },\n);\nSidebarMenuButton.displayName = 'Sidebar.MenuButton';\n\n// Sub-menu components: Accordion in expanded, Dropdown in thin\nconst SidebarSubMenuModeContext = React.createContext<'accordion' | 'dropdown'>('accordion');\ninterface SidebarMenuSubProps extends React.ComponentPropsWithoutRef<'div'> {\n  defaultOpen?: boolean;\n}\n\nconst SidebarMenuSub = React.forwardRef<HTMLDivElement, SidebarMenuSubProps>(({ defaultOpen = false, children, ...props }, forwardedRef) => {\n  const visual = useSidebarVisual();\n  const mode: 'accordion' | 'dropdown' = visual?.presentation === 'thin' ? 'dropdown' : 'accordion';\n\n  if (mode === 'dropdown') {\n    return (\n      <div {...props} ref={forwardedRef}>\n        <DropdownMenu.Root>\n          <SidebarSubMenuModeContext.Provider value=\"dropdown\">{children}</SidebarSubMenuModeContext.Provider>\n        </DropdownMenu.Root>\n      </div>\n    );\n  }\n\n  return (\n    <div {...props} ref={forwardedRef}>\n      <SidebarSubMenuModeContext.Provider value=\"accordion\">\n        <Accordion.Root type=\"single\" collapsible defaultValue={defaultOpen ? 'item' : undefined}>\n          <Accordion.Item value=\"item\">{children}</Accordion.Item>\n        </Accordion.Root>\n      </SidebarSubMenuModeContext.Provider>\n    </div>\n  );\n});\nSidebarMenuSub.displayName = 'Sidebar.MenuSub';\n\ninterface SidebarMenuSubTriggerProps extends React.ComponentPropsWithoutRef<typeof Accordion.Trigger> {\n  asChild?: boolean;\n}\n\nconst SidebarMenuSubTrigger = React.forwardRef<React.ElementRef<typeof Accordion.Trigger>, SidebarMenuSubTriggerProps>(\n  ({ asChild = false, className, children, onMouseEnter, onMouseLeave, ...props }, forwardedRef) => {\n    const [isHighlighted, setIsHighlighted] = React.useState(false);\n    const mode = React.useContext(SidebarSubMenuModeContext);\n\n    if (mode === 'dropdown') {\n      return (\n        <DropdownMenu.Trigger>\n          <button\n            {...(props as any)}\n            ref={forwardedRef as any}\n            type=\"button\"\n            role=\"menuitem\"\n            aria-haspopup=\"menu\"\n            className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-SidebarMenuButton', 'rt-SidebarMenuSubTrigger', className)}\n            data-highlighted={isHighlighted || undefined}\n            onMouseEnter={(event) => {\n              setIsHighlighted(true);\n              onMouseEnter?.(event as any);\n            }}\n            onMouseLeave={(event) => {\n              setIsHighlighted(false);\n              onMouseLeave?.(event as any);\n            }}\n          >\n            {children}\n          </button>\n        </DropdownMenu.Trigger>\n      );\n    }\n\n    return (\n      <Accordion.Header asChild>\n        <div>\n          <Accordion.Trigger\n            {...props}\n            ref={forwardedRef}\n            asChild={asChild}\n            role=\"menuitem\"\n            aria-haspopup=\"true\"\n            className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-SidebarMenuButton', 'rt-SidebarMenuSubTrigger', className)}\n            data-highlighted={isHighlighted || undefined}\n            onMouseEnter={(event) => {\n              setIsHighlighted(true);\n              onMouseEnter?.(event);\n            }}\n            onMouseLeave={(event) => {\n              setIsHighlighted(false);\n              onMouseLeave?.(event);\n            }}\n          >\n            {asChild ? (\n              children\n            ) : (\n              <>\n                {children}\n                <ThickChevronRightIcon className={classNames('rt-BaseMenuSubTriggerIcon', 'rt-SidebarMenuSubTriggerIcon')} />\n              </>\n            )}\n          </Accordion.Trigger>\n        </div>\n      </Accordion.Header>\n    );\n  },\n);\nSidebarMenuSubTrigger.displayName = 'Sidebar.MenuSubTrigger';\n\ninterface SidebarMenuSubContentProps extends React.ComponentPropsWithoutRef<typeof Accordion.Content> {}\n\nconst SidebarMenuSubContent = React.forwardRef<React.ElementRef<typeof Accordion.Content>, SidebarMenuSubContentProps>(({ className, children, ...props }, forwardedRef) => {\n  const visual = useSidebarVisual();\n  const mode = React.useContext(SidebarSubMenuModeContext);\n\n  if (mode === 'dropdown') {\n    const unwrapMenuButton = (node: React.ReactNode): React.ReactNode => {\n      if (Array.isArray(node)) {\n        return node.map((n, i) => <React.Fragment key={i}>{unwrapMenuButton(n)}</React.Fragment>);\n      }\n      if (React.isValidElement(node)) {\n        const typeDisplay = (node.type as any)?.displayName;\n        if (typeDisplay === 'Sidebar.MenuButton') {\n          return (node.props as any)?.children;\n        }\n        const child = (node.props as any)?.children;\n        if (child !== undefined) {\n          return React.cloneElement(node as any, { ...(node.props as any), children: unwrapMenuButton(child) });\n        }\n      }\n      return node;\n    };\n\n    const normalized = React.Children.map(children as React.ReactNode, (child, index) => {\n      if (React.isValidElement(child) && (child.type as any)?.displayName === 'Sidebar.MenuItem') {\n        const itemChildren = (child.props as any)?.children;\n        const content = unwrapMenuButton(itemChildren);\n        return (\n          <DropdownMenu.Item key={index} asChild>\n            {content as any}\n          </DropdownMenu.Item>\n        );\n      }\n      // Fallback: wrap raw nodes too for consistent menu styling\n      return (\n        <DropdownMenu.Item key={index} asChild>\n          {unwrapMenuButton(child) as any}\n        </DropdownMenu.Item>\n      );\n    });\n\n    // DropdownMenu only supports sizes 1 and 2, so map size 3 to 2\n    const dropdownSize = visual?.size === '3' ? '2' : visual?.size;\n    return (\n      <DropdownMenu.Content size={dropdownSize} variant={visual?.menuVariant} className={classNames(className)}>\n        <DropdownMenu.Group>{normalized}</DropdownMenu.Group>\n      </DropdownMenu.Content>\n    );\n  }\n\n  return (\n    <Accordion.Content {...props} ref={forwardedRef} className={classNames('rt-SidebarMenuSubContent', className)}>\n      <div className=\"rt-SidebarMenuSubList\">{children}</div>\n    </Accordion.Content>\n  );\n});\nSidebarMenuSubContent.displayName = 'Sidebar.MenuSubContent';\n\n// Group components\ninterface SidebarGroupProps extends React.ComponentPropsWithoutRef<'div'> {}\n\nconst SidebarGroup = React.forwardRef<HTMLDivElement, SidebarGroupProps>(({ className, ...props }, forwardedRef) => (\n  <div {...props} ref={forwardedRef} className={classNames('rt-BaseMenuGroup', 'rt-SidebarGroup', className)} />\n));\nSidebarGroup.displayName = 'Sidebar.Group';\n\ninterface SidebarGroupLabelProps extends React.ComponentPropsWithoutRef<'div'> {\n  asChild?: boolean;\n}\n\nconst SidebarGroupLabel = React.forwardRef<HTMLDivElement, SidebarGroupLabelProps>(({ asChild = false, className, ...props }, forwardedRef) => {\n  const Comp = asChild ? Slot : 'div';\n\n  return <Comp {...props} ref={forwardedRef} role=\"group\" className={classNames('rt-BaseMenuLabel', 'rt-SidebarGroupLabel', className)} />;\n});\nSidebarGroupLabel.displayName = 'Sidebar.GroupLabel';\n\ninterface SidebarGroupContentProps extends React.ComponentPropsWithoutRef<'div'> {}\n\nconst SidebarGroupContent = React.forwardRef<HTMLDivElement, SidebarGroupContentProps>(({ className, ...props }, forwardedRef) => (\n  <div {...props} ref={forwardedRef} className={classNames('rt-SidebarGroupContent', className)} />\n));\nSidebarGroupContent.displayName = 'Sidebar.GroupContent';\n\n// Export all components following shadcn's pattern\nexport {\n  Sidebar as Root,\n  SidebarContent as Content,\n  SidebarHeader as Header,\n  SidebarFooter as Footer,\n  SidebarSeparator as Separator,\n  SidebarMenu as Menu,\n  SidebarMenuItem as MenuItem,\n  SidebarMenuButton as MenuButton,\n  SidebarMenuSub as MenuSub,\n  SidebarMenuSubTrigger as MenuSubTrigger,\n  SidebarMenuSubContent as MenuSubContent,\n  SidebarGroup as Group,\n  SidebarGroupLabel as GroupLabel,\n  SidebarGroupContent as GroupContent,\n};\n\n/**\n * Enhanced Sidebar Header and Footer Usage Examples:\n *\n * 1. Simple default container (backwards compatible):\n * <Sidebar.Header>\n *   <Logo />\n *   <span>App Name</span>\n * </Sidebar.Header>\n *\n * 2. Custom flex layout:\n * <Sidebar.Header className=\"rt-justify-between rt-gap-3\">\n *   <Logo />\n *   <Sidebar.MenuButton>\n *     <SettingsIcon />\n *   </Sidebar.MenuButton>\n * </Sidebar.Header>\n *\n * 3. Column layout for multiple rows:\n * <Sidebar.Header className=\"rt-flex-col rt-gap-2\" asContainer={false}>\n *   <div className=\"rt-flex rt-items-center rt-gap-2\">\n *     <Logo />\n *     <span>App Name</span>\n *   </div>\n *   <Sidebar.MenuButton>\n *     <UserAvatar />\n *     <span>John Doe</span>\n *   </Sidebar.MenuButton>\n * </Sidebar.Header>\n *\n * 4. Interactive footer with menu button:\n * <Sidebar.Footer>\n *   <Sidebar.MenuButton>\n *     <UserIcon />\n *     <span>Settings</span>\n *     <ChevronUpIcon />\n *   </Sidebar.MenuButton>\n * </Sidebar.Footer>\n *\n * 5. Custom footer layout:\n * <Sidebar.Footer className=\"rt-justify-between\">\n *   <span>v1.0.0</span>\n *   <Sidebar.MenuButton>\n *     <HelpIcon />\n *   </Sidebar.MenuButton>\n * </Sidebar.Footer>\n *\n * Available utility classes:\n * - Layout: rt-flex-row, rt-flex-col\n * - Alignment: rt-items-center, rt-items-start, rt-items-end\n * - Justification: rt-justify-between, rt-justify-center, rt-justify-start, rt-justify-end\n * - Gap: rt-gap-1, rt-gap-2, rt-gap-3, rt-gap-4\n */\n\nexport type { SidebarProps as RootProps, SidebarContentProps as ContentProps, SidebarHeaderProps as HeaderProps, SidebarFooterProps as FooterProps, BadgeConfig };\n"],
+  "mappings": "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",
+  "names": ["React", "classNames", "Slot", "Accordion", "DropdownMenu", "sidebarPropDefs", "useThemeContext", "ScrollArea", "Separator", "ThickChevronRightIcon", "extractProps", "Kbd", "Badge", "SidebarVisualContext", "useSidebarVisual", "Sidebar", "props", "forwardedRef", "themeContext", "size", "variant", "menuVariant", "layout", "presentation", "panelBackground", "color", "highContrast", "className", "children", "rootProps", "_", "__", "___", "safeRootProps", "resolvedColor", "resolvedLayout", "resolvedSize", "SidebarContent", "role", "ariaLabel", "id", "visual", "SidebarHeader", "asContainer", "SidebarFooter", "SidebarSeparator", "SidebarMenu", "SidebarMenuItem", "SidebarMenuButton", "asChild", "isActive", "shortcut", "badge", "onMouseEnter", "onMouseLeave", "onKeyDown", "isHighlighted", "setIsHighlighted", "sidebarSize", "isThinMode", "Comp", "onClick", "handleKeyDown", "event", "nextItem", "prevItem", "separateIconsAndLabels", "node", "icons", "labels", "child", "el", "wrapTextNodes", "index", "newChildren", "processedChildren", "slottedChildren", "onlyChild", "originalInnerChildren", "enhancedInnerChildren", "label", "SidebarSubMenuModeContext", "SidebarMenuSub", "defaultOpen", "SidebarMenuSubTrigger", "SidebarMenuSubContent", "unwrapMenuButton", "n", "i", "normalized", "itemChildren", "content", "dropdownSize", "SidebarGroup", "SidebarGroupLabel", "SidebarGroupContent"]
 }

package/dist/esm/components/sidebar.props.d.ts

@@ -13,7 +13,7 @@ declare const sidebarPropDefs: {
     size: {
         type: "enum";
         className: string;
-        values: readonly ["1", "2"];
+        values: readonly ["1", "2", "3"];
         default: "2";
         responsive: true;
     };

package/dist/esm/components/sidebar.props.js

@@ -1,2 +1,2 @@
-import{asChildPropDef as e}from"../props/as-child.prop.js";import{colorPropDef as s}from"../props/color.prop.js";import{highContrastPropDef as a}from"../props/high-contrast.prop.js";import{baseMenuContentPropDefs as b,baseMenuItemPropDefs as D,baseMenuCheckboxItemPropDefs as P,baseMenuRadioItemPropDefs as v}from"./_internal/base-menu.props.js";const t=["1","2"],o=["soft","outline","surface","ghost"],r=["solid","soft"],n=["sidebar"],p=["left","right"],l=["offcanvas","icon","none"],f=["rail","panel"],u={...e,size:{type:"enum",className:"rt-r-size",values:t,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:o,default:"outline"},menuVariant:{type:"enum",className:"rt-menu-variant",values:r,default:"soft"},type:{type:"enum",className:"rt-type",values:n,default:"sidebar"},side:{type:"enum",className:"rt-side",values:p,default:"left"},collapsible:{type:"enum",className:"rt-collapsible",values:l,default:"offcanvas"},layout:{type:"enum",className:"rt-layout",values:f,default:void 0},panelBackground:{type:"enum",values:["solid","translucent"],default:void 0},...s,...a};export{P as sidebarCheckboxItemPropDefs,b as sidebarContentPropDefs,D as sidebarItemPropDefs,u as sidebarPropDefs,v as sidebarRadioItemPropDefs};
+import{asChildPropDef as e}from"../props/as-child.prop.js";import{colorPropDef as s}from"../props/color.prop.js";import{highContrastPropDef as a}from"../props/high-contrast.prop.js";import{baseMenuContentPropDefs as b,baseMenuItemPropDefs as D,baseMenuCheckboxItemPropDefs as P,baseMenuRadioItemPropDefs as v}from"./_internal/base-menu.props.js";const t=["1","2","3"],o=["soft","outline","surface","ghost"],r=["solid","soft"],n=["sidebar"],p=["left","right"],l=["offcanvas","icon","none"],f=["rail","panel"],u={...e,size:{type:"enum",className:"rt-r-size",values:t,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:o,default:"outline"},menuVariant:{type:"enum",className:"rt-menu-variant",values:r,default:"soft"},type:{type:"enum",className:"rt-type",values:n,default:"sidebar"},side:{type:"enum",className:"rt-side",values:p,default:"left"},collapsible:{type:"enum",className:"rt-collapsible",values:l,default:"offcanvas"},layout:{type:"enum",className:"rt-layout",values:f,default:void 0},panelBackground:{type:"enum",values:["solid","translucent"],default:void 0},...s,...a};export{P as sidebarCheckboxItemPropDefs,b as sidebarContentPropDefs,D as sidebarItemPropDefs,u as sidebarPropDefs,v as sidebarRadioItemPropDefs};
 //# sourceMappingURL=sidebar.props.js.map

package/dist/esm/components/sidebar.props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/sidebar.props.tsx"],
-  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { colorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\n// Re-export base menu props for sidebar menu components\nexport {\n  baseMenuContentPropDefs as sidebarContentPropDefs,\n  baseMenuItemPropDefs as sidebarItemPropDefs,\n  baseMenuCheckboxItemPropDefs as sidebarCheckboxItemPropDefs,\n  baseMenuRadioItemPropDefs as sidebarRadioItemPropDefs,\n} from './_internal/base-menu.props.js';\n\n// Sidebar container props\nconst sizes = ['1', '2'] as const;\nconst variants = ['soft', 'outline', 'surface', 'ghost'] as const;\nconst menuVariants = ['solid', 'soft'] as const;\nconst types = ['sidebar'] as const;\nconst sides = ['left', 'right'] as const;\nconst collapsibleModes = ['offcanvas', 'icon', 'none'] as const;\nconst layouts = ['rail', 'panel'] as const;\n\nconst sidebarPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'outline' },\n  menuVariant: {\n    type: 'enum',\n    className: 'rt-menu-variant',\n    values: menuVariants,\n    default: 'soft',\n  },\n  type: { type: 'enum', className: 'rt-type', values: types, default: 'sidebar' },\n  side: { type: 'enum', className: 'rt-side', values: sides, default: 'left' },\n  collapsible: {\n    type: 'enum',\n    className: 'rt-collapsible',\n    values: collapsibleModes,\n    default: 'offcanvas',\n  },\n  layout: { type: 'enum', className: 'rt-layout', values: layouts, default: undefined },\n  panelBackground: { type: 'enum', values: ['solid', 'translucent'], default: undefined },\n  ...colorPropDef,\n  ...highContrastPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  menuVariant: PropDef<(typeof menuVariants)[number]>;\n  type: PropDef<(typeof types)[number]>;\n  side: PropDef<(typeof sides)[number]>;\n  collapsible: PropDef<(typeof collapsibleModes)[number]>;\n  layout: PropDef<(typeof layouts)[number]>;\n  panelBackground: PropDef<'solid' | 'translucent'>;\n};\n\nexport { sidebarPropDefs };\n"],
-  "mappings": "AAAA,OAAS,kBAAAA,MAAsB,4BAC/B,OAAS,gBAAAC,MAAoB,yBAC7B,OAAS,uBAAAC,MAA2B,iCAKpC,OAC6B,2BAA3BC,EACwB,wBAAxBC,EACgC,gCAAhCC,EAC6B,6BAA7BC,MACK,iCAGP,MAAMC,EAAQ,CAAC,IAAK,GAAG,EACjBC,EAAW,CAAC,OAAQ,UAAW,UAAW,OAAO,EACjDC,EAAe,CAAC,QAAS,MAAM,EAC/BC,EAAQ,CAAC,SAAS,EAClBC,EAAQ,CAAC,OAAQ,OAAO,EACxBC,EAAmB,CAAC,YAAa,OAAQ,MAAM,EAC/CC,EAAU,CAAC,OAAQ,OAAO,EAE1BC,EAAkB,CACtB,GAAGd,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQO,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,YAAa,CACX,KAAM,OACN,UAAW,kBACX,OAAQC,EACR,QAAS,MACX,EACA,KAAM,CAAE,KAAM,OAAQ,UAAW,UAAW,OAAQC,EAAO,QAAS,SAAU,EAC9E,KAAM,CAAE,KAAM,OAAQ,UAAW,UAAW,OAAQC,EAAO,QAAS,MAAO,EAC3E,YAAa,CACX,KAAM,OACN,UAAW,iBACX,OAAQC,EACR,QAAS,WACX,EACA,OAAQ,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQC,EAAS,QAAS,MAAU,EACpF,gBAAiB,CAAE,KAAM,OAAQ,OAAQ,CAAC,QAAS,aAAa,EAAG,QAAS,MAAU,EACtF,GAAGZ,EACH,GAAGC,CACL",
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { colorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\n// Re-export base menu props for sidebar menu components\nexport {\n  baseMenuContentPropDefs as sidebarContentPropDefs,\n  baseMenuItemPropDefs as sidebarItemPropDefs,\n  baseMenuCheckboxItemPropDefs as sidebarCheckboxItemPropDefs,\n  baseMenuRadioItemPropDefs as sidebarRadioItemPropDefs,\n} from './_internal/base-menu.props.js';\n\n// Sidebar container props\nconst sizes = ['1', '2', '3'] as const;\nconst variants = ['soft', 'outline', 'surface', 'ghost'] as const;\nconst menuVariants = ['solid', 'soft'] as const;\nconst types = ['sidebar'] as const;\nconst sides = ['left', 'right'] as const;\nconst collapsibleModes = ['offcanvas', 'icon', 'none'] as const;\nconst layouts = ['rail', 'panel'] as const;\n\nconst sidebarPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'outline' },\n  menuVariant: {\n    type: 'enum',\n    className: 'rt-menu-variant',\n    values: menuVariants,\n    default: 'soft',\n  },\n  type: { type: 'enum', className: 'rt-type', values: types, default: 'sidebar' },\n  side: { type: 'enum', className: 'rt-side', values: sides, default: 'left' },\n  collapsible: {\n    type: 'enum',\n    className: 'rt-collapsible',\n    values: collapsibleModes,\n    default: 'offcanvas',\n  },\n  layout: { type: 'enum', className: 'rt-layout', values: layouts, default: undefined },\n  panelBackground: { type: 'enum', values: ['solid', 'translucent'], default: undefined },\n  ...colorPropDef,\n  ...highContrastPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  menuVariant: PropDef<(typeof menuVariants)[number]>;\n  type: PropDef<(typeof types)[number]>;\n  side: PropDef<(typeof sides)[number]>;\n  collapsible: PropDef<(typeof collapsibleModes)[number]>;\n  layout: PropDef<(typeof layouts)[number]>;\n  panelBackground: PropDef<'solid' | 'translucent'>;\n};\n\nexport { sidebarPropDefs };\n"],
+  "mappings": "AAAA,OAAS,kBAAAA,MAAsB,4BAC/B,OAAS,gBAAAC,MAAoB,yBAC7B,OAAS,uBAAAC,MAA2B,iCAKpC,OAC6B,2BAA3BC,EACwB,wBAAxBC,EACgC,gCAAhCC,EAC6B,6BAA7BC,MACK,iCAGP,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,OAAQ,UAAW,UAAW,OAAO,EACjDC,EAAe,CAAC,QAAS,MAAM,EAC/BC,EAAQ,CAAC,SAAS,EAClBC,EAAQ,CAAC,OAAQ,OAAO,EACxBC,EAAmB,CAAC,YAAa,OAAQ,MAAM,EAC/CC,EAAU,CAAC,OAAQ,OAAO,EAE1BC,EAAkB,CACtB,GAAGd,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQO,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,YAAa,CACX,KAAM,OACN,UAAW,kBACX,OAAQC,EACR,QAAS,MACX,EACA,KAAM,CAAE,KAAM,OAAQ,UAAW,UAAW,OAAQC,EAAO,QAAS,SAAU,EAC9E,KAAM,CAAE,KAAM,OAAQ,UAAW,UAAW,OAAQC,EAAO,QAAS,MAAO,EAC3E,YAAa,CACX,KAAM,OACN,UAAW,iBACX,OAAQC,EACR,QAAS,WACX,EACA,OAAQ,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQC,EAAS,QAAS,MAAU,EACpF,gBAAiB,CAAE,KAAM,OAAQ,OAAQ,CAAC,QAAS,aAAa,EAAG,QAAS,MAAU,EACtF,GAAGZ,EACH,GAAGC,CACL",
   "names": ["asChildPropDef", "colorPropDef", "highContrastPropDef", "baseMenuContentPropDefs", "baseMenuItemPropDefs", "baseMenuCheckboxItemPropDefs", "baseMenuRadioItemPropDefs", "sizes", "variants", "menuVariants", "types", "sides", "collapsibleModes", "layouts", "sidebarPropDefs"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kushagradhawan/kookie-ui",
-  "version": "0.1.108",
+  "version": "0.1.110",
   "description": "A modern React component library with beautiful design tokens, flexible theming, and comprehensive documentation",
   "keywords": [
     "react",

package/schemas/base-button.json

@@ -279,6 +279,6 @@
   "title": "Base-button Component Props",
   "description": "Props schema for the base-button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2026-01-06T09:52:15.405Z",
+  "generatedAt": "2026-01-07T05:55:02.780Z",
   "source": "Zod schema"
 }

package/schemas/button.json

@@ -530,6 +530,6 @@
   "title": "Button Component Props",
   "description": "Props schema for the button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2026-01-06T09:52:15.411Z",
+  "generatedAt": "2026-01-07T05:55:02.786Z",
   "source": "Zod schema"
 }

package/schemas/icon-button.json

@@ -313,6 +313,6 @@
   "title": "Icon-button Component Props",
   "description": "Props schema for the icon-button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2026-01-06T09:52:15.412Z",
+  "generatedAt": "2026-01-07T05:55:02.787Z",
   "source": "Zod schema"
 }

package/schemas/index.json

@@ -3,7 +3,7 @@
   "title": "Kookie UI Button Components",
   "description": "Complete JSON Schema collection for all button components in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2026-01-06T09:52:15.415Z",
+  "generatedAt": "2026-01-07T05:55:02.790Z",
   "source": "Zod schemas",
   "components": {
     "base-button": {
@@ -287,7 +287,7 @@
       "title": "Base-button Component Props",
       "description": "Props schema for the base-button component in Kookie UI",
       "version": "1.0.0",
-      "generatedAt": "2026-01-06T09:52:15.405Z",
+      "generatedAt": "2026-01-07T05:55:02.780Z",
       "source": "Zod schema"
     },
     "button": {
@@ -822,7 +822,7 @@
       "title": "Button Component Props",
       "description": "Props schema for the button component in Kookie UI",
       "version": "1.0.0",
-      "generatedAt": "2026-01-06T09:52:15.411Z",
+      "generatedAt": "2026-01-07T05:55:02.786Z",
       "source": "Zod schema"
     },
     "icon-button": {
@@ -1140,7 +1140,7 @@
       "title": "Icon-button Component Props",
       "description": "Props schema for the icon-button component in Kookie UI",
       "version": "1.0.0",
-      "generatedAt": "2026-01-06T09:52:15.412Z",
+      "generatedAt": "2026-01-07T05:55:02.787Z",
       "source": "Zod schema"
     },
     "toggle-button": {
@@ -1683,7 +1683,7 @@
       "title": "Toggle-button Component Props",
       "description": "Props schema for the toggle-button component in Kookie UI",
       "version": "1.0.0",
-      "generatedAt": "2026-01-06T09:52:15.414Z",
+      "generatedAt": "2026-01-07T05:55:02.789Z",
       "source": "Zod schema"
     },
     "toggle-icon-button": {
@@ -2009,7 +2009,7 @@
       "title": "Toggle-icon-button Component Props",
       "description": "Props schema for the toggle-icon-button component in Kookie UI",
       "version": "1.0.0",
-      "generatedAt": "2026-01-06T09:52:15.415Z",
+      "generatedAt": "2026-01-07T05:55:02.790Z",
       "source": "Zod schema"
     }
   }

package/schemas/toggle-button.json

@@ -538,6 +538,6 @@
   "title": "Toggle-button Component Props",
   "description": "Props schema for the toggle-button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2026-01-06T09:52:15.414Z",
+  "generatedAt": "2026-01-07T05:55:02.789Z",
   "source": "Zod schema"
 }

package/schemas/toggle-icon-button.json

@@ -321,6 +321,6 @@
   "title": "Toggle-icon-button Component Props",
   "description": "Props schema for the toggle-icon-button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2026-01-06T09:52:15.415Z",
+  "generatedAt": "2026-01-07T05:55:02.790Z",
   "source": "Zod schema"
 }

package/src/components/_internal/base-button.css

@@ -230,12 +230,10 @@
 
   &:where([data-state='open']) {
     background-color: color-mix(in srgb, var(--gray-a3) calc(var(--material-alpha) * 100%), var(--gray-3) var(--material-blend));
-    box-shadow: var(--shadow-1);
   }
 
   &:where(:active:not([data-state='open'], [data-disabled]), [data-state='on']:not([data-disabled])) {
     background-color: color-mix(in srgb, var(--gray-a3) calc(var(--material-alpha) * 100%), var(--gray-3) var(--material-blend));
-    box-shadow: var(--shadow-1);
   }
 
   @media (pointer: coarse) {
@@ -361,12 +359,10 @@
   &:where([data-state='open']) {
     background-color: color-mix(in srgb, var(--accent-a10) calc(var(--material-alpha) * 100%), var(--accent-10) var(--solid-blend));
     filter: var(--base-button-solid-open-filter);
-    box-shadow: var(--shadow-1);
   }
 
   &:where(:active:not([data-state='open'])) {
     filter: var(--base-button-solid-active-filter);
-    box-shadow: var(--shadow-1);
   }
 
   @media (pointer: coarse) {
@@ -396,12 +392,10 @@
     &:where([data-state='open']) {
       background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
       filter: var(--base-button-solid-high-contrast-open-filter);
-      box-shadow: var(--shadow-1);
     }
 
     &:where(:active:not([data-state='open'])) {
       filter: var(--base-button-solid-high-contrast-active-filter);
-      box-shadow: var(--shadow-1);
     }
   }
 
@@ -453,12 +447,10 @@
 
   &:where([data-state='open']) {
     background-color: color-mix(in srgb, var(--accent-a4) calc(var(--material-alpha) * 100%), var(--accent-4) var(--material-blend));
-    box-shadow: var(--shadow-1);
   }
 
   &:where(:active:not([data-state='open'])) {
     background-color: color-mix(in srgb, var(--accent-a5) calc(var(--material-alpha) * 100%), var(--accent-5) var(--material-blend));
-    box-shadow: var(--shadow-1);
   }
 
   &:where([data-disabled]) {
@@ -514,12 +506,10 @@
 
   &:where([data-state='open']) {
     background-color: color-mix(in srgb, var(--accent-a3) calc(var(--material-alpha) * 100%), var(--accent-3) var(--material-blend));
-    box-shadow: var(--shadow-1);
   }
 
   &:where(:active:not([data-state='open'])) {
     background-color: color-mix(in srgb, var(--accent-a4) calc(var(--material-alpha) * 100%), var(--accent-4) var(--material-blend));
-    box-shadow: var(--shadow-1);
   }
 
   &:where([data-disabled]) {
@@ -554,16 +544,12 @@
 
   &:where([data-state='open']) {
     background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
-    box-shadow:
-      inset 0 0 0 1px var(--outline-border-7),
-      var(--shadow-1);
+    box-shadow: inset 0 0 0 1px var(--outline-border-7);
   }
 
   &:where(:active:not([data-state='open'])) {
     background-color: color-mix(in srgb, var(--accent-a3) calc(var(--material-alpha) * 100%), var(--accent-3) var(--material-blend));
-    box-shadow:
-      inset 0 0 0 1px var(--outline-border-8),
-      var(--shadow-1);
+    box-shadow: inset 0 0 0 1px var(--outline-border-8);
   }
 
   &:where(:focus-visible) {
@@ -608,16 +594,12 @@
 
   &:where([data-state='open']) {
     background-color: color-mix(in srgb, var(--accent-a3) calc(var(--material-alpha) * 100%), var(--accent-3) var(--material-blend));
-    box-shadow:
-      inset 0 0 0 1px var(--surface-border-8),
-      var(--shadow-1);
+    box-shadow: inset 0 0 0 1px var(--surface-border-8);
   }
 
   &:where(:active:not([data-state='open'])) {
     background-color: color-mix(in srgb, var(--accent-a4) calc(var(--material-alpha) * 100%), var(--accent-4) var(--material-blend));
-    box-shadow:
-      inset 0 0 0 1px var(--surface-border-8),
-      var(--shadow-1);
+    box-shadow: inset 0 0 0 1px var(--surface-border-8);
   }
 
   &:where(:focus-visible) {
@@ -649,7 +631,6 @@
   /* Classic variant pressed */
   &:where(.rt-variant-classic) {
     background-color: color-mix(in srgb, var(--gray-a3) calc(var(--material-alpha) * 100%), var(--gray-3) var(--material-blend));
-    box-shadow: var(--shadow-1);
   }
 
   /* Solid variant pressed - uses solid-blend from variant definition */
@@ -657,7 +638,6 @@
     --solid-blend: calc(100% - (var(--material-alpha) * 90%));
     background-color: color-mix(in srgb, var(--accent-a10) calc(var(--material-alpha) * 100%), var(--accent-10) var(--solid-blend));
     opacity: 0.9;
-    box-shadow: var(--shadow-1);
 
     &:where(.rt-high-contrast) {
       background-color: var(--accent-12);
@@ -668,31 +648,25 @@
   /* Soft variant pressed */
   &:where(.rt-variant-soft) {
     background-color: color-mix(in srgb, var(--accent-a5) calc(var(--material-alpha) * 100%), var(--accent-5) var(--material-blend));
-    box-shadow: var(--shadow-1);
   }
 
   /* Ghost variant pressed */
   &:where(.rt-variant-ghost) {
     background-color: color-mix(in srgb, var(--accent-a4) calc(var(--material-alpha) * 100%), var(--accent-4) var(--material-blend));
-    box-shadow: var(--shadow-1);
   }
 
   /* Outline variant pressed */
   &:where(.rt-variant-outline) {
     --outline-border-8: color-mix(in srgb, var(--accent-a8) calc(var(--material-alpha) * 100%), var(--accent-8) var(--material-blend));
     background-color: color-mix(in srgb, var(--accent-a3) calc(var(--material-alpha) * 100%), var(--accent-3) var(--material-blend));
-    box-shadow:
-      inset 0 0 0 1px var(--outline-border-8),
-      var(--shadow-1);
+    box-shadow: inset 0 0 0 1px var(--outline-border-8);
   }
 
   /* Surface variant pressed */
   &:where(.rt-variant-surface) {
     --surface-border-8: color-mix(in srgb, var(--accent-a8) calc(var(--material-alpha) * 100%), var(--accent-8) var(--material-blend));
     background-color: color-mix(in srgb, var(--accent-a4) calc(var(--material-alpha) * 100%), var(--accent-4) var(--material-blend));
-    box-shadow:
-      inset 0 0 0 1px var(--surface-border-8),
-      var(--shadow-1);
+    box-shadow: inset 0 0 0 1px var(--surface-border-8);
   }
 }
 

package/src/components/_internal/base-card.css

@@ -329,7 +329,6 @@
 
     &:where([data-state='open']) {
       transition-duration: 40ms;
-      box-shadow: var(--shadow-1);
 
       &::before {
         background-color: var(--gray-3);
@@ -346,8 +345,6 @@
     }
 
     &:where(:active:not([data-state='open'])) {
-      box-shadow: var(--shadow-1);
-
       &::before {
         background-color: var(--gray-3);
 

package/src/components/_internal/base-checkbox.css

@@ -170,7 +170,6 @@
   &:where([data-state='checked'], [data-state='indeterminate']) {
     &::before {
       background-color: var(--accent-3);
-      box-shadow: var(--shadow-1);
 
       /* Theme-level translucent override */
       :where([data-panel-background='translucent'], [data-material='translucent']) & {
@@ -219,7 +218,6 @@
     
     &::before {
       background-color: var(--accent-3);
-      box-shadow: var(--shadow-1);
 
       /* Theme-level translucent override for active */
       :where([data-panel-background='translucent'], [data-material='translucent']) & {