admin-ui-starter-kit 0.6.9 → 0.7.0

package/dist/showcase/assets/mention-inline-suggestions-Chbuzkb7.js

@@ -0,0 +1 @@
+import{o as e,p as t}from"./section-DLqBJGPH.js";import{Er as n,r}from"./example-DDhaO2UY.js";import{N as i,d as a,n as o}from"./index-DSBghWdd.js";import{t as s}from"./popover-DCfeA2ZY.js";import{i as c}from"./command-BXhyoNX1.js";import{a as l,i as u,n as d,r as f,t as p}from"./command-DNHjxTyl.js";var m=a(),h={primary:`secondary`,success:`success`,warning:`warning`,destructive:`destructive`,info:`info`,secondary:`secondary`},g=({mention:t,resource:n,asLink:r=!0,onClick:i,trailing:a,className:s})=>{if(n?.renderChip)return(0,m.jsx)(m.Fragment,{children:n.renderChip(t)});let c=h[n?.tone??`secondary`]??h.secondary,l=n?.icon,u=(0,m.jsxs)(e,{variant:c,inline:!0,"data-ref-id":t.id,"data-ref-kind":t.kind,className:o(`mention-chip--component`,`align-[-0.15em] cursor-default whitespace-nowrap`,s),children:[l?(0,m.jsx)(l,{className:`size-3 shrink-0`,"aria-hidden":!0}):null,(0,m.jsx)(`span`,{className:`truncate max-w-[14rem]`,children:t.label}),a]});return r&&t.href?(0,m.jsx)(`a`,{href:t.href,target:`_blank`,rel:`noreferrer noopener`,onClick:i,className:`inline align-baseline no-underline hover:opacity-90`,children:u}):i?(0,m.jsx)(`span`,{onClick:i,className:`inline align-baseline`,children:u}):u},_={title:`Insert reference`,searchPlaceholder:`Search…`,empty:`No matches.`,loading:`Searching…`},v={title:`Insert reference`,empty:`No matches.`,loading:`Searching…`};function y({open:e,activeKind:a,setActiveKind:h,kinds:g,resources:v,query:y,setQuery:b,suggestions:x,isLoading:S,onSelect:C,strings:w,className:T}){let E=i(_,w);return e?(0,m.jsxs)(s,{align:`start`,className:o(`mention-picker--component`,`w-72 overflow-hidden p-0`,T),children:[(0,m.jsxs)(`div`,{className:`border-b border-border/60 px-3 py-2`,children:[(0,m.jsx)(t,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:E.title}),g.length>1&&(0,m.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1`,children:g.map(e=>{let t=v?.[e],n=t?.icon,i=e===a;return(0,m.jsxs)(r,{type:`button`,variant:i?`primary`:`secondary`,buttonStyle:i?`solid`:`ghost`,size:`small`,onClick:()=>h(e),className:o(`h-auto gap-1 rounded px-1.5 py-0.5 text-xs font-medium ring-1 ring-inset transition-colors`,i?`bg-primary text-primary-foreground ring-primary`:`bg-muted text-muted-foreground ring-border/60 hover:bg-muted/80`),children:[n?(0,m.jsx)(n,{className:`size-3`}):null,(0,m.jsx)(`span`,{children:t?.label??String(e)})]},e)})})]}),(0,m.jsxs)(p,{shouldFilter:!1,children:[(0,m.jsx)(c,{placeholder:E.searchPlaceholder,value:y,onValueChange:b}),(0,m.jsxs)(l,{children:[S?(0,m.jsxs)(`div`,{className:`text-muted-foreground flex items-center justify-center gap-2 py-3`,children:[(0,m.jsx)(n,{className:`size-3.5 animate-spin`,"aria-hidden":!0}),(0,m.jsx)(t,{tag:`span`,size:`xs`,type:`secondary`,children:E.loading})]}):null,(0,m.jsx)(d,{children:E.empty}),(0,m.jsx)(f,{children:x.map(e=>{let n=e.kind??a??``;return(0,m.jsx)(u,{value:`${n}:${e.id}`,onSelect:()=>C(e),children:(0,m.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col leading-tight`,children:[(0,m.jsx)(t,{tag:`span`,size:`xs`,weight:`medium`,className:`truncate`,children:e.label}),e.description?(0,m.jsx)(t,{tag:`span`,size:`xs`,type:`secondary`,className:`mt-0.5 truncate`,children:e.description}):null]})},`${n}:${e.id}`)})})]})]})]}):null}function b({open:e,activeKind:a,setActiveKind:s,kinds:c,resources:l,suggestionsByKind:u,suggestions:d,isLoading:f,query:p,onManualKindChange:h,onSelect:g,strings:_,className:y}){let b=i(v,_);return e?(0,m.jsxs)(`div`,{onMouseDown:e=>e.preventDefault(),className:o(`mention-inline-suggestions--component`,`bg-popover text-popover-foreground absolute left-0 top-full z-40 mt-1 w-80 max-w-[min(theme(spacing.96),100%)]`,`border-border/60 rounded-md border shadow-md ring-1 ring-foreground/[0.04]`,`overflow-hidden`,y),children:[(0,m.jsxs)(`div`,{className:`border-b border-border/60 px-3 py-2`,children:[(0,m.jsxs)(`div`,{className:`flex items-baseline justify-between gap-2`,children:[(0,m.jsx)(t,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:b.title}),p?(0,m.jsxs)(t,{tag:`span`,size:`xs`,type:`secondary`,className:`truncate font-mono`,children:[`“`,p,`”`]}):null]}),c.length>1&&(0,m.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1`,children:c.map(e=>{let t=l?.[e],n=t?.icon,i=e===a,c=u?.[e]?.length??0;return(0,m.jsxs)(r,{type:`button`,variant:i?`primary`:`secondary`,buttonStyle:i?`solid`:`ghost`,size:`small`,onClick:()=>{s(e),h?.()},className:o(`h-auto gap-1 rounded px-1.5 py-0.5 text-xs font-medium ring-1 ring-inset transition-colors`,i?`bg-primary text-primary-foreground ring-primary`:c>0?`bg-muted text-foreground ring-border/60 hover:bg-muted/80`:`bg-muted/40 text-muted-foreground ring-border/40 hover:bg-muted/60`),children:[n?(0,m.jsx)(n,{className:`size-3`}):null,(0,m.jsx)(`span`,{children:t?.label??String(e)}),c>0&&(0,m.jsx)(`span`,{className:o(`tabular-nums`,i?`opacity-90`:`opacity-70`),children:c})]},e)})})]}),(0,m.jsxs)(`div`,{className:`max-h-72 overflow-y-auto py-1`,...d.length>0?{role:`listbox`,"aria-label":b.title}:{},children:[f?(0,m.jsxs)(`div`,{className:`text-muted-foreground flex items-center justify-center gap-2 py-3`,children:[(0,m.jsx)(n,{className:`size-3.5 animate-spin`,"aria-hidden":!0}),(0,m.jsx)(t,{tag:`span`,size:`xs`,type:`secondary`,children:b.loading})]}):null,!f&&d.length===0?(0,m.jsx)(`div`,{className:`px-3 py-3`,children:(0,m.jsx)(t,{size:`xs`,type:`secondary`,children:b.empty})}):null,d.map(e=>{let n=e.kind??a??``;return(0,m.jsx)(r,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`default`,role:`option`,"data-ref-id":`${n}:${e.id}`,onClick:()=>g(e),className:o(`h-auto w-full min-w-0 justify-start gap-2 rounded-none px-3 py-1.5 text-left`,`hover:bg-muted/60 focus-visible:bg-muted/60 transition-colors`),children:(0,m.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col leading-tight`,children:[(0,m.jsx)(t,{tag:`span`,size:`xs`,weight:`medium`,className:`truncate`,children:e.label}),e.description?(0,m.jsx)(t,{tag:`span`,size:`xs`,type:`secondary`,className:`mt-0.5 truncate`,children:e.description}):null]})},`${n}:${e.id}`)})]})]}):null}export{y as n,g as r,b as t};

package/dist/showcase/assets/mentions-syVuen0M.js

