admin-ui-starter-kit 0.4.5 → 0.5.0

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

@@ -0,0 +1 @@
+import{Rr as e,Vr as t,jr as n,r}from"./example-CbMg22fx.js";import{k as i,n as a,s as o}from"./index-DNH0y0r-.js";import{t as s}from"./popover-BWbBoxN0.js";import{i as c}from"./command-BNVn6pYm.js";import{a as l,i as u,n as d,r as f,t as p}from"./command-Bwp2eLDF.js";var m=o(),h={primary:`secondary`,success:`success`,warning:`warning`,destructive:`destructive`,info:`info`,secondary:`secondary`},g=({mention:e,resource:t,asLink:r=!0,onClick:i,trailing:o,className:s})=>{if(t?.renderChip)return(0,m.jsx)(m.Fragment,{children:t.renderChip(e)});let c=h[t?.tone??`secondary`]??h.secondary,l=t?.icon,u=(0,m.jsxs)(n,{variant:c,inline:!0,"data-ref-id":e.id,"data-ref-kind":e.kind,className:a(`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:e.label}),o]});return r&&e.href?(0,m.jsx)(`a`,{href:e.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:n,activeKind:o,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 n?(0,m.jsxs)(s,{align:`start`,className:a(`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)(e,{size:`xxs`,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===o;return(0,m.jsxs)(r,{type:`button`,variant:i?`primary`:`secondary`,buttonStyle:i?`solid`:`ghost`,size:`xs`,onClick:()=>h(e),className:a(`h-auto gap-1 rounded px-1.5 py-0.5 text-xxs 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)(t,{className:`size-3.5 animate-spin`,"aria-hidden":!0}),(0,m.jsx)(e,{tag:`span`,size:`xs`,type:`secondary`,children:E.loading})]}):null,(0,m.jsx)(d,{children:E.empty}),(0,m.jsx)(f,{children:x.map(t=>{let n=t.kind??o??``;return(0,m.jsx)(u,{value:`${n}:${t.id}`,onSelect:()=>C(t),children:(0,m.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col leading-tight`,children:[(0,m.jsx)(e,{tag:`span`,size:`xs`,weight:`medium`,className:`truncate`,children:t.label}),t.description?(0,m.jsx)(e,{tag:`span`,size:`xxs`,type:`secondary`,className:`mt-0.5 truncate`,children:t.description}):null]})},`${n}:${t.id}`)})})]})]})]}):null}function b({open:n,activeKind:o,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 n?(0,m.jsxs)(`div`,{onMouseDown:e=>e.preventDefault(),className:a(`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)(e,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:b.title}),p?(0,m.jsxs)(e,{tag:`span`,size:`xxs`,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===o,c=u?.[e]?.length??0;return(0,m.jsxs)(r,{type:`button`,variant:i?`primary`:`secondary`,buttonStyle:i?`solid`:`ghost`,size:`xs`,onClick:()=>{s(e),h?.()},className:a(`h-auto gap-1 rounded px-1.5 py-0.5 text-xxs 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:a(`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)(t,{className:`size-3.5 animate-spin`,"aria-hidden":!0}),(0,m.jsx)(e,{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)(e,{size:`xs`,type:`secondary`,children:b.empty})}):null,d.map(t=>{let n=t.kind??o??``;return(0,m.jsx)(r,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`sm`,role:`option`,"data-ref-id":`${n}:${t.id}`,onClick:()=>g(t),className:a(`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)(e,{tag:`span`,size:`xs`,weight:`medium`,className:`truncate`,children:t.label}),t.description?(0,m.jsx)(e,{tag:`span`,size:`xxs`,type:`secondary`,className:`mt-0.5 truncate`,children:t.description}):null]})},`${n}:${t.id}`)})]})]}):null}export{y as n,g as r,b as t};

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

