tailwindcss-jun-layout
Version:
A powerful Tailwind CSS plugin for building dynamic layouts with ease
28 lines • 36.1 kB
JavaScript
import y from"tailwindcss/plugin";var i={isDrawerOpen:"data-drawer-open",isDrawerClosing:"data-mobile-closing",isEdgeSidebarUncollapsed:"data-edge-uncollapsed",isEdgeSidebarCollapsed:"data-edge-collapsed",isEdgeSidebarContentHidden:"data-sidebar-hidden"},e={Root:"jun-layout",Header:"jun-header",Content:"jun-content",Footer:"jun-footer",EdgeSidebar:"jun-edgeSidebar",EdgeSidebarContent:"jun-edgeContent",EdgeSidebarCollapser:"jun-edgeCollapseTrigger",DrawerEdgeSidebarTrigger:"jun-edgeDrawerTrigger",DrawerEdgeSidebarClose:"jun-edgeDrawerClose",DrawerWithoutOverlay:"jun-edgeSidebar-drawer-withoutOverlay",DrawerOpenVisible:"jun-edgeDrawerOpen-visible",DrawerClosedVisible:"jun-edgeDrawerClosed-visible",EdgeSidebarCollapsedVisible:"jun-edgeCollapsed-visible",EdgeSidebarUncollapsedVisible:"jun-edgeUncollapsed-visible",EdgeSidebarRight:"jun-edgeSidebarR",EdgeSidebarRightCollapser:"jun-edgeCollapseTriggerR",DrawerEdgeSidebarRightTrigger:"jun-edgeDrawerTriggerR",InsetSidebar:"jun-insetSidebar",InsetAvoidingView:"jun-insetAvoidingView",InsetContent:"jun-insetContent",SidebarContainer:"jun-sidebarContainer",SidebarGroup:"jun-sidebarGroup",SidebarGroupLabel:"jun-sidebarGroupLabel",SidebarMenuItem:"jun-sidebarMenuItem",SidebarMenu:"jun-sidebarMenu",SidebarMenuButton:"jun-sidebarMenuButton",SidebarMenuAction:"jun-sidebarMenuAction",SidebarText:"jun-sidebarText",SidebarGroupText:"jun-sidebarGroupText",SidebarIcon:"jun-sidebarIcon",SidebarTooltip:"jun-sidebarTooltip",SidebarRail:"jun-sidebarRail",CollapsibleTrigger:"jun-collapsibleTrigger",CollapsibleContent:"jun-collapsibleContent",CollapsibleIcon:"jun-collapsibleIcon",Dock:"jun-dock",DockMenu:"jun-dockMenu",DockMenuItem:"jun-dockMenuItem",DockMenuButton:"jun-dockMenuButton",DockIndicator:"jun-dockIndicator",DockTooltip:"jun-dockTooltip"};function _(t){let{state:o,document:r,selector:n,event:s}=t||{},u=(r??document).querySelector(n);if(u){let g=window.getComputedStyle(s.target).getPropertyValue("--_sidebarCollapsed")==="1",$=o===void 0?!g:o,v=window.getComputedStyle(s.target).getPropertyValue("--_autoCollapse")==="1",b=window.getComputedStyle(s.target).getPropertyValue("--_in-autoCollapse")==="1";$?(u.removeAttribute(i.isEdgeSidebarUncollapsed),(!v||b)&&u.setAttribute(i.isEdgeSidebarCollapsed,"")):(u.removeAttribute(i.isEdgeSidebarCollapsed),b||u.setAttribute(i.isEdgeSidebarUncollapsed,""))}}function x(t){let{state:o,document:r,selector:n}=t||{},s=r??document,d=s.querySelector(n);if(d){let g=d.getAttribute(i.isDrawerOpen)!==null;if(o===void 0?!g:o){let v=function(b){let a=s.querySelector(`.${e.DrawerEdgeSidebarClose}`);(b.target===d||a&&a.contains(b.target))&&(x({...t,state:!1}),s.removeEventListener?.("click",v))};var u=v;d.setAttribute(i.isDrawerOpen,""),d.style.setProperty("--jun-ES-drawerOpen","1"),setTimeout(()=>{s.addEventListener?.("click",v)},0)}else d.removeAttribute(i.isDrawerOpen),d.setAttribute(i.isDrawerClosing,""),setTimeout(()=>{d.removeAttribute(i.isDrawerClosing)},300),d.style.setProperty("--jun-ES-drawerOpen","")}}function A(t){let{sidebarId:o}=t||{},r=`.${e.EdgeSidebar}`;o&&(r=`#${o}`),_({...t,selector:r})}function L(t){let{sidebarId:o}=t||{},r=`.${e.EdgeSidebar}`;o&&(r=`#${o}`),x({...t,selector:r})}function k(t){let{sidebarId:o}=t||{},r=`.${e.EdgeSidebarRight}`;o&&(r=`#${o}`),_({...t,selector:r})}function F(t){let{sidebarId:o}=t||{},r=`.${e.EdgeSidebarRight}`;o&&(r=`#${o}`),x({...t,selector:r})}var m=`.${e.EdgeSidebar}`,C=`.${e.Root} .${e.Root} .${e.EdgeSidebar}`,D=`.${e.EdgeSidebarRight}`,T=`.${e.Root} .${e.Root} .${e.EdgeSidebarRight}`,p=`.${e.EdgeSidebarCollapser}`,c=`.${e.EdgeSidebarRightCollapser}`,S=`.${e.DrawerEdgeSidebarTrigger}`,h=`.${e.DrawerEdgeSidebarRightTrigger}`,l=`.${e.Root} .${e.Root}`,w=`.${e.Root} .${e.Root} .${e.EdgeSidebarCollapser}`,R=`.${e.Root} .${e.Root} .${e.EdgeSidebarRightCollapser}`,f=`.${e.Root} .${e.Root} .${e.DrawerEdgeSidebarTrigger}`,j=`.${e.Root} .${e.Root} .${e.DrawerEdgeSidebarRightTrigger}`,H=y(function({addComponents:t,matchComponents:o,matchUtilities:r,theme:n}){let s="3rem",d="var(--sidebar-width, 16rem)",u="18rem";t({".custom-component-hey":{color:"red"}}),r({[e.Root]:()=>({"--jun-h":"calc(100svh - env(safe-area-inset-bottom))",[`:where(.${e.Root}) &`]:{"--jun-h":"100%"},"--jun-H-h":"0px","--jun-H-clip-h":"0px","--jun-ES-line-w":"1px","--jun-ES-line-color":n("colors.border")||"transparent","--jun-ISL-w":"0px","--jun-ISR-w":"0px","--drawer-pos":"fixed","--drawer-z":"999",minHeight:"var(--jun-h)",display:"grid",flex:"auto",position:"relative",transition:"var(--tsn, grid-template-columns 0.3s)",gridTemplateRows:"auto 1fr",gridTemplateColumns:"var(--_start-col, 0px) minmax(0, 1fr) var(--_end-col, 0px)",gridTemplateAreas:`
"${e.EdgeSidebar} ${e.Header} ${e.EdgeSidebarRight}"
"${e.EdgeSidebar} ${e.Content} ${e.EdgeSidebarRight}"
"${e.EdgeSidebar} ${e.Footer} ${e.EdgeSidebarRight}"
`,[`&:where(:has(>.${e.Header}))`]:{"--jun-H-h":s},[`&:has(>.${e.EdgeSidebar})`]:{"--_start-col":"max-content","--jun-ES-drawerOpen":"0"},[`&:has(>.${e.EdgeSidebarRight})`]:{"--_end-col":"max-content","--jun-ES-drawerOpen":"0"}})},{values:{DEFAULT:!0}}),o({[e.Root]:()=>({backgroundColor:n("colors.background")})},{values:{DEFAULT:!0}}),r({[`${e.Root}-standalone`]:()=>({"--drawer-pos":"absolute","--drawer-z":"5","--content-overflow":"auto","--jun-IC-absolute-h":"calc(var(--jun-h) - var(--jun-H-h))",maxHeight:"var(--jun-h)"}),[`${e.Root}-safeArea`]:()=>({paddingInline:"env(safe-area-inset-left) env(safe-area-inset-right)",paddingBottom:"env(safe-area-inset-bottom)",[`:where(.${e.Root}) &`]:{paddingInline:"initial",paddingBottom:"initial"}})},{values:{DEFAULT:!0}}),r({[`${e.Root}-h`]:a=>({"--jun-h":a})},{values:{DEFAULT:"100vh"}}),r({[`${e.Root}-noTransition`]:()=>({"--tsn":"none"})},{values:{DEFAULT:!0}}),r({[e.Header]:()=>({gridArea:e.Header,height:"var(--jun-H-h)"})},{values:{DEFAULT:!0}}),o({[e.Header]:()=>({alignContent:"center",display:"flex",alignItems:"center",zIndex:"1",top:"0",position:"sticky",background:n("colors.background"),borderBottom:`1px solid ${n("colors.border")}`})},{values:{DEFAULT:!0}}),r({[`${e.Header}-clip`]:a=>({zIndex:"3",[`.${e.Root}:has(>&)`]:{...a==="both"&&{gridTemplateAreas:`
"${e.Header} ${e.Header} ${e.Header}"
"${e.EdgeSidebar} ${e.Content} ${e.EdgeSidebarRight}"
"${e.EdgeSidebar} ${e.Footer} ${e.EdgeSidebarRight}"
`,"--jun-H-clip-h":"var(--jun-H-h)"},...a==="left"&&{gridTemplateAreas:`
"${e.Header} ${e.Header} ${e.EdgeSidebarRight}"
"${e.EdgeSidebar} ${e.Content} ${e.EdgeSidebarRight}"
"${e.EdgeSidebar} ${e.Footer} ${e.EdgeSidebarRight}"
`,[`& .${e.EdgeSidebar}`]:{"--jun-H-clip-h":"var(--jun-H-h)"}},...a==="right"&&{gridTemplateAreas:`
"${e.EdgeSidebar} ${e.Header} ${e.Header}"
"${e.EdgeSidebar} ${e.Content} ${e.EdgeSidebarRight}"
"${e.EdgeSidebar} ${e.Footer} ${e.EdgeSidebarRight}"
`,[`& .${e.EdgeSidebarRight}`]:{"--jun-H-clip-h":"var(--jun-H-h)"}}}})},{values:{DEFAULT:"both",left:"left",right:"right"}}),r({[`${e.Header}-h`]:a=>({height:a,[`.${e.Root}:has(>&)`]:{"--jun-H-h":a}})},{values:{DEFAULT:s}}),o({[e.Content]:()=>({"--_overflow":"var(--content-overflow)",overflow:"var(--_overflow)",[`&:has(.${e.InsetSidebar}-absolute)`]:{"--_overflow":"unset"}})},{values:{DEFAULT:!0}}),r({[e.Content]:()=>({gridArea:e.Content,minHeight:"0px"})},{values:{DEFAULT:!0}}),r({[e.Footer]:()=>({gridArea:e.Footer})},{values:{DEFAULT:!0}}),o({[e.Footer]:()=>({transition:"var(--tsn, all 225ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, color 0s)",background:n("colors.background"),borderTop:`1px solid ${n("colors.border")}`})},{values:{DEFAULT:!0}});let g={"--anchorLeft":"var(--jun-ES-anchor,)","--anchorRight":"var(--jun-ES-anchor,)","--drawer-h":"var(--jun-h)",transition:"var(--tsn, width 0.3s)",display:"flex",flexDirection:"column",padding:"0px",margin:"0px",position:"var(--_permanent, sticky)",top:"var(--_permanent, var(--jun-H-clip-h))",zIndex:"var(--_drawer, 2) var(--_permanent, 1)",height:"var(--_permanent, calc(var(--jun-h) - var(--jun-H-clip-h)))","&::before":{display:`var(--_drawer, block)
var(--_permanent, none)`,position:"absolute",content:'""',inset:"0",backgroundColor:"rgba(0, 0, 0, 0.48)",backdropFilter:"blur(4px)",zIndex:"1",transition:"var(--tsn, opacity 0.4s, visibility 0.4s)",visibility:"hidden",opacity:"var(--jun-ES-drawerOpen, 0)"},[`&[${i.isDrawerOpen}]`]:{"&::before":{visibility:"visible"}},[`html:has([${i.isDrawerOpen}]:not(.${e.DrawerWithoutOverlay}):not(.${e.Content} &))`]:{overflow:"hidden"},"&::after":{position:"absolute",content:'""',display:"block",width:"var(--_permanent, var(--jun-EC-width))",height:"var(--jun-H-clip-h)",top:"calc(-1 * var(--jun-H-clip-h))",left:"var(--anchorLeft, 0px) var(--anchorRight, unset)",right:"var(--anchorLeft, unset) var(--anchorRight, 0px)",border:"inherit"}};r({[e.EdgeSidebar]:()=>({...g,[`.${e.Root}:has(>&)`]:{"--jun-ES-variant":"var(--permanent)","--jun-ES-permanentWidth":d,"--jun-ES-collapsible":"var(--uncollapsed)","--jun-ES-collapsedWidth":"0px","--drawer":"var(--jun-ES-variant,)","--permanent":"var(--jun-ES-variant,)","--_permanentWidth":`var(--uncollapsed, var(--jun-ES-permanentWidth))
var(--collapsed, var(--jun-ES-collapsedWidth, 0px))`,"--collapsed":"var(--jun-ES-collapsible,)","--uncollapsed":"var(--jun-ES-collapsible,)",[`&:is(${l}) ${p}, ${p}:not(${w})`]:{display:"var(--display, inline-flex)","--_sidebarCollapsed":"var(--collapsed, 1)"},[`&:is(${l}) ${m}, ${m}:not(${C})`]:{[`.${e.EdgeSidebarUncollapsedVisible}`]:{display:"var(--collapsed, none) var(--uncollapsed, inline-flex)"},[`.${e.EdgeSidebarCollapsedVisible}`]:{display:"var(--collapsed, inline-flex) var(--uncollapsed, none)"}}},[`.${e.Root}:has(>&[${i.isEdgeSidebarCollapsed}])`]:{"--jun-ES-collapsible":"var(--collapsed)"},[`.${e.Root}:has(>&[${i.isEdgeSidebarUncollapsed}])`]:{"--jun-ES-collapsible":"var(--uncollapsed)"},[`.${e.Root}:has(>& [data-state="collapsed"])`]:{"--jun-ES-collapsible":"var(--collapsed)"},[`.${e.Root}:has(>& [data-collapsible="icon"])`]:{"--jun-ES-collapsedWidth":"var(--sidebar-width-icon)"},[`.${e.Root}:has(>& [data-collapsible="offcanvas"])`]:{"--jun-ES-collapsedWidth":"0px"},[`.${e.Root}:has(>&:empty), .${e.Root}:has(>& .${e.EdgeSidebarContent}:empty)`]:{"--jun-ES-permanentWidth":"0px"},"--jun-ES-anchor":"var(--anchorLeft)","--jun-EC-width":"var(--_permanentWidth, 0px)","--_drawer":"var(--drawer)","--_permanent":"var(--permanent)","--_collapsed":"var(--collapsed)","--_uncollapsed":"var(--uncollapsed)",gridArea:e.EdgeSidebar,width:`var(--drawer, 0)
var(--permanent, var(--_permanentWidth))`,[`&:not([${i.isDrawerOpen}], [${i.isDrawerClosing}])`]:{overflow:"var(--drawer, hidden)"}})},{values:{DEFAULT:!0}}),o({[e.EdgeSidebar]:()=>({boxShadow:"var(--jun-ES-line-w) 0px var(--jun-ES-line-color)"})},{values:{DEFAULT:!0}});let $="100px";o({[e.EdgeSidebarContent]:()=>({background:n("colors.sidebar.DEFAULT"),boxShadow:"var(--jun-EC-shadow)",display:"flex",flexDirection:"column",flex:"1",padding:"0px",overflowX:"auto"})},{values:{DEFAULT:!0}}),r({[e.EdgeSidebarContent]:()=>({"--jun-EC-delay":"0s",opacity:`var(--_drawer, var(--jun-ES-drawerOpen))
var(--_permanent, 1)`,visibility:"var(--_drawer, hidden) var(--_permanent, visible)",margin:"0px",position:"var(--_drawer, var(--drawer-pos)) var(--_permanent, relative)",zIndex:"2",width:"var(--_drawer, var(--jun-ES-drawerWidth)) var(--_permanent, var(--jun-EC-width))",height:"var(--_drawer, var(--drawer-h))",top:"var(--_drawer, calc(var(--jun-h) - var(--drawer-h)))",overflowY:"var(--_drawer, auto)",transition:`var(--tsn, var(--_drawer, opacity 0.3s, transform 0.3s)
var(--_permanent, opacity 0.4s, width 0.3s var(--jun-EC-delay, 0s), transform 0.3s var(--jun-EC-delay, 0s), box-shadow 0.3s var(--jun-EC-delay, 0s)))`,transform:`var(--_drawer, var(--anchorLeft, translateX(calc((1 - var(--jun-ES-drawerOpen)) * -100%))) var(--anchorRight, translateX(calc(var(--jun-ES-drawerOpen) * -100%))))
var(--_permanent, translateX(var(--jun-ES-permanentSlide, 0)))`,[`[${i.isEdgeSidebarContentHidden}] &`]:{visibility:"hidden",opacity:"0"},[`[${i.isDrawerOpen}] &, [${i.isDrawerClosing}] &`]:{visibility:"visible"},[`[${i.isDrawerClosing}] &`]:{transition:"var(--tsn, transform 0.3s, visibility 0.3s, opacity 0.3s)"}})},{values:{DEFAULT:!0}}),r({[e.EdgeSidebarCollapsedVisible]:()=>({boxSizing:"border-box"}),[e.EdgeSidebarUncollapsedVisible]:()=>({boxSizing:"border-box"}),[e.DrawerOpenVisible]:()=>({boxSizing:"border-box"}),[e.DrawerClosedVisible]:()=>({boxSizing:"border-box"})},{values:{DEFAULT:!0}}),r({[`${e.EdgeSidebar}-drawer`]:()=>({zIndex:"var(--_drawer, var(--drawer-z)) var(--_permanent, 1)","--jun-ES-drawerWidth":"0px","--_collapsed":"","--_uncollapsed":"var(--_)",[`.${e.Root}:has(>&)`]:{"--jun-ES-variant":"var(--drawer)",[`&:is(${l}) ${p}, ${p}:not(${w})`]:{display:"none"}},[`.${e.Root}:has(>&[${i.isDrawerOpen}])`]:{[`&:is(${l}) ${S}, ${S}:not(${f})`]:{[`.${e.DrawerClosedVisible}`]:{display:"none"}}},[`.${e.Root}:has(>&:not([${i.isDrawerOpen}]))`]:{[`&:is(${l}) ${S}, ${S}:not(${f})`]:{[`.${e.DrawerOpenVisible}`]:{display:"none"}}},[`&[${i.isDrawerOpen}], &[${i.isDrawerClosing}]`]:{"--jun-ES-drawerWidth":u}}),[`${e.EdgeSidebar}-drawer-showHeader`]:()=>({"--drawer-h":"calc(var(--jun-h) - var(--jun-H-h))","&::before":{top:"var(--jun-H-h)"}})},{values:{DEFAULT:!0}}),r({[`${e.EdgeSidebar}-drawer-withoutOverlay`]:()=>({"--drawer-h":"calc(var(--jun-h) - var(--jun-H-clip-h))","&::before":{display:"none"}})},{values:{DEFAULT:!0}}),r({[`${e.EdgeSidebar}-w`]:a=>({[`&[${i.isDrawerOpen}], &[${i.isDrawerClosing}]`]:{"--jun-ES-drawerWidth":a},[`.${e.Root}:has(>&)`]:{"--jun-ES-permanentWidth":a}}),[`${e.EdgeSidebar}-collapsed-w`]:a=>({[`.${e.Root}:has(>&)`]:{"--jun-ES-collapsedWidth":a}})},{values:{DEFAULT:u}}),r({[e.EdgeSidebar]:a=>({permanent:{"--jun-EC-shadow":"none","--jun-EC-width":"var(--_permanentWidth, 0px)","--_collapsed":"var(--collapsed)","--_uncollapsed":"var(--uncollapsed)",[`.${e.Root}:has(>&)`]:{"--jun-ES-variant":"var(--permanent)",[`&:is(${l}) ${p}, ${p}:not(${w})`]:{display:"var(--display, inline-flex)"},[`&:is(${l}) ${S}, ${S}:not(${f})`]:{display:"none"}}},"permanent-hidden":{[`.${e.Root}:has(>&)`]:{"--_permanentWidth":"0px"},[`& .${e.EdgeSidebarContent}`]:{visibility:"hidden"}},"permanent-visible":{[`.${e.Root}:has(>&)`]:{"--_permanentWidth":`var(--uncollapsed, var(--jun-ES-permanentWidth))
var(--collapsed, var(--jun-ES-collapsedWidth, 0px))`},[`& .${e.EdgeSidebarContent}`]:{visibility:"var(--_drawer, hidden) var(--_permanent, visible)"}},"permanent-hoverUncollapse":{[`&:has(.${e.EdgeSidebarContent}:hover)`]:{"--_collapsed":"","--_uncollapsed":"var(--_)"},[`& .${e.EdgeSidebarContent}:hover`]:{"--jun-EC-width":"var(--jun-ES-permanentWidth)","--jun-EC-delay":"0s","--jun-EC-shadow":"var(--_permanent, var(--collapsed, 0 0 10px rgba(0,0,0,0.1), var(--jun-ES-line-w) 0 var(--jun-ES-line-color)))"}}})[a]},{values:{permanent:"permanent","permanent-hidden":"permanent-hidden","permanent-visible":"permanent-visible","permanent-hoverUncollapse":"permanent-hoverUncollapse"}}),r({[`${e.EdgeSidebar}-permanent-hoverUncollapse-delay`]:a=>({[`& .${e.EdgeSidebarContent}:hover`]:{"--jun-EC-delay":a}})},{values:{DEFAULT:"0.3s"}}),r({[`${e.EdgeSidebar}-permanent-autoCollapse`]:a=>{let E={};return E={[`.${e.Root}:has(>&)`]:{[`&:is(${l}) ${p}, ${p}:not(${w})`]:{"--_autoCollapse":"1"}},[`@media (max-width:${a})`]:{[`.${e.Root}:has(>&)`]:{"--jun-ES-collapsible":"var(--collapsed)"}},[`@media (min-width:${a})`]:{[`.${e.Root}:has(>&):is(${l}) ${p}`]:{"--_in-autoCollapse":"1"},[`.${e.Root}:has(>&) ${p}:not(${w})`]:{"--_in-autoCollapse":"1"},[`.${e.Root}:has(>&)`]:{"--jun-ES-collapsible":"var(--uncollapsed)"}}},E}},{values:n("screens")}),o({[e.DrawerEdgeSidebarClose]:()=>({display:"var(--_drawer, flex) var(--_permanent, none)",visibility:"hidden",opacity:"0",transition:"var(--tsn, 0.3s)",top:"calc(0.875rem)",right:"var(--anchorLeft, 0.875rem)",left:"var(--anchorRight, 0.875rem)",zIndex:"2",position:"fixed",width:"40px",height:"40px",color:"white",cursor:"pointer",backgroundColor:"#999",borderRadius:"40px",alignItems:"center",justifyContent:"center",border:"none","& svg":{width:"1.5em",height:"1.5em"},[`[${i.isDrawerOpen}] &`]:{visibility:"visible",opacity:"1"}})},{values:{DEFAULT:!0}}),r({[e.EdgeSidebarCollapser]:()=>({"--collapser":"1"}),[e.DrawerEdgeSidebarTrigger]:()=>({"--drawer-trigger":"1"}),[e.EdgeSidebarRightCollapser]:()=>({"--collapserR":"1"}),[e.DrawerEdgeSidebarRightTrigger]:()=>({"--drawer-triggerR":"1"})},{values:{DEFAULT:!0}}),r({[e.EdgeSidebarRight]:()=>({...g,[`.${e.Root}:has(>&)`]:{"--jun-ESR-variant":"var(--permanent-R)","--jun-ESR-permanentWidth":d,"--jun-ESR-collapsible":"var(--uncollapsed-R)","--jun-ESR-collapsedWidth":"0px","--drawer-R":"var(--jun-ESR-variant,)","--permanent-R":"var(--jun-ESR-variant,)","--_permanentWidth-R":`var(--uncollapsed-R, var(--jun-ESR-permanentWidth))
var(--collapsed-R, var(--jun-ESR-collapsedWidth, 0px))`,"--collapsed-R":"var(--jun-ESR-collapsible,)","--uncollapsed-R":"var(--jun-ESR-collapsible,)",[`&:is(${l}) ${c}, ${c}:not(${R})`]:{display:"var(--display, inline-flex)","--_sidebarCollapsed":"var(--collapsed-R, 1)"},[`&:is(${l}) ${D}, ${D}:not(${T})`]:{[`.${e.EdgeSidebarUncollapsedVisible}`]:{display:"var(--collapsed-R, none) var(--uncollapsed-R, inline-flex)"},[`.${e.EdgeSidebarCollapsedVisible}`]:{display:"var(--collapsed-R, inline-flex) var(--uncollapsed-R, none)"}}},[`.${e.Root}:has(>&[${i.isEdgeSidebarCollapsed}])`]:{"--jun-ESR-collapsible":"var(--collapsed-R)"},[`.${e.Root}:has(>&[${i.isEdgeSidebarUncollapsed}])`]:{"--jun-ESR-collapsible":"var(--uncollapsed-R)"},[`.${e.Root}:has(>& [data-state="collapsed"])`]:{"--jun-ESR-collapsible":"var(--collapsed-R)"},[`.${e.Root}:has(>& [data-collapsible="icon"])`]:{"--jun-ESR-collapsedWidth":"var(--sidebar-width-icon)"},[`.${e.Root}:has(>& [data-collapsible="offcanvas"])`]:{"--jun-ESR-collapsedWidth":"0px"},[`.${e.Root}:has(>&:empty), .${e.Root}:has(>& .${e.EdgeSidebarContent}:empty)`]:{"--jun-ESR-permanentWidth":"0px"},"--jun-ES-anchor":"var(--anchorRight)","--jun-EC-width":"var(--_permanentWidth-R, 0px)","--_drawer":"var(--drawer-R)","--_permanent":"var(--permanent-R)","--_collapsed":"var(--collapsed-R)","--_uncollapsed":"var(--uncollapsed-R)",gridArea:e.EdgeSidebarRight,width:`var(--drawer-R, 0)
var(--permanent-R, var(--_permanentWidth-R))`,[`&:not([${i.isDrawerOpen}], [${i.isDrawerClosing}])`]:{overflow:"var(--drawer-R, hidden)"}})},{values:{DEFAULT:!0}}),o({[e.EdgeSidebarRight]:()=>({boxShadow:"calc(-1 * var(--jun-ES-line-w)) 0px var(--jun-ES-line-color)"})},{values:{DEFAULT:!0}}),r({[`${e.EdgeSidebarRight}-drawer`]:()=>({zIndex:"var(--_drawer, var(--drawer-z)) var(--_permanent, 1)","--jun-ES-drawerWidth":"0px","--_collapsed":"","--_uncollapsed":"var(--_)",[`.${e.Root}:has(>&)`]:{"--jun-ESR-variant":"var(--drawer-R)",[`&:is(${l}) ${c}, ${c}:not(${R})`]:{display:"none"}},[`.${e.Root}:has(>&[${i.isDrawerOpen}])`]:{[`&:is(${l}) ${h}, ${h}:not(${j})`]:{[`.${e.DrawerClosedVisible}`]:{display:"none"}}},[`.${e.Root}:has(>&:not([${i.isDrawerOpen}]))`]:{[`&:is(${l}) ${h}, ${h}:not(${j})`]:{[`.${e.DrawerOpenVisible}`]:{display:"none"}}},[`&[${i.isDrawerOpen}], &[${i.isDrawerClosing}]`]:{"--jun-ES-drawerWidth":u}}),[`${e.EdgeSidebarRight}-drawer-showHeader`]:()=>({"--drawer-h":"calc(var(--jun-h) - var(--jun-H-h))","&::before":{top:"var(--jun-H-h)"}})},{values:{DEFAULT:!0}}),r({[`${e.EdgeSidebarRight}-drawer-withoutOverlay`]:()=>({"--drawer-h":"calc(var(--jun-h) - var(--jun-H-clip-h))","&::before":{display:"none"}})},{values:{DEFAULT:!0}}),r({[`${e.EdgeSidebarRight}-w`]:a=>({[`&[${i.isDrawerOpen}], &[${i.isDrawerClosing}]`]:{"--jun-ES-drawerWidth":a},[`.${e.Root}:has(>&)`]:{"--jun-ESR-permanentWidth":a}}),[`${e.EdgeSidebarRight}-collapsed-w`]:a=>({[`.${e.Root}:has(>&)`]:{"--jun-ESR-collapsedWidth":a}})},{values:{DEFAULT:u}}),r({[e.EdgeSidebarRight]:a=>({permanent:{"--jun-EC-shadow":"none","--jun-EC-width":"var(--_permanentWidth-R, 0px)","--_collapsed":"var(--collapsed-R)","--_uncollapsed":"var(--uncollapsed-R)",[`.${e.Root}:has(>&)`]:{"--jun-ESR-variant":"var(--permanent-R)",[`&:is(${l}) ${c}, ${c}:not(${R})`]:{display:"var(--display, inline-flex)"},[`&:is(${l}) ${h}, ${h}:not(${j})`]:{display:"none"}}},"permanent-hidden":{[`.${e.Root}:has(>&)`]:{"--_permanentWidth-R":"0px"},[`& .${e.EdgeSidebarContent}`]:{visibility:"hidden"}},"permanent-visible":{[`.${e.Root}:has(>&)`]:{"--_permanentWidth-R":`var(--uncollapsed-R, var(--jun-ESR-permanentWidth))
var(--collapsed-R, var(--jun-ESR-collapsedWidth, 0px))`},[`& .${e.EdgeSidebarContent}`]:{visibility:"var(--_drawer, hidden) var(--_permanent, visible)"}},"permanent-hoverUncollapse":{[`&:has(.${e.EdgeSidebarContent}:hover)`]:{"--_collapsed":"","--_uncollapsed":"var(--_)"},[`& .${e.EdgeSidebarContent}:hover`]:{"--jun-EC-width":"var(--jun-ESR-permanentWidth)","--jun-EC-delay":"0s","--jun-EC-shadow":"var(--collapsed-R, 0 0 10px rgba(0,0,0,0.1), var(--jun-ES-line-w) 0 var(--jun-ESR-sidelineColor))"}}})[a]},{values:{permanent:"permanent","permanent-hidden":"permanent-hidden","permanent-visible":"permanent-visible","permanent-hoverUncollapse":"permanent-hoverUncollapse"}}),r({[`${e.EdgeSidebarRight}-permanent-hoverUncollapse-delay`]:a=>({[`& .${e.EdgeSidebarContent}:hover`]:{"--jun-EC-delay":a}})},{values:{DEFAULT:"0.3s"}}),r({[`${e.EdgeSidebarRight}-permanent-autoCollapse`]:a=>{let E={};return E={[`.${e.Root}:has(>&)`]:{[`&:is(${l}) ${c}, ${c}:not(${R})`]:{"--_autoCollapse":"1"}},[`@media (max-width:${a})`]:{[`.${e.Root}:has(>&)`]:{"--jun-ESR-collapsible":"var(--collapsed-R)"}},[`@media (min-width:${a})`]:{[`.${e.Root}:has(>&):is(${l}) ${c}`]:{"--_in-autoCollapse":"1"},[`.${e.Root}:has(>&) ${c}:not(${R})`]:{"--_in-autoCollapse":"1"},[`.${e.Root}:has(>&)`]:{"--jun-ESR-collapsible":"var(--uncollapsed-R)"}}},E}},{values:n("screens")}),r({[e.InsetContent]:()=>({boxSizing:"var(--fixed, content-box) var(--absolute, border-box)",position:"var(--fixed, fixed) var(--absolute, absolute)",height:"var(--fixed, calc(100% - var(--jun-H-h, 0px))) var(--absolute, var(--jun-IC-absolute-h, 100%))",width:"var(--fixed, inherit) var(--absolute, 100%)",top:"0px",marginLeft:"var(--fixed, var(--anchor-left, -9999px)) var(--absolute, initial)",paddingLeft:"var(--fixed, var(--anchor-left, 9999px)) var(--absolute, initial)",marginRight:"var(--fixed, var(--anchor-right, -9999px)) var(--absolute, initial)",paddingRight:"var(--fixed, var(--anchor-right, 9999px)) var(--absolute, initial)",marginTop:"var(--fixed, var(--jun-H-h))"})},{values:{DEFAULT:!0}}),o({[e.InsetContent]:()=>({display:"flex",flexDirection:"column",backgroundColor:"inherit",overflow:"auto"})},{values:{DEFAULT:!0}}),r({[e.InsetAvoidingView]:()=>({marginRight:"var(--jun-ISR-w)",marginLeft:"var(--jun-ISL-w)"})},{values:{DEFAULT:!0}});let v={position:"sticky",height:"var(--sticky, calc(var(--jun-h) - var(--jun-H-h)))",overflow:"var(--sticky, auto)",top:"var(--sticky, var(--jun-H-h))"};r({[e.InsetSidebar]:()=>({"*:has(>&)":{display:"flex",flexFlow:"row nowrap !important",flexGrow:"1 !important",[`&:not(.${e.Content})`]:{height:"100%"}},[`*:has(>&) > :where(:not([class*="${e.InsetSidebar}"]))`]:{flexGrow:"1 !important",overflow:"auto"},"--jun-IS-position":"var(--sticky,)","--fixed":"var(--jun-IS-position,)","--absolute":"var(--jun-IS-position,)","--sticky":"var(--jun-IS-position,)","--anchor-right":"var(--jun-IS-anchor,)","--anchor-left":"var(--jun-IS-anchor,)",...v,flex:"none","&:first-child":{"--jun-IS-anchor":"var(--anchor-left)"},"&:last-child":{"--jun-IS-anchor":"var(--anchor-right)"}})},{values:{DEFAULT:!0}}),r({[e.InsetSidebar]:a=>({"--jun-IS-position":`var(--${a},)`,...a==="sticky"&&v,...(a==="absolute"||a==="fixed")&&{position:"relative",flexShrink:"0",zIndex:"1"}})},{values:{fixed:"fixed",absolute:"absolute",sticky:"sticky"}}),r({[`${e.InsetSidebar}-w`]:a=>({width:a,[`.${e.Root}:has(> .${e.Content} > &:first-child) > .${e.Footer}`]:{"--jun-ISL-w":a},[`.${e.Root}:has(> .${e.Content} > * > &:first-child) > .${e.Footer}`]:{"--jun-ISL-w":a},[`.${e.Root}:has(> .${e.Content} > &:last-child) > .${e.Footer}`]:{"--jun-ISR-w":a},[`.${e.Root}:has(> .${e.Content} > * > &:last-child) > .${e.Footer}`]:{"--jun-ISR-w":a}})},{values:{DEFAULT:"220px"}}),r({[`${e.SidebarContainer}`]:()=>({containerType:"inline-size",display:"flex",flexDirection:"column",[`&:not([class*=${e.SidebarContainer}-shrink])`]:{"--_collapsed":"var(--_)","--_uncollapsed":"","& > *":{[`@container (min-width: ${$})`]:{"--_collapsed":"","--_uncollapsed":"var(--_)"}}}}),[`${e.SidebarContainer}-shrink`]:a=>({"--_collapsed":"var(--_)","--_uncollapsed":"","& > *":{[`@container (min-width: ${a})`]:{"--_collapsed":"","--_uncollapsed":"var(--_)"}}})},{values:{DEFAULT:$}}),o({[e.SidebarRail]:()=>({"--indicator-w":"2px","--touch-size":"20px","--offset":"calc(-1 * (var(--indicator-w)/2 + var(--touch-size)/2))",position:"absolute",top:"0",bottom:"0",right:"var(--anchorLeft, var(--offset)) var(--anchorRight, unset)",left:"var(--anchorLeft, unset) var(--anchorRight, var(--offset))",zIndex:"20",width:"var(--touch-size)",textAlign:"center",cursor:"var(--_collapsed, e-resize) var(--_uncollapsed, w-resize)",display:"inline-flex",justifyContent:"center","&::after":{content:'""',width:"var(--indicator-w)",height:"100%",display:"block"},"&:hover":{"&::after":{background:n("colors.sidebar.border")}}})},{values:{DEFAULT:!0}}),o({[e.SidebarGroup]:()=>({display:"flex",flexDirection:"column",padding:n("spacing.2")})},{values:{DEFAULT:!0}}),o({[e.SidebarGroupLabel]:()=>({position:"relative",textOverflow:"ellipsis",transition:"var(--tsn, var(--_uncollapsed, opacity 0.4s))",opacity:"var(--_collapsed, 0) var(--_uncollapsed, 1)",whiteSpace:"nowrap",overflow:"hidden",fontSize:"var(--item-fs, 0.75rem)",lineHeight:"var(--item-lh, 1.25rem)",minHeight:"var(--item-h, 2rem)",display:"flex",alignItems:"center",color:n("colors.sidebar.foreground"),paddingInline:"var(--item-px, 0.5rem)",paddingBlock:"var(--item-py, 0.25rem)"})},{values:{DEFAULT:!0}}),o({[e.SidebarMenu]:()=>({display:"flex",flexDirection:"column",gap:"0.25rem"}),[`${e.SidebarMenu}-relaxed`]:()=>({gap:"0.5rem","--item-gap":"0.75rem","--item-h":"2.5rem","--item-fs":"1rem","--item-lh":"1.5rem","--item-px":"0.75rem","--item-py":"0.5rem","--action-size":"2rem","--icon-size":"1.25rem"})},{values:{DEFAULT:!0}}),o({[`${e.SidebarMenu}-nested`]:()=>({"--item-py":"0px","--item-h":"calc(var(--item-lh, 1.25rem) + 0.5rem)",paddingBlock:"0.25rem",position:"relative",marginLeft:"calc(var(--icon-w, 1rem) + 2*var(--item-gap, 0.5rem) - 0.5rem)","&::before":{content:'""',display:"block",position:"absolute",width:"1px",top:"2px",bottom:"2px",left:"calc(var(--icon-w, 1rem)/-2 - var(--item-gap, 0.5rem) + 0.5rem)",background:n("colors.sidebar.border")}}),[`${e.SidebarMenu}-nested-noLine`]:()=>({"&::before":{display:"none"}})},{values:{DEFAULT:!0}}),o({[e.SidebarMenuItem]:()=>({display:"flex",flexDirection:"column",position:"relative"})},{values:{DEFAULT:!0}}),o({[e.SidebarMenuButton]:()=>({minWidth:"0",textAlign:"left",alignItems:"center",flex:"1",fontSize:"var(--item-fs, 0.875rem)",lineHeight:"var(--item-lh, 1.25rem)",minHeight:"var(--item-h, 2rem)",borderRadius:n("borderRadius.sm"),color:n("colors.sidebar.foreground"),cursor:"pointer",transition:"var(--tsn, min-height var(--_collapsed, 0.2s) var(--_uncollapsed, 0.3s), padding var(--_collapsed, 0.2s) var(--_uncollapsed, 0.3s), gap var(--_collapsed, 0s 0.4s) var(--_uncollapsed, 0s))","&:hover":{color:n("colors.sidebar.accent-foreground"),background:n("colors.sidebar.accent")}})},{values:{DEFAULT:!0}}),o({[`${e.SidebarMenuButton}-active`]:()=>({color:n("colors.sidebar.accent-foreground"),background:n("colors.sidebar.accent")})},{values:{DEFAULT:!0}}),r({[e.SidebarMenuButton]:()=>({"--item-gap":"var(--_collapsed, 0px) var(--_uncollapsed, 0.5rem)",display:"flex",gap:"var(--item-gap)",paddingInline:"var(--_collapsed, var(--shrink-px, var(--item-px, 0.5rem))) var(--_uncollapsed, var(--item-px, 0.5rem))",paddingBlock:"var(--_collapsed, var(--shrink-py, var(--item-py, 0.375rem))) var(--_uncollapsed, var(--item-py, 0.375rem))",[`&:has(> .${e.SidebarIcon})`]:{gridTemplateColumns:"var(--_collapsed, auto 0px) var(--_uncollapsed, auto 1fr)"}})},{values:{DEFAULT:!0}}),r({[`${e.SidebarMenuButton}-spacing`]:a=>({"--item-gap":`var(--_collapsed, 0px) var(--_uncollapsed, ${a})`,"--item-px":a,"--item-py":a,[`.${e.SidebarMenuItem}:has(> &)`]:{"--item-gap":`var(--_collapsed, 0px) var(--_uncollapsed, ${a})`}})},{values:n("spacing")}),r({[`${e.SidebarMenuButton}-shrink-spacing`]:a=>({"--shrink-px":a,"--shrink-py":a})},{values:n("spacing")}),r({[`${e.SidebarMenuButton}-h`]:a=>({"--item-h":a,[`.${e.SidebarMenuItem}:has(> &)`]:{"--item-h":a}})},{values:n("spacing")}),r({[`${e.SidebarMenuButton}-gap`]:a=>({"--item-gap":a,[`.${e.SidebarMenuItem}:has(> &)`]:{"--item-gap":a}})},{values:n("spacing")}),r({[`${e.SidebarMenuButton}-shrink-h`]:a=>({minHeight:`var(--_collapsed, ${a}) var(--_uncollapsed, var(--item-h, 2rem))`})},{values:n("spacing")}),r({[`${e.SidebarMenuButton}-offset`]:a=>({marginLeft:`calc(-${a} * var(--icon-w, 1rem) + var(--item-gap))`,paddingLeft:`calc(${a} * var(--icon-w, 1rem))`})},{values:{".25":".25",".5":".5",".75":".75",1:"1"}}),o({[e.SidebarText]:()=>({textOverflow:"ellipsis",transition:"var(--tsn, var(--_uncollapsed, opacity 0.3s))"})},{values:{DEFAULT:!0}}),r({[e.SidebarText]:()=>({flex:"var(--_collapsed, 0) var(--_uncollapsed, 1)",opacity:"var(--_collapsed, 0) var(--_uncollapsed, 1)",whiteSpace:"nowrap",overflow:"hidden"})},{values:{DEFAULT:!0}}),o({[e.SidebarGroupText]:()=>({transition:"var(--tsn, grid-template-rows 0.4s, opacity 0.4s var(--_uncollapsed, 0.2s))",opacity:"var(--_collapsed, 0) var(--_uncollapsed, 1)"})},{values:{DEFAULT:!0}}),r({[e.SidebarGroupText]:()=>({display:"grid",whiteSpace:"nowrap",gridTemplateRows:"var(--_collapsed, 0fr) var(--_uncollapsed, 1fr)","& > *":{overflow:"hidden"}}),[`${e.SidebarGroupText}-hidden`]:()=>({gridTemplateRows:"0fr"})},{values:{DEFAULT:!0}}),o({[e.SidebarMenuAction]:()=>({position:"absolute",right:"var(--_collapsed, -100%) var(--_uncollapsed, 0.25rem)",width:"var(--action-size, 1.5rem)",height:"var(--action-size, 1.5rem)",display:"inline-flex",visibility:"var(--_collapsed, hidden) var(--_uncollapsed, visible)",justifyContent:"center",alignItems:"center",top:"calc(var(--item-h, 2rem)/2 - var(--action-size, 1.5rem)/2)",color:n("colors.sidebar.foreground"),transition:"var(--tsn, right 0.4s)",borderRadius:n("borderRadius.sm"),"&:hover":{background:n("colors.sidebar.accent")},"& svg":{width:"var(--icon-size, 1rem)",height:"var(--icon-size, 1rem)"},"&:has(+ &)":{right:"var(--_collapsed, -100%) var(--_uncollapsed, calc(var(--action-size, 1.5rem) + 0.25rem))"}})},{values:{DEFAULT:!0}}),o({[`${e.SidebarMenuAction}-size`]:a=>({"--action-size":a})},{values:n("spacing")}),o({[`${e.SidebarMenuAction}-hoverAppear`]:()=>({opacity:"0","&:hover, &:focus-visible":{opacity:"1"},[`.${e.SidebarMenuButton}:hover ~ &, .${e.SidebarGroupLabel} > &`]:{opacity:"1"}})},{values:{DEFAULT:!0}}),o({[e.SidebarIcon]:()=>({height:"var(--icon-size, 1rem)",width:"var(--icon-size, 1rem)",transition:"var(--tsn, cubic-bezier(0.4, 0, 0.2, 1) 0.15s)",flex:"none"})},{values:{DEFAULT:!0}}),r({[`${e.SidebarIcon}-size`]:a=>({"--icon-size":a,height:a,width:a,[`.${e.SidebarMenuItem}:has(&)`]:{"--icon-w":a}})},{values:n("spacing")}),r({[`${e.SidebarIcon}-min-w`]:a=>({minWidth:a,[`.${e.SidebarMenuItem}:has(&)`]:{"--icon-w":a}})},{values:n("spacing")}),r({[`${e.SidebarIcon}-shrink-size`]:a=>({width:`var(--_collapsed, ${a}) var(--_uncollapsed, var(--icon-size, 1rem))`,height:`var(--_collapsed, ${a}) var(--_uncollapsed, var(--icon-size, 1rem))`})},{values:n("spacing")}),r({[e.SidebarTooltip]:()=>({display:"var(--_collapsed, block) var(--_uncollapsed, none)"})},{values:{DEFAULT:!0}}),o({[e.CollapsibleTrigger]:()=>({userSelect:"none","&:has(input:focus-visible)":{outline:`2px solid ${n("colors.sidebar.ring")}`}})},{values:{DEFAULT:!0}}),o({[e.CollapsibleContent]:()=>({display:"grid","& > *":{overflow:"hidden"},":has(:checked) ~ &":{transition:"var(--tsn, grid-template-rows 0.4s, visibility 0.4s, opacity 0.4s 0.2s)",gridTemplateRows:"var(--_collapsed, 0fr) var(--_uncollapsed, 1fr)",[`& .${e.SidebarMenuButton}`]:{visibility:"var(--_collapsed, hidden)"}},"label:not(:has(:checked)) ~ &":{gridTemplateRows:"0fr",visibility:"hidden",opacity:"0",transition:"var(--tsn, grid-template-rows 0.4s, visibility 0.4s, opacity 0.2s)",[`& .${e.SidebarMenuAction}`]:{visibility:"hidden"}}})},{values:{DEFAULT:!0}}),o({[e.CollapsibleIcon]:()=>({flex:"none",position:"absolute",right:"var(--item-px, 0.5rem)",transition:"var(--tsn, transform cubic-bezier(0.4, 0, 0.2, 1) 0.15s, visibility 0s var(--_uncollapsed, 0.1s))",visibility:"var(--_collapsed, hidden)",[`:where(.${e.SidebarMenuAction}) &`]:{position:"unset",right:"unset"}})},{values:{DEFAULT:!0}}),o({[`${e.CollapsibleIcon}-rotate`]:a=>({"label:has(:checked) &":{transform:`rotate(-${a})`}})},{values:{45:"45deg",180:"180deg"}}),o({[e.Dock]:()=>({position:"fixed",bottom:"0",width:"100%",zIndex:"999",display:"flex",justifyContent:"center",alignItems:"center",background:n("colors.background"),borderTop:"1px solid",borderColor:n("colors.border"),boxShadow:n("boxShadow.md"),paddingBottom:"env(safe-area-inset-bottom)",[`:where(.${e.Root}-standalone) &`]:{position:"absolute"}}),[`${e.Dock}-float`]:()=>({width:"fit-content",maxWidth:`calc(100vw - ${n("spacing.2")})`,left:"50%",borderRadius:n("borderRadius.xl"),borderWidth:"1px",borderStyle:"solid",transform:`translate(-50%, calc(-1 * max(env(safe-area-inset-bottom), ${n("spacing.3")})))`,paddingBottom:"0px"}),[e.DockMenu]:()=>({display:"flex",flex:"1",paddingInline:n("spacing.2")}),[e.DockMenuItem]:()=>({flex:"1",display:"flex"}),[e.DockMenuButton]:()=>({flex:"1",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",position:"relative",color:n("colors.sidebar.foreground"),padding:n("spacing.2"),rowGap:"2px",fontSize:n("fontSize.xs"),lineHeight:n("lineHeight.xs"),transition:"var(--tsn, 0.15s cubic-bezier(0.4, 0, 0.2, 1))",userSelect:"none","&:where(:hover)":{color:n("colors.sidebar.accent-foreground")},[`&:where(.${e.DockMenuButton}-row)`]:{fontSize:n("fontSize.sm"),lineHeight:n("lineHeight.sm")},[`&:where(:has(.${e.DockIndicator}))`]:{paddingBlock:"6px 10px"}}),[`${e.DockMenuButton}-row`]:()=>({flexDirection:"row",columnGap:n("spacing.1")}),[e.DockIndicator]:()=>({"--size":"4px",width:"var(--size)",height:"var(--size)",borderRadius:"var(--size)",position:"absolute",bottom:"7%",left:"calc(50% - var(--size)/2)",background:n("colors.muted.foreground")})},{values:{DEFAULT:!0}});let b={pointerEvents:"none",position:"absolute",zIndex:"50",overflow:"hidden",borderRadius:n("borderRadius.md"),background:n("colors.primary.DEFAULT"),paddingInline:n("spacing.2"),paddingBlock:n("spacing.1"),fontSize:n("fontSize.xs"),lineHeight:n("lineHeight.xs"),color:n("colors.primary.foreground"),transform:"translateY(-100%)",top:`calc(-1 * ${n("spacing.1")})`,opacity:"var(--active, 0)"};o({[e.DockTooltip]:()=>({...b,"@media (hover: hover)":{[`:where(.${e.DockMenuButton}:hover) &`]:{"--active":"1"}},[`:where(.${e.DockMenuButton}:focus-visible) &`]:{"--active":"1"}}),[`${e.DockTooltip}-noIndicator`]:()=>({[`.${e.DockMenuButton}:has(.${e.DockIndicator}) &`]:{display:"contents",color:"inherit",fontSize:"inherit",lineHeight:"inherit"}}),[`${e.DockTooltip}-hasIndicator`]:()=>({[`.${e.DockMenuButton}:not(:has(.${e.DockIndicator})) &`]:{display:"contents",color:"inherit",fontSize:"inherit",lineHeight:"inherit"}})},{values:{DEFAULT:!0}})});export{H as default,A as triggerEdgeCollapse,k as triggerEdgeCollapseRight,L as triggerEdgeDrawer,F as triggerEdgeDrawerRight};
//# sourceMappingURL=index.js.map