admin-ui-starter-kit 0.4.4 → 0.5.0

package/dist/showcase/assets/enhanced-activities-BgQBDjph.js

@@ -0,0 +1,361 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{r,t as i}from"./activities-feed-card-BW5nKGmZ.js";import{Dr as a,Er as o,Rr as s,t as c}from"./example-CbMg22fx.js";import{o as l,r as u,t as d}from"./comment-composer-eU5HG1ZD.js";import{t as f}from"./bell-YYeVQNAQ.js";import{t as p}from"./box-xRYm3qua.js";import{t as m}from"./circle-check-BYi8zv0a.js";import{t as h}from"./git-branch-6eIv9W2g.js";import{t as g}from"./message-square-CjaeUwPc.js";import{t as _}from"./receipt-CxNJvyC5.js";import{t as v}from"./shield-alert-h6F2vnr-.js";import{t as y}from"./truck-8P8-8rHh.js";import{t as b}from"./user-BCzeUL5p.js";import{s as x}from"./index-DNH0y0r-.js";import{t as S}from"./props-table-DSdjPLVr.js";var C=e({APISurface:()=>H,ActivityTimelineComposer:()=>U,CompactDensity:()=>W}),w=t(n(),1),T=x(),E=[{id:`maria`,label:`Sarah Smitha`,description:`Head of Operations`,kind:`user`},{id:`ivana`,label:`Davida Todorova`,description:`Refunds Specialist`,kind:`user`},{id:`stefan`,label:`Daniel Kowalski`,description:`Customer`,kind:`user`},{id:`kris`,label:`Kris Dineva`,description:`Engineering`,kind:`user`}],D=[{id:`BKG-2026-0408`,label:`BKG-2026-0408`,description:`Daniel Kowalski · Apr 12 → Apr 14`,kind:`booking`},{id:`BKG-2026-0421`,label:`BKG-2026-0421`,description:`Sarah Smitha · Apr 19 → Apr 22`,kind:`booking`}],O=[{id:`INV-2026-0392`,label:`INV-2026-0392`,description:`€320.00 · Paid`,kind:`order`},{id:`INV-2026-0398`,label:`INV-2026-0398`,description:`€88.50 · Refund pending`,kind:`order`}],k=[{id:`AIR-BALLOON-01`,label:`Hot Air Balloon`,description:`Experience product`,kind:`product`}],A=[{id:`SHP-2026-77`,label:`SHP-2026-77`,description:`Carrier: BoxIt · ETA Apr 17`,kind:`shipment`}],j=[{id:`SPR-Q2-W3`,label:`Sprint Q2-W3`,description:`Refund flows`,kind:`sprint`}],M={user:{icon:b,label:`Person`,trigger:`@`,tone:`info`,buildHref:e=>`/people/${e.id}`},booking:{icon:l,label:`Booking`,trigger:`#`,tone:`success`,buildHref:e=>`/bookings/${e.id}`},order:{icon:_,label:`Order`,trigger:`$`,tone:`warning`,buildHref:e=>`/orders/${e.id}`},product:{icon:p,label:`Product`,tone:`primary`,buildHref:e=>`/products/${e.id}`},shipment:{icon:y,label:`Shipment`,tone:`info`,buildHref:e=>`/shipments/${e.id}`},sprint:{icon:h,label:`Sprint`,tone:`secondary`,buildHref:e=>`/sprints/${e.id}`}};function N(e,t){let n=t===`user`?E:t===`booking`?D:t===`order`?O:t===`product`?k:t===`shipment`?A:j,r=e.trim().toLowerCase();return r.length===0?n:n.filter(e=>e.label.toLowerCase().includes(r)||(e.description??``).toLowerCase().includes(r))}var P={"order:INV-2026-0392":{label:`INV-2026-0392`,href:`#/orders/INV-2026-0392`,icon:_,tone:`primary`,badge:{label:`Paid`,tone:`success`},tags:[`€320`]},"order:INV-2026-0398":{label:`INV-2026-0398`,href:`#/orders/INV-2026-0398`,icon:_,tone:`warning`,badge:{label:`Refund`,tone:`warning`}},"product:AIR-BALLOON-01":{label:`Hot Air Balloon`,href:`#/products/AIR-BALLOON-01`,icon:p,tone:`info`},"shipment:SHP-2026-77":{label:`SHP-2026-77`,href:`#/shipments/SHP-2026-77`,icon:y,tone:`info`,badge:{label:`In transit`,tone:`info`}},"user:stefan":{label:`Daniel Kowalski`,icon:b,tone:`info`},"user:maria":{label:`Sarah Smitha`,icon:b,tone:`info`}},F=Date.now(),I=e=>new Date(F-e).toISOString(),L=60*1e3,R=60*L;function z(e){return{id:e.id,event:`note`,source:`Comment`,actor:e.actor,createdAt:e.createdAt,iconOverride:g,toneOverride:`primary`,segments:[{type:`actor`,text:e.actor.name},{type:`text`,text:`commented`}],description:(0,T.jsx)(u,{html:e.contentHtml,mentions:e.mentions,resources:M}),data:{contentHtml:e.contentHtml,mentions:e.mentions}}}var B=(e,t,n)=>({id:`${e}:${t}`,kind:e,label:n,href:`/${e}s/${t}`}),V=[{id:`act-1`,event:`order_paid`,source:`Payments`,actor:{id:`system`,name:`System`},createdAt:I(48*R),iconOverride:m,toneOverride:`success`,segments:[{type:`actor`,text:`System`},{type:`text`,text:`captured`},{type:`value`,text:`€320.00`},{type:`text`,text:`for`},{type:`resource`,resource:{key:`order:INV-2026-0392`,type:`order`}}]},{id:`act-2`,event:`shipment_dispatched`,source:`Logistics`,createdAt:I(36*R),iconOverride:y,toneOverride:`info`,segments:[{type:`resource`,resource:{key:`shipment:SHP-2026-77`,type:`shipment`}},{type:`text`,text:`dispatched to`},{type:`resource`,resource:{key:`user:stefan`,type:`user`}}],metadata:[{label:`Carrier`,value:`BoxIt`},{label:`ETA`,value:`Apr 17`}]},z({id:`cmt-1`,actor:{id:`maria`,name:`Sarah Smitha`},createdAt:I(2*R),contentHtml:`Approving the refund for <span data-ref-id="user:stefan" data-ref-kind="user">@Daniel Kowalski</span> on <span data-ref-id="booking:BKG-2026-0408" data-ref-kind="booking">BKG-2026-0408</span> — please process before EOD so the payout window doesn't shift.`,mentions:[B(`user`,`stefan`,`Daniel Kowalski`),B(`booking`,`BKG-2026-0408`,`BKG-2026-0408`)]}),{id:`act-3`,event:`policy_overridden`,source:`Audit`,actor:{id:`maria`,name:`Sarah Smitha`},createdAt:I(90*L),iconOverride:v,toneOverride:`warning`,segments:[{type:`actor`,text:`Sarah Smitha`},{type:`text`,text:`overrode policy`},{type:`value`,text:`partial-refund`},{type:`text`,text:`on`},{type:`resource`,resource:{key:`order:INV-2026-0398`,type:`order`}}],metadata:[{label:`Reason`,value:`customer-double-booked`}]},z({id:`cmt-2`,actor:{id:`ivana`,name:`Davida Todorova`},createdAt:I(60*L),contentHtml:`Done — refund issued via the original Visa ending 4242 for <span data-ref-id="order:INV-2026-0398" data-ref-kind="order">INV-2026-0398</span>. ETA Apr 14 per the gateway.`,mentions:[B(`order`,`INV-2026-0398`,`INV-2026-0398`)]}),{id:`act-4`,event:`notification_sent`,source:`Notifications`,createdAt:I(30*L),iconOverride:f,toneOverride:`neutral`,segments:[{type:`text`,text:`Sent email to`},{type:`resource`,resource:{key:`user:stefan`,type:`user`}}]},{id:`act-5`,event:`tag_added`,source:`CRM`,actor:{id:`kris`,name:`Kris Dineva`},createdAt:I(15*L),iconOverride:r,toneOverride:`primary`,segments:[{type:`actor`,text:`Kris Dineva`},{type:`text`,text:`tagged`},{type:`resource`,resource:{key:`user:stefan`,type:`user`}},{type:`text`,text:`as`},{type:`value`,text:`VIP`}]}];function H(){return(0,T.jsx)(T.Fragment,{children:(0,T.jsxs)(s,{type:`secondary`,children:[`Pass `,(0,T.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`resources`}),` + `,(0,T.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`onResourceSearch`}),` as props on`,` `,(0,T.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`<CommentComposer>`}),`; render`,` `,(0,T.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`<ActivityFeedCard activities={…}/>`}),` for the feed. Comments are activities with `,(0,T.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`event='note'`}),` `,`and a `,(0,T.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`description`}),` ReactNode rendered via`,` `,(0,T.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`<MentionContent>`}),`.`]})})}function U(){let[e,t]=(0,w.useState)(V),n=e=>{t(t=>[z({id:`cmt-${t.length+1}`,actor:{id:`me`,name:`You`},createdAt:new Date().toISOString(),contentHtml:e.content,mentions:(e.references??[]).map(e=>({...e}))}),...t])};return(0,T.jsx)(T.Fragment,{children:(0,T.jsxs)(`div`,{className:`w-full max-w-3xl space-y-4`,children:[(0,T.jsx)(d,{context:{id:`INV-2026-0398`,type:`order`},canComment:!0,resources:M,onResourceSearch:N,onSubmit:e=>n(e),placeholder:"Add a note — try `@`, `#`, or `$`…"}),(0,T.jsx)(i,{title:`Activity`,activities:e,density:`rich`,resources:P})]})})}function W(){let[e]=(0,w.useState)(V);return(0,T.jsx)(T.Fragment,{children:(0,T.jsx)(`div`,{className:`w-full max-w-3xl`,children:(0,T.jsx)(i,{title:`Recent`,activities:e.slice(0,4),density:`compact`,resources:P})})})}var G=`import {
+    Bell,
+    Bookmark,
+    Box,
+    CalendarRange,
+    CheckCircle2,
+    GitBranch,
+    MessageSquare,
+    Receipt,
+    ShieldAlert,
+    Truck,
+    User,
+} from 'lucide-react';
+import { useState } from 'react';
+import {
+    ActivityFeedCard,
+    type ActivityItem,
+    type ActivityResourceConfig,
+} from '@/components/features/activities';
+import {
+    CommentComposer,
+    type CommentFormValues,
+} from '@/components/features/comments';
+import {
+    MentionContent,
+    type Mention,
+    type MentionResource,
+    type MentionSuggestion,
+} from '@/components/features/mentions';
+import { Text } from '@/components/typography';
+
+/**
+ * Enhanced activities preview — Shopify-style unified surface that
+ * combines the rich \`<ActivityFeedCard>\` (audit / system / domain
+ * events) with the \`<CommentComposer>\` and renders comments as note
+ * activities, all under a single chronological timeline. The shared
+ * resource catalogue flows as a prop on the composer + on each
+ * \`<MentionContent>\` renderer.
+ *
+ * Each comment is just an activity with \`event = 'note'\` plus a
+ * \`description\` ReactNode that renders the body via \`<MentionContent>\`,
+ * so inline \`@user\` / \`#booking\` / \`$order\` chips look identical to
+ * the dedicated comments page.
+ */
+
+
+
+
+
+
+
+/* ------------------------------------------------------------------ */
+/*  Resource catalogue                                                  */
+/* ------------------------------------------------------------------ */
+
+type ResourceKind =
+    | 'user'
+    | 'booking'
+    | 'order'
+    | 'product'
+    | 'shipment'
+    | 'sprint';
+
+const PEOPLE: MentionSuggestion<ResourceKind>[] = [
+    { id: 'maria', label: 'Sarah Smitha', description: 'Head of Operations', kind: 'user' },
+    { id: 'ivana', label: 'Davida Todorova', description: 'Refunds Specialist', kind: 'user' },
+    { id: 'stefan', label: 'Daniel Kowalski', description: 'Customer', kind: 'user' },
+    { id: 'kris', label: 'Kris Dineva', description: 'Engineering', kind: 'user' },
+];
+const BOOKINGS: MentionSuggestion<ResourceKind>[] = [
+    { id: 'BKG-2026-0408', label: 'BKG-2026-0408', description: 'Daniel Kowalski · Apr 12 → Apr 14', kind: 'booking' },
+    { id: 'BKG-2026-0421', label: 'BKG-2026-0421', description: 'Sarah Smitha · Apr 19 → Apr 22', kind: 'booking' },
+];
+const ORDERS: MentionSuggestion<ResourceKind>[] = [
+    { id: 'INV-2026-0392', label: 'INV-2026-0392', description: '€320.00 · Paid', kind: 'order' },
+    { id: 'INV-2026-0398', label: 'INV-2026-0398', description: '€88.50 · Refund pending', kind: 'order' },
+];
+const PRODUCTS: MentionSuggestion<ResourceKind>[] = [
+    { id: 'AIR-BALLOON-01', label: 'Hot Air Balloon', description: 'Experience product', kind: 'product' },
+];
+const SHIPMENTS: MentionSuggestion<ResourceKind>[] = [
+    { id: 'SHP-2026-77', label: 'SHP-2026-77', description: 'Carrier: BoxIt · ETA Apr 17', kind: 'shipment' },
+];
+const SPRINTS: MentionSuggestion<ResourceKind>[] = [
+    { id: 'SPR-Q2-W3', label: 'Sprint Q2-W3', description: 'Refund flows', kind: 'sprint' },
+];
+
+const RESOURCES: Partial<Record<ResourceKind, MentionResource<ResourceKind>>> = {
+    user:     { icon: User,          label: 'Person',   trigger: '@', tone: 'info',      buildHref: (s) => \`/people/\${s.id}\` },
+    booking:  { icon: CalendarRange, label: 'Booking',  trigger: '#', tone: 'success',   buildHref: (s) => \`/bookings/\${s.id}\` },
+    order:    { icon: Receipt,       label: 'Order',    trigger: '$', tone: 'warning',   buildHref: (s) => \`/orders/\${s.id}\` },
+    product:  { icon: Box,           label: 'Product',                tone: 'primary',   buildHref: (s) => \`/products/\${s.id}\` },
+    shipment: { icon: Truck,         label: 'Shipment',               tone: 'info',      buildHref: (s) => \`/shipments/\${s.id}\` },
+    sprint:   { icon: GitBranch,     label: 'Sprint',                 tone: 'secondary', buildHref: (s) => \`/sprints/\${s.id}\` },
+};
+
+function onResourceSearch(needle: string, kind: ResourceKind) {
+    const haystack: MentionSuggestion<ResourceKind>[] =
+        kind === 'user' ? PEOPLE
+        : kind === 'booking' ? BOOKINGS
+        : kind === 'order' ? ORDERS
+        : kind === 'product' ? PRODUCTS
+        : kind === 'shipment' ? SHIPMENTS
+        : SPRINTS;
+    const q = needle.trim().toLowerCase();
+    return q.length === 0
+        ? haystack
+        : haystack.filter(
+              (item) =>
+                  item.label.toLowerCase().includes(q) ||
+                  (item.description ?? '').toLowerCase().includes(q),
+          );
+}
+
+/* ------------------------------------------------------------------ */
+/*  Activity registry — drives icon / tone / chip for each resource    */
+/* ------------------------------------------------------------------ */
+
+const ACTIVITY_RESOURCES: Record<string, ActivityResourceConfig> = {
+    'order:INV-2026-0392': { label: 'INV-2026-0392', href: '#/orders/INV-2026-0392', icon: Receipt, tone: 'primary', badge: { label: 'Paid', tone: 'success' }, tags: ['€320'] },
+    'order:INV-2026-0398': { label: 'INV-2026-0398', href: '#/orders/INV-2026-0398', icon: Receipt, tone: 'warning', badge: { label: 'Refund', tone: 'warning' } },
+    'product:AIR-BALLOON-01': { label: 'Hot Air Balloon', href: '#/products/AIR-BALLOON-01', icon: Box, tone: 'info' },
+    'shipment:SHP-2026-77': { label: 'SHP-2026-77', href: '#/shipments/SHP-2026-77', icon: Truck, tone: 'info', badge: { label: 'In transit', tone: 'info' } },
+    'user:stefan': { label: 'Daniel Kowalski', icon: User, tone: 'info' },
+    'user:maria': { label: 'Sarah Smitha', icon: User, tone: 'info' },
+};
+
+const NOW = Date.now();
+const REL = (offsetMs: number) => new Date(NOW - offsetMs).toISOString();
+const MIN = 60 * 1000;
+const HOUR = 60 * MIN;
+
+interface CommentActivityData {
+    contentHtml: string;
+    mentions: ReadonlyArray<Mention<ResourceKind>>;
+}
+
+/**
+ * Build a "note" activity from a comment payload — produces an
+ * \`ActivityItem\` whose description renders the comment body through
+ * \`<MentionContent>\` so inline chips look identical to the dedicated
+ * comments page.
+ */
+function noteActivity(opts: {
+    id: string;
+    actor: { id: string; name: string };
+    createdAt: string;
+    contentHtml: string;
+    mentions: ReadonlyArray<Mention<ResourceKind>>;
+}): ActivityItem<CommentActivityData> {
+    return {
+        id: opts.id,
+        event: 'note',
+        source: 'Comment',
+        actor: opts.actor,
+        createdAt: opts.createdAt,
+        iconOverride: MessageSquare,
+        toneOverride: 'primary',
+        segments: [
+            { type: 'actor', text: opts.actor.name },
+            { type: 'text', text: 'commented' },
+        ],
+        description: (
+            <MentionContent
+                html={opts.contentHtml}
+                mentions={opts.mentions}
+                resources={RESOURCES}
+            />
+        ),
+        data: { contentHtml: opts.contentHtml, mentions: opts.mentions },
+    };
+}
+
+const REF = (
+    kind: ResourceKind,
+    id: string,
+    label: string,
+): Mention<ResourceKind> => ({
+    id: \`\${kind}:\${id}\`,
+    kind,
+    label,
+    href: \`/\${kind}s/\${id}\`,
+});
+
+const INITIAL_ACTIVITIES: ActivityItem<CommentActivityData>[] = [
+    {
+        id: 'act-1',
+        event: 'order_paid',
+        source: 'Payments',
+        actor: { id: 'system', name: 'System' },
+        createdAt: REL(48 * HOUR),
+        iconOverride: CheckCircle2,
+        toneOverride: 'success',
+        segments: [
+            { type: 'actor', text: 'System' },
+            { type: 'text', text: 'captured' },
+            { type: 'value', text: '€320.00' },
+            { type: 'text', text: 'for' },
+            { type: 'resource', resource: { key: 'order:INV-2026-0392', type: 'order' } },
+        ],
+    },
+    {
+        id: 'act-2',
+        event: 'shipment_dispatched',
+        source: 'Logistics',
+        createdAt: REL(36 * HOUR),
+        iconOverride: Truck,
+        toneOverride: 'info',
+        segments: [
+            { type: 'resource', resource: { key: 'shipment:SHP-2026-77', type: 'shipment' } },
+            { type: 'text', text: 'dispatched to' },
+            { type: 'resource', resource: { key: 'user:stefan', type: 'user' } },
+        ],
+        metadata: [
+            { label: 'Carrier', value: 'BoxIt' },
+            { label: 'ETA', value: 'Apr 17' },
+        ],
+    },
+    noteActivity({
+        id: 'cmt-1',
+        actor: { id: 'maria', name: 'Sarah Smitha' },
+        createdAt: REL(2 * HOUR),
+        contentHtml:
+            'Approving the refund for <span data-ref-id="user:stefan" data-ref-kind="user">@Daniel Kowalski</span> on <span data-ref-id="booking:BKG-2026-0408" data-ref-kind="booking">BKG-2026-0408</span> — please process before EOD so the payout window doesn\\'t shift.',
+        mentions: [
+            REF('user', 'stefan', 'Daniel Kowalski'),
+            REF('booking', 'BKG-2026-0408', 'BKG-2026-0408'),
+        ],
+    }),
+    {
+        id: 'act-3',
+        event: 'policy_overridden',
+        source: 'Audit',
+        actor: { id: 'maria', name: 'Sarah Smitha' },
+        createdAt: REL(90 * MIN),
+        iconOverride: ShieldAlert,
+        toneOverride: 'warning',
+        segments: [
+            { type: 'actor', text: 'Sarah Smitha' },
+            { type: 'text', text: 'overrode policy' },
+            { type: 'value', text: 'partial-refund' },
+            { type: 'text', text: 'on' },
+            { type: 'resource', resource: { key: 'order:INV-2026-0398', type: 'order' } },
+        ],
+        metadata: [{ label: 'Reason', value: 'customer-double-booked' }],
+    },
+    noteActivity({
+        id: 'cmt-2',
+        actor: { id: 'ivana', name: 'Davida Todorova' },
+        createdAt: REL(60 * MIN),
+        contentHtml:
+            'Done — refund issued via the original Visa ending 4242 for <span data-ref-id="order:INV-2026-0398" data-ref-kind="order">INV-2026-0398</span>. ETA Apr 14 per the gateway.',
+        mentions: [REF('order', 'INV-2026-0398', 'INV-2026-0398')],
+    }),
+    {
+        id: 'act-4',
+        event: 'notification_sent',
+        source: 'Notifications',
+        createdAt: REL(30 * MIN),
+        iconOverride: Bell,
+        toneOverride: 'neutral',
+        segments: [
+            { type: 'text', text: 'Sent email to' },
+            { type: 'resource', resource: { key: 'user:stefan', type: 'user' } },
+        ],
+    },
+    {
+        id: 'act-5',
+        event: 'tag_added',
+        source: 'CRM',
+        actor: { id: 'kris', name: 'Kris Dineva' },
+        createdAt: REL(15 * MIN),
+        iconOverride: Bookmark,
+        toneOverride: 'primary',
+        segments: [
+            { type: 'actor', text: 'Kris Dineva' },
+            { type: 'text', text: 'tagged' },
+            { type: 'resource', resource: { key: 'user:stefan', type: 'user' } },
+            { type: 'text', text: 'as' },
+            { type: 'value', text: 'VIP' },
+        ],
+    },
+];
+
+/* ------------------------------------------------------------------ */
+/*  Page                                                                */
+/* ------------------------------------------------------------------ */
+
+export function APISurface() {
+	return (
+		<>
+			<Text type="secondary">
+			                    Pass <code className="rounded bg-muted px-1 py-0.5 text-xs">resources</code> + <code className="rounded bg-muted px-1 py-0.5 text-xs">onResourceSearch</code> as props on
+			                    {' '}<code className="rounded bg-muted px-1 py-0.5 text-xs">{'<CommentComposer>'}</code>; render
+			                    {' '}<code className="rounded bg-muted px-1 py-0.5 text-xs">{'<ActivityFeedCard activities={…}/>'}</code> for the feed.
+			                    Comments are activities with <code className="rounded bg-muted px-1 py-0.5 text-xs">event='note'</code>{' '}
+			                    and a <code className="rounded bg-muted px-1 py-0.5 text-xs">description</code> ReactNode rendered via
+			                    {' '}<code className="rounded bg-muted px-1 py-0.5 text-xs">{'<MentionContent>'}</code>.
+			                </Text>
+		</>
+	);
+}
+
+export function ActivityTimelineComposer() {
+	const [activities, setActivities] = useState<typeof INITIAL_ACTIVITIES>(
+	        INITIAL_ACTIVITIES,
+	    );
+	const handleCommentSubmit = (values: CommentFormValues<ResourceKind>) => {
+	        setActivities((prev) => [
+	            noteActivity({
+	                id: \`cmt-\${prev.length + 1}\`,
+	                actor: { id: 'me', name: 'You' },
+	                createdAt: new Date().toISOString(),
+	                contentHtml: values.content,
+	                mentions: (values.references ?? []).map((m) => ({ ...m })),
+	            }),
+	            ...prev,
+	        ]);
+	    };
+	return (
+		<>
+			<div className="w-full max-w-3xl space-y-4">
+			                    <CommentComposer
+			                        context={{ id: 'INV-2026-0398', type: 'order' }}
+			                        canComment
+			                        resources={RESOURCES as never}
+			                        onResourceSearch={onResourceSearch as never}
+			                        onSubmit={(values) =>
+			                            handleCommentSubmit(values as CommentFormValues<ResourceKind>)
+			                        }
+			                        placeholder="Add a note — try \`@\`, \`#\`, or \`$\`…"
+			                    />
+			                    <ActivityFeedCard
+			                        title="Activity"
+			                        activities={activities}
+			                        density="rich"
+			                        resources={ACTIVITY_RESOURCES}
+			                    />
+			                </div>
+		</>
+	);
+}
+
+export function CompactDensity() {
+	const [activities] = useState<typeof INITIAL_ACTIVITIES>(
+	        INITIAL_ACTIVITIES,
+	    );
+	return (
+		<>
+			<div className="w-full max-w-3xl">
+				<ActivityFeedCard
+			                    title="Recent"
+			                    activities={activities.slice(0, 4)}
+			                    density="compact"
+			                    resources={ACTIVITY_RESOURCES}
+			                />
+			</div>
+		</>
+	);
+}
+`;function K(e){let t={h4:`h4`,...e.components};return C||J(`Examples`,!1),H||J(`Examples.APISurface`,!0),U||J(`Examples.ActivityTimelineComposer`,!0),W||J(`Examples.CompactDensity`,!0),(0,T.jsxs)(a,{title:`Features · Enhanced activities`,description:`Shopify-style unified surface: domain events and comments under one chronological timeline. Comments render as note activities with MentionContent-powered user, booking, and order chips. Composer at the top uses the same TipTap-backed editor with the live mention trigger flow.`,layer:`features`,status:`ready`,sourcePath:`src/components/features/activities`,children:[(0,T.jsxs)(o,{title:`Examples`,id:`examples`,children:[(0,T.jsx)(c,{name:`APISurface`,source:G,children:(0,T.jsx)(H,{})}),(0,T.jsx)(c,{name:`ActivityTimelineComposer`,source:G,children:(0,T.jsx)(U,{})}),(0,T.jsx)(c,{name:`CompactDensity`,source:G,children:(0,T.jsx)(W,{})})]}),(0,T.jsxs)(o,{title:`API`,id:`api`,children:[(0,T.jsx)(t.h4,{children:`ActivityFeedCard`}),(0,T.jsx)(S,{component:`ActivityFeedCard`}),(0,T.jsx)(t.h4,{children:`CommentComposer`}),(0,T.jsx)(S,{component:`CommentComposer`}),(0,T.jsx)(t.h4,{children:`MentionContent`}),(0,T.jsx)(S,{component:`MentionContent`})]})]})}function q(e={}){let{wrapper:t}=e.components||{};return t?(0,T.jsx)(t,{...e,children:(0,T.jsx)(K,{...e})}):K(e)}function J(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{q as default};

package/dist/showcase/assets/enhanced-combobox-BT-d7sfw.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./react-dom-Bz4cALsF.js";import{$ as r,$t as i,Dn as a,Ft as o,Gn as s,Gt as c,K as l,Kn as u,Kt as d,Mn as f,Nn as p,O as m,P as h,Qt as g,Rr as _,Un as v,Ur as y,Vn as b,Vr as x,Wt as S,X as C,Y as w,Yn as T,Yr as E,Yt as D,_t as ee,ar as te,b as O,cr as ne,d as k,dn as re,et as A,f as j,fn as M,fr as N,g as ie,gn as P,gr as ae,hr as F,ir as oe,it as se,lr as I,m as ce,mr as L,mt as le,nn as ue,nr as R,on as z,or as B,ot as de,pn as fe,pr as pe,r as V,rn as me,rt as H,tn as he,u as ge,un as _e,v as U,vn as ve,xr as ye,y as be,zt as xe}from"./example-CbMg22fx.js";import{t as Se}from"./chevron-down-BbbFJsFU.js";import{t as Ce}from"./plus-PKSdX45c.js";import{t as we}from"./x-BpAEmld2.js";import{k as Te,n as W,s as Ee}from"./index-DNH0y0r-.js";import{a as De,i as Oe,o as ke,t as Ae}from"./useOpenInteractionType-CUTVNS1V.js";import{n as je,r as Me,t as Ne}from"./getPseudoElementBounds-DxlN6Yut.js";import{t as Pe}from"./inertValue-B82SGILi.js";import{t as Fe}from"./useControlled-BF8maje6.js";import{n as Ie,r as Le,t as Re}from"./useCompositeListItem-OwLLy0R3.js";import{t as ze}from"./useAnchoredPopupScrollLock-CT1urU5D.js";import{t as Be}from"./useValueChanged-kq4oH4So.js";import{a as Ve,c as He,d as Ue,l as We,n as Ge,o as Ke,s as qe,t as Je,u as Ye}from"./resolveValueLabel-Ctt-9xwK.js";import{a as Xe,c as Ze,i as Qe,n as $e,o as et,r as tt,s as nt,t as rt}from"./LabelableContext-DqxJotB_.js";import{t as it}from"./useLabelableId-Y-6YW07q.js";import{t as at}from"./stringifyLocale-CkHjdQTJ.js";import{n as ot,r as st}from"./resolveAriaLabelledBy-iFo8AzEr.js";import{t as ct}from"./form-sizing-DHUDpiPA.js";import{t as lt}from"./input-DcQuALxy.js";var G=e(t(),1);function ut(e,t,n,r,i,a,s,c,l,u=2){let d=o(n.current,{event:e,orientation:r,loopFocus:i,rtl:a,cols:u,disabledIndices:s,minIndex:c,maxIndex:l,prevIndex:t>l?c:t,stopEvent:!0});return xe(n.current,d)?void 0:d}var dt=G.createContext(void 0),ft=G.createContext(void 0),pt=G.createContext(void 0),mt=G.createContext(!1),ht=G.createContext(``);function K(){let e=G.useContext(dt);if(!e)throw Error(N(22));return e}function gt(){let e=G.useContext(ft);if(!e)throw Error(N(23));return e}function _t(){let e=G.useContext(pt);if(!e)throw Error(N(24));return e}function vt(){return G.useContext(ht)}function yt(){return G.useContext(mt)}var q={id:H(e=>e.id),labelId:H(e=>e.labelId),items:H(e=>e.items),selectedValue:H(e=>e.selectedValue),hasSelectionChips:H(e=>{let t=e.selectedValue;return Array.isArray(t)&&t.length>0}),hasSelectedValue:H(e=>{let{selectedValue:t,selectionMode:n}=e;return t==null?!1:n===`multiple`&&Array.isArray(t)?t.length>0:!0}),hasNullItemLabel:H((e,t)=>t?Je(e.items):!1),open:H(e=>e.open),mounted:H(e=>e.mounted),forceMounted:H(e=>e.forceMounted),inline:H(e=>e.inline),activeIndex:H(e=>e.activeIndex),selectedIndex:H(e=>e.selectedIndex),isActive:H((e,t)=>e.activeIndex===t),isSelected:H((e,t)=>{let n=e.isItemEqualToValue,r=e.selectedValue;return Array.isArray(r)?r.some(e=>qe(t,e,n)):qe(t,r,n)}),transitionStatus:H(e=>e.transitionStatus),popupProps:H(e=>e.popupProps),inputProps:H(e=>e.inputProps),triggerProps:H(e=>e.triggerProps),itemProps:H(e=>e.itemProps),positionerElement:H(e=>e.positionerElement),listElement:H(e=>e.listElement),popupId:H(e=>e.popupId),triggerElement:H(e=>e.triggerElement),inputElement:H(e=>e.inputElement),inputGroupElement:H(e=>e.inputGroupElement),popupSide:H(e=>e.popupSide),openMethod:H(e=>e.openMethod),inputInsidePopup:H(e=>e.inputInsidePopup),inputOwnsFormValue:H(e=>e.inputOwnsFormValue),selectionMode:H(e=>e.selectionMode),name:H(e=>e.name),form:H(e=>e.form),disabled:H(e=>e.disabled),readOnly:H(e=>e.readOnly),required:H(e=>e.required),grid:H(e=>e.grid),virtualized:H(e=>e.virtualized),itemToStringLabel:H(e=>e.itemToStringLabel),isItemEqualToValue:H(e=>e.isItemEqualToValue),modal:H(e=>e.modal),autoHighlight:H(e=>e.autoHighlight),submitOnItemClick:H(e=>e.submitOnItemClick)};function bt(e){return e==null?void 0:`${e}-popup`}function xt(e,t){return(n,r)=>{if(n==null)return!1;let i=Ve(n,t);return e.contains(i,r)}}function St(e,t,n){return(r,i)=>{if(r==null)return!1;if(!i)return!0;let a=Ve(r,t),o=n==null?``:Ve(n,t);return o&&e.contains(o,i)&&o.length===i.length?!0:e.contains(a,i)}}var Ct=new Map;function wt(e={}){let t={usage:`search`,sensitivity:`base`,ignorePunctuation:!0,...e},n=`${at(e.locale)}|${JSON.stringify(t)}`,r=Ct.get(n);if(r)return r;let i=new Intl.Collator(e.locale,t),a={contains(e,t,n){if(!t)return!0;let r=Ve(e,n);for(let e=0;e<=r.length-t.length;e+=1)if(i.compare(r.slice(e,e+t.length),t)===0)return!0;return!1},startsWith(e,t,n){if(!t)return!0;let r=Ve(e,n);return i.compare(r.slice(0,t.length),t)===0},endsWith(e,t,n){if(!t)return!0;let r=Ve(e,n),a=t.length;return r.length>=a&&i.compare(r.slice(r.length-a),t)===0}};return Ct.set(n,a),a}var Tt=wt,Et=Symbol(`none`),Dt={value:Et,index:-1},J=Ee();function Ot(e){let{id:t,onOpenChangeComplete:n,defaultSelectedValue:a=null,selectedValue:o,onSelectedValueChange:s,defaultInputValue:u,inputValue:d,open:_,defaultOpen:v=!1,selectionMode:y=`none`,onItemHighlighted:b,name:x,form:w,disabled:T=!1,readOnly:E=!1,required:ee=!1,inputRef:O,grid:k=!1,items:j,filteredItems:N,filter:ie,openOnInputClick:P=!0,autoHighlight:I=!1,keepHighlight:le=!1,highlightItemOnHover:ue=!0,loopFocus:R=!0,itemToStringLabel:z,itemToStringValue:V,isItemEqualToValue:me=He,virtualized:H=!1,inline:he=!1,fillInputOnItemPress:ge=!0,modal:_e=!1,limit:U=-1,autoComplete:ye=`list`,formAutoComplete:be,locale:xe,submitOnItemClick:Se=!1}=e,{clearErrors:Ce}=$e(),{setDirty:we,validityData:Te,setFilled:W,name:Ee,disabled:Oe,setTouched:ke,setFocused:je,validationMode:Ne,validation:Pe}=et(),Ie=ce(),Le=it({id:t}),Re=Tt({locale:xe}),[ze,Je]=G.useState(!1),[Xe,Ze]=G.useState(null),Qe=G.useRef([]),nt=G.useRef([]),rt=G.useRef(null),at=G.useRef(null),ot=G.useRef(null),ct=G.useRef(null),lt=G.useRef(null),K=G.useRef(!0),gt=G.useRef(!1),_t=G.useRef(null),vt=G.useRef(null),yt=G.useRef(null),bt=G.useRef(Dt),Ct=G.useRef(null),wt=G.useRef([]),Ot=G.useRef([]),kt=Oe||T,At=Ee??x,Y=y===`multiple`,jt=y===`single`,Mt=d!==void 0||u!==void 0,Nt=j!==void 0,Pt=N!==void 0,X;X=I===`always`?`always`:I?`input-change`:!1;let[Z,Ft]=Fe({controlled:o,default:Y?a??oe:a,name:`Combobox`,state:`selectedValue`}),It=G.useMemo(()=>ie===null?()=>!0:ie===void 0?jt&&!ze?St(Re,z,Z):xt(Re,z):ie,[ie,jt,Z,ze,Re,z]),Lt=ae(()=>Mt?u??``:jt?Ve(Z,z):``).current,[Rt,zt]=Fe({controlled:d,default:Lt,name:`Combobox`,state:`inputValue`}),[Q,Bt]=Fe({controlled:_,default:v,name:`Combobox`,state:`open`}),Vt=Ge(j),Ht=Xe??(Rt===``?``:String(Rt).trim()),Ut=jt?Ve(Z,z):``,Wt=jt&&!ze&&Ht!==``&&Ut!==``&&Ut.length===Ht.length&&Re.contains(Ut,Ht),Gt=Wt?``:Ht,Kt=Nt&&Pt&&Wt,qt=G.useMemo(()=>j?Vt?j.flatMap(e=>e.items):j:oe,[j,Vt]),Jt=G.useMemo(()=>{if(N&&!Kt)return N;if(!j)return oe;if(Vt){let e=j,t=[],n=0;for(let r of e){if(U>-1&&n>=U)break;let e=Gt===``?r.items:r.items.filter(e=>It(e,Gt,z));if(e.length===0)continue;let i=U>-1?U-n:1/0,a=e.slice(0,i);if(a.length>0){let e={...r,items:a};t.push(e),n+=a.length}}return t}if(Gt===``)return U>-1?qt.slice(0,U):qt;let e=[];for(let t of qt){if(U>-1&&e.length>=U)break;It(t,Gt,z)&&e.push(t)}return e},[N,Kt,j,Vt,Gt,U,It,z,qt]),Yt=G.useMemo(()=>Vt?Jt.flatMap(e=>e.items):Jt,[Jt,Vt]),$=ae(()=>new r({id:Le,labelId:void 0,selectedValue:Z,open:Q,filter:It,query:Ht,items:j,selectionMode:y,listRef:Qe,labelsRef:nt,popupRef:rt,emptyRef:lt,inputRef:at,startDismissRef:ot,endDismissRef:ct,keyboardActiveRef:K,chipsContainerRef:_t,clearRef:vt,valuesRef:wt,allValuesRef:Ot,selectionEventRef:yt,name:At,form:w,disabled:kt,readOnly:E,required:ee,grid:k,isGrouped:Vt,virtualized:H,openOnInputClick:P,itemToStringLabel:z,isItemEqualToValue:me,modal:_e,autoHighlight:X,submitOnItemClick:Se,hasInputValue:Mt,mounted:!1,forceMounted:!1,transitionStatus:`idle`,inline:he,activeIndex:null,selectedIndex:null,popupProps:{},inputProps:{},triggerProps:{},itemProps:te,positionerElement:null,listElement:null,popupId:void 0,triggerElement:null,inputElement:null,inputGroupElement:null,popupSide:null,openMethod:null,inputInsidePopup:!0,inputOwnsFormValue:y===`none`,onOpenChangeComplete:n||B,setOpen:B,setInputValue:B,setSelectedValue:B,setIndices:B,onItemHighlighted:B,handleSelection:B,forceMount:B,requestSubmit:B})).current,Xt=y===`none`?Rt:Z,Zt=G.useMemo(()=>y===`none`?Xt:Array.isArray(Z)?Z.map(e=>Ke(e,V)):Ke(Z,V),[Xt,V,y,Z]),Qt=F(b),$t=F(n),en=A($,q.activeIndex),tn=A($,q.selectedIndex),nn=A($,q.positionerElement),rn=A($,q.listElement),an=A($,q.triggerElement),on=A($,q.inputElement),sn=A($,q.inputGroupElement),cn=A($,q.inline),ln=A($,q.inputInsidePopup),un=A($,q.inputOwnsFormValue),dn=D(an),{mounted:fn,setMounted:pn,transitionStatus:mn}=C(Q),{openMethod:hn,triggerProps:gn}=Ae(Q),_n=F(()=>Zt);tt(ln?dn:at,Le,Xt,_n,!kt,x);let vn=F(()=>{j?nt.current=Yt.map(e=>Ve(e,z)):$.set(`forceMounted`,!0)}),yn=G.useRef(Z);L(()=>{Z!==yn.current&&vn()},[vn,Z]);let bn=F(e=>{$.update(e);let t=e.type||`none`;if(e.activeIndex!==void 0)if(e.activeIndex===null)bt.current!==Dt&&(bt.current=Dt,Qt(void 0,i(t,void 0,{index:-1})));else{let n=wt.current[e.activeIndex];bt.current={value:n,index:e.activeIndex},Qt(n,i(t,void 0,{index:e.activeIndex}))}}),xn=F((t,n)=>{if(gt.current=n.reason===re,e.onInputValueChange?.(t,n),!n.isCanceled){if(n.reason===`input-change`){let e=n.event,r=e.inputType;if(e.type===`compositionend`||r!=null&&r!==``&&r!==`insertReplacementText`){let e=t.trim()!==``;e&&Je(!0),Ct.current={hasQuery:e},e&&X&&$.state.activeIndex==null&&$.set(`activeIndex`,0)}}zt(t)}}),Sn=F((t,n)=>{if(Q!==t&&(n.reason===`escape-key`&&Nt&&Yt.length===0&&!$.state.emptyRef.current&&n.allowPropagation(),e.onOpenChange?.(t,n),!n.isCanceled&&(t&&Y&&ln&&!cn&&Xe!==null&&(Je(!1),Ze(null),Rt!==``&&xn(``,g(re,n.event))),!t&&ze&&(jt?(cn||Ze(Ht),Ht===``&&Je(!1)):Y&&(cn||Ze(Ht),ln&&bn({activeIndex:null}),(!ln||cn)&&xn(``,g(re,n.event)))),Bt(t),!t&&ln&&(n.reason===`focus-out`||n.reason===`outside-press`)&&(ke(!0),je(!1),Ne===`onBlur`)))){let e=y===`none`?Rt:Z;Pe.commit(e)}}),Cn=F((e,t)=>{s?.(e,t),!t.isCanceled&&(Ft(e),(y===`none`&&rt.current&&ge||jt&&!$.state.inputInsidePopup)&&xn(Ve(e,z),g(t.reason,t.event)),jt&&e!=null&&t.reason!==`input-change`&&ze&&!cn&&Ze(Ht))}),wn=F((e,t)=>{let n=t;if(n===void 0){if(en===null)return;n=wt.current[en]}let r=p(e),i=yt.current??e;yt.current=null;let a=g(fe,i),o=r?.closest(`a`)?.getAttribute(`href`);if(o){o.startsWith(`#`)&&Sn(!1,a);return}if(Y){let e=Array.isArray(Z)?Z:[];if(Cn(Ue(e,n,$.state.isItemEqualToValue)?Ye(e,n,$.state.isItemEqualToValue):[...e,n],a),a.isCanceled||!(at.current&&at.current.value.trim()!==``))return;$.state.inputInsidePopup?xn(``,g(re,a.event)):Sn(!1,a)}else{if(Cn(n,a),a.isCanceled)return;Sn(!1,a)}}),Tn=F(()=>{if(!$.state.submitOnItemClick)return;let e=Pe.inputRef.current?.form??$.state.inputElement?.form;e&&typeof e.requestSubmit==`function`&&e.requestSubmit()}),En=F(()=>{if(pn(!1),$t?.(!1),Je(!1),Ze(null),bn(y===`none`?{activeIndex:null,selectedIndex:null}:{activeIndex:null}),Y&&at.current&&at.current.value!==``&&!gt.current&&xn(``,g(re)),jt)if($.state.inputInsidePopup)at.current&&at.current.value!==``&&xn(``,g(re));else{let e=Ve(Z,z);at.current&&at.current.value!==e&&xn(e,g(e===``?re:ve))}}),Dn=G.useMemo(()=>cn&&nn?{current:nn.closest(`[role="dialog"]`)}:rt,[cn,nn]);l({enabled:!e.actionsRef,open:Q,ref:Dn,onComplete(){Q||En()}}),G.useImperativeHandle(e.actionsRef,()=>({unmount:En}),[En]),L(function(){if(Q||y===`none`)return;let e=j?qt:Ot.current;if(Y){let t=Array.isArray(Z)?Z:[],n=t[t.length-1],r=We(e,n,me);bn({selectedIndex:r===-1?null:r})}else{let t=We(e,Z,me);bn({selectedIndex:t===-1?null:t})}},[Q,Z,j,y,qt,Y,me,bn]),L(()=>{j&&(wt.current=Yt,Qe.current.length=Yt.length)},[j,Yt]),L(()=>{let e=Ct.current;if(e&&(e.hasQuery?X&&$.set(`activeIndex`,0):X===`always`&&$.set(`activeIndex`,0),Ct.current=null),!Q&&!cn)return;let t=Nt||Pt?Yt:wt.current,n=$.state.activeIndex;if(n==null){if(X===`always`&&t.length>0){$.set(`activeIndex`,0);return}bt.current!==Dt&&(bt.current=Dt,$.state.onItemHighlighted(void 0,i(ve,void 0,{index:-1})));return}if(n>=t.length){bt.current!==Dt&&(bt.current=Dt,$.state.onItemHighlighted(void 0,i(ve,void 0,{index:-1}))),$.set(`activeIndex`,null);return}let r=t[n],a=bt.current.value,o=a!==Et&&qe(r,a,$.state.isItemEqualToValue);(bt.current.index!==n||!o)&&(bt.current={value:r,index:n},$.state.onItemHighlighted(r,i(ve,void 0,{index:n})))},[en,X,Pt,Nt,Yt,cn,Q,$]),L(()=>{if(y===`none`){W(String(Rt)!==``);return}W(Y?Array.isArray(Z)&&Z.length>0:Z!=null)},[W,y,Rt,Z,Y]),G.useEffect(()=>{Nt&&X&&Yt.length===0&&bn({activeIndex:null})},[Nt,X,Yt.length,bn]);function On(e){let t=Te.initialValue;return Array.isArray(e)&&Array.isArray(t)?!st(e,t,(e,t)=>qe(e,t,me)):e!==t}Be(Ht,()=>{!Q||Ht===``||Ht===String(Lt)||Je(!0)}),Be(Z,()=>{if(y!==`none`&&(Ce(At),we(On(Z)),Pe.change(Z),jt&&!Mt&&!ln)){let e=Ve(Z,z);Rt!==e&&xn(e,g(ve))}}),Be(Rt,()=>{y===`none`&&(Ce(At),we(Rt!==Te.initialValue),Pe.change(Rt))}),Be(j,()=>{if(!jt||Mt||ln||ze)return;let e=Ve(Z,z);Rt!==e&&xn(e,g(ve))});let kn=m({open:cn?!0:Q,onOpenChange:Sn,elements:{reference:ln?an:on,floating:nn}}),An,jn;cn||(An=k?`grid`:`listbox`,jn=Q?`true`:`false`);let Mn=G.useMemo(()=>{let e=on?.tagName===`INPUT`,t=on==null||e,n=t||Q,r=t?{autoComplete:`off`,spellCheck:`false`,autoCorrect:`off`,autoCapitalize:`none`}:{};return n&&(r.role=`combobox`,r[`aria-expanded`]=jn,r[`aria-haspopup`]=An,r[`aria-controls`]=Q?rn?.id:void 0,r[`aria-autocomplete`]=ye),{reference:r,floating:{role:`presentation`}}},[on,Q,jn,An,rn?.id,ye]),Nn=De(kn,{enabled:!E&&!kt&&P,event:`mousedown-only`,toggle:!1,touchOpenDelay:ln?0:100,reason:M}),Pn=de(kn,{enabled:!E&&!kt&&!cn,outsidePressEvent:{mouse:`sloppy`,touch:`intentional`},bubbles:cn?!0:void 0,outsidePress(e){let t=p(e);return!f(an,t)&&!f(vt.current,t)&&!f(_t.current,t)&&!f(sn,t)}}),Fn=Me(kn,{enabled:!E&&!kt,id:Le,listRef:Qe,activeIndex:en,selectedIndex:tn,virtual:!0,loopFocus:R,allowEscape:R&&!X,focusItemOnOpen:ze||y===`none`&&!X?!1:`auto`,focusItemOnHover:ue,resetOnPointerLeave:!le,orientation:k?`horizontal`:void 0,rtl:Ie===`rtl`,disabledIndices:oe,grid:k?ut:void 0,onNavigate(e,t){!t&&!Q||mn===`ending`||bn(t?{activeIndex:e,type:K.current?`keyboard`:`pointer`}:{activeIndex:e})}}),In=G.useMemo(()=>pe(Fn.reference,{onKeyDown(e){k&&$.state.activeIndex==null&&(e.key===`ArrowLeft`||e.key===`ArrowRight`)&&e.preventBaseUIHandler()}},Pn.reference,Nn.reference,Mn.reference),[Fn.reference,Pn.reference,Nn.reference,Mn.reference,k,$]),Ln=G.useMemo(()=>pe(h,Fn.floating,Pn.floating,Mn.floating),[Fn.floating,Pn.floating,Mn.floating]),Rn=G.useMemo(()=>{let e=Fn.item;return e?{...e,onFocus:void 0}:te},[Fn.item]);se(()=>{$.update({inline:he,popupProps:Ln,inputProps:In,triggerProps:gn,itemProps:Rn,setOpen:Sn,setInputValue:xn,setSelectedValue:Cn,setIndices:bn,onItemHighlighted:Qt,handleSelection:wn,forceMount:vn,requestSubmit:Tn})}),L(()=>{$.update({id:Le,selectedValue:Z,open:Q,mounted:fn,transitionStatus:mn,items:j,inline:he,popupProps:Ln,inputProps:In,triggerProps:gn,openMethod:hn,itemProps:Rn,selectionMode:y,name:At,form:w,disabled:kt,readOnly:E,required:ee,grid:k,isGrouped:Vt,virtualized:H,onOpenChangeComplete:$t,openOnInputClick:P,itemToStringLabel:z,modal:_e,autoHighlight:X,isItemEqualToValue:me,submitOnItemClick:Se,hasInputValue:Mt,requestSubmit:Tn,inputOwnsFormValue:y===`none`&&(he||!$.state.inputInsidePopup)})},[$,Le,Z,Q,fn,mn,j,Ln,In,Rn,hn,gn,y,At,kt,E,ee,Pe,k,Vt,H,$t,P,z,_e,me,Se,Mt,he,Tn,X,w]);let zn=ne(O,Pe.inputRef),Bn=G.useMemo(()=>({query:Ht,hasItems:Nt,filteredItems:Jt,flatFilteredItems:Yt}),[Ht,Nt,Jt,Yt]),Vn=G.useMemo(()=>Array.isArray(Xt)?``:Ke(Xt,V),[Xt,V]),Hn=Y&&Array.isArray(Z)&&Z.length>0,Un=Y||y===`none`&&un?void 0:At,Wn=G.useMemo(()=>!Y||!Array.isArray(Z)||!At?null:Z.map(e=>{let t=Ke(e,V);return(0,J.jsx)(`input`,{type:`hidden`,form:w,name:At,value:t,disabled:kt},t)}),[Y,Z,w,At,V,kt]),Gn=(0,J.jsxs)(G.Fragment,{children:[e.children,(0,J.jsx)(`input`,{...Pe.getValidationProps(kt,{onFocus(){if(ln){an?.focus();return}(at.current||an)?.focus()},onChange(e){if(e.nativeEvent.defaultPrevented||kt||E)return;let t=e.currentTarget.value,n=t.toLowerCase(),r=g(ve,e.nativeEvent),i=()=>wt.current.findIndex(e=>Ke(e,V).toLowerCase()===n||Ve(e,z).toLowerCase()===n);function a(){if(Y)return;if(y===`none`){xn(t,r);return}let e=i();e===-1&&(e=wt.current.findIndex((e,t)=>{let r=nt.current[t];return r!=null&&r.toLowerCase()===n}));let a=e===-1?void 0:wt.current[e];a!=null&&Cn?.(a,r)}jt&&(vn(),j&&i()===-1&&$.set(`forceMounted`,!0)),queueMicrotask(a)}}),id:Le&&Un==null?`${Le}-hidden-input`:void 0,form:w,name:Un,autoComplete:be,disabled:kt,required:ee&&!Hn,readOnly:E,value:Vn,ref:zn,style:Un?c:S,tabIndex:-1,"aria-hidden":!0,suppressHydrationWarning:!0}),Wn]});return(0,J.jsx)(dt.Provider,{value:$,children:(0,J.jsx)(ft.Provider,{value:kn,children:(0,J.jsx)(mt.Provider,{value:Nt,children:(0,J.jsx)(pt.Provider,{value:Bn,children:(0,J.jsx)(ht.Provider,{value:Rt,children:Gn})})})})})}function kt(e){let{multiple:t=!1,defaultValue:n,value:r,onValueChange:i,autoComplete:a,...o}=e;return(0,J.jsx)(Ot,{...o,selectionMode:t?`multiple`:`single`,selectedValue:r,defaultSelectedValue:n,onSelectedValueChange:i,formAutoComplete:a})}var At={...be,...Ze,popupSide:e=>e?{"data-popup-side":e}:null,listEmpty:e=>e?{"data-list-empty":``}:null},Y=G.createContext(void 0);function jt(){return G.useContext(Y)}var Mt=G.createContext(void 0);function Nt(e){let t=G.useContext(Mt);if(t===void 0&&!e)throw Error(N(21));return t}var Pt=G.forwardRef(function(e,t){let n=K(),{buttonRef:r,getButtonProps:i}=I({native:!1}),a=ne(t,r);function o(e){n.state.setOpen(!1,g(me,e.nativeEvent,e.currentTarget))}return(0,J.jsx)(`span`,{ref:a,...i({onClick:o}),"aria-label":`Dismiss`,tabIndex:void 0,style:c})}),X=G.forwardRef(function(e,t){let{render:n,className:r,disabled:i=!1,id:a,style:o,...c}=e,{state:l,disabled:u,setTouched:d,setFocused:f,validationMode:p,validation:m}=et(),{labelId:h}=rt(),_=jt(),y=!!Nt(!0),x=K(),{filteredItems:S}=_t(),C=vt(),w=ce(),T=A(x,q.required),E=A(x,q.disabled),D=A(x,q.readOnly),ee=A(x,q.name),te=A(x,q.form),O=A(x,q.selectionMode),ne=A(x,q.autoHighlight),k=A(x,q.inputProps),j=A(x,q.triggerProps),M=A(x,q.open),N=A(x,q.mounted),P=A(x,q.selectedValue),ae=A(x,q.popupSide),oe=A(x,q.positionerElement),se=A(x,q.id),I=A(x,q.inline),L=A(x,q.modal),le=!!ne,ue=N&&oe?ae:null,B=u||E||i,de=S.length===0,fe=y||I,pe=!fe||L,V=ie(a??(fe?void 0:se)),me=ot(h,void 0),H=y?nt:l,[he,ge]=G.useState(null),U=G.useRef(!1),ye=G.useRef(null),be=G.useRef(!1),xe=O===`none`&&!y,Se=F(e=>{let t=y||x.state.inline;t&&!x.state.hasInputValue&&x.state.setInputValue(``,g(ve)),x.update({inputElement:e,inputInsidePopup:t,inputOwnsFormValue:xe})}),Ce=y||!m?c:m.getValidationProps(B,c),we={...H,open:M,disabled:B,readOnly:D,popupSide:ue,listEmpty:de};function Te(e){if(!_)return;let t,{highlightedChipIndex:n}=_,r=_.chipsRef.current.length,i=w===`rtl`,a=i?`ArrowRight`:`ArrowLeft`,o=i?`ArrowLeft`:`ArrowRight`;if(n!==void 0){if(e.key===a)e.preventDefault(),t=n>0?n-1:void 0;else if(e.key===o)e.preventDefault(),t=n<r-1?n+1:void 0;else if(e.key===`Backspace`||e.key===`Delete`){e.preventDefault();let r=n>=P.length-1?P.length-2:n;t=r>=0?r:void 0,x.state.setIndices({activeIndex:null,selectedIndex:null,type:`keyboard`})}return t}return e.key===a&&(e.currentTarget.selectionStart??0)===0&&P.length>0?(e.preventDefault(),t=r>0?r-1:void 0):e.key===`Backspace`&&e.currentTarget.value===``&&P.length>0&&(x.state.setIndices({activeIndex:null,selectedIndex:null,type:`keyboard`}),e.preventDefault()),t}let W=R(`input`,e,{state:we,ref:[t,x.state.inputRef,Se],props:[k,j,{type:`text`,value:e.value??he??C,"aria-readonly":D||void 0,"aria-required":T||void 0,"aria-labelledby":me,disabled:B,readOnly:D,required:O===`none`?T:void 0,form:te,...xe&&ee&&{name:ee},id:V,onFocus(){if(f(!0),!I||!be.current)return;be.current=!1;let e=ye.current;e==null||!Object.hasOwn(x.state.valuesRef.current,e)||x.state.setIndices({activeIndex:e})},onBlur(){d(!0),f(!1);let e=x.state.activeIndex;if(I&&e!==null&&ne!==`always`&&(ye.current=e,be.current=!0,x.state.setIndices({activeIndex:null})),p===`onBlur`){let e=O===`none`?C:P;m.commit(e)}},onCompositionStart(e){s||(U.current=!0,ge(e.currentTarget.value))},onCompositionEnd(e){U.current=!1;let t=e.currentTarget.value;ge(null),x.state.setInputValue(t,g(_e,e.nativeEvent))},onChange(e){let t=e.nativeEvent.inputType,n=!t||t===`insertReplacementText`,r=U.current||!n;if(U.current){let t=e.currentTarget.value;ge(t),t===``&&!x.state.openOnInputClick&&!x.state.inputInsidePopup&&x.state.setOpen(!1,g(re,e.nativeEvent));let n=t.trim(),i=le&&n!==``;!D&&!B&&n&&r&&(x.state.setOpen(!0,g(_e,e.nativeEvent)),le||x.state.setIndices({activeIndex:null,selectedIndex:null,type:x.state.keyboardActiveRef.current?`keyboard`:`pointer`})),M&&x.state.activeIndex!==null&&!i&&x.state.setIndices({activeIndex:null,selectedIndex:null,type:x.state.keyboardActiveRef.current?`keyboard`:`pointer`});return}let i=g(_e,e.nativeEvent);if(x.state.setInputValue(e.currentTarget.value,i),i.isCanceled)return;let a=e.currentTarget.value===``,o=g(re,e.nativeEvent);a&&!x.state.inputInsidePopup&&(O===`single`&&x.state.setSelectedValue(null,o),x.state.openOnInputClick||x.state.setOpen(!1,o));let s=e.currentTarget.value.trim();!D&&!B&&s&&r&&(x.state.setOpen(!0,g(_e,e.nativeEvent)),le||x.state.setIndices({activeIndex:null,selectedIndex:null,type:x.state.keyboardActiveRef.current?`keyboard`:`pointer`})),M&&x.state.activeIndex!==null&&!le&&x.state.setIndices({activeIndex:null,selectedIndex:null,type:x.state.keyboardActiveRef.current?`keyboard`:`pointer`})},onKeyDown(e){if(B||D||e.ctrlKey||e.shiftKey||e.altKey||e.metaKey)return;x.state.keyboardActiveRef.current=!0;let t=e.currentTarget,n=t.scrollWidth-t.clientWidth,r=w===`rtl`;if(e.key===`Home`){b(e);let n=v&&r?t.value.length:0;t.setSelectionRange(n,n),t.scrollLeft=0;return}if(e.key===`End`){b(e);let i=v&&r?0:t.value.length;t.setSelectionRange(i,i),t.scrollLeft=r?-n:n;return}if(!N&&e.key===`Escape`){let t=O===`multiple`&&Array.isArray(P)?P.length===0:P===null,n=g(z,e.nativeEvent),r=O===`multiple`?[]:null;x.state.setInputValue(``,n),x.state.setSelectedValue(r,n),!t&&!x.state.inline&&!n.isPropagationAllowed&&e.stopPropagation();return}if(_&&e.key===`Backspace`&&t.value===``&&_.highlightedChipIndex===void 0&&Array.isArray(P)&&P.length>0){let t=_.chipsRef.current.length,n=t>0?t-1:P.length-1,r=P.filter((e,t)=>t!==n);x.state.setIndices({activeIndex:null,selectedIndex:null,type:x.state.keyboardActiveRef.current?`keyboard`:`pointer`}),x.state.setSelectedValue(r,g(ve,e.nativeEvent));return}let i=_?.highlightedChipIndex!==void 0,a=Te(e);if(_?.setHighlightedChipIndex(a),a===void 0?i&&x.state.inputRef.current?.focus():_?.chipsRef.current[a]?.focus(),e.which!==229&&e.key===`Enter`&&M){let t=x.state.activeIndex,n=e.nativeEvent;if(t===null){if(I)return;x.state.setOpen(!1,g(ve,n));return}b(e);let r=x.state.listRef.current[t];r&&(x.state.selectionEventRef.current=n,r.click(),x.state.selectionEventRef.current=null)}},onPointerMove(){x.state.keyboardActiveRef.current=!1},onPointerDown(){x.state.keyboardActiveRef.current=!1}},Ce],stateAttributesMapping:At}),Ee=y?(0,J.jsx)(Xe.Provider,{value:Qe,children:W}):W;return(0,J.jsxs)(G.Fragment,{children:[M&&pe&&(0,J.jsx)(Pt,{ref:x.state.startDismissRef}),Ee]})}),Z=e(n(),1);function Ft(e,t,n,r,i){if(e.baseUIHandlerPrevented||r)return;let o=p(e.nativeEvent),s=ye(o)?o:null;s!==e.currentTarget&&(i?.(s)||a(s))||(e.preventDefault(),!n&&(t.state.inputRef.current?.focus(),t.state.openOnInputClick&&t.state.setOpen(!0,g(M,e.nativeEvent))))}var It=2,Lt=G.forwardRef(function(e,t){let{render:n,className:r,nativeButton:i=!0,disabled:a=!1,id:o,style:s,...c}=e,{state:l,disabled:u,setTouched:m,setFocused:h,validationMode:_,validation:v}=et(),{labelId:y}=rt(),x=K(),{filteredItems:S}=_t(),C=A(x,q.selectionMode),w=A(x,q.disabled),E=A(x,q.readOnly),D=A(x,q.required),ee=A(x,q.mounted),te=A(x,q.popupSide),O=A(x,q.positionerElement),ne=A(x,q.listElement),k=A(x,q.popupId),re=A(x,q.triggerProps),j=A(x,q.triggerElement),M=A(x,q.inputInsidePopup),N=A(x,q.id),ie=A(x,q.labelId),ae=A(x,q.open),oe=A(x,q.selectedValue),se=A(x,q.activeIndex),ce=A(x,q.selectedIndex),L=A(x,q.hasSelectedValue),le=gt(),ue=vt(),z=T(),B=u||w||a,de=S.length===0,fe=ee&&O?te:null;it({id:M?o:void 0});let pe=M?o??N:o,V=ot(y,ie),me;ae&&M?me=k??bt(N):ae&&(me=ne?.id);let H=G.useRef(``);function he(e){H.current=e.pointerType}let ge=le.useState(`domReferenceElement`);G.useEffect(()=>{M&&j&&j!==ge&&le.set(`domReferenceElement`,j)},[j,ge,le,M]);let{reference:_e}=je(le,{enabled:!ae&&!E&&!w&&C===`single`,listRef:x.state.labelsRef,activeIndex:se,selectedIndex:ce,onMatch(e){let t=x.state.valuesRef.current[e];t!==void 0&&x.state.setSelectedValue(t,g(`none`))}}),{reference:U}=De(le,{enabled:!E&&!w,event:`mousedown`}),{buttonRef:ve,getButtonProps:ye}=I({native:i,disabled:B}),be={...l,open:ae,disabled:B,popupSide:fe,listEmpty:de,placeholder:C===`none`?!1:!L};return R(`button`,e,{ref:[t,ve,F(e=>{x.set(`triggerElement`,e)})],state:be,props:[re,U,_e,{id:pe,tabIndex:M?0:-1,role:M?`combobox`:void 0,"aria-expanded":ae?`true`:`false`,"aria-haspopup":M?`dialog`:`listbox`,"aria-controls":me,"aria-required":M&&D||void 0,"aria-labelledby":V,onPointerDown:he,onPointerEnter:he,onFocus(){h(!0),!(B||E)&&z.start(0,x.state.forceMount)},onBlur(e){if(!f(O,e.relatedTarget)&&(m(!0),h(!1),_===`onBlur`)){let e=C===`none`?ue:oe;v.commit(e)}},onMouseDown(e){if(B||E||(M||le.set(`domReferenceElement`,e.currentTarget),x.state.forceMount(),H.current!==`touch`&&(x.state.inputRef.current?.focus(),M||e.preventDefault()),ae))return;let t=d(e.currentTarget);function n(e){if(!j)return;let t=p(e),n=x.state.positionerElement,r=x.state.listElement;if(f(j,t)||f(n,t)||f(r,t)||t===j)return;let i=Ne(j),a=e.clientX>=i.left-It&&e.clientX<=i.right+It,o=e.clientY>=i.top-It&&e.clientY<=i.bottom+It;a&&o||x.state.setOpen(!1,g(`cancel-open`,e))}M&&t.addEventListener(`mouseup`,n,{once:!0})},onKeyDown(e){B||E||(e.key===`ArrowDown`||e.key===`ArrowUp`)&&(b(e),x.state.setOpen(!0,g(P,e.nativeEvent)),x.state.inputRef.current?.focus())}},v?v.getValidationProps(B,c):c,ye],stateAttributesMapping:At})}),Rt=G.createContext(null);function zt(){return G.useContext(Rt)}function Q(e){let{children:t,items:n}=e,r=G.useMemo(()=>({items:n}),[n]);return(0,J.jsx)(Rt.Provider,{value:r,children:t})}function Bt(e){let{children:t}=e,{filteredItems:n}=_t(),r=zt(),i=r?r.items:n;return i?(0,J.jsx)(G.Fragment,{children:i.map(t)}):null}var Vt=G.forwardRef(function(e,t){var n;let{render:r,className:i,style:a,children:o,...s}=e,c=K(),l=gt(),u=!!Nt(!0),{filteredItems:d,hasItems:f}=_t(),p=A(c,q.selectionMode),m=A(c,q.grid),h=A(c,q.popupProps),g=A(c,q.virtualized),_=A(c,q.forceMounted),v=p===`multiple`,y=d.length===0,x=F(e=>{c.set(`positionerElement`,e)}),S=F(e=>{c.set(`listElement`,e)}),C=G.useMemo(()=>typeof o==`function`?n||=(0,J.jsx)(Bt,{children:o}):o,[o]),w={empty:y},T=l.useState(`floatingId`),E=R(`div`,e,{state:w,ref:[t,S,u?null:x],props:[h,{children:C,tabIndex:-1,id:T,role:m?`grid`:`listbox`,"aria-multiselectable":v?`true`:void 0,onKeyDown(e){if(!(c.state.disabled||c.state.readOnly)&&e.key===`Enter`){let t=c.state.activeIndex;if(t==null)return;b(e);let n=e.nativeEvent,r=c.state.listRef.current[t];r&&(c.state.selectionEventRef.current=n,r.click(),c.state.selectionEventRef.current=null)}},onKeyDownCapture(){c.state.keyboardActiveRef.current=!0},onPointerMoveCapture(){c.state.keyboardActiveRef.current=!1}},s]});if(g)return E;let D=f&&!_?void 0:c.state.labelsRef;return(0,J.jsx)(Le,{elementsRef:c.state.listRef,labelsRef:D,children:E})}),Ht=`⁠`;function Ut(e){let t=e.ownerDocument.createTreeWalker(e,NodeFilter.SHOW_TEXT),n=null;for(;t.nextNode();){let e=t.currentNode;e.nodeValue!==``&&(n=e)}return n}function Wt(){let e=T(),t=G.useRef(null);return G.useEffect(()=>{if(u)return;let n=t.current;if(n==null)return;let r=Ut(n);if(r==null)return;let i=r.nodeValue??``,a=`${i}${Ht}`;return r.nodeValue=a,e.start(200,()=>{r.nodeValue===a&&(r.nodeValue=i)}),()=>{e.clear(),r.nodeValue===a&&(r.nodeValue=i)}},[t,e]),t}var Gt=G.forwardRef(function(e,t){let{render:n,className:r,style:i,children:a,...o}=e;return R(`div`,e,{ref:[t,Wt()],props:[{children:a,role:`status`,"aria-live":`polite`,"aria-atomic":!0},o]})}),Kt=G.createContext(void 0);function qt(){let e=G.useContext(Kt);if(e===void 0)throw Error(N(20));return e}var Jt=G.forwardRef(function(e,t){let{keepMounted:n=!1,...r}=e,i=K(),a=A(i,q.mounted),o=A(i,q.forceMounted);return a||n||o?(0,J.jsx)(Kt.Provider,{value:n,children:(0,J.jsx)(le,{ref:t,...r})}):null}),Yt=G.forwardRef(function(e,t){let{render:n,className:r,anchor:i,positionMethod:a=`absolute`,side:o=`bottom`,align:s=`center`,sideOffset:c=0,alignOffset:l=0,collisionBoundary:u=`clipping-ancestors`,collisionPadding:d=5,arrowPadding:f=5,sticky:p=!1,disableAnchorTracking:m=!1,collisionAvoidance:h=ee,style:g,..._}=e,v=K(),{filteredItems:y}=_t(),b=gt(),x=qt(),S=A(v,q.modal),C=A(v,q.open),w=A(v,q.mounted),T=A(v,q.openMethod),E=A(v,q.positionerElement),D=A(v,q.triggerElement),te=A(v,q.inputElement),O=A(v,q.inputGroupElement),ne=A(v,q.inputInsidePopup),k=A(v,q.transitionStatus),re=y.length===0,M=j({anchor:i??(ne?D:O??te),floatingRootContext:b,positionMethod:a,mounted:w,side:o,sideOffset:c,align:s,alignOffset:l,arrowPadding:f,collisionBoundary:u,collisionPadding:d,sticky:p,disableAnchorTracking:m,keepMounted:x,collisionAvoidance:h,lazyFlip:!0});ze(C&&S,T===`touch`,E,D);let N={open:C,side:M.side,align:M.align,anchorHidden:M.anchorHidden,empty:re};L(()=>{v.set(`popupSide`,M.side)},[v,M.side]);let ie=F(e=>{v.set(`positionerElement`,e)}),P=ge(e,N,{styles:M.positionerStyles,transitionStatus:k,props:_,refs:[t,ie],hidden:!w,inert:!C});return(0,J.jsxs)(Mt.Provider,{value:M,children:[w&&S&&(0,J.jsx)(Oe,{inert:Pe(!C),cutout:O??te??D}),P]})}),$={...U,...w},Xt=G.forwardRef(function(e,t){let{render:n,className:r,style:i,initialFocus:a,finalFocus:o,...s}=e,c=K(),u=Nt(),d=gt(),{filteredItems:m}=_t(),h=A(c,q.mounted),g=A(c,q.open),_=A(c,q.openMethod),v=A(c,q.transitionStatus),y=A(c,q.inputInsidePopup),b=A(c,q.inputElement),x=A(c,q.modal),S=A(c,q.id),C=m.length===0,w=s.id??(y?bt(S):void 0);L(()=>(c.set(`popupId`,c.state.popupRef.current?.id||w),()=>{c.set(`popupId`,void 0)}),[c,w]),l({open:g,ref:c.state.popupRef,onComplete(){g&&c.state.onOpenChangeComplete(!0)}});let T=R(`div`,e,{state:{open:g,side:u.side,align:u.align,anchorHidden:u.anchorHidden,transitionStatus:v,empty:C},ref:[t,c.state.popupRef],props:[{id:w,role:y?`dialog`:`presentation`,tabIndex:-1,onFocus(e){let t=p(e.nativeEvent);_!==`touch`&&(f(c.state.listElement,t)||t===e.currentTarget)&&c.state.inputRef.current?.focus()}},k(v),s],stateAttributesMapping:$}),E=a===void 0?y?e=>e===`touch`?c.state.popupRef.current:b:!1:a,D;D=o??(y?void 0:!1);let ee=!y||x;return(0,J.jsx)(ke,{context:d,disabled:!h,modal:ee,openInteractionType:_,initialFocus:E,returnFocus:D,getInsideElements:()=>[c.state.startDismissRef.current,c.state.endDismissRef.current],children:(0,J.jsxs)(G.Fragment,{children:[T,ee&&(0,J.jsx)(Pt,{ref:c.state.endDismissRef})]})})}),Zt=G.createContext(void 0);function Qt(){let e=G.useContext(Zt);if(e===void 0)throw Error(N(18));return e}var $t=G.forwardRef(function(e,t){let{render:n,className:r,style:i,items:a,...o}=e,[s,c]=G.useState(),l=G.useMemo(()=>({labelId:s,setLabelId:c,items:a}),[s,c,a]),u=R(`div`,e,{ref:t,props:[{role:`group`,"aria-labelledby":s},o]}),d=(0,J.jsx)(Zt.Provider,{value:l,children:u});return a?(0,J.jsx)(Q,{items:a,children:d}):d}),en=G.forwardRef(function(e,t){let{render:n,className:r,style:i,id:a,...o}=e,{setLabelId:s}=Qt(),c=ie(a);return L(()=>(s(c),()=>{s(void 0)}),[c,s]),R(`div`,e,{ref:t,props:[{id:c},o]})}),tn=G.createContext(void 0);function nn(){let e=G.useContext(tn);if(!e)throw Error(N(19));return e}var rn=G.createContext(!1);function an(){return G.useContext(rn)}function on(e){let{componentProps:t,forwardedRef:n,virtualized:r,indexFromFilter:i}=e,{render:a,className:o,style:s,value:c=null,index:l,disabled:u=!1,nativeButton:d=!1,...f}=t,p=G.useRef(!1),m=G.useRef(null),h=Ie({index:l,textRef:m,indexGuessBehavior:Re.GuessFromOrder}),g=K(),_=an(),v=yt(),y=A(g,q.open),b=A(g,q.selectionMode),x=A(g,q.readOnly),S=A(g,q.isItemEqualToValue),C=b!==`none`,w=l??(r?i??-1:h.index),T=h.index!==-1,E=A(g,q.id),D=A(g,q.isActive,w),ee=A(g,q.isSelected,c),te=A(g,q.itemProps),O=G.useRef(null),ne=E!=null&&T?`${E}-${w}`:void 0,k=ee&&C;L(()=>{if(!(T&&(r||l!=null)))return;let e=g.state.listRef.current;return e[w]=O.current,()=>{delete e[w]}},[T,r,w,l,g]),L(()=>{if(!T||v)return;let e=g.state.valuesRef.current;return e[w]=c,b!==`none`&&g.state.allValuesRef.current.push(c),()=>{delete e[w]}},[T,v,w,c,g,b]),L(()=>{if(!y){p.current=!1;return}if(!T||v)return;let e=g.state.selectedValue;qe(c,Array.isArray(e)?e[e.length-1]:e,S)&&g.set(`selectedIndex`,w)},[T,v,y,g,w,c,S]);let{getButtonProps:re,buttonRef:j}=I({disabled:u,focusableWhenDisabled:!0,native:d,composite:!0}),M={disabled:u,selected:k,highlighted:D};function N(e){function t(){g.state.handleSelection(e,c)}g.state.submitOnItemClick?(Z.flushSync(t),g.state.requestSubmit()):t()}let ie={id:ne,role:_?`gridcell`:`option`,"aria-selected":C?k:void 0,tabIndex:void 0,onPointerDownCapture(e){p.current=!0,e.preventDefault()},onMouseDown(e){e.preventDefault()},onClick(e){u||x||N(e.nativeEvent)},onMouseUp(e){let t=p.current;p.current=!1,!(u||x||e.button!==0||t||!D)&&N(e.nativeEvent)}},P=R(`div`,t,{ref:[j,n,h.ref,O],state:M,props:[te,ie,f,re]}),ae=G.useMemo(()=>({selected:k,textRef:m}),[k,m]);return(0,J.jsx)(tn.Provider,{value:ae,children:P})}function sn(e){let{componentProps:t,forwardedRef:n}=e,r=A(K(),q.isItemEqualToValue),{flatFilteredItems:i}=_t();return(0,J.jsx)(on,{componentProps:t,forwardedRef:n,virtualized:!0,indexFromFilter:We(i,t.value??null,r)})}var cn=G.memo(G.forwardRef(function(e,t){let n=A(K(),q.virtualized);return n&&e.index==null?(0,J.jsx)(sn,{componentProps:e,forwardedRef:t}):(0,J.jsx)(on,{componentProps:e,forwardedRef:t,virtualized:n,indexFromFilter:void 0})})),ln=G.forwardRef(function(e,t){let n=e.keepMounted??!1,{selected:r}=nn();return n||r?(0,J.jsx)(un,{...e,ref:t}):null}),un=G.memo(G.forwardRef((e,t)=>{let{render:n,className:r,style:i,keepMounted:a,...o}=e,{selected:s}=nn(),c=G.useRef(null),{transitionStatus:u,setMounted:d}=C(s),f=R(`span`,e,{ref:[t,c],state:{selected:s,transitionStatus:u},props:[{"aria-hidden":!0,children:`✔️`},o],stateAttributesMapping:w});return l({open:s,ref:c,onComplete(){s||d(!1)}}),f})),dn=G.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,o=K(),s=A(o,q.open),c=A(o,q.hasSelectionChips),[l,u]=G.useState(void 0);s&&l!==void 0&&u(void 0);let d=G.useRef([]),f=R(`div`,e,{ref:[t,o.state.chipsContainerRef],props:[c?{role:`toolbar`}:te,{onMouseDown(e){Ft(e,o,o.state.disabled,o.state.readOnly)}},a]}),p=G.useMemo(()=>({highlightedChipIndex:l,setHighlightedChipIndex:u,chipsRef:d}),[l,u,d]);return(0,J.jsx)(Y.Provider,{value:p,children:(0,J.jsx)(Le,{elementsRef:d,children:f})})}),fn=G.createContext(void 0);function pn(){let e=G.useContext(fn);if(!e)throw Error(N(17));return e}var mn=G.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,o=K(),{setHighlightedChipIndex:s,chipsRef:c}=jt(),l=ce(),u=A(o,q.disabled),d=A(o,q.readOnly),f=A(o,q.selectedValue),{ref:p,index:m}=Ie();function h(e){let t=m,n=l===`rtl`,r=n?`ArrowRight`:`ArrowLeft`,i=n?`ArrowLeft`:`ArrowRight`;if(e.key===r)e.preventDefault(),t=m>0?m-1:void 0;else if(e.key===i)e.preventDefault(),t=m<c.current.length-1?m+1:void 0;else if(e.key===`Backspace`||e.key===`Delete`){let n=m>=f.length-1?f.length-2:m;t=n>=0?n:void 0,b(e),o.state.setIndices({activeIndex:null,selectedIndex:null,type:`keyboard`}),o.state.setSelectedValue(f.filter((e,t)=>t!==m),g(ve,e.nativeEvent))}else e.key===`Enter`||e.key===` `?(b(e),t=void 0):e.key===`ArrowDown`||e.key===`ArrowUp`?(b(e),o.state.setOpen(!0,g(P,e.nativeEvent)),t=void 0):e.key.length===1&&!e.ctrlKey&&!e.metaKey&&!e.altKey&&(t=void 0);return t}let _=R(`div`,e,{ref:[t,p],state:{disabled:u},props:[{tabIndex:-1,"aria-disabled":u||void 0,"aria-readonly":d||void 0,onKeyDown(e){if(u||d)return;let t=h(e);Z.flushSync(()=>{s(t)}),t===void 0?o.state.inputRef.current?.focus():c.current[t]?.focus()}},a]}),v=G.useMemo(()=>({index:m}),[m]);return(0,J.jsx)(fn.Provider,{value:v,children:_})}),hn=G.forwardRef(function(e,t){let{render:n,className:r,disabled:i=!1,nativeButton:a=!0,style:o,...s}=e,c=K(),{index:l}=pn(),u=A(c,q.disabled),d=A(c,q.readOnly),f=A(c,q.selectedValue),p=A(c,q.isItemEqualToValue),m=u||i,{buttonRef:h,getButtonProps:_}=I({native:a,disabled:m||d,focusableWhenDisabled:!0}),v={disabled:m};function y(e){let t=c.state.activeIndex;if(t==null)return;let n=We(c.state.valuesRef.current,e,p);n!==-1&&t===n&&c.state.setIndices({activeIndex:null,type:c.state.keyboardActiveRef.current?`keyboard`:`pointer`})}function x(e){let t=g(he,e.nativeEvent),n=f[l];return y(n),c.state.setSelectedValue(f.filter((e,t)=>t!==l),t),c.state.inputRef.current?.focus(),t}return R(`button`,e,{ref:[t,h],state:v,props:[{tabIndex:-1,onMouseDown(e){e.preventDefault()},onClick(e){m||d||x(e).isPropagationAllowed||e.stopPropagation()},onKeyDown(e){m||d||(e.key===`Enter`||e.key===` `)&&(x(e).isPropagationAllowed||b(e))}},s,_]})}),gn=G.forwardRef(function(e,t){let{render:n,className:r,style:i,children:a,...o}=e,{filteredItems:s}=_t(),c=K(),l=Wt(),u=s.length===0?a:null;return R(`div`,e,{ref:[t,c.state.emptyRef,l],props:[{children:u,role:`status`,"aria-live":`polite`,"aria-atomic":!0},o]})}),_n={...w,...O},vn=G.forwardRef(function(e,t){let{render:n,className:r,disabled:i=!1,nativeButton:a=!0,keepMounted:o=!1,style:s,...c}=e,{disabled:u}=et(),d=K(),f=A(d,q.selectionMode),p=A(d,q.disabled),m=A(d,q.readOnly),h=A(d,q.open),_=A(d,q.selectedValue),v=A(d,q.hasSelectionChips),y=vt(),b=!1;b=f===`none`?y!==``:f===`single`?_!=null:v;let x=u||p||i,{buttonRef:S,getButtonProps:w}=I({native:a,disabled:x}),{mounted:T,transitionStatus:E,setMounted:D}=C(b),ee={disabled:x,visible:b,open:h,transitionStatus:E};l({open:b,ref:d.state.clearRef,onComplete(){b||D(!1)}});let te=R(`button`,e,{state:ee,ref:[t,S,d.state.clearRef],props:[{tabIndex:-1,children:`x`,onMouseDown(e){e.preventDefault()},onClick(e){if(x||m)return;let t=d.state.keyboardActiveRef;d.state.setInputValue(``,g(ue,e.nativeEvent)),f===`none`?d.state.setIndices({activeIndex:null,type:t.current?`keyboard`:`pointer`}):(d.state.setSelectedValue(Array.isArray(_)?[]:null,g(ue,e.nativeEvent)),d.state.setIndices({activeIndex:null,selectedIndex:null,type:t.current?`keyboard`:`pointer`})),d.state.inputRef.current?.focus()}},c,w],stateAttributesMapping:_n});return o||T?te:null}),yn=kt,bn=Jt;function xn({className:e,sideOffset:t=4,...n}){return(0,J.jsx)(Yt,{"data-slot":`combobox-positioner`,sideOffset:t,className:W(`z-50 outline-none`,e),...n})}function Sn({className:e,...t}){return(0,J.jsx)(Xt,{"data-slot":`combobox-popup`,className:W(`w-[var(--anchor-width)] min-w-[8rem] max-w-[var(--available-width)] max-h-[min(var(--available-height),24rem)]`,`overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md`,`origin-[var(--transform-origin)]`,`data-[starting-style]:opacity-0 data-[starting-style]:scale-95`,`data-[ending-style]:opacity-0 data-[ending-style]:scale-95`,`transition-[opacity,transform] duration-150`,e),...t})}function Cn({className:e,...t}){return(0,J.jsx)(Vt,{"data-slot":`combobox-list`,className:W(`max-h-[min(24rem,var(--available-height))] overflow-y-auto overscroll-contain p-1`,`outline-none empty:hidden`,e),...t})}var wn={sm:`py-1 px-2 text-xs gap-2`,md:`py-1.5 px-2.5 text-sm gap-2`,lg:`py-2 px-3 text-base gap-2.5`},Tn={sm:`size-3`,md:`size-4`,lg:`size-5`};function En({className:e,children:t,size:n=`md`,...r}){return(0,J.jsxs)(cn,{"data-slot":`combobox-item`,className:W(`flex w-full cursor-default select-none items-center justify-between rounded-sm outline-none`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-50`,`data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground`,wn[n],e),...r,children:[(0,J.jsx)(`span`,{className:`flex min-w-0 flex-1 items-center gap-2 truncate`,children:t}),(0,J.jsx)(ln,{className:W(`flex shrink-0 items-center justify-center text-muted-foreground`,Tn[n]),children:(0,J.jsx)(y,{className:Tn[n]})})]})}function Dn({className:e,children:t,...n}){return(0,J.jsx)(gn,{"data-slot":`combobox-empty`,className:W(`py-6 text-center text-sm text-muted-foreground empty:hidden`,e),...n,children:t})}function On({className:e,...t}){return(0,J.jsx)(Gt,{"data-slot":`combobox-status`,className:W(`flex items-center gap-2 px-3 py-2 text-sm text-muted-foreground empty:hidden`,e),...t})}function kn({className:e,...t}){return(0,J.jsx)($t,{"data-slot":`combobox-group`,className:W(`overflow-hidden p-1`,e),...t})}function An({className:e,...t}){return(0,J.jsx)(en,{"data-slot":`combobox-group-label`,className:W(`px-2 py-1.5 text-xs font-medium text-muted-foreground`,e),...t})}var jn=Bt,Mn={sm:`min-h-8 gap-1 px-2 py-1 text-xs`,md:`min-h-10 gap-1.5 px-3 py-2 text-sm`,lg:`min-h-12 gap-2 px-4 py-2.5 text-base`};function Nn({className:e,size:t=`md`,error:n,...r}){return(0,J.jsx)(dn,{"data-slot":`combobox-chips`,className:W(`flex flex-wrap items-center rounded-md border border-input bg-background ring-offset-background shadow-xs transition-[color,box-shadow] outline-none`,`focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]`,`aria-invalid:ring-destructive/20 aria-invalid:border-destructive aria-invalid:bg-destructive/15`,Mn[t],e),"aria-invalid":n||void 0,...r})}function Pn({className:e,children:t,...n}){return(0,J.jsxs)(mn,{"data-slot":`combobox-chip`,className:W(`inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-1 text-xs font-medium text-secondary-foreground`,`data-[highlighted]:bg-primary data-[highlighted]:text-primary-foreground`,`focus-within:bg-primary focus-within:text-primary-foreground`,e),...n,children:[t,(0,J.jsx)(hn,{className:`rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,children:(0,J.jsx)(we,{className:`size-3`})})]})}function Fn({className:e,...t}){return(0,J.jsx)(X,{"data-slot":`combobox-chips-input`,className:W(`min-w-[80px] flex-1 bg-transparent outline-none placeholder:text-muted-foreground`,e),...t})}var In={placeholder:`Search...`,clear:`Clear selection`,toggle:`Open options`,searching:`Loading...`,noResults:`No results found.`,typeToSearch:`Type at least {min} characters to search...`,typeMore:`Type {remaining} more character{s} to search...`,createNew:`Create {value}`,loadingMore:`Loading...`,apply:`Apply`,cancel:`Cancel`},Ln=Symbol(`enhanced-combobox-create-option`);function Rn(e){return typeof e==`object`&&!!e&&Ln in e}function zn(e){if(!Rn(e))throw Error(`Item is not a create option`);return e[Ln]}function Bn(e){return{[Ln]:e}}function Vn({isLoading:e,text:t,className:n}){return e?(0,J.jsxs)(`div`,{className:W(`loading-more--component`,`flex items-center justify-center gap-2 py-2 text-sm text-muted-foreground`,n),role:`status`,"aria-live":`polite`,children:[(0,J.jsx)(x,{className:`size-4 animate-spin`,"aria-hidden":`true`}),(0,J.jsx)(`span`,{children:t})]}):null}Vn.displayName=`LoadingMore`;function Hn({isLoading:e,searchValue:t,minSearchLength:n,itemCount:r,strings:i}){let a=t.trim();if(e)return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(x,{className:`size-4 animate-spin`}),i.searching]});if(a===``)return i.typeToSearch.includes(`{min}`)?i.typeToSearch.replace(`{min}`,String(n)):i.typeToSearch;if(a.length<n){let e=n-a.length;return i.typeMore.includes(`{remaining}`)||i.typeMore.includes(`{s}`)?i.typeMore.replace(`{remaining}`,String(e)).replace(`{s}`,e===1?``:`s`):i.typeMore}return null}Hn.displayName=`StatusContent`;function Un({isLoading:e,showStatus:t,showEmpty:n,searchValue:r,minSearchLength:i,items:a,groupedItems:o,createOptionItem:s,renderItemContent:c,getItemReactKey:l,getItemDisabled:u,renderGroupLabel:d,isLoadingMore:f,strings:p,size:m=`sm`,portalContainer:h,listRef:g,anchor:_,applyFooter:v}){let y=(0,J.jsx)(xn,{anchor:_,className:h==null?void 0:`z-[100]`,children:(0,J.jsxs)(Sn,{"aria-busy":e||void 0,children:[!!t&&(0,J.jsx)(On,{children:(0,J.jsx)(Hn,{isLoading:e,searchValue:r,minSearchLength:i,itemCount:a.length,strings:p})}),!!n&&(0,J.jsx)(Dn,{children:p.noResults}),(0,J.jsx)(Cn,{ref:g,children:o?(0,J.jsxs)(J.Fragment,{children:[Array.from(o.entries()).map(([e,t])=>(0,J.jsxs)(kn,{className:`combobox-dropdown--component`,items:t,children:[(0,J.jsx)(An,{children:typeof d==`function`?d(e):e}),(0,J.jsx)(jn,{children:e=>(0,J.jsx)(En,{value:e,size:m,disabled:u?.(e),children:c(e)},l(e))})]},e)),s!=null&&(0,J.jsx)(En,{value:s,size:m,children:c(s)},l(s))]}):(0,J.jsx)(jn,{children:e=>(0,J.jsx)(En,{value:e,size:m,disabled:u?.(e),children:c(e)},l(e))})}),(0,J.jsx)(Vn,{isLoading:!!f,text:p.loadingMore}),!!v&&(0,J.jsxs)(`div`,{className:`flex items-center justify-end gap-2 border-t border-border/60 px-2 py-1.5`,children:[(0,J.jsx)(V,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:e=>{e.preventDefault(),e.stopPropagation(),v.onCancel()},children:v.cancelLabel}),(0,J.jsx)(V,{type:`button`,variant:`primary`,onClick:e=>{e.preventDefault(),e.stopPropagation(),v.onApply()},children:v.applyLabel})]})]})});return h?(0,J.jsx)(bn,{container:h,children:y}):(0,J.jsx)(bn,{children:y})}Un.displayName=`ComboboxDropdown`;var Wn={sm:`text-xs mt-1`,md:`text-sm mt-1.5`,lg:`text-base mt-2`};function Gn({error:e,size:t,className:n}){return e?(0,J.jsx)(`p`,{className:W(`error-message--component`,`text-destructive`,Wn[t],n),role:`alert`,"aria-live":`polite`,children:e}):null}Gn.displayName=`ErrorMessage`;function Kn(e){return e.replace(/[$()*+.?[\\\]^{|}]/g,`\\$&`)}function qn({text:e,highlight:t,highlightClassName:n=`rounded-sm bg-warning/20 px-0.5 text-warning-foreground dark:bg-warning/25`}){if(!t.trim())return e;let r=RegExp(`(${Kn(t)})`,`gi`),i=e.split(r),a=0;return(0,J.jsx)(J.Fragment,{children:i.map((e,t)=>{let r=t%2==1,i=String(a);return a+=e.length,r?(0,J.jsx)(`mark`,{className:n,children:e},i):(0,J.jsx)(`span`,{children:e},i)})})}qn.displayName=`HighlightedText`;function Jn({searchValue:e,onSearch:t,debounceMs:n=300,minSearchLength:r=3}){let i=(0,G.useRef)(null),a=(0,G.useRef)(t);(0,G.useEffect)(()=>{a.current=t},[t]),(0,G.useEffect)(()=>{if(!a.current)return;i.current&&clearTimeout(i.current);let t=e.trim();return t.length>=r&&(i.current=setTimeout(()=>{a.current?.(t)},n)),()=>{i.current&&clearTimeout(i.current)}},[e,n,r])}function Yn({items:e,getItemGroup:t}){return(0,G.useMemo)(()=>{if(!t)return null;let n=new Map;for(let r of e){let e=t(r),i=n.get(e);i?i.push(r):n.set(e,[r])}return n},[e,t])}function Xn({hasMore:e,onLoadMore:t,isLoadingMore:n}){let r=(0,G.useRef)(!1),i=(0,G.useRef)(null),a=(0,G.useCallback)(a=>{if(!e||!t||n||r.current)return;let{scrollHeight:o,scrollTop:s,clientHeight:c}=a.target;(s+c)/o>=.8&&(i.current&&clearTimeout(i.current),i.current=setTimeout(()=>{r.current=!0,t(),setTimeout(()=>{r.current=!1},500)},100))},[e,t,n]);return(0,G.useEffect)(()=>()=>{i.current&&clearTimeout(i.current)},[]),{handleScroll:a}}function Zn(e){return Te(In,e)}function Qn(e,t,n){let r=t.toLowerCase();return e.some(e=>n(e).toLowerCase()===r)}function $n({items:e,searchValue:t,getItemLabel:n,getItemKey:r,isLoading:i=!1,minSearchLength:a=3,strings:o,renderItem:s,onSearch:c,debounceMs:l=300,creatable:u,onCreate:d,getItemGroup:f,hasMore:p,onLoadMore:m,isLoadingMore:h,highlightMatch:g,ensuredItems:v=[]}){let y=Zn(o),b=r??n,x=(0,G.useRef)(null),S=t.trim();Jn({searchValue:t,onSearch:c,debounceMs:l,minSearchLength:a});let{handleScroll:C}=Xn({hasMore:p,onLoadMore:m,isLoadingMore:h});(0,G.useEffect)(()=>{let e=x.current;if(!(!e||!p||!m))return e.addEventListener(`scroll`,C),()=>e.removeEventListener(`scroll`,C)},[C,p,m]);let w=(0,G.useMemo)(()=>{if(v.length===0)return e;let t=[...v];return e.forEach(e=>{let n=b(e);v.some(e=>b(e)===n)||t.push(e)}),t},[e,v,b]),T=Yn({items:w,getItemGroup:f}),E=(0,G.useMemo)(()=>!u||!d||S.length<a?!1:!Qn(w,S,n),[u,d,S,a,w,n]),D=(0,G.useMemo)(()=>E?Bn(S):null,[E,S]);return{strings:y,getKey:b,trimmedSearch:S,listRef:x,baseItems:w,allItems:(0,G.useMemo)(()=>D?[...w,D]:w,[w,D]),groupedItems:T,createOptionItem:D,showStatus:i||S.length<a,showEmpty:!i&&S.length>=a&&e.length===0&&!E,showCreateOption:E,renderItemContent:(0,G.useCallback)(e=>{if(Rn(e)){let t=zn(e);return(0,J.jsxs)(`span`,{className:W(`use-enhanced-combobox-core--component`,`flex items-center gap-2`),children:[(0,J.jsx)(Ce,{className:`size-4`}),y.createNew.includes(`{value}`)?y.createNew.replace(`{value}`,t):(0,J.jsxs)(`span`,{className:`inline-flex items-center gap-1`,children:[(0,J.jsx)(`span`,{children:y.createNew}),(0,J.jsx)(_,{tag:`span`,weight:`medium`,children:t})]})]})}if(s)return s(e);let t=n(e);return g&&S?(0,J.jsx)(qn,{text:t,highlight:S}):t},[y.createNew,s,n,g,S]),itemToStringLabel:(0,G.useCallback)(e=>Rn(e)?zn(e):n(e),[n]),getItemReactKey:(0,G.useCallback)(e=>Rn(e)?`__create__:${zn(e)}`:String(b(e)),[b]),handleScroll:C}}var er={sm:`md`,base:`md`,lg:`lg`};function tr(e,t){return e??er[t??`sm`]??`sm`}var nr={sm:`sm`,md:`base`,lg:`lg`},rr={sm:`pe-14`,md:`pe-16`,lg:`pe-20`};function ir(e){return nr[e]}function ar({placeholder:e,clearLabel:t,toggleLabel:n,size:r,error:i,required:a,disabled:o,clearable:s=!0,className:c,onBlur:l}){return(0,J.jsxs)(`div`,{className:`relative`,children:[(0,J.jsx)(X,{render:(0,J.jsx)(lt,{size:r,invalid:i,className:W(`pe-16`,c)}),placeholder:e,"aria-invalid":i||void 0,"aria-required":a,disabled:o,onBlur:l}),(0,J.jsxs)(`div`,{className:`absolute inset-y-0 end-1 flex items-center gap-1 text-muted-foreground`,children:[s?(0,J.jsx)(vn,{render:(0,J.jsx)(V,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,className:`size-7 text-muted-foreground hover:text-foreground`,"aria-label":t,children:(0,J.jsx)(we,{className:`size-3.5`,"aria-hidden":`true`})})}):null,(0,J.jsx)(Lt,{render:(0,J.jsx)(V,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,className:`size-7 text-muted-foreground hover:text-foreground`,"aria-label":n,children:(0,J.jsx)(Se,{className:`size-3.5`,"aria-hidden":`true`})})})]})]})}function or({items:e,selectedValue:t,onSelectedValueChange:n,searchValue:r,onSearchValueChange:i,getItemLabel:a,getItemKey:o,isLoading:s=!1,minSearchLength:c=3,strings:l,disabled:u=!1,className:d,clearable:f=!0,renderItem:p,portalContainer:m,name:h,invalid:g,error:_,required:v,onBlur:y,onSearch:b,debounceMs:x,creatable:S,onCreate:C,getItemGroup:w,renderGroupLabel:T,hasMore:D,onLoadMore:ee,isLoadingMore:te,getItemDisabled:O,highlightMatch:ne,size:k,open:re,onOpenChange:A}){let{defaultControlSize:j}=E(),M=tr(k,j),N=ir(M),ie=g||!!_,P=$n({items:e,searchValue:r,onSearchValueChange:i,getItemLabel:a,getItemKey:o,isLoading:s,minSearchLength:c,strings:l,renderItem:p,onSearch:b,debounceMs:x,creatable:S,onCreate:C,getItemGroup:w,hasMore:D,onLoadMore:ee,isLoadingMore:te,highlightMatch:ne,size:M,ensuredItems:t?[t]:[]}),[ae,F]=(0,G.useState)(!1),oe=(0,G.useCallback)(e=>{F(e),e||i(``),A?.(e)},[A,i]),se=ae?r:t?P.itemToStringLabel(t):``,I=(0,G.useCallback)(e=>{if(e&&Rn(e)){let t=zn(e);C?.(t);return}n(e)},[n,C]);return(0,J.jsxs)(`div`,{className:`enhanced-combobox--component`,children:[(0,J.jsxs)(yn,{items:P.allItems,value:t,onValueChange:I,inputValue:se,onInputValueChange:(e,{reason:t})=>{if(t===`item-press`){i(``);return}i(e)},itemToStringLabel:P.itemToStringLabel,disabled:u,filter:null,name:h,required:v,open:re,onOpenChange:oe,children:[(0,J.jsx)(ar,{placeholder:P.strings.placeholder,clearLabel:P.strings.clear,toggleLabel:P.strings.toggle,className:W(rr[M],d),size:N,error:ie,required:v,disabled:u,clearable:f,onBlur:y}),(0,J.jsx)(Un,{isLoading:s,showStatus:P.showStatus,showEmpty:P.showEmpty,searchValue:r,minSearchLength:c,items:e,groupedItems:P.groupedItems,createOptionItem:P.createOptionItem,renderItemContent:P.renderItemContent,getItemReactKey:P.getItemReactKey,getItemDisabled:O,renderGroupLabel:T,isLoadingMore:te,strings:P.strings,size:M,portalContainer:m,listRef:P.listRef})]}),(0,J.jsx)(Gn,{error:_,size:M})]})}function sr({items:e,selectedValues:t,onSelectedValuesChange:n,searchValue:r,onSearchValueChange:i,getItemLabel:a,getItemKey:o,isLoading:s=!1,minSearchLength:c=3,strings:l,disabled:u=!1,className:d,renderItem:f,portalContainer:p,name:m,invalid:h,error:g,required:_,onBlur:v,onSearch:y,debounceMs:b,creatable:x,onCreate:S,getItemGroup:C,renderGroupLabel:w,hasMore:T,onLoadMore:D,isLoadingMore:ee,getItemDisabled:te,highlightMatch:O,size:ne,open:k,onOpenChange:re,closeOnSelect:A=!1,applyButton:j=!1,onApply:M,onCancel:N}){let{defaultControlSize:ie}=E(),P=tr(ne,ie),ae=ir(P),F=h||!!g,oe=(0,G.useRef)(null),se=o??a,[I,ce]=(0,G.useState)(t),[L,le]=(0,G.useState)(!1),ue=k!==void 0,R=ue?k:L;(0,G.useEffect)(()=>{j&&ce(t)},[j,t]);let z=(0,G.useCallback)(e=>{ue||le(e),re?.(e)},[ue,re]),B=$n({items:e,searchValue:r,onSearchValueChange:i,getItemLabel:a,getItemKey:o,isLoading:s,minSearchLength:c,strings:l,renderItem:f,onSearch:y,debounceMs:b,creatable:x,onCreate:S,getItemGroup:C,hasMore:T,onLoadMore:D,isLoadingMore:ee,highlightMatch:O,size:P,ensuredItems:t}),de=(0,G.useCallback)(e=>{let t=[],r=null;for(let n of e)Rn(n)?r=zn(n):t.push(n);r&&S?.(r);let i=t.length!==e.length||!r?t:null;i&&(j?ce(i):n(i)),A&&z(!1)},[n,S,j,A,z]),fe=(0,G.useCallback)(()=>{j&&n(I),M?.(),z(!1)},[j,I,M,n,z]),pe=(0,G.useCallback)(()=>{j&&ce(t),N?.(),z(!1)},[j,t,N,z]),V=j?I:t,me=V.length>0?void 0:B.strings.placeholder;return(0,J.jsxs)(`div`,{className:`enhanced-combobox--component`,children:[(0,J.jsxs)(yn,{items:B.allItems,multiple:!0,value:V,onValueChange:de,inputValue:r,onInputValueChange:(e,{reason:t})=>{if(t===`item-press`){i(``);return}i(e)},itemToStringLabel:B.itemToStringLabel,disabled:u,filter:null,name:m,required:_,open:R,onOpenChange:e=>{!e&&j&&ce(t),z(e)},children:[(0,J.jsxs)(Nn,{ref:oe,className:W(ct[ae],`bg-transparent px-3 py-1 text-sm !shadow-none`,d),size:P,error:F,children:[V.map(e=>(0,J.jsx)(Pn,{children:a(e)},se(e))),(0,J.jsx)(Fn,{placeholder:me,"aria-invalid":F||void 0,"aria-required":_,onBlur:v})]}),(0,J.jsx)(Un,{isLoading:s,showStatus:B.showStatus,showEmpty:B.showEmpty,searchValue:r,minSearchLength:c,items:e,groupedItems:B.groupedItems,createOptionItem:B.createOptionItem,renderItemContent:B.renderItemContent,getItemReactKey:B.getItemReactKey,getItemDisabled:te,renderGroupLabel:w,isLoadingMore:ee,strings:B.strings,size:P,portalContainer:p,listRef:B.listRef,anchor:oe,applyFooter:j?{applyLabel:B.strings.apply,cancelLabel:B.strings.cancel,onApply:fe,onCancel:pe}:void 0})]}),(0,J.jsx)(Gn,{error:g,size:P})]})}or.displayName=`EnhancedCombobox`,sr.displayName=`EnhancedComboboxMultiple`;export{sr as n,In as r,or as t};