admin-ui-starter-kit 0.1.4 → 0.4.2

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