admin-ui-starter-kit 0.6.2 → 0.6.4

package/dist/showcase/assets/{ai-ewP8qLOJ.js → ai-CasHwkW4.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,o as i,p as a,t as o}from"./section-Dd6X6IKg.js";import{t as s}from"./chart-column-CbUwWFn7.js";import{r as c,t as l}from"./example-Rrx9vj75.js";import{t as u}from"./chevron-down-CBa5t2E0.js";import{t as d}from"./cpu-CzkgJ-zb.js";import{t as f}from"./database-Ad0l2Bjl.js";import{t as p}from"./external-link-BkCjE03j.js";import{t as ee}from"./file-text-Clv0qFr3.js";import{t as te}from"./message-square-Cyrr-QgJ.js";import{t as m}from"./quote-BXTU9evS.js";import{t as ne}from"./refresh-cw-BpV3OG_s.js";import{t as h}from"./sparkles-Bc0I4qTf.js";import{n as g,r as re,t as _}from"./ai-tool-call-Da4srLLe.js";import{M as ie,N as v,a as ae,c as oe,d as se,l as ce,n as y}from"./index-o71HAmc3.js";import{t as b}from"./props-table-C6gPyO49.js";import{t as le}from"./icon-badge-GMIN-bca.js";import{t as x}from"./smart-card-BwSFemlj.js";import{t as ue}from"./separator-y9i6EG-N.js";import{a as de,c as S,i as C,n as fe,o as pe,r as w,t as T,u as E}from"./item-Oe2aHuvr.js";import{t as D}from"./inline-stat-CDQocPgN.js";var O=ce(`brain-circuit`,[[`path`,{d:`M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z`,key:`l5xja`}],[`path`,{d:`M9 13a4.5 4.5 0 0 0 3-4`,key:`10igwf`}],[`path`,{d:`M6.003 5.125A3 3 0 0 0 6.401 6.5`,key:`105sqy`}],[`path`,{d:`M3.477 10.896a4 4 0 0 1 .585-.396`,key:`ql3yin`}],[`path`,{d:`M6 18a4 4 0 0 1-1.967-.516`,key:`2e4loj`}],[`path`,{d:`M12 13h4`,key:`1ku699`}],[`path`,{d:`M12 18h6a2 2 0 0 1 2 2v1`,key:`105ag5`}],[`path`,{d:`M12 8h8`,key:`1lhi5i`}],[`path`,{d:`M16 8V5a2 2 0 0 1 2-2`,key:`u6izg6`}],[`circle`,{cx:`16`,cy:`13`,r:`.5`,key:`ry7gng`}],[`circle`,{cx:`18`,cy:`3`,r:`.5`,key:`1aiba7`}],[`circle`,{cx:`20`,cy:`21`,r:`.5`,key:`yhc1fs`}],[`circle`,{cx:`20`,cy:`8`,r:`.5`,key:`1e43v0`}]]),me={title:`AI Summary`,badgeLabel:`AI`,regenerate:`Regenerate`,confidenceLevels:{low:`low`,medium:`medium`,high:`high`}},he={title:`Classification`,complexityLabel:`Complexity`,flagsLabel:`Flags`,nextStepLabel:`Next Step`,confidencePrefix:`Confidence`,confidenceBands:{low:`Low`,medium:`Medium`,high:`High`}},k=se(),A={low:1,medium:2,high:3};function ge({level:e,label:t}){let n=A[e];return(0,k.jsxs)(`div`,{className:y(`ai-summary--confidence`,`flex items-center gap-1.5`),children:[(0,k.jsx)(`div`,{className:`flex items-center gap-0.5`,children:Array.from({length:3},(e,t)=>(0,k.jsx)(`div`,{className:y(`h-2.5 w-1 rounded-sm`,t<n?`bg-foreground/60`:`bg-muted-foreground/20`)},`bar-${String(t)}`))}),(0,k.jsx)(a,{size:`xs`,type:`secondary`,tag:`span`,className:`capitalize`,children:t})]})}function j({data:e,strings:t}){let n=v(me,t);return(0,k.jsx)(x,{icon:(0,k.jsx)(O,{className:`size-4`}),title:n.title,className:`ai-summary--component`,titleSuffix:(0,k.jsx)(i,{variant:`secondary`,children:n.badgeLabel}),footerText:(0,k.jsxs)(`div`,{className:`flex w-full items-center justify-between`,children:[(0,k.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,k.jsx)(a,{size:`xs`,type:`secondary`,tag:`span`,children:e.generatedAt}),(0,k.jsx)(a,{size:`xs`,type:`discrete`,tag:`span`,children:e.model})]}),!!e.onRegenerate&&(0,k.jsxs)(c,{variant:`secondary`,buttonStyle:`ghost`,onClick:e.onRegenerate,children:[(0,k.jsx)(ne,{className:`mr-1 h-3 w-3`}),n.regenerate]})]}),children:(0,k.jsxs)(`div`,{className:`space-y-3`,children:[(0,k.jsx)(a,{size:`sm`,lineHeight:`relaxed`,children:e.summary}),e.entities.length>0&&(0,k.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:e.entities.map(e=>(0,k.jsx)(i,{variant:`secondary`,children:e},e))}),(0,k.jsx)(ge,{level:e.confidence,label:n.confidenceLevels[e.confidence]})]})})}function M({data:e,strings:t}){let n=v(he,t),r=e.confidence>=.9?n.confidenceBands.high:e.confidence>=.7?n.confidenceBands.medium:n.confidenceBands.low;return(0,k.jsx)(x,{icon:(0,k.jsx)(O,{className:`size-4`}),title:n.title,className:`ai-classification--component`,children:(0,k.jsxs)(`div`,{className:`space-y-3`,children:[(0,k.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[(0,k.jsx)(i,{variant:`primary`,children:e.requestType}),(0,k.jsx)(i,{variant:e.urgencyVariant,children:e.urgency}),(0,k.jsx)(i,{variant:e.toneVariant,dot:!0,children:e.tone})]}),(0,k.jsx)(D,{label:n.complexityLabel,labelClassName:`text-sm font-medium text-foreground`,value:(0,k.jsxs)(`span`,{className:`flex items-center gap-1`,children:[Array.from({length:5},(t,n)=>(0,k.jsx)(`span`,{className:y(`h-1.5 w-3 rounded-sm`,n<e.complexityScore?`bg-foreground/60`:`bg-muted`)},`cx-${String(n)}`)),(0,k.jsxs)(a,{tag:`span`,size:`xs`,type:`secondary`,className:`ml-1`,children:[String(e.complexityScore),`/5`]})]})}),e.flags.length>0&&(0,k.jsx)(D,{label:n.flagsLabel,labelClassName:`text-sm font-medium text-foreground`,value:(0,k.jsx)(`span`,{className:`flex gap-1`,children:e.flags.map(e=>(0,k.jsx)(i,{variant:`warning`,children:e},e))})}),(0,k.jsx)(D,{label:n.nextStepLabel,labelClassName:`text-sm font-medium text-foreground`,value:(0,k.jsx)(i,{variant:`info`,children:e.suggestedAction})}),(0,k.jsx)(a,{size:`sm`,lineHeight:`relaxed`,type:`secondary`,children:e.summary}),(0,k.jsx)(ue,{}),(0,k.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,k.jsxs)(i,{variant:`secondary`,children:[n.confidencePrefix,`: `,r]}),(0,k.jsx)(a,{size:`xs`,type:`discrete`,tag:`span`,children:e.model})]})]})})}var N={title:`AI Confidence`,confidenceLabel:`Overall`,factorsLabel:`Contributing factors`};function P(e){return e>=.85?{label:`High`,variant:`success`}:e>=.6?{label:`Medium`,variant:`warning`}:{label:`Low`,variant:`error`}}function F({score:e,model:t,factors:n,className:r,strings:o}){let s=v(N,o),c=Math.round(e*100),{label:l,variant:u}=P(e),d=2*Math.PI*24,f=d-c/100*d;return(0,k.jsxs)(x,{icon:(0,k.jsx)(h,{className:`size-4`}),title:s.title,titleSuffix:!!t&&(0,k.jsx)(i,{variant:`secondary`,size:`small`,children:t}),className:y(`ai-confidence--component`,r),children:[(0,k.jsxs)(`div`,{className:`grid gap-space-xl md:grid-cols-[auto_minmax(0,1fr)] md:items-center`,children:[(0,k.jsxs)(`div`,{className:`relative shrink-0`,children:[(0,k.jsxs)(`svg`,{width:`56`,height:`56`,viewBox:`0 0 64 64`,"aria-hidden":`true`,children:[(0,k.jsx)(`circle`,{cx:`32`,cy:`32`,r:`24`,fill:`none`,stroke:`currentColor`,strokeWidth:`5`,className:`text-muted/60`}),(0,k.jsx)(`circle`,{cx:`32`,cy:`32`,r:`24`,fill:`none`,stroke:`currentColor`,strokeWidth:`5`,strokeLinecap:`round`,strokeDasharray:d,strokeDashoffset:f,transform:`rotate(-90 32 32)`,className:y(u===`success`&&`text-success`,u===`warning`&&`text-warning`,u===`error`&&`text-destructive`)})]}),(0,k.jsx)(`div`,{className:`absolute inset-0 flex flex-col items-center justify-center`,children:(0,k.jsxs)(a,{weight:`semibold`,className:`tabular-nums leading-none`,children:[c,`%`]})})]}),(0,k.jsxs)(`div`,{className:`grid min-w-0 gap-space-sm`,children:[(0,k.jsx)(a,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:s.confidenceLabel}),(0,k.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-space-sm`,children:[(0,k.jsx)(i,{variant:u,children:l}),!!t&&(0,k.jsx)(a,{size:`xs`,type:`secondary`,className:`truncate`,children:t})]})]})]}),!!n&&n.length>0&&(0,k.jsxs)(`div`,{className:`mt-space-xl grid gap-space-md`,children:[(0,k.jsx)(a,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:s.factorsLabel}),n.map(e=>(0,k.jsxs)(`div`,{className:`grid gap-space-sm`,children:[(0,k.jsx)(D,{label:e.label,value:`${Math.round(e.score*100)}%`,mono:!0,labelClassName:`text-xs font-medium text-foreground`,valueClassName:`text-xs font-semibold`}),(0,k.jsx)(`div`,{className:`h-1.5 w-full overflow-hidden rounded-full bg-muted/70`,children:(0,k.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${Math.round(e.score*100)}%`}})})]},e.label))]})]})}F.displayName=`AiConfidenceCard`;var I={title:`Try asking`,hint:`Tap a prompt to start`};function L({suggestions:e,onPick:t,className:n,strings:r}){let i=v(I,r);return(0,k.jsx)(x,{icon:(0,k.jsx)(h,{className:`size-4`}),title:i.title,description:i.hint,className:y(`ai-prompt-suggestions--component`,n),children:(0,k.jsx)(`div`,{className:`grid grid-cols-[repeat(auto-fit,minmax(min(15rem,100%),1fr))] gap-space-xl`,children:e.map(e=>{let n=e.icon;return(0,k.jsxs)(T,{variant:`outline`,render:(0,k.jsx)(`button`,{type:`button`,onClick:()=>t?.(e)}),className:y(`ai-prompt-suggestions--item h-full items-start gap-space-lg px-surface py-surface-sm transition-[border-color,background] duration-150`,`hover:border-foreground/20 hover:bg-muted/40`),children:[!!n&&(0,k.jsx)(S,{children:(0,k.jsx)(le,{icon:n,tone:`primary`,size:`default`,shape:`square`})}),(0,k.jsxs)(w,{className:`min-w-0 gap-space-sm`,children:[(0,k.jsx)(E,{children:e.label}),!!e.description&&(0,k.jsx)(C,{children:e.description})]})]},e.id)})})})}L.displayName=`AiPromptSuggestions`;var _e={title:`Token usage`,input:`Input`,output:`Output`,total:`Total`,cost:`Estimated cost`};function R({model:e,inputTokens:t,outputTokens:n,cost:r,maxTokens:o,className:s,strings:c}){let l=v(_e,c),u=t+n,f=o?Math.min(100,Math.round(u/o*100)):0;return(0,k.jsxs)(x,{icon:(0,k.jsx)(d,{className:`size-4`}),title:l.title,titleSuffix:!!e&&(0,k.jsx)(i,{variant:`secondary`,children:e}),className:y(`ai-token-usage--component`,s),children:[(0,k.jsx)(`div`,{className:`grid grid-cols-3 gap-2`,children:[{label:l.input,value:t},{label:l.output,value:n},{label:l.total,value:u}].map(e=>(0,k.jsxs)(`div`,{className:`rounded-md bg-muted/40 px-3 py-2`,children:[(0,k.jsx)(a,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label}),(0,k.jsx)(a,{size:`lg`,weight:`semibold`,className:`tabular-nums`,children:e.value.toLocaleString()})]},e.label))}),!!o&&(0,k.jsxs)(`div`,{className:`mt-3`,children:[(0,k.jsx)(D,{label:`${u.toLocaleString()} / ${o.toLocaleString()}`,value:`${f}%`,mono:!0,labelClassName:`text-xs`,valueClassName:`text-xs font-semibold`}),(0,k.jsx)(`div`,{className:`mt-1 h-1.5 w-full overflow-hidden rounded-full bg-muted`,children:(0,k.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${f}%`}})})]}),!!r&&(0,k.jsx)(D,{className:`mt-3 rounded-md bg-primary/5 px-3 py-2`,label:l.cost,value:r,mono:!0,labelClassName:`text-xs`,valueClassName:`text-sm font-bold`})]})}R.displayName=`AiTokenUsageCard`;var ve={title:`Sources`,sourceCount:e=>e===1?`1 source`:`${e} sources`,expand:`Show sources`,collapse:`Hide sources`,visit:`Visit`,relevance:`Relevance`},z=t(n(),1);function B({sources:e,defaultExpanded:t=!1,maxCollapsedRows:n=0,className:r,strings:i}){let o=ie(ve,i),[s,l]=(0,z.useState)(t),d=s?e:e.slice(0,Math.max(0,n)),f=e.length-d.length;return(0,k.jsxs)(`div`,{className:y(`ai-citation--component`,`rounded-lg border border-border bg-card px-surface-sm py-surface-sm shadow-xs`,`space-y-space-lg`,r),children:[(0,k.jsxs)(c,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:()=>l(e=>!e),className:y(`ai-citation--trigger h-auto justify-start gap-space-sm rounded-md px-control py-row-y`,`text-muted-foreground hover:text-foreground hover:bg-muted/40`),"aria-expanded":s,"aria-label":s?o.collapse:o.expand,children:[(0,k.jsx)(m,{className:`size-3.5`}),(0,k.jsxs)(a,{size:`xs`,weight:`medium`,children:[o.title,` · `,o.sourceCount(e.length)]}),s?(0,k.jsx)(u,{className:`size-3.5`}):(0,k.jsx)(oe,{className:`size-3.5`})]}),(s||n>0)&&(0,k.jsxs)(pe,{children:[d.map((e,t)=>(0,k.jsx)(ye,{source:e,index:t+1,strings:o},e.id)),!s&&f>0&&(0,k.jsxs)(a,{size:`xxs`,type:`secondary`,children:[`+`,f,` more`]})]})]})}B.displayName=`AiCitation`;function ye({source:e,index:t,strings:n}){let r=typeof e.relevance==`number`?Math.round(Math.max(0,Math.min(1,e.relevance))*100):null,i=e.url?`a`:`span`,o=e.url?{href:e.url,target:`_blank`,rel:`noopener noreferrer`}:{};return(0,k.jsxs)(T,{variant:`outline`,size:`small`,className:`items-start px-surface-sm py-surface-sm`,children:[(0,k.jsx)(S,{children:(0,k.jsx)(`span`,{className:`inline-flex size-5 shrink-0 items-center justify-center rounded-full bg-muted text-xxs font-semibold text-muted-foreground tabular-nums`,children:t})}),(0,k.jsxs)(w,{children:[(0,k.jsx)(E,{className:`truncate`,children:(0,k.jsxs)(i,{...o,className:y(`truncate`,e.url&&`hover:text-primary hover:underline`),children:[e.title,!!e.url&&(0,k.jsx)(p,{className:`ml-1 inline size-3 align-baseline`})]})}),!!e.snippet&&(0,k.jsx)(C,{clamp:2,children:e.snippet}),(e.publisher||e.publishedAt)&&(0,k.jsxs)(de,{className:`mt-1 justify-start gap-1.5`,children:[!!e.publisher&&(0,k.jsx)(a,{size:`xxs`,type:`discrete`,children:e.publisher}),!!e.publisher&&!!e.publishedAt&&(0,k.jsx)(a,{size:`xxs`,type:`discrete`,children:`·`}),!!e.publishedAt&&(0,k.jsx)(a,{size:`xxs`,type:`discrete`,className:`tabular-nums`,children:e.publishedAt})]})]}),r!==null&&(0,k.jsxs)(fe,{className:`w-16 flex-col items-end gap-0.5`,children:[(0,k.jsxs)(a,{size:`xxs`,type:`secondary`,weight:`medium`,className:`tabular-nums`,children:[r,`%`]}),(0,k.jsx)(`div`,{className:`h-1 w-full overflow-hidden rounded-full bg-muted`,"aria-label":n.relevance,children:(0,k.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${r}%`}})})]})]})}var be=e({AIClassification:()=>H,AISummary:()=>V});function V(){return(0,k.jsx)(k.Fragment,{children:(0,k.jsx)(j,{data:{summary:`Customer requested a birthday experience booking for two adults near Los Angeles, preferring a weekend slot in early April.`,entities:[`Birthday`,`Outdoor`,`Los Angeles`,`2 Adults`],confidence:`high`,model:`Claude 3.5 Sonnet`,generatedAt:`Mar 27, 2026 — 14:32`,onRegenerate:()=>{}}})})}function H(){return(0,k.jsx)(k.Fragment,{children:(0,k.jsx)(M,{data:{requestType:`Product Inquiry`,urgency:`Medium`,urgencyVariant:`warning`,tone:`Professional`,toneVariant:`info`,flags:[`Gift Purchase`,`Wellness`],complexityScore:3,suggestedAction:`Auto-respond`,summary:`Standard product inquiry for a spa gift package.`,confidence:.92,model:`Claude 3.5 Sonnet`}})})}var xe=e({AiCitationExample:()=>J,AiConfidenceCardExample:()=>U,AiFeedbackExample:()=>Y,AiMessageBubbleExample:()=>K,AiPromptSuggestionsExample:()=>W,AiTokenUsageCardExample:()=>G,AiToolCallExample:()=>q});function U(){return(0,k.jsx)(k.Fragment,{children:(0,k.jsx)(F,{score:.84,model:`Claude 4.7`,factors:[{label:`Source quality`,score:.92},{label:`Context coverage`,score:.78},{label:`Prompt specificity`,score:.81}]})})}function W(){return(0,k.jsx)(k.Fragment,{children:(0,k.jsx)(L,{suggestions:[{id:`kpi`,label:`Summarise this month KPIs`,description:`Get a digest of revenue, orders, refunds.`,icon:s},{id:`invoice`,label:`Draft an overdue reminder`,description:`Polite + firm copy for unpaid invoices.`,icon:ee},{id:`lookup`,label:`Find similar customers`,description:`Pattern-match by spend and category.`,icon:ae},{id:`help`,label:`Answer a refund question`,description:`Explain refund policy in plain English.`,icon:te}],onPick:()=>{}})})}function G(){return(0,k.jsx)(k.Fragment,{children:(0,k.jsx)(R,{model:`Claude 4.7`,inputTokens:3240,outputTokens:812,cost:`$0.082`,maxTokens:2e4})})}function K(){return(0,k.jsx)(k.Fragment,{children:(0,k.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,k.jsx)(g,{role:`user`,authorName:`You`,timestamp:`14:31`,children:`Can you summarise yesterday's bookings and flag anything unusual?`}),(0,k.jsx)(g,{role:`assistant`,authorName:`Claude 4.7`,timestamp:`14:31`,plainText:`You had 23 bookings yesterday totalling 4,820 USD. Two refunds were processed (one for a cancellation, one duplicate). The Spa package saw 2× the usual demand.`,onRegenerate:()=>{},children:`You had 23 bookings yesterday totalling 4,820 USD. Two refunds were processed (one for a cancellation, one duplicate). The Spa package saw 2× the usual demand.`})]})})}function q(){return(0,k.jsx)(k.Fragment,{children:(0,k.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,k.jsx)(_,{name:`search_bookings`,status:`success`,durationMs:420,args:`{ from: '2026-04-01', to: '2026-04-28', status: 'paid' }`,result:`[ { id: 'B-1402', amount: 250.00, … }, …42 more ]`}),(0,k.jsx)(_,{name:`fetch_customer`,status:`running`,durationMs:120,icon:f}),(0,k.jsx)(_,{name:`send_email`,status:`error`,durationMs:2150,args:`{ to: 'maria@example.com', subject: '…' }`,error:`SMTP timeout after 2.0s. Retry suggested.`})]})})}function J(){return(0,k.jsx)(k.Fragment,{children:(0,k.jsx)(B,{defaultExpanded:!0,sources:[{id:`s1`,title:`Refund policy — Q2 2026 update`,url:`https://example.com/refund-policy`,snippet:`Refunds for bookings cancelled at least 48 hours in advance are processed within 5 business days.`,publisher:`Internal Wiki`,publishedAt:`Apr 12, 2026`,relevance:.93},{id:`s2`,title:`Customer service playbook`,url:`https://example.com/playbook`,snippet:`When a customer disputes a charge, acknowledge first, then check the booking record.`,publisher:`Operations`,publishedAt:`Mar 30, 2026`,relevance:.78},{id:`s3`,title:`Bookings API reference`,url:`https://example.com/api/bookings`,snippet:`GET /bookings/{id} returns the full booking record including refund history.`,publisher:`Engineering Docs`,publishedAt:`Feb 18, 2026`,relevance:.55}]})})}function Y(){let[e,t]=(0,z.useState)(null);return(0,k.jsx)(k.Fragment,{children:(0,k.jsx)(`div`,{className:`flex flex-col gap-3 rounded-lg border border-border bg-card p-4`,children:(0,k.jsx)(re,{value:e,onVote:t})})})}var X=`import { AiSummaryBlock, AiClassificationPanel } from '@/components/composed/ai';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,o as i,p as a,t as o}from"./section-BPNIPavy.js";import{t as s}from"./chart-column-sz871NdJ.js";import{r as c,t as l}from"./example-CJMJcnb4.js";import{t as u}from"./chevron-down-BFh1Fz2P.js";import{t as d}from"./cpu-CsWq4fcX.js";import{t as f}from"./database-C0YqGaQ_.js";import{t as p}from"./external-link-CvXhYrnd.js";import{t as ee}from"./file-text-BTTFP8Jo.js";import{t as te}from"./message-square-bM29txT3.js";import{t as m}from"./quote-BvGGgyJ0.js";import{t as ne}from"./refresh-cw-C-yHy6B7.js";import{t as h}from"./sparkles-Z4V23xKK.js";import{n as g,r as re,t as _}from"./ai-tool-call-BU6xbmXG.js";import{M as ie,N as v,a as ae,c as oe,d as se,l as ce,n as y}from"./index-jD-KSiHu.js";import{t as b}from"./props-table-DoDq8Mvr.js";import{t as le}from"./icon-badge-DrZ5qGpa.js";import{t as x}from"./smart-card-p97LLZCW.js";import{t as ue}from"./separator-CKM9A-mm.js";import{a as de,c as S,i as C,n as fe,o as pe,r as w,t as T,u as E}from"./item-ffIfXEGd.js";import{t as D}from"./inline-stat-CklKufoA.js";var O=ce(`brain-circuit`,[[`path`,{d:`M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z`,key:`l5xja`}],[`path`,{d:`M9 13a4.5 4.5 0 0 0 3-4`,key:`10igwf`}],[`path`,{d:`M6.003 5.125A3 3 0 0 0 6.401 6.5`,key:`105sqy`}],[`path`,{d:`M3.477 10.896a4 4 0 0 1 .585-.396`,key:`ql3yin`}],[`path`,{d:`M6 18a4 4 0 0 1-1.967-.516`,key:`2e4loj`}],[`path`,{d:`M12 13h4`,key:`1ku699`}],[`path`,{d:`M12 18h6a2 2 0 0 1 2 2v1`,key:`105ag5`}],[`path`,{d:`M12 8h8`,key:`1lhi5i`}],[`path`,{d:`M16 8V5a2 2 0 0 1 2-2`,key:`u6izg6`}],[`circle`,{cx:`16`,cy:`13`,r:`.5`,key:`ry7gng`}],[`circle`,{cx:`18`,cy:`3`,r:`.5`,key:`1aiba7`}],[`circle`,{cx:`20`,cy:`21`,r:`.5`,key:`yhc1fs`}],[`circle`,{cx:`20`,cy:`8`,r:`.5`,key:`1e43v0`}]]),me={title:`AI Summary`,badgeLabel:`AI`,regenerate:`Regenerate`,confidenceLevels:{low:`low`,medium:`medium`,high:`high`}},he={title:`Classification`,complexityLabel:`Complexity`,flagsLabel:`Flags`,nextStepLabel:`Next Step`,confidencePrefix:`Confidence`,confidenceBands:{low:`Low`,medium:`Medium`,high:`High`}},k=se(),A={low:1,medium:2,high:3};function ge({level:e,label:t}){let n=A[e];return(0,k.jsxs)(`div`,{className:y(`ai-summary--confidence`,`flex items-center gap-1.5`),children:[(0,k.jsx)(`div`,{className:`flex items-center gap-0.5`,children:Array.from({length:3},(e,t)=>(0,k.jsx)(`div`,{className:y(`h-2.5 w-1 rounded-sm`,t<n?`bg-foreground/60`:`bg-muted-foreground/20`)},`bar-${String(t)}`))}),(0,k.jsx)(a,{size:`xs`,type:`secondary`,tag:`span`,className:`capitalize`,children:t})]})}function j({data:e,strings:t}){let n=v(me,t);return(0,k.jsx)(x,{icon:(0,k.jsx)(O,{className:`size-4`}),title:n.title,className:`ai-summary--component`,titleSuffix:(0,k.jsx)(i,{variant:`secondary`,children:n.badgeLabel}),footerText:(0,k.jsxs)(`div`,{className:`flex w-full items-center justify-between`,children:[(0,k.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,k.jsx)(a,{size:`xs`,type:`secondary`,tag:`span`,children:e.generatedAt}),(0,k.jsx)(a,{size:`xs`,type:`discrete`,tag:`span`,children:e.model})]}),!!e.onRegenerate&&(0,k.jsxs)(c,{variant:`secondary`,buttonStyle:`ghost`,onClick:e.onRegenerate,children:[(0,k.jsx)(ne,{className:`mr-1 h-3 w-3`}),n.regenerate]})]}),children:(0,k.jsxs)(`div`,{className:`space-y-3`,children:[(0,k.jsx)(a,{size:`sm`,lineHeight:`relaxed`,children:e.summary}),e.entities.length>0&&(0,k.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:e.entities.map(e=>(0,k.jsx)(i,{variant:`secondary`,children:e},e))}),(0,k.jsx)(ge,{level:e.confidence,label:n.confidenceLevels[e.confidence]})]})})}function M({data:e,strings:t}){let n=v(he,t),r=e.confidence>=.9?n.confidenceBands.high:e.confidence>=.7?n.confidenceBands.medium:n.confidenceBands.low;return(0,k.jsx)(x,{icon:(0,k.jsx)(O,{className:`size-4`}),title:n.title,className:`ai-classification--component`,children:(0,k.jsxs)(`div`,{className:`space-y-3`,children:[(0,k.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[(0,k.jsx)(i,{variant:`primary`,children:e.requestType}),(0,k.jsx)(i,{variant:e.urgencyVariant,children:e.urgency}),(0,k.jsx)(i,{variant:e.toneVariant,dot:!0,children:e.tone})]}),(0,k.jsx)(D,{label:n.complexityLabel,labelClassName:`text-sm font-medium text-foreground`,value:(0,k.jsxs)(`span`,{className:`flex items-center gap-1`,children:[Array.from({length:5},(t,n)=>(0,k.jsx)(`span`,{className:y(`h-1.5 w-3 rounded-sm`,n<e.complexityScore?`bg-foreground/60`:`bg-muted`)},`cx-${String(n)}`)),(0,k.jsxs)(a,{tag:`span`,size:`xs`,type:`secondary`,className:`ml-1`,children:[String(e.complexityScore),`/5`]})]})}),e.flags.length>0&&(0,k.jsx)(D,{label:n.flagsLabel,labelClassName:`text-sm font-medium text-foreground`,value:(0,k.jsx)(`span`,{className:`flex gap-1`,children:e.flags.map(e=>(0,k.jsx)(i,{variant:`warning`,children:e},e))})}),(0,k.jsx)(D,{label:n.nextStepLabel,labelClassName:`text-sm font-medium text-foreground`,value:(0,k.jsx)(i,{variant:`info`,children:e.suggestedAction})}),(0,k.jsx)(a,{size:`sm`,lineHeight:`relaxed`,type:`secondary`,children:e.summary}),(0,k.jsx)(ue,{}),(0,k.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,k.jsxs)(i,{variant:`secondary`,children:[n.confidencePrefix,`: `,r]}),(0,k.jsx)(a,{size:`xs`,type:`discrete`,tag:`span`,children:e.model})]})]})})}var N={title:`AI Confidence`,confidenceLabel:`Overall`,factorsLabel:`Contributing factors`};function P(e){return e>=.85?{label:`High`,variant:`success`}:e>=.6?{label:`Medium`,variant:`warning`}:{label:`Low`,variant:`error`}}function F({score:e,model:t,factors:n,className:r,strings:o}){let s=v(N,o),c=Math.round(e*100),{label:l,variant:u}=P(e),d=2*Math.PI*24,f=d-c/100*d;return(0,k.jsxs)(x,{icon:(0,k.jsx)(h,{className:`size-4`}),title:s.title,titleSuffix:!!t&&(0,k.jsx)(i,{variant:`secondary`,size:`small`,children:t}),className:y(`ai-confidence--component`,r),children:[(0,k.jsxs)(`div`,{className:`grid gap-space-xl md:grid-cols-[auto_minmax(0,1fr)] md:items-center`,children:[(0,k.jsxs)(`div`,{className:`relative shrink-0`,children:[(0,k.jsxs)(`svg`,{width:`56`,height:`56`,viewBox:`0 0 64 64`,"aria-hidden":`true`,children:[(0,k.jsx)(`circle`,{cx:`32`,cy:`32`,r:`24`,fill:`none`,stroke:`currentColor`,strokeWidth:`5`,className:`text-muted/60`}),(0,k.jsx)(`circle`,{cx:`32`,cy:`32`,r:`24`,fill:`none`,stroke:`currentColor`,strokeWidth:`5`,strokeLinecap:`round`,strokeDasharray:d,strokeDashoffset:f,transform:`rotate(-90 32 32)`,className:y(u===`success`&&`text-success`,u===`warning`&&`text-warning`,u===`error`&&`text-destructive`)})]}),(0,k.jsx)(`div`,{className:`absolute inset-0 flex flex-col items-center justify-center`,children:(0,k.jsxs)(a,{weight:`semibold`,className:`tabular-nums leading-none`,children:[c,`%`]})})]}),(0,k.jsxs)(`div`,{className:`grid min-w-0 gap-space-sm`,children:[(0,k.jsx)(a,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:s.confidenceLabel}),(0,k.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-space-sm`,children:[(0,k.jsx)(i,{variant:u,children:l}),!!t&&(0,k.jsx)(a,{size:`xs`,type:`secondary`,className:`truncate`,children:t})]})]})]}),!!n&&n.length>0&&(0,k.jsxs)(`div`,{className:`mt-space-xl grid gap-space-md`,children:[(0,k.jsx)(a,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:s.factorsLabel}),n.map(e=>(0,k.jsxs)(`div`,{className:`grid gap-space-sm`,children:[(0,k.jsx)(D,{label:e.label,value:`${Math.round(e.score*100)}%`,mono:!0,labelClassName:`text-xs font-medium text-foreground`,valueClassName:`text-xs font-semibold`}),(0,k.jsx)(`div`,{className:`h-1.5 w-full overflow-hidden rounded-full bg-muted/70`,children:(0,k.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${Math.round(e.score*100)}%`}})})]},e.label))]})]})}F.displayName=`AiConfidenceCard`;var I={title:`Try asking`,hint:`Tap a prompt to start`};function L({suggestions:e,onPick:t,className:n,strings:r}){let i=v(I,r);return(0,k.jsx)(x,{icon:(0,k.jsx)(h,{className:`size-4`}),title:i.title,description:i.hint,className:y(`ai-prompt-suggestions--component`,n),children:(0,k.jsx)(`div`,{className:`grid grid-cols-[repeat(auto-fit,minmax(min(15rem,100%),1fr))] gap-space-xl`,children:e.map(e=>{let n=e.icon;return(0,k.jsxs)(T,{variant:`outline`,render:(0,k.jsx)(`button`,{type:`button`,onClick:()=>t?.(e)}),className:y(`ai-prompt-suggestions--item h-full items-start gap-space-lg px-surface py-surface-sm transition-[border-color,background] duration-150`,`hover:border-foreground/20 hover:bg-muted/40`),children:[!!n&&(0,k.jsx)(S,{children:(0,k.jsx)(le,{icon:n,tone:`primary`,size:`default`,shape:`square`})}),(0,k.jsxs)(w,{className:`min-w-0 gap-space-sm`,children:[(0,k.jsx)(E,{children:e.label}),!!e.description&&(0,k.jsx)(C,{children:e.description})]})]},e.id)})})})}L.displayName=`AiPromptSuggestions`;var _e={title:`Token usage`,input:`Input`,output:`Output`,total:`Total`,cost:`Estimated cost`};function R({model:e,inputTokens:t,outputTokens:n,cost:r,maxTokens:o,className:s,strings:c}){let l=v(_e,c),u=t+n,f=o?Math.min(100,Math.round(u/o*100)):0;return(0,k.jsxs)(x,{icon:(0,k.jsx)(d,{className:`size-4`}),title:l.title,titleSuffix:!!e&&(0,k.jsx)(i,{variant:`secondary`,children:e}),className:y(`ai-token-usage--component`,s),children:[(0,k.jsx)(`div`,{className:`grid grid-cols-3 gap-2`,children:[{label:l.input,value:t},{label:l.output,value:n},{label:l.total,value:u}].map(e=>(0,k.jsxs)(`div`,{className:`rounded-md bg-muted/40 px-3 py-2`,children:[(0,k.jsx)(a,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label}),(0,k.jsx)(a,{size:`lg`,weight:`semibold`,className:`tabular-nums`,children:e.value.toLocaleString()})]},e.label))}),!!o&&(0,k.jsxs)(`div`,{className:`mt-3`,children:[(0,k.jsx)(D,{label:`${u.toLocaleString()} / ${o.toLocaleString()}`,value:`${f}%`,mono:!0,labelClassName:`text-xs`,valueClassName:`text-xs font-semibold`}),(0,k.jsx)(`div`,{className:`mt-1 h-1.5 w-full overflow-hidden rounded-full bg-muted`,children:(0,k.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${f}%`}})})]}),!!r&&(0,k.jsx)(D,{className:`mt-3 rounded-md bg-primary/5 px-3 py-2`,label:l.cost,value:r,mono:!0,labelClassName:`text-xs`,valueClassName:`text-sm font-bold`})]})}R.displayName=`AiTokenUsageCard`;var ve={title:`Sources`,sourceCount:e=>e===1?`1 source`:`${e} sources`,expand:`Show sources`,collapse:`Hide sources`,visit:`Visit`,relevance:`Relevance`},z=t(n(),1);function B({sources:e,defaultExpanded:t=!1,maxCollapsedRows:n=0,className:r,strings:i}){let o=ie(ve,i),[s,l]=(0,z.useState)(t),d=s?e:e.slice(0,Math.max(0,n)),f=e.length-d.length;return(0,k.jsxs)(`div`,{className:y(`ai-citation--component`,`rounded-lg border border-border bg-card px-surface-sm py-surface-sm shadow-xs`,`space-y-space-lg`,r),children:[(0,k.jsxs)(c,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:()=>l(e=>!e),className:y(`ai-citation--trigger h-auto justify-start gap-space-sm rounded-md px-control py-row-y`,`text-muted-foreground hover:text-foreground hover:bg-muted/40`),"aria-expanded":s,"aria-label":s?o.collapse:o.expand,children:[(0,k.jsx)(m,{className:`size-3.5`}),(0,k.jsxs)(a,{size:`xs`,weight:`medium`,children:[o.title,` · `,o.sourceCount(e.length)]}),s?(0,k.jsx)(u,{className:`size-3.5`}):(0,k.jsx)(oe,{className:`size-3.5`})]}),(s||n>0)&&(0,k.jsxs)(pe,{children:[d.map((e,t)=>(0,k.jsx)(ye,{source:e,index:t+1,strings:o},e.id)),!s&&f>0&&(0,k.jsxs)(a,{size:`xxs`,type:`secondary`,children:[`+`,f,` more`]})]})]})}B.displayName=`AiCitation`;function ye({source:e,index:t,strings:n}){let r=typeof e.relevance==`number`?Math.round(Math.max(0,Math.min(1,e.relevance))*100):null,i=e.url?`a`:`span`,o=e.url?{href:e.url,target:`_blank`,rel:`noopener noreferrer`}:{};return(0,k.jsxs)(T,{variant:`outline`,size:`small`,className:`items-start px-surface-sm py-surface-sm`,children:[(0,k.jsx)(S,{children:(0,k.jsx)(`span`,{className:`inline-flex size-5 shrink-0 items-center justify-center rounded-full bg-muted text-xxs font-semibold text-muted-foreground tabular-nums`,children:t})}),(0,k.jsxs)(w,{children:[(0,k.jsx)(E,{className:`truncate`,children:(0,k.jsxs)(i,{...o,className:y(`truncate`,e.url&&`hover:text-primary hover:underline`),children:[e.title,!!e.url&&(0,k.jsx)(p,{className:`ml-1 inline size-3 align-baseline`})]})}),!!e.snippet&&(0,k.jsx)(C,{clamp:2,children:e.snippet}),(e.publisher||e.publishedAt)&&(0,k.jsxs)(de,{className:`mt-1 justify-start gap-1.5`,children:[!!e.publisher&&(0,k.jsx)(a,{size:`xxs`,type:`discrete`,children:e.publisher}),!!e.publisher&&!!e.publishedAt&&(0,k.jsx)(a,{size:`xxs`,type:`discrete`,children:`·`}),!!e.publishedAt&&(0,k.jsx)(a,{size:`xxs`,type:`discrete`,className:`tabular-nums`,children:e.publishedAt})]})]}),r!==null&&(0,k.jsxs)(fe,{className:`w-16 flex-col items-end gap-0.5`,children:[(0,k.jsxs)(a,{size:`xxs`,type:`secondary`,weight:`medium`,className:`tabular-nums`,children:[r,`%`]}),(0,k.jsx)(`div`,{className:`h-1 w-full overflow-hidden rounded-full bg-muted`,"aria-label":n.relevance,children:(0,k.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${r}%`}})})]})]})}var be=e({AIClassification:()=>H,AISummary:()=>V});function V(){return(0,k.jsx)(k.Fragment,{children:(0,k.jsx)(j,{data:{summary:`Customer requested a birthday experience booking for two adults near Los Angeles, preferring a weekend slot in early April.`,entities:[`Birthday`,`Outdoor`,`Los Angeles`,`2 Adults`],confidence:`high`,model:`Claude 3.5 Sonnet`,generatedAt:`Mar 27, 2026 — 14:32`,onRegenerate:()=>{}}})})}function H(){return(0,k.jsx)(k.Fragment,{children:(0,k.jsx)(M,{data:{requestType:`Product Inquiry`,urgency:`Medium`,urgencyVariant:`warning`,tone:`Professional`,toneVariant:`info`,flags:[`Gift Purchase`,`Wellness`],complexityScore:3,suggestedAction:`Auto-respond`,summary:`Standard product inquiry for a spa gift package.`,confidence:.92,model:`Claude 3.5 Sonnet`}})})}var xe=e({AiCitationExample:()=>J,AiConfidenceCardExample:()=>U,AiFeedbackExample:()=>Y,AiMessageBubbleExample:()=>K,AiPromptSuggestionsExample:()=>W,AiTokenUsageCardExample:()=>G,AiToolCallExample:()=>q});function U(){return(0,k.jsx)(k.Fragment,{children:(0,k.jsx)(F,{score:.84,model:`Claude 4.7`,factors:[{label:`Source quality`,score:.92},{label:`Context coverage`,score:.78},{label:`Prompt specificity`,score:.81}]})})}function W(){return(0,k.jsx)(k.Fragment,{children:(0,k.jsx)(L,{suggestions:[{id:`kpi`,label:`Summarise this month KPIs`,description:`Get a digest of revenue, orders, refunds.`,icon:s},{id:`invoice`,label:`Draft an overdue reminder`,description:`Polite + firm copy for unpaid invoices.`,icon:ee},{id:`lookup`,label:`Find similar customers`,description:`Pattern-match by spend and category.`,icon:ae},{id:`help`,label:`Answer a refund question`,description:`Explain refund policy in plain English.`,icon:te}],onPick:()=>{}})})}function G(){return(0,k.jsx)(k.Fragment,{children:(0,k.jsx)(R,{model:`Claude 4.7`,inputTokens:3240,outputTokens:812,cost:`$0.082`,maxTokens:2e4})})}function K(){return(0,k.jsx)(k.Fragment,{children:(0,k.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,k.jsx)(g,{role:`user`,authorName:`You`,timestamp:`14:31`,children:`Can you summarise yesterday's bookings and flag anything unusual?`}),(0,k.jsx)(g,{role:`assistant`,authorName:`Claude 4.7`,timestamp:`14:31`,plainText:`You had 23 bookings yesterday totalling 4,820 USD. Two refunds were processed (one for a cancellation, one duplicate). The Spa package saw 2× the usual demand.`,onRegenerate:()=>{},children:`You had 23 bookings yesterday totalling 4,820 USD. Two refunds were processed (one for a cancellation, one duplicate). The Spa package saw 2× the usual demand.`})]})})}function q(){return(0,k.jsx)(k.Fragment,{children:(0,k.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,k.jsx)(_,{name:`search_bookings`,status:`success`,durationMs:420,args:`{ from: '2026-04-01', to: '2026-04-28', status: 'paid' }`,result:`[ { id: 'B-1402', amount: 250.00, … }, …42 more ]`}),(0,k.jsx)(_,{name:`fetch_customer`,status:`running`,durationMs:120,icon:f}),(0,k.jsx)(_,{name:`send_email`,status:`error`,durationMs:2150,args:`{ to: 'maria@example.com', subject: '…' }`,error:`SMTP timeout after 2.0s. Retry suggested.`})]})})}function J(){return(0,k.jsx)(k.Fragment,{children:(0,k.jsx)(B,{defaultExpanded:!0,sources:[{id:`s1`,title:`Refund policy — Q2 2026 update`,url:`https://example.com/refund-policy`,snippet:`Refunds for bookings cancelled at least 48 hours in advance are processed within 5 business days.`,publisher:`Internal Wiki`,publishedAt:`Apr 12, 2026`,relevance:.93},{id:`s2`,title:`Customer service playbook`,url:`https://example.com/playbook`,snippet:`When a customer disputes a charge, acknowledge first, then check the booking record.`,publisher:`Operations`,publishedAt:`Mar 30, 2026`,relevance:.78},{id:`s3`,title:`Bookings API reference`,url:`https://example.com/api/bookings`,snippet:`GET /bookings/{id} returns the full booking record including refund history.`,publisher:`Engineering Docs`,publishedAt:`Feb 18, 2026`,relevance:.55}]})})}function Y(){let[e,t]=(0,z.useState)(null);return(0,k.jsx)(k.Fragment,{children:(0,k.jsx)(`div`,{className:`flex flex-col gap-3 rounded-lg border border-border bg-card p-4`,children:(0,k.jsx)(re,{value:e,onVote:t})})})}var X=`import { AiSummaryBlock, AiClassificationPanel } from '@/components/composed/ai';
 
 export function AISummary() {
 	return (

package/dist/showcase/assets/{ai-artifact-BaYtjrP5.js → ai-artifact-BgWvrLAb.js}

@@ -1,2 +1,2 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{o as n,p as r}from"./section-Dd6X6IKg.js";import{t as i}from"./bot-DxRjlJlO.js";import{t as a}from"./brain-BCAmDdGT.js";import{Dr as o,Er as s,Or as c,r as l}from"./example-Rrx9vj75.js";import{t as u}from"./chevron-down-CBa5t2E0.js";import{t as d}from"./circle-alert-BObXfzSP.js";import{t as f}from"./circle-x-Dh3sb4UC.js";import{t as p}from"./circle-dbSBYjvr.js";import{t as m}from"./download-Cx5kUzHm.js";import{t as h}from"./external-link-BkCjE03j.js";import{t as g}from"./file-text-Clv0qFr3.js";import{t as _}from"./globe-Byoz7QmA.js";import{t as v}from"./image-Cda8layy.js";import{t as y}from"./shield-check-Bnw8RAvI.js";import{t as b}from"./video-CDERYmRS.js";import{t as x}from"./x-FNPo6qUv.js";import{M as S,N as C,c as w,d as ee,l as T,n as E}from"./index-o71HAmc3.js";import{t as D}from"./icon-badge-GMIN-bca.js";var O=T(`archive`,[[`rect`,{width:`20`,height:`5`,x:`2`,y:`3`,rx:`1`,key:`1wp1u1`}],[`path`,{d:`M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8`,key:`1s80jp`}],[`path`,{d:`M10 12h4`,key:`a56b0p`}]]),k=T(`audio-lines`,[[`path`,{d:`M2 10v3`,key:`1fnikh`}],[`path`,{d:`M6 6v11`,key:`11sgs0`}],[`path`,{d:`M10 3v18`,key:`yhl04a`}],[`path`,{d:`M14 8v7`,key:`3a1oy3`}],[`path`,{d:`M18 5v13`,key:`123xd1`}],[`path`,{d:`M22 10v3`,key:`154ddg`}]]),te=T(`circle-minus`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M8 12h8`,key:`1wcyev`}]]),A=T(`file-code`,[[`path`,{d:`M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z`,key:`1oefj6`}],[`path`,{d:`M14 2v5a1 1 0 0 0 1 1h5`,key:`wfsgrz`}],[`path`,{d:`M10 12.5 8 15l2 2.5`,key:`1tg20x`}],[`path`,{d:`m14 12.5 2 2.5-2 2.5`,key:`yinavb`}]]),j=e(t(),1),M=ee();function N({children:e=`Thinking…`,paused:t=!1,duration:n=2.4,className:i}){if(t)return(0,M.jsx)(r,{type:`secondary`,className:E(`ai-shimmer--component`,i),children:e});let a={"--ai-shimmer-duration":`${n}s`};return(0,M.jsx)(`span`,{"data-ai-shimmer":!0,role:`status`,"aria-live":`polite`,className:E(`inline-block bg-clip-text text-sm font-medium text-transparent`,`bg-[linear-gradient(110deg,var(--ai-shimmer-base)_30%,var(--ai-shimmer-highlight)_50%,var(--ai-shimmer-base)_70%)]`,`bg-[length:200%_100%]`,`animate-[ai-shimmer-sweep_var(--ai-shimmer-duration,2.4s)_linear_infinite]`,i),style:a,children:e})}N.displayName=`AiShimmer`;var P={copy:`Copy`,copied:`Copied`,copyAria:`Copy code`,defaultLanguageLabel:`Code`};function F({code:e,language:t,filename:n,showLineNumbers:i=!1,highlightLines:a,hideHeader:s=!1,maxHeight:u,headerActions:d,onCopy:f,className:p,strings:m}){let h=C(P,m),[g,_]=(0,j.useState)(!1),v=(0,j.useMemo)(()=>e.split(`
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{o as n,p as r}from"./section-BPNIPavy.js";import{t as i}from"./bot-Ch-Y1HK8.js";import{t as a}from"./brain-Dvbla_5x.js";import{Dr as o,Er as s,Or as c,r as l}from"./example-CJMJcnb4.js";import{t as u}from"./chevron-down-BFh1Fz2P.js";import{t as d}from"./circle-alert-C6MbOB0m.js";import{t as f}from"./circle-x-MO44aKHe.js";import{t as p}from"./circle-BFDzL1iF.js";import{t as m}from"./download-Ds_6eIpx.js";import{t as h}from"./external-link-CvXhYrnd.js";import{t as g}from"./file-text-BTTFP8Jo.js";import{t as _}from"./globe-CvIW_foU.js";import{t as v}from"./image-CxNywgkb.js";import{t as y}from"./shield-check-DSfGVZq0.js";import{t as b}from"./video-BucshqNW.js";import{t as x}from"./x-DyuS4YRT.js";import{M as S,N as C,c as w,d as ee,l as T,n as E}from"./index-jD-KSiHu.js";import{t as D}from"./icon-badge-DrZ5qGpa.js";var O=T(`archive`,[[`rect`,{width:`20`,height:`5`,x:`2`,y:`3`,rx:`1`,key:`1wp1u1`}],[`path`,{d:`M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8`,key:`1s80jp`}],[`path`,{d:`M10 12h4`,key:`a56b0p`}]]),k=T(`audio-lines`,[[`path`,{d:`M2 10v3`,key:`1fnikh`}],[`path`,{d:`M6 6v11`,key:`11sgs0`}],[`path`,{d:`M10 3v18`,key:`yhl04a`}],[`path`,{d:`M14 8v7`,key:`3a1oy3`}],[`path`,{d:`M18 5v13`,key:`123xd1`}],[`path`,{d:`M22 10v3`,key:`154ddg`}]]),te=T(`circle-minus`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M8 12h8`,key:`1wcyev`}]]),A=T(`file-code`,[[`path`,{d:`M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z`,key:`1oefj6`}],[`path`,{d:`M14 2v5a1 1 0 0 0 1 1h5`,key:`wfsgrz`}],[`path`,{d:`M10 12.5 8 15l2 2.5`,key:`1tg20x`}],[`path`,{d:`m14 12.5 2 2.5-2 2.5`,key:`yinavb`}]]),j=e(t(),1),M=ee();function N({children:e=`Thinking…`,paused:t=!1,duration:n=2.4,className:i}){if(t)return(0,M.jsx)(r,{type:`secondary`,className:E(`ai-shimmer--component`,i),children:e});let a={"--ai-shimmer-duration":`${n}s`};return(0,M.jsx)(`span`,{"data-ai-shimmer":!0,role:`status`,"aria-live":`polite`,className:E(`inline-block bg-clip-text text-sm font-medium text-transparent`,`bg-[linear-gradient(110deg,var(--ai-shimmer-base)_30%,var(--ai-shimmer-highlight)_50%,var(--ai-shimmer-base)_70%)]`,`bg-[length:200%_100%]`,`animate-[ai-shimmer-sweep_var(--ai-shimmer-duration,2.4s)_linear_infinite]`,i),style:a,children:e})}N.displayName=`AiShimmer`;var P={copy:`Copy`,copied:`Copied`,copyAria:`Copy code`,defaultLanguageLabel:`Code`};function F({code:e,language:t,filename:n,showLineNumbers:i=!1,highlightLines:a,hideHeader:s=!1,maxHeight:u,headerActions:d,onCopy:f,className:p,strings:m}){let h=C(P,m),[g,_]=(0,j.useState)(!1),v=(0,j.useMemo)(()=>e.split(`
 `),[e]),y=(0,j.useMemo)(()=>new Set(a??[]),[a]),b=()=>{typeof navigator<`u`&&navigator.clipboard&&navigator.clipboard.writeText(e),_(!0),f?.(),window.setTimeout(()=>_(!1),1500)},x=n||t||h.defaultLanguageLabel;return(0,M.jsxs)(`div`,{className:E(`ai-code-block--component`,`w-full min-w-0 max-w-full overflow-hidden rounded-lg border border-border/60 bg-card`,p),children:[!s&&(0,M.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2 border-b border-border/60 bg-muted/30 px-3 py-1.5`,children:[(0,M.jsx)(r,{size:`xxs`,type:`secondary`,weight:`medium`,className:`min-w-0 truncate font-mono uppercase tracking-wider`,children:x}),!!n&&!!t&&(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(`span`,{"aria-hidden":!0,className:`text-muted-foreground/60`,children:`·`}),(0,M.jsx)(r,{size:`xxs`,type:`discrete`,className:`font-mono lowercase`,children:t})]}),(0,M.jsxs)(`div`,{className:`ml-auto flex shrink-0 items-center gap-1`,children:[d,(0,M.jsx)(l,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":h.copyAria,onClick:b,children:g?(0,M.jsx)(c,{className:`size-3.5 text-success`}):(0,M.jsx)(o,{className:`size-3.5`})})]})]}),(0,M.jsx)(`div`,{className:`min-w-0 max-w-full overflow-auto`,tabIndex:0,style:u===void 0?void 0:{maxHeight:typeof u==`number`?`${u}px`:u},children:(0,M.jsx)(`pre`,{className:`m-0 px-3 py-2.5 font-mono text-xs leading-relaxed`,children:i?(0,M.jsx)(`table`,{className:`w-full border-collapse`,children:(0,M.jsx)(`tbody`,{children:v.map((e,t)=>{let n=t+1;return(0,M.jsxs)(`tr`,{className:E(y.has(n)&&`bg-primary/10`),children:[(0,M.jsx)(`td`,{className:E(`select-none pr-3 text-right tabular-nums text-muted-foreground/70`,`w-9 min-w-9`),children:n}),(0,M.jsx)(`td`,{className:`whitespace-pre`,children:e||` `})]},t)})})}):(0,M.jsx)(`code`,{className:`block whitespace-pre`,children:e})})})]})}F.displayName=`AiCodeBlock`;var ne={removeAria:`Remove attachment`,openAria:`Open attachment`,uploadProgressAria:`Upload progress`},re={image:v,document:g,audio:k,video:b,code:A,archive:O,generic:g};function I({name:e,meta:t,kind:n=`generic`,icon:i,thumbnailUrl:a,progress:o,errored:s=!1,onOpen:c,onRemove:u,className:f,strings:p}){let m=C(ne,p),h=i??re[n],g=!s&&typeof o==`number`&&o>=0&&o<1,_=(0,M.jsxs)(M.Fragment,{children:[a?(0,M.jsx)(`span`,{"aria-hidden":!0,className:`size-9 shrink-0 overflow-hidden rounded-md bg-muted`,style:{backgroundImage:`url(${a})`,backgroundSize:`cover`,backgroundPosition:`center`}}):(0,M.jsx)(`span`,{"aria-hidden":!0,className:E(`inline-flex size-9 shrink-0 items-center justify-center rounded-md`,s?`bg-destructive/10 text-destructive`:`bg-muted text-muted-foreground`),children:s?(0,M.jsx)(d,{className:`size-4`}):(0,M.jsx)(h,{className:`size-4`})}),(0,M.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,M.jsx)(r,{weight:`medium`,className:`block truncate`,children:e}),!!t&&(0,M.jsx)(r,{size:`xxs`,type:`secondary`,className:`block truncate tabular-nums`,children:t}),g&&(0,M.jsx)(`div`,{className:`mt-1 h-1 overflow-hidden rounded-full bg-muted`,"aria-label":m.uploadProgressAria,children:(0,M.jsx)(`div`,{className:`h-full rounded-full bg-primary transition-[width] duration-150`,style:{width:`${Math.round((o??0)*100)}%`}})})]})]});return(0,M.jsxs)(`div`,{className:E(`ai-attachment--component`,`group inline-flex max-w-full items-center gap-2.5 rounded-lg border border-border/60 bg-card px-2.5 py-2`,s&&`border-destructive/40 bg-destructive/5`,f),children:[c?(0,M.jsx)(l,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`default`,onClick:c,"aria-label":m.openAria,className:E(`h-auto min-w-0 flex-1 justify-start gap-2.5 rounded-md px-0 py-0 text-left`),children:_}):(0,M.jsx)(`div`,{className:`flex min-w-0 flex-1 items-center gap-2.5`,children:_}),!!u&&(0,M.jsx)(l,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":m.removeAria,onClick:u,className:`opacity-60 group-hover:opacity-100`,children:(0,M.jsx)(x,{className:`size-3.5`})})]})}I.displayName=`AiAttachment`;var ie={statusLabels:{idle:`Idle`,thinking:`Thinking`,working:`Working`,done:`Done`,error:`Error`,offline:`Offline`}},ae={primary:`bg-primary/15 text-primary`,success:`bg-success/15 text-success`,warning:`bg-warning/20 text-warning`,destructive:`bg-destructive/15 text-destructive`,info:`bg-info/15 text-info`,neutral:`bg-muted text-muted-foreground`},L={idle:`secondary`,thinking:`primary`,working:`primary`,done:`success`,error:`error`,offline:`secondary`};function R({name:e,icon:t,avatar:a,subtitle:o,tone:s=`primary`,status:c,variant:l=`inline`,trailing:u,className:d,strings:f}){let p=C(ie,f),m=t??i,h=l===`card`?`size-9`:`size-7`,g=l===`card`?`size-4`:`size-3.5`,_=a??(0,M.jsx)(`span`,{"aria-hidden":!0,className:E(`inline-flex shrink-0 items-center justify-center rounded-full`,h,ae[s]),children:(0,M.jsx)(m,{className:g})}),v=!!c&&(0,M.jsxs)(n,{variant:L[c],className:`gap-1`,children:[(0,M.jsx)(`span`,{"aria-hidden":!0,className:E(`inline-block size-1.5 rounded-full`,c===`thinking`||c===`working`?`animate-pulse bg-current`:`bg-current`)}),p.statusLabels[c]]});return l===`card`?(0,M.jsxs)(`div`,{className:E(`ai-agent--component`,`flex items-center gap-3 rounded-lg border border-border/60 bg-card px-3 py-2.5`,d),children:[_,(0,M.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,M.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,M.jsx)(r,{weight:`semibold`,className:`truncate`,children:e}),v]}),!!o&&(0,M.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-0.5 line-clamp-1`,children:o})]}),!!u&&(0,M.jsx)(`div`,{className:`ml-auto flex items-center gap-1`,children:u})]}):(0,M.jsxs)(`div`,{className:E(`inline-flex items-center gap-2`,d),children:[_,(0,M.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,M.jsx)(r,{size:`xs`,weight:`medium`,className:`truncate`,children:e}),!!o&&(0,M.jsx)(r,{size:`xxs`,type:`secondary`,className:`truncate`,children:o}),v]}),!!u&&(0,M.jsx)(`div`,{className:`ml-1 flex items-center gap-1`,children:u})]})}R.displayName=`AiAgent`;var z={approve:`Approve`,reject:`Reject`,pending:`Awaiting your approval`,approved:`Approved`,rejected:`Rejected`},B={neutral:{ring:`border-border/60 bg-card`,icon:`muted`},destructive:{ring:`border-destructive/40 bg-destructive/5`,icon:`destructive`},warning:{ring:`border-warning/40 bg-warning/5`,icon:`warning`},info:{ring:`border-info/40 bg-info/5`,icon:`info`},primary:{ring:`border-primary/40 bg-primary/5`,icon:`primary`}};function V({title:e,description:t,icon:n,tone:i=`neutral`,status:a=`pending`,onApprove:o,onReject:s,approveLabel:u,rejectLabel:d,details:f,className:p,strings:m}){let h=C(z,m),g=n??y,_=B[i];return(0,M.jsxs)(`div`,{role:`region`,"aria-live":`polite`,className:E(`ai-confirmation--component`,`rounded-lg border px-3 py-2.5`,_.ring,p),children:[(0,M.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,M.jsx)(D,{icon:g,tone:_.icon,size:`default`,shape:`square`}),(0,M.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,M.jsx)(r,{weight:`semibold`,children:e}),!!t&&(0,M.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1`,children:t}),!!f&&(0,M.jsx)(`div`,{className:`mt-2`,children:f})]})]}),a===`pending`?(0,M.jsxs)(`div`,{className:`mt-3 flex items-center justify-between gap-2 border-t border-border/60 pt-2.5`,children:[(0,M.jsx)(r,{size:`xxs`,type:`secondary`,children:h.pending}),(0,M.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,M.jsxs)(l,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:s,children:[(0,M.jsx)(x,{className:`size-3.5`}),d??h.reject]}),(0,M.jsxs)(l,{type:`button`,variant:i===`destructive`?`error`:`primary`,onClick:o,children:[(0,M.jsx)(c,{className:`size-3.5`}),u??h.approve]})]})]}):(0,M.jsx)(`div`,{className:`mt-3 flex items-center gap-2 border-t border-border/60 pt-2.5`,children:a===`approved`?(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(c,{className:`size-3.5 text-success`}),(0,M.jsx)(r,{size:`xs`,type:`success`,weight:`medium`,children:h.approved})]}):(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(x,{className:`size-3.5 text-muted-foreground`}),(0,M.jsx)(r,{size:`xs`,type:`secondary`,weight:`medium`,children:h.rejected})]})})]})}V.displayName=`AiConfirmation`;var H={title:`{{count}} sources`,expand:`Show all sources`,collapse:`Hide sources`,visit:`Visit source`};function U(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function W({sources:e,variant:t=`list`,maxAvatars:n=5,defaultExpanded:i=!1,onSelect:a,className:o,strings:s}){let c=S(H,s),[d,f]=(0,j.useState)(i),p=U(c.title,{count:e.length});if(t===`avatars`)return(0,M.jsx)(G,{sources:e,max:n,title:p,onSelect:a,className:E(`ai-sources--component`,o)});let m=d?e:e.slice(0,0);return(0,M.jsxs)(`div`,{className:E(`ai-sources--component rounded-lg border border-border/60 bg-card`,o),children:[(0,M.jsxs)(l,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`default`,onClick:()=>f(e=>!e),"aria-expanded":d,"aria-label":d?c.collapse:c.expand,className:E(`ai-sources--trigger h-auto w-full justify-start gap-2 px-3 py-2 text-left`,`rounded-lg hover:bg-muted/40`),children:[(0,M.jsx)(K,{sources:e.slice(0,4)}),(0,M.jsx)(r,{size:`xs`,weight:`medium`,className:`flex-1`,children:p}),d?(0,M.jsx)(u,{className:`size-3.5 text-muted-foreground`}):(0,M.jsx)(w,{className:`size-3.5 text-muted-foreground`})]}),d&&(0,M.jsx)(`ol`,{className:`border-t border-border/60 px-2 py-2 space-y-0.5`,children:m.map((e,t)=>(0,M.jsx)(oe,{source:e,index:t+1,onSelect:a?()=>a(e,t):void 0,visitLabel:c.visit},e.id))})]})}W.displayName=`AiSources`;function G({sources:e,max:t,title:n,onSelect:i,className:a}){let o=e.slice(0,t),s=e.length-o.length;return(0,M.jsxs)(`div`,{className:E(`inline-flex items-center gap-2`,a),children:[(0,M.jsx)(K,{sources:o,onSelect:i}),(0,M.jsx)(r,{size:`xs`,type:`secondary`,children:n}),s>0&&(0,M.jsxs)(r,{size:`xxs`,type:`discrete`,className:`tabular-nums`,children:[`+`,s]})]})}function K({sources:e,onSelect:t}){return(0,M.jsx)(`div`,{className:`flex -space-x-1.5`,children:e.map((e,n)=>{let r=(0,M.jsx)(`span`,{"aria-hidden":!0,title:typeof e.title==`string`?e.title:void 0,className:`inline-flex size-5 items-center justify-center overflow-hidden rounded-full border border-card bg-muted text-muted-foreground ring-1 ring-border/60`,children:(0,M.jsx)(q,{src:e.faviconUrl})},e.id);return t?(0,M.jsx)(l,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,onClick:()=>t(e,n),className:`size-5 rounded-full p-0`,children:r},e.id):r})})}function q({src:e}){let[t,n]=(0,j.useState)(!1);return(0,j.useEffect)(()=>{n(!1)},[e]),!e||t?(0,M.jsx)(_,{className:`size-3`}):(0,M.jsx)(`img`,{src:e,alt:``,className:`size-full object-cover`,onError:()=>n(!0)})}function oe({source:e,index:t,onSelect:n,visitLabel:i}){return(0,M.jsx)(`li`,{children:(0,M.jsxs)(e.url&&!n?`a`:n?`button`:`span`,{...e.url&&!n?{href:e.url,target:`_blank`,rel:`noopener noreferrer`}:n?{type:`button`,onClick:n}:{},className:E(`group flex w-full items-start gap-2.5 rounded-md px-2 py-1.5 text-left`,(e.url||n)&&`hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`),"aria-label":e.url?i:void 0,children:[(0,M.jsx)(`span`,{className:`inline-flex size-5 shrink-0 items-center justify-center rounded-full bg-muted text-xxs font-semibold text-muted-foreground tabular-nums`,children:t}),(0,M.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,M.jsxs)(r,{weight:`medium`,className:`truncate`,children:[e.title,!!e.url&&(0,M.jsx)(h,{className:`ml-1 inline size-3 text-muted-foreground/70 align-baseline`})]}),!!e.publisher&&(0,M.jsx)(r,{size:`xxs`,type:`secondary`,className:`truncate`,children:e.publisher}),!!e.snippet&&(0,M.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1 line-clamp-2`,children:e.snippet})]})]})})}var se={thinking:`Thinking…`,thoughtFor:`Thought for {{seconds}}s`,thoughtDone:`Reasoning complete`,expandAria:`Expand reasoning`,collapseAria:`Collapse reasoning`};function ce(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function J({children:e,streaming:t=!1,durationSeconds:n,expandWhileStreaming:i=!0,defaultExpanded:o=!1,expanded:s,onExpandedChange:c,className:d,strings:f}){let p=C(se,f),[m,h]=(0,j.useState)(o),g=s??m,_=e=>{s===void 0&&h(e),c?.(e)};(0,j.useEffect)(()=>{t&&i&&!g&&_(!0),!t&&i&&g&&!o&&s===void 0&&_(!1)},[t]);let v=t?(0,M.jsx)(N,{children:p.thinking}):n===void 0?(0,M.jsx)(r,{weight:`medium`,children:p.thoughtDone}):(0,M.jsx)(r,{weight:`medium`,children:ce(p.thoughtFor,{seconds:n.toFixed(1)})});return(0,M.jsxs)(`div`,{className:E(`ai-reasoning--component`,`overflow-hidden rounded-lg border border-border/60 bg-muted/20`,d),children:[(0,M.jsxs)(l,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`default`,onClick:()=>_(!g),"aria-expanded":g,"aria-label":g?p.collapseAria:p.expandAria,className:E(`ai-reasoning--trigger h-auto w-full justify-start gap-2 rounded-none px-3 py-2 text-left`,`hover:bg-muted/30`),children:[(0,M.jsx)(a,{className:`size-3.5 text-muted-foreground`}),(0,M.jsx)(`div`,{className:`flex-1`,children:v}),g?(0,M.jsx)(u,{className:`size-3.5 text-muted-foreground`}):(0,M.jsx)(w,{className:`size-3.5 text-muted-foreground`})]}),g&&(0,M.jsx)(`div`,{className:`border-t border-border/60 px-3 py-2.5`,children:typeof e==`string`?(0,M.jsx)(r,{type:`secondary`,lineHeight:`relaxed`,className:`whitespace-pre-wrap`,children:e}):(0,M.jsx)(`div`,{className:`whitespace-pre-wrap`,children:e})})]})}J.displayName=`AiReasoning`;var le={title:`Reasoning`,streamingHint:`Working through the steps…`},ue={pending:{icon:p,iconCls:`text-muted-foreground/60`,ring:`border-border/60 bg-card`},active:{icon:s,iconCls:`text-primary`,ring:`border-primary/40 bg-primary/5`,spin:!0},completed:{icon:c,iconCls:`text-success-foreground`,ring:`border-success/40 bg-success`},failed:{icon:d,iconCls:`text-destructive-foreground`,ring:`border-destructive/40 bg-destructive`}};function Y({steps:e,hideHeader:t=!1,streaming:n=!1,className:i,strings:a}){let o=C(le,a);return(0,M.jsxs)(`div`,{className:E(`ai-chain-of-thought--component`,`rounded-lg border border-border/60 bg-card`,i),children:[!t&&(0,M.jsxs)(`div`,{className:`flex items-center gap-2 border-b border-border/60 px-3 py-2`,children:[(0,M.jsx)(r,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:o.title}),n&&(0,M.jsx)(N,{className:`ml-auto !text-xs`,children:o.streamingHint})]}),(0,M.jsx)(`ol`,{className:`relative px-3 py-3`,children:e.map((t,n)=>{let i=t.status??`pending`,a=ue[i],o=t.icon??a.icon;return(0,M.jsxs)(`li`,{className:`relative flex gap-3 pb-3 last:pb-0`,children:[n!==e.length-1&&(0,M.jsx)(`span`,{"aria-hidden":!0,className:`absolute bottom-0 left-[11px] top-[26px] w-px bg-border/60`}),(0,M.jsx)(`span`,{"aria-hidden":!0,className:E(`relative z-[1] mt-0.5 inline-flex size-6 shrink-0 items-center justify-center rounded-full border`,a.ring),children:(0,M.jsx)(o,{className:E(`size-3`,a.iconCls,a.spin&&`animate-spin`)})}),(0,M.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,M.jsx)(r,{weight:i===`active`?`semibold`:`medium`,className:E(i===`pending`&&`text-muted-foreground`),children:t.title}),!!t.description&&(0,M.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:t.description}),!!t.body&&(0,M.jsx)(`div`,{className:`mt-2`,children:t.body})]})]},t.id)})})]})}Y.displayName=`AiChainOfThought`;var de={statusLabels:{queued:`Queued`,running:`Running`,completed:`Done`,failed:`Failed`,cancelled:`Cancelled`,skipped:`Skipped`},collapseSubtasks:`Collapse subtasks`,expandSubtasks:`Expand subtasks`},fe={queued:{icon:p,cls:`text-muted-foreground/60`},running:{icon:s,cls:`text-primary`,spin:!0},completed:{icon:c,cls:`text-success`},failed:{icon:d,cls:`text-destructive`},cancelled:{icon:f,cls:`text-muted-foreground`},skipped:{icon:te,cls:`text-muted-foreground`}},X={queued:`secondary`,running:`primary`,completed:`success`,failed:`error`,cancelled:`secondary`,skipped:`secondary`};function Z({task:e,density:t=`compact`,indent:n=18,className:r,strings:i}){let a=C(de,i);return(0,M.jsx)(`div`,{className:E(`ai-task--component`,`rounded-lg border border-border/60 bg-card`,r),children:(0,M.jsx)(Q,{item:e,depth:0,density:t,indent:n,strings:a})})}Z.displayName=`AiTask`;function Q({item:e,depth:t,density:i,indent:a,strings:o}){let s=e.status??`queued`,c=fe[s],d=e.icon??c.icon,f=!!e.children?.length,[p,m]=(0,j.useState)(i===`expanded`||t===0);return(0,M.jsxs)(M.Fragment,{children:[(0,M.jsxs)(`div`,{className:E(`flex items-start gap-2 px-3 py-2`,t>0&&`border-t border-border/60`),style:{paddingLeft:12+t*a},children:[f?(0,M.jsx)(l,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,onClick:()=>m(e=>!e),"aria-expanded":p,"aria-label":p?o.collapseSubtasks:o.expandSubtasks,className:`-ml-1 mt-0.5 size-4 rounded p-0 text-muted-foreground hover:text-foreground`,children:p?(0,M.jsx)(u,{className:`size-3.5`}):(0,M.jsx)(w,{className:`size-3.5`})}):(0,M.jsx)(`span`,{"aria-hidden":!0,className:`mt-0.5 size-4`}),(0,M.jsx)(d,{className:E(`mt-[3px] size-3.5 shrink-0`,c.cls,c.spin&&`animate-spin`)}),(0,M.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,M.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,M.jsx)(r,{weight:s===`running`?`semibold`:`medium`,className:E(`flex-1 truncate`,s===`queued`&&`text-muted-foreground`,s===`cancelled`&&`line-through text-muted-foreground`,s===`skipped`&&`text-muted-foreground/70`),children:e.title}),(0,M.jsx)(n,{variant:X[s],children:o.statusLabels[s]}),!!e.rightSlot&&(0,M.jsx)(r,{tag:`span`,size:`xxs`,type:`secondary`,className:`tabular-nums`,children:e.rightSlot})]}),!!e.body&&(0,M.jsx)(`div`,{className:`mt-2`,children:e.body})]})]}),f&&p&&(0,M.jsx)(`div`,{children:e.children.map(e=>(0,M.jsx)(Q,{item:e,depth:t+1,density:i,indent:a,strings:o},e.id))})]})}var pe={openAria:`Open artifact`,copy:`Copy`,copied:`Copied`,copyAria:`Copy artifact`,downloadAria:`Download artifact`,expandAria:`Expand artifact`};function $({title:e,subtitle:t,icon:n,copyText:i,children:a,collapsed:s=!1,onOpen:u,actions:d,onDownload:f,className:p,strings:_}){let v=C(pe,_),y=n??g,[b,x]=(0,j.useState)(!1);return(0,M.jsxs)(`div`,{className:E(`ai-artifact--component`,`overflow-hidden rounded-lg border border-border/60 bg-card`,p),children:[(0,M.jsxs)(`div`,{className:`flex items-center gap-3 border-b border-border/60 bg-muted/20 px-3 py-2`,children:[(0,M.jsx)(D,{icon:y,tone:`muted`,size:`default`,shape:`square`}),(0,M.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,M.jsx)(r,{weight:`semibold`,className:`truncate`,children:e}),!!t&&(0,M.jsx)(r,{size:`xxs`,type:`secondary`,className:`truncate`,children:t})]}),(0,M.jsxs)(`div`,{className:`flex items-center gap-1`,children:[d?.map(e=>{let t=e.icon;return(0,M.jsxs)(l,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:e.onSelect,children:[!!t&&(0,M.jsx)(t,{className:`size-3.5`}),e.label]},e.id)}),!!i&&(0,M.jsx)(l,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":v.copyAria,onClick:()=>{i&&(typeof navigator<`u`&&navigator.clipboard&&navigator.clipboard.writeText(i),x(!0),window.setTimeout(()=>x(!1),1500))},children:b?(0,M.jsx)(c,{className:`size-3.5 text-success`}):(0,M.jsx)(o,{className:`size-3.5`})}),!!f&&(0,M.jsx)(l,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":v.downloadAria,onClick:f,children:(0,M.jsx)(m,{className:`size-3.5`})}),!!u&&(0,M.jsx)(l,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":v.openAria,onClick:u,children:(0,M.jsx)(h,{className:`size-3.5`})})]})]}),!s&&!!a&&(0,M.jsx)(`div`,{className:`bg-card`,children:a})]})}$.displayName=`AiArtifact`;export{W as a,I as c,A as d,J as i,F as l,Z as n,V as o,Y as r,R as s,$ as t,N as u};

package/dist/showcase/assets/{ai-chat-DxxlaytU.js → ai-chat-seS9aW-1.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{f as r,n as i,o as a,p as o,t as s}from"./section-Dd6X6IKg.js";import{a as c,c as l,i as u,l as d,n as f,o as p,r as m,s as h,t as g,u as _}from"./ai-artifact-BaYtjrP5.js";import{t as v}from"./arrow-down-JuqwH6gj.js";import{t as y}from"./arrow-up-RWJP_FHU.js";import{t as b}from"./bot-DxRjlJlO.js";import{t as x}from"./chart-column-CbUwWFn7.js";import{Er as S,n as C,r as w,t as T}from"./example-Rrx9vj75.js";import{t as E}from"./database-Ad0l2Bjl.js";import{t as D}from"./file-text-Clv0qFr3.js";import{t as ee}from"./paperclip-BBDKiZeH.js";import{t as O}from"./sparkles-Bc0I4qTf.js";import{n as k,r as A,t as j}from"./ai-tool-call-Da4srLLe.js";import{t as M}from"./x-FNPo6qUv.js";import{N,a as te,d as ne,l as re,n as P}from"./index-o71HAmc3.js";import{t as F}from"./props-table-C6gPyO49.js";import{t as ie}from"./icon-badge-GMIN-bca.js";import{t as ae}from"./textarea-CBhdtg5X.js";var oe=re(`lightbulb`,[[`path`,{d:`M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5`,key:`1gvzjb`}],[`path`,{d:`M9 18h6`,key:`x1upvd`}],[`path`,{d:`M10 22h4`,key:`ceow96`}]]),se=re(`square`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}]]),ce={placeholder:`Ask anything…`,attachAria:`Attach files`,submitAria:`Send message`,stopAria:`Stop generating`,modelPickerAria:`Choose model`,hint:`Press {{submitKey}} to send · {{newlineKey}} for newline`},le={scrollToBottom:`Jump to latest`,scrollToBottomAria:`Scroll to bottom`},ue={header:`In queue`,cancelAria:`Remove from queue`,queuedLabel:`Queued`,runningLabel:`Running`},de={header:`Try`},fe={pending:`Thinking…`},pe={prompt:ce,conversation:le,queue:ue,suggestions:de,message:fe,emptyTitle:`Start a conversation`,emptyDescription:`Ask a question, share context, or attach a file to get going.`};function me(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}var I=ne();function L({attachments:e,onRemove:t,onOpen:n,className:r}){return e.length===0?null:(0,I.jsx)(`div`,{className:P(`flex flex-wrap gap-2`,r),children:e.map(e=>(0,I.jsx)(l,{name:e.name,meta:e.meta,kind:e.kind,icon:e.icon,thumbnailUrl:e.thumbnailUrl,progress:e.progress,errored:e.errored,onOpen:n?()=>n(e):void 0,onRemove:t?()=>t(e.id):void 0},e.id))})}L.displayName=`AiChatAttachmentsStrip`;var R=t(n(),1);function z({threshold:e=80,dependency:t,disableAutoScroll:n=!1}={}){let r=(0,R.useRef)(null),i=(0,R.useRef)(null),[a,o]=(0,R.useState)(!0),s=(0,R.useCallback)((e=`smooth`)=>{i.current?.scrollIntoView({behavior:e,block:`end`})},[]);return(0,R.useEffect)(()=>{let t=r.current;if(!t)return;let n=()=>{o(t.scrollHeight-t.clientHeight-t.scrollTop<=e)};return n(),t.addEventListener(`scroll`,n,{passive:!0}),()=>t.removeEventListener(`scroll`,n)},[e]),(0,R.useEffect)(()=>{if(n||!a)return;let e=window.requestAnimationFrame(()=>s(`auto`));return()=>window.cancelAnimationFrame(e)},[t,n]),{containerRef:r,endRef:i,isAtBottom:a,scrollToBottom:s}}function B({messages:e,renderMessage:t,intro:n,footer:r,empty:i,disableAutoScroll:a,className:s,strings:c}){let l=N(le,c),{containerRef:u,endRef:d,isAtBottom:f,scrollToBottom:p}=z({dependency:e.length,disableAutoScroll:a}),m=e.length===0&&!n;return(0,I.jsxs)(`div`,{className:P(`relative flex h-full min-h-0 flex-col`,s),children:[(0,I.jsxs)(`div`,{ref:u,className:`flex-1 overflow-y-auto px-3 py-4 sm:px-4`,children:[!!n&&(0,I.jsx)(`div`,{className:`mb-4`,children:n}),m?i??(0,I.jsx)(`div`,{className:`flex h-full items-center justify-center px-6 py-12`,children:(0,I.jsx)(o,{type:`secondary`,children:`No messages yet.`})}):(0,I.jsx)(`ol`,{className:`space-y-4`,children:e.map((n,r)=>(0,I.jsx)(`li`,{children:t(n,{isLast:r===e.length-1,index:r})},n.id))}),!!r&&(0,I.jsx)(`div`,{className:`mt-4`,children:r}),(0,I.jsx)(`div`,{ref:d,"aria-hidden":!0,className:`h-px`})]}),!f&&(0,I.jsx)(`div`,{className:`pointer-events-none absolute bottom-3 left-1/2 -translate-x-1/2`,children:(0,I.jsxs)(w,{type:`button`,variant:`secondary`,buttonStyle:`solid`,"aria-label":l.scrollToBottomAria,onClick:()=>p(`smooth`),className:P(`pointer-events-auto rounded-full shadow-md`,`border border-border/60`),children:[(0,I.jsx)(v,{className:`size-3.5`}),l.scrollToBottom]})})]})}B.displayName=`AiChatConversation`;function V({title:e=`Start a conversation`,description:t,icon:n=O,below:i,className:a}){return(0,I.jsxs)(`div`,{className:P(`flex h-full flex-col items-center justify-center gap-3 px-4 py-10 text-center`,a),children:[(0,I.jsx)(ie,{icon:n,tone:`primary`,size:`default`,shape:`square`}),(0,I.jsxs)(`div`,{className:`max-w-md space-y-1`,children:[(0,I.jsx)(r,{tag:`h4`,children:e}),!!t&&(0,I.jsx)(o,{type:`secondary`,children:t})]}),!!i&&(0,I.jsx)(`div`,{className:`mt-4 w-full max-w-2xl`,children:i})]})}V.displayName=`AiChatEmptyState`;function H({message:e,onCopy:t,onRegenerate:n,onAttachmentOpen:r,className:i,strings:a}){let o=N(fe,a),s=[],c=[];for(let t of e.parts)t.type===`text`?s.push(t):c.push(t);let l=s.map(e=>e.type===`text`?e.plain??ge(e.content):``).filter(Boolean).join(`
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{f as r,n as i,o as a,p as o,t as s}from"./section-BPNIPavy.js";import{a as c,c as l,i as u,l as d,n as f,o as p,r as m,s as h,t as g,u as _}from"./ai-artifact-BgWvrLAb.js";import{t as v}from"./arrow-down-qyKZ1H5j.js";import{t as y}from"./arrow-up-5BijPOxK.js";import{t as b}from"./bot-Ch-Y1HK8.js";import{t as x}from"./chart-column-sz871NdJ.js";import{Er as S,n as C,r as w,t as T}from"./example-CJMJcnb4.js";import{t as E}from"./database-C0YqGaQ_.js";import{t as D}from"./file-text-BTTFP8Jo.js";import{t as ee}from"./paperclip-BRM-yXTB.js";import{t as O}from"./sparkles-Z4V23xKK.js";import{n as k,r as A,t as j}from"./ai-tool-call-BU6xbmXG.js";import{t as M}from"./x-DyuS4YRT.js";import{N,a as te,d as ne,l as re,n as P}from"./index-jD-KSiHu.js";import{t as F}from"./props-table-DoDq8Mvr.js";import{t as ie}from"./icon-badge-DrZ5qGpa.js";import{t as ae}from"./textarea-D2uT_GJt.js";var oe=re(`lightbulb`,[[`path`,{d:`M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5`,key:`1gvzjb`}],[`path`,{d:`M9 18h6`,key:`x1upvd`}],[`path`,{d:`M10 22h4`,key:`ceow96`}]]),se=re(`square`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}]]),ce={placeholder:`Ask anything…`,attachAria:`Attach files`,submitAria:`Send message`,stopAria:`Stop generating`,modelPickerAria:`Choose model`,hint:`Press {{submitKey}} to send · {{newlineKey}} for newline`},le={scrollToBottom:`Jump to latest`,scrollToBottomAria:`Scroll to bottom`},ue={header:`In queue`,cancelAria:`Remove from queue`,queuedLabel:`Queued`,runningLabel:`Running`},de={header:`Try`},fe={pending:`Thinking…`},pe={prompt:ce,conversation:le,queue:ue,suggestions:de,message:fe,emptyTitle:`Start a conversation`,emptyDescription:`Ask a question, share context, or attach a file to get going.`};function me(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}var I=ne();function L({attachments:e,onRemove:t,onOpen:n,className:r}){return e.length===0?null:(0,I.jsx)(`div`,{className:P(`flex flex-wrap gap-2`,r),children:e.map(e=>(0,I.jsx)(l,{name:e.name,meta:e.meta,kind:e.kind,icon:e.icon,thumbnailUrl:e.thumbnailUrl,progress:e.progress,errored:e.errored,onOpen:n?()=>n(e):void 0,onRemove:t?()=>t(e.id):void 0},e.id))})}L.displayName=`AiChatAttachmentsStrip`;var R=t(n(),1);function z({threshold:e=80,dependency:t,disableAutoScroll:n=!1}={}){let r=(0,R.useRef)(null),i=(0,R.useRef)(null),[a,o]=(0,R.useState)(!0),s=(0,R.useCallback)((e=`smooth`)=>{i.current?.scrollIntoView({behavior:e,block:`end`})},[]);return(0,R.useEffect)(()=>{let t=r.current;if(!t)return;let n=()=>{o(t.scrollHeight-t.clientHeight-t.scrollTop<=e)};return n(),t.addEventListener(`scroll`,n,{passive:!0}),()=>t.removeEventListener(`scroll`,n)},[e]),(0,R.useEffect)(()=>{if(n||!a)return;let e=window.requestAnimationFrame(()=>s(`auto`));return()=>window.cancelAnimationFrame(e)},[t,n]),{containerRef:r,endRef:i,isAtBottom:a,scrollToBottom:s}}function B({messages:e,renderMessage:t,intro:n,footer:r,empty:i,disableAutoScroll:a,className:s,strings:c}){let l=N(le,c),{containerRef:u,endRef:d,isAtBottom:f,scrollToBottom:p}=z({dependency:e.length,disableAutoScroll:a}),m=e.length===0&&!n;return(0,I.jsxs)(`div`,{className:P(`relative flex h-full min-h-0 flex-col`,s),children:[(0,I.jsxs)(`div`,{ref:u,className:`flex-1 overflow-y-auto px-3 py-4 sm:px-4`,children:[!!n&&(0,I.jsx)(`div`,{className:`mb-4`,children:n}),m?i??(0,I.jsx)(`div`,{className:`flex h-full items-center justify-center px-6 py-12`,children:(0,I.jsx)(o,{type:`secondary`,children:`No messages yet.`})}):(0,I.jsx)(`ol`,{className:`space-y-4`,children:e.map((n,r)=>(0,I.jsx)(`li`,{children:t(n,{isLast:r===e.length-1,index:r})},n.id))}),!!r&&(0,I.jsx)(`div`,{className:`mt-4`,children:r}),(0,I.jsx)(`div`,{ref:d,"aria-hidden":!0,className:`h-px`})]}),!f&&(0,I.jsx)(`div`,{className:`pointer-events-none absolute bottom-3 left-1/2 -translate-x-1/2`,children:(0,I.jsxs)(w,{type:`button`,variant:`secondary`,buttonStyle:`solid`,"aria-label":l.scrollToBottomAria,onClick:()=>p(`smooth`),className:P(`pointer-events-auto rounded-full shadow-md`,`border border-border/60`),children:[(0,I.jsx)(v,{className:`size-3.5`}),l.scrollToBottom]})})]})}B.displayName=`AiChatConversation`;function V({title:e=`Start a conversation`,description:t,icon:n=O,below:i,className:a}){return(0,I.jsxs)(`div`,{className:P(`flex h-full flex-col items-center justify-center gap-3 px-4 py-10 text-center`,a),children:[(0,I.jsx)(ie,{icon:n,tone:`primary`,size:`default`,shape:`square`}),(0,I.jsxs)(`div`,{className:`max-w-md space-y-1`,children:[(0,I.jsx)(r,{tag:`h4`,children:e}),!!t&&(0,I.jsx)(o,{type:`secondary`,children:t})]}),!!i&&(0,I.jsx)(`div`,{className:`mt-4 w-full max-w-2xl`,children:i})]})}V.displayName=`AiChatEmptyState`;function H({message:e,onCopy:t,onRegenerate:n,onAttachmentOpen:r,className:i,strings:a}){let o=N(fe,a),s=[],c=[];for(let t of e.parts)t.type===`text`?s.push(t):c.push(t);let l=s.map(e=>e.type===`text`?e.plain??ge(e.content):``).filter(Boolean).join(`
 `)||void 0,u=e.pending?(0,I.jsx)(_,{children:o.pending}):s.length===0&&c.length>0?null:(0,I.jsx)(`div`,{className:`space-y-2`,children:s.map((e,t)=>e.type===`text`?(0,I.jsx)(`div`,{className:`whitespace-pre-wrap`,children:e.content},t):null)});return(0,I.jsxs)(`div`,{className:P(`space-y-2`,i),children:[(u!==null||e.pending)&&(0,I.jsx)(k,{role:e.role,avatar:e.avatar,authorName:e.authorName,timestamp:e.timestamp,plainText:l,loading:e.loading,onCopy:l?t??(()=>void 0):void 0,onRegenerate:n,children:u}),c.length>0&&(0,I.jsx)(`div`,{className:P(`space-y-2`,e.role===`user`?`pr-9 sm:pl-12`:`pl-9 sm:pr-12`),children:c.map((e,t)=>(0,I.jsx)(he,{part:e,onAttachmentOpen:r},t))}),!!e.trailing&&(0,I.jsx)(`div`,{className:P(e.role===`user`?`pr-9 sm:pl-12`:`pl-9 sm:pr-12`),children:e.trailing})]})}H.displayName=`AiChatMessage`;function he({part:e,onAttachmentOpen:t}){switch(e.type){case`text`:return(0,I.jsx)(o,{children:e.content});case`reasoning`:return(0,I.jsx)(u,{streaming:e.streaming,durationSeconds:e.durationSeconds,children:e.content});case`chain-of-thought`:return(0,I.jsx)(m,{steps:e.steps,streaming:e.streaming});case`tool`:return(0,I.jsx)(j,{name:e.name,status:e.status,icon:e.icon,args:e.args,result:e.result,error:e.error,durationMs:e.durationMs,defaultExpanded:e.defaultExpanded});case`code`:return(0,I.jsx)(d,{code:e.code,language:e.language,filename:e.filename,showLineNumbers:e.showLineNumbers,highlightLines:e.highlightLines});case`attachments`:return(0,I.jsx)(L,{attachments:e.items,onOpen:t?e=>t(e.id):void 0});case`sources`:return(0,I.jsx)(c,{sources:e.items,variant:e.variant,defaultExpanded:e.defaultExpanded});case`task`:return(0,I.jsx)(f,{task:e.task});case`artifact`:return(0,I.jsx)(g,{title:e.title,subtitle:e.subtitle,icon:e.icon,copyText:e.copyText,actions:e.actions,onOpen:e.onOpen,onDownload:e.onDownload,children:e.body});case`confirmation`:return(0,I.jsx)(p,{title:e.title,description:e.description,tone:e.tone,status:e.status,details:e.details,onApprove:e.onApprove,onReject:e.onReject});case`custom`:return(0,I.jsx)(I.Fragment,{children:e.render()});default:return null}}function ge(e){return typeof e==`string`||typeof e==`number`?String(e):Array.isArray(e)?e.map(ge).join(``):``}function U({value:e,onChange:t,onSubmit:n,onStop:r,streaming:i=!1,disabled:a=!1,attachments:s=[],onRemoveAttachment:c,onAttach:l,showAttach:u,leadingActions:d,trailingActions:f,hideHint:p=!1,minRows:m=1,maxRows:h=8,autoFocus:g=!1,className:_,strings:v}){let b=N(ce,v),x=(0,R.useRef)(null),S=!i&&!a&&(e.trim().length>0||s.length>0),C=(0,R.useCallback)(()=>{S&&n?.({text:e,attachments:s})},[S,n,e,s]),T=(0,R.useCallback)(e=>{e.key===`Enter`&&!e.shiftKey&&!e.nativeEvent.isComposing&&(e.preventDefault(),C())},[C]),E=u??!!l,D=typeof navigator<`u`&&navigator.platform?.toLowerCase().includes(`mac`)?`⌘↩`:`↩`;return(0,I.jsxs)(`div`,{className:P(`rounded-xl border border-border bg-card transition-colors duration-150`,`focus-within:border-foreground/20 focus-within:ring-2 focus-within:ring-ring/30`,a&&`opacity-60 pointer-events-none`,_),children:[s.length>0&&(0,I.jsx)(`div`,{className:`border-b border-border/60 p-2`,children:(0,I.jsx)(L,{attachments:s,onRemove:c})}),(0,I.jsx)(ae,{ref:x,value:e,onChange:e=>t(e.target.value),onKeyDown:T,placeholder:b.placeholder,autoResize:!0,minRows:m,maxRows:h,autoFocus:g,disabled:a,className:P(`!border-0 !bg-transparent !shadow-none focus-visible:!ring-0 resize-none px-3 py-2.5`)}),(0,I.jsxs)(`div`,{className:`flex items-center gap-1 border-t border-border/60 px-2 py-1.5`,children:[d,E&&(0,I.jsx)(w,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":b.attachAria,onClick:l,disabled:a,children:(0,I.jsx)(ee,{className:`size-4`})}),(0,I.jsxs)(`div`,{className:`ml-auto flex items-center gap-1`,children:[f,i?(0,I.jsx)(w,{type:`button`,variant:`secondary`,buttonStyle:`solid`,size:`icon-small`,"aria-label":b.stopAria,onClick:r,children:(0,I.jsx)(se,{className:`size-3.5 fill-current`})}):(0,I.jsx)(w,{type:`button`,variant:`primary`,buttonStyle:`solid`,size:`icon-small`,"aria-label":b.submitAria,onClick:C,disabled:!S,children:(0,I.jsx)(y,{className:`size-4`})})]})]}),!p&&(0,I.jsx)(`div`,{className:`px-3 pb-2`,children:(0,I.jsx)(o,{size:`xxs`,type:`discrete`,children:me(b.hint,{submitKey:D,newlineKey:`⇧↩`})})})]})}U.displayName=`AiChatPromptInput`;function _e({items:e,hideHeader:t=!1,onCancel:n,className:r,strings:i}){let s=N(ue,i);return e.length===0?null:(0,I.jsxs)(`div`,{className:P(`rounded-lg border border-border/60 bg-muted/20 px-2.5 py-2`,r),children:[!t&&(0,I.jsxs)(o,{size:`xxs`,type:`secondary`,weight:`medium`,className:`mb-1.5 px-1 uppercase tracking-wider`,children:[s.header,` · `,e.length]}),(0,I.jsx)(`ul`,{className:`space-y-1`,children:e.map(e=>{let t=e.status??`queued`;return(0,I.jsxs)(`li`,{className:`flex items-center gap-2 rounded-md bg-card px-2 py-1.5`,children:[t===`running`?(0,I.jsx)(S,{className:`size-3.5 shrink-0 animate-spin text-primary`}):(0,I.jsx)(`span`,{"aria-hidden":!0,className:`size-2 shrink-0 rounded-full bg-muted-foreground/50`}),(0,I.jsx)(o,{size:`xs`,className:`flex-1 truncate`,children:e.label}),(0,I.jsx)(a,{variant:t===`running`?`primary`:`secondary`,children:t===`running`?s.runningLabel:s.queuedLabel}),(!!e.onCancel||!!n)&&(0,I.jsx)(w,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":s.cancelAria,onClick:()=>{e.onCancel?.(),n?.(e.id)},children:(0,I.jsx)(M,{className:`size-3.5`})})]},e.id)})})]})}_e.displayName=`AiChatQueue`;function ve({suggestions:e,onPick:t,hideHeader:n=!1,className:r,strings:i}){let a=N(de,i);return e.length===0?null:(0,I.jsxs)(`div`,{className:P(`flex items-center gap-2`,r),children:[!n&&(0,I.jsxs)(`div`,{className:`inline-flex shrink-0 items-center gap-1.5`,children:[(0,I.jsx)(O,{className:`size-3.5 text-muted-foreground`}),(0,I.jsx)(o,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:a.header})]}),(0,I.jsx)(`div`,{className:`-mx-1 flex flex-1 items-center gap-1.5 overflow-x-auto px-1 py-0.5 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden`,children:e.map(e=>{let n=e.icon;return(0,I.jsxs)(w,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:()=>t?.(e),className:P(`h-auto shrink-0 gap-1.5 rounded-full border border-border/60 bg-card px-2.5 py-1`,`transition-[border-color,background] duration-150`,`hover:border-foreground/20 hover:bg-muted/40`),children:[!!n&&(0,I.jsx)(n,{className:`size-3 text-muted-foreground`}),(0,I.jsx)(o,{tag:`span`,size:`xs`,weight:`medium`,children:e.label})]},e.id)})})]})}ve.displayName=`AiChatSuggestionsRow`;function W({messages:e,inputValue:t,onInputChange:n,onSubmit:r,onStop:i,streaming:a=!1,disabled:s=!1,attachments:c=[],onRemoveAttachment:l,onAttach:u,showAttach:d,agent:f,headerActions:p,queue:m=[],onCancelQueueItem:g,suggestions:_=[],onPickSuggestion:v,onMessageCopy:y,onMessageRegenerate:b,onAttachmentOpen:x,disableAutoScroll:S,slots:C,strings:w,className:T}){let E=N(pe,w),[,D]=(0,R.useState)(0),ee=(0,R.useCallback)((e,t)=>C?.renderMessage?C.renderMessage(e,t):(0,I.jsx)(H,{className:`ai-chat-message--component`,message:e,strings:E.message,onCopy:y?()=>y(e):void 0,onRegenerate:b?()=>b(e):void 0,onAttachmentOpen:x?t=>x(e.id,t):void 0}),[x,y,b,C,E.message]),O=C?.header??(f?(0,I.jsxs)(`div`,{className:`flex items-center gap-3 border-b border-border bg-card px-3 py-2 sm:px-4`,children:[(0,I.jsx)(h,{name:f.name,icon:f.icon,avatar:f.avatar,subtitle:f.subtitle,tone:f.tone,status:f.status,variant:`inline`}),!!p&&(0,I.jsx)(`div`,{className:`ml-auto flex items-center gap-1`,children:p})]}):null),k=C?.empty??(e.length===0?(0,I.jsx)(V,{title:E.emptyTitle,description:E.emptyDescription}):null),A=C?.queue??(m.length>0?(0,I.jsx)(_e,{items:m,onCancel:g,strings:E.queue}):null),j=C?.suggestions??(_.length>0?(0,I.jsx)(ve,{suggestions:_,onPick:v,strings:E.suggestions}):null),M=C?.input??(0,I.jsx)(U,{value:t,onChange:n,onSubmit:e=>{r?.(e),D(e=>e+1)},onStop:i,streaming:a,disabled:s,attachments:c,onRemoveAttachment:l,onAttach:u,showAttach:d,strings:E.prompt});return(0,I.jsxs)(`div`,{className:P(`ai-chat--component flex h-full flex-col overflow-hidden rounded-xl border border-border bg-background`,T),children:[O,(0,I.jsx)(B,{messages:e,renderMessage:ee,intro:C?.intro,footer:C?.belowMessages,empty:k,disableAutoScroll:S,strings:E.conversation}),(A||j||M)&&(0,I.jsxs)(`div`,{className:`border-t border-border bg-card/60`,children:[A&&(0,I.jsx)(`div`,{className:`px-3 pb-2 pt-3 sm:px-4`,children:A}),j&&(0,I.jsx)(`div`,{className:P(`px-3 sm:px-4`,!A&&`pt-3`,`pb-2`),children:j}),M&&(0,I.jsx)(`div`,{className:`px-3 pb-3 pt-2 sm:px-4 sm:pb-4`,children:M})]}),s&&(0,I.jsx)(o,{className:`sr-only`,"aria-live":`polite`,children:`Chat is disabled`})]})}W.displayName=`AiChat`;var ye=e({Default:()=>q,Empty:()=>Y,Headless:()=>Z,Streaming:()=>J,WithSlots:()=>X}),G={name:`Atlas`,subtitle:`claude-4.7-1m · with tools`,icon:b,tone:`primary`,status:`idle`},be=`import { useState } from 'react';
 
 export function Counter() {

package/dist/showcase/assets/{ai-elements-BWraZPyC.js → ai-elements-Tku5_ous.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,o as i,p as a,t as o}from"./section-Dd6X6IKg.js";import{a as s,c,d as l,i as u,l as d,n as f,o as p,r as m,s as h,t as g,u as _}from"./ai-artifact-BaYtjrP5.js";import{t as v}from"./bot-DxRjlJlO.js";import{r as y,t as b}from"./example-Rrx9vj75.js";import{t as ee}from"./chevron-down-CBa5t2E0.js";import{t as te}from"./code-xml-q7JPxij0.js";import{t as ne}from"./cpu-CzkgJ-zb.js";import{t as x}from"./external-link-BkCjE03j.js";import{t as S}from"./file-text-Clv0qFr3.js";import{t as re}from"./file-BBUnjRPN.js";import{t as C}from"./folder-open-CuUaUrxa.js";import{t as ie}from"./globe-Byoz7QmA.js";import{t as ae}from"./package-BaQGBJmO.js";import{t as oe}from"./wrench-PjtfaRuJ.js";import{M as se,N as w,c as ce,d as le,l as ue,n as T}from"./index-o71HAmc3.js";import{t as E}from"./props-table-C6gPyO49.js";var D=ue(`folder`,[[`path`,{d:`M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z`,key:`1kt360`}]]),de={sourcePrefix:`Source`,openAria:`Open source {{n}}: {{title}}`},O=le();function k(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function A({index:e,title:t,url:n,onSelect:r,className:i,strings:o}){let s=se(de,o),c=k(s.openAria,{n:e,title:t??``}),l=t?`${s.sourcePrefix} ${e}: ${t}`:`${s.sourcePrefix} ${e}`,u=T(`inline-flex h-5 min-w-5 -translate-y-px items-center justify-center rounded px-1`,`align-middle text-xxs font-medium tabular-nums`,`bg-muted text-muted-foreground`,`hover:bg-primary/10 hover:text-primary`,`transition-colors duration-150`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,i);return n?(0,O.jsx)(`a`,{href:n,target:`_blank`,rel:`noopener noreferrer`,title:l,"aria-label":c,className:T(`ai-inline-citation--component`,u),children:(0,O.jsx)(a,{tag:`span`,size:`xxs`,weight:`medium`,className:`leading-none`,children:e})}):r?(0,O.jsx)(y,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:r,title:l,"aria-label":c,className:T(`ai-inline-citation--component`,u),children:(0,O.jsx)(a,{tag:`span`,size:`xxs`,weight:`medium`,className:`leading-none`,children:e})}):(0,O.jsx)(`span`,{title:l,"aria-label":c,className:T(`ai-inline-citation--component`,u),children:(0,O.jsx)(a,{tag:`span`,size:`xxs`,weight:`medium`,className:`leading-none`,children:e})})}A.displayName=`AiInlineCitation`;var j={versionLabel:`Version`,licenseLabel:`License`,publishedLabel:`Published`,homepageAria:`Open homepage`,repositoryAria:`Open repository`,weeklyDownloadsLabel:`Weekly downloads`};function M({name:e,version:t,description:n,license:r,publishedAt:o,homepage:s,repository:c,weeklyDownloads:l,keywords:u,onSelect:d,className:f,strings:p}){let m=w(j,p);return(0,O.jsxs)(d?`button`:`div`,{...d?{type:`button`,onClick:d}:{},className:T(`ai-package-info--component`,`block w-full rounded-lg border border-border/60 bg-card text-left`,d&&`transition-[border-color,background] duration-150 hover:border-foreground/20 hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,f),children:[(0,O.jsxs)(`div`,{className:`flex items-start gap-3 px-3.5 py-3`,children:[(0,O.jsx)(`span`,{"aria-hidden":!0,className:`inline-flex size-9 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground`,children:(0,O.jsx)(ae,{className:`size-4`})}),(0,O.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,O.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,O.jsx)(a,{weight:`semibold`,className:`truncate font-mono`,children:e}),!!t&&(0,O.jsxs)(i,{variant:`secondary`,className:`font-mono tabular-nums`,children:[`v`,t.replace(/^v/,``)]})]}),!!n&&(0,O.jsx)(a,{size:`xs`,type:`secondary`,className:`mt-1 line-clamp-2`,children:n}),(r||o||l!==void 0)&&(0,O.jsxs)(`div`,{className:`mt-2 flex flex-wrap items-center gap-x-3 gap-y-1`,children:[!!r&&(0,O.jsx)(N,{label:m.licenseLabel,value:r}),!!o&&(0,O.jsx)(N,{label:m.publishedLabel,value:o}),l!==void 0&&(0,O.jsx)(N,{label:m.weeklyDownloadsLabel,value:String(l)})]}),!!u?.length&&(0,O.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1`,children:u.slice(0,6).map(e=>(0,O.jsx)(i,{variant:`secondary`,children:e},e))})]})]}),(s||c)&&(0,O.jsxs)(`div`,{className:`flex items-center gap-2 border-t border-border/60 bg-muted/20 px-3.5 py-2`,children:[!!s&&(0,O.jsxs)(`a`,{href:s,target:`_blank`,rel:`noopener noreferrer`,onClick:e=>e.stopPropagation(),"aria-label":m.homepageAria,className:`inline-flex items-center gap-1 rounded text-muted-foreground hover:text-foreground`,children:[(0,O.jsx)(ie,{className:`size-3.5`}),(0,O.jsx)(a,{tag:`span`,size:`xxs`,weight:`medium`,children:`Homepage`}),(0,O.jsx)(x,{className:`size-3`})]}),!!s&&!!c&&(0,O.jsx)(`span`,{"aria-hidden":!0,className:`text-muted-foreground/40`,children:`·`}),!!c&&(0,O.jsxs)(`a`,{href:c,target:`_blank`,rel:`noopener noreferrer`,onClick:e=>e.stopPropagation(),"aria-label":m.repositoryAria,className:`inline-flex items-center gap-1 rounded text-muted-foreground hover:text-foreground`,children:[(0,O.jsx)(te,{className:`size-3.5`}),(0,O.jsx)(a,{tag:`span`,size:`xxs`,weight:`medium`,children:`Repository`}),(0,O.jsx)(x,{className:`size-3`})]})]})]})}M.displayName=`AiPackageInfo`;function N({label:e,value:t}){return(0,O.jsxs)(`div`,{className:`inline-flex items-baseline gap-1`,children:[(0,O.jsx)(a,{size:`xxs`,type:`discrete`,children:e}),(0,O.jsx)(a,{size:`xxs`,type:`secondary`,weight:`medium`,className:`tabular-nums`,children:t})]})}var fe={expandAria:`Expand directory`,collapseAria:`Collapse directory`,statusLabels:{added:`A`,modified:`M`,removed:`D`,renamed:`R`}},pe=t(n(),1),me={added:{row:`before:bg-success`,pill:`bg-success/15 text-success`},modified:{row:`before:bg-warning`,pill:`bg-warning/20 text-warning`},removed:{row:`before:bg-destructive`,pill:`bg-destructive/15 text-destructive`},renamed:{row:`before:bg-info`,pill:`bg-info/15 text-info`}};function he(e){let t=e.split(`.`).pop()?.toLowerCase()??``;return[`ts`,`tsx`,`js`,`jsx`,`mjs`,`cjs`,`json`,`css`,`scss`,`html`,`sh`,`py`,`rs`,`go`].includes(t)?l:[`md`,`mdx`,`txt`].includes(t)?S:re}function P({nodes:e,selectedId:t,onSelect:n,hideStatusLabels:r=!1,indent:i=14,className:a,strings:o}){let s=w(fe,o);return(0,O.jsx)(`div`,{className:T(`ai-file-tree--component`,`overflow-hidden rounded-lg border border-border/60 bg-card font-mono text-xs`,a),children:(0,O.jsx)(`ul`,{children:e.map(e=>(0,O.jsx)(F,{node:e,depth:0,selectedId:t,onSelect:n,hideStatusLabels:r,indent:i,strings:s},e.id))})})}P.displayName=`AiFileTree`;function F({node:e,depth:t,selectedId:n,onSelect:r,hideStatusLabels:i,indent:o,strings:s}){let[c,l]=(0,pe.useState)(e.defaultExpanded??t<1),u=e.kind===`directory`,d=n===e.id,f=e.status,p=f?me[f]:void 0,m=e.icon??(u?c?C:D:he(e.name)),h=()=>{u?l(e=>!e):r?.(e)},g=(0,O.jsxs)(O.Fragment,{children:[!!f&&!i&&(0,O.jsx)(`span`,{className:T(`inline-flex size-4 shrink-0 items-center justify-center rounded`,`text-xxs font-bold leading-none uppercase`,p?.pill),children:s.statusLabels[f]}),!!e.trailing&&(0,O.jsx)(a,{tag:`span`,size:`xxs`,type:`secondary`,className:`tabular-nums`,children:e.trailing})]});return(0,O.jsxs)(`li`,{children:[(0,O.jsxs)(y,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:h,"aria-expanded":u?c:void 0,"aria-label":u?c?s.collapseAria:s.expandAria:void 0,className:T(`ai-file-tree--row group relative h-auto w-full justify-start gap-1.5 rounded-none px-2 py-1 text-left font-mono text-xs`,`hover:bg-muted/40`,`focus-visible:ring-inset`,d&&`bg-primary/10`,!!f&&`before:absolute before:left-0 before:top-0 before:h-full before:w-0.5`,p?.row,f===`removed`&&`text-muted-foreground/80`),style:{paddingLeft:8+t*o},children:[u?c?(0,O.jsx)(ee,{className:`size-3.5 shrink-0 text-muted-foreground`}):(0,O.jsx)(ce,{className:`size-3.5 shrink-0 text-muted-foreground`}):(0,O.jsx)(`span`,{"aria-hidden":!0,className:`size-3.5 shrink-0`}),(0,O.jsx)(m,{className:T(`size-3.5 shrink-0`,u?`text-muted-foreground`:`text-muted-foreground/80`)}),(0,O.jsx)(`span`,{className:T(`flex-1 truncate`,f===`removed`&&`line-through`),children:e.name}),(0,O.jsx)(`span`,{className:`ml-auto flex items-center gap-1.5`,children:g})]}),u&&c&&!!e.children?.length&&(0,O.jsx)(`ul`,{children:e.children.map(e=>(0,O.jsx)(F,{node:e,depth:t+1,selectedId:n,onSelect:r,hideStatusLabels:i,indent:o,strings:s},e.id))})]})}var I=e({AiAgentExample:()=>z,AiArtifactExample:()=>q,AiAttachmentExample:()=>V,AiChainOfThoughtExample:()=>G,AiCodeBlockExample:()=>B,AiConfirmationExample:()=>X,AiFileTreeExample:()=>J,AiInlineCitationExample:()=>H,AiPackageInfoExample:()=>Y,AiReasoningExample:()=>W,AiShimmerExample:()=>R,AiSourcesExample:()=>U,AiTaskExample:()=>K}),L=`import { useState } from 'react';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,o as i,p as a,t as o}from"./section-BPNIPavy.js";import{a as s,c,d as l,i as u,l as d,n as f,o as p,r as m,s as h,t as g,u as _}from"./ai-artifact-BgWvrLAb.js";import{t as v}from"./bot-Ch-Y1HK8.js";import{r as y,t as b}from"./example-CJMJcnb4.js";import{t as ee}from"./chevron-down-BFh1Fz2P.js";import{t as te}from"./code-xml-BSX7Qyi5.js";import{t as ne}from"./cpu-CsWq4fcX.js";import{t as x}from"./external-link-CvXhYrnd.js";import{t as S}from"./file-text-BTTFP8Jo.js";import{t as re}from"./file-CJFWrwy1.js";import{t as C}from"./folder-open-4d8qsiAj.js";import{t as ie}from"./globe-CvIW_foU.js";import{t as ae}from"./package-Cjod_a06.js";import{t as oe}from"./wrench-DQvhyTEb.js";import{M as se,N as w,c as ce,d as le,l as ue,n as T}from"./index-jD-KSiHu.js";import{t as E}from"./props-table-DoDq8Mvr.js";var D=ue(`folder`,[[`path`,{d:`M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z`,key:`1kt360`}]]),de={sourcePrefix:`Source`,openAria:`Open source {{n}}: {{title}}`},O=le();function k(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function A({index:e,title:t,url:n,onSelect:r,className:i,strings:o}){let s=se(de,o),c=k(s.openAria,{n:e,title:t??``}),l=t?`${s.sourcePrefix} ${e}: ${t}`:`${s.sourcePrefix} ${e}`,u=T(`inline-flex h-5 min-w-5 -translate-y-px items-center justify-center rounded px-1`,`align-middle text-xxs font-medium tabular-nums`,`bg-muted text-muted-foreground`,`hover:bg-primary/10 hover:text-primary`,`transition-colors duration-150`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,i);return n?(0,O.jsx)(`a`,{href:n,target:`_blank`,rel:`noopener noreferrer`,title:l,"aria-label":c,className:T(`ai-inline-citation--component`,u),children:(0,O.jsx)(a,{tag:`span`,size:`xxs`,weight:`medium`,className:`leading-none`,children:e})}):r?(0,O.jsx)(y,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:r,title:l,"aria-label":c,className:T(`ai-inline-citation--component`,u),children:(0,O.jsx)(a,{tag:`span`,size:`xxs`,weight:`medium`,className:`leading-none`,children:e})}):(0,O.jsx)(`span`,{title:l,"aria-label":c,className:T(`ai-inline-citation--component`,u),children:(0,O.jsx)(a,{tag:`span`,size:`xxs`,weight:`medium`,className:`leading-none`,children:e})})}A.displayName=`AiInlineCitation`;var j={versionLabel:`Version`,licenseLabel:`License`,publishedLabel:`Published`,homepageAria:`Open homepage`,repositoryAria:`Open repository`,weeklyDownloadsLabel:`Weekly downloads`};function M({name:e,version:t,description:n,license:r,publishedAt:o,homepage:s,repository:c,weeklyDownloads:l,keywords:u,onSelect:d,className:f,strings:p}){let m=w(j,p);return(0,O.jsxs)(d?`button`:`div`,{...d?{type:`button`,onClick:d}:{},className:T(`ai-package-info--component`,`block w-full rounded-lg border border-border/60 bg-card text-left`,d&&`transition-[border-color,background] duration-150 hover:border-foreground/20 hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,f),children:[(0,O.jsxs)(`div`,{className:`flex items-start gap-3 px-3.5 py-3`,children:[(0,O.jsx)(`span`,{"aria-hidden":!0,className:`inline-flex size-9 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground`,children:(0,O.jsx)(ae,{className:`size-4`})}),(0,O.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,O.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,O.jsx)(a,{weight:`semibold`,className:`truncate font-mono`,children:e}),!!t&&(0,O.jsxs)(i,{variant:`secondary`,className:`font-mono tabular-nums`,children:[`v`,t.replace(/^v/,``)]})]}),!!n&&(0,O.jsx)(a,{size:`xs`,type:`secondary`,className:`mt-1 line-clamp-2`,children:n}),(r||o||l!==void 0)&&(0,O.jsxs)(`div`,{className:`mt-2 flex flex-wrap items-center gap-x-3 gap-y-1`,children:[!!r&&(0,O.jsx)(N,{label:m.licenseLabel,value:r}),!!o&&(0,O.jsx)(N,{label:m.publishedLabel,value:o}),l!==void 0&&(0,O.jsx)(N,{label:m.weeklyDownloadsLabel,value:String(l)})]}),!!u?.length&&(0,O.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1`,children:u.slice(0,6).map(e=>(0,O.jsx)(i,{variant:`secondary`,children:e},e))})]})]}),(s||c)&&(0,O.jsxs)(`div`,{className:`flex items-center gap-2 border-t border-border/60 bg-muted/20 px-3.5 py-2`,children:[!!s&&(0,O.jsxs)(`a`,{href:s,target:`_blank`,rel:`noopener noreferrer`,onClick:e=>e.stopPropagation(),"aria-label":m.homepageAria,className:`inline-flex items-center gap-1 rounded text-muted-foreground hover:text-foreground`,children:[(0,O.jsx)(ie,{className:`size-3.5`}),(0,O.jsx)(a,{tag:`span`,size:`xxs`,weight:`medium`,children:`Homepage`}),(0,O.jsx)(x,{className:`size-3`})]}),!!s&&!!c&&(0,O.jsx)(`span`,{"aria-hidden":!0,className:`text-muted-foreground/40`,children:`·`}),!!c&&(0,O.jsxs)(`a`,{href:c,target:`_blank`,rel:`noopener noreferrer`,onClick:e=>e.stopPropagation(),"aria-label":m.repositoryAria,className:`inline-flex items-center gap-1 rounded text-muted-foreground hover:text-foreground`,children:[(0,O.jsx)(te,{className:`size-3.5`}),(0,O.jsx)(a,{tag:`span`,size:`xxs`,weight:`medium`,children:`Repository`}),(0,O.jsx)(x,{className:`size-3`})]})]})]})}M.displayName=`AiPackageInfo`;function N({label:e,value:t}){return(0,O.jsxs)(`div`,{className:`inline-flex items-baseline gap-1`,children:[(0,O.jsx)(a,{size:`xxs`,type:`discrete`,children:e}),(0,O.jsx)(a,{size:`xxs`,type:`secondary`,weight:`medium`,className:`tabular-nums`,children:t})]})}var fe={expandAria:`Expand directory`,collapseAria:`Collapse directory`,statusLabels:{added:`A`,modified:`M`,removed:`D`,renamed:`R`}},pe=t(n(),1),me={added:{row:`before:bg-success`,pill:`bg-success/15 text-success`},modified:{row:`before:bg-warning`,pill:`bg-warning/20 text-warning`},removed:{row:`before:bg-destructive`,pill:`bg-destructive/15 text-destructive`},renamed:{row:`before:bg-info`,pill:`bg-info/15 text-info`}};function he(e){let t=e.split(`.`).pop()?.toLowerCase()??``;return[`ts`,`tsx`,`js`,`jsx`,`mjs`,`cjs`,`json`,`css`,`scss`,`html`,`sh`,`py`,`rs`,`go`].includes(t)?l:[`md`,`mdx`,`txt`].includes(t)?S:re}function P({nodes:e,selectedId:t,onSelect:n,hideStatusLabels:r=!1,indent:i=14,className:a,strings:o}){let s=w(fe,o);return(0,O.jsx)(`div`,{className:T(`ai-file-tree--component`,`overflow-hidden rounded-lg border border-border/60 bg-card font-mono text-xs`,a),children:(0,O.jsx)(`ul`,{children:e.map(e=>(0,O.jsx)(F,{node:e,depth:0,selectedId:t,onSelect:n,hideStatusLabels:r,indent:i,strings:s},e.id))})})}P.displayName=`AiFileTree`;function F({node:e,depth:t,selectedId:n,onSelect:r,hideStatusLabels:i,indent:o,strings:s}){let[c,l]=(0,pe.useState)(e.defaultExpanded??t<1),u=e.kind===`directory`,d=n===e.id,f=e.status,p=f?me[f]:void 0,m=e.icon??(u?c?C:D:he(e.name)),h=()=>{u?l(e=>!e):r?.(e)},g=(0,O.jsxs)(O.Fragment,{children:[!!f&&!i&&(0,O.jsx)(`span`,{className:T(`inline-flex size-4 shrink-0 items-center justify-center rounded`,`text-xxs font-bold leading-none uppercase`,p?.pill),children:s.statusLabels[f]}),!!e.trailing&&(0,O.jsx)(a,{tag:`span`,size:`xxs`,type:`secondary`,className:`tabular-nums`,children:e.trailing})]});return(0,O.jsxs)(`li`,{children:[(0,O.jsxs)(y,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:h,"aria-expanded":u?c:void 0,"aria-label":u?c?s.collapseAria:s.expandAria:void 0,className:T(`ai-file-tree--row group relative h-auto w-full justify-start gap-1.5 rounded-none px-2 py-1 text-left font-mono text-xs`,`hover:bg-muted/40`,`focus-visible:ring-inset`,d&&`bg-primary/10`,!!f&&`before:absolute before:left-0 before:top-0 before:h-full before:w-0.5`,p?.row,f===`removed`&&`text-muted-foreground/80`),style:{paddingLeft:8+t*o},children:[u?c?(0,O.jsx)(ee,{className:`size-3.5 shrink-0 text-muted-foreground`}):(0,O.jsx)(ce,{className:`size-3.5 shrink-0 text-muted-foreground`}):(0,O.jsx)(`span`,{"aria-hidden":!0,className:`size-3.5 shrink-0`}),(0,O.jsx)(m,{className:T(`size-3.5 shrink-0`,u?`text-muted-foreground`:`text-muted-foreground/80`)}),(0,O.jsx)(`span`,{className:T(`flex-1 truncate`,f===`removed`&&`line-through`),children:e.name}),(0,O.jsx)(`span`,{className:`ml-auto flex items-center gap-1.5`,children:g})]}),u&&c&&!!e.children?.length&&(0,O.jsx)(`ul`,{children:e.children.map(e=>(0,O.jsx)(F,{node:e,depth:t+1,selectedId:n,onSelect:r,hideStatusLabels:i,indent:o,strings:s},e.id))})]})}var I=e({AiAgentExample:()=>z,AiArtifactExample:()=>q,AiAttachmentExample:()=>V,AiChainOfThoughtExample:()=>G,AiCodeBlockExample:()=>B,AiConfirmationExample:()=>X,AiFileTreeExample:()=>J,AiInlineCitationExample:()=>H,AiPackageInfoExample:()=>Y,AiReasoningExample:()=>W,AiShimmerExample:()=>R,AiSourcesExample:()=>U,AiTaskExample:()=>K}),L=`import { useState } from 'react';
 
 export function Counter() {
   const [count, setCount] = useState(0);

package/dist/showcase/assets/{ai-tool-call-Da4srLLe.js → ai-tool-call-BU6xbmXG.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{o as n,p as r}from"./section-Dd6X6IKg.js";import{t as i}from"./bot-DxRjlJlO.js";import{Dr as a,Er as o,r as s}from"./example-Rrx9vj75.js";import{t as c}from"./chevron-down-CBa5t2E0.js";import{t as l}from"./circle-alert-BObXfzSP.js";import{t as u}from"./circle-dot-Bj1an-fp.js";import{t as d}from"./rotate-ccw-Dajwztf1.js";import{t as f}from"./user-B35DABNz.js";import{t as p}from"./wrench-PjtfaRuJ.js";import{N as m,c as h,d as g,l as _,n as v}from"./index-o71HAmc3.js";import{t as y}from"./icon-badge-GMIN-bca.js";import{t as b}from"./textarea-CBhdtg5X.js";var x=_(`thumbs-down`,[[`path`,{d:`M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z`,key:`m61m77`}],[`path`,{d:`M17 14V2`,key:`8ymqnk`}]]),S=_(`thumbs-up`,[[`path`,{d:`M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z`,key:`emmmcr`}],[`path`,{d:`M7 10v12`,key:`1qc93n`}]]),C=e(t(),1),w={prompt:`Was this helpful?`,thumbsUpAria:`Mark as helpful`,thumbsDownAria:`Mark as not helpful`,commentPlaceholder:`Tell us more (optional)`,submit:`Send feedback`,thanks:`Thanks for your feedback.`},T=g();function E({value:e,onVote:t,onSubmitComment:n,allowComment:i=!0,submitted:a=!1,className:o,strings:c}){let l=m(w,c),[u,d]=(0,C.useState)(null),[f,p]=(0,C.useState)(``),h=e??u,g=n=>{let r=h===n?null:n;e===void 0&&d(r),t?.(r)};return a?(0,T.jsxs)(`div`,{className:v(`ai-feedback--component`,`inline-flex items-center gap-2 rounded-full bg-success/10 px-3 py-1.5`,o),children:[(0,T.jsx)(S,{className:`size-3.5 text-success`}),(0,T.jsx)(r,{size:`xs`,type:`success`,weight:`medium`,children:l.thanks})]}):(0,T.jsxs)(`div`,{className:v(`ai-feedback--component inline-flex flex-col gap-2`,o),children:[(0,T.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,T.jsx)(r,{size:`xs`,type:`secondary`,children:l.prompt}),(0,T.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:h===`up`?`solid`:`ghost`,size:`icon-small`,"aria-label":l.thumbsUpAria,"aria-pressed":h===`up`,onClick:()=>g(`up`),className:v(h===`up`&&`text-success bg-success/15 hover:bg-success/20`),children:(0,T.jsx)(S,{className:`size-3.5`})}),(0,T.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:h===`down`?`solid`:`ghost`,size:`icon-small`,"aria-label":l.thumbsDownAria,"aria-pressed":h===`down`,onClick:()=>g(`down`),className:v(h===`down`&&`text-destructive bg-destructive/15 hover:bg-destructive/20`),children:(0,T.jsx)(x,{className:`size-3.5`})})]}),!!i&&!!h&&(0,T.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,T.jsx)(b,{value:f,onChange:e=>p(e.target.value),placeholder:l.commentPlaceholder,minRows:2}),(0,T.jsx)(`div`,{className:`flex justify-end`,children:(0,T.jsx)(s,{type:`button`,onClick:()=>{n?.(f,h),p(``)},disabled:!f.trim(),children:l.submit})})]})]})}E.displayName=`AiFeedback`;var D={copyAria:`Copy message`,copied:`Copied`,regenerateAria:`Regenerate response`},O={assistant:{wrap:`flex-row`,avatar:`bg-primary/15 text-primary`,bubble:`bg-card border border-border/60`},user:{wrap:`flex-row-reverse text-right`,avatar:`bg-muted text-foreground`,bubble:`bg-primary text-primary-foreground`},system:{wrap:`flex-row`,avatar:`bg-muted text-muted-foreground`,bubble:`bg-muted/40 border border-dashed border-border/60`}},k={assistant:i,user:f,system:i};function A({role:e=`assistant`,avatar:t,avatarLabel:n,authorName:i,timestamp:o,children:c,plainText:l,loading:u=!1,onCopy:f,onRegenerate:p,className:h,strings:g}){let _=m(D,g),[y,b]=(0,C.useState)(!1),x=O[e],S=k[e],w=()=>{let e=l??(typeof c==`string`?c:``);e&&typeof navigator<`u`&&navigator.clipboard&&navigator.clipboard.writeText(e),b(!0),f?.(),window.setTimeout(()=>b(!1),1500)},E=t??(0,T.jsx)(`span`,{"aria-label":n,className:v(`inline-flex size-7 shrink-0 items-center justify-center rounded-full`,x.avatar),children:(0,T.jsx)(S,{className:`size-3.5`})});return(0,T.jsxs)(`div`,{className:v(`ai-message-bubble--component`,`flex w-full items-start gap-2`,x.wrap,h),children:[E,(0,T.jsxs)(`div`,{className:`flex max-w-[80%] flex-col gap-1`,children:[(i||o)&&(0,T.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[!!i&&(0,T.jsx)(r,{size:`xs`,weight:`medium`,children:i}),!!o&&(0,T.jsx)(r,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:o})]}),(0,T.jsx)(`div`,{className:v(`rounded-2xl px-3.5 py-2.5 text-sm leading-relaxed`,x.bubble,u&&`animate-pulse`),children:c}),(f!==void 0||l||p)&&e===`assistant`&&(0,T.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,T.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":_.copyAria,onClick:w,children:(0,T.jsx)(a,{className:`size-3.5`})}),y&&(0,T.jsx)(r,{size:`xxs`,type:`success`,children:_.copied}),!!p&&(0,T.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":_.regenerateAria,onClick:p,children:(0,T.jsx)(d,{className:`size-3.5`})})]})]})]})}A.displayName=`AiMessageBubble`;var j={pending:`Queued`,running:`Running`,success:`Success`,error:`Failed`,expand:`Show details`,collapse:`Hide details`,args:`Arguments`,result:`Result`,durationLabel:`Took`},M={pending:{variant:`secondary`,icon:u},running:{variant:`primary`,icon:o},success:{variant:`success`},error:{variant:`error`,icon:l}};function N(e){return e<1e3?`${Math.round(e)}ms`:`${(e/1e3).toFixed(+(e<1e4))}s`}function P({name:e,status:t,icon:i=p,args:a,result:o,error:l,durationMs:u,defaultExpanded:d=!1,className:f,strings:g}){let _=m(j,g),[b,x]=(0,C.useState)(d),S={pending:_.pending,running:_.running,success:_.success,error:_.error},w=M[t].icon,E=!!(a||o||l);return(0,T.jsxs)(`div`,{className:v(`ai-tool-call--component`,`overflow-hidden rounded-lg border border-border/60 bg-card`,t===`error`&&`border-destructive/40 bg-destructive/5`,f),children:[(0,T.jsxs)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`default`,onClick:()=>E&&x(e=>!e),className:v(`ai-tool-call--trigger h-auto w-full justify-start gap-2 rounded-none px-3 py-2 text-left`,E?`cursor-pointer hover:bg-muted/40`:`cursor-default`),"aria-expanded":E?b:void 0,"aria-label":E?b?_.collapse:_.expand:void 0,children:[(0,T.jsx)(y,{icon:i,tone:`muted`,size:`default`,shape:`square`}),(0,T.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,T.jsx)(r,{weight:`medium`,className:`truncate font-mono`,children:e})}),(0,T.jsxs)(n,{variant:M[t].variant,className:`gap-1`,children:[!!w&&(0,T.jsx)(w,{className:v(`size-3`,t===`running`&&`animate-spin`)}),S[t]]}),!!u&&(0,T.jsxs)(r,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:[_.durationLabel,` `,N(u)]}),E&&(b?(0,T.jsx)(c,{className:`size-3.5 text-muted-foreground`}):(0,T.jsx)(h,{className:`size-3.5 text-muted-foreground`}))]}),!!b&&E&&(0,T.jsxs)(`div`,{className:`border-t border-border/60 bg-muted/20 px-3 py-2 space-y-2`,children:[!!a&&(0,T.jsx)(F,{label:_.args,children:a}),t===`error`&&l?(0,T.jsx)(F,{label:_.error,tone:`error`,children:l}):!!o&&(0,T.jsx)(F,{label:_.result,children:o})]})]})}P.displayName=`AiToolCall`;function F({label:e,children:t,tone:n=`neutral`}){return(0,T.jsxs)(`div`,{className:`space-y-1`,children:[(0,T.jsx)(r,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e}),(0,T.jsx)(`pre`,{tabIndex:0,className:v(`overflow-x-auto rounded-md bg-card px-2.5 py-2 font-mono text-xs leading-relaxed`,n===`error`&&`text-destructive bg-destructive/5`),children:t})]})}export{A as n,E as r,P as t};
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{o as n,p as r}from"./section-BPNIPavy.js";import{t as i}from"./bot-Ch-Y1HK8.js";import{Dr as a,Er as o,r as s}from"./example-CJMJcnb4.js";import{t as c}from"./chevron-down-BFh1Fz2P.js";import{t as l}from"./circle-alert-C6MbOB0m.js";import{t as u}from"./circle-dot-DdRpIhnL.js";import{t as d}from"./rotate-ccw-JuE4H14F.js";import{t as f}from"./user-BDIP5UPS.js";import{t as p}from"./wrench-DQvhyTEb.js";import{N as m,c as h,d as g,l as _,n as v}from"./index-jD-KSiHu.js";import{t as y}from"./icon-badge-DrZ5qGpa.js";import{t as b}from"./textarea-D2uT_GJt.js";var x=_(`thumbs-down`,[[`path`,{d:`M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z`,key:`m61m77`}],[`path`,{d:`M17 14V2`,key:`8ymqnk`}]]),S=_(`thumbs-up`,[[`path`,{d:`M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z`,key:`emmmcr`}],[`path`,{d:`M7 10v12`,key:`1qc93n`}]]),C=e(t(),1),w={prompt:`Was this helpful?`,thumbsUpAria:`Mark as helpful`,thumbsDownAria:`Mark as not helpful`,commentPlaceholder:`Tell us more (optional)`,submit:`Send feedback`,thanks:`Thanks for your feedback.`},T=g();function E({value:e,onVote:t,onSubmitComment:n,allowComment:i=!0,submitted:a=!1,className:o,strings:c}){let l=m(w,c),[u,d]=(0,C.useState)(null),[f,p]=(0,C.useState)(``),h=e??u,g=n=>{let r=h===n?null:n;e===void 0&&d(r),t?.(r)};return a?(0,T.jsxs)(`div`,{className:v(`ai-feedback--component`,`inline-flex items-center gap-2 rounded-full bg-success/10 px-3 py-1.5`,o),children:[(0,T.jsx)(S,{className:`size-3.5 text-success`}),(0,T.jsx)(r,{size:`xs`,type:`success`,weight:`medium`,children:l.thanks})]}):(0,T.jsxs)(`div`,{className:v(`ai-feedback--component inline-flex flex-col gap-2`,o),children:[(0,T.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,T.jsx)(r,{size:`xs`,type:`secondary`,children:l.prompt}),(0,T.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:h===`up`?`solid`:`ghost`,size:`icon-small`,"aria-label":l.thumbsUpAria,"aria-pressed":h===`up`,onClick:()=>g(`up`),className:v(h===`up`&&`text-success bg-success/15 hover:bg-success/20`),children:(0,T.jsx)(S,{className:`size-3.5`})}),(0,T.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:h===`down`?`solid`:`ghost`,size:`icon-small`,"aria-label":l.thumbsDownAria,"aria-pressed":h===`down`,onClick:()=>g(`down`),className:v(h===`down`&&`text-destructive bg-destructive/15 hover:bg-destructive/20`),children:(0,T.jsx)(x,{className:`size-3.5`})})]}),!!i&&!!h&&(0,T.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,T.jsx)(b,{value:f,onChange:e=>p(e.target.value),placeholder:l.commentPlaceholder,minRows:2}),(0,T.jsx)(`div`,{className:`flex justify-end`,children:(0,T.jsx)(s,{type:`button`,onClick:()=>{n?.(f,h),p(``)},disabled:!f.trim(),children:l.submit})})]})]})}E.displayName=`AiFeedback`;var D={copyAria:`Copy message`,copied:`Copied`,regenerateAria:`Regenerate response`},O={assistant:{wrap:`flex-row`,avatar:`bg-primary/15 text-primary`,bubble:`bg-card border border-border/60`},user:{wrap:`flex-row-reverse text-right`,avatar:`bg-muted text-foreground`,bubble:`bg-primary text-primary-foreground`},system:{wrap:`flex-row`,avatar:`bg-muted text-muted-foreground`,bubble:`bg-muted/40 border border-dashed border-border/60`}},k={assistant:i,user:f,system:i};function A({role:e=`assistant`,avatar:t,avatarLabel:n,authorName:i,timestamp:o,children:c,plainText:l,loading:u=!1,onCopy:f,onRegenerate:p,className:h,strings:g}){let _=m(D,g),[y,b]=(0,C.useState)(!1),x=O[e],S=k[e],w=()=>{let e=l??(typeof c==`string`?c:``);e&&typeof navigator<`u`&&navigator.clipboard&&navigator.clipboard.writeText(e),b(!0),f?.(),window.setTimeout(()=>b(!1),1500)},E=t??(0,T.jsx)(`span`,{"aria-label":n,className:v(`inline-flex size-7 shrink-0 items-center justify-center rounded-full`,x.avatar),children:(0,T.jsx)(S,{className:`size-3.5`})});return(0,T.jsxs)(`div`,{className:v(`ai-message-bubble--component`,`flex w-full items-start gap-2`,x.wrap,h),children:[E,(0,T.jsxs)(`div`,{className:`flex max-w-[80%] flex-col gap-1`,children:[(i||o)&&(0,T.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[!!i&&(0,T.jsx)(r,{size:`xs`,weight:`medium`,children:i}),!!o&&(0,T.jsx)(r,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:o})]}),(0,T.jsx)(`div`,{className:v(`rounded-2xl px-3.5 py-2.5 text-sm leading-relaxed`,x.bubble,u&&`animate-pulse`),children:c}),(f!==void 0||l||p)&&e===`assistant`&&(0,T.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,T.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":_.copyAria,onClick:w,children:(0,T.jsx)(a,{className:`size-3.5`})}),y&&(0,T.jsx)(r,{size:`xxs`,type:`success`,children:_.copied}),!!p&&(0,T.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":_.regenerateAria,onClick:p,children:(0,T.jsx)(d,{className:`size-3.5`})})]})]})]})}A.displayName=`AiMessageBubble`;var j={pending:`Queued`,running:`Running`,success:`Success`,error:`Failed`,expand:`Show details`,collapse:`Hide details`,args:`Arguments`,result:`Result`,durationLabel:`Took`},M={pending:{variant:`secondary`,icon:u},running:{variant:`primary`,icon:o},success:{variant:`success`},error:{variant:`error`,icon:l}};function N(e){return e<1e3?`${Math.round(e)}ms`:`${(e/1e3).toFixed(+(e<1e4))}s`}function P({name:e,status:t,icon:i=p,args:a,result:o,error:l,durationMs:u,defaultExpanded:d=!1,className:f,strings:g}){let _=m(j,g),[b,x]=(0,C.useState)(d),S={pending:_.pending,running:_.running,success:_.success,error:_.error},w=M[t].icon,E=!!(a||o||l);return(0,T.jsxs)(`div`,{className:v(`ai-tool-call--component`,`overflow-hidden rounded-lg border border-border/60 bg-card`,t===`error`&&`border-destructive/40 bg-destructive/5`,f),children:[(0,T.jsxs)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`default`,onClick:()=>E&&x(e=>!e),className:v(`ai-tool-call--trigger h-auto w-full justify-start gap-2 rounded-none px-3 py-2 text-left`,E?`cursor-pointer hover:bg-muted/40`:`cursor-default`),"aria-expanded":E?b:void 0,"aria-label":E?b?_.collapse:_.expand:void 0,children:[(0,T.jsx)(y,{icon:i,tone:`muted`,size:`default`,shape:`square`}),(0,T.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,T.jsx)(r,{weight:`medium`,className:`truncate font-mono`,children:e})}),(0,T.jsxs)(n,{variant:M[t].variant,className:`gap-1`,children:[!!w&&(0,T.jsx)(w,{className:v(`size-3`,t===`running`&&`animate-spin`)}),S[t]]}),!!u&&(0,T.jsxs)(r,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:[_.durationLabel,` `,N(u)]}),E&&(b?(0,T.jsx)(c,{className:`size-3.5 text-muted-foreground`}):(0,T.jsx)(h,{className:`size-3.5 text-muted-foreground`}))]}),!!b&&E&&(0,T.jsxs)(`div`,{className:`border-t border-border/60 bg-muted/20 px-3 py-2 space-y-2`,children:[!!a&&(0,T.jsx)(F,{label:_.args,children:a}),t===`error`&&l?(0,T.jsx)(F,{label:_.error,tone:`error`,children:l}):!!o&&(0,T.jsx)(F,{label:_.result,children:o})]})]})}P.displayName=`AiToolCall`;function F({label:e,children:t,tone:n=`neutral`}){return(0,T.jsxs)(`div`,{className:`space-y-1`,children:[(0,T.jsx)(r,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e}),(0,T.jsx)(`pre`,{tabIndex:0,className:v(`overflow-x-auto rounded-md bg-card px-2.5 py-2 font-mono text-xs leading-relaxed`,n===`error`&&`text-destructive bg-destructive/5`),children:t})]})}export{A as n,E as r,P as t};

package/dist/showcase/assets/{alert-CQI2pomK.js → alert-6Emt6KX2.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{c as n,p as r}from"./section-Dd6X6IKg.js";import{d as i,n as a}from"./index-o71HAmc3.js";var o=e(t(),1),s=i(),c=n([`alert--component relative grid w-full grid-cols-[0_1fr] items-start gap-y-1 rounded-lg border px-4 py-3 text-left`,`has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5`,`has-[>[data-slot=alert-action]]:sm:grid-cols-[auto_1fr_auto]`,`[&>svg]:row-span-2 [&>svg]:mt-0.5 [&>svg]:size-4 [&>svg]:shrink-0`],{variants:{variant:{default:`border-border bg-card text-card-foreground`,info:`border-info/30 bg-info/5 text-card-foreground [&>svg]:text-info`,success:`border-success/30 bg-success/10 text-card-foreground [&>svg]:text-success`,warning:`border-warning/40 bg-warning/10 text-card-foreground [&>svg]:text-warning`,destructive:`border-destructive/30 bg-destructive/5 text-card-foreground [&>svg]:text-destructive`,inverse:[`border-foreground bg-foreground text-background`,`[&>svg]:text-background`,`[&_[data-slot=alert-title]_[data-typography=text]]:text-background`,`[&_[data-slot=alert-description]_[data-typography=text]]:text-background/75`]}},defaultVariants:{variant:`default`}}),l=(0,o.forwardRef)(function({className:e,variant:t,role:n=`alert`,...r},i){return(0,s.jsx)(`div`,{ref:i,"data-slot":`alert`,"data-variant":t??`default`,role:n,className:a(c({variant:t}),e),...r})});l.displayName=`Alert`;var u=(0,o.forwardRef)(function({className:e,children:t,...n},i){return(0,s.jsx)(`div`,{ref:i,"data-slot":`alert-title`,className:a(`alert--title col-start-2 min-h-4 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:opacity-80`,e),...n,children:(0,s.jsx)(r,{tag:`span`,weight:`semibold`,className:`leading-snug`,children:t})})});u.displayName=`AlertTitle`;var d=(0,o.forwardRef)(function({className:e,children:t,...n},i){return(0,s.jsx)(`div`,{ref:i,"data-slot":`alert-description`,className:a(`alert--description col-start-2 grid justify-items-start gap-1 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:opacity-80 [&_p]:leading-relaxed`,e),...n,children:(0,s.jsx)(r,{tag:`span`,size:`xs`,type:`secondary`,className:`leading-normal`,children:t})})});d.displayName=`AlertDescription`;var f=(0,o.forwardRef)(function({className:e,...t},n){return(0,s.jsx)(`div`,{ref:n,"data-slot":`alert-action`,className:a(`alert--action flex flex-wrap items-center gap-1.5 max-sm:col-start-2 max-sm:mt-2 max-sm:justify-start sm:col-start-3 sm:row-start-1 sm:justify-end sm:self-center`,e),...t})});f.displayName=`AlertAction`;export{u as i,f as n,d as r,l as t};
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{c as n,p as r}from"./section-BPNIPavy.js";import{d as i,n as a}from"./index-jD-KSiHu.js";var o=e(t(),1),s=i(),c=n([`alert--component relative grid w-full grid-cols-[0_1fr] items-start gap-y-1 rounded-lg border px-4 py-3 text-left`,`has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5`,`has-[>[data-slot=alert-action]]:sm:grid-cols-[auto_1fr_auto]`,`[&>svg]:row-span-2 [&>svg]:mt-0.5 [&>svg]:size-4 [&>svg]:shrink-0`],{variants:{variant:{default:`border-border bg-card text-card-foreground`,info:`border-info/30 bg-info/5 text-card-foreground [&>svg]:text-info`,success:`border-success/30 bg-success/10 text-card-foreground [&>svg]:text-success`,warning:`border-warning/40 bg-warning/10 text-card-foreground [&>svg]:text-warning`,destructive:`border-destructive/30 bg-destructive/5 text-card-foreground [&>svg]:text-destructive`,inverse:[`border-foreground bg-foreground text-background`,`[&>svg]:text-background`,`[&_[data-slot=alert-title]_[data-typography=text]]:text-background`,`[&_[data-slot=alert-description]_[data-typography=text]]:text-background/75`]}},defaultVariants:{variant:`default`}}),l=(0,o.forwardRef)(function({className:e,variant:t,role:n=`alert`,...r},i){return(0,s.jsx)(`div`,{ref:i,"data-slot":`alert`,"data-variant":t??`default`,role:n,className:a(c({variant:t}),e),...r})});l.displayName=`Alert`;var u=(0,o.forwardRef)(function({className:e,children:t,...n},i){return(0,s.jsx)(`div`,{ref:i,"data-slot":`alert-title`,className:a(`alert--title col-start-2 min-h-4 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:opacity-80`,e),...n,children:(0,s.jsx)(r,{tag:`span`,weight:`semibold`,className:`leading-snug`,children:t})})});u.displayName=`AlertTitle`;var d=(0,o.forwardRef)(function({className:e,children:t,...n},i){return(0,s.jsx)(`div`,{ref:i,"data-slot":`alert-description`,className:a(`alert--description col-start-2 grid justify-items-start gap-1 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:opacity-80 [&_p]:leading-relaxed`,e),...n,children:(0,s.jsx)(r,{tag:`span`,size:`xs`,type:`secondary`,className:`leading-normal`,children:t})})});d.displayName=`AlertDescription`;var f=(0,o.forwardRef)(function({className:e,...t},n){return(0,s.jsx)(`div`,{ref:n,"data-slot":`alert-action`,className:a(`alert--action flex flex-wrap items-center gap-1.5 max-sm:col-start-2 max-sm:mt-2 max-sm:justify-start sm:col-start-3 sm:row-start-1 sm:justify-end sm:self-center`,e),...t})});f.displayName=`AlertAction`;export{u as i,f as n,d as r,l as t};

package/dist/showcase/assets/{alert-S12iMEhF.js → alert-B6aLWiRW.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{c as n,h as r,n as i,t as a}from"./section-Dd6X6IKg.js";import{er as o,t as s}from"./example-Rrx9vj75.js";import{t as c}from"./circle-check-big-BsQpd0CS.js";import{t as l}from"./circle-x-Dh3sb4UC.js";import{t as u}from"./info-B4aULRpz.js";import{d,n as f}from"./index-o71HAmc3.js";import{t as p}from"./PreviewLayout-CBTybzKu.js";t();var m=d(),h=n(`grid gap-0.5 rounded-lg border px-4 py-3 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4 w-full relative group/alert`,{variants:{variant:{default:`bg-card text-card-foreground`,destructive:`border-destructive/30 bg-destructive/5 text-destructive *:data-[slot=alert-description]:text-destructive/85 *:[svg]:text-current`,warning:`border-warning/40 bg-warning/10 text-warning-foreground *:data-[slot=alert-description]:text-warning-foreground/85 *:[svg]:text-current`,success:`border-success/30 bg-success/10 text-success *:data-[slot=alert-description]:text-success/85 *:[svg]:text-current`,info:`border-info/30 bg-info/5 text-info *:data-[slot=alert-description]:text-info/85 *:[svg]:text-current`}},defaultVariants:{variant:`default`}});function g({className:e,variant:t,...n}){return(0,m.jsx)(`div`,{"data-slot":`alert`,role:`alert`,className:f(h({variant:t}),e),...n})}function _({className:e,...t}){return(0,m.jsx)(`div`,{"data-slot":`alert-title`,className:f(`font-medium group-has-[>svg]/alert:col-start-2 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3`,e),...t})}function v({className:e,...t}){return(0,m.jsx)(`div`,{"data-slot":`alert-description`,className:f(`text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3`,e),...t})}function y({className:e,...t}){return(0,m.jsx)(`div`,{"data-slot":`alert-action`,className:f(`absolute top-2.5 right-3`,e),...t})}var b=e({TitleOnly:()=>C,Variants:()=>x,WithAlertAction:()=>S});function x(){return(0,m.jsx)(m.Fragment,{children:(0,m.jsxs)(p,{children:[(0,m.jsxs)(g,{children:[(0,m.jsx)(u,{}),(0,m.jsx)(_,{children:`Default`}),(0,m.jsx)(v,{children:`This is a default informational alert.`})]}),(0,m.jsxs)(g,{variant:`success`,children:[(0,m.jsx)(c,{}),(0,m.jsx)(_,{children:`Success`}),(0,m.jsx)(v,{children:`Your changes have been saved.`})]}),(0,m.jsxs)(g,{variant:`warning`,children:[(0,m.jsx)(r,{}),(0,m.jsx)(_,{children:`Warning`}),(0,m.jsx)(v,{children:`Be careful with this action.`})]}),(0,m.jsxs)(g,{variant:`destructive`,children:[(0,m.jsx)(l,{}),(0,m.jsx)(_,{children:`Destructive`}),(0,m.jsx)(v,{children:`This cannot be undone.`})]})]})})}function S(){return(0,m.jsx)(m.Fragment,{children:(0,m.jsxs)(g,{children:[(0,m.jsx)(u,{}),(0,m.jsx)(_,{children:`New version available`}),(0,m.jsx)(v,{children:`Reload the page to update.`}),(0,m.jsx)(y,{children:(0,m.jsx)(o,{variant:`link`,size:`xs`,className:`h-auto px-0`,children:`Reload`})})]})})}function C(){return(0,m.jsx)(m.Fragment,{children:(0,m.jsxs)(g,{variant:`success`,children:[(0,m.jsx)(c,{}),(0,m.jsx)(_,{children:`Saved successfully.`})]})})}var w=`import { Info, CheckCircle, AlertTriangle, XCircle } from 'lucide-react';
+import{n as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{c as n,h as r,n as i,t as a}from"./section-BPNIPavy.js";import{er as o,t as s}from"./example-CJMJcnb4.js";import{t as c}from"./circle-check-big-CBaodck_.js";import{t as l}from"./circle-x-MO44aKHe.js";import{t as u}from"./info-B5fZn_ZC.js";import{d,n as f}from"./index-jD-KSiHu.js";import{t as p}from"./PreviewLayout-B_l930k0.js";t();var m=d(),h=n(`grid gap-0.5 rounded-lg border px-4 py-3 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4 w-full relative group/alert`,{variants:{variant:{default:`bg-card text-card-foreground`,destructive:`border-destructive/30 bg-destructive/5 text-destructive *:data-[slot=alert-description]:text-destructive/85 *:[svg]:text-current`,warning:`border-warning/40 bg-warning/10 text-warning-foreground *:data-[slot=alert-description]:text-warning-foreground/85 *:[svg]:text-current`,success:`border-success/30 bg-success/10 text-success *:data-[slot=alert-description]:text-success/85 *:[svg]:text-current`,info:`border-info/30 bg-info/5 text-info *:data-[slot=alert-description]:text-info/85 *:[svg]:text-current`}},defaultVariants:{variant:`default`}});function g({className:e,variant:t,...n}){return(0,m.jsx)(`div`,{"data-slot":`alert`,role:`alert`,className:f(h({variant:t}),e),...n})}function _({className:e,...t}){return(0,m.jsx)(`div`,{"data-slot":`alert-title`,className:f(`font-medium group-has-[>svg]/alert:col-start-2 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3`,e),...t})}function v({className:e,...t}){return(0,m.jsx)(`div`,{"data-slot":`alert-description`,className:f(`text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3`,e),...t})}function y({className:e,...t}){return(0,m.jsx)(`div`,{"data-slot":`alert-action`,className:f(`absolute top-2.5 right-3`,e),...t})}var b=e({TitleOnly:()=>C,Variants:()=>x,WithAlertAction:()=>S});function x(){return(0,m.jsx)(m.Fragment,{children:(0,m.jsxs)(p,{children:[(0,m.jsxs)(g,{children:[(0,m.jsx)(u,{}),(0,m.jsx)(_,{children:`Default`}),(0,m.jsx)(v,{children:`This is a default informational alert.`})]}),(0,m.jsxs)(g,{variant:`success`,children:[(0,m.jsx)(c,{}),(0,m.jsx)(_,{children:`Success`}),(0,m.jsx)(v,{children:`Your changes have been saved.`})]}),(0,m.jsxs)(g,{variant:`warning`,children:[(0,m.jsx)(r,{}),(0,m.jsx)(_,{children:`Warning`}),(0,m.jsx)(v,{children:`Be careful with this action.`})]}),(0,m.jsxs)(g,{variant:`destructive`,children:[(0,m.jsx)(l,{}),(0,m.jsx)(_,{children:`Destructive`}),(0,m.jsx)(v,{children:`This cannot be undone.`})]})]})})}function S(){return(0,m.jsx)(m.Fragment,{children:(0,m.jsxs)(g,{children:[(0,m.jsx)(u,{}),(0,m.jsx)(_,{children:`New version available`}),(0,m.jsx)(v,{children:`Reload the page to update.`}),(0,m.jsx)(y,{children:(0,m.jsx)(o,{variant:`link`,size:`xs`,className:`h-auto px-0`,children:`Reload`})})]})})}function C(){return(0,m.jsx)(m.Fragment,{children:(0,m.jsxs)(g,{variant:`success`,children:[(0,m.jsx)(c,{}),(0,m.jsx)(_,{children:`Saved successfully.`})]})})}var w=`import { Info, CheckCircle, AlertTriangle, XCircle } from 'lucide-react';
 import { Alert, AlertTitle, AlertDescription, AlertAction } from '@/components/ui/alert';
 import { Button } from '@/components/ui/button';
 import { Col } from '../../PreviewLayout';

package/dist/showcase/assets/{alert-xINZmLgm.js → alert-CtoTQ0vN.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{h as t,n,t as r}from"./section-Dd6X6IKg.js";import{r as i,t as a}from"./example-Rrx9vj75.js";import{t as o}from"./circle-check-BPhdxh7K.js";import{t as s}from"./circle-x-Dh3sb4UC.js";import{t as c}from"./info-B4aULRpz.js";import{t as l}from"./shield-alert-RrMsBuWp.js";import{d as u}from"./index-o71HAmc3.js";import{t as d}from"./props-table-C6gPyO49.js";import{i as f,n as p,r as m,t as h}from"./alert-CQI2pomK.js";var g=e({AlertVariants:()=>v,AlertWithActions:()=>y,InverseAlert:()=>b,StatusRoleAlert:()=>x}),_=u();function v(){return(0,_.jsxs)(`div`,{className:`grid w-full max-w-2xl gap-3`,children:[(0,_.jsxs)(h,{children:[(0,_.jsx)(c,{}),(0,_.jsx)(f,{children:`Default notice`}),(0,_.jsx)(m,{children:`Workspace settings were updated by an administrator.`})]}),(0,_.jsxs)(h,{variant:`info`,children:[(0,_.jsx)(c,{}),(0,_.jsx)(f,{children:`Import queued`}),(0,_.jsx)(m,{children:`Catalog import will start after the current sync finishes.`})]}),(0,_.jsxs)(h,{variant:`success`,children:[(0,_.jsx)(o,{}),(0,_.jsx)(f,{children:`Billing profile verified`}),(0,_.jsx)(m,{children:`Invoices can now be issued for this workspace.`})]}),(0,_.jsxs)(h,{variant:`warning`,children:[(0,_.jsx)(t,{}),(0,_.jsx)(f,{children:`Usage is approaching the plan limit`}),(0,_.jsx)(m,{children:`Upgrade before the next billing cycle to avoid paused automations.`})]}),(0,_.jsxs)(h,{variant:`destructive`,children:[(0,_.jsx)(s,{}),(0,_.jsx)(f,{children:`Webhook delivery failed`}),(0,_.jsx)(m,{children:`Three endpoints rejected the latest payload.`})]})]})}function y(){return(0,_.jsxs)(h,{variant:`warning`,className:`max-w-2xl`,children:[(0,_.jsx)(l,{}),(0,_.jsx)(f,{children:`Two-factor enforcement is pending`}),(0,_.jsx)(m,{children:`12 team members have not enrolled. Enforcement begins at the end of the week.`}),(0,_.jsxs)(p,{children:[(0,_.jsx)(i,{variant:`warning`,buttonStyle:`outline`,size:`small`,children:`Review users`}),(0,_.jsx)(i,{variant:`secondary`,buttonStyle:`ghost`,size:`small`,children:`Dismiss`})]})]})}function b(){return(0,_.jsxs)(h,{variant:`inverse`,className:`max-w-2xl`,children:[(0,_.jsx)(c,{}),(0,_.jsx)(f,{children:`New analytics view is available`}),(0,_.jsx)(m,{children:`Switch to the updated report builder from the workspace menu.`}),(0,_.jsx)(p,{children:(0,_.jsx)(i,{variant:`light`,buttonStyle:`outline`,size:`small`,children:`Open builder`})})]})}function x(){return(0,_.jsxs)(h,{role:`status`,variant:`success`,className:`max-w-2xl`,children:[(0,_.jsx)(o,{}),(0,_.jsx)(f,{children:`Changes saved`}),(0,_.jsx)(m,{children:'This non-urgent confirmation uses `role="status"`.'})]})}var S=`import { AlertTriangle, CheckCircle2, Info, ShieldAlert, XCircle } from 'lucide-react';
+import{n as e}from"./chunk-QTnfLwEv.js";import{h as t,n,t as r}from"./section-BPNIPavy.js";import{r as i,t as a}from"./example-CJMJcnb4.js";import{t as o}from"./circle-check-C0X85t4j.js";import{t as s}from"./circle-x-MO44aKHe.js";import{t as c}from"./info-B5fZn_ZC.js";import{t as l}from"./shield-alert-6XO5YZ5u.js";import{d as u}from"./index-jD-KSiHu.js";import{t as d}from"./props-table-DoDq8Mvr.js";import{i as f,n as p,r as m,t as h}from"./alert-6Emt6KX2.js";var g=e({AlertVariants:()=>v,AlertWithActions:()=>y,InverseAlert:()=>b,StatusRoleAlert:()=>x}),_=u();function v(){return(0,_.jsxs)(`div`,{className:`grid w-full max-w-2xl gap-3`,children:[(0,_.jsxs)(h,{children:[(0,_.jsx)(c,{}),(0,_.jsx)(f,{children:`Default notice`}),(0,_.jsx)(m,{children:`Workspace settings were updated by an administrator.`})]}),(0,_.jsxs)(h,{variant:`info`,children:[(0,_.jsx)(c,{}),(0,_.jsx)(f,{children:`Import queued`}),(0,_.jsx)(m,{children:`Catalog import will start after the current sync finishes.`})]}),(0,_.jsxs)(h,{variant:`success`,children:[(0,_.jsx)(o,{}),(0,_.jsx)(f,{children:`Billing profile verified`}),(0,_.jsx)(m,{children:`Invoices can now be issued for this workspace.`})]}),(0,_.jsxs)(h,{variant:`warning`,children:[(0,_.jsx)(t,{}),(0,_.jsx)(f,{children:`Usage is approaching the plan limit`}),(0,_.jsx)(m,{children:`Upgrade before the next billing cycle to avoid paused automations.`})]}),(0,_.jsxs)(h,{variant:`destructive`,children:[(0,_.jsx)(s,{}),(0,_.jsx)(f,{children:`Webhook delivery failed`}),(0,_.jsx)(m,{children:`Three endpoints rejected the latest payload.`})]})]})}function y(){return(0,_.jsxs)(h,{variant:`warning`,className:`max-w-2xl`,children:[(0,_.jsx)(l,{}),(0,_.jsx)(f,{children:`Two-factor enforcement is pending`}),(0,_.jsx)(m,{children:`12 team members have not enrolled. Enforcement begins at the end of the week.`}),(0,_.jsxs)(p,{children:[(0,_.jsx)(i,{variant:`warning`,buttonStyle:`outline`,size:`small`,children:`Review users`}),(0,_.jsx)(i,{variant:`secondary`,buttonStyle:`ghost`,size:`small`,children:`Dismiss`})]})]})}function b(){return(0,_.jsxs)(h,{variant:`inverse`,className:`max-w-2xl`,children:[(0,_.jsx)(c,{}),(0,_.jsx)(f,{children:`New analytics view is available`}),(0,_.jsx)(m,{children:`Switch to the updated report builder from the workspace menu.`}),(0,_.jsx)(p,{children:(0,_.jsx)(i,{variant:`light`,buttonStyle:`outline`,size:`small`,children:`Open builder`})})]})}function x(){return(0,_.jsxs)(h,{role:`status`,variant:`success`,className:`max-w-2xl`,children:[(0,_.jsx)(o,{}),(0,_.jsx)(f,{children:`Changes saved`}),(0,_.jsx)(m,{children:'This non-urgent confirmation uses `role="status"`.'})]})}var S=`import { AlertTriangle, CheckCircle2, Info, ShieldAlert, XCircle } from 'lucide-react';
 
 import {
 	Alert,

package/dist/showcase/assets/{api-key-list-CL6je8dF.js → api-key-list-C0glWR3z.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{p as n}from"./section-Dd6X6IKg.js";import{Dr as r,r as i}from"./example-Rrx9vj75.js";import{t as a}from"./lock-CMrS2EKU.js";import{t as o}from"./plus-4gOvUk-5.js";import{t as s}from"./trash-2-Bf5dpRjn.js";import{N as c,c as l,d as u,n as d}from"./index-o71HAmc3.js";import{t as f}from"./icon-badge-GMIN-bca.js";import{t as p}from"./smart-card-BwSFemlj.js";import{c as m,n as h,r as g,t as _}from"./item-Oe2aHuvr.js";import{n as v,r as y,t as b}from"./collapsible-DDV7VHy5.js";import{n as x}from"./dist-CS2Ky1_m.js";import{n as S,t as C}from"./action-menu-wJVcvfmC.js";var w=e(t(),1),T={title:`API keys`,addAria:`Add API key`,rowMenuAria:`Key actions`,copyMenuItem:`Copy key`,copiedMenuItem:`Copied`,deleteMenuItem:`Delete`,copyToastSuccess:`Copied to clipboard`,copyToastError:`Failed to copy`,emptyMessage:`No keys yet.`},E=u(),D=(0,w.forwardRef)(function({items:e,defaultOpen:t=!0,open:r,onOpenChange:a,onAdd:s,onDelete:u,onCopy:f,title:m,className:h,strings:g},_){let x=c(T,g),S=r!==void 0,[C,D]=(0,w.useState)(t),k=S?r:C,A=(0,w.useCallback)(e=>{S||D(e),a?.(e)},[S,a]);return(0,E.jsx)(p,{ref:_,className:d(`api-key-list--component`,h),children:(0,E.jsxs)(b,{open:k,onOpenChange:A,children:[(0,E.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,E.jsx)(y,{asChild:!0,children:(0,E.jsxs)(i,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`default`,className:`h-auto flex-1 justify-start gap-2 rounded-sm px-0 py-0 text-left`,children:[(0,E.jsx)(l,{"aria-hidden":`true`,className:d(`size-4 text-muted-foreground transition-transform`,k&&`rotate-90`)}),(0,E.jsx)(n,{tag:`span`,weight:`semibold`,children:m??x.title})]})}),!!s&&(0,E.jsx)(i,{variant:`secondary`,buttonStyle:`ghost`,onClick:s,"aria-label":x.addAria,children:(0,E.jsx)(o,{className:`size-4`})})]}),(0,E.jsx)(v,{className:`pt-3`,children:e.length===0?(0,E.jsx)(n,{type:`secondary`,children:x.emptyMessage}):(0,E.jsx)(`div`,{className:`flex flex-col gap-2.5`,children:e.map(e=>(0,E.jsx)(O,{item:e,onDelete:u,onCopy:f,copyMenuLabel:x.copyMenuItem,copiedMenuLabel:x.copiedMenuItem,deleteMenuLabel:x.deleteMenuItem,rowMenuAria:x.rowMenuAria,copyToastSuccess:x.copyToastSuccess,copyToastError:x.copyToastError},e.id))})})]})})});D.displayName=`ApiKeyList`;function O({item:e,onDelete:t,onCopy:i,copyMenuLabel:o,copiedMenuLabel:c,deleteMenuLabel:l,rowMenuAria:u,copyToastSuccess:d,copyToastError:p}){let[v,y]=(0,w.useState)(!1),b=(0,w.useCallback)(async()=>{try{await navigator.clipboard.writeText(e.value),y(!0),setTimeout(()=>y(!1),1500),x.success(d),i?.(e.id,e)}catch{x.error(p)}},[e,i,d,p]),T=e.displayValue??e.value;return(0,E.jsxs)(_,{size:`small`,"data-slot":`api-key-row`,className:`flex-nowrap`,children:[(0,E.jsx)(m,{variant:`icon`,children:(0,E.jsx)(f,{size:`small`,shape:`square`,tone:`muted`,bordered:!0,className:`text-success`,children:e.icon??(0,E.jsx)(a,{className:`size-3.5`})})}),(0,E.jsxs)(g,{className:`min-w-0 flex-row items-center gap-2.5`,children:[(0,E.jsx)(n,{tag:`span`,size:`xs`,weight:`medium`,className:`w-20 shrink-0 truncate sm:w-24`,children:e.name}),(0,E.jsx)(`span`,{className:`min-w-0 flex-1 truncate rounded-sm bg-muted px-2 py-1 font-mono text-xs`,children:T})]}),(0,E.jsx)(h,{className:`shrink-0`,children:(0,E.jsxs)(C,{srText:u,align:`end`,closeOnSelect:!0,buttonProps:{buttonStyle:`ghost`,variant:`secondary`},children:[(0,E.jsx)(S,{label:v?c:o,icon:r,onClick:()=>{b()},disabled:e.disabled}),!!t&&(0,E.jsx)(S,{label:l,icon:s,variant:`error`,disabled:e.disabled,onClick:()=>t(e.id,e)})]})})]})}O.displayName=`ApiKeyRow`;export{D as t};
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{p as n}from"./section-BPNIPavy.js";import{Dr as r,r as i}from"./example-CJMJcnb4.js";import{t as a}from"./lock-BDZLNQLR.js";import{t as o}from"./plus-CQcelTNc.js";import{t as s}from"./trash-2-CtRtVsCy.js";import{N as c,c as l,d as u,n as d}from"./index-jD-KSiHu.js";import{t as f}from"./icon-badge-DrZ5qGpa.js";import{t as p}from"./smart-card-p97LLZCW.js";import{c as m,n as h,r as g,t as _}from"./item-ffIfXEGd.js";import{n as v,r as y,t as b}from"./collapsible-CZLTO5EH.js";import{n as x}from"./dist-W8bxVfew.js";import{n as S,t as C}from"./action-menu--rEgMzDi.js";var w=e(t(),1),T={title:`API keys`,addAria:`Add API key`,rowMenuAria:`Key actions`,copyMenuItem:`Copy key`,copiedMenuItem:`Copied`,deleteMenuItem:`Delete`,copyToastSuccess:`Copied to clipboard`,copyToastError:`Failed to copy`,emptyMessage:`No keys yet.`},E=u(),D=(0,w.forwardRef)(function({items:e,defaultOpen:t=!0,open:r,onOpenChange:a,onAdd:s,onDelete:u,onCopy:f,title:m,className:h,strings:g},_){let x=c(T,g),S=r!==void 0,[C,D]=(0,w.useState)(t),k=S?r:C,A=(0,w.useCallback)(e=>{S||D(e),a?.(e)},[S,a]);return(0,E.jsx)(p,{ref:_,className:d(`api-key-list--component`,h),children:(0,E.jsxs)(b,{open:k,onOpenChange:A,children:[(0,E.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,E.jsx)(y,{asChild:!0,children:(0,E.jsxs)(i,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`default`,className:`h-auto flex-1 justify-start gap-2 rounded-sm px-0 py-0 text-left`,children:[(0,E.jsx)(l,{"aria-hidden":`true`,className:d(`size-4 text-muted-foreground transition-transform`,k&&`rotate-90`)}),(0,E.jsx)(n,{tag:`span`,weight:`semibold`,children:m??x.title})]})}),!!s&&(0,E.jsx)(i,{variant:`secondary`,buttonStyle:`ghost`,onClick:s,"aria-label":x.addAria,children:(0,E.jsx)(o,{className:`size-4`})})]}),(0,E.jsx)(v,{className:`pt-3`,children:e.length===0?(0,E.jsx)(n,{type:`secondary`,children:x.emptyMessage}):(0,E.jsx)(`div`,{className:`flex flex-col gap-2.5`,children:e.map(e=>(0,E.jsx)(O,{item:e,onDelete:u,onCopy:f,copyMenuLabel:x.copyMenuItem,copiedMenuLabel:x.copiedMenuItem,deleteMenuLabel:x.deleteMenuItem,rowMenuAria:x.rowMenuAria,copyToastSuccess:x.copyToastSuccess,copyToastError:x.copyToastError},e.id))})})]})})});D.displayName=`ApiKeyList`;function O({item:e,onDelete:t,onCopy:i,copyMenuLabel:o,copiedMenuLabel:c,deleteMenuLabel:l,rowMenuAria:u,copyToastSuccess:d,copyToastError:p}){let[v,y]=(0,w.useState)(!1),b=(0,w.useCallback)(async()=>{try{await navigator.clipboard.writeText(e.value),y(!0),setTimeout(()=>y(!1),1500),x.success(d),i?.(e.id,e)}catch{x.error(p)}},[e,i,d,p]),T=e.displayValue??e.value;return(0,E.jsxs)(_,{size:`small`,"data-slot":`api-key-row`,className:`flex-nowrap`,children:[(0,E.jsx)(m,{variant:`icon`,children:(0,E.jsx)(f,{size:`small`,shape:`square`,tone:`muted`,bordered:!0,className:`text-success`,children:e.icon??(0,E.jsx)(a,{className:`size-3.5`})})}),(0,E.jsxs)(g,{className:`min-w-0 flex-row items-center gap-2.5`,children:[(0,E.jsx)(n,{tag:`span`,size:`xs`,weight:`medium`,className:`w-20 shrink-0 truncate sm:w-24`,children:e.name}),(0,E.jsx)(`span`,{className:`min-w-0 flex-1 truncate rounded-sm bg-muted px-2 py-1 font-mono text-xs`,children:T})]}),(0,E.jsx)(h,{className:`shrink-0`,children:(0,E.jsxs)(C,{srText:u,align:`end`,closeOnSelect:!0,buttonProps:{buttonStyle:`ghost`,variant:`secondary`},children:[(0,E.jsx)(S,{label:v?c:o,icon:r,onClick:()=>{b()},disabled:e.disabled}),!!t&&(0,E.jsx)(S,{label:l,icon:s,variant:`error`,disabled:e.disabled,onClick:()=>t(e.id,e)})]})})]})}O.displayName=`ApiKeyRow`;export{D as t};

package/dist/showcase/assets/{api-key-list-wxmuRN1m.js → api-key-list-DcWSbY3u.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,t as i}from"./section-Dd6X6IKg.js";import{t as a}from"./example-Rrx9vj75.js";import{d as o}from"./index-o71HAmc3.js";import{t as s}from"./props-table-C6gPyO49.js";import{t as c}from"./PreviewLayout-CBTybzKu.js";import{t as l}from"./api-key-list-CL6je8dF.js";var u=e({DefaultVisibleSecretsCallbacksForAddDelete:()=>m,EmptyState:()=>g,LocalizedStrings:()=>_,MaskedSecretsStripeStyle:()=>h}),d=t(n(),1),f=o(),p=[{id:`1`,name:`Production`,value:`AUDO230454*242SDIFPPL`},{id:`2`,name:`Development`,value:`DUILO30454*242SDIFUIP`},{id:`3`,name:`Staging`,value:`IPPODAS230454*242SDI`}];function m(){let[e,t]=(0,d.useState)(p);return(0,f.jsx)(f.Fragment,{children:(0,f.jsx)(c,{className:`max-w-xl`,children:(0,f.jsx)(l,{items:e,onAdd:()=>{let n=String(e.length+1);t(e=>[...e,{id:n,name:`Key ${n}`,value:`KEY_${n}_${Math.random().toString(36).slice(2,10).toUpperCase()}`}])},onDelete:e=>t(t=>t.filter(t=>t.id!==e))})})})}function h(){let[e]=(0,d.useState)([{id:`live`,name:`Live`,value:`sk_live_3xy4cm9bnrUseEkJ4zDh2A4D`,displayValue:`sk_live_·············2A4D`},{id:`test`,name:`Test`,value:`sk_test_5j2lpQzKvFnH8PcQ7B3M`,displayValue:`sk_test_·············7B3M`}]);return(0,f.jsx)(f.Fragment,{children:(0,f.jsx)(c,{className:`max-w-xl`,children:(0,f.jsx)(l,{items:e,title:`Stripe API keys`})})})}function g(){return(0,f.jsx)(f.Fragment,{children:(0,f.jsx)(c,{className:`max-w-xl`,children:(0,f.jsx)(l,{items:[],onAdd:()=>{}})})})}function _(){return(0,f.jsx)(f.Fragment,{children:(0,f.jsx)(c,{className:`max-w-xl`,children:(0,f.jsx)(l,{items:p,strings:{title:`Clés API`,addAria:`Ajouter une clé`,rowMenuAria:`Actions de la clé`,copyMenuItem:`Copier la clé`,copiedMenuItem:`Copié`,deleteMenuItem:`Supprimer`},onAdd:()=>{}})})})}var v=`import { useState } from 'react';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,t as i}from"./section-BPNIPavy.js";import{t as a}from"./example-CJMJcnb4.js";import{d as o}from"./index-jD-KSiHu.js";import{t as s}from"./props-table-DoDq8Mvr.js";import{t as c}from"./PreviewLayout-B_l930k0.js";import{t as l}from"./api-key-list-C0glWR3z.js";var u=e({DefaultVisibleSecretsCallbacksForAddDelete:()=>m,EmptyState:()=>g,LocalizedStrings:()=>_,MaskedSecretsStripeStyle:()=>h}),d=t(n(),1),f=o(),p=[{id:`1`,name:`Production`,value:`AUDO230454*242SDIFPPL`},{id:`2`,name:`Development`,value:`DUILO30454*242SDIFUIP`},{id:`3`,name:`Staging`,value:`IPPODAS230454*242SDI`}];function m(){let[e,t]=(0,d.useState)(p);return(0,f.jsx)(f.Fragment,{children:(0,f.jsx)(c,{className:`max-w-xl`,children:(0,f.jsx)(l,{items:e,onAdd:()=>{let n=String(e.length+1);t(e=>[...e,{id:n,name:`Key ${n}`,value:`KEY_${n}_${Math.random().toString(36).slice(2,10).toUpperCase()}`}])},onDelete:e=>t(t=>t.filter(t=>t.id!==e))})})})}function h(){let[e]=(0,d.useState)([{id:`live`,name:`Live`,value:`sk_live_3xy4cm9bnrUseEkJ4zDh2A4D`,displayValue:`sk_live_·············2A4D`},{id:`test`,name:`Test`,value:`sk_test_5j2lpQzKvFnH8PcQ7B3M`,displayValue:`sk_test_·············7B3M`}]);return(0,f.jsx)(f.Fragment,{children:(0,f.jsx)(c,{className:`max-w-xl`,children:(0,f.jsx)(l,{items:e,title:`Stripe API keys`})})})}function g(){return(0,f.jsx)(f.Fragment,{children:(0,f.jsx)(c,{className:`max-w-xl`,children:(0,f.jsx)(l,{items:[],onAdd:()=>{}})})})}function _(){return(0,f.jsx)(f.Fragment,{children:(0,f.jsx)(c,{className:`max-w-xl`,children:(0,f.jsx)(l,{items:p,strings:{title:`Clés API`,addAria:`Ajouter une clé`,rowMenuAria:`Actions de la clé`,copyMenuItem:`Copier la clé`,copiedMenuItem:`Copié`,deleteMenuItem:`Supprimer`},onAdd:()=>{}})})})}var v=`import { useState } from 'react';
 import { ApiKeyList, type ApiKeyListItem } from '@/components/composed/admin';
 import { Col } from '../../PreviewLayout';
 

package/dist/showcase/assets/{app-sidebar-LVtcgiT_.js → app-sidebar-D_eNP_jh.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{c as n,o as r,p as i}from"./section-Dd6X6IKg.js";import{t as a}from"./chevrons-up-down-umMKLBIL.js";import{t as o}from"./external-link-BkCjE03j.js";import{_ as s,c,d as l,f as u,h as d,l as f,m as p,n as m,o as h,s as g,u as _,v}from"./sidebar.context-DXGEPgaT.js";import{N as y,d as b,n as x}from"./index-o71HAmc3.js";import{a as S,c as C,i as w,l as T,o as E,r as D,t as O}from"./dropdown-menu-CXYQqRJA.js";import{t as k}from"./scroll-area-CnAyhKQ_.js";import{t as A}from"./skeleton-DOJ1RAcJ.js";import{t as j}from"./use-layout-link-BI4MRSHG.js";import{a as M,i as N,n as P,r as F,t as I}from"./sheet-CzFOcAwE.js";import{n as L,t as R}from"./sidebar-C0tsWnrh.js";var z=e(t(),1),B=b();function V(e){if(e.startsWith(`#/`))return e.slice(1).split(`?`)[0]?.split(`#`)[0]||`/`;try{return new URL(e,`http://local.invalid`).pathname}catch{return e}}function H(e,t){let n=V(e);return n===t||n.startsWith(t+`/`)||n.startsWith(t+`?`)}function U(e){return e.label??e.title??``}function W(e,t){let n=U(e);return e.handle??e.href??(typeof n==`string`||typeof n==`number`?n:`nav-${t??0}`)}function G({value:e,size:t=`default`}){return(0,B.jsx)(r,{variant:`secondary`,className:x(`ml-auto rounded-full tabular-nums text-sidebar-foreground`,t===`small`?`h-4 min-w-4 px-1.5`:`h-5 min-w-5 px-1.5`),children:e})}function K(e,t,n){return e&&n&&n[e]!=null?n[e]:t}function q({icon:e,iconMap:t={},size:n=20,className:r=`size-4`,...i}){if(!e)return null;if(typeof e==`string`){let n=t[e];return n?(0,B.jsx)(n,{className:r}):null}return z.isValidElement(e)?z.cloneElement(e,{className:x(r,e.props.className),...i}):typeof e==`function`||typeof e==`object`&&e&&`$$typeof`in e?(0,B.jsx)(e,{className:r,width:n,height:n,...i}):null}function J(e,t,n,r,i){return e({href:t.href,children:n,className:r,active:i,disabled:t.disabled||!t.href,external:t.external})}var ee=`18rem`;n(`peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0`,{variants:{variant:{default:`hover:bg-sidebar-accent hover:text-sidebar-accent-foreground`,outline:`bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]`},size:{default:`h-8 text-sm`,sm:`h-7 text-xs`,lg:`h-12 text-sm group-data-[collapsible=icon]:p-0!`}},defaultVariants:{variant:`default`,size:`default`}});var te={mobileTitle:`Sidebar`,mobileDescription:`Displays the mobile sidebar.`};function Y({side:e=`left`,variant:t=`sidebar`,collapsible:n=`offcanvas`,className:r,surfaceClassName:i,children:a,strings:o,...s}){let{isMobile:c,state:l,openMobile:u,setOpenMobile:d}=m(),f=y(te,o);return n===`none`?(0,B.jsx)(`div`,{"data-slot":`sidebar`,className:x(`flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground`,i,r),...s,children:a}):c?(0,B.jsx)(I,{open:u,onOpenChange:d,...s,children:(0,B.jsxs)(P,{"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,className:x(`w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden`,i),style:{"--sidebar-width":ee},side:e,children:[(0,B.jsxs)(N,{className:`sr-only`,children:[(0,B.jsx)(M,{children:f.mobileTitle}),(0,B.jsx)(F,{children:f.mobileDescription})]}),(0,B.jsx)(`div`,{className:`flex h-full w-full flex-col`,children:a})]})}):(0,B.jsx)(`div`,{className:`group peer sticky top-0 hidden h-full text-sidebar-foreground md:block`,"data-state":l,"data-collapsible":l===`collapsed`?n:``,"data-variant":t,"data-side":e,"data-slot":`sidebar`,children:(0,B.jsx)(`div`,{className:x(`inset-y-0 z-10 hidden h-full w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex`,e===`left`?`left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]`:`right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]`,t===`floating`||t===`inset`?`px-2 py-3 group-data-[collapsible=icon]:w-17`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l`,r),...s,children:(0,B.jsx)(`div`,{"data-sidebar":`sidebar`,className:x(`sidebar flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow-sm`,i),children:a})})})}function X({item:e}){return(0,B.jsx)(i,{tag:`span`,weight:`medium`,className:`truncate text-inherit`,children:U(e)})}function Z({navigationByGroups:e,currentUrl:t=`/`,iconMap:n={},liveBadges:r,renderLink:a,LinkComponent:o,emptySlot:l,renderItem:f,className:m}){let h=j({renderLink:a,LinkComponent:o}),g=e=>!!e&&H(t,V(e)),y=e=>{let n=-1,r=-1;for(let i=0;i<e.length;i+=1){let a=e[i],o=a?.href?V(a.href):``;o&&H(t,o)&&o.length>r&&(r=o.length,n=i)}return n},b=e=>!!e?.some(e=>g(e.href)||b(e.children)),S=(e,t=0,a=0)=>{let o=!!e.children?.length,c=g(e.href),l=o?b(e.children):!1,u=c||l,m=K(e.handle,e.badge,r),_=U(e),v={depth:t,active:c,expanded:u,badge:m,renderLink:h};if(f)return(0,B.jsx)(z.Fragment,{children:f(e,v)},W(e,a));if(o){let t=y(e.children??[]),o=(0,B.jsxs)(B.Fragment,{children:[!!e.icon&&(0,B.jsx)(q,{icon:e.icon,iconMap:n,className:`size-4`,"aria-hidden":`true`}),(0,B.jsx)(X,{item:e}),!!m&&(0,B.jsx)(G,{value:m})]});return(0,B.jsxs)(p,{children:[(0,B.jsx)(R,{isActive:u,render:e.href&&!e.disabled?J(h,e,o,void 0,u):void 0,tooltip:{children:_},disabled:e.disabled,className:x(`h-8 font-medium`,c&&`bg-sidebar-accent text-sidebar-foreground`,!c&&l&&`bg-sidebar-accent/60 text-sidebar-foreground`,e.disabled&&`cursor-not-allowed opacity-50`),children:o}),!!u&&(0,B.jsx)(d,{className:`gap-0.5`,children:e.children?.map((e,n)=>{let a=n===t||g(e.href),o=K(e.handle,e.badge,r),c=U(e),l=(0,B.jsxs)(B.Fragment,{children:[typeof c==`string`||typeof c==`number`?(0,B.jsx)(i,{tag:`span`,weight:a?`semibold`:`regular`,className:`min-w-0 flex-1 truncate text-inherit`,children:c}):c,!!o&&(0,B.jsx)(G,{value:o,size:`small`})]});return(0,B.jsx)(s,{children:(0,B.jsx)(L,{isActive:a,render:e.href&&!e.disabled?J(h,e,l,void 0,a):void 0,className:x(`w-full`,a&&`bg-transparent font-semibold text-primary`),children:l})},W(e,n))})})]},W(e,a))}let S=(0,B.jsxs)(B.Fragment,{children:[!!e.icon&&(0,B.jsx)(q,{icon:e.icon,iconMap:n,className:`size-4`,"aria-hidden":`true`}),(0,B.jsx)(X,{item:e}),!!m&&(0,B.jsx)(G,{value:m})]});return(0,B.jsx)(p,{children:(0,B.jsx)(R,{isActive:c,render:e.href&&!e.disabled?J(h,e,S,void 0,c):void 0,tooltip:{children:_},disabled:e.disabled,className:x(`h-8 font-medium`,c&&`bg-sidebar-accent text-sidebar-foreground`,e.disabled&&`cursor-not-allowed opacity-50`),children:S})},W(e,a))},C=Object.entries(e).filter(([,e])=>e.length>0);return C.length===0?l??null:(0,B.jsx)(`div`,{className:m,children:C.map(([e,t],n)=>(0,B.jsxs)(z.Fragment,{children:[(0,B.jsxs)(c,{className:`px-2 py-0`,children:[!e.startsWith(`_`)&&(0,B.jsx)(_,{children:e}),(0,B.jsx)(u,{className:`gap-0.5`,children:t.map((e,t)=>S(e,0,t))})]}),n<C.length-1&&(0,B.jsx)(v,{className:`!mx-auto !my-1.5 !w-11/12 overflow-hidden px-4`})]},e))})}function ne({logo:e,collapsedLogo:t=null,className:n}){let{state:r}=m(),i=r===`collapsed`?t:e;return i?(0,B.jsx)(`div`,{className:x(`min-w-0`,n),children:i}):null}function Q({items:e,label:t,currentUrl:n=`/`,iconMap:r={},liveBadges:a,renderLink:s,LinkComponent:l,className:d}){let m=j({renderLink:s,LinkComponent:l});return(0,B.jsxs)(c,{className:x(`group-data-[collapsible=icon]:p-0`,d),children:[!!t&&(0,B.jsx)(_,{children:t}),(0,B.jsx)(f,{children:(0,B.jsx)(u,{className:`gap-0.5`,children:e.map((e,t)=>{let s=!!e.href&&H(n,V(e.href)),c=K(e.handle,e.badge,a),l=U(e),u=(0,B.jsxs)(B.Fragment,{children:[!!e.icon&&(0,B.jsx)(q,{icon:e.icon,iconMap:r,className:`size-4`,"aria-hidden":`true`}),typeof l==`string`||typeof l==`number`?(0,B.jsx)(i,{tag:`span`,className:`truncate text-inherit`,children:l}):l,!!c&&(0,B.jsx)(G,{value:c}),!!e.external&&(0,B.jsx)(o,{className:`ml-auto size-3 opacity-50`,"aria-hidden":`true`})]});return(0,B.jsx)(p,{children:(0,B.jsx)(R,{isActive:s,render:e.href&&!e.disabled?J(m,e,u,void 0,s):void 0,className:x(`h-8 font-medium text-sidebar-foreground/70 hover:text-sidebar-accent-foreground`,s&&`bg-sidebar-accent text-sidebar-accent-foreground`),tooltip:{children:l},disabled:e.disabled,children:u})},W(e,t))})})})]})}var re={label:`Workspace`,select:`Select workspace`};function $({logo:e,collapsedLogo:t,workspaceLinks:n,renderLink:r,LinkComponent:s,strings:c,contentClassName:l}){let d=y(re,c),f=j({renderLink:r,LinkComponent:s}),{state:h}=m(),g=h===`collapsed`;return(0,B.jsx)(u,{children:(0,B.jsx)(p,{children:(0,B.jsxs)(O,{children:[(0,B.jsxs)(T,{render:(0,B.jsx)(R,{size:`lg`,className:`data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground`}),children:[(0,B.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center gap-2`,children:[g?t??e:e,!g&&(0,B.jsx)(i,{tag:`span`,size:`xs`,className:`sr-only`,children:d.select})]}),!g&&(0,B.jsx)(a,{className:`ml-auto size-4 shrink-0`,"aria-hidden":`true`})]}),(0,B.jsx)(D,{className:x(`min-w-56`,l),align:`start`,side:`right`,sideOffset:8,children:(0,B.jsxs)(w,{children:[(0,B.jsx)(E,{children:(0,B.jsx)(i,{weight:`semibold`,children:d.label})}),(0,B.jsx)(C,{}),n.map(e=>{let t=(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(e.icon??o,{className:`size-4 shrink-0`,"aria-hidden":`true`}),(0,B.jsx)(i,{tag:`span`,size:`xs`,className:`text-inherit`,children:e.label})]});return(0,B.jsx)(S,{render:f({href:e.url,external:e.external??!0,children:null,className:`flex items-center gap-2`}),children:t},e.url)})]})})]})})})}function ie({navigationGroups:e,footerNavItems:t=[],footerLabel:n,logo:r,collapsedLogo:i,workspaceLinks:a=[],workspaceStrings:o,workspaceContentClassName:s,headerClassName:c,logoClassName:u,iconMap:d,currentUrl:f=`/`,liveBadges:p,renderLink:m,LinkComponent:_,loading:v,collapsible:y=`icon`,variant:b=`sidebar`,side:S=`left`,className:C,surfaceClassName:w,contentClassName:T,slots:E,renderItem:D}){let O=t.length>0||!!E?.footer,A=v||!e,j=a.length>0;return(0,B.jsxs)(Y,{collapsible:y,variant:b,side:S,className:x(`h-svh`,C),surfaceClassName:w,children:[E?.header??(!!r&&(0,B.jsx)(l,{className:c,children:j?(0,B.jsx)($,{logo:r,collapsedLogo:i,workspaceLinks:a,strings:o,contentClassName:s,renderLink:m,LinkComponent:_}):(0,B.jsx)(ne,{logo:r,collapsedLogo:i,className:u})})),(0,B.jsx)(h,{className:T,children:(0,B.jsxs)(k,{className:`h-full pr-1.5 pt-4`,children:[E?.beforeNavigation,A?E?.loading??(0,B.jsx)(ae,{}):(0,B.jsx)(Z,{navigationByGroups:e,currentUrl:f,iconMap:d,liveBadges:p,renderLink:m,LinkComponent:_,emptySlot:E?.empty,renderItem:D}),E?.afterNavigation]})}),O&&(0,B.jsx)(g,{children:E?.footer??(0,B.jsx)(Q,{items:t,label:n,currentUrl:f,iconMap:d,liveBadges:p,renderLink:m,LinkComponent:_})})]})}function ae(){let e=[9,3,4,2,1];return(0,B.jsx)(B.Fragment,{children:e.map((t,n)=>(0,B.jsxs)(z.Fragment,{children:[(0,B.jsx)(c,{className:`px-2 py-0`,children:(0,B.jsx)(u,{className:`gap-0.5`,children:Array.from({length:t},(e,t)=>(0,B.jsx)(p,{children:(0,B.jsxs)(`div`,{className:`flex h-8 items-center gap-2 px-2`,children:[(0,B.jsx)(A,{className:`h-4 w-4 shrink-0 rounded`}),(0,B.jsx)(A,{className:`h-3.5 rounded`,style:{width:`${60+(n*7+t*13)%40}px`}})]})},t))})}),n<e.length-1&&(0,B.jsx)(v,{className:`!mx-auto !my-1 !w-11/12 overflow-hidden px-4`})]},n))})}export{Y as a,W as c,J as d,K as f,Z as i,U as l,$ as n,q as o,V as p,Q as r,G as s,ie as t,H as u};
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{c as n,o as r,p as i}from"./section-BPNIPavy.js";import{t as a}from"./chevrons-up-down-CM5mIDaw.js";import{t as o}from"./external-link-CvXhYrnd.js";import{_ as s,c,d as l,f as u,h as d,l as f,m as p,n as m,o as h,s as g,u as _,v}from"./sidebar.context-DUheJD8t.js";import{N as y,d as b,n as x}from"./index-jD-KSiHu.js";import{a as S,c as C,i as w,l as T,o as E,r as D,t as O}from"./dropdown-menu-C1G_y9dv.js";import{t as k}from"./scroll-area-BH80l2As.js";import{t as A}from"./skeleton-HSpErFqw.js";import{t as j}from"./use-layout-link-nEU6ctSs.js";import{a as M,i as N,n as P,r as F,t as I}from"./sheet-C7VWkXE1.js";import{n as L,t as R}from"./sidebar-7y9EQYWf.js";var z=e(t(),1),B=b();function V(e){if(e.startsWith(`#/`))return e.slice(1).split(`?`)[0]?.split(`#`)[0]||`/`;try{return new URL(e,`http://local.invalid`).pathname}catch{return e}}function H(e,t){let n=V(e);return n===t||n.startsWith(t+`/`)||n.startsWith(t+`?`)}function U(e){return e.label??e.title??``}function W(e,t){let n=U(e);return e.handle??e.href??(typeof n==`string`||typeof n==`number`?n:`nav-${t??0}`)}function G({value:e,size:t=`default`}){return(0,B.jsx)(r,{variant:`secondary`,className:x(`ml-auto rounded-full tabular-nums text-sidebar-foreground`,t===`small`?`h-4 min-w-4 px-1.5`:`h-5 min-w-5 px-1.5`),children:e})}function K(e,t,n){return e&&n&&n[e]!=null?n[e]:t}function q({icon:e,iconMap:t={},size:n=20,className:r=`size-4`,...i}){if(!e)return null;if(typeof e==`string`){let n=t[e];return n?(0,B.jsx)(n,{className:r}):null}return z.isValidElement(e)?z.cloneElement(e,{className:x(r,e.props.className),...i}):typeof e==`function`||typeof e==`object`&&e&&`$$typeof`in e?(0,B.jsx)(e,{className:r,width:n,height:n,...i}):null}function J(e,t,n,r,i){return e({href:t.href,children:n,className:r,active:i,disabled:t.disabled||!t.href,external:t.external})}var ee=`18rem`;n(`peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0`,{variants:{variant:{default:`hover:bg-sidebar-accent hover:text-sidebar-accent-foreground`,outline:`bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]`},size:{default:`h-8 text-sm`,sm:`h-7 text-xs`,lg:`h-12 text-sm group-data-[collapsible=icon]:p-0!`}},defaultVariants:{variant:`default`,size:`default`}});var te={mobileTitle:`Sidebar`,mobileDescription:`Displays the mobile sidebar.`};function Y({side:e=`left`,variant:t=`sidebar`,collapsible:n=`offcanvas`,className:r,surfaceClassName:i,children:a,strings:o,...s}){let{isMobile:c,state:l,openMobile:u,setOpenMobile:d}=m(),f=y(te,o);return n===`none`?(0,B.jsx)(`div`,{"data-slot":`sidebar`,className:x(`flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground`,i,r),...s,children:a}):c?(0,B.jsx)(I,{open:u,onOpenChange:d,...s,children:(0,B.jsxs)(P,{"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,className:x(`w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden`,i),style:{"--sidebar-width":ee},side:e,children:[(0,B.jsxs)(N,{className:`sr-only`,children:[(0,B.jsx)(M,{children:f.mobileTitle}),(0,B.jsx)(F,{children:f.mobileDescription})]}),(0,B.jsx)(`div`,{className:`flex h-full w-full flex-col`,children:a})]})}):(0,B.jsx)(`div`,{className:`group peer sticky top-0 hidden h-full text-sidebar-foreground md:block`,"data-state":l,"data-collapsible":l===`collapsed`?n:``,"data-variant":t,"data-side":e,"data-slot":`sidebar`,children:(0,B.jsx)(`div`,{className:x(`inset-y-0 z-10 hidden h-full w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex`,e===`left`?`left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]`:`right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]`,t===`floating`||t===`inset`?`px-2 py-3 group-data-[collapsible=icon]:w-17`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l`,r),...s,children:(0,B.jsx)(`div`,{"data-sidebar":`sidebar`,className:x(`sidebar flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow-sm`,i),children:a})})})}function X({item:e}){return(0,B.jsx)(i,{tag:`span`,weight:`medium`,className:`truncate text-inherit`,children:U(e)})}function Z({navigationByGroups:e,currentUrl:t=`/`,iconMap:n={},liveBadges:r,renderLink:a,LinkComponent:o,emptySlot:l,renderItem:f,className:m}){let h=j({renderLink:a,LinkComponent:o}),g=e=>!!e&&H(t,V(e)),y=e=>{let n=-1,r=-1;for(let i=0;i<e.length;i+=1){let a=e[i],o=a?.href?V(a.href):``;o&&H(t,o)&&o.length>r&&(r=o.length,n=i)}return n},b=e=>!!e?.some(e=>g(e.href)||b(e.children)),S=(e,t=0,a=0)=>{let o=!!e.children?.length,c=g(e.href),l=o?b(e.children):!1,u=c||l,m=K(e.handle,e.badge,r),_=U(e),v={depth:t,active:c,expanded:u,badge:m,renderLink:h};if(f)return(0,B.jsx)(z.Fragment,{children:f(e,v)},W(e,a));if(o){let t=y(e.children??[]),o=(0,B.jsxs)(B.Fragment,{children:[!!e.icon&&(0,B.jsx)(q,{icon:e.icon,iconMap:n,className:`size-4`,"aria-hidden":`true`}),(0,B.jsx)(X,{item:e}),!!m&&(0,B.jsx)(G,{value:m})]});return(0,B.jsxs)(p,{children:[(0,B.jsx)(R,{isActive:u,render:e.href&&!e.disabled?J(h,e,o,void 0,u):void 0,tooltip:{children:_},disabled:e.disabled,className:x(`h-8 font-medium`,c&&`bg-sidebar-accent text-sidebar-foreground`,!c&&l&&`bg-sidebar-accent/60 text-sidebar-foreground`,e.disabled&&`cursor-not-allowed opacity-50`),children:o}),!!u&&(0,B.jsx)(d,{className:`gap-0.5`,children:e.children?.map((e,n)=>{let a=n===t||g(e.href),o=K(e.handle,e.badge,r),c=U(e),l=(0,B.jsxs)(B.Fragment,{children:[typeof c==`string`||typeof c==`number`?(0,B.jsx)(i,{tag:`span`,weight:a?`semibold`:`regular`,className:`min-w-0 flex-1 truncate text-inherit`,children:c}):c,!!o&&(0,B.jsx)(G,{value:o,size:`small`})]});return(0,B.jsx)(s,{children:(0,B.jsx)(L,{isActive:a,render:e.href&&!e.disabled?J(h,e,l,void 0,a):void 0,className:x(`w-full`,a&&`bg-transparent font-semibold text-primary`),children:l})},W(e,n))})})]},W(e,a))}let S=(0,B.jsxs)(B.Fragment,{children:[!!e.icon&&(0,B.jsx)(q,{icon:e.icon,iconMap:n,className:`size-4`,"aria-hidden":`true`}),(0,B.jsx)(X,{item:e}),!!m&&(0,B.jsx)(G,{value:m})]});return(0,B.jsx)(p,{children:(0,B.jsx)(R,{isActive:c,render:e.href&&!e.disabled?J(h,e,S,void 0,c):void 0,tooltip:{children:_},disabled:e.disabled,className:x(`h-8 font-medium`,c&&`bg-sidebar-accent text-sidebar-foreground`,e.disabled&&`cursor-not-allowed opacity-50`),children:S})},W(e,a))},C=Object.entries(e).filter(([,e])=>e.length>0);return C.length===0?l??null:(0,B.jsx)(`div`,{className:m,children:C.map(([e,t],n)=>(0,B.jsxs)(z.Fragment,{children:[(0,B.jsxs)(c,{className:`px-2 py-0`,children:[!e.startsWith(`_`)&&(0,B.jsx)(_,{children:e}),(0,B.jsx)(u,{className:`gap-0.5`,children:t.map((e,t)=>S(e,0,t))})]}),n<C.length-1&&(0,B.jsx)(v,{className:`!mx-auto !my-1.5 !w-11/12 overflow-hidden px-4`})]},e))})}function ne({logo:e,collapsedLogo:t=null,className:n}){let{state:r}=m(),i=r===`collapsed`?t:e;return i?(0,B.jsx)(`div`,{className:x(`min-w-0`,n),children:i}):null}function Q({items:e,label:t,currentUrl:n=`/`,iconMap:r={},liveBadges:a,renderLink:s,LinkComponent:l,className:d}){let m=j({renderLink:s,LinkComponent:l});return(0,B.jsxs)(c,{className:x(`group-data-[collapsible=icon]:p-0`,d),children:[!!t&&(0,B.jsx)(_,{children:t}),(0,B.jsx)(f,{children:(0,B.jsx)(u,{className:`gap-0.5`,children:e.map((e,t)=>{let s=!!e.href&&H(n,V(e.href)),c=K(e.handle,e.badge,a),l=U(e),u=(0,B.jsxs)(B.Fragment,{children:[!!e.icon&&(0,B.jsx)(q,{icon:e.icon,iconMap:r,className:`size-4`,"aria-hidden":`true`}),typeof l==`string`||typeof l==`number`?(0,B.jsx)(i,{tag:`span`,className:`truncate text-inherit`,children:l}):l,!!c&&(0,B.jsx)(G,{value:c}),!!e.external&&(0,B.jsx)(o,{className:`ml-auto size-3 opacity-50`,"aria-hidden":`true`})]});return(0,B.jsx)(p,{children:(0,B.jsx)(R,{isActive:s,render:e.href&&!e.disabled?J(m,e,u,void 0,s):void 0,className:x(`h-8 font-medium text-sidebar-foreground/70 hover:text-sidebar-accent-foreground`,s&&`bg-sidebar-accent text-sidebar-accent-foreground`),tooltip:{children:l},disabled:e.disabled,children:u})},W(e,t))})})})]})}var re={label:`Workspace`,select:`Select workspace`};function $({logo:e,collapsedLogo:t,workspaceLinks:n,renderLink:r,LinkComponent:s,strings:c,contentClassName:l}){let d=y(re,c),f=j({renderLink:r,LinkComponent:s}),{state:h}=m(),g=h===`collapsed`;return(0,B.jsx)(u,{children:(0,B.jsx)(p,{children:(0,B.jsxs)(O,{children:[(0,B.jsxs)(T,{render:(0,B.jsx)(R,{size:`lg`,className:`data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground`}),children:[(0,B.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center gap-2`,children:[g?t??e:e,!g&&(0,B.jsx)(i,{tag:`span`,size:`xs`,className:`sr-only`,children:d.select})]}),!g&&(0,B.jsx)(a,{className:`ml-auto size-4 shrink-0`,"aria-hidden":`true`})]}),(0,B.jsx)(D,{className:x(`min-w-56`,l),align:`start`,side:`right`,sideOffset:8,children:(0,B.jsxs)(w,{children:[(0,B.jsx)(E,{children:(0,B.jsx)(i,{weight:`semibold`,children:d.label})}),(0,B.jsx)(C,{}),n.map(e=>{let t=(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(e.icon??o,{className:`size-4 shrink-0`,"aria-hidden":`true`}),(0,B.jsx)(i,{tag:`span`,size:`xs`,className:`text-inherit`,children:e.label})]});return(0,B.jsx)(S,{render:f({href:e.url,external:e.external??!0,children:null,className:`flex items-center gap-2`}),children:t},e.url)})]})})]})})})}function ie({navigationGroups:e,footerNavItems:t=[],footerLabel:n,logo:r,collapsedLogo:i,workspaceLinks:a=[],workspaceStrings:o,workspaceContentClassName:s,headerClassName:c,logoClassName:u,iconMap:d,currentUrl:f=`/`,liveBadges:p,renderLink:m,LinkComponent:_,loading:v,collapsible:y=`icon`,variant:b=`sidebar`,side:S=`left`,className:C,surfaceClassName:w,contentClassName:T,slots:E,renderItem:D}){let O=t.length>0||!!E?.footer,A=v||!e,j=a.length>0;return(0,B.jsxs)(Y,{collapsible:y,variant:b,side:S,className:x(`h-svh`,C),surfaceClassName:w,children:[E?.header??(!!r&&(0,B.jsx)(l,{className:c,children:j?(0,B.jsx)($,{logo:r,collapsedLogo:i,workspaceLinks:a,strings:o,contentClassName:s,renderLink:m,LinkComponent:_}):(0,B.jsx)(ne,{logo:r,collapsedLogo:i,className:u})})),(0,B.jsx)(h,{className:T,children:(0,B.jsxs)(k,{className:`h-full pr-1.5 pt-4`,children:[E?.beforeNavigation,A?E?.loading??(0,B.jsx)(ae,{}):(0,B.jsx)(Z,{navigationByGroups:e,currentUrl:f,iconMap:d,liveBadges:p,renderLink:m,LinkComponent:_,emptySlot:E?.empty,renderItem:D}),E?.afterNavigation]})}),O&&(0,B.jsx)(g,{children:E?.footer??(0,B.jsx)(Q,{items:t,label:n,currentUrl:f,iconMap:d,liveBadges:p,renderLink:m,LinkComponent:_})})]})}function ae(){let e=[9,3,4,2,1];return(0,B.jsx)(B.Fragment,{children:e.map((t,n)=>(0,B.jsxs)(z.Fragment,{children:[(0,B.jsx)(c,{className:`px-2 py-0`,children:(0,B.jsx)(u,{className:`gap-0.5`,children:Array.from({length:t},(e,t)=>(0,B.jsx)(p,{children:(0,B.jsxs)(`div`,{className:`flex h-8 items-center gap-2 px-2`,children:[(0,B.jsx)(A,{className:`h-4 w-4 shrink-0 rounded`}),(0,B.jsx)(A,{className:`h-3.5 rounded`,style:{width:`${60+(n*7+t*13)%40}px`}})]})},t))})}),n<e.length-1&&(0,B.jsx)(v,{className:`!mx-auto !my-1 !w-11/12 overflow-hidden px-4`})]},n))})}export{Y as a,W as c,J as d,K as f,Z as i,U as l,$ as n,q as o,V as p,Q as r,G as s,ie as t,H as u};

package/dist/showcase/assets/arrow-down-qyKZ1H5j.js

@@ -0,0 +1 @@
+import{l as e}from"./index-jD-KSiHu.js";var t=e(`arrow-down`,[[`path`,{d:`M12 5v14`,key:`s699le`}],[`path`,{d:`m19 12-7 7-7-7`,key:`1idqje`}]]);export{t};

package/dist/showcase/assets/arrow-left-C9I0h_su.js

@@ -0,0 +1 @@
+import{l as e}from"./index-jD-KSiHu.js";var t=e(`arrow-left`,[[`path`,{d:`m12 19-7-7 7-7`,key:`1l729n`}],[`path`,{d:`M19 12H5`,key:`x3x0zl`}]]);export{t};

package/dist/showcase/assets/arrow-right-DswaRsr6.js

@@ -0,0 +1 @@
+import{l as e}from"./index-jD-KSiHu.js";var t=e(`arrow-right`,[[`path`,{d:`M5 12h14`,key:`1ays0h`}],[`path`,{d:`m12 5 7 7-7 7`,key:`xquz4c`}]]);export{t};

package/dist/showcase/assets/arrow-up-5BijPOxK.js

@@ -0,0 +1 @@
+import{l as e}from"./index-jD-KSiHu.js";var t=e(`arrow-up`,[[`path`,{d:`m5 12 7-7 7 7`,key:`hav0vg`}],[`path`,{d:`M12 19V5`,key:`x0mq9r`}]]);export{t};

package/dist/showcase/assets/arrow-up-right-CbVVNT6g.js

@@ -0,0 +1 @@
+import{l as e}from"./index-jD-KSiHu.js";var t=e(`arrow-up-right`,[[`path`,{d:`M7 7h10v10`,key:`1tivn9`}],[`path`,{d:`M7 17 17 7`,key:`1vkiza`}]]);export{t};

package/dist/showcase/assets/{avatar-Bv9x1eBh.js → avatar-BYHVCvVW.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,t as r}from"./section-Dd6X6IKg.js";import{t as i}from"./example-Rrx9vj75.js";import{t as a}from"./circle-check-BPhdxh7K.js";import{d as o}from"./index-o71HAmc3.js";import{t as s}from"./props-table-C6gPyO49.js";import{o as c,r as l,t as u}from"./avatar-D29-FL5U.js";import{t as d}from"./stacked-avatars-DOAFRjmZ.js";import{c as f,i as p,n as m,r as h,t as g,u as _}from"./item-Oe2aHuvr.js";import{t as v}from"./customers-DvBxRjHv.js";var y=e({AvatarSizes:()=>x,RealisticUserCard:()=>C,StackedAvatarsExample:()=>S}),b=o();function x(){return(0,b.jsxs)(`div`,{className:`flex items-end gap-space-md`,children:[(0,b.jsxs)(u,{size:`small`,children:[(0,b.jsx)(c,{src:`https://api.dicebear.com/7.x/avataaars/svg?seed=sarah`}),(0,b.jsx)(l,{children:`SS`})]}),(0,b.jsx)(u,{children:(0,b.jsx)(l,{children:`ML`})}),(0,b.jsxs)(u,{className:`size-avatar`,children:[(0,b.jsx)(c,{src:`https://api.dicebear.com/7.x/avataaars/svg?seed=aiko`}),(0,b.jsx)(l,{children:`AT`})]}),(0,b.jsx)(u,{className:`size-avatar-lg`,children:(0,b.jsx)(l,{children:`DR`})})]})}function S(){return(0,b.jsx)(d,{users:v.slice(0,5).map(e=>({id:e.id,name:e.name,imageUrl:`https://api.dicebear.com/7.x/avataaars/svg?seed=${e.avatarSeed}`})),max:3})}function C(){let e=v[0];return(0,b.jsxs)(g,{variant:`outline`,className:`w-full max-w-md`,children:[(0,b.jsx)(f,{variant:`avatar`,children:(0,b.jsxs)(u,{className:`size-avatar-lg`,children:[(0,b.jsx)(c,{src:`https://api.dicebear.com/7.x/avataaars/svg?seed=${e.avatarSeed}`}),(0,b.jsx)(l,{children:e.name.split(` `).map(e=>e[0]).join(``)})]})}),(0,b.jsxs)(h,{children:[(0,b.jsx)(_,{children:e.name}),(0,b.jsx)(p,{clamp:1,children:e.email})]}),(0,b.jsx)(m,{children:(0,b.jsxs)(n,{variant:`success`,className:`whitespace-nowrap`,children:[(0,b.jsx)(a,{className:`size-icon-sm`}),`Verified`]})})]})}var w=`import { CheckCircle2 } from 'lucide-react';
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,t as r}from"./section-BPNIPavy.js";import{t as i}from"./example-CJMJcnb4.js";import{t as a}from"./circle-check-C0X85t4j.js";import{d as o}from"./index-jD-KSiHu.js";import{t as s}from"./props-table-DoDq8Mvr.js";import{o as c,r as l,t as u}from"./avatar-BlLAVC87.js";import{t as d}from"./stacked-avatars-CHEpTotO.js";import{c as f,i as p,n as m,r as h,t as g,u as _}from"./item-ffIfXEGd.js";import{t as v}from"./customers-DvBxRjHv.js";var y=e({AvatarSizes:()=>x,RealisticUserCard:()=>C,StackedAvatarsExample:()=>S}),b=o();function x(){return(0,b.jsxs)(`div`,{className:`flex items-end gap-space-md`,children:[(0,b.jsxs)(u,{size:`small`,children:[(0,b.jsx)(c,{src:`https://api.dicebear.com/7.x/avataaars/svg?seed=sarah`}),(0,b.jsx)(l,{children:`SS`})]}),(0,b.jsx)(u,{children:(0,b.jsx)(l,{children:`ML`})}),(0,b.jsxs)(u,{className:`size-avatar`,children:[(0,b.jsx)(c,{src:`https://api.dicebear.com/7.x/avataaars/svg?seed=aiko`}),(0,b.jsx)(l,{children:`AT`})]}),(0,b.jsx)(u,{className:`size-avatar-lg`,children:(0,b.jsx)(l,{children:`DR`})})]})}function S(){return(0,b.jsx)(d,{users:v.slice(0,5).map(e=>({id:e.id,name:e.name,imageUrl:`https://api.dicebear.com/7.x/avataaars/svg?seed=${e.avatarSeed}`})),max:3})}function C(){let e=v[0];return(0,b.jsxs)(g,{variant:`outline`,className:`w-full max-w-md`,children:[(0,b.jsx)(f,{variant:`avatar`,children:(0,b.jsxs)(u,{className:`size-avatar-lg`,children:[(0,b.jsx)(c,{src:`https://api.dicebear.com/7.x/avataaars/svg?seed=${e.avatarSeed}`}),(0,b.jsx)(l,{children:e.name.split(` `).map(e=>e[0]).join(``)})]})}),(0,b.jsxs)(h,{children:[(0,b.jsx)(_,{children:e.name}),(0,b.jsx)(p,{clamp:1,children:e.email})]}),(0,b.jsx)(m,{children:(0,b.jsxs)(n,{variant:`success`,className:`whitespace-nowrap`,children:[(0,b.jsx)(a,{className:`size-icon-sm`}),`Verified`]})})]})}var w=`import { CheckCircle2 } from 'lucide-react';
 
 import { Badge } from '@/components/base/badge';
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/base/display/avatar';

package/dist/showcase/assets/{avatar-D29-FL5U.js → avatar-BlLAVC87.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{d as n,n as r}from"./index-o71HAmc3.js";import{a as i,i as a,n as o,o as s,r as c,t as l}from"./avatar-BEvs3dD_.js";var u=e(t(),1),d=n(),f={small:`size-avatar-sm`,default:`size-avatar`};function p(e){return e===`small`||e==="default"?e:e===`xs`||e===`sm`?`small`:`default`}function m(e){return e===`small`?`sm`:`default`}var h=u.forwardRef(({size:e=`default`,className:t,...n},i)=>{let a=p(e);return(0,d.jsx)(l,{ref:i,size:m(a),"data-scale":a,className:r(`avatar--component`,f[a],t),...n})});h.displayName=`Avatar`;var g=u.forwardRef(({className:e,...t},n)=>(0,d.jsx)(s,{ref:n,className:r(`avatar--image`,e),...t}));g.displayName=`AvatarImage`;var _=u.forwardRef(({className:e,...t},n)=>(0,d.jsx)(c,{ref:n,className:r(`avatar--fallback text-xs font-medium leading-none`,e),...t}));_.displayName=`AvatarFallback`;var v=u.forwardRef(({className:e,...t},n)=>(0,d.jsx)(o,{ref:n,className:r(`avatar--badge`,e),...t}));v.displayName=`AvatarBadge`;var y=u.forwardRef(({className:e,...t},n)=>(0,d.jsx)(a,{ref:n,className:r(`avatar-group--component`,e),...t}));y.displayName=`AvatarGroup`;var b=u.forwardRef(({className:e,...t},n)=>(0,d.jsx)(i,{ref:n,className:r(`avatar-group-count--component size-avatar text-xs`,`group-has-data-[size=sm]/avatar-group:size-avatar-sm`,e),...t}));b.displayName=`AvatarGroupCount`;export{b as a,y as i,v as n,g as o,_ as r,h as t};
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{d as n,n as r}from"./index-jD-KSiHu.js";import{a as i,i as a,n as o,o as s,r as c,t as l}from"./avatar-DQTXjcS4.js";var u=e(t(),1),d=n(),f={small:`size-avatar-sm`,default:`size-avatar`};function p(e){return e===`small`||e==="default"?e:e===`xs`||e===`sm`?`small`:`default`}function m(e){return e===`small`?`sm`:`default`}var h=u.forwardRef(({size:e=`default`,className:t,...n},i)=>{let a=p(e);return(0,d.jsx)(l,{ref:i,size:m(a),"data-scale":a,className:r(`avatar--component`,f[a],t),...n})});h.displayName=`Avatar`;var g=u.forwardRef(({className:e,...t},n)=>(0,d.jsx)(s,{ref:n,className:r(`avatar--image`,e),...t}));g.displayName=`AvatarImage`;var _=u.forwardRef(({className:e,...t},n)=>(0,d.jsx)(c,{ref:n,className:r(`avatar--fallback text-xs font-medium leading-none`,e),...t}));_.displayName=`AvatarFallback`;var v=u.forwardRef(({className:e,...t},n)=>(0,d.jsx)(o,{ref:n,className:r(`avatar--badge`,e),...t}));v.displayName=`AvatarBadge`;var y=u.forwardRef(({className:e,...t},n)=>(0,d.jsx)(a,{ref:n,className:r(`avatar-group--component`,e),...t}));y.displayName=`AvatarGroup`;var b=u.forwardRef(({className:e,...t},n)=>(0,d.jsx)(i,{ref:n,className:r(`avatar-group-count--component size-avatar text-xs`,`group-has-data-[size=sm]/avatar-group:size-avatar-sm`,e),...t}));b.displayName=`AvatarGroupCount`;export{b as a,y as i,v as n,g as o,_ as r,h as t};

package/dist/showcase/assets/{avatar-BEvs3dD_.js → avatar-DQTXjcS4.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{K as n,X as r,Y as i,Yn as a,fr as o,hr as s,mr as c,nr as l,or as u}from"./example-Rrx9vj75.js";import{d,n as f}from"./index-o71HAmc3.js";var p=e(t(),1),m=p.createContext(void 0);function h(){let e=p.useContext(m);if(e===void 0)throw Error(o(13));return e}var g={imageLoadingStatus:()=>null},_=d(),v=p.forwardRef(function(e,t){let{className:n,render:r,style:i,...a}=e,[o,s]=p.useState(`idle`),c={imageLoadingStatus:o},u=p.useMemo(()=>({imageLoadingStatus:o,setImageLoadingStatus:s}),[o,s]),d=l(`span`,e,{state:c,ref:t,props:a,stateAttributesMapping:g});return(0,_.jsx)(m.Provider,{value:u,children:d})});function y(e,{referrerPolicy:t,crossOrigin:n,sizes:r,srcSet:i}){let[a,o]=p.useState(`idle`);return c(()=>{if(!e&&!i)return o(`error`),u;let a=!0,s=new window.Image,c=e=>()=>{a&&o(e)};return o(`loading`),s.onload=c(`loaded`),s.onerror=c(`error`),t&&(s.referrerPolicy=t),s.crossOrigin=n??null,r&&(s.sizes=r),i&&(s.srcset=i),e&&(s.src=e),s.complete&&o(s.naturalWidth>0?`loaded`:`error`),()=>{a=!1}},[e,i,r,n,t]),a}var b={...g,...i},x=p.forwardRef(function(e,t){let{className:i,render:a,onLoadingStatusChange:o,style:u,...d}=e,{setImageLoadingStatus:f}=h(),m=y(d.src,d),g=m===`loaded`,{mounted:_,transitionStatus:v,setMounted:x}=r(g),S=p.useRef(null),C=s(e=>{o?.(e),f(e)});c(()=>{m!==`idle`&&C(m)},[m,C]),c(()=>()=>f(`idle`),[f]),n({open:g,ref:S,onComplete(){g||x(!1)}});let w=l(`img`,e,{state:{imageLoadingStatus:m,transitionStatus:v},ref:[t,S],props:d,stateAttributesMapping:b,enabled:_});return _?w:null}),S=p.forwardRef(function(e,t){let{className:n,render:r,delay:i,style:o,...s}=e,{imageLoadingStatus:c}=h(),[u,d]=p.useState(i===void 0),f=a();return p.useEffect(()=>(i===void 0?d(!0):f.start(i,()=>d(!0)),f.clear),[f,i]),l(`span`,e,{state:{imageLoadingStatus:c},ref:t,props:s,stateAttributesMapping:g,enabled:c!==`loaded`&&(i===void 0||u)})});function C({className:e,size:t=`default`,...n}){return(0,_.jsx)(v,{"data-slot":`avatar`,"data-size":t,className:f(`size-8 rounded-full after:rounded-full data-[size=lg]:size-10 data-[size=sm]:size-6 after:border-border group/avatar relative flex shrink-0 select-none after:absolute after:inset-0 after:border after:mix-blend-darken dark:after:mix-blend-lighten`,e),...n})}function w({className:e,...t}){return(0,_.jsx)(x,{"data-slot":`avatar-image`,className:f(`rounded-full aspect-square size-full object-cover`,e),...t})}function T({className:e,...t}){return(0,_.jsx)(S,{"data-slot":`avatar-fallback`,className:f(`bg-muted text-muted-foreground rounded-full flex size-full items-center justify-center text-sm group-data-[size=sm]/avatar:text-xs`,e),...t})}function E({className:e,...t}){return(0,_.jsx)(`span`,{"data-slot":`avatar-badge`,className:f(`bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 select-none`,`group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden`,`group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2`,`group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2`,e),...t})}function D({className:e,...t}){return(0,_.jsx)(`div`,{"data-slot":`avatar-group`,className:f(`*:data-[slot=avatar]:ring-background group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2`,e),...t})}function O({className:e,...t}){return(0,_.jsx)(`div`,{"data-slot":`avatar-group-count`,className:f(`bg-muted text-muted-foreground size-8 rounded-full text-sm group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3 ring-background relative flex shrink-0 items-center justify-center ring-2`,e),...t})}export{O as a,D as i,E as n,w as o,T as r,C as t};
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{K as n,X as r,Y as i,Yn as a,fr as o,hr as s,mr as c,nr as l,or as u}from"./example-CJMJcnb4.js";import{d,n as f}from"./index-jD-KSiHu.js";var p=e(t(),1),m=p.createContext(void 0);function h(){let e=p.useContext(m);if(e===void 0)throw Error(o(13));return e}var g={imageLoadingStatus:()=>null},_=d(),v=p.forwardRef(function(e,t){let{className:n,render:r,style:i,...a}=e,[o,s]=p.useState(`idle`),c={imageLoadingStatus:o},u=p.useMemo(()=>({imageLoadingStatus:o,setImageLoadingStatus:s}),[o,s]),d=l(`span`,e,{state:c,ref:t,props:a,stateAttributesMapping:g});return(0,_.jsx)(m.Provider,{value:u,children:d})});function y(e,{referrerPolicy:t,crossOrigin:n,sizes:r,srcSet:i}){let[a,o]=p.useState(`idle`);return c(()=>{if(!e&&!i)return o(`error`),u;let a=!0,s=new window.Image,c=e=>()=>{a&&o(e)};return o(`loading`),s.onload=c(`loaded`),s.onerror=c(`error`),t&&(s.referrerPolicy=t),s.crossOrigin=n??null,r&&(s.sizes=r),i&&(s.srcset=i),e&&(s.src=e),s.complete&&o(s.naturalWidth>0?`loaded`:`error`),()=>{a=!1}},[e,i,r,n,t]),a}var b={...g,...i},x=p.forwardRef(function(e,t){let{className:i,render:a,onLoadingStatusChange:o,style:u,...d}=e,{setImageLoadingStatus:f}=h(),m=y(d.src,d),g=m===`loaded`,{mounted:_,transitionStatus:v,setMounted:x}=r(g),S=p.useRef(null),C=s(e=>{o?.(e),f(e)});c(()=>{m!==`idle`&&C(m)},[m,C]),c(()=>()=>f(`idle`),[f]),n({open:g,ref:S,onComplete(){g||x(!1)}});let w=l(`img`,e,{state:{imageLoadingStatus:m,transitionStatus:v},ref:[t,S],props:d,stateAttributesMapping:b,enabled:_});return _?w:null}),S=p.forwardRef(function(e,t){let{className:n,render:r,delay:i,style:o,...s}=e,{imageLoadingStatus:c}=h(),[u,d]=p.useState(i===void 0),f=a();return p.useEffect(()=>(i===void 0?d(!0):f.start(i,()=>d(!0)),f.clear),[f,i]),l(`span`,e,{state:{imageLoadingStatus:c},ref:t,props:s,stateAttributesMapping:g,enabled:c!==`loaded`&&(i===void 0||u)})});function C({className:e,size:t=`default`,...n}){return(0,_.jsx)(v,{"data-slot":`avatar`,"data-size":t,className:f(`size-8 rounded-full after:rounded-full data-[size=lg]:size-10 data-[size=sm]:size-6 after:border-border group/avatar relative flex shrink-0 select-none after:absolute after:inset-0 after:border after:mix-blend-darken dark:after:mix-blend-lighten`,e),...n})}function w({className:e,...t}){return(0,_.jsx)(x,{"data-slot":`avatar-image`,className:f(`rounded-full aspect-square size-full object-cover`,e),...t})}function T({className:e,...t}){return(0,_.jsx)(S,{"data-slot":`avatar-fallback`,className:f(`bg-muted text-muted-foreground rounded-full flex size-full items-center justify-center text-sm group-data-[size=sm]/avatar:text-xs`,e),...t})}function E({className:e,...t}){return(0,_.jsx)(`span`,{"data-slot":`avatar-badge`,className:f(`bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 select-none`,`group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden`,`group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2`,`group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2`,e),...t})}function D({className:e,...t}){return(0,_.jsx)(`div`,{"data-slot":`avatar-group`,className:f(`*:data-[slot=avatar]:ring-background group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2`,e),...t})}function O({className:e,...t}){return(0,_.jsx)(`div`,{"data-slot":`avatar-group-count`,className:f(`bg-muted text-muted-foreground size-8 rounded-full text-sm group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3 ring-background relative flex shrink-0 items-center justify-center ring-2`,e),...t})}export{O as a,D as i,E as n,w as o,T as r,C as t};

package/dist/showcase/assets/{avatar-CC3R0R-x.js → avatar-DveZy09C.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-Dd6X6IKg.js";import{t as r}from"./example-Rrx9vj75.js";import{d as i}from"./index-o71HAmc3.js";import{a,i as o,n as s,o as c,r as l,t as u}from"./avatar-BEvs3dD_.js";import{n as d}from"./PreviewLayout-CBTybzKu.js";var f=e({Group:()=>_,Sizes:()=>m,WithBadge:()=>g,WithImageFallback:()=>h}),p=i();function m(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(d,{children:[(0,p.jsx)(u,{size:`sm`,children:(0,p.jsx)(l,{children:`SM`})}),(0,p.jsx)(u,{children:(0,p.jsx)(l,{children:`MD`})}),(0,p.jsx)(u,{size:`lg`,children:(0,p.jsx)(l,{children:`LG`})})]})})}function h(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(d,{children:[(0,p.jsxs)(u,{children:[(0,p.jsx)(c,{src:`https://i.pravatar.cc/64?img=1`}),(0,p.jsx)(l,{children:`U1`})]}),(0,p.jsxs)(u,{children:[(0,p.jsx)(c,{src:`https://i.pravatar.cc/64?img=12`}),(0,p.jsx)(l,{children:`U2`})]}),(0,p.jsxs)(u,{children:[(0,p.jsx)(c,{src:`/__missing__.png`}),(0,p.jsx)(l,{children:`JD`})]})]})})}function g(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(d,{children:[(0,p.jsxs)(u,{children:[(0,p.jsx)(l,{children:`EM`}),(0,p.jsx)(s,{className:`bg-info`,children:``})]}),(0,p.jsxs)(u,{size:`lg`,children:[(0,p.jsx)(l,{children:`SP`}),(0,p.jsx)(s,{className:`bg-warning`,children:``})]})]})})}function _(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(o,{children:[(0,p.jsx)(u,{children:(0,p.jsx)(l,{children:`VP`})}),(0,p.jsx)(u,{children:(0,p.jsx)(l,{children:`SM`})}),(0,p.jsx)(u,{children:(0,p.jsx)(l,{children:`KD`})}),(0,p.jsx)(a,{children:`+3`})]})})}var v=`import { Avatar, AvatarFallback, AvatarImage, AvatarGroup, AvatarGroupCount, AvatarBadge } from '@/components/ui/avatar';
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-BPNIPavy.js";import{t as r}from"./example-CJMJcnb4.js";import{d as i}from"./index-jD-KSiHu.js";import{a,i as o,n as s,o as c,r as l,t as u}from"./avatar-DQTXjcS4.js";import{n as d}from"./PreviewLayout-B_l930k0.js";var f=e({Group:()=>_,Sizes:()=>m,WithBadge:()=>g,WithImageFallback:()=>h}),p=i();function m(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(d,{children:[(0,p.jsx)(u,{size:`sm`,children:(0,p.jsx)(l,{children:`SM`})}),(0,p.jsx)(u,{children:(0,p.jsx)(l,{children:`MD`})}),(0,p.jsx)(u,{size:`lg`,children:(0,p.jsx)(l,{children:`LG`})})]})})}function h(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(d,{children:[(0,p.jsxs)(u,{children:[(0,p.jsx)(c,{src:`https://i.pravatar.cc/64?img=1`}),(0,p.jsx)(l,{children:`U1`})]}),(0,p.jsxs)(u,{children:[(0,p.jsx)(c,{src:`https://i.pravatar.cc/64?img=12`}),(0,p.jsx)(l,{children:`U2`})]}),(0,p.jsxs)(u,{children:[(0,p.jsx)(c,{src:`/__missing__.png`}),(0,p.jsx)(l,{children:`JD`})]})]})})}function g(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(d,{children:[(0,p.jsxs)(u,{children:[(0,p.jsx)(l,{children:`EM`}),(0,p.jsx)(s,{className:`bg-info`,children:``})]}),(0,p.jsxs)(u,{size:`lg`,children:[(0,p.jsx)(l,{children:`SP`}),(0,p.jsx)(s,{className:`bg-warning`,children:``})]})]})})}function _(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(o,{children:[(0,p.jsx)(u,{children:(0,p.jsx)(l,{children:`VP`})}),(0,p.jsx)(u,{children:(0,p.jsx)(l,{children:`SM`})}),(0,p.jsx)(u,{children:(0,p.jsx)(l,{children:`KD`})}),(0,p.jsx)(a,{children:`+3`})]})})}var v=`import { Avatar, AvatarFallback, AvatarImage, AvatarGroup, AvatarGroupCount, AvatarBadge } from '@/components/ui/avatar';
 import { Row } from '../../PreviewLayout';
 
 export function Sizes() {

package/dist/showcase/assets/{badge-B1YIk7bi.js → badge-Bth3mRTh.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,t as r}from"./section-Dd6X6IKg.js";import{t as i}from"./example-Rrx9vj75.js";import{d as a}from"./index-o71HAmc3.js";import{t as o}from"./props-table-C6gPyO49.js";var s=e({Default:()=>l,Variants:()=>u,WithDot:()=>d}),c=a();function l(){return(0,c.jsx)(n,{children:`New`})}function u(){return(0,c.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,c.jsx)(n,{variant:`primary`,children:`Primary`}),(0,c.jsx)(n,{variant:`success`,children:`Success`}),(0,c.jsx)(n,{variant:`warning`,children:`Warning`}),(0,c.jsx)(n,{variant:`destructive`,children:`Destructive`}),(0,c.jsx)(n,{variant:`info`,children:`Info`}),(0,c.jsx)(n,{variant:`secondary`,children:`Secondary`})]})}function d(){return(0,c.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,c.jsx)(n,{variant:`success`,dot:!0,children:`Live`}),(0,c.jsx)(n,{variant:`warning`,dot:!0,pending:!0,children:`Pending`})]})}var f=`import { Badge } from '@/components/base/badge';
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,t as r}from"./section-BPNIPavy.js";import{t as i}from"./example-CJMJcnb4.js";import{d as a}from"./index-jD-KSiHu.js";import{t as o}from"./props-table-DoDq8Mvr.js";var s=e({Default:()=>l,Variants:()=>u,WithDot:()=>d}),c=a();function l(){return(0,c.jsx)(n,{children:`New`})}function u(){return(0,c.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,c.jsx)(n,{variant:`primary`,children:`Primary`}),(0,c.jsx)(n,{variant:`success`,children:`Success`}),(0,c.jsx)(n,{variant:`warning`,children:`Warning`}),(0,c.jsx)(n,{variant:`destructive`,children:`Destructive`}),(0,c.jsx)(n,{variant:`info`,children:`Info`}),(0,c.jsx)(n,{variant:`secondary`,children:`Secondary`})]})}function d(){return(0,c.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,c.jsx)(n,{variant:`success`,dot:!0,children:`Live`}),(0,c.jsx)(n,{variant:`warning`,dot:!0,pending:!0,children:`Pending`})]})}var f=`import { Badge } from '@/components/base/badge';
 
 export function Default() {
 	return <Badge>New</Badge>;

package/dist/showcase/assets/{badge-check-DGmg0_g_.js → badge-check-DocF8Ho3.js}

@@ -1 +1 @@
-import{l as e}from"./index-o71HAmc3.js";var t=e(`badge-check`,[[`path`,{d:`M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z`,key:`3c2336`}],[`path`,{d:`m9 12 2 2 4-4`,key:`dzmm74`}]]);export{t};
+import{l as e}from"./index-jD-KSiHu.js";var t=e(`badge-check`,[[`path`,{d:`M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z`,key:`3c2336`}],[`path`,{d:`m9 12 2 2 4-4`,key:`dzmm74`}]]);export{t};

package/dist/showcase/assets/{bell-Cq9n0a2v.js → bell-DXBoeAzi.js}

@@ -1 +1 @@
-import{l as e}from"./index-o71HAmc3.js";var t=e(`bell`,[[`path`,{d:`M10.268 21a2 2 0 0 0 3.464 0`,key:`vwvbt9`}],[`path`,{d:`M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326`,key:`11g9vi`}]]);export{t};
+import{l as e}from"./index-jD-KSiHu.js";var t=e(`bell`,[[`path`,{d:`M10.268 21a2 2 0 0 0 3.464 0`,key:`vwvbt9`}],[`path`,{d:`M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326`,key:`11g9vi`}]]);export{t};

package/dist/showcase/assets/{bot-DxRjlJlO.js → bot-Ch-Y1HK8.js}

@@ -1 +1 @@
-import{l as e}from"./index-o71HAmc3.js";var t=e(`bot`,[[`path`,{d:`M12 8V4H8`,key:`hb8ula`}],[`rect`,{width:`16`,height:`12`,x:`4`,y:`8`,rx:`2`,key:`enze0r`}],[`path`,{d:`M2 14h2`,key:`vft8re`}],[`path`,{d:`M20 14h2`,key:`4cs60a`}],[`path`,{d:`M15 13v2`,key:`1xurst`}],[`path`,{d:`M9 13v2`,key:`rq6x2g`}]]);export{t};
+import{l as e}from"./index-jD-KSiHu.js";var t=e(`bot`,[[`path`,{d:`M12 8V4H8`,key:`hb8ula`}],[`rect`,{width:`16`,height:`12`,x:`4`,y:`8`,rx:`2`,key:`enze0r`}],[`path`,{d:`M2 14h2`,key:`vft8re`}],[`path`,{d:`M20 14h2`,key:`4cs60a`}],[`path`,{d:`M15 13v2`,key:`1xurst`}],[`path`,{d:`M9 13v2`,key:`rq6x2g`}]]);export{t};

package/dist/showcase/assets/{box-CIh-_2DI.js → box-72m9QSDa.js}

@@ -1 +1 @@
-import{l as e}from"./index-o71HAmc3.js";var t=e(`box`,[[`path`,{d:`M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z`,key:`hh9hay`}],[`path`,{d:`m3.3 7 8.7 5 8.7-5`,key:`g66t2b`}],[`path`,{d:`M12 22V12`,key:`d0xqtd`}]]);export{t};
+import{l as e}from"./index-jD-KSiHu.js";var t=e(`box`,[[`path`,{d:`M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z`,key:`hh9hay`}],[`path`,{d:`m3.3 7 8.7 5 8.7-5`,key:`g66t2b`}],[`path`,{d:`M12 22V12`,key:`d0xqtd`}]]);export{t};