@@ -0,0 +1,138 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,o as i,p as a,t as o}from"./section-DLqBJGPH.js";import{t as s}from"./calendar-days-O55Ncg5j.js";import{r as c,t as l}from"./example-DDhaO2UY.js";import{t as u}from"./hash-DQPCJKw8.js";import{d,l as f}from"./index-DSBghWdd.js";import{t as p}from"./props-table-CzpevabQ.js";import{i as m,t as h}from"./popover-BZsIv1AP.js";import{n as g,r as _,t as v}from"./mention-inline-suggestions-Chbuzkb7.js";var y=f(`user-round`,[[`circle`,{cx:`12`,cy:`8`,r:`5`,key:`1hypcn`}],[`path`,{d:`M20 21a8 8 0 0 0-16 0`,key:`rfgkzh`}]]),b=e({InlineMentionSuggestions:()=>T,MentionPickerPopover:()=>E}),x=t(n(),1),S=d(),C={user:{label:`People`,icon:y,trigger:`@`,tone:`primary`},booking:{label:`Bookings`,icon:s,trigger:`#`,tone:`info`}},w=[{id:`user-1`,kind:`user`,label:`Maya Chen`,description:`Account owner`},{id:`booking-1048`,kind:`booking`,label:`Booking #1048`,description:`Chef table, Jun 24`}];function T(){let[e,t]=(0,x.useState)(`user`),[n,r]=(0,x.useState)(null),o=w.filter(t=>t.kind===e);return(0,S.jsxs)(`div`,{className:`space-y-3`,children:[(0,S.jsxs)(`div`,{className:`relative min-h-44 rounded-md border border-border/60 bg-card p-3`,children:[(0,S.jsxs)(a,{size:`sm`,children:[`Loop `,(0,S.jsx)(`span`,{className:`font-medium text-primary`,children:`@ma`}),` into the booking note.`]}),(0,S.jsx)(v,{open:!0,activeKind:e,setActiveKind:t,kinds:[`user`,`booking`],resources:C,query:`ma`,suggestions:o,suggestionsByKind:{user:w.filter(e=>e.kind===`user`),booking:w.filter(e=>e.kind===`booking`)},isLoading:!1,onSelect:r})]}),n?(0,S.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,S.jsx)(a,{size:`xs`,type:`secondary`,children:`Selected`}),(0,S.jsx)(i,{variant:`secondary`,children:n.label})]}):null]})}function E(){let[e,t]=(0,x.useState)(!1),[n,r]=(0,x.useState)(`user`),[i,o]=(0,x.useState)(``),[s,l]=(0,x.useState)(null),d=w.filter(e=>{let t=n===null||e.kind===n,r=e.label.toLowerCase().includes(i.toLowerCase());return t&&r});return(0,S.jsxs)(`div`,{className:`space-y-3`,children:[(0,S.jsxs)(h,{open:e,onOpenChange:t,children:[(0,S.jsx)(m,{asChild:!0,children:(0,S.jsx)(c,{type:`button`,variant:`secondary`,icon:u,children:`Add reference`})}),(0,S.jsx)(g,{open:e,activeKind:n,setActiveKind:r,kinds:[`user`,`booking`],resources:C,query:i,setQuery:o,suggestions:d,isLoading:!1,onSelect:e=>{l(e),t(!1)}})]}),s?(0,S.jsx)(_,{mention:{id:s.id,kind:s.kind??`user`,label:s.label},resource:C[s.kind??`user`]}):(0,S.jsx)(a,{size:`xs`,type:`secondary`,children:`No reference selected.`})]})}var D=`import { useState } from 'react';
+import { CalendarDays, Hash, UserRound } from 'lucide-react';
+
+import { Badge } from '@/components/base/badge';
+import { Button } from '@/components/base/buttons';
+import { Popover, PopoverTrigger } from '@/components/base/popover';
+import {
+	MentionChip,
+	MentionInlineSuggestions,
+	MentionPicker,
+	type MentionSuggestion,
+} from '@/components/features/mentions';
+import { Text } from '@/components/typography';
+
+type Kind = 'user' | 'booking';
+
+const resources = {
+	user: {
+		label: 'People',
+		icon: UserRound,
+		trigger: '@',
+		tone: 'primary' as const,
+	},
+	booking: {
+		label: 'Bookings',
+		icon: CalendarDays,
+		trigger: '#',
+		tone: 'info' as const,
+	},
+};
+
+const suggestions: MentionSuggestion<Kind>[] = [
+	{
+		id: 'user-1',
+		kind: 'user',
+		label: 'Maya Chen',
+		description: 'Account owner',
+	},
+	{
+		id: 'booking-1048',
+		kind: 'booking',
+		label: 'Booking #1048',
+		description: 'Chef table, Jun 24',
+	},
+];
+
+export function InlineMentionSuggestions() {
+	const [activeKind, setActiveKind] = useState<Kind | null>('user');
+	const [selected, setSelected] = useState<MentionSuggestion<Kind> | null>(null);
+	const visibleSuggestions = suggestions.filter((item) => item.kind === activeKind);
+
+	return (
+		<div className="space-y-3">
+			<div className="relative min-h-44 rounded-md border border-border/60 bg-card p-3">
+				<Text size="sm">
+					Loop <span className="font-medium text-primary">@ma</span> into the booking note.
+				</Text>
+				<MentionInlineSuggestions
+					open
+					activeKind={activeKind}
+					setActiveKind={setActiveKind}
+					kinds={['user', 'booking']}
+					resources={resources}
+					query="ma"
+					suggestions={visibleSuggestions}
+					suggestionsByKind={{
+						user: suggestions.filter((item) => item.kind === 'user'),
+						booking: suggestions.filter((item) => item.kind === 'booking'),
+					}}
+					isLoading={false}
+					onSelect={setSelected}
+				/>
+			</div>
+			{selected ? (
+				<div className="flex items-center gap-2">
+					<Text size="xs" type="secondary">
+						Selected
+					</Text>
+					<Badge variant="secondary">{selected.label}</Badge>
+				</div>
+			) : null}
+		</div>
+	);
+}
+
+export function MentionPickerPopover() {
+	const [open, setOpen] = useState(false);
+	const [activeKind, setActiveKind] = useState<Kind | null>('user');
+	const [query, setQuery] = useState('');
+	const [selected, setSelected] = useState<MentionSuggestion<Kind> | null>(null);
+	const filtered = suggestions.filter((item) => {
+		const matchesKind = activeKind === null || item.kind === activeKind;
+		const matchesQuery = item.label.toLowerCase().includes(query.toLowerCase());
+		return matchesKind && matchesQuery;
+	});
+
+	return (
+		<div className="space-y-3">
+			<Popover open={open} onOpenChange={setOpen}>
+				<PopoverTrigger asChild>
+					<Button type="button" variant="secondary" icon={Hash}>
+						Add reference
+					</Button>
+				</PopoverTrigger>
+				<MentionPicker
+					open={open}
+					activeKind={activeKind}
+					setActiveKind={setActiveKind}
+					kinds={['user', 'booking']}
+					resources={resources}
+					query={query}
+					setQuery={setQuery}
+					suggestions={filtered}
+					isLoading={false}
+					onSelect={(item) => {
+						setSelected(item);
+						setOpen(false);
+					}}
+				/>
+			</Popover>
+			{selected ? (
+				<MentionChip
+					mention={{
+						id: selected.id,
+						kind: selected.kind ?? 'user',
+						label: selected.label,
+					}}
+					resource={resources[selected.kind ?? 'user']}
+				/>
+			) : (
+				<Text size="xs" type="secondary">
+					No reference selected.
+				</Text>
+			)}
+		</div>
+	);
+}
+`;function O(e){let t={h4:`h4`,...e.components};return b||A(`Examples`,!1),T||A(`Examples.InlineMentionSuggestions`,!0),E||A(`Examples.MentionPickerPopover`,!0),(0,S.jsxs)(r,{title:`Features · Mentions`,description:`Inline resource references for editors, comments, and event logs. Consumers provide resource registries and search callbacks; the package provides chips, picker UI, inline suggestions, parsing helpers, and headless hooks.`,layer:`features`,status:`ready`,sourcePath:`src/components/features/mentions`,children:[(0,S.jsxs)(o,{title:`Examples`,id:`examples`,children:[(0,S.jsx)(l,{name:`InlineMentionSuggestions`,source:D,children:(0,S.jsx)(T,{})}),(0,S.jsx)(l,{name:`MentionPickerPopover`,source:D,children:(0,S.jsx)(E,{})})]}),(0,S.jsxs)(o,{title:`API`,id:`api`,children:[(0,S.jsx)(t.h4,{children:`MentionInlineSuggestions`}),(0,S.jsx)(p,{component:`MentionInlineSuggestions`}),(0,S.jsx)(t.h4,{children:`MentionPicker`}),(0,S.jsx)(p,{component:`MentionPicker`}),(0,S.jsx)(t.h4,{children:`MentionChip`}),(0,S.jsx)(p,{component:`MentionChip`})]})]})}function k(e={}){let{wrapper:t}=e.components||{};return t?(0,S.jsx)(t,{...e,children:(0,S.jsx)(O,{...e})}):O(e)}function A(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{k as default};

package/dist/showcase/assets/menus-COIxEKPm.js

@@ -0,0 +1,171 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{c as r,n as i,t as a}from"./section-DLqBJGPH.js";import{C as o,Cn as s,Ct as c,Dr as l,Dt as u,E as d,Ht as f,J as p,Jt as m,K as h,Kt as g,M as _,Mn as v,Nn as y,O as b,Ot as x,Qt as S,S as C,Sr as w,T,Tt as ee,Ut as E,Vn as te,X as D,Xt as ne,Y as O,Yn as k,Yt as re,Zt as A,_r as ie,_t as j,ar as ae,br as oe,bt as se,ct as ce,d as M,dt as N,en as le,er as ue,f as de,fr as P,ft as fe,g as F,gn as pe,hn as me,hr as I,ir as he,jn as L,jt as ge,kt as _e,lr as ve,lt as ye,m as be,mr as xe,mt as Se,nr as Ce,ot as we,p as Te,pr as Ee,q as De,sn as Oe,t as R,u as z,ut as B,v as V,vt as H,w as ke,wn as Ae,wt as je,x as Me,y as Ne,yn as Pe,yt as Fe}from"./example-DDhaO2UY.js";import{t as Ie}from"./chevron-down-CjLLqYjs.js";import{t as Le}from"./external-link-CANOM2jg.js";import{t as Re}from"./square-pen-wg5I0K5c.js";import{t as ze}from"./trash-2-DZ5FSAFb.js";import{P as Be,d as U,n as W}from"./index-DSBghWdd.js";import{o as Ve}from"./useOpenInteractionType-CKNY2kPx.js";import{t as G}from"./inertValue-DOcq7b5x.js";import{t as He}from"./useControlled-BHUji6Sp.js";import{_ as Ue,a as We,c as Ge,d as Ke,g as qe,h as K,i as Je,l as Ye,n as Xe,o as Ze,r as Qe,s as $e,t as et,u as tt,v as q}from"./MenuTrigger-WTiiOMpe.js";import{t as nt}from"./CompositeItem-1e8qsdC5.js";import{t as J}from"./Separator-DSecBOlo.js";import{t as rt}from"./CompositeRoot-DneCUh3i.js";import{a as it,i as at,n as ot,o as st,r as ct,t as lt}from"./command-BXhyoNX1.js";function ut(e){let t=ie(e),n=parseFloat(t.width)||0,r=parseFloat(t.height)||0,i=w(e),a=i?e.offsetWidth:n,o=i?e.offsetHeight:r;return(f(n)!==a||f(r)!==o)&&(n=a,r=o),{width:n,height:r}}var Y=t(n(),1),X=U();function dt({...e}){return(0,X.jsx)(Qe,{"data-slot":`dropdown-menu`,...e})}function ft({...e}){return(0,X.jsx)(et,{"data-slot":`dropdown-menu-trigger`,...e})}function pt({align:e=`start`,alignOffset:t=0,side:n=`bottom`,sideOffset:r=4,className:i,...a}){return(0,X.jsx)($e,{children:(0,X.jsx)(Ze,{className:`isolate z-50 outline-none`,align:e,alignOffset:t,side:n,sideOffset:r,children:(0,X.jsx)(Ge,{"data-slot":`dropdown-menu-content`,className:W(`dark z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95`,i),...a})})})}function mt({...e}){return(0,X.jsx)(Ke,{"data-slot":`dropdown-menu-group`,...e})}function ht({className:e,inset:t,...n}){return(0,X.jsx)(tt,{"data-slot":`dropdown-menu-label`,"data-inset":t,className:W(`px-2 py-1.5 text-xs font-medium text-muted-foreground data-inset:pl-8`,e),...n})}function gt({className:e,inset:t,variant:n=`default`,...r}){return(0,X.jsx)(Ye,{"data-slot":`dropdown-menu-item`,"data-inset":t,"data-variant":n,className:W(`group/dropdown-menu-item relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive`,e),...r})}function _t({className:e,...t}){return(0,X.jsx)(J,{"data-slot":`dropdown-menu-separator`,className:W(`-mx-1 my-1 h-px bg-border`,e),...t})}function vt(e){let[t,n]=Y.useState({getBoundingClientRect(){return DOMRect.fromRect({width:0,height:0,x:0,y:0})}}),r=Y.useRef(null),i=Y.useRef(null),a=Y.useRef(null),o=Y.useRef(null),s=Y.useRef(!0),c=Y.useRef(null),l=se(),u=Y.useMemo(()=>({anchor:t,setAnchor:n,actionsRef:a,backdropRef:r,internalBackdropRef:i,positionerRef:o,allowMouseUpTriggerRef:s,initialCursorPointRef:c,rootId:l}),[t,l]);return(0,X.jsx)(K.Provider,{value:u,children:(0,X.jsx)(Ue.Provider,{value:void 0,children:(0,X.jsx)(Qe,{...e})})})}var yt=500,bt=Y.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,{setAnchor:o,actionsRef:s,internalBackdropRef:c,backdropRef:l,positionerRef:u,allowMouseUpTriggerRef:d,initialCursorPointRef:f,rootId:p}=qe(!1),{store:m}=q(!1),h=m.useState(`open`),_=m.useState(`disabled`),b=Y.useRef(null),x=Y.useRef(null),C=k(),w=k(),T=Y.useRef(!1);function ee(e,t,n){let r=n.type.startsWith(`touch`);f.current={x:e,y:t},o({getBoundingClientRect(){return DOMRect.fromRect({width:r?10:0,height:r?10:0,x:e,y:t})}}),T.current=!1,s.current?.setOpen(!0,S(Ae,n)),w.start(yt,()=>{T.current=!0})}function E(e){_||(d.current=!0,te(e),ee(e.clientX,e.clientY,e.nativeEvent),A(g(b.current),`mouseup`,e=>{if(d.current=!1,!T.current)return;w.clear(),T.current=!1;let t=y(e);v(u.current,t)||p&&t&&Xe(t)===p||s.current?.setOpen(!1,S(le,e))},{once:!0}))}function D(e){if(!_&&(d.current=!1,e.touches.length===1)){e.stopPropagation();let t=e.touches[0];x.current={x:t.clientX,y:t.clientY},C.start(yt,()=>{x.current&&ee(x.current.x,x.current.y,e.nativeEvent)})}}function ne(e){if(C.isStarted()&&x.current&&e.touches.length===1){let t=e.touches[0],n=Math.abs(t.clientX-x.current.x),r=Math.abs(t.clientY-x.current.y);(n>10||r>10)&&C.clear()}}function O(){C.clear(),x.current=null}return Y.useEffect(()=>{function e(e){if(_)return;let t=y(e);(v(b.current,t)||v(c.current,t)||v(l.current,t))&&e.preventDefault()}return A(g(b.current),`contextmenu`,e)},[l,_,c]),Ce(`div`,e,{state:{open:h},ref:[b,t],props:[{onContextMenu:E,onTouchStart:D,onTouchMove:ne,onTouchEnd:O,onTouchCancel:O,style:{WebkitTouchCallout:`none`}},a],stateAttributesMapping:Ne})});function xt({...e}){return(0,X.jsx)(vt,{"data-slot":`context-menu`,...e})}function St({className:e,...t}){return(0,X.jsx)(bt,{"data-slot":`context-menu-trigger`,className:W(`select-none`,e),...t})}function Ct({className:e,align:t=`start`,alignOffset:n=4,side:r=`right`,sideOffset:i=0,...a}){return(0,X.jsx)($e,{children:(0,X.jsx)(Ze,{className:`isolate z-50 outline-none`,align:t,alignOffset:n,side:r,sideOffset:i,children:(0,X.jsx)(Ge,{"data-slot":`context-menu-content`,className:W(`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-36 rounded-md p-1 shadow-md ring-1 duration-100 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 max-h-(--available-height) origin-(--transform-origin) overflow-x-hidden overflow-y-auto outline-none`,e),...a})})})}function wt({...e}){return(0,X.jsx)(Ke,{"data-slot":`context-menu-group`,...e})}function Tt({className:e,inset:t,...n}){return(0,X.jsx)(tt,{"data-slot":`context-menu-label`,"data-inset":t,className:W(`text-muted-foreground px-2 py-1.5 text-xs font-medium data-[inset]:pl-8`,e),...n})}function Et({className:e,inset:t,variant:n=`default`,...r}){return(0,X.jsx)(Ye,{"data-slot":`context-menu-item`,"data-inset":t,"data-variant":n,className:W(`focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive focus:*:[svg]:text-accent-foreground gap-2 rounded-sm px-2 py-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 group/context-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),...r})}function Dt({className:e,...t}){return(0,X.jsx)(J,{"data-slot":`context-menu-separator`,className:W(`bg-border -mx-1 my-1 h-px`,e),...t})}var Ot=function(e){return e.modal=`data-modal`,e.orientation=`data-orientation`,e.hasSubmenuOpen=`data-has-submenu-open`,e}({}),kt={hasSubmenuOpen(e){return e?{[Ot.hasSubmenuOpen]:``}:null}},At=Y.forwardRef(function(e,t){let{orientation:n=`horizontal`,loopFocus:r=!0,render:i,className:a,modal:o=!0,disabled:s=!1,id:c,style:l,...u}=e,[d,f]=Y.useState(null),[p,m]=Y.useState(!1),h=F(c),g={orientation:n,modal:o,hasSubmenuOpen:p},_=Y.useRef(null),v=Y.useRef(!1),y=Y.useMemo(()=>({contentElement:d,setContentElement:f,setHasSubmenuOpen:m,hasSubmenuOpen:p,modal:o,disabled:s,orientation:n,allowMouseUpTriggerRef:v,rootId:h}),[d,p,o,s,n,h]);return(0,X.jsx)(Je.Provider,{value:y,children:(0,X.jsx)(ye,{children:(0,X.jsx)(jt,{children:(0,X.jsx)(rt,{render:i,className:a,style:l,state:g,stateAttributesMapping:kt,refs:[t,f,_],props:[{role:`menubar`,id:h,"aria-orientation":n},u],orientation:n,loopFocus:r,enableHomeAndEndKeys:!0,highlightItemOnHover:p})})})})});function jt(e){let t=B(),{events:n}=fe(),r=We();return Y.useEffect(()=>{function e(e){!e.nodeId||e.parentNodeId!==t||(e.open?r.hasSubmenuOpen||r.setHasSubmenuOpen(!0):e.reason!==`sibling-open`&&e.reason!==`list-navigation`&&r.setHasSubmenuOpen(!1))}return n.on(`menuopenchange`,e),()=>{n.off(`menuopenchange`,e)}},[n,t,r]),(0,X.jsx)(ce,{id:t,children:e.children})}function Mt({className:e,...t}){return(0,X.jsx)(At,{"data-slot":`menubar`,className:W(`flex h-9 items-center rounded-3xl border p-1`,e),...t})}function Nt({...e}){return(0,X.jsx)(dt,{"data-slot":`menubar-menu`,...e})}function Pt({className:e,...t}){return(0,X.jsx)(ft,{"data-slot":`menubar-trigger`,className:W(`flex items-center rounded-2xl px-2 py-0.75 text-sm font-medium outline-hidden select-none hover:bg-muted aria-expanded:bg-muted`,e),...t})}function Ft({className:e,align:t=`start`,alignOffset:n=-4,sideOffset:r=8,...i}){return(0,X.jsx)(pt,{"data-slot":`menubar-content`,align:t,alignOffset:n,sideOffset:r,className:W(`dark min-w-48 rounded-3xl p-1.5 text-popover-foreground shadow-lg ring-1 ring-foreground/5 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:ring-foreground/10 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 animate-none! relative bg-popover/70 before:pointer-events-none before:absolute before:inset-0 before:-z-1 before:rounded-[inherit] before:backdrop-blur-2xl before:backdrop-saturate-150 **:data-[slot$=-item]:focus:bg-foreground/10 **:data-[slot$=-item]:data-highlighted:bg-foreground/10 **:data-[slot$=-separator]:bg-foreground/5 **:data-[slot$=-trigger]:focus:bg-foreground/10 **:data-[slot$=-trigger]:aria-expanded:bg-foreground/10! **:data-[variant=destructive]:focus:bg-foreground/10! **:data-[variant=destructive]:text-accent-foreground! **:data-[variant=destructive]:**:text-accent-foreground!`,e),...i})}function It({className:e,inset:t,variant:n=`default`,...r}){return(0,X.jsx)(gt,{"data-slot":`menubar-item`,"data-inset":t,"data-variant":n,className:W(`group/menubar-item gap-2.5 rounded-2xl px-3 py-2 text-sm font-medium focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-9.5 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive!`,e),...r})}function Lt({className:e,...t}){return(0,X.jsx)(_t,{"data-slot":`menubar-separator`,className:W(`-mx-1 my-1 h-px bg-border/50`,e),...t})}var Rt=Y.createContext(void 0);function Z(e){let t=Y.useContext(Rt);if(t===void 0&&!e)throw Error(P(41));return t}var zt=Y.createContext(void 0);function Bt(){return Y.useContext(zt)}var Q=function(e){return e.availableWidth=`--available-width`,e.availableHeight=`--available-height`,e.anchorWidth=`--anchor-width`,e.anchorHeight=`--anchor-height`,e.transformOrigin=`--transform-origin`,e.positionerWidth=`--positioner-width`,e.positionerHeight=`--positioner-height`,e}({}),$=function(e){return e.popupWidth=`--popup-width`,e.popupHeight=`--popup-height`,e}({});function Vt(e,t,n,r){e.style.setProperty($.popupWidth,`${n}px`),e.style.setProperty($.popupHeight,`${r}px`),t.style.setProperty(Q.positionerWidth,`${n}px`),t.style.setProperty(Q.positionerHeight,`${r}px`)}var Ht=new Set([s,Pe,Oe]);function Ut(e){let t=parseFloat(e.style.getPropertyValue(Q.positionerWidth))||0,n=parseFloat(e.style.getPropertyValue(Q.positionerHeight))||0;return t<=0||n<=0?null:{width:t,height:n}}var Wt=Y.forwardRef(function(e,t){let{defaultValue:n=null,value:r,onValueChange:i,actionsRef:a,delay:o=50,closeDelay:s=50,orientation:c=`horizontal`,onOpenChangeComplete:l}=e,u=N()!=null,d=Z(!0),[f,p]=He({controlled:r,default:n,name:`NavigationMenu`,state:`value`}),m=f!=null,_=Y.useRef(void 0),y=Y.useRef(null),[b,x]=Y.useState(null),[S,C]=Y.useState(null),[T,ee]=Y.useState(null),[E,te]=Y.useState(null),[ne,O]=Y.useState(null),[k,re]=Y.useState(void 0),[A,ie]=Y.useState(!1),j=Y.useRef(null),ae=Y.useRef(null),oe=Y.useRef(null),se=Y.useRef(null),ce=Y.useRef(null),M=Y.useRef(null),le=Y.useRef({abortController:null,owner:null}),{mounted:ue,setMounted:de,transitionStatus:P}=D(m);xe(()=>{if(m||!b||!S)return;let e=Ut(b);e&&Vt(S,b,e.width,e.height)},[m,S,b]),Y.useEffect(()=>{ie(!1)},[f]);let fe=I((e,t)=>{e??(_.current=t.reason),e!==f&&i?.(e,t),!t.isCanceled&&(e??(O(null),re(void 0)),p(e),u&&e==null&&t.reason===`link-press`&&d&&d.setValue(null,t))}),F=I(()=>{let e=L(g(y.current));!(_.current&&Ht.has(_.current))&&w(j.current)&&(e===g(S).body||v(S,e))&&S&&(j.current.focus({preventScroll:!0}),j.current=void 0),de(!1),l?.(!1),O(null),re(void 0),ae.current=null,_.current=void 0});Y.useImperativeHandle(a,()=>({unmount:F}),[F]),h({enabled:!a,open:m,ref:{current:S},onComplete(){m||F()}}),h({enabled:!a,open:m,ref:{current:E},onComplete(){m||F()}});let pe=m?ne:null,me=Y.useMemo(()=>({open:m,value:f,setValue:fe,mounted:ue,transitionStatus:P,positionerElement:b,setPositionerElement:x,popupElement:S,setPopupElement:C,viewportElement:T,setViewportElement:ee,viewportTargetElement:E,setViewportTargetElement:te,activationDirection:pe,setActivationDirection:O,floatingRootContext:k,setFloatingRootContext:re,currentContentRef:ae,nested:u,rootRef:y,beforeInsideRef:oe,afterInsideRef:se,beforeOutsideRef:ce,afterOutsideRef:M,prevTriggerElementRef:j,popupAutoSizeResetRef:le,delay:o,closeDelay:s,orientation:c,viewportInert:A,setViewportInert:ie}),[m,f,fe,ue,P,b,S,T,E,pe,k,u,o,s,c,A]),he=(0,X.jsx)(Rt.Provider,{value:me,children:(0,X.jsx)(Gt,{componentProps:e,forwardedRef:t,children:e.children})});return u?he:(0,X.jsx)(ye,{children:he})});function Gt(e){let{className:t,render:n,defaultValue:r,value:i,onValueChange:a,actionsRef:o,delay:s,closeDelay:c,orientation:l,onOpenChangeComplete:u,style:d,...f}=e.componentProps,p=B(),{rootRef:m,nested:h,open:g}=Z(),_={open:g,nested:h},v=Ce(h?`div`:`nav`,e.componentProps,{state:_,ref:[e.forwardedRef,m],props:f});return(0,X.jsx)(zt.Provider,{value:p,children:(0,X.jsx)(ce,{id:p,children:v})})}var Kt=`data-base-ui-navigation-menu-trigger`,qt=Y.createContext(void 0);function Jt(){return Y.useContext(qt)}var Yt=Y.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,s=Bt(),{orientation:c,open:l,floatingRootContext:u,positionerElement:d,value:f,closeDelay:p,viewportElement:m,nested:h}=Z(),g=Y.useMemo(()=>_(),[]),v=u||g,b=d!=null||f==null;o(v,{enabled:!!u&&(d!=null||m!=null||f==null),closeDelay:p,nodeId:s});let x=we(v,{enabled:b,outsidePressEvent:`intentional`,outsidePress(e){return y(e)?.closest(`[${Kt}]`)===null}}),S=u?x:void 0,C={open:l},w=h?ae:{onKeyDown(e){(c===`horizontal`&&(e.key===`ArrowLeft`||e.key===`ArrowRight`)||c===`vertical`&&(e.key===`ArrowUp`||e.key===`ArrowDown`))&&e.stopPropagation()}},T=[S?.floating||ae,w,a],ee=Ce(`ul`,e,{state:C,ref:t,props:T,enabled:h});return h?(0,X.jsx)(qt.Provider,{value:S,children:ee}):(0,X.jsx)(qt.Provider,{value:S,children:(0,X.jsx)(rt,{render:n,className:r,style:i,state:C,refs:[t],props:T,loopFocus:!1,orientation:c,tag:`ul`})})}),Xt=Y.createContext(void 0);function Zt(){let e=Y.useContext(Xt);if(!e)throw Error(P(39));return e}var Qt=Y.forwardRef(function(e,t){let{render:n,className:r,style:i,value:a,...o}=e,s=F(),c=a??s,l=Ce(`li`,e,{ref:t,props:o}),u=Y.useMemo(()=>({value:c}),[c]);return(0,X.jsx)(Xt.Provider,{value:u,children:l})}),$t=t(Be(),1),en={...V,...O,activationDirection(e){return e?{"data-activation-direction":e}:null}},tn=Y.forwardRef(function(e,t){let{render:n,className:r,style:i,keepMounted:a=!1,...o}=e,{mounted:s,viewportElement:c,value:l,activationDirection:u,currentContentRef:d,viewportTargetElement:f}=Z(),{value:p}=Zt(),m=Bt(),g=s&&l===p,_=Y.useRef(null),[b,x]=Y.useState(!1),[S,C]=Y.useState(!1),{mounted:w,setMounted:T,transitionStatus:ee}=D(g);w&&!s&&T(!1),h({ref:_,open:g,onComplete(){g||T(!1)}}),xe(()=>{g&&_.current&&(d.current=_.current)},[g,d]);let E={open:g,transitionStatus:ee,activationDirection:u},te=I(e=>{e&&g&&(d.current=e)}),ne={onFocus(e){y(e.nativeEvent)?.hasAttribute(`data-base-ui-focus-guard`)||C(!0)},onBlur(e){v(e.currentTarget,e.relatedTarget)||C(!1)}},O=!g&&w?{style:{position:`absolute`,top:0,left:0},inert:G(!S),...ne}:ne,k=f||c,re=a&&!w,A=a&&!k&&!b;return a&&k&&!b&&x(!0),A?(0,X.jsx)(rt,{render:n,className:r,style:i,state:E,refs:[t],props:[O,{hidden:!0},o],stateAttributesMapping:en}):!k||!w&&!a?null:$t.createPortal((0,X.jsx)(ce,{id:m,children:(0,X.jsx)(rt,{render:n,className:r,style:i,state:E,refs:[t,_,te],props:[O,re?{hidden:!0}:ae,o],stateAttributesMapping:en})}),k)});function nn({currentTarget:e,relatedTarget:t},n){let{popupElement:r,rootRef:i,tree:a,nodeId:o}=n,s=a?c(a.nodesRef.current,o).some(e=>v(e.context?.elements.floating,t)):[];return r?!v(r,e)&&!v(r,t)&&!v(i.current,t)&&!s&&!(v(r,t)&&t?.hasAttribute(`data-base-ui-focus-guard`)):!v(i.current,t)&&!s}var rn={width:0,height:0},an=Y.forwardRef(function(e,t){let{render:n,className:r,style:i,nativeButton:a=!0,disabled:o,...c}=e,{value:l,setValue:f,mounted:h,open:g,positionerElement:_,setActivationDirection:y,setFloatingRootContext:ee,popupElement:D,viewportElement:ne,transitionStatus:O,rootRef:ie,beforeOutsideRef:j,afterOutsideRef:ae,afterInsideRef:se,beforeInsideRef:ce,prevTriggerElementRef:M,popupAutoSizeResetRef:N,currentContentRef:le,delay:ue,closeDelay:de,orientation:P,setViewportInert:F,nested:me}=Z(),{value:L}=Zt(),ye=Bt(),Se=fe(),Ce=Jt(),we=be(),Te=k(),R=m(),z=m(),B=m(),V=m(),[H,je]=Y.useState(null),[Pe,Ie]=Y.useState(!0),[Le,Re]=Y.useState(``),ze=Y.useRef(null),Be=Y.useRef(!1),U=Y.useRef(rn),W=Y.useRef(!1),G=g&&l===L,He=re(G),Ue=(_!=null||l==null)&&!o,We=_||ne,Ge=(We!=null||l==null)&&!o,Ke=De(D,!1,!1),qe=Y.useCallback(e=>{ze.current=e,je(e)},[]),K=I((e=!1)=>{!e&&N.current.owner!==L||(N.current.abortController?.abort(),N.current.abortController=null,N.current.owner=null)});xe(()=>{G||(z.cancel(),V.cancel(),K())},[G,z,V,K]);function Je(){D&&(D.style.setProperty($.popupWidth,`auto`),D.style.setProperty($.popupHeight,`auto`))}function Ye(){!D||!_||(D.style.removeProperty($.popupWidth),D.style.removeProperty($.popupHeight),_.style.removeProperty(Q.positionerWidth),_.style.removeProperty(Q.positionerHeight))}function Xe(){K(!0);let e=new AbortController;N.current.abortController=e,N.current.owner=L,Ke(()=>{N.current.abortController!==e||N.current.owner!==L||(N.current.abortController=null,N.current.owner=null,Je())},e.signal)}let Ze=I((e,t,n={})=>{if(!D||!_)return;K(!0);let{syncPositioner:r=!1}=n;Ye();let{width:i,height:a}=ut(D),o=i||U.current.width,s=a||U.current.height;(t===0||e===0)&&(e=o,t=s),D.style.setProperty($.popupWidth,`${e}px`),D.style.setProperty($.popupHeight,`${t}px`),_.style.setProperty(Q.positionerWidth,`${r?e:o}px`),_.style.setProperty(Q.positionerHeight,`${r?t:s}px`),V.request(()=>{He.current&&(D.style.setProperty($.popupWidth,`${o}px`),D.style.setProperty($.popupHeight,`${s}px`),r&&(_.style.setProperty(Q.positionerWidth,`${o}px`),_.style.setProperty(Q.positionerHeight,`${s}px`)),Xe())})}),Qe=I((e,t)=>{!D||!_||(V.cancel(),z.cancel(),K(!0),!(e===0||t===0)&&(Vt(D,_,e,t),z.request(()=>{z.request(()=>{Ye();let{width:n,height:r}=ut(D),i=n||e||U.current.width,a=r||t||U.current.height;Vt(D,_,e,t),V.request(()=>{He.current&&(Vt(D,_,i,a),Xe())})})})))}),$e=I(()=>{if(!D||!_)return;V.cancel(),K(!0),Ye();let{width:e,height:t}=ut(D);e===0||t===0||(U.current={width:e,height:t},Je(),_.style.setProperty(Q.positionerWidth,`${e}px`),_.style.setProperty(Q.positionerHeight,`${t}px`))}),et=I(()=>{if(!D)return{size:U.current,syncPositioner:!1};let e=D.style.getPropertyValue($.popupWidth),t=D.style.getPropertyValue($.popupHeight);return e!==``&&e!==`auto`&&t!==``&&t!==`auto`?{size:{width:D.offsetWidth||U.current.width,height:D.offsetHeight||U.current.height},syncPositioner:!0}:{size:U.current,syncPositioner:!1}});Y.useEffect(()=>{g||(Te.clear(),z.cancel(),B.cancel(),V.cancel(),K(!0),W.current=!1,Re(``))},[Te,g,z,B,V,K]),Y.useEffect(()=>{h||(U.current=rn)},[h]),xe(()=>{if(!D||typeof ResizeObserver!=`function`)return;let e=new ResizeObserver(()=>{U.current={width:D.offsetWidth,height:D.offsetHeight}});return e.observe(D),()=>{e.disconnect()}},[D]),Y.useEffect(()=>{if(!g||!G||!D||!_)return;let e=oe(_);function t(){B.cancel(),B.request($e)}let n=A(e,`resize`,t);return()=>{B.cancel(),n()}},[g,G,D,_,B,$e]),Y.useEffect(()=>{let e=le.current;if(!e||!D||!G||typeof MutationObserver!=`function`)return;let t=new MutationObserver(()=>{if(O===`starting`||D.hasAttribute(p.startingStyle)){$e();return}let{size:e,syncPositioner:t}=et();if(t){Qe(e.width,e.height);return}Ze(e.width,e.height)});return t.observe(e,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:[`hidden`]}),()=>{t.disconnect()}},[le,D,G,O,et,Qe,Ze,$e]),Y.useEffect(()=>(G&&g&&D&&Be.current&&(Be.current=!1,R.request(()=>{j.current?.focus()})),()=>{R.cancel()}),[j,R,G,g,D]),xe(()=>{if(He.current&&g&&D){let e=le.current?.querySelector(`[data-nested]`)!=null;if(O===`starting`&&e)return V.request($e),()=>{V.cancel()};if(W.current){W.current=!1;return}let{width:t,height:n}=ut(D);Ze(t,n)}},[le,Ze,He,g,D,V,$e,O]);function tt(e,t){let n=t.reason===s;if(!Ue||Le===`touch`&&n||!e&&l!==L)return;function r(){n&&(Ie(!0),Te.clear(),Te.start(500,()=>{Ie(!1)})),e?f(L,t):(f(null,t),Re(``))}n?$t.flushSync(r):r()}let q=b({open:g,onOpenChange:tt,elements:{reference:H,floating:We}}),J=d(q),rt=Le!==`touch`;Y.useEffect(()=>{g||(q.context.dataRef.current.openEvent=void 0,J.pointerType=void 0,J.interactedInside=!1,J.restTimeoutPending=!1,J.openChangeTimeout.clear(),J.restTimeout.clear(),T(J))},[q,J,g]);let it=I(()=>!me||_||!ze.current||!We?null:sn(ze.current,We,ye));function at(){return!me||!_?ze.current?.closest(`ul`)??null:null}let ot=C(q,{enabled:Ge,move:!1,handleClose:Me({blockPointerEvents:rt,getScope:at}),restMs:h&&_?0:ue,delay:{close:de},triggerElementRef:ze,getHandleCloseContext:it}),st=Y.useMemo(()=>ot?{reference:ot}:void 0,[ot]),ct=Ve(q,{enabled:Ue,stickIfOpen:Pe,toggle:G}),lt=Y.useMemo(()=>Ee(ct.reference,st?.reference),[ct.reference,st]);xe(()=>{G&&(ee(q),M.current=H)},[G,q,ee,M,H]);function dt(e){$t.flushSync(()=>{let t=w(e.currentTarget)?e.currentTarget:null,n=M.current?.getBoundingClientRect();if(h&&n&&H){let e=H.getBoundingClientRect(),t=e.left>n.left,r=e.top>n.top;P===`horizontal`&&e.left!==n.left?y(t?`right`:`left`):P===`vertical`&&e.top!==n.top&&y(r?`down`:`up`)}if(e.type!==`click`&&l!=null&&(q.context.dataRef.current.openEvent=void 0),!(Le===`touch`&&e.type!==`click`)&&(l!=null&&e.type!==`keydown`&&f(L,S(e.type===`mouseenter`?s:Ae,e.nativeEvent)),e.type===`mouseenter`&&rt&&(!me||!_)&&We&&t)){let e=()=>{ke(J,{scopeElement:at()??t.ownerDocument.body,referenceElement:t,floatingElement:We})};l!=null&&l!==L?queueMicrotask(e):e()}})}let ft=I(e=>{if(o)return;if(!D||!_){dt(e);return}let{width:t,height:n}=ut(D),r=l!=null&&l!==L&&(e.type===`click`||Le!==`touch`);dt(e),r&&(W.current=!0),Ze(t,n)}),pt={open:G};function mt(e){Re(e.pointerType)}function ht(e){mt(e),T(J)}let gt={tabIndex:0,onMouseEnter:ft,onClick:ft,onPointerEnter:mt,onPointerDown:ht,"aria-expanded":G,"aria-controls":G?D?.id:void 0,[Kt]:``,onFocus(){G&&F(!1)},onMouseMove(){Be.current=!1},onKeyDown(e){if(Be.current=!0,me)return;let t=we===`rtl`?`ArrowLeft`:`ArrowRight`,n=P===`horizontal`&&e.key===`ArrowDown`,r=P===`vertical`&&e.key===t;(n||r)&&(f(L,S(pe,e.nativeEvent)),ft(e),te(e))},onBlur(e){_&&D&&nn({currentTarget:e.currentTarget,relatedTarget:e.relatedTarget},{popupElement:D,rootRef:ie,tree:Se,nodeId:ye})&&f(null,S(Oe,e.nativeEvent))}},{getButtonProps:_t,buttonRef:vt}=ve({disabled:o,focusableWhenDisabled:!0,native:a}),yt=We;return(0,X.jsxs)(Y.Fragment,{children:[(0,X.jsx)(nt,{tag:`button`,render:n,className:r,style:i,state:pt,stateAttributesMapping:Ne,refs:[t,qe,vt],props:[lt,Ce?.reference||he,gt,c,_t]}),G&&(0,X.jsxs)(Y.Fragment,{children:[(0,X.jsx)(E,{ref:j,onFocus:e=>{yt&&ge(e,yt)?ce.current?.focus():x(H)?.focus()}}),(0,X.jsx)(`span`,{"aria-owns":ne?.id,style:Fe}),(0,X.jsx)(E,{ref:ae,onFocus:e=>{if(yt&&ge(e,yt))$t.flushSync(()=>{F(!1)}),(se.current||H)?.focus();else{let t=u(H);me&&!_&&yt&&t&&v(yt,t)&&(t=_e(se.current)),t?.focus(),(!me||_)&&!v(ie.current,t)&&f(null,S(`focus-out`,e.nativeEvent))}}})]})]})});function on(e,t){let n=e.getBoundingClientRect(),r=t.getBoundingClientRect(),i=n.left+n.width/2,a=n.top+n.height/2,o=r.left+r.width/2,s=r.top+r.height/2,c=o-i,l=s-a;return Math.abs(c)>=Math.abs(l)?c>=0?`right`:`left`:l>=0?`bottom`:`top`}function sn(e,t,n){return{placement:on(e,t),elements:{domReference:e,floating:t},nodeId:n}}var cn=Y.createContext(void 0);function ln(){let e=Y.useContext(cn);if(e===void 0)throw Error(P(40));return e}var un=Y.forwardRef(function(e,t){let{keepMounted:n=!1,...r}=e,{mounted:i}=Z();return i||n?(0,X.jsx)(cn.Provider,{value:n,children:(0,X.jsx)(Se,{ref:t,...r})}):null}),dn=Y.createContext(void 0);function fn(e=!1){let t=Y.useContext(dn);if(!t&&!e)throw Error(P(42));return t}var pn=_(),mn=Y.forwardRef(function(e,t){let{open:n,mounted:r,positionerElement:i,setPositionerElement:a,floatingRootContext:o,nested:s,transitionStatus:c}=Z(),{className:l,render:u,anchor:d,positionMethod:f=`absolute`,side:p=`bottom`,align:m=`center`,sideOffset:h=0,alignOffset:g=0,collisionBoundary:_=`clipping-ancestors`,collisionPadding:v=5,collisionAvoidance:y=s?H:j,arrowPadding:b=5,sticky:x=!1,disableAnchorTracking:S=!1,style:C,...w}=e,T=ln(),E=Bt(),te=k(),D=k(),[O,re]=Y.useState(n),ie=Y.useRef(n),ae=Y.useRef(null),se=Y.useRef(null);Y.useEffect(()=>{if(!i)return;function e(e){i&&ge(e)&&(e.type===`focusin`?ee:je)(i)}return ne(A(i,`focusin`,e,!0),A(i,`focusout`,e,!0))},[i]);let ce=(o||pn).useState(`domReferenceElement`),M=de({anchor:d??ce??se,positionMethod:f,mounted:r,side:p,sideOffset:h,align:m,alignOffset:g,arrowPadding:b,collisionBoundary:_,collisionPadding:v,sticky:x,disableAnchorTracking:S,keepMounted:T,floatingRootContext:o,collisionAvoidance:y,nodeId:E,adaptiveOrigin:Te}),N={open:n,side:M.side,align:M.align,anchorHidden:M.anchorHidden,instant:O};Y.useEffect(()=>{if(!n)return;ie.current&&te.start(0,()=>{ie.current=!1,D.isStarted()||re(!1)});function e(){$t.flushSync(()=>{re(!0)}),D.start(100,()=>{re(!1)})}return A(oe(i),`resize`,e)},[n,te,D,i]);let le=z(e,N,{styles:M.positionerStyles,transitionStatus:c,props:w,refs:[t,a,ae],hidden:!r,inert:!n});return(0,X.jsx)(dn.Provider,{value:M,children:le})}),hn=_();function gn({children:e}){let{beforeInsideRef:t,beforeOutsideRef:n,afterInsideRef:r,afterOutsideRef:i,positionerElement:a,viewportElement:o,floatingRootContext:s}=Z(),c=!!fn(!0),l=a||o;return!s&&!c?e:(0,X.jsxs)(Y.Fragment,{children:[(0,X.jsx)(E,{ref:t,onFocus:e=>{l&&ge(e,l)?u(l)?.focus():n.current?.focus()}}),e,(0,X.jsx)(E,{ref:r,onFocus:e=>{l&&ge(e,l)?x(l)?.focus():i.current?.focus()}})]})}var _n=Y.forwardRef(function(e,t){let{render:n,className:r,style:i,children:a,id:o,...s}=e,c=se(o),{setViewportElement:l,setViewportTargetElement:u,floatingRootContext:d,prevTriggerElementRef:f,viewportInert:p,setViewportInert:m}=Z(),h=!!fn(!0),g=(d||hn).useState(`domReferenceElement`);xe(()=>{g&&(f.current=g)},[g,f]);let _=Ce(`div`,e,{ref:[t,l],props:[{id:c,onBlur(e){let t=e.relatedTarget,n=e.currentTarget;t&&!v(n,t)&&t!==g&&m(!0)},...!h&&p&&{inert:G(!0)},children:h?a:(0,X.jsx)(gn,{children:(0,X.jsx)(`div`,{ref:u,children:a})})},s]});return h?(0,X.jsx)(gn,{children:_}):_}),vn={...V,...O},yn=Y.forwardRef(function(e,t){let{render:n,className:r,style:i,id:a,...o}=e,{open:s,transitionStatus:c,setPopupElement:l}=Z(),u=fn(),d=be(),f=F(a),p={open:s,transitionStatus:c,side:u.side,align:u.align,anchorHidden:u.anchorHidden},m=u.side===`left`;d===`rtl`?m||=u.side===`inline-end`:m||=u.side===`inline-start`;let h=u.side===`top`||m;return Ce(`nav`,e,{state:p,ref:[t,l],props:[{id:f,tabIndex:-1,style:h?{position:`absolute`,[u.side===`top`?`bottom`:`top`]:`0`,[m?`right`:`left`]:`0`}:{}},M(c),o],stateAttributesMapping:vn})}),bn=Y.forwardRef(function(e,t){let{className:n,render:r,active:i=!1,closeOnClick:a=!1,style:o,...s}=e,{setValue:c,popupElement:l,positionerElement:u,rootRef:d}=Z(),f=Bt(),p=fe();return(0,X.jsx)(nt,{tag:`a`,render:r,className:n,style:o,state:{active:i},refs:[t],props:[{"aria-current":i?`page`:void 0,tabIndex:void 0,onClick(e){a&&c(null,S(me,e.nativeEvent))},onBlur(e){u&&l&&nn({currentTarget:e.currentTarget,relatedTarget:e.relatedTarget},{popupElement:l,rootRef:d,tree:p,nodeId:f})&&c(null,S(Oe,e.nativeEvent))}},s]})});function xn({align:e=`start`,className:t,children:n,...r}){return(0,X.jsxs)(Wt,{"data-slot":`navigation-menu`,className:W(`group/navigation-menu relative flex max-w-max flex-1 items-center justify-center`,t),...r,children:[n,(0,X.jsx)(Dn,{align:e})]})}function Sn({className:e,...t}){return(0,X.jsx)(Yt,{"data-slot":`navigation-menu-list`,className:W(`group flex flex-1 list-none items-center justify-center gap-0`,e),...t})}function Cn({className:e,...t}){return(0,X.jsx)(Qt,{"data-slot":`navigation-menu-item`,className:W(`relative`,e),...t})}var wn=r(`group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-3xl px-4.5 py-2.5 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/30 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted`);function Tn({className:e,children:t,...n}){return(0,X.jsxs)(an,{"data-slot":`navigation-menu-trigger`,className:W(wn(),`group`,e),...n,children:[t,` `,(0,X.jsx)(Ie,{className:`relative top-px ml-1 size-3 transition duration-300 group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-open/navigation-menu-trigger:rotate-180`,"aria-hidden":`true`})]})}function En({className:e,...t}){return(0,X.jsx)(tn,{"data-slot":`navigation-menu-content`,className:W(`data-ending-style:data-activation-direction=left:translate-x-[50%] data-ending-style:data-activation-direction=right:translate-x-[-50%] data-starting-style:data-activation-direction=left:translate-x-[-50%] data-starting-style:data-activation-direction=right:translate-x-[50%] h-full w-auto p-2.5 pr-3 transition-[opacity,transform,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-3xl group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow-lg group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:ring-foreground/5 group-data-[viewport=false]/navigation-menu:duration-300 data-ending-style:opacity-0 data-starting-style:opacity-0 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:dark:ring-foreground/10 group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95`,e),...t})}function Dn({className:e,side:t=`bottom`,sideOffset:n=8,align:r=`start`,alignOffset:i=0,...a}){return(0,X.jsx)(un,{children:(0,X.jsx)(mn,{side:t,sideOffset:n,align:r,alignOffset:i,className:W(`isolate z-50 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-instant:transition-none data-[side=bottom]:before:top-[-10px] data-[side=bottom]:before:right-0 data-[side=bottom]:before:left-0`,e),...a,children:(0,X.jsx)(yn,{className:`data-[ending-style]:easing-[ease] xs:w-(--popup-width) relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) rounded-3xl bg-popover text-popover-foreground shadow-lg ring-1 ring-foreground/5 transition-[opacity,transform,width,height,scale,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0 dark:ring-foreground/10`,children:(0,X.jsx)(_n,{className:`relative size-full overflow-hidden`})})})})}function On({className:e,...t}){return(0,X.jsx)(bn,{"data-slot":`navigation-menu-link`,className:W(`flex items-center gap-1.5 rounded-3xl p-3 text-sm transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/30 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-2xl data-[active=true]:bg-muted/50 data-[active=true]:hover:bg-muted data-[active=true]:focus:bg-muted [&_svg:not([class*='size-'])]:size-4`,e),...t})}var kn=e({CommandPalette:()=>Pn,ContextMenuRightClick:()=>Nn,DropdownMenuExample:()=>An,MenubarExample:()=>jn,NavigationMenuExample:()=>Mn});function An(){return(0,X.jsx)(X.Fragment,{children:(0,X.jsxs)(dt,{children:[(0,X.jsx)(ft,{render:e=>(0,X.jsx)(ue,{variant:`outline`,...e,children:`Open menu`})}),(0,X.jsxs)(pt,{children:[(0,X.jsxs)(mt,{children:[(0,X.jsx)(ht,{children:`Actions`}),(0,X.jsx)(_t,{}),(0,X.jsxs)(gt,{children:[(0,X.jsx)(Re,{className:`size-3.5`}),` Edit`]}),(0,X.jsxs)(gt,{children:[(0,X.jsx)(l,{className:`size-3.5`}),` Duplicate`]})]}),(0,X.jsx)(_t,{}),(0,X.jsxs)(gt,{variant:`destructive`,children:[(0,X.jsx)(ze,{className:`size-3.5`}),` Delete`]})]})]})})}function jn(){return(0,X.jsx)(X.Fragment,{children:(0,X.jsxs)(Mt,{children:[(0,X.jsxs)(Nt,{children:[(0,X.jsx)(Pt,{children:`File`}),(0,X.jsxs)(Ft,{children:[(0,X.jsx)(It,{children:`New workspace`}),(0,X.jsx)(It,{children:`Import data`}),(0,X.jsx)(Lt,{}),(0,X.jsx)(It,{variant:`destructive`,children:`Archive`})]})]}),(0,X.jsxs)(Nt,{children:[(0,X.jsx)(Pt,{children:`View`}),(0,X.jsxs)(Ft,{children:[(0,X.jsx)(It,{children:`Compact rows`}),(0,X.jsx)(It,{children:`Show filters`})]})]})]})})}function Mn(){return(0,X.jsx)(X.Fragment,{children:(0,X.jsx)(xn,{children:(0,X.jsxs)(Sn,{children:[(0,X.jsxs)(Cn,{children:[(0,X.jsx)(Tn,{children:`Operations`}),(0,X.jsx)(En,{children:(0,X.jsxs)(`div`,{className:`grid w-90 gap-1`,children:[(0,X.jsxs)(On,{href:`#orders`,children:[(0,X.jsx)(Le,{className:`size-4`}),(0,X.jsxs)(`div`,{children:[(0,X.jsx)(`div`,{className:`font-medium`,children:`Orders`}),(0,X.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:`Review active fulfillment queues.`})]})]}),(0,X.jsxs)(On,{href:`#inventory`,children:[(0,X.jsx)(Le,{className:`size-4`}),(0,X.jsxs)(`div`,{children:[(0,X.jsx)(`div`,{className:`font-medium`,children:`Inventory`}),(0,X.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:`Monitor low-stock and replenishment signals.`})]})]})]})})]}),(0,X.jsx)(Cn,{children:(0,X.jsx)(On,{href:`#reports`,children:`Reports`})})]})})})}function Nn(){return(0,X.jsx)(X.Fragment,{children:(0,X.jsxs)(xt,{children:[(0,X.jsx)(St,{children:(0,X.jsx)(`div`,{className:`flex h-24 w-full items-center justify-center rounded-md border border-dashed border-border text-sm text-muted-foreground`,children:`Right-click here`})}),(0,X.jsxs)(Ct,{children:[(0,X.jsxs)(wt,{children:[(0,X.jsx)(Tt,{children:`File`}),(0,X.jsx)(Dt,{}),(0,X.jsxs)(Et,{children:[(0,X.jsx)(Re,{className:`size-3.5`}),` Rename`]}),(0,X.jsxs)(Et,{children:[(0,X.jsx)(l,{className:`size-3.5`}),` Copy`]})]}),(0,X.jsx)(Dt,{}),(0,X.jsxs)(Et,{variant:`destructive`,children:[(0,X.jsx)(ze,{className:`size-3.5`}),` Delete`]})]})]})})}function Pn(){return(0,X.jsx)(X.Fragment,{children:(0,X.jsxs)(lt,{className:`rounded-md border border-border`,children:[(0,X.jsx)(at,{placeholder:`Type a command…`}),(0,X.jsxs)(st,{children:[(0,X.jsx)(ot,{children:`No results.`}),(0,X.jsxs)(ct,{heading:`Actions`,children:[(0,X.jsx)(it,{children:`Create order`}),(0,X.jsx)(it,{children:`Add customer`}),(0,X.jsx)(it,{children:`Generate invoice`})]}),(0,X.jsxs)(ct,{heading:`Navigation`,children:[(0,X.jsx)(it,{children:`Go to Orders`}),(0,X.jsx)(it,{children:`Go to Settings`})]})]})]})})}var Fn=`import { Copy, Edit, ExternalLink, Trash2 } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import {
+	DropdownMenu,
+	DropdownMenuContent,
+	DropdownMenuGroup,
+	DropdownMenuItem,
+	DropdownMenuLabel,
+	DropdownMenuSeparator,
+	DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu';
+import {
+	ContextMenu,
+	ContextMenuContent,
+	ContextMenuGroup,
+	ContextMenuItem,
+	ContextMenuLabel,
+	ContextMenuSeparator,
+	ContextMenuTrigger,
+} from '@/components/ui/context-menu';
+import {
+	Command,
+	CommandEmpty,
+	CommandGroup,
+	CommandInput,
+	CommandItem,
+	CommandList,
+} from '@/components/ui/command';
+import {
+	Menubar,
+	MenubarContent,
+	MenubarItem,
+	MenubarMenu,
+	MenubarSeparator,
+	MenubarTrigger,
+} from '@/components/ui/menubar';
+import {
+	NavigationMenu,
+	NavigationMenuContent,
+	NavigationMenuItem,
+	NavigationMenuLink,
+	NavigationMenuList,
+	NavigationMenuTrigger,
+} from '@/components/ui/navigation-menu';
+
+export function DropdownMenuExample() {
+	return (
+		<>
+			<DropdownMenu>
+				<DropdownMenuTrigger render={(p) => <Button variant="outline" {...p}>Open menu</Button>} />
+				<DropdownMenuContent>
+					<DropdownMenuGroup>
+						<DropdownMenuLabel>Actions</DropdownMenuLabel>
+						<DropdownMenuSeparator />
+						<DropdownMenuItem><Edit className="size-3.5" /> Edit</DropdownMenuItem>
+						<DropdownMenuItem><Copy className="size-3.5" /> Duplicate</DropdownMenuItem>
+					</DropdownMenuGroup>
+					<DropdownMenuSeparator />
+					<DropdownMenuItem variant="destructive"><Trash2 className="size-3.5" /> Delete</DropdownMenuItem>
+				</DropdownMenuContent>
+			</DropdownMenu>
+		</>
+	);
+}
+
+export function MenubarExample() {
+	return (
+		<>
+			<Menubar>
+				<MenubarMenu>
+					<MenubarTrigger>File</MenubarTrigger>
+					<MenubarContent>
+						<MenubarItem>New workspace</MenubarItem>
+						<MenubarItem>Import data</MenubarItem>
+						<MenubarSeparator />
+						<MenubarItem variant="destructive">Archive</MenubarItem>
+					</MenubarContent>
+				</MenubarMenu>
+				<MenubarMenu>
+					<MenubarTrigger>View</MenubarTrigger>
+					<MenubarContent>
+						<MenubarItem>Compact rows</MenubarItem>
+						<MenubarItem>Show filters</MenubarItem>
+					</MenubarContent>
+				</MenubarMenu>
+			</Menubar>
+		</>
+	);
+}
+
+export function NavigationMenuExample() {
+	return (
+		<>
+			<NavigationMenu>
+				<NavigationMenuList>
+					<NavigationMenuItem>
+						<NavigationMenuTrigger>Operations</NavigationMenuTrigger>
+						<NavigationMenuContent>
+							<div className="grid w-90 gap-1">
+								<NavigationMenuLink href="#orders">
+									<ExternalLink className="size-4" />
+									<div>
+										<div className="font-medium">Orders</div>
+										<div className="text-xs text-muted-foreground">Review active fulfillment queues.</div>
+									</div>
+								</NavigationMenuLink>
+								<NavigationMenuLink href="#inventory">
+									<ExternalLink className="size-4" />
+									<div>
+										<div className="font-medium">Inventory</div>
+										<div className="text-xs text-muted-foreground">Monitor low-stock and replenishment signals.</div>
+									</div>
+								</NavigationMenuLink>
+							</div>
+						</NavigationMenuContent>
+					</NavigationMenuItem>
+					<NavigationMenuItem>
+						<NavigationMenuLink href="#reports">Reports</NavigationMenuLink>
+					</NavigationMenuItem>
+				</NavigationMenuList>
+			</NavigationMenu>
+		</>
+	);
+}
+
+export function ContextMenuRightClick() {
+	return (
+		<>
+			<ContextMenu>
+				<ContextMenuTrigger>
+					<div className="flex h-24 w-full items-center justify-center rounded-md border border-dashed border-border text-sm text-muted-foreground">
+						Right-click here
+					</div>
+				</ContextMenuTrigger>
+				<ContextMenuContent>
+					<ContextMenuGroup>
+						<ContextMenuLabel>File</ContextMenuLabel>
+						<ContextMenuSeparator />
+						<ContextMenuItem><Edit className="size-3.5" /> Rename</ContextMenuItem>
+						<ContextMenuItem><Copy className="size-3.5" /> Copy</ContextMenuItem>
+					</ContextMenuGroup>
+					<ContextMenuSeparator />
+					<ContextMenuItem variant="destructive"><Trash2 className="size-3.5" /> Delete</ContextMenuItem>
+				</ContextMenuContent>
+			</ContextMenu>
+		</>
+	);
+}
+
+export function CommandPalette() {
+	return (
+		<>
+			<Command className="rounded-md border border-border">
+				<CommandInput placeholder="Type a command…" />
+				<CommandList>
+					<CommandEmpty>No results.</CommandEmpty>
+					<CommandGroup heading="Actions">
+						<CommandItem>Create order</CommandItem>
+						<CommandItem>Add customer</CommandItem>
+						<CommandItem>Generate invoice</CommandItem>
+					</CommandGroup>
+					<CommandGroup heading="Navigation">
+						<CommandItem>Go to Orders</CommandItem>
+						<CommandItem>Go to Settings</CommandItem>
+					</CommandGroup>
+				</CommandList>
+			</Command>
+		</>
+	);
+}
+`;function In(e){return kn||Rn(`Examples`,!1),Pn||Rn(`Examples.CommandPalette`,!0),Nn||Rn(`Examples.ContextMenuRightClick`,!0),An||Rn(`Examples.DropdownMenuExample`,!0),jn||Rn(`Examples.MenubarExample`,!0),Mn||Rn(`Examples.NavigationMenuExample`,!0),(0,X.jsx)(i,{title:`UI · Menus`,description:`DropdownMenu, Menubar, NavigationMenu, ContextMenu, and Command palette.`,layer:`ui`,status:`ready`,children:(0,X.jsxs)(a,{title:`Examples`,id:`examples`,children:[(0,X.jsx)(R,{name:`DropdownMenuExample`,source:Fn,children:(0,X.jsx)(An,{})}),(0,X.jsx)(R,{name:`MenubarExample`,source:Fn,children:(0,X.jsx)(jn,{})}),(0,X.jsx)(R,{name:`NavigationMenuExample`,source:Fn,children:(0,X.jsx)(Mn,{})}),(0,X.jsx)(R,{name:`ContextMenuRightClick`,source:Fn,children:(0,X.jsx)(Nn,{})}),(0,X.jsx)(R,{name:`CommandPalette`,source:Fn,children:(0,X.jsx)(Pn,{})})]})})}function Ln(e={}){let{wrapper:t}=e.components||{};return t?(0,X.jsx)(t,{...e,children:(0,X.jsx)(In,{...e})}):In(e)}function Rn(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{Ln as default};

package/dist/showcase/assets/message-square-CYSVV7nZ.js

@@ -0,0 +1 @@
+import{l as e}from"./index-DSBghWdd.js";var t=e(`message-square`,[[`path`,{d:`M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z`,key:`18887p`}]]);export{t};

package/dist/showcase/assets/metadata-list-BHIfOKD6.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{f as n,p as r}from"./section-DLqBJGPH.js";import{a as i,c as a,o,r as s}from"./example-DDhaO2UY.js";import{t as c}from"./info-wAcLD6Uj.js";import{N as l,d as u,n as d}from"./index-DSBghWdd.js";import{t as f}from"./separator-DeMF0eCd.js";var p=e(t(),1),m={formatInfoAriaLabel:e=>`${e} info`,infoFallback:`Info`},h=u(),g={1:`grid-cols-1`,2:`grid-cols-1 sm:grid-cols-2`,3:`grid-cols-1 sm:grid-cols-2 lg:grid-cols-3`,4:`grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4`},_={start:`justify-start`,end:`justify-end`,center:`justify-center`,between:`justify-between`,around:`justify-around`,evenly:`justify-evenly`},v={start:`items-start`,center:`items-center`,end:`items-end`,baseline:`items-baseline`},y=(e,t)=>e.id?e.id:`metadata-${typeof e.label==`string`?e.label:`${t}`}-${t}`;function b({triggerProps:e,ariaLabel:t}){let{className:n,...r}=e;return(0,h.jsx)(s,{...r,type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,className:d(`metadata-list--info-trigger -mx-space-2xs inline-flex size-avatar-sm shrink-0 items-center justify-center rounded-sm`,`text-muted-foreground transition-colors hover:text-foreground`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,n),"aria-label":t,children:(0,h.jsx)(c,{className:`size-icon-sm cursor-help`})})}function x({items:e,columns:t=2,dense:s=!1,emptyLabel:c=`—`,title:u,titleSeparator:x=!1,className:S,gapClassName:C,labelClassName:w,valueClassName:T,descriptionClassName:E,layout:D=`vertical`,justify:O=`start`,align:k=`center`,separator:A=`: `,itemSeparator:j=!1,wrap:M=!0,strings:N}){let P=l(m,N),F=p.useMemo(()=>e.filter(Boolean),[e]);if(p.useEffect(()=>{},[D,F]),F.length===0)return null;let I=g[t]??g[2],L=C??(s?`gap-space-md`:`gap-space-xl`),R=`text-xs`,z=s?`text-xs`:`text-sm`,B=`font-medium text-xs text-muted-foreground uppercase tracking-wide`,V=u!=null,H=V&&x;if(D===`horizontal`){let e=_[O]??_.start,t=v[k]??v.center,l=typeof j==`string`?j:j?` | `:``,m=s?`gap-space-sm`:`gap-space-md`,g=M?`flex-wrap`:`flex-nowrap`;return(0,h.jsxs)(`div`,{className:d(`metadata-list--component`,`metadata-list-container`,S),children:[!!V&&(0,h.jsx)(n,{tag:`h6`,className:d(`mb-space-sm`,B),children:u}),!!H&&(0,h.jsx)(f,{className:`mb-2`}),(0,h.jsx)(`div`,{className:d(`flex`,g,e,t,m),children:F.map((e,t)=>{let n=y(e,t),u=e.emptyLabel??c,f=e.value===null||e.value===void 0,m=e.value??u,g=e.icon,_=e.tooltip!==null&&e.tooltip!==void 0,v=typeof e.render==`function`,x=l&&t<F.length-1;return(0,h.jsxs)(p.Fragment,{children:[(0,h.jsxs)(`div`,{className:`flex items-center gap-space-md`,children:[!!g&&(0,h.jsx)(g,{className:d(`flex-shrink-0`,s?`size-icon-sm`:`size-icon`,`text-muted-foreground`)}),(0,h.jsx)(r,{size:`inherit`,type:`main`,weight:`semibold`,className:d(`metadata--field tracking-wide whitespace-nowrap`,R,w),children:e.label}),!!_&&(0,h.jsxs)(i,{children:[(0,h.jsx)(a,{render:t=>(0,h.jsx)(b,{triggerProps:t,ariaLabel:typeof e.label==`string`?P.formatInfoAriaLabel(e.label):P.infoFallback})}),(0,h.jsx)(o,{side:`top`,align:`start`,className:`max-w-xs`,children:(0,h.jsx)(r,{type:`inverse`,size:`xs`,children:e.tooltip})})]}),(0,h.jsx)(r,{size:`inherit`,type:`secondary`,children:A}),v?e.render?.(e):(0,h.jsx)(r,{className:d(z,`leading-tight`,f?`text-foreground/50`:`text-foreground`,T),children:m})]}),!!x&&(0,h.jsx)(r,{size:`inherit`,type:`secondary`,children:l})]},n)})})]})}if(D===`rows`){let e=s?`py-row-y-sm`:`py-row-y`;return(0,h.jsxs)(`div`,{className:d(`metadata-list--component`,`metadata-list-container`,S),children:[!!V&&(0,h.jsx)(n,{tag:`h6`,className:d(`mb-space-md`,B),children:u}),!!H&&(0,h.jsx)(f,{className:`mb-2`}),(0,h.jsx)(`dl`,{className:`divide-y divide-border/50`,children:F.map((t,n)=>{let l=y(t,n),u=t.emptyLabel??c,f=t.value===null||t.value===void 0,p=t.value??u,m=t.icon,g=t.tooltip!==null&&t.tooltip!==void 0,_=typeof t.render==`function`;return(0,h.jsxs)(`div`,{className:d(`grid items-baseline gap-x-space-xl gap-y-space-sm grid-cols-[minmax(9rem,1fr)_2fr]`,e),children:[(0,h.jsxs)(`dt`,{className:`flex items-center gap-space-sm min-w-0`,children:[!!m&&(0,h.jsx)(m,{className:d(`flex-shrink-0 text-muted-foreground`,s?`size-icon-sm`:`size-icon`)}),(0,h.jsx)(r,{type:`main`,weight:`semibold`,className:d(`metadata--field truncate tracking-wide`,R,w),children:t.label}),!!g&&(0,h.jsxs)(i,{children:[(0,h.jsx)(a,{render:e=>(0,h.jsx)(b,{triggerProps:e,ariaLabel:typeof t.label==`string`?P.formatInfoAriaLabel(t.label):P.infoFallback})}),(0,h.jsx)(o,{side:`top`,align:`start`,className:`max-w-xs`,children:(0,h.jsx)(r,{type:`inverse`,size:`xs`,children:t.tooltip})})]})]}),(0,h.jsxs)(`dd`,{className:`min-w-0`,children:[_?t.render?.(t):(0,h.jsx)(r,{className:d(z,`break-words leading-tight`,f?`text-foreground/50`:`text-foreground`,T),children:p}),!!t.description&&(0,h.jsx)(r,{size:`inherit`,type:`secondary`,className:d(`mt-space-xs text-xs leading-snug`,E),children:t.description})]})]},l)})})]})}return(0,h.jsxs)(`div`,{className:d(`metadata-list--component`,`metadata-list-container`,S),children:[!!V&&(0,h.jsx)(n,{tag:`h6`,className:d(`mb-space-sm`,B),children:u}),!!H&&(0,h.jsx)(f,{className:`mb-2`}),(0,h.jsx)(`div`,{className:d(`grid`,I,L),children:F.map((e,t)=>{let n=y(e,t),l=e.emptyLabel??c,u=e.value===null||e.value===void 0,f=e.value??l,p=e.icon,m=e.tooltip!==null&&e.tooltip!==void 0,g=typeof e.render==`function`;return(0,h.jsxs)(`div`,{className:d(`grid min-w-0`,`gap-space-sm`),children:[(0,h.jsxs)(`div`,{className:`flex items-center gap-space-sm`,children:[!!p&&(0,h.jsx)(p,{className:d(`flex-shrink-0`,s?`size-icon-sm`:`size-icon`,`text-muted-foreground`)}),(0,h.jsx)(r,{size:`inherit`,type:`main`,weight:`semibold`,className:d(`metadata--field tracking-wide`,R,w),children:e.label}),!!m&&(0,h.jsxs)(i,{children:[(0,h.jsx)(a,{render:t=>(0,h.jsx)(b,{triggerProps:t,ariaLabel:typeof e.label==`string`?P.formatInfoAriaLabel(e.label):P.infoFallback})}),(0,h.jsx)(o,{side:`top`,align:`start`,className:`max-w-xs`,children:(0,h.jsx)(r,{type:`inverse`,size:`xs`,children:e.tooltip})})]})]}),g?e.render?.(e):(0,h.jsx)(r,{className:d(z,`leading-tight`,u?`text-foreground/50`:`text-foreground`,T),children:f}),!!e.description&&(0,h.jsx)(r,{size:`inherit`,type:`secondary`,className:d(`text-xs leading-snug`,E),children:e.description})]},n)})})]})}x.displayName=`MetadataList`;export{x as t};