@@ -0,0 +1,138 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,Rr as a,jr as o,r as s,t as c}from"./example-CbMg22fx.js";import{t as l}from"./calendar-days-RYOuU9Cg.js";import{t as u}from"./hash-BC0RnYwr.js";import{a as d,s as f}from"./index-DNH0y0r-.js";import{t as p}from"./props-table-DSdjPLVr.js";import{i as m,t as h}from"./popover-DoEhmJ7G.js";import{n as g,r as _,t as v}from"./mention-inline-suggestions-tOlG56Jr.js";var y=d(`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=f(),C={user:{label:`People`,icon:y,trigger:`@`,tone:`primary`},booking:{label:`Bookings`,icon:l,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),i=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:i,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)(o,{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)(``),[c,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)(s,{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)}})]}),c?(0,S.jsx)(_,{mention:{id:c.id,kind:c.kind??`user`,label:c.label},resource:C[c.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)(i,{title:`Examples`,id:`examples`,children:[(0,S.jsx)(c,{name:`InlineMentionSuggestions`,source:D,children:(0,S.jsx)(T,{})}),(0,S.jsx)(c,{name:`MentionPickerPopover`,source:D,children:(0,S.jsx)(E,{})})]}),(0,S.jsxs)(i,{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-Cs95R125.js

@@ -0,0 +1,165 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n,t as r}from"./react-dom-Bz4cALsF.js";import{C as i,Cn as a,Ct as o,Dr as s,Dt as c,E as l,Er as u,Hr 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,Nr as b,O as x,Ot as S,Qt as C,S as w,Sr as T,T as E,Tt as D,Ut as O,Vn as ee,X as te,Xt as k,Y as A,Yn as j,Yt as ne,Zt as M,_r as N,_t as re,ar as ie,br as ae,bt as oe,ct as P,d as F,dt as se,en as ce,er as le,f as ue,fr as I,ft as de,g as L,gn as fe,hn as R,hr as z,ir as pe,jn as me,jt as he,kt as ge,lr as _e,lt as ve,m as ye,mr as be,mt as xe,nr as Se,ot as Ce,p as we,pr as Te,q as Ee,sn as De,t as B,u as Oe,ut as V,v as H,vt as ke,w as Ae,wn as je,wt as Me,x as Ne,y as Pe,yn as Fe,yt as Ie}from"./example-CbMg22fx.js";import{t as Le}from"./chevron-down-BbbFJsFU.js";import{t as Re}from"./external-link-C4QW5KPr.js";import{t as ze}from"./square-pen-3jbmTAqh.js";import{t as Be}from"./trash-2-xwHdvAn6.js";import{n as U,s as Ve}from"./index-DNH0y0r-.js";import{a as He}from"./useOpenInteractionType-CUTVNS1V.js";import{t as W}from"./inertValue-B82SGILi.js";import{t as Ue}from"./useControlled-BF8maje6.js";import{S as We,_ as G,a as Ge,b as Ke,c as qe,d as K,f as Je,g as Ye,h as Xe,l as Ze,m as Qe,o as $e,p as et,r as tt,t as q,u as J,v as nt,x as rt,y as it}from"./dropdown-menu-CrcweCup.js";import{t as at}from"./CompositeItem-CRBdF4lY.js";import{t as ot}from"./Separator-BP98bGSM.js";import{t as st}from"./CompositeRoot-BJL04x4e.js";import{a as ct,i as lt,n as ut,o as dt,r as ft,t as pt}from"./command-BNVn6pYm.js";function mt(e){let t=N(e),n=parseFloat(t.width)||0,r=parseFloat(t.height)||0,i=T(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=Ve();function ht(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=oe(),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)(it.Provider,{value:u,children:(0,X.jsx)(rt.Provider,{value:void 0,children:(0,X.jsx)(K,{...e})})})}var gt=500,_t=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}=Ke(!1),{store:m}=We(!1),h=m.useState(`open`),_=m.useState(`disabled`),b=Y.useRef(null),x=Y.useRef(null),S=j(),w=j(),T=Y.useRef(!1);function E(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,C(je,n)),w.start(gt,()=>{T.current=!0})}function D(e){_||(d.current=!0,ee(e),E(e.clientX,e.clientY,e.nativeEvent),M(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&&J(t)===p||s.current?.setOpen(!1,C(ce,e))},{once:!0}))}function O(e){if(!_&&(d.current=!1,e.touches.length===1)){e.stopPropagation();let t=e.touches[0];x.current={x:t.clientX,y:t.clientY},S.start(gt,()=>{x.current&&E(x.current.x,x.current.y,e.nativeEvent)})}}function te(e){if(S.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)&&S.clear()}}function k(){S.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 M(g(b.current),`contextmenu`,e)},[l,_,c]),Se(`div`,e,{state:{open:h},ref:[b,t],props:[{onContextMenu:D,onTouchStart:O,onTouchMove:te,onTouchEnd:k,onTouchCancel:k,style:{WebkitTouchCallout:`none`}},a],stateAttributesMapping:Pe})});function vt({...e}){return(0,X.jsx)(ht,{"data-slot":`context-menu`,...e})}function yt({className:e,...t}){return(0,X.jsx)(_t,{"data-slot":`context-menu-trigger`,className:U(`select-none`,e),...t})}function bt({className:e,align:t=`start`,alignOffset:n=4,side:r=`right`,sideOffset:i=0,...a}){return(0,X.jsx)(Xe,{children:(0,X.jsx)(Qe,{className:`isolate z-50 outline-none`,align:t,alignOffset:n,side:r,sideOffset:i,children:(0,X.jsx)(Ye,{"data-slot":`context-menu-content`,className:U(`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 xt({className:e,inset:t,...n}){return(0,X.jsx)(nt,{"data-slot":`context-menu-label`,"data-inset":t,className:U(`text-muted-foreground px-2 py-1.5 text-xs font-medium data-[inset]:pl-8`,e),...n})}function St({className:e,inset:t,variant:n=`default`,...r}){return(0,X.jsx)(G,{"data-slot":`context-menu-item`,"data-inset":t,"data-variant":n,className:U(`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 Ct({className:e,...t}){return(0,X.jsx)(ot,{"data-slot":`context-menu-separator`,className:U(`bg-border -mx-1 my-1 h-px`,e),...t})}var wt=function(e){return e.modal=`data-modal`,e.orientation=`data-orientation`,e.hasSubmenuOpen=`data-has-submenu-open`,e}({}),Tt={hasSubmenuOpen(e){return e?{[wt.hasSubmenuOpen]:``}:null}},Et=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=L(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)(ve,{children:(0,X.jsx)(Dt,{children:(0,X.jsx)(st,{render:i,className:a,style:l,state:g,stateAttributesMapping:Tt,refs:[t,f,_],props:[{role:`menubar`,id:h,"aria-orientation":n},u],orientation:n,loopFocus:r,enableHomeAndEndKeys:!0,highlightItemOnHover:p})})})})});function Dt(e){let t=V(),{events:n}=de(),r=et();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)(P,{id:t,children:e.children})}function Ot({className:e,...t}){return(0,X.jsx)(Et,{"data-slot":`menubar`,className:U(`flex h-9 items-center rounded-3xl border p-1`,e),...t})}function kt({...e}){return(0,X.jsx)(q,{"data-slot":`menubar-menu`,...e})}function At({className:e,...t}){return(0,X.jsx)(Ze,{"data-slot":`menubar-trigger`,className:U(`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 jt({className:e,align:t=`start`,alignOffset:n=-4,sideOffset:r=8,...i}){return(0,X.jsx)(tt,{"data-slot":`menubar-content`,align:t,alignOffset:n,sideOffset:r,className:U(`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 Mt({className:e,inset:t,variant:n=`default`,...r}){return(0,X.jsx)(Ge,{"data-slot":`menubar-item`,"data-inset":t,"data-variant":n,className:U(`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 Nt({className:e,...t}){return(0,X.jsx)(qe,{"data-slot":`menubar-separator`,className:U(`-mx-1 my-1 h-px bg-border/50`,e),...t})}var Pt=Y.createContext(void 0);function Z(e){let t=Y.useContext(Pt);if(t===void 0&&!e)throw Error(I(41));return t}var Ft=Y.createContext(void 0);function It(){return Y.useContext(Ft)}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 Lt(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 Rt=new Set([a,Fe,De]);function zt(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 Bt=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=se()!=null,d=Z(!0),[f,p]=Ue({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),[w,E]=Y.useState(null),[D,O]=Y.useState(null),[ee,k]=Y.useState(null),[A,j]=Y.useState(void 0),[ne,M]=Y.useState(!1),N=Y.useRef(null),re=Y.useRef(null),ie=Y.useRef(null),ae=Y.useRef(null),oe=Y.useRef(null),P=Y.useRef(null),F=Y.useRef({abortController:null,owner:null}),{mounted:ce,setMounted:le,transitionStatus:ue}=te(m);be(()=>{if(m||!b||!S)return;let e=zt(b);e&&Lt(S,b,e.width,e.height)},[m,S,b]),Y.useEffect(()=>{M(!1)},[f]);let I=z((e,t)=>{e??(_.current=t.reason),e!==f&&i?.(e,t),!t.isCanceled&&(e??(k(null),j(void 0)),p(e),u&&e==null&&t.reason===`link-press`&&d&&d.setValue(null,t))}),de=z(()=>{let e=me(g(y.current));!(_.current&&Rt.has(_.current))&&T(N.current)&&(e===g(S).body||v(S,e))&&S&&(N.current.focus({preventScroll:!0}),N.current=void 0),le(!1),l?.(!1),k(null),j(void 0),re.current=null,_.current=void 0});Y.useImperativeHandle(a,()=>({unmount:de}),[de]),h({enabled:!a,open:m,ref:{current:S},onComplete(){m||de()}}),h({enabled:!a,open:m,ref:{current:D},onComplete(){m||de()}});let L=m?ee:null,fe=Y.useMemo(()=>({open:m,value:f,setValue:I,mounted:ce,transitionStatus:ue,positionerElement:b,setPositionerElement:x,popupElement:S,setPopupElement:C,viewportElement:w,setViewportElement:E,viewportTargetElement:D,setViewportTargetElement:O,activationDirection:L,setActivationDirection:k,floatingRootContext:A,setFloatingRootContext:j,currentContentRef:re,nested:u,rootRef:y,beforeInsideRef:ie,afterInsideRef:ae,beforeOutsideRef:oe,afterOutsideRef:P,prevTriggerElementRef:N,popupAutoSizeResetRef:F,delay:o,closeDelay:s,orientation:c,viewportInert:ne,setViewportInert:M}),[m,f,I,ce,ue,b,S,w,D,L,A,u,o,s,c,ne]),R=(0,X.jsx)(Pt.Provider,{value:fe,children:(0,X.jsx)(Vt,{componentProps:e,forwardedRef:t,children:e.children})});return u?R:(0,X.jsx)(ve,{children:R})});function Vt(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=V(),{rootRef:m,nested:h,open:g}=Z(),_={open:g,nested:h},v=Se(h?`div`:`nav`,e.componentProps,{state:_,ref:[e.forwardedRef,m],props:f});return(0,X.jsx)(Ft.Provider,{value:p,children:(0,X.jsx)(P,{id:p,children:v})})}var Ht=`data-base-ui-navigation-menu-trigger`,Ut=Y.createContext(void 0);function Wt(){return Y.useContext(Ut)}var Gt=Y.forwardRef(function(e,t){let{render:n,className:r,style:a,...o}=e,s=It(),{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;i(v,{enabled:!!u&&(d!=null||m!=null||f==null),closeDelay:p,nodeId:s});let x=Ce(v,{enabled:b,outsidePressEvent:`intentional`,outsidePress(e){return y(e)?.closest(`[${Ht}]`)===null}}),S=u?x:void 0,C={open:l},w=h?ie:{onKeyDown(e){(c===`horizontal`&&(e.key===`ArrowLeft`||e.key===`ArrowRight`)||c===`vertical`&&(e.key===`ArrowUp`||e.key===`ArrowDown`))&&e.stopPropagation()}},T=[S?.floating||ie,w,o],E=Se(`ul`,e,{state:C,ref:t,props:T,enabled:h});return h?(0,X.jsx)(Ut.Provider,{value:S,children:E}):(0,X.jsx)(Ut.Provider,{value:S,children:(0,X.jsx)(st,{render:n,className:r,style:a,state:C,refs:[t],props:T,loopFocus:!1,orientation:c,tag:`ul`})})}),Kt=Y.createContext(void 0);function qt(){let e=Y.useContext(Kt);if(!e)throw Error(I(39));return e}var Jt=Y.forwardRef(function(e,t){let{render:n,className:r,style:i,value:a,...o}=e,s=L(),c=a??s,l=Se(`li`,e,{ref:t,props:o}),u=Y.useMemo(()=>({value:c}),[c]);return(0,X.jsx)(Kt.Provider,{value:u,children:l})}),Yt=t(r(),1),Xt={...H,...A,activationDirection(e){return e?{"data-activation-direction":e}:null}},Zt=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}=qt(),m=It(),g=s&&l===p,_=Y.useRef(null),[b,x]=Y.useState(!1),[S,C]=Y.useState(!1),{mounted:w,setMounted:T,transitionStatus:E}=te(g);w&&!s&&T(!1),h({ref:_,open:g,onComplete(){g||T(!1)}}),be(()=>{g&&_.current&&(d.current=_.current)},[g,d]);let D={open:g,transitionStatus:E,activationDirection:u},O=z(e=>{e&&g&&(d.current=e)}),ee={onFocus(e){y(e.nativeEvent)?.hasAttribute(`data-base-ui-focus-guard`)||C(!0)},onBlur(e){v(e.currentTarget,e.relatedTarget)||C(!1)}},k=!g&&w?{style:{position:`absolute`,top:0,left:0},inert:W(!S),...ee}:ee,A=f||c,j=a&&!w,ne=a&&!A&&!b;return a&&A&&!b&&x(!0),ne?(0,X.jsx)(st,{render:n,className:r,style:i,state:D,refs:[t],props:[k,{hidden:!0},o],stateAttributesMapping:Xt}):!A||!w&&!a?null:Yt.createPortal((0,X.jsx)(P,{id:m,children:(0,X.jsx)(st,{render:n,className:r,style:i,state:D,refs:[t,_,O],props:[k,j?{hidden:!0}:ie,o],stateAttributesMapping:Xt})}),A)});function Qt({currentTarget:e,relatedTarget:t},n){let{popupElement:r,rootRef:i,tree:a,nodeId:s}=n,c=a?o(a.nodesRef.current,s).some(e=>v(e.context?.elements.floating,t)):[];return r?!v(r,e)&&!v(r,t)&&!v(i.current,t)&&!c&&!(v(r,t)&&t?.hasAttribute(`data-base-ui-focus-guard`)):!v(i.current,t)&&!c}var $t={width:0,height:0},en=Y.forwardRef(function(e,t){let{render:n,className:r,style:i,nativeButton:o=!0,disabled:s,...u}=e,{value:d,setValue:f,mounted:h,open:g,positionerElement:_,setActivationDirection:y,setFloatingRootContext:b,popupElement:D,viewportElement:te,transitionStatus:k,rootRef:A,beforeOutsideRef:N,afterOutsideRef:re,afterInsideRef:ie,beforeInsideRef:oe,prevTriggerElementRef:P,popupAutoSizeResetRef:F,currentContentRef:se,delay:ce,closeDelay:le,orientation:ue,setViewportInert:I,nested:L}=Z(),{value:R}=qt(),me=It(),ve=de(),xe=Wt(),Se=ye(),Ce=j(),we=m(),B=m(),Oe=m(),V=m(),[H,ke]=Y.useState(null),[Me,Fe]=Y.useState(!0),[Le,Re]=Y.useState(``),ze=Y.useRef(null),Be=Y.useRef(!1),U=Y.useRef($t),Ve=Y.useRef(!1),W=g&&d===R,Ue=ne(W),We=(_!=null||d==null)&&!s,G=_||te,Ge=(G!=null||d==null)&&!s,Ke=Ee(D,!1,!1),qe=Y.useCallback(e=>{ze.current=e,ke(e)},[]),K=z((e=!1)=>{!e&&F.current.owner!==R||(F.current.abortController?.abort(),F.current.abortController=null,F.current.owner=null)});be(()=>{W||(B.cancel(),V.cancel(),K())},[W,B,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;F.current.abortController=e,F.current.owner=R,Ke(()=>{F.current.abortController!==e||F.current.owner!==R||(F.current.abortController=null,F.current.owner=null,Je())},e.signal)}let Ze=z((e,t,n={})=>{if(!D||!_)return;K(!0);let{syncPositioner:r=!1}=n;Ye();let{width:i,height:a}=mt(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(()=>{Ue.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=z((e,t)=>{!D||!_||(V.cancel(),B.cancel(),K(!0),!(e===0||t===0)&&(Lt(D,_,e,t),B.request(()=>{B.request(()=>{Ye();let{width:n,height:r}=mt(D),i=n||e||U.current.width,a=r||t||U.current.height;Lt(D,_,e,t),V.request(()=>{Ue.current&&(Lt(D,_,i,a),Xe())})})})))}),$e=z(()=>{if(!D||!_)return;V.cancel(),K(!0),Ye();let{width:e,height:t}=mt(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=z(()=>{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||(Ce.clear(),B.cancel(),Oe.cancel(),V.cancel(),K(!0),Ve.current=!1,Re(``))},[Ce,g,B,Oe,V,K]),Y.useEffect(()=>{h||(U.current=$t)},[h]),be(()=>{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||!W||!D||!_)return;let e=ae(_);function t(){Oe.cancel(),Oe.request($e)}let n=M(e,`resize`,t);return()=>{Oe.cancel(),n()}},[g,W,D,_,Oe,$e]),Y.useEffect(()=>{let e=se.current;if(!e||!D||!W||typeof MutationObserver!=`function`)return;let t=new MutationObserver(()=>{if(k===`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()}},[se,D,W,k,et,Qe,Ze,$e]),Y.useEffect(()=>(W&&g&&D&&Be.current&&(Be.current=!1,we.request(()=>{N.current?.focus()})),()=>{we.cancel()}),[N,we,W,g,D]),be(()=>{if(Ue.current&&g&&D){let e=se.current?.querySelector(`[data-nested]`)!=null;if(k===`starting`&&e)return V.request($e),()=>{V.cancel()};if(Ve.current){Ve.current=!1;return}let{width:t,height:n}=mt(D);Ze(t,n)}},[se,Ze,Ue,g,D,V,$e,k]);function tt(e,t){let n=t.reason===a;if(!We||Le===`touch`&&n||!e&&d!==R)return;function r(){n&&(Fe(!0),Ce.clear(),Ce.start(500,()=>{Fe(!1)})),e?f(R,t):(f(null,t),Re(``))}n?Yt.flushSync(r):r()}let q=x({open:g,onOpenChange:tt,elements:{reference:H,floating:G}}),J=l(q),nt=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(),E(J))},[q,J,g]);let rt=z(()=>!L||_||!ze.current||!G?null:nn(ze.current,G,me));function it(){return!L||!_?ze.current?.closest(`ul`)??null:null}let ot=w(q,{enabled:Ge,move:!1,handleClose:Ne({blockPointerEvents:nt,getScope:it}),restMs:h&&_?0:ce,delay:{close:le},triggerElementRef:ze,getHandleCloseContext:rt}),st=Y.useMemo(()=>ot?{reference:ot}:void 0,[ot]),ct=He(q,{enabled:We,stickIfOpen:Me,toggle:W}),lt=Y.useMemo(()=>Te(ct.reference,st?.reference),[ct.reference,st]);be(()=>{W&&(b(q),P.current=H)},[W,q,b,P,H]);function ut(e){Yt.flushSync(()=>{let t=T(e.currentTarget)?e.currentTarget:null,n=P.current?.getBoundingClientRect();if(h&&n&&H){let e=H.getBoundingClientRect(),t=e.left>n.left,r=e.top>n.top;ue===`horizontal`&&e.left!==n.left?y(t?`right`:`left`):ue===`vertical`&&e.top!==n.top&&y(r?`down`:`up`)}if(e.type!==`click`&&d!=null&&(q.context.dataRef.current.openEvent=void 0),!(Le===`touch`&&e.type!==`click`)&&(d!=null&&e.type!==`keydown`&&f(R,C(e.type===`mouseenter`?a:je,e.nativeEvent)),e.type===`mouseenter`&&nt&&(!L||!_)&&G&&t)){let e=()=>{Ae(J,{scopeElement:it()??t.ownerDocument.body,referenceElement:t,floatingElement:G})};d!=null&&d!==R?queueMicrotask(e):e()}})}let dt=z(e=>{if(s)return;if(!D||!_){ut(e);return}let{width:t,height:n}=mt(D),r=d!=null&&d!==R&&(e.type===`click`||Le!==`touch`);ut(e),r&&(Ve.current=!0),Ze(t,n)}),ft={open:W};function pt(e){Re(e.pointerType)}function ht(e){pt(e),E(J)}let gt={tabIndex:0,onMouseEnter:dt,onClick:dt,onPointerEnter:pt,onPointerDown:ht,"aria-expanded":W,"aria-controls":W?D?.id:void 0,[Ht]:``,onFocus(){W&&I(!1)},onMouseMove(){Be.current=!1},onKeyDown(e){if(Be.current=!0,L)return;let t=Se===`rtl`?`ArrowLeft`:`ArrowRight`,n=ue===`horizontal`&&e.key===`ArrowDown`,r=ue===`vertical`&&e.key===t;(n||r)&&(f(R,C(fe,e.nativeEvent)),dt(e),ee(e))},onBlur(e){_&&D&&Qt({currentTarget:e.currentTarget,relatedTarget:e.relatedTarget},{popupElement:D,rootRef:A,tree:ve,nodeId:me})&&f(null,C(De,e.nativeEvent))}},{getButtonProps:_t,buttonRef:vt}=_e({disabled:s,focusableWhenDisabled:!0,native:o}),yt=G;return(0,X.jsxs)(Y.Fragment,{children:[(0,X.jsx)(at,{tag:`button`,render:n,className:r,style:i,state:ft,stateAttributesMapping:Pe,refs:[t,qe,vt],props:[lt,xe?.reference||pe,gt,u,_t]}),W&&(0,X.jsxs)(Y.Fragment,{children:[(0,X.jsx)(O,{ref:N,onFocus:e=>{yt&&he(e,yt)?oe.current?.focus():S(H)?.focus()}}),(0,X.jsx)(`span`,{"aria-owns":te?.id,style:Ie}),(0,X.jsx)(O,{ref:re,onFocus:e=>{if(yt&&he(e,yt))Yt.flushSync(()=>{I(!1)}),(ie.current||H)?.focus();else{let t=c(H);L&&!_&&yt&&t&&v(yt,t)&&(t=ge(ie.current)),t?.focus(),(!L||_)&&!v(A.current,t)&&f(null,C(`focus-out`,e.nativeEvent))}}})]})]})});function tn(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 nn(e,t,n){return{placement:tn(e,t),elements:{domReference:e,floating:t},nodeId:n}}var rn=Y.createContext(void 0);function an(){let e=Y.useContext(rn);if(e===void 0)throw Error(I(40));return e}var on=Y.forwardRef(function(e,t){let{keepMounted:n=!1,...r}=e,{mounted:i}=Z();return i||n?(0,X.jsx)(rn.Provider,{value:n,children:(0,X.jsx)(xe,{ref:t,...r})}):null}),sn=Y.createContext(void 0);function cn(e=!1){let t=Y.useContext(sn);if(!t&&!e)throw Error(I(42));return t}var ln=_(),un=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?ke:re,arrowPadding:b=5,sticky:x=!1,disableAnchorTracking:S=!1,style:C,...w}=e,T=an(),E=It(),O=j(),ee=j(),[te,A]=Y.useState(n),ne=Y.useRef(n),N=Y.useRef(null),ie=Y.useRef(null);Y.useEffect(()=>{if(!i)return;function e(e){i&&he(e)&&(e.type===`focusin`?D:Me)(i)}return k(M(i,`focusin`,e,!0),M(i,`focusout`,e,!0))},[i]);let oe=(o||ln).useState(`domReferenceElement`),P=ue({anchor:d??oe??ie,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:we}),F={open:n,side:P.side,align:P.align,anchorHidden:P.anchorHidden,instant:te};Y.useEffect(()=>{if(!n)return;ne.current&&O.start(0,()=>{ne.current=!1,ee.isStarted()||A(!1)});function e(){Yt.flushSync(()=>{A(!0)}),ee.start(100,()=>{A(!1)})}return M(ae(i),`resize`,e)},[n,O,ee,i]);let se=Oe(e,F,{styles:P.positionerStyles,transitionStatus:c,props:w,refs:[t,a,N],hidden:!r,inert:!n});return(0,X.jsx)(sn.Provider,{value:P,children:se})}),dn=_();function fn({children:e}){let{beforeInsideRef:t,beforeOutsideRef:n,afterInsideRef:r,afterOutsideRef:i,positionerElement:a,viewportElement:o,floatingRootContext:s}=Z(),l=!!cn(!0),u=a||o;return!s&&!l?e:(0,X.jsxs)(Y.Fragment,{children:[(0,X.jsx)(O,{ref:t,onFocus:e=>{u&&he(e,u)?c(u)?.focus():n.current?.focus()}}),e,(0,X.jsx)(O,{ref:r,onFocus:e=>{u&&he(e,u)?S(u)?.focus():i.current?.focus()}})]})}var pn=Y.forwardRef(function(e,t){let{render:n,className:r,style:i,children:a,id:o,...s}=e,c=oe(o),{setViewportElement:l,setViewportTargetElement:u,floatingRootContext:d,prevTriggerElementRef:f,viewportInert:p,setViewportInert:m}=Z(),h=!!cn(!0),g=(d||dn).useState(`domReferenceElement`);be(()=>{g&&(f.current=g)},[g,f]);let _=Se(`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:W(!0)},children:h?a:(0,X.jsx)(fn,{children:(0,X.jsx)(`div`,{ref:u,children:a})})},s]});return h?(0,X.jsx)(fn,{children:_}):_}),mn={...H,...A},hn=Y.forwardRef(function(e,t){let{render:n,className:r,style:i,id:a,...o}=e,{open:s,transitionStatus:c,setPopupElement:l}=Z(),u=cn(),d=ye(),f=L(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 Se(`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`}:{}},F(c),o],stateAttributesMapping:mn})}),gn=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=It(),p=de();return(0,X.jsx)(at,{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,C(R,e.nativeEvent))},onBlur(e){u&&l&&Qt({currentTarget:e.currentTarget,relatedTarget:e.relatedTarget},{popupElement:l,rootRef:d,tree:p,nodeId:f})&&c(null,C(De,e.nativeEvent))}},s]})});function _n({align:e=`start`,className:t,children:n,...r}){return(0,X.jsxs)(Bt,{"data-slot":`navigation-menu`,className:U(`group/navigation-menu relative flex max-w-max flex-1 items-center justify-center`,t),...r,children:[n,(0,X.jsx)(Cn,{align:e})]})}function vn({className:e,...t}){return(0,X.jsx)(Gt,{"data-slot":`navigation-menu-list`,className:U(`group flex flex-1 list-none items-center justify-center gap-0`,e),...t})}function yn({className:e,...t}){return(0,X.jsx)(Jt,{"data-slot":`navigation-menu-item`,className:U(`relative`,e),...t})}var bn=b(`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 xn({className:e,children:t,...n}){return(0,X.jsxs)(en,{"data-slot":`navigation-menu-trigger`,className:U(bn(),`group`,e),...n,children:[t,` `,(0,X.jsx)(Le,{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 Sn({className:e,...t}){return(0,X.jsx)(Zt,{"data-slot":`navigation-menu-content`,className:U(`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 Cn({className:e,side:t=`bottom`,sideOffset:n=8,align:r=`start`,alignOffset:i=0,...a}){return(0,X.jsx)(on,{children:(0,X.jsx)(un,{side:t,sideOffset:n,align:r,alignOffset:i,className:U(`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)(hn,{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)(pn,{className:`relative size-full overflow-hidden`})})})})}function wn({className:e,...t}){return(0,X.jsx)(gn,{"data-slot":`navigation-menu-link`,className:U(`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 Tn=e({CommandPalette:()=>An,ContextMenuRightClick:()=>kn,DropdownMenuExample:()=>En,MenubarExample:()=>Dn,NavigationMenuExample:()=>On});function En(){return(0,X.jsx)(X.Fragment,{children:(0,X.jsxs)(q,{children:[(0,X.jsx)(Ze,{render:e=>(0,X.jsx)(le,{variant:`outline`,...e,children:`Open menu`})}),(0,X.jsxs)(tt,{children:[(0,X.jsx)($e,{children:`Actions`}),(0,X.jsx)(qe,{}),(0,X.jsxs)(Ge,{children:[(0,X.jsx)(ze,{className:`size-3.5`}),` Edit`]}),(0,X.jsxs)(Ge,{children:[(0,X.jsx)(d,{className:`size-3.5`}),` Duplicate`]}),(0,X.jsx)(qe,{}),(0,X.jsxs)(Ge,{variant:`destructive`,children:[(0,X.jsx)(Be,{className:`size-3.5`}),` Delete`]})]})]})})}function Dn(){return(0,X.jsx)(X.Fragment,{children:(0,X.jsxs)(Ot,{children:[(0,X.jsxs)(kt,{children:[(0,X.jsx)(At,{children:`File`}),(0,X.jsxs)(jt,{children:[(0,X.jsx)(Mt,{children:`New workspace`}),(0,X.jsx)(Mt,{children:`Import data`}),(0,X.jsx)(Nt,{}),(0,X.jsx)(Mt,{variant:`destructive`,children:`Archive`})]})]}),(0,X.jsxs)(kt,{children:[(0,X.jsx)(At,{children:`View`}),(0,X.jsxs)(jt,{children:[(0,X.jsx)(Mt,{children:`Compact rows`}),(0,X.jsx)(Mt,{children:`Show filters`})]})]})]})})}function On(){return(0,X.jsx)(X.Fragment,{children:(0,X.jsx)(_n,{children:(0,X.jsxs)(vn,{children:[(0,X.jsxs)(yn,{children:[(0,X.jsx)(xn,{children:`Operations`}),(0,X.jsx)(Sn,{children:(0,X.jsxs)(`div`,{className:`grid w-[360px] gap-1`,children:[(0,X.jsxs)(wn,{href:`#orders`,children:[(0,X.jsx)(Re,{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)(wn,{href:`#inventory`,children:[(0,X.jsx)(Re,{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)(yn,{children:(0,X.jsx)(wn,{href:`#reports`,children:`Reports`})})]})})})}function kn(){return(0,X.jsx)(X.Fragment,{children:(0,X.jsxs)(vt,{children:[(0,X.jsx)(yt,{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)(bt,{children:[(0,X.jsx)(xt,{children:`File`}),(0,X.jsx)(Ct,{}),(0,X.jsxs)(St,{children:[(0,X.jsx)(ze,{className:`size-3.5`}),` Rename`]}),(0,X.jsxs)(St,{children:[(0,X.jsx)(d,{className:`size-3.5`}),` Copy`]}),(0,X.jsx)(Ct,{}),(0,X.jsxs)(St,{variant:`destructive`,children:[(0,X.jsx)(Be,{className:`size-3.5`}),` Delete`]})]})]})})}function An(){return(0,X.jsx)(X.Fragment,{children:(0,X.jsxs)(pt,{className:`rounded-md border border-border`,children:[(0,X.jsx)(lt,{placeholder:`Type a command…`}),(0,X.jsxs)(dt,{children:[(0,X.jsx)(ut,{children:`No results.`}),(0,X.jsxs)(ft,{heading:`Actions`,children:[(0,X.jsx)(ct,{children:`Create order`}),(0,X.jsx)(ct,{children:`Add customer`}),(0,X.jsx)(ct,{children:`Generate invoice`})]}),(0,X.jsxs)(ft,{heading:`Navigation`,children:[(0,X.jsx)(ct,{children:`Go to Orders`}),(0,X.jsx)(ct,{children:`Go to Settings`})]})]})]})})}var jn=`import { Copy, Edit, ExternalLink, Trash2 } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import {
+	DropdownMenu,
+	DropdownMenuContent,
+	DropdownMenuItem,
+	DropdownMenuLabel,
+	DropdownMenuSeparator,
+	DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu';
+import {
+	ContextMenu,
+	ContextMenuContent,
+	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>
+					<DropdownMenuLabel>Actions</DropdownMenuLabel>
+					<DropdownMenuSeparator />
+					<DropdownMenuItem><Edit className="size-3.5" /> Edit</DropdownMenuItem>
+					<DropdownMenuItem><Copy className="size-3.5" /> Duplicate</DropdownMenuItem>
+					<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-[360px] 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>
+					<ContextMenuLabel>File</ContextMenuLabel>
+					<ContextMenuSeparator />
+					<ContextMenuItem><Edit className="size-3.5" /> Rename</ContextMenuItem>
+					<ContextMenuItem><Copy className="size-3.5" /> Copy</ContextMenuItem>
+					<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 Mn(e){return Tn||Pn(`Examples`,!1),An||Pn(`Examples.CommandPalette`,!0),kn||Pn(`Examples.ContextMenuRightClick`,!0),En||Pn(`Examples.DropdownMenuExample`,!0),Dn||Pn(`Examples.MenubarExample`,!0),On||Pn(`Examples.NavigationMenuExample`,!0),(0,X.jsx)(s,{title:`UI · Menus`,description:`DropdownMenu, Menubar, NavigationMenu, ContextMenu, and Command palette.`,layer:`ui`,status:`ready`,children:(0,X.jsxs)(u,{title:`Examples`,id:`examples`,children:[(0,X.jsx)(B,{name:`DropdownMenuExample`,source:jn,children:(0,X.jsx)(En,{})}),(0,X.jsx)(B,{name:`MenubarExample`,source:jn,children:(0,X.jsx)(Dn,{})}),(0,X.jsx)(B,{name:`NavigationMenuExample`,source:jn,children:(0,X.jsx)(On,{})}),(0,X.jsx)(B,{name:`ContextMenuRightClick`,source:jn,children:(0,X.jsx)(kn,{})}),(0,X.jsx)(B,{name:`CommandPalette`,source:jn,children:(0,X.jsx)(An,{})})]})})}function Nn(e={}){let{wrapper:t}=e.components||{};return t?(0,X.jsx)(t,{...e,children:(0,X.jsx)(Mn,{...e})}):Mn(e)}function Pn(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{Nn as default};

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

@@ -0,0 +1 @@
+import{a as e}from"./index-DNH0y0r-.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-Bcy5s1_q.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Lr as n,Rr as r,a as i,c as a,o,r as s}from"./example-CbMg22fx.js";import{t as c}from"./info-DO5VmDSw.js";import{k as l,n as u,s as d}from"./index-DNH0y0r-.js";import{t as f}from"./separator-kwh2KDqD.js";var p=e(t(),1),m={formatInfoAriaLabel:e=>`${e} info`,infoFallback:`Info`},h=d(),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({items:e,columns:t=2,dense:d=!1,emptyLabel:b=`—`,title:x,titleSeparator:S=!1,className:C,gapClassName:w,labelClassName:T,valueClassName:E,descriptionClassName:D,layout:O=`vertical`,justify:k=`start`,align:A=`center`,separator:j=`: `,itemSeparator:M=!1,wrap:N=!0,strings:P}){let F=l(m,P),I=p.useMemo(()=>e.filter(Boolean),[e]);if(p.useEffect(()=>{},[O,I]),I.length===0)return null;let L=g[t]??g[2],R=w??(d?`gap-2`:`gap-3`),z=d?`text-xxs`:`text-xs`,B=`text-sm`,V=x!=null,H=V&&S;if(O===`horizontal`){let e=_[k]??_.start,t=v[A]??v.center,l=typeof M==`string`?M:M?` | `:``,m=d?`gap-2`:`gap-3`,g=N?`flex-wrap`:`flex-nowrap`;return(0,h.jsxs)(`div`,{className:u(`metadata-list--component`,`metadata-list-container`,C),children:[!!V&&(0,h.jsx)(n,{tag:`h6`,className:`mb-1.5 font-medium text-muted-foreground uppercase tracking-wide`,children:x}),!!H&&(0,h.jsx)(f,{className:`mb-2`}),(0,h.jsx)(`div`,{className:u(`flex`,g,e,t,m),children:I.map((e,t)=>{let n=y(e,t),f=e.emptyLabel??b,m=e.value??f,g=e.icon,_=e.tooltip!==null&&e.tooltip!==void 0,v=typeof e.render==`function`,x=l&&t<I.length-1;return(0,h.jsxs)(p.Fragment,{children:[(0,h.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[!!g&&(0,h.jsx)(g,{className:u(`flex-shrink-0`,d?`h-3 w-3`:`h-3.5 w-3.5`,`text-muted-foreground`)}),(0,h.jsx)(r,{size:`xs`,type:`secondary`,className:u(`metadata--field tracking-wide whitespace-nowrap`,z,T),children:e.label}),!!_&&(0,h.jsxs)(i,{children:[(0,h.jsx)(a,{render:t=>(0,h.jsx)(s,{...t,type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,className:u(`inline-flex items-center`,t.className),"aria-label":typeof e.label==`string`?F.formatInfoAriaLabel(e.label):F.infoFallback,children:(0,h.jsx)(c,{className:`h-3 w-3 text-muted-foreground cursor-help flex-shrink-0`})})}),(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:`xs`,type:`secondary`,children:j}),v?e.render?.(e):(0,h.jsx)(r,{weight:`medium`,className:u(B,E),children:m})]}),!!x&&(0,h.jsx)(r,{size:`xs`,type:`secondary`,children:l})]},n)})})]})}if(O===`rows`){let e=d?`py-1.5`:`py-2.5`;return(0,h.jsxs)(`div`,{className:u(`metadata-list--component`,`metadata-list-container`,C),children:[!!V&&(0,h.jsx)(n,{tag:`h6`,className:`font-medium text-muted-foreground uppercase tracking-wide mb-2`,children:x}),!!H&&(0,h.jsx)(f,{className:`mb-2`}),(0,h.jsx)(`dl`,{className:`divide-y divide-border/50`,children:I.map((t,n)=>{let l=y(t,n),f=t.emptyLabel??b,p=t.value??f,m=t.icon,g=t.tooltip!==null&&t.tooltip!==void 0,_=typeof t.render==`function`;return(0,h.jsxs)(`div`,{className:u(`grid items-baseline gap-x-4 gap-y-1 grid-cols-[minmax(120px,1fr)_2fr]`,e),children:[(0,h.jsxs)(`dt`,{className:`flex items-center gap-1.5 min-w-0`,children:[!!m&&(0,h.jsx)(m,{className:u(`flex-shrink-0 text-muted-foreground`,d?`h-3 w-3`:`h-3.5 w-3.5`)}),(0,h.jsx)(r,{type:`secondary`,className:u(`metadata--field truncate tracking-wide`,z,T),children:t.label}),!!g&&(0,h.jsxs)(i,{children:[(0,h.jsx)(a,{render:e=>(0,h.jsx)(s,{...e,type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,className:u(`inline-flex items-center`,e.className),"aria-label":typeof t.label==`string`?F.formatInfoAriaLabel(t.label):F.infoFallback,children:(0,h.jsx)(c,{className:`h-3 w-3 text-muted-foreground cursor-help flex-shrink-0`})})}),(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,{weight:`medium`,className:u(`break-words`,E),children:p}),!!t.description&&(0,h.jsx)(r,{size:`xs`,type:`secondary`,className:u(`mt-0.5`,D),children:t.description})]})]},l)})})]})}return(0,h.jsxs)(`div`,{className:u(`metadata-list--component`,`metadata-list-container`,C),children:[!!V&&(0,h.jsx)(n,{tag:`h6`,className:`mb-1.5 font-medium text-muted-foreground uppercase tracking-wide`,children:x}),!!H&&(0,h.jsx)(f,{className:`mb-2`}),(0,h.jsx)(`div`,{className:u(`grid`,L,R),children:I.map((e,t)=>{let n=y(e,t),l=e.emptyLabel??b,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:`space-y-0.5`,children:[(0,h.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[!!p&&(0,h.jsx)(p,{className:u(`flex-shrink-0`,d?`h-3 w-3`:`h-3.5 w-3.5`,`text-muted-foreground`)}),(0,h.jsx)(r,{size:`xs`,type:`secondary`,className:u(`metadata--field tracking-wide`,z,T),children:e.label}),!!m&&(0,h.jsxs)(i,{children:[(0,h.jsx)(a,{render:t=>(0,h.jsx)(s,{...t,type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,className:u(`inline-flex items-center`,t.className),"aria-label":typeof e.label==`string`?F.formatInfoAriaLabel(e.label):F.infoFallback,children:(0,h.jsx)(c,{className:`h-3 w-3 text-muted-foreground cursor-help flex-shrink-0`})})}),(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,{weight:`medium`,className:u(B,E),children:f}),!!e.description&&(0,h.jsx)(r,{size:`xs`,type:`secondary`,className:u(D),children:e.description})]},n)})})]})}b.displayName=`MetadataList`;export{b as t};