npm - admin-ui-starter-kit - Versions diffs - 0.6.6 → 0.6.8 - Mend

admin-ui-starter-kit 0.6.6 → 0.6.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1256) hide show

package/dist/components/composed/navigation/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-BMiPFJIb.cjs"),r=require("../../../_shared/typography-GtkgK9QX.cjs"),i=require("../../../_shared/badge-B8xGFpfM.cjs"),a=require("../../../_shared/cards-Cu6p1Brd.cjs"),o=require("../../../_shared/item-DTrnHpfm.cjs");let s=require("react"),c=require("react/jsx-runtime"),l=require("lucide-react");var u={neutral:`secondary`,primary:`primary`,info:`info`,success:`success`,warning:`warning`,destructive:`error`},d={neutral:`bg-muted-foreground`,primary:`bg-primary`,info:`bg-info`,success:`bg-success`,warning:`bg-warning`,destructive:`bg-destructive`};function f({columns:e,className:n}){return(0,c.jsx)(a.t,{title:`Pipeline Overview`,titleSuffix:(0,c.jsxs)(i.t,{variant:`secondary`,children:[e.reduce((e,t)=>e+t.items.length,0),` items`]}),className:t.cn(`kanban-board--component`,n),children:(0,c.jsx)(`div`,{className:`grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-4`,children:e.map(e=>{let n=e.tone??`neutral`;return(0,c.jsxs)(`div`,{className:`rounded-md border border-border/60 bg-muted/30 p-2`,children:[(0,c.jsxs)(`div`,{className:`mb-2 flex items-center justify-between gap-2`,children:[(0,c.jsx)(r.s,{size:`xs`,weight:`semibold`,className:`truncate`,children:e.title}),(0,c.jsx)(i.t,{variant:u[n],children:e.items.length})]}),(0,c.jsx)(`div`,{className:`space-y-1.5`,children:e.items.map((i,a)=>(0,c.jsxs)(`div`,{className:`flex min-h-8 items-center gap-2 rounded-md border border-border/50 bg-card px-2 py-1.5 shadow-sm`,children:[(0,c.jsx)(`div`,{className:t.cn(`h-1.5 w-1.5 flex-shrink-0 rounded-full`,d[i.tone??n])}),(0,c.jsx)(r.s,{size:`xs`,className:`truncate`,children:i.title})]},`${e.title}-${a}`))})]},e.title)})})})}f.displayName=`KanbanMicroBoard`;function p({title:e,tabs:i,defaultTab:o,className:l}){let u=Object.keys(i),[d,f]=(0,s.useState)(o??u[0]??``);return(0,c.jsxs)(a.t,{title:e,className:t.cn(`tab-switcher--component`,`bg-gradient-to-b from-muted/30 to-card`,l),children:[(0,c.jsx)(`div`,{className:`mt-4 flex gap-1 rounded-full bg-muted/50 p-1`,children:u.map(e=>(0,c.jsx)(n.t,{variant:d===e?`light`:`secondary`,buttonStyle:d===e?`solid`:`ghost`,onClick:()=>f(e),className:t.cn(`flex-1 rounded-full capitalize`,d===e?`shadow-sm`:``),children:e},e))}),(0,c.jsx)(`div`,{className:`mt-4 space-y-2`,children:i[d]?.map(e=>(0,c.jsxs)(`div`,{className:`flex items-center gap-3 rounded-xl px-2 py-2 transition-colors hover:bg-muted/20`,children:[!!e.icon&&(0,c.jsx)(`div`,{className:`flex size-8 items-center justify-center rounded-full bg-primary/10`,children:(0,c.jsx)(e.icon,{className:`size-4 text-primary`})}),(0,c.jsx)(r.s,{className:`flex-1`,children:e.name}),(0,c.jsx)(r.s,{weight:`bold`,children:e.value})]},e.name))})]})}p.displayName=`TabSwitcherCard`;var m={legendNone:`None`,legendLow:`Low`,legendMedium:`Medium`,legendHigh:`High`,legendNow:`Now`,formatHourTitle:(e,t)=>`${e}:00 - ${t} bookings`};function h({hours:n,currentHour:i,className:a,strings:o}){let s=e.useStrings(m,o),l=Math.max(...n,1),u=n.indexOf(Math.max(...n));function d(e){if(e===0)return`bg-muted`;let t=e/l;return t<.33?`bg-primary/25`:t<.66?`bg-primary/55`:`bg-primary`}return(0,c.jsxs)(`div`,{className:t.cn(`time-ruler--component`,`space-y-1.5`,a),children:[(0,c.jsx)(`div`,{className:`relative flex h-8 gap-px overflow-hidden rounded-md`,children:n.map((e,n)=>(0,c.jsx)(`div`,{className:t.cn(`relative flex-1 transition-colors duration-200`,d(e),n===u&&`ring-1 ring-primary ring-inset`),title:s.formatHourTitle(String(n).padStart(2,`0`),e)},n))}),(0,c.jsx)(`div`,{className:`relative flex`,children:n.map((e,t)=>(0,c.jsx)(`div`,{className:`flex-1 text-center`,children:t%4==0&&(0,c.jsx)(r.s,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:String(t).padStart(2,`0`)})},t))}),i!==void 0&&i>=0&&i<24&&(0,c.jsx)(`div`,{className:`relative h-0`,children:(0,c.jsx)(`div`,{className:`absolute -top-[42px] flex flex-col items-center`,style:{left:`${i/24*100}%`,transform:`translateX(-50%)`},children:(0,c.jsx)(`div`,{className:`h-0 w-0 border-x-[4px] border-b-[5px] border-x-transparent border-b-destructive`})})}),(0,c.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(`div`,{className:`h-2 w-3 rounded-sm bg-muted`}),(0,c.jsx)(r.s,{size:`xxs`,type:`secondary`,children:s.legendNone})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(`div`,{className:`h-2 w-3 rounded-sm bg-primary/25`}),(0,c.jsx)(r.s,{size:`xxs`,type:`secondary`,children:s.legendLow})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(`div`,{className:`h-2 w-3 rounded-sm bg-primary/55`}),(0,c.jsx)(r.s,{size:`xxs`,type:`secondary`,children:s.legendMedium})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(`div`,{className:`h-2 w-3 rounded-sm bg-primary`}),(0,c.jsx)(r.s,{size:`xxs`,type:`secondary`,children:s.legendHigh})]}),i!==void 0&&(0,c.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(`div`,{className:`h-0 w-0 border-x-[3px] border-b-[4px] border-x-transparent border-b-destructive`}),(0,c.jsx)(r.s,{size:`xxs`,type:`secondary`,children:s.legendNow})]})]})]})}h.displayName=`TimeDistributionRuler`;function g({rating:e,maxRating:n=5}){return(0,c.jsx)(`div`,{className:t.cn(`vendor-performance--component`,`flex items-center gap-0.5`),children:Array.from({length:n},(n,r)=>(0,c.jsx)(`svg`,{className:t.cn(`h-3.5 w-3.5`,r<e?`text-warning`:`text-muted`),viewBox:`0 0 24 24`,fill:`currentColor`,stroke:`none`,children:(0,c.jsx)(`path`,{d:`M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z`})},`star-${String(r)}`))})}function _(e){return e>=80?`bg-success`:e>=50?`bg-warning`:`bg-destructive`}function v({vendorName:e,rating:n,maxRating:i=5,metrics:o,performanceScore:s,lastActive:l,joinedDate:u,className:d}){return(0,c.jsx)(a.t,{title:e,className:d,footerText:(0,c.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,c.jsxs)(r.s,{size:`xxs`,type:`secondary`,children:[`Last active: `,l]}),(0,c.jsxs)(r.s,{size:`xxs`,type:`secondary`,children:[`Joined: `,u]})]}),children:(0,c.jsxs)(`div`,{className:`space-y-4`,children:[(0,c.jsx)(g,{rating:n,maxRating:i}),(0,c.jsx)(`div`,{className:`grid grid-cols-2 gap-2`,children:[{label:`Bookings`,value:String(o.bookings)},{label:`Revenue`,value:o.revenue},{label:`Avg Rating`,value:String(o.avgRating)},{label:`Response`,value:o.responseTime}].map(e=>(0,c.jsxs)(`div`,{className:`rounded-lg bg-muted/50 p-3 text-center`,children:[(0,c.jsx)(r.s,{size:`lg`,weight:`bold`,className:`tabular-nums`,children:e.value}),(0,c.jsx)(r.s,{size:`xxs`,type:`secondary`,children:e.label})]},e.label))}),(0,c.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,c.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,c.jsx)(r.s,{children:`Performance`}),(0,c.jsxs)(r.s,{weight:`semibold`,className:`tabular-nums`,children:[s,`%`]})]}),(0,c.jsx)(`div`,{className:`h-2 w-full overflow-hidden rounded-full bg-muted`,children:(0,c.jsx)(`div`,{className:t.cn(`h-full rounded-full transition-all duration-500`,_(s)),style:{width:`${String(s)}%`}})})]})]})})}v.displayName=`VendorPerformanceCard`;var y={description:`Experiences completed this week`,addActionLabel:`Add activity`};function b({completed:i,total:s,activities:u,onAdd:d,strings:f,className:p}){let m=e.useStrings(y,f);return(0,c.jsx)(a.t,{title:`${i} out of ${s}`,description:m.description,headerEnd:!!d&&(0,c.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":m.addActionLabel,onClick:d,children:(0,c.jsx)(l.Plus,{className:`size-4`})}),className:t.cn(`experience-activity--component`,p),children:(0,c.jsx)(o.o,{children:u.map((e,t)=>(0,c.jsxs)(`div`,{children:[t>0&&(0,c.jsx)(o.l,{}),(0,c.jsxs)(o.t,{size:`small`,className:`items-start`,children:[(0,c.jsx)(o.c,{children:(0,c.jsx)(`div`,{className:`flex size-8 items-center justify-center rounded-md bg-primary/10 text-primary`,children:(0,c.jsx)(e.icon,{className:`size-4`})})}),(0,c.jsxs)(o.r,{children:[(0,c.jsx)(o.u,{children:e.title}),(0,c.jsx)(o.i,{clamp:1,children:e.time}),(0,c.jsx)(`div`,{className:`mt-2 grid grid-cols-2 gap-1.5`,children:e.metrics.map(e=>(0,c.jsxs)(`div`,{className:`rounded-md border border-border/50 bg-muted/25 px-2.5 py-1.5`,children:[(0,c.jsx)(r.s,{size:`xs`,type:`secondary`,children:e.label}),(0,c.jsx)(r.s,{size:`xs`,weight:`semibold`,children:e.value})]},e.label))})]})]})]},e.title))})})}b.displayName=`ExperienceActivityCard`;var x={stepLabel:`Step`,ofLabel:`of`};function S({steps:i,currentIndex:a,onStepClick:o,className:s,strings:u}){let d=e.useStrings(x,u);return(0,c.jsxs)(`div`,{className:t.cn(`breadcrumb-progress--component`,`w-full`,s),children:[(0,c.jsxs)(`div`,{className:`flex items-center justify-between mb-2`,children:[(0,c.jsxs)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:[d.stepLabel,` `,a+1,` `,d.ofLabel,` `,i.length]}),(0,c.jsxs)(r.s,{tag:`span`,size:`xs`,weight:`semibold`,className:`tabular-nums`,children:[Math.round((a+1)/i.length*100),`%`]})]}),(0,c.jsx)(`ol`,{className:`flex items-center gap-2`,children:i.map((e,s)=>{let u=s<a,d=s===a,f=o&&(u||d);return(0,c.jsxs)(`li`,{className:`flex min-w-0 flex-1 items-center gap-2`,children:[(0,c.jsxs)(n.t,{type:`button`,onClick:()=>f&&o?.(e.id,s),disabled:!f,variant:`secondary`,buttonStyle:`ghost`,size:`default`,className:t.cn(`h-auto min-w-0 justify-start gap-2 rounded-md px-2 py-1 text-left transition-colors`,f&&`hover:bg-muted/40`,!f&&`cursor-default`),children:[(0,c.jsx)(`span`,{className:t.cn(`flex size-6 shrink-0 items-center justify-center rounded-full text-xs font-semibold tabular-nums`,u&&`bg-success text-success-foreground`,d&&`bg-primary text-primary-foreground ring-4 ring-primary/15`,!u&&!d&&`bg-muted text-muted-foreground`),children:u?(0,c.jsx)(l.Check,{className:`size-3.5`}):s+1}),(0,c.jsxs)(`div`,{className:`hidden min-w-0 lg:block`,children:[(0,c.jsx)(r.s,{size:`xs`,weight:`semibold`,className:t.cn(!d&&!u&&`text-muted-foreground`),children:e.label}),!!e.hint&&(0,c.jsx)(r.s,{size:`xxs`,type:`discrete`,className:`truncate`,children:e.hint})]})]}),s<i.length-1&&(0,c.jsx)(`div`,{className:t.cn(`h-px flex-1`,u?`bg-success`:`bg-border`)})]},e.id)})})]})}S.displayName=`BreadcrumbProgress`;function C({title:e,items:n,activeId:r,onSelect:s,className:u}){return(0,c.jsx)(a.t,{title:e,padding:`default`,className:t.cn(`category-nav--component`,u),children:(0,c.jsx)(o.o,{children:n.map(e=>{let n=e.icon,a=e.id===r;return(0,c.jsxs)(o.t,{size:`small`,onClick:()=>s?.(e.id),"data-state":a?`active`:`inactive`,className:t.cn(`cursor-pointer transition-colors`,a?`bg-primary/10 text-primary`:`hover:bg-muted/50`),children:[!!n&&(0,c.jsx)(o.c,{variant:`icon`,className:t.cn(a?`text-primary`:`text-muted-foreground`),children:(0,c.jsx)(n,{})}),(0,c.jsxs)(o.r,{children:[(0,c.jsx)(o.u,{bold:a,children:e.label}),!!e.hint&&(0,c.jsx)(o.i,{clamp:1,children:e.hint})]}),(0,c.jsxs)(o.n,{children:[typeof e.count==`number`&&(0,c.jsx)(i.t,{variant:a?`primary`:`secondary`,className:`tabular-nums`,children:e.count}),(0,c.jsx)(l.ChevronRight,{className:t.cn(`size-4 shrink-0 text-muted-foreground/60`,a&&`text-primary`)})]})]},e.id)})})})}C.displayName=`CategoryNavCard`,exports.BreadcrumbProgress=S,exports.CategoryNavCard=C,exports.ExperienceActivityCard=b,exports.KanbanMicroBoard=f,exports.TabSwitcherCard=p,exports.TimeDistributionRuler=h,exports.VendorPerformanceCard=v,exports.defaultBreadcrumbProgressStrings=x;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-CfQtOuBK.cjs"),r=require("../../../_shared/typography-CWEobAJV.cjs"),i=require("../../../_shared/badge-LSAgdmGt.cjs"),a=require("../../../_shared/cards-m03XN10f.cjs"),o=require("../../../_shared/item-ChHblHhR.cjs");let s=require("react"),c=require("react/jsx-runtime"),l=require("lucide-react");var u={neutral:`secondary`,primary:`primary`,info:`info`,success:`success`,warning:`warning`,destructive:`error`},d={neutral:`bg-muted-foreground`,primary:`bg-primary`,info:`bg-info`,success:`bg-success`,warning:`bg-warning`,destructive:`bg-destructive`};function f({columns:e,className:n}){return(0,c.jsx)(a.t,{title:`Pipeline Overview`,titleSuffix:(0,c.jsxs)(i.t,{variant:`secondary`,children:[e.reduce((e,t)=>e+t.items.length,0),` items`]}),className:t.cn(`kanban-board--component`,n),children:(0,c.jsx)(`div`,{className:`grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-4`,children:e.map(e=>{let n=e.tone??`neutral`;return(0,c.jsxs)(`div`,{className:`rounded-md border border-border/60 bg-muted/30 p-2`,children:[(0,c.jsxs)(`div`,{className:`mb-2 flex items-center justify-between gap-2`,children:[(0,c.jsx)(r.s,{size:`xs`,weight:`semibold`,className:`truncate`,children:e.title}),(0,c.jsx)(i.t,{variant:u[n],children:e.items.length})]}),(0,c.jsx)(`div`,{className:`space-y-1.5`,children:e.items.map((i,a)=>(0,c.jsxs)(`div`,{className:`flex min-h-8 items-center gap-2 rounded-md border border-border/50 bg-card px-2 py-1.5 shadow-sm`,children:[(0,c.jsx)(`div`,{className:t.cn(`h-1.5 w-1.5 flex-shrink-0 rounded-full`,d[i.tone??n])}),(0,c.jsx)(r.s,{size:`xs`,className:`truncate`,children:i.title})]},`${e.title}-${a}`))})]},e.title)})})})}f.displayName=`KanbanMicroBoard`;function p({title:e,tabs:i,defaultTab:o,className:l}){let u=Object.keys(i),[d,f]=(0,s.useState)(o??u[0]??``);return(0,c.jsxs)(a.t,{title:e,className:t.cn(`tab-switcher--component`,`bg-gradient-to-b from-muted/30 to-card`,l),children:[(0,c.jsx)(`div`,{className:`mt-4 flex gap-1 rounded-full bg-muted/50 p-1`,children:u.map(e=>(0,c.jsx)(n.t,{variant:d===e?`light`:`secondary`,buttonStyle:d===e?`solid`:`ghost`,onClick:()=>f(e),className:t.cn(`flex-1 rounded-full capitalize`,d===e?`shadow-sm`:``),children:e},e))}),(0,c.jsx)(`div`,{className:`mt-4 space-y-2`,children:i[d]?.map(e=>(0,c.jsxs)(`div`,{className:`flex items-center gap-3 rounded-xl px-2 py-2 transition-colors hover:bg-muted/20`,children:[!!e.icon&&(0,c.jsx)(`div`,{className:`flex size-8 items-center justify-center rounded-full bg-primary/10`,children:(0,c.jsx)(e.icon,{className:`size-4 text-primary`})}),(0,c.jsx)(r.s,{className:`flex-1`,children:e.name}),(0,c.jsx)(r.s,{weight:`bold`,children:e.value})]},e.name))})]})}p.displayName=`TabSwitcherCard`;var m={legendNone:`None`,legendLow:`Low`,legendMedium:`Medium`,legendHigh:`High`,legendNow:`Now`,formatHourTitle:(e,t)=>`${e}:00 - ${t} bookings`};function h({hours:n,currentHour:i,className:a,strings:o}){let s=e.useStrings(m,o),l=Math.max(...n,1),u=n.indexOf(Math.max(...n));function d(e){if(e===0)return`bg-muted`;let t=e/l;return t<.33?`bg-primary/25`:t<.66?`bg-primary/55`:`bg-primary`}return(0,c.jsxs)(`div`,{className:t.cn(`time-ruler--component`,`space-y-1.5`,a),children:[(0,c.jsx)(`div`,{className:`relative flex h-8 gap-px overflow-hidden rounded-md`,children:n.map((e,n)=>(0,c.jsx)(`div`,{className:t.cn(`relative flex-1 transition-colors duration-200`,d(e),n===u&&`ring-1 ring-primary ring-inset`),title:s.formatHourTitle(String(n).padStart(2,`0`),e)},n))}),(0,c.jsx)(`div`,{className:`relative flex`,children:n.map((e,t)=>(0,c.jsx)(`div`,{className:`flex-1 text-center`,children:t%4==0&&(0,c.jsx)(r.s,{size:`xs`,type:`secondary`,className:`tabular-nums`,children:String(t).padStart(2,`0`)})},t))}),i!==void 0&&i>=0&&i<24&&(0,c.jsx)(`div`,{className:`relative h-0`,children:(0,c.jsx)(`div`,{className:`absolute -top-[42px] flex flex-col items-center`,style:{left:`${i/24*100}%`,transform:`translateX(-50%)`},children:(0,c.jsx)(`div`,{className:`h-0 w-0 border-x-[4px] border-b-[5px] border-x-transparent border-b-destructive`})})}),(0,c.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(`div`,{className:`h-2 w-3 rounded-sm bg-muted`}),(0,c.jsx)(r.s,{size:`xs`,type:`secondary`,children:s.legendNone})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(`div`,{className:`h-2 w-3 rounded-sm bg-primary/25`}),(0,c.jsx)(r.s,{size:`xs`,type:`secondary`,children:s.legendLow})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(`div`,{className:`h-2 w-3 rounded-sm bg-primary/55`}),(0,c.jsx)(r.s,{size:`xs`,type:`secondary`,children:s.legendMedium})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(`div`,{className:`h-2 w-3 rounded-sm bg-primary`}),(0,c.jsx)(r.s,{size:`xs`,type:`secondary`,children:s.legendHigh})]}),i!==void 0&&(0,c.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(`div`,{className:`h-0 w-0 border-x-[3px] border-b-[4px] border-x-transparent border-b-destructive`}),(0,c.jsx)(r.s,{size:`xs`,type:`secondary`,children:s.legendNow})]})]})]})}h.displayName=`TimeDistributionRuler`;function g({rating:e,maxRating:n=5}){return(0,c.jsx)(`div`,{className:t.cn(`vendor-performance--component`,`flex items-center gap-0.5`),children:Array.from({length:n},(n,r)=>(0,c.jsx)(`svg`,{className:t.cn(`h-3.5 w-3.5`,r<e?`text-warning`:`text-muted`),viewBox:`0 0 24 24`,fill:`currentColor`,stroke:`none`,children:(0,c.jsx)(`path`,{d:`M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z`})},`star-${String(r)}`))})}function _(e){return e>=80?`bg-success`:e>=50?`bg-warning`:`bg-destructive`}function v({vendorName:e,rating:n,maxRating:i=5,metrics:o,performanceScore:s,lastActive:l,joinedDate:u,className:d}){return(0,c.jsx)(a.t,{title:e,className:d,footerText:(0,c.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,c.jsxs)(r.s,{size:`xs`,type:`secondary`,children:[`Last active: `,l]}),(0,c.jsxs)(r.s,{size:`xs`,type:`secondary`,children:[`Joined: `,u]})]}),children:(0,c.jsxs)(`div`,{className:`space-y-4`,children:[(0,c.jsx)(g,{rating:n,maxRating:i}),(0,c.jsx)(`div`,{className:`grid grid-cols-2 gap-2`,children:[{label:`Bookings`,value:String(o.bookings)},{label:`Revenue`,value:o.revenue},{label:`Avg Rating`,value:String(o.avgRating)},{label:`Response`,value:o.responseTime}].map(e=>(0,c.jsxs)(`div`,{className:`rounded-lg bg-muted/50 p-3 text-center`,children:[(0,c.jsx)(r.s,{size:`lg`,weight:`bold`,className:`tabular-nums`,children:e.value}),(0,c.jsx)(r.s,{size:`xs`,type:`secondary`,children:e.label})]},e.label))}),(0,c.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,c.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,c.jsx)(r.s,{children:`Performance`}),(0,c.jsxs)(r.s,{weight:`semibold`,className:`tabular-nums`,children:[s,`%`]})]}),(0,c.jsx)(`div`,{className:`h-2 w-full overflow-hidden rounded-full bg-muted`,children:(0,c.jsx)(`div`,{className:t.cn(`h-full rounded-full transition-all duration-500`,_(s)),style:{width:`${String(s)}%`}})})]})]})})}v.displayName=`VendorPerformanceCard`;var y={description:`Experiences completed this week`,addActionLabel:`Add activity`};function b({completed:i,total:s,activities:u,onAdd:d,strings:f,className:p}){let m=e.useStrings(y,f);return(0,c.jsx)(a.t,{title:`${i} out of ${s}`,description:m.description,headerEnd:!!d&&(0,c.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":m.addActionLabel,onClick:d,children:(0,c.jsx)(l.Plus,{className:`size-4`})}),className:t.cn(`experience-activity--component`,p),children:(0,c.jsx)(o.o,{children:u.map((e,t)=>(0,c.jsxs)(`div`,{children:[t>0&&(0,c.jsx)(o.l,{}),(0,c.jsxs)(o.t,{size:`small`,className:`items-start`,children:[(0,c.jsx)(o.c,{children:(0,c.jsx)(`div`,{className:`flex size-8 items-center justify-center rounded-md bg-primary/10 text-primary`,children:(0,c.jsx)(e.icon,{className:`size-4`})})}),(0,c.jsxs)(o.r,{children:[(0,c.jsx)(o.u,{children:e.title}),(0,c.jsx)(o.i,{clamp:1,children:e.time}),(0,c.jsx)(`div`,{className:`mt-2 grid grid-cols-2 gap-1.5`,children:e.metrics.map(e=>(0,c.jsxs)(`div`,{className:`rounded-md border border-border/50 bg-muted/25 px-2.5 py-1.5`,children:[(0,c.jsx)(r.s,{size:`xs`,type:`secondary`,children:e.label}),(0,c.jsx)(r.s,{size:`xs`,weight:`semibold`,children:e.value})]},e.label))})]})]})]},e.title))})})}b.displayName=`ExperienceActivityCard`;var x={stepLabel:`Step`,ofLabel:`of`};function S({steps:i,currentIndex:a,onStepClick:o,className:s,strings:u}){let d=e.useStrings(x,u);return(0,c.jsxs)(`div`,{className:t.cn(`breadcrumb-progress--component`,`w-full`,s),children:[(0,c.jsxs)(`div`,{className:`flex items-center justify-between mb-2`,children:[(0,c.jsxs)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:[d.stepLabel,` `,a+1,` `,d.ofLabel,` `,i.length]}),(0,c.jsxs)(r.s,{tag:`span`,size:`xs`,weight:`semibold`,className:`tabular-nums`,children:[Math.round((a+1)/i.length*100),`%`]})]}),(0,c.jsx)(`ol`,{className:`flex items-center gap-2`,children:i.map((e,s)=>{let u=s<a,d=s===a,f=o&&(u||d);return(0,c.jsxs)(`li`,{className:`flex min-w-0 flex-1 items-center gap-2`,children:[(0,c.jsxs)(n.t,{type:`button`,onClick:()=>f&&o?.(e.id,s),disabled:!f,variant:`secondary`,buttonStyle:`ghost`,size:`default`,className:t.cn(`h-auto min-w-0 justify-start gap-2 rounded-md px-2 py-1 text-left transition-colors`,f&&`hover:bg-muted/40`,!f&&`cursor-default`),children:[(0,c.jsx)(`span`,{className:t.cn(`flex size-6 shrink-0 items-center justify-center rounded-full text-xs font-semibold tabular-nums`,u&&`bg-success text-success-foreground`,d&&`bg-primary text-primary-foreground ring-4 ring-primary/15`,!u&&!d&&`bg-muted text-muted-foreground`),children:u?(0,c.jsx)(l.Check,{className:`size-3.5`}):s+1}),(0,c.jsxs)(`div`,{className:`hidden min-w-0 lg:block`,children:[(0,c.jsx)(r.s,{size:`xs`,weight:`semibold`,className:t.cn(!d&&!u&&`text-muted-foreground`),children:e.label}),!!e.hint&&(0,c.jsx)(r.s,{size:`xs`,type:`discrete`,className:`truncate`,children:e.hint})]})]}),s<i.length-1&&(0,c.jsx)(`div`,{className:t.cn(`h-px flex-1`,u?`bg-success`:`bg-border`)})]},e.id)})})]})}S.displayName=`BreadcrumbProgress`;function C({title:e,items:n,activeId:r,onSelect:s,className:u}){return(0,c.jsx)(a.t,{title:e,padding:`default`,className:t.cn(`category-nav--component`,u),children:(0,c.jsx)(o.o,{children:n.map(e=>{let n=e.icon,a=e.id===r;return(0,c.jsxs)(o.t,{size:`small`,onClick:()=>s?.(e.id),"data-state":a?`active`:`inactive`,className:t.cn(`cursor-pointer transition-colors`,a?`bg-primary/10 text-primary`:`hover:bg-muted/50`),children:[!!n&&(0,c.jsx)(o.c,{variant:`icon`,className:t.cn(a?`text-primary`:`text-muted-foreground`),children:(0,c.jsx)(n,{})}),(0,c.jsxs)(o.r,{children:[(0,c.jsx)(o.u,{bold:a,children:e.label}),!!e.hint&&(0,c.jsx)(o.i,{clamp:1,children:e.hint})]}),(0,c.jsxs)(o.n,{children:[typeof e.count==`number`&&(0,c.jsx)(i.t,{variant:a?`primary`:`secondary`,className:`tabular-nums`,children:e.count}),(0,c.jsx)(l.ChevronRight,{className:t.cn(`size-4 shrink-0 text-muted-foreground/60`,a&&`text-primary`)})]})]},e.id)})})})}C.displayName=`CategoryNavCard`,exports.BreadcrumbProgress=S,exports.CategoryNavCard=C,exports.ExperienceActivityCard=b,exports.KanbanMicroBoard=f,exports.TabSwitcherCard=p,exports.TimeDistributionRuler=h,exports.VendorPerformanceCard=v,exports.defaultBreadcrumbProgressStrings=x;
 //# sourceMappingURL=index.cjs.map

package/dist/components/composed/navigation/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/components/composed/navigation/kanban-board/kanban-board.tsx","../../../../src/components/composed/navigation/tab-switcher/tab-switcher.tsx","../../../../src/components/composed/navigation/time-ruler/types.ts","../../../../src/components/composed/navigation/time-ruler/time-ruler.tsx","../../../../src/components/composed/navigation/vendor-performance/vendor-performance.tsx","../../../../src/components/composed/navigation/experience-activity/experience-activity.strings.ts","../../../../src/components/composed/navigation/experience-activity/experience-activity.tsx","../../../../src/components/composed/navigation/breadcrumb-progress/types.ts","../../../../src/components/composed/navigation/breadcrumb-progress/breadcrumb-progress.tsx","../../../../src/components/composed/navigation/category-nav/category-nav.tsx"],"sourcesContent":["import { Badge, type ComposedBadgeVariant } from '@/components/base/badge/badge';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { cn } from '@/lib/utils';\n\nimport type { KanbanColumnTone, KanbanMicroBoardProps } from './types';\n\nconst COLUMN_BADGE: Record<KanbanColumnTone, ComposedBadgeVariant> = {\n\tneutral: 'secondary',\n\tprimary: 'primary',\n\tinfo: 'info',\n\tsuccess: 'success',\n\twarning: 'warning',\n\tdestructive: 'error',\n};\n\nconst ITEM_DOT: Record<KanbanColumnTone, string> = {\n\tneutral: 'bg-muted-foreground',\n\tprimary: 'bg-primary',\n\tinfo: 'bg-info',\n\tsuccess: 'bg-success',\n\twarning: 'bg-warning',\n\tdestructive: 'bg-destructive',\n};\n\nexport function KanbanMicroBoard({ columns, className }: KanbanMicroBoardProps) {\n\tconst totalItems = columns.reduce((sum, col) => sum + col.items.length, 0);\n\n\treturn (\n\t\t<SmartCard\n\t\t\ttitle=\"Pipeline Overview\"\n\t\t\ttitleSuffix={<Badge variant=\"secondary\">{totalItems} items</Badge>}\n\t\t\tclassName={cn('kanban-board--component', className)}\n\t\t>\n\t\t\t<div className=\"grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-4\">\n\t\t\t\t{columns.map((col) => {\n\t\t\t\t\tconst tone = col.tone ?? 'neutral';\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={col.title}\n\t\t\t\t\t\t\tclassName=\"rounded-md border border-border/60 bg-muted/30 p-2\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"mb-2 flex items-center justify-between gap-2\">\n\t\t\t\t\t\t\t\t<Text size=\"xs\" weight=\"semibold\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t{col.title}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t<Badge variant={COLUMN_BADGE[tone]}>\n\t\t\t\t\t\t\t\t\t{col.items.length}\n\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"space-y-1.5\">\n\t\t\t\t\t\t\t\t{col.items.map((item, itemIdx) => (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tkey={`${col.title}-${itemIdx}`}\n\t\t\t\t\t\t\t\t\t\tclassName=\"flex min-h-8 items-center gap-2 rounded-md border border-border/50 bg-card px-2 py-1.5 shadow-sm\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'h-1.5 w-1.5 flex-shrink-0 rounded-full',\n\t\t\t\t\t\t\t\t\t\t\t\tITEM_DOT[item.tone ?? tone],\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<Text size=\"xs\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</SmartCard>\n\t);\n}\n\nKanbanMicroBoard.displayName = 'KanbanMicroBoard';\n","import { useState } from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { cn } from '@/lib/utils';\n\nimport type { TabSwitcherCardProps } from './types';\n\nexport function TabSwitcherCard({ title, tabs, defaultTab, className }: TabSwitcherCardProps) {\n const tabKeys = Object.keys(tabs);\n const [activeTab, setActiveTab] = useState<string>(defaultTab ?? tabKeys[0] ?? '');\n\n return (\n <SmartCard title={title} className={cn('tab-switcher--component', 'bg-gradient-to-b from-muted/30 to-card', className)}>\n {/* Pill tabs /}\n <div className=\"mt-4 flex gap-1 rounded-full bg-muted/50 p-1\">\n {tabKeys.map((t) => (\n <Button\n key={t}\n variant={activeTab === t ? 'light' : 'secondary'}\n buttonStyle={activeTab === t ? 'solid' : 'ghost'}\n onClick={() => setActiveTab(t)}\n className={cn('flex-1 rounded-full capitalize', activeTab === t ? 'shadow-sm' : '')}\n >\n {t}\n </Button>\n ))}\n </div>\n\n <div className=\"mt-4 space-y-2\">\n {tabs[activeTab]?.map((item) => (\n <div key={item.name} className=\"flex items-center gap-3 rounded-xl px-2 py-2 transition-colors hover:bg-muted/20\">\n {!!item.icon && (\n <div className=\"flex size-8 items-center justify-center rounded-full bg-primary/10\">\n <item.icon className=\"size-4 text-primary\" />\n </div>\n )}\n <Text className=\"flex-1\">{item.name}</Text>\n <Text weight=\"bold\">{item.value}</Text>\n </div>\n ))}\n </div>\n </SmartCard>\n );\n}\n\nTabSwitcherCard.displayName = 'TabSwitcherCard';\n","import type { StringsProp } from '@/lib/strings';\n\nexport interface TimeDistributionRulerStrings {\n /* Density-band legend labels. /\n legendNone: string;\n legendLow: string;\n legendMedium: string;\n legendHigh: string;\n /* \"Now\" marker label. /\n legendNow: string;\n /* Format function for the per-hour `title` tooltip (\"08:00 - 5 bookings\"). /\n formatHourTitle: (hourLabel: string, count: number) => string;\n}\n\nexport const defaultTimeDistributionRulerStrings: TimeDistributionRulerStrings = {\n legendNone: 'None',\n legendLow: 'Low',\n legendMedium: 'Medium',\n legendHigh: 'High',\n legendNow: 'Now',\n formatHourTitle: (hourLabel, count) => `${hourLabel}:00 - ${count} bookings`,\n};\n\nexport interface TimeDistributionRulerProps {\n hours: number[];\n currentHour?: number;\n className?: string;\n strings?: StringsProp<TimeDistributionRulerStrings>;\n}\n","import { Text } from '@/components/typography/text';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultTimeDistributionRulerStrings, type TimeDistributionRulerProps } from './types';\n\nexport function TimeDistributionRuler({ hours, currentHour, className, strings: stringsProp }: TimeDistributionRulerProps) {\n const strings = useStrings(defaultTimeDistributionRulerStrings, stringsProp);\n const maxVal = Math.max(...hours, 1);\n const peakHour = hours.indexOf(Math.max(...hours));\n\n function getDensityClass(count: number): string {\n if (count === 0) return 'bg-muted';\n const ratio = count / maxVal;\n if (ratio < 0.33) return 'bg-primary/25';\n if (ratio < 0.66) return 'bg-primary/55';\n return 'bg-primary';\n }\n\n return (\n <div className={cn('time-ruler--component', 'space-y-1.5', className)}>\n {/ Ruler bar /}\n <div className=\"relative flex h-8 gap-px overflow-hidden rounded-md\">\n {hours.map((count, hour) => (\n <div\n key={hour}\n className={cn(\n 'relative flex-1 transition-colors duration-200',\n getDensityClass(count),\n hour === peakHour && 'ring-1 ring-primary ring-inset',\n )}\n title={strings.formatHourTitle(String(hour).padStart(2, '0'), count)}\n />\n ))}\n </div>\n {/ Hour labels + now marker /}\n <div className=\"relative flex\">\n {hours.map((_, hour) => (\n <div key={hour} className=\"flex-1 text-center\">\n {hour % 4 === 0 && (\n <Text size=\"xxs\" type=\"secondary\" className=\"tabular-nums\">\n {String(hour).padStart(2, '0')}\n </Text>\n )}\n </div>\n ))}\n </div>\n {/ Now marker /}\n {currentHour !== undefined && currentHour >= 0 && currentHour < 24 && (\n <div className=\"relative h-0\">\n <div\n className=\"absolute -top-[42px] flex flex-col items-center\"\n style={{ left: `${(currentHour / 24) 100}%`, transform: 'translateX(-50%)' }}\n >\n <div\n className=\"h-0 w-0 border-x-[4px] border-b-[5px] border-x-transparent border-b-destructive\"\n />\n </div>\n </div>\n )}\n {/* Legend /}\n <div className=\"flex items-center gap-3\">\n <div className=\"flex items-center gap-1\">\n <div className=\"h-2 w-3 rounded-sm bg-muted\" />\n <Text size=\"xxs\" type=\"secondary\">{strings.legendNone}</Text>\n </div>\n <div className=\"flex items-center gap-1\">\n <div className=\"h-2 w-3 rounded-sm bg-primary/25\" />\n <Text size=\"xxs\" type=\"secondary\">{strings.legendLow}</Text>\n </div>\n <div className=\"flex items-center gap-1\">\n <div className=\"h-2 w-3 rounded-sm bg-primary/55\" />\n <Text size=\"xxs\" type=\"secondary\">{strings.legendMedium}</Text>\n </div>\n <div className=\"flex items-center gap-1\">\n <div className=\"h-2 w-3 rounded-sm bg-primary\" />\n <Text size=\"xxs\" type=\"secondary\">{strings.legendHigh}</Text>\n </div>\n {currentHour !== undefined && (\n <div className=\"flex items-center gap-1\">\n <div className=\"h-0 w-0 border-x-[3px] border-b-[4px] border-x-transparent border-b-destructive\" />\n <Text size=\"xxs\" type=\"secondary\">{strings.legendNow}</Text>\n </div>\n )}\n </div>\n </div>\n );\n}\n\nTimeDistributionRuler.displayName = 'TimeDistributionRuler';\n","import { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { cn } from '@/lib/utils';\n\nimport type { VendorPerformanceCardProps } from './types';\n\nfunction RatingStars({ rating, maxRating = 5 }: { rating: number; maxRating?: number }) {\n return (\n <div className={cn('vendor-performance--component', 'flex items-center gap-0.5')}>\n {Array.from({ length: maxRating }, (_, i) => (\n <svg\n key={`star-${String(i)}`}\n className={cn(\n 'h-3.5 w-3.5',\n i < rating ? 'text-warning' : 'text-muted',\n )}\n viewBox=\"0 0 24 24\"\n fill=\"currentColor\"\n stroke=\"none\"\n >\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" />\n </svg>\n ))}\n </div>\n );\n}\n\nfunction performanceBarColor(score: number): string {\n if (score >= 80) return 'bg-success';\n if (score >= 50) return 'bg-warning';\n return 'bg-destructive';\n}\n\nexport function VendorPerformanceCard({\n vendorName,\n rating,\n maxRating = 5,\n metrics,\n performanceScore,\n lastActive,\n joinedDate,\n className,\n}: VendorPerformanceCardProps) {\n return (\n <SmartCard\n title={vendorName}\n className={className}\n footerText={\n <div className=\"flex items-center justify-between gap-4\">\n <Text size=\"xxs\" type=\"secondary\">Last active: {lastActive}</Text>\n <Text size=\"xxs\" type=\"secondary\">Joined: {joinedDate}</Text>\n </div>\n }\n >\n <div className=\"space-y-4\">\n <RatingStars rating={rating} maxRating={maxRating} />\n\n <div className=\"grid grid-cols-2 gap-2\">\n {([\n { label: 'Bookings', value: String(metrics.bookings) },\n { label: 'Revenue', value: metrics.revenue },\n { label: 'Avg Rating', value: String(metrics.avgRating) },\n { label: 'Response', value: metrics.responseTime },\n ] as const).map((metric) => (\n <div\n key={metric.label}\n className=\"rounded-lg bg-muted/50 p-3 text-center\"\n >\n <Text size=\"lg\" weight=\"bold\" className=\"tabular-nums\">\n {metric.value}\n </Text>\n <Text size=\"xxs\" type=\"secondary\">\n {metric.label}\n </Text>\n </div>\n ))}\n </div>\n\n <div className=\"space-y-1.5\">\n <div className=\"flex items-center justify-between\">\n <Text>Performance</Text>\n <Text weight=\"semibold\" className=\"tabular-nums\">\n {performanceScore}%\n </Text>\n </div>\n <div className=\"h-2 w-full overflow-hidden rounded-full bg-muted\">\n <div\n className={cn(\n 'h-full rounded-full transition-all duration-500',\n performanceBarColor(performanceScore),\n )}\n style={{ width: `${String(performanceScore)}%` }}\n />\n </div>\n </div>\n </div>\n </SmartCard>\n );\n}\n\nVendorPerformanceCard.displayName = 'VendorPerformanceCard';\n","import type { StringsProp } from '@/lib/strings';\n\nexport interface ExperienceActivityCardStrings {\n\tdescription: string;\n\taddActionLabel: string;\n}\n\nexport const defaultExperienceActivityCardStrings: ExperienceActivityCardStrings = {\n\tdescription: 'Experiences completed this week',\n\taddActionLabel: 'Add activity',\n};\n\nexport type ExperienceActivityCardStringsProp = StringsProp<ExperienceActivityCardStrings>;\n","import { Plus } from 'lucide-react';\n\nimport { Button } from '@/components/base/buttons';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport {\n Item,\n ItemContent,\n ItemDescription,\n ItemGroup,\n ItemMedia,\n ItemSeparator,\n ItemTitle,\n} from '@/components/base/item';\nimport { Text } from '@/components/typography/text';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n defaultExperienceActivityCardStrings,\n} from './experience-activity.strings';\nimport type { ExperienceActivityCardProps } from './types';\n\nexport function ExperienceActivityCard({\n completed,\n total,\n activities,\n onAdd,\n strings: stringsProp,\n className,\n}: ExperienceActivityCardProps) {\n const strings = useStrings(defaultExperienceActivityCardStrings, stringsProp);\n\n return (\n <SmartCard\n title={`${completed} out of ${total}`}\n description={strings.description}\n headerEnd={\n !!onAdd && (\n <Button\n variant=\"secondary\"\n buttonStyle=\"ghost\"\n size=\"icon-small\"\n aria-label={strings.addActionLabel}\n onClick={onAdd}\n >\n <Plus className=\"size-4\" />\n </Button>\n )\n }\n className={cn('experience-activity--component', className)}\n >\n <ItemGroup>\n {activities.map((a, i) => (\n <div key={a.title}>\n {i > 0 && <ItemSeparator />}\n <Item size=\"small\" className=\"items-start\">\n <ItemMedia>\n <div className=\"flex size-8 items-center justify-center rounded-md bg-primary/10 text-primary\">\n <a.icon className=\"size-4\" />\n </div>\n </ItemMedia>\n <ItemContent>\n <ItemTitle>{a.title}</ItemTitle>\n <ItemDescription clamp={1}>{a.time}</ItemDescription>\n <div className=\"mt-2 grid grid-cols-2 gap-1.5\">\n {a.metrics.map((m) => (\n <div key={m.label} className=\"rounded-md border border-border/50 bg-muted/25 px-2.5 py-1.5\">\n <Text size=\"xs\" type=\"secondary\">{m.label}</Text>\n <Text size=\"xs\" weight=\"semibold\">{m.value}</Text>\n </div>\n ))}\n </div>\n </ItemContent>\n </Item>\n </div>\n ))}\n </ItemGroup>\n </SmartCard>\n );\n}\n\nExperienceActivityCard.displayName = 'ExperienceActivityCard';\n","import type { StringsProp } from '@/lib/strings';\n\nexport interface BreadcrumbProgressStep {\n\tid: string;\n\tlabel: string;\n\thint?: string;\n}\n\nexport interface BreadcrumbProgressStrings {\n\tstepLabel: string;\n\tofLabel: string;\n}\n\nexport const defaultBreadcrumbProgressStrings: BreadcrumbProgressStrings = {\n\tstepLabel: 'Step',\n\tofLabel: 'of',\n};\n\nexport interface BreadcrumbProgressProps {\n\tsteps: BreadcrumbProgressStep[];\n\tcurrentIndex: number;\n\tonStepClick?: (id: string, index: number) => void;\n\tclassName?: string;\n\tstrings?: StringsProp<BreadcrumbProgressStrings>;\n}\n","/\n BreadcrumbProgress — wizard / multi-step navigation with completed,\n * current, and upcoming states. Click any completed step to jump back.\n /\nimport { Check } from 'lucide-react';\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultBreadcrumbProgressStrings,\n\ttype BreadcrumbProgressProps,\n} from './types';\n\nexport function BreadcrumbProgress({ steps, currentIndex, onStepClick, className, strings: stringsProp }: BreadcrumbProgressProps) {\n\tconst strings = useStrings(defaultBreadcrumbProgressStrings, stringsProp);\n\n\treturn (\n\t\t<div className={cn('breadcrumb-progress--component', 'w-full', className)}>\n\t\t\t<div className=\"flex items-center justify-between mb-2\">\n\t\t\t\t<Text size=\"xs\" type=\"secondary\" weight=\"medium\" className=\"uppercase tracking-wider\">\n\t\t\t\t\t{strings.stepLabel} {currentIndex + 1} {strings.ofLabel} {steps.length}\n\t\t\t\t</Text>\n\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"semibold\" className=\"tabular-nums\">{Math.round(((currentIndex + 1) / steps.length) 100)}%</Text>\n\t\t\t</div>\n\t\t\t<ol className=\"flex items-center gap-2\">\n\t\t\t\t{steps.map((step, idx) => {\n\t\t\t\t\tconst isCompleted = idx < currentIndex;\n\t\t\t\t\tconst isCurrent = idx === currentIndex;\n\t\t\t\t\tconst isClickable = onStepClick && (isCompleted \|\| isCurrent);\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li key={step.id} className=\"flex min-w-0 flex-1 items-center gap-2\">\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tonClick={() => isClickable && onStepClick?.(step.id, idx)}\n\t\t\t\t\t\t\t\tdisabled={!isClickable}\n\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\tsize=\"default\"\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'h-auto min-w-0 justify-start gap-2 rounded-md px-2 py-1 text-left transition-colors',\n\t\t\t\t\t\t\t\t\tisClickable && 'hover:bg-muted/40',\n\t\t\t\t\t\t\t\t\t!isClickable && 'cursor-default',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'flex size-6 shrink-0 items-center justify-center rounded-full text-xs font-semibold tabular-nums',\n\t\t\t\t\t\t\t\t\t\tisCompleted && 'bg-success text-success-foreground',\n\t\t\t\t\t\t\t\t\t\tisCurrent && 'bg-primary text-primary-foreground ring-4 ring-primary/15',\n\t\t\t\t\t\t\t\t\t\t!isCompleted && !isCurrent && 'bg-muted text-muted-foreground',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{isCompleted ? <Check className=\"size-3.5\" /> : idx + 1}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<div className=\"hidden min-w-0 lg:block\">\n\t\t\t\t\t\t\t\t\t<Text size=\"xs\" weight=\"semibold\" className={cn(!isCurrent && !isCompleted && 'text-muted-foreground')}>{step.label}</Text>\n\t\t\t\t\t\t\t\t\t{!!step.hint && <Text size=\"xxs\" type=\"discrete\" className=\"truncate\">{step.hint}</Text>}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t{idx < steps.length - 1 && (\n\t\t\t\t\t\t\t\t<div className={cn('h-px flex-1', isCompleted ? 'bg-success' : 'bg-border')} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</ol>\n\t\t</div>\n\t);\n}\n\nBreadcrumbProgress.displayName = 'BreadcrumbProgress';\n","/*\n CategoryNavCard — vertical icon + label list with optional count badge per row.\n * Use as a sidebar nav for filtering or category browsing.\n */\nimport { ChevronRight } from 'lucide-react';\nimport { SmartCard } from '@/components/base/cards';\nimport { Badge } from '@/components/base/badge';\nimport {\n\tItem,\n\tItemActions,\n\tItemContent,\n\tItemDescription,\n\tItemGroup,\n\tItemMedia,\n\tItemTitle,\n} from '@/components/base/item';\nimport { cn } from '@/lib/utils';\n\nimport type { CategoryNavCardProps } from './types';\n\nexport function CategoryNavCard({ title, items, activeId, onSelect, className }: CategoryNavCardProps) {\n\treturn (\n\t\t<SmartCard title={title} padding=\"default\" className={cn('category-nav--component', className)}>\n\t\t\t<ItemGroup>\n\t\t\t\t{items.map((it) => {\n\t\t\t\t\tconst Icon = it.icon;\n\t\t\t\t\tconst active = it.id === activeId;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Item\n\t\t\t\t\t\t\tkey={it.id}\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tonClick={() => onSelect?.(it.id)}\n\t\t\t\t\t\t\tdata-state={active ? 'active' : 'inactive'}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'cursor-pointer transition-colors',\n\t\t\t\t\t\t\t\tactive ? 'bg-primary/10 text-primary' : 'hover:bg-muted/50',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t\t<ItemMedia variant=\"icon\" className={cn(active ? 'text-primary' : 'text-muted-foreground')}>\n\t\t\t\t\t\t\t\t\t<Icon />\n\t\t\t\t\t\t\t\t</ItemMedia>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<ItemContent>\n\t\t\t\t\t\t\t\t<ItemTitle bold={active}>{it.label}</ItemTitle>\n\t\t\t\t\t\t\t\t{!!it.hint && <ItemDescription clamp={1}>{it.hint}</ItemDescription>}\n\t\t\t\t\t\t\t</ItemContent>\n\t\t\t\t\t\t\t<ItemActions>\n\t\t\t\t\t\t\t\t{typeof it.count === 'number' && (\n\t\t\t\t\t\t\t\t\t<Badge variant={active ? 'primary' : 'secondary'} className=\"tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t{it.count}\n\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<ChevronRight\n\t\t\t\t\t\t\t\t\tclassName={cn('size-4 shrink-0 text-muted-foreground/60', active && 'text-primary')}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ItemActions>\n\t\t\t\t\t\t</Item>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</ItemGroup>\n\t\t</SmartCard>\n\t);\n}\n\nCategoryNavCard.displayName = 'CategoryNavCard';\n"],"mappings":"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"}
1	+ {"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/components/composed/navigation/kanban-board/kanban-board.tsx","../../../../src/components/composed/navigation/tab-switcher/tab-switcher.tsx","../../../../src/components/composed/navigation/time-ruler/types.ts","../../../../src/components/composed/navigation/time-ruler/time-ruler.tsx","../../../../src/components/composed/navigation/vendor-performance/vendor-performance.tsx","../../../../src/components/composed/navigation/experience-activity/experience-activity.strings.ts","../../../../src/components/composed/navigation/experience-activity/experience-activity.tsx","../../../../src/components/composed/navigation/breadcrumb-progress/types.ts","../../../../src/components/composed/navigation/breadcrumb-progress/breadcrumb-progress.tsx","../../../../src/components/composed/navigation/category-nav/category-nav.tsx"],"sourcesContent":["import { Badge, type ComposedBadgeVariant } from '@/components/base/badge/badge';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { cn } from '@/lib/utils';\n\nimport type { KanbanColumnTone, KanbanMicroBoardProps } from './types';\n\nconst COLUMN_BADGE: Record<KanbanColumnTone, ComposedBadgeVariant> = {\n\tneutral: 'secondary',\n\tprimary: 'primary',\n\tinfo: 'info',\n\tsuccess: 'success',\n\twarning: 'warning',\n\tdestructive: 'error',\n};\n\nconst ITEM_DOT: Record<KanbanColumnTone, string> = {\n\tneutral: 'bg-muted-foreground',\n\tprimary: 'bg-primary',\n\tinfo: 'bg-info',\n\tsuccess: 'bg-success',\n\twarning: 'bg-warning',\n\tdestructive: 'bg-destructive',\n};\n\nexport function KanbanMicroBoard({ columns, className }: KanbanMicroBoardProps) {\n\tconst totalItems = columns.reduce((sum, col) => sum + col.items.length, 0);\n\n\treturn (\n\t\t<SmartCard\n\t\t\ttitle=\"Pipeline Overview\"\n\t\t\ttitleSuffix={<Badge variant=\"secondary\">{totalItems} items</Badge>}\n\t\t\tclassName={cn('kanban-board--component', className)}\n\t\t>\n\t\t\t<div className=\"grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-4\">\n\t\t\t\t{columns.map((col) => {\n\t\t\t\t\tconst tone = col.tone ?? 'neutral';\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={col.title}\n\t\t\t\t\t\t\tclassName=\"rounded-md border border-border/60 bg-muted/30 p-2\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"mb-2 flex items-center justify-between gap-2\">\n\t\t\t\t\t\t\t\t<Text size=\"xs\" weight=\"semibold\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t{col.title}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t<Badge variant={COLUMN_BADGE[tone]}>\n\t\t\t\t\t\t\t\t\t{col.items.length}\n\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"space-y-1.5\">\n\t\t\t\t\t\t\t\t{col.items.map((item, itemIdx) => (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tkey={`${col.title}-${itemIdx}`}\n\t\t\t\t\t\t\t\t\t\tclassName=\"flex min-h-8 items-center gap-2 rounded-md border border-border/50 bg-card px-2 py-1.5 shadow-sm\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'h-1.5 w-1.5 flex-shrink-0 rounded-full',\n\t\t\t\t\t\t\t\t\t\t\t\tITEM_DOT[item.tone ?? tone],\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<Text size=\"xs\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</SmartCard>\n\t);\n}\n\nKanbanMicroBoard.displayName = 'KanbanMicroBoard';\n","import { useState } from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { cn } from '@/lib/utils';\n\nimport type { TabSwitcherCardProps } from './types';\n\nexport function TabSwitcherCard({ title, tabs, defaultTab, className }: TabSwitcherCardProps) {\n const tabKeys = Object.keys(tabs);\n const [activeTab, setActiveTab] = useState<string>(defaultTab ?? tabKeys[0] ?? '');\n\n return (\n <SmartCard title={title} className={cn('tab-switcher--component', 'bg-gradient-to-b from-muted/30 to-card', className)}>\n {/* Pill tabs /}\n <div className=\"mt-4 flex gap-1 rounded-full bg-muted/50 p-1\">\n {tabKeys.map((t) => (\n <Button\n key={t}\n variant={activeTab === t ? 'light' : 'secondary'}\n buttonStyle={activeTab === t ? 'solid' : 'ghost'}\n onClick={() => setActiveTab(t)}\n className={cn('flex-1 rounded-full capitalize', activeTab === t ? 'shadow-sm' : '')}\n >\n {t}\n </Button>\n ))}\n </div>\n\n <div className=\"mt-4 space-y-2\">\n {tabs[activeTab]?.map((item) => (\n <div key={item.name} className=\"flex items-center gap-3 rounded-xl px-2 py-2 transition-colors hover:bg-muted/20\">\n {!!item.icon && (\n <div className=\"flex size-8 items-center justify-center rounded-full bg-primary/10\">\n <item.icon className=\"size-4 text-primary\" />\n </div>\n )}\n <Text className=\"flex-1\">{item.name}</Text>\n <Text weight=\"bold\">{item.value}</Text>\n </div>\n ))}\n </div>\n </SmartCard>\n );\n}\n\nTabSwitcherCard.displayName = 'TabSwitcherCard';\n","import type { StringsProp } from '@/lib/strings';\n\nexport interface TimeDistributionRulerStrings {\n /* Density-band legend labels. /\n legendNone: string;\n legendLow: string;\n legendMedium: string;\n legendHigh: string;\n /* \"Now\" marker label. /\n legendNow: string;\n /* Format function for the per-hour `title` tooltip (\"08:00 - 5 bookings\"). /\n formatHourTitle: (hourLabel: string, count: number) => string;\n}\n\nexport const defaultTimeDistributionRulerStrings: TimeDistributionRulerStrings = {\n legendNone: 'None',\n legendLow: 'Low',\n legendMedium: 'Medium',\n legendHigh: 'High',\n legendNow: 'Now',\n formatHourTitle: (hourLabel, count) => `${hourLabel}:00 - ${count} bookings`,\n};\n\nexport interface TimeDistributionRulerProps {\n hours: number[];\n currentHour?: number;\n className?: string;\n strings?: StringsProp<TimeDistributionRulerStrings>;\n}\n","import { Text } from '@/components/typography/text';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultTimeDistributionRulerStrings, type TimeDistributionRulerProps } from './types';\n\nexport function TimeDistributionRuler({ hours, currentHour, className, strings: stringsProp }: TimeDistributionRulerProps) {\n const strings = useStrings(defaultTimeDistributionRulerStrings, stringsProp);\n const maxVal = Math.max(...hours, 1);\n const peakHour = hours.indexOf(Math.max(...hours));\n\n function getDensityClass(count: number): string {\n if (count === 0) return 'bg-muted';\n const ratio = count / maxVal;\n if (ratio < 0.33) return 'bg-primary/25';\n if (ratio < 0.66) return 'bg-primary/55';\n return 'bg-primary';\n }\n\n return (\n <div className={cn('time-ruler--component', 'space-y-1.5', className)}>\n {/ Ruler bar /}\n <div className=\"relative flex h-8 gap-px overflow-hidden rounded-md\">\n {hours.map((count, hour) => (\n <div\n key={hour}\n className={cn(\n 'relative flex-1 transition-colors duration-200',\n getDensityClass(count),\n hour === peakHour && 'ring-1 ring-primary ring-inset',\n )}\n title={strings.formatHourTitle(String(hour).padStart(2, '0'), count)}\n />\n ))}\n </div>\n {/ Hour labels + now marker /}\n <div className=\"relative flex\">\n {hours.map((_, hour) => (\n <div key={hour} className=\"flex-1 text-center\">\n {hour % 4 === 0 && (\n <Text size=\"xs\" type=\"secondary\" className=\"tabular-nums\">\n {String(hour).padStart(2, '0')}\n </Text>\n )}\n </div>\n ))}\n </div>\n {/ Now marker /}\n {currentHour !== undefined && currentHour >= 0 && currentHour < 24 && (\n <div className=\"relative h-0\">\n <div\n className=\"absolute -top-[42px] flex flex-col items-center\"\n style={{ left: `${(currentHour / 24) 100}%`, transform: 'translateX(-50%)' }}\n >\n <div\n className=\"h-0 w-0 border-x-[4px] border-b-[5px] border-x-transparent border-b-destructive\"\n />\n </div>\n </div>\n )}\n {/* Legend /}\n <div className=\"flex items-center gap-3\">\n <div className=\"flex items-center gap-1\">\n <div className=\"h-2 w-3 rounded-sm bg-muted\" />\n <Text size=\"xs\" type=\"secondary\">{strings.legendNone}</Text>\n </div>\n <div className=\"flex items-center gap-1\">\n <div className=\"h-2 w-3 rounded-sm bg-primary/25\" />\n <Text size=\"xs\" type=\"secondary\">{strings.legendLow}</Text>\n </div>\n <div className=\"flex items-center gap-1\">\n <div className=\"h-2 w-3 rounded-sm bg-primary/55\" />\n <Text size=\"xs\" type=\"secondary\">{strings.legendMedium}</Text>\n </div>\n <div className=\"flex items-center gap-1\">\n <div className=\"h-2 w-3 rounded-sm bg-primary\" />\n <Text size=\"xs\" type=\"secondary\">{strings.legendHigh}</Text>\n </div>\n {currentHour !== undefined && (\n <div className=\"flex items-center gap-1\">\n <div className=\"h-0 w-0 border-x-[3px] border-b-[4px] border-x-transparent border-b-destructive\" />\n <Text size=\"xs\" type=\"secondary\">{strings.legendNow}</Text>\n </div>\n )}\n </div>\n </div>\n );\n}\n\nTimeDistributionRuler.displayName = 'TimeDistributionRuler';\n","import { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { cn } from '@/lib/utils';\n\nimport type { VendorPerformanceCardProps } from './types';\n\nfunction RatingStars({ rating, maxRating = 5 }: { rating: number; maxRating?: number }) {\n return (\n <div className={cn('vendor-performance--component', 'flex items-center gap-0.5')}>\n {Array.from({ length: maxRating }, (_, i) => (\n <svg\n key={`star-${String(i)}`}\n className={cn(\n 'h-3.5 w-3.5',\n i < rating ? 'text-warning' : 'text-muted',\n )}\n viewBox=\"0 0 24 24\"\n fill=\"currentColor\"\n stroke=\"none\"\n >\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" />\n </svg>\n ))}\n </div>\n );\n}\n\nfunction performanceBarColor(score: number): string {\n if (score >= 80) return 'bg-success';\n if (score >= 50) return 'bg-warning';\n return 'bg-destructive';\n}\n\nexport function VendorPerformanceCard({\n vendorName,\n rating,\n maxRating = 5,\n metrics,\n performanceScore,\n lastActive,\n joinedDate,\n className,\n}: VendorPerformanceCardProps) {\n return (\n <SmartCard\n title={vendorName}\n className={className}\n footerText={\n <div className=\"flex items-center justify-between gap-4\">\n <Text size=\"xs\" type=\"secondary\">Last active: {lastActive}</Text>\n <Text size=\"xs\" type=\"secondary\">Joined: {joinedDate}</Text>\n </div>\n }\n >\n <div className=\"space-y-4\">\n <RatingStars rating={rating} maxRating={maxRating} />\n\n <div className=\"grid grid-cols-2 gap-2\">\n {([\n { label: 'Bookings', value: String(metrics.bookings) },\n { label: 'Revenue', value: metrics.revenue },\n { label: 'Avg Rating', value: String(metrics.avgRating) },\n { label: 'Response', value: metrics.responseTime },\n ] as const).map((metric) => (\n <div\n key={metric.label}\n className=\"rounded-lg bg-muted/50 p-3 text-center\"\n >\n <Text size=\"lg\" weight=\"bold\" className=\"tabular-nums\">\n {metric.value}\n </Text>\n <Text size=\"xs\" type=\"secondary\">\n {metric.label}\n </Text>\n </div>\n ))}\n </div>\n\n <div className=\"space-y-1.5\">\n <div className=\"flex items-center justify-between\">\n <Text>Performance</Text>\n <Text weight=\"semibold\" className=\"tabular-nums\">\n {performanceScore}%\n </Text>\n </div>\n <div className=\"h-2 w-full overflow-hidden rounded-full bg-muted\">\n <div\n className={cn(\n 'h-full rounded-full transition-all duration-500',\n performanceBarColor(performanceScore),\n )}\n style={{ width: `${String(performanceScore)}%` }}\n />\n </div>\n </div>\n </div>\n </SmartCard>\n );\n}\n\nVendorPerformanceCard.displayName = 'VendorPerformanceCard';\n","import type { StringsProp } from '@/lib/strings';\n\nexport interface ExperienceActivityCardStrings {\n\tdescription: string;\n\taddActionLabel: string;\n}\n\nexport const defaultExperienceActivityCardStrings: ExperienceActivityCardStrings = {\n\tdescription: 'Experiences completed this week',\n\taddActionLabel: 'Add activity',\n};\n\nexport type ExperienceActivityCardStringsProp = StringsProp<ExperienceActivityCardStrings>;\n","import { Plus } from 'lucide-react';\n\nimport { Button } from '@/components/base/buttons';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport {\n Item,\n ItemContent,\n ItemDescription,\n ItemGroup,\n ItemMedia,\n ItemSeparator,\n ItemTitle,\n} from '@/components/base/item';\nimport { Text } from '@/components/typography/text';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n defaultExperienceActivityCardStrings,\n} from './experience-activity.strings';\nimport type { ExperienceActivityCardProps } from './types';\n\nexport function ExperienceActivityCard({\n completed,\n total,\n activities,\n onAdd,\n strings: stringsProp,\n className,\n}: ExperienceActivityCardProps) {\n const strings = useStrings(defaultExperienceActivityCardStrings, stringsProp);\n\n return (\n <SmartCard\n title={`${completed} out of ${total}`}\n description={strings.description}\n headerEnd={\n !!onAdd && (\n <Button\n variant=\"secondary\"\n buttonStyle=\"ghost\"\n size=\"icon-small\"\n aria-label={strings.addActionLabel}\n onClick={onAdd}\n >\n <Plus className=\"size-4\" />\n </Button>\n )\n }\n className={cn('experience-activity--component', className)}\n >\n <ItemGroup>\n {activities.map((a, i) => (\n <div key={a.title}>\n {i > 0 && <ItemSeparator />}\n <Item size=\"small\" className=\"items-start\">\n <ItemMedia>\n <div className=\"flex size-8 items-center justify-center rounded-md bg-primary/10 text-primary\">\n <a.icon className=\"size-4\" />\n </div>\n </ItemMedia>\n <ItemContent>\n <ItemTitle>{a.title}</ItemTitle>\n <ItemDescription clamp={1}>{a.time}</ItemDescription>\n <div className=\"mt-2 grid grid-cols-2 gap-1.5\">\n {a.metrics.map((m) => (\n <div key={m.label} className=\"rounded-md border border-border/50 bg-muted/25 px-2.5 py-1.5\">\n <Text size=\"xs\" type=\"secondary\">{m.label}</Text>\n <Text size=\"xs\" weight=\"semibold\">{m.value}</Text>\n </div>\n ))}\n </div>\n </ItemContent>\n </Item>\n </div>\n ))}\n </ItemGroup>\n </SmartCard>\n );\n}\n\nExperienceActivityCard.displayName = 'ExperienceActivityCard';\n","import type { StringsProp } from '@/lib/strings';\n\nexport interface BreadcrumbProgressStep {\n\tid: string;\n\tlabel: string;\n\thint?: string;\n}\n\nexport interface BreadcrumbProgressStrings {\n\tstepLabel: string;\n\tofLabel: string;\n}\n\nexport const defaultBreadcrumbProgressStrings: BreadcrumbProgressStrings = {\n\tstepLabel: 'Step',\n\tofLabel: 'of',\n};\n\nexport interface BreadcrumbProgressProps {\n\tsteps: BreadcrumbProgressStep[];\n\tcurrentIndex: number;\n\tonStepClick?: (id: string, index: number) => void;\n\tclassName?: string;\n\tstrings?: StringsProp<BreadcrumbProgressStrings>;\n}\n","/\n BreadcrumbProgress — wizard / multi-step navigation with completed,\n * current, and upcoming states. Click any completed step to jump back.\n /\nimport { Check } from 'lucide-react';\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultBreadcrumbProgressStrings,\n\ttype BreadcrumbProgressProps,\n} from './types';\n\nexport function BreadcrumbProgress({ steps, currentIndex, onStepClick, className, strings: stringsProp }: BreadcrumbProgressProps) {\n\tconst strings = useStrings(defaultBreadcrumbProgressStrings, stringsProp);\n\n\treturn (\n\t\t<div className={cn('breadcrumb-progress--component', 'w-full', className)}>\n\t\t\t<div className=\"flex items-center justify-between mb-2\">\n\t\t\t\t<Text size=\"xs\" type=\"secondary\" weight=\"medium\" className=\"uppercase tracking-wider\">\n\t\t\t\t\t{strings.stepLabel} {currentIndex + 1} {strings.ofLabel} {steps.length}\n\t\t\t\t</Text>\n\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"semibold\" className=\"tabular-nums\">{Math.round(((currentIndex + 1) / steps.length) 100)}%</Text>\n\t\t\t</div>\n\t\t\t<ol className=\"flex items-center gap-2\">\n\t\t\t\t{steps.map((step, idx) => {\n\t\t\t\t\tconst isCompleted = idx < currentIndex;\n\t\t\t\t\tconst isCurrent = idx === currentIndex;\n\t\t\t\t\tconst isClickable = onStepClick && (isCompleted \|\| isCurrent);\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li key={step.id} className=\"flex min-w-0 flex-1 items-center gap-2\">\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tonClick={() => isClickable && onStepClick?.(step.id, idx)}\n\t\t\t\t\t\t\t\tdisabled={!isClickable}\n\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\tsize=\"default\"\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'h-auto min-w-0 justify-start gap-2 rounded-md px-2 py-1 text-left transition-colors',\n\t\t\t\t\t\t\t\t\tisClickable && 'hover:bg-muted/40',\n\t\t\t\t\t\t\t\t\t!isClickable && 'cursor-default',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'flex size-6 shrink-0 items-center justify-center rounded-full text-xs font-semibold tabular-nums',\n\t\t\t\t\t\t\t\t\t\tisCompleted && 'bg-success text-success-foreground',\n\t\t\t\t\t\t\t\t\t\tisCurrent && 'bg-primary text-primary-foreground ring-4 ring-primary/15',\n\t\t\t\t\t\t\t\t\t\t!isCompleted && !isCurrent && 'bg-muted text-muted-foreground',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{isCompleted ? <Check className=\"size-3.5\" /> : idx + 1}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<div className=\"hidden min-w-0 lg:block\">\n\t\t\t\t\t\t\t\t\t<Text size=\"xs\" weight=\"semibold\" className={cn(!isCurrent && !isCompleted && 'text-muted-foreground')}>{step.label}</Text>\n\t\t\t\t\t\t\t\t\t{!!step.hint && <Text size=\"xs\" type=\"discrete\" className=\"truncate\">{step.hint}</Text>}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t{idx < steps.length - 1 && (\n\t\t\t\t\t\t\t\t<div className={cn('h-px flex-1', isCompleted ? 'bg-success' : 'bg-border')} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</ol>\n\t\t</div>\n\t);\n}\n\nBreadcrumbProgress.displayName = 'BreadcrumbProgress';\n","/*\n CategoryNavCard — vertical icon + label list with optional count badge per row.\n * Use as a sidebar nav for filtering or category browsing.\n */\nimport { ChevronRight } from 'lucide-react';\nimport { SmartCard } from '@/components/base/cards';\nimport { Badge } from '@/components/base/badge';\nimport {\n\tItem,\n\tItemActions,\n\tItemContent,\n\tItemDescription,\n\tItemGroup,\n\tItemMedia,\n\tItemTitle,\n} from '@/components/base/item';\nimport { cn } from '@/lib/utils';\n\nimport type { CategoryNavCardProps } from './types';\n\nexport function CategoryNavCard({ title, items, activeId, onSelect, className }: CategoryNavCardProps) {\n\treturn (\n\t\t<SmartCard title={title} padding=\"default\" className={cn('category-nav--component', className)}>\n\t\t\t<ItemGroup>\n\t\t\t\t{items.map((it) => {\n\t\t\t\t\tconst Icon = it.icon;\n\t\t\t\t\tconst active = it.id === activeId;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Item\n\t\t\t\t\t\t\tkey={it.id}\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tonClick={() => onSelect?.(it.id)}\n\t\t\t\t\t\t\tdata-state={active ? 'active' : 'inactive'}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'cursor-pointer transition-colors',\n\t\t\t\t\t\t\t\tactive ? 'bg-primary/10 text-primary' : 'hover:bg-muted/50',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t\t<ItemMedia variant=\"icon\" className={cn(active ? 'text-primary' : 'text-muted-foreground')}>\n\t\t\t\t\t\t\t\t\t<Icon />\n\t\t\t\t\t\t\t\t</ItemMedia>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<ItemContent>\n\t\t\t\t\t\t\t\t<ItemTitle bold={active}>{it.label}</ItemTitle>\n\t\t\t\t\t\t\t\t{!!it.hint && <ItemDescription clamp={1}>{it.hint}</ItemDescription>}\n\t\t\t\t\t\t\t</ItemContent>\n\t\t\t\t\t\t\t<ItemActions>\n\t\t\t\t\t\t\t\t{typeof it.count === 'number' && (\n\t\t\t\t\t\t\t\t\t<Badge variant={active ? 'primary' : 'secondary'} className=\"tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t{it.count}\n\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<ChevronRight\n\t\t\t\t\t\t\t\t\tclassName={cn('size-4 shrink-0 text-muted-foreground/60', active && 'text-primary')}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ItemActions>\n\t\t\t\t\t\t</Item>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</ItemGroup>\n\t\t</SmartCard>\n\t);\n}\n\nCategoryNavCard.displayName = 'CategoryNavCard';\n"],"mappings":"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"}

package/dist/components/composed/navigation/index.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
-import { t as n } from "../../../_shared/button-vv59_uS_.js";
-import { s as r } from "../../../_shared/typography-CzFVA1w1.js";
-import { t as i } from "../../../_shared/badge-BYNwSWh5.js";
-import { t as a } from "../../../_shared/cards-cQ9lL6zy.js";
-import { c as o, i as s, l as c, n as l, o as u, r as d, t as f, u as p } from "../../../_shared/item-D7GTzvhf.js";
+import { t as n } from "../../../_shared/button-Be2ayMxF.js";
+import { s as r } from "../../../_shared/typography-5bLhAYaK.js";
+import { t as i } from "../../../_shared/badge-nZ2zbAV4.js";
+import { t as a } from "../../../_shared/cards-BJctT9KD.js";
+import { c as o, i as s, l as c, n as l, o as u, r as d, t as f, u as p } from "../../../_shared/item-CVjjpHQd.js";
 import { useState as m } from "react";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
 import { Check as _, ChevronRight as v, Plus as y } from "lucide-react";
@@ -139,7 +139,7 @@ function T({ hours: n, currentHour: i, className: a, strings: o }) {
 				children: n.map((e, t) => /* @__PURE__ */ h("div", {
 					className: "flex-1 text-center",
 					children: t % 4 == 0 && /* @__PURE__ */ h(r, {
-						size: "xxs",
+						size: "xs",
 						type: "secondary",
 						className: "tabular-nums",
 						children: String(t).padStart(2, "0")
@@ -163,7 +163,7 @@ function T({ hours: n, currentHour: i, className: a, strings: o }) {
 					/* @__PURE__ */ g("div", {
 						className: "flex items-center gap-1",
 						children: [/* @__PURE__ */ h("div", { className: "h-2 w-3 rounded-sm bg-muted" }), /* @__PURE__ */ h(r, {
-							size: "xxs",
+							size: "xs",
 							type: "secondary",
 							children: s.legendNone
 						})]
@@ -171,7 +171,7 @@ function T({ hours: n, currentHour: i, className: a, strings: o }) {
 					/* @__PURE__ */ g("div", {
 						className: "flex items-center gap-1",
 						children: [/* @__PURE__ */ h("div", { className: "h-2 w-3 rounded-sm bg-primary/25" }), /* @__PURE__ */ h(r, {
-							size: "xxs",
+							size: "xs",
 							type: "secondary",
 							children: s.legendLow
 						})]
@@ -179,7 +179,7 @@ function T({ hours: n, currentHour: i, className: a, strings: o }) {
 					/* @__PURE__ */ g("div", {
 						className: "flex items-center gap-1",
 						children: [/* @__PURE__ */ h("div", { className: "h-2 w-3 rounded-sm bg-primary/55" }), /* @__PURE__ */ h(r, {
-							size: "xxs",
+							size: "xs",
 							type: "secondary",
 							children: s.legendMedium
 						})]
@@ -187,7 +187,7 @@ function T({ hours: n, currentHour: i, className: a, strings: o }) {
 					/* @__PURE__ */ g("div", {
 						className: "flex items-center gap-1",
 						children: [/* @__PURE__ */ h("div", { className: "h-2 w-3 rounded-sm bg-primary" }), /* @__PURE__ */ h(r, {
-							size: "xxs",
+							size: "xs",
 							type: "secondary",
 							children: s.legendHigh
 						})]
@@ -195,7 +195,7 @@ function T({ hours: n, currentHour: i, className: a, strings: o }) {
 					i !== void 0 && /* @__PURE__ */ g("div", {
 						className: "flex items-center gap-1",
 						children: [/* @__PURE__ */ h("div", { className: "h-0 w-0 border-x-[3px] border-b-[4px] border-x-transparent border-b-destructive" }), /* @__PURE__ */ h(r, {
-							size: "xxs",
+							size: "xs",
 							type: "secondary",
 							children: s.legendNow
 						})]
@@ -230,11 +230,11 @@ function O({ vendorName: e, rating: n, maxRating: i = 5, metrics: o, performance
 		footerText: /* @__PURE__ */ g("div", {
 			className: "flex items-center justify-between gap-4",
 			children: [/* @__PURE__ */ g(r, {
-				size: "xxs",
+				size: "xs",
 				type: "secondary",
 				children: ["Last active: ", c]
 			}), /* @__PURE__ */ g(r, {
-				size: "xxs",
+				size: "xs",
 				type: "secondary",
 				children: ["Joined: ", l]
 			})]
@@ -273,7 +273,7 @@ function O({ vendorName: e, rating: n, maxRating: i = 5, metrics: o, performance
 							className: "tabular-nums",
 							children: e.value
 						}), /* @__PURE__ */ h(r, {
-							size: "xxs",
+							size: "xs",
 							type: "secondary",
 							children: e.label
 						})]
@@ -415,7 +415,7 @@ function M({ steps: i, currentIndex: a, onStepClick: o, className: s, strings: c
 								className: t(!l && !c && "text-muted-foreground"),
 								children: e.label
 							}), !!e.hint && /* @__PURE__ */ h(r, {
-								size: "xxs",
+								size: "xs",
 								type: "discrete",
 								className: "truncate",
 								children: e.hint

package/dist/components/composed/navigation/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/composed/navigation/kanban-board/kanban-board.tsx","../../../../src/components/composed/navigation/tab-switcher/tab-switcher.tsx","../../../../src/components/composed/navigation/time-ruler/types.ts","../../../../src/components/composed/navigation/time-ruler/time-ruler.tsx","../../../../src/components/composed/navigation/vendor-performance/vendor-performance.tsx","../../../../src/components/composed/navigation/experience-activity/experience-activity.strings.ts","../../../../src/components/composed/navigation/experience-activity/experience-activity.tsx","../../../../src/components/composed/navigation/breadcrumb-progress/types.ts","../../../../src/components/composed/navigation/breadcrumb-progress/breadcrumb-progress.tsx","../../../../src/components/composed/navigation/category-nav/category-nav.tsx"],"sourcesContent":["import { Badge, type ComposedBadgeVariant } from '@/components/base/badge/badge';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { cn } from '@/lib/utils';\n\nimport type { KanbanColumnTone, KanbanMicroBoardProps } from './types';\n\nconst COLUMN_BADGE: Record<KanbanColumnTone, ComposedBadgeVariant> = {\n\tneutral: 'secondary',\n\tprimary: 'primary',\n\tinfo: 'info',\n\tsuccess: 'success',\n\twarning: 'warning',\n\tdestructive: 'error',\n};\n\nconst ITEM_DOT: Record<KanbanColumnTone, string> = {\n\tneutral: 'bg-muted-foreground',\n\tprimary: 'bg-primary',\n\tinfo: 'bg-info',\n\tsuccess: 'bg-success',\n\twarning: 'bg-warning',\n\tdestructive: 'bg-destructive',\n};\n\nexport function KanbanMicroBoard({ columns, className }: KanbanMicroBoardProps) {\n\tconst totalItems = columns.reduce((sum, col) => sum + col.items.length, 0);\n\n\treturn (\n\t\t<SmartCard\n\t\t\ttitle=\"Pipeline Overview\"\n\t\t\ttitleSuffix={<Badge variant=\"secondary\">{totalItems} items</Badge>}\n\t\t\tclassName={cn('kanban-board--component', className)}\n\t\t>\n\t\t\t<div className=\"grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-4\">\n\t\t\t\t{columns.map((col) => {\n\t\t\t\t\tconst tone = col.tone ?? 'neutral';\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={col.title}\n\t\t\t\t\t\t\tclassName=\"rounded-md border border-border/60 bg-muted/30 p-2\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"mb-2 flex items-center justify-between gap-2\">\n\t\t\t\t\t\t\t\t<Text size=\"xs\" weight=\"semibold\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t{col.title}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t<Badge variant={COLUMN_BADGE[tone]}>\n\t\t\t\t\t\t\t\t\t{col.items.length}\n\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"space-y-1.5\">\n\t\t\t\t\t\t\t\t{col.items.map((item, itemIdx) => (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tkey={`${col.title}-${itemIdx}`}\n\t\t\t\t\t\t\t\t\t\tclassName=\"flex min-h-8 items-center gap-2 rounded-md border border-border/50 bg-card px-2 py-1.5 shadow-sm\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'h-1.5 w-1.5 flex-shrink-0 rounded-full',\n\t\t\t\t\t\t\t\t\t\t\t\tITEM_DOT[item.tone ?? tone],\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<Text size=\"xs\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</SmartCard>\n\t);\n}\n\nKanbanMicroBoard.displayName = 'KanbanMicroBoard';\n","import { useState } from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { cn } from '@/lib/utils';\n\nimport type { TabSwitcherCardProps } from './types';\n\nexport function TabSwitcherCard({ title, tabs, defaultTab, className }: TabSwitcherCardProps) {\n const tabKeys = Object.keys(tabs);\n const [activeTab, setActiveTab] = useState<string>(defaultTab ?? tabKeys[0] ?? '');\n\n return (\n <SmartCard title={title} className={cn('tab-switcher--component', 'bg-gradient-to-b from-muted/30 to-card', className)}>\n {/* Pill tabs /}\n <div className=\"mt-4 flex gap-1 rounded-full bg-muted/50 p-1\">\n {tabKeys.map((t) => (\n <Button\n key={t}\n variant={activeTab === t ? 'light' : 'secondary'}\n buttonStyle={activeTab === t ? 'solid' : 'ghost'}\n onClick={() => setActiveTab(t)}\n className={cn('flex-1 rounded-full capitalize', activeTab === t ? 'shadow-sm' : '')}\n >\n {t}\n </Button>\n ))}\n </div>\n\n <div className=\"mt-4 space-y-2\">\n {tabs[activeTab]?.map((item) => (\n <div key={item.name} className=\"flex items-center gap-3 rounded-xl px-2 py-2 transition-colors hover:bg-muted/20\">\n {!!item.icon && (\n <div className=\"flex size-8 items-center justify-center rounded-full bg-primary/10\">\n <item.icon className=\"size-4 text-primary\" />\n </div>\n )}\n <Text className=\"flex-1\">{item.name}</Text>\n <Text weight=\"bold\">{item.value}</Text>\n </div>\n ))}\n </div>\n </SmartCard>\n );\n}\n\nTabSwitcherCard.displayName = 'TabSwitcherCard';\n","import type { StringsProp } from '@/lib/strings';\n\nexport interface TimeDistributionRulerStrings {\n /* Density-band legend labels. /\n legendNone: string;\n legendLow: string;\n legendMedium: string;\n legendHigh: string;\n /* \"Now\" marker label. /\n legendNow: string;\n /* Format function for the per-hour `title` tooltip (\"08:00 - 5 bookings\"). /\n formatHourTitle: (hourLabel: string, count: number) => string;\n}\n\nexport const defaultTimeDistributionRulerStrings: TimeDistributionRulerStrings = {\n legendNone: 'None',\n legendLow: 'Low',\n legendMedium: 'Medium',\n legendHigh: 'High',\n legendNow: 'Now',\n formatHourTitle: (hourLabel, count) => `${hourLabel}:00 - ${count} bookings`,\n};\n\nexport interface TimeDistributionRulerProps {\n hours: number[];\n currentHour?: number;\n className?: string;\n strings?: StringsProp<TimeDistributionRulerStrings>;\n}\n","import { Text } from '@/components/typography/text';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultTimeDistributionRulerStrings, type TimeDistributionRulerProps } from './types';\n\nexport function TimeDistributionRuler({ hours, currentHour, className, strings: stringsProp }: TimeDistributionRulerProps) {\n const strings = useStrings(defaultTimeDistributionRulerStrings, stringsProp);\n const maxVal = Math.max(...hours, 1);\n const peakHour = hours.indexOf(Math.max(...hours));\n\n function getDensityClass(count: number): string {\n if (count === 0) return 'bg-muted';\n const ratio = count / maxVal;\n if (ratio < 0.33) return 'bg-primary/25';\n if (ratio < 0.66) return 'bg-primary/55';\n return 'bg-primary';\n }\n\n return (\n <div className={cn('time-ruler--component', 'space-y-1.5', className)}>\n {/ Ruler bar /}\n <div className=\"relative flex h-8 gap-px overflow-hidden rounded-md\">\n {hours.map((count, hour) => (\n <div\n key={hour}\n className={cn(\n 'relative flex-1 transition-colors duration-200',\n getDensityClass(count),\n hour === peakHour && 'ring-1 ring-primary ring-inset',\n )}\n title={strings.formatHourTitle(String(hour).padStart(2, '0'), count)}\n />\n ))}\n </div>\n {/ Hour labels + now marker /}\n <div className=\"relative flex\">\n {hours.map((_, hour) => (\n <div key={hour} className=\"flex-1 text-center\">\n {hour % 4 === 0 && (\n <Text size=\"xxs\" type=\"secondary\" className=\"tabular-nums\">\n {String(hour).padStart(2, '0')}\n </Text>\n )}\n </div>\n ))}\n </div>\n {/ Now marker /}\n {currentHour !== undefined && currentHour >= 0 && currentHour < 24 && (\n <div className=\"relative h-0\">\n <div\n className=\"absolute -top-[42px] flex flex-col items-center\"\n style={{ left: `${(currentHour / 24) 100}%`, transform: 'translateX(-50%)' }}\n >\n <div\n className=\"h-0 w-0 border-x-[4px] border-b-[5px] border-x-transparent border-b-destructive\"\n />\n </div>\n </div>\n )}\n {/* Legend /}\n <div className=\"flex items-center gap-3\">\n <div className=\"flex items-center gap-1\">\n <div className=\"h-2 w-3 rounded-sm bg-muted\" />\n <Text size=\"xxs\" type=\"secondary\">{strings.legendNone}</Text>\n </div>\n <div className=\"flex items-center gap-1\">\n <div className=\"h-2 w-3 rounded-sm bg-primary/25\" />\n <Text size=\"xxs\" type=\"secondary\">{strings.legendLow}</Text>\n </div>\n <div className=\"flex items-center gap-1\">\n <div className=\"h-2 w-3 rounded-sm bg-primary/55\" />\n <Text size=\"xxs\" type=\"secondary\">{strings.legendMedium}</Text>\n </div>\n <div className=\"flex items-center gap-1\">\n <div className=\"h-2 w-3 rounded-sm bg-primary\" />\n <Text size=\"xxs\" type=\"secondary\">{strings.legendHigh}</Text>\n </div>\n {currentHour !== undefined && (\n <div className=\"flex items-center gap-1\">\n <div className=\"h-0 w-0 border-x-[3px] border-b-[4px] border-x-transparent border-b-destructive\" />\n <Text size=\"xxs\" type=\"secondary\">{strings.legendNow}</Text>\n </div>\n )}\n </div>\n </div>\n );\n}\n\nTimeDistributionRuler.displayName = 'TimeDistributionRuler';\n","import { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { cn } from '@/lib/utils';\n\nimport type { VendorPerformanceCardProps } from './types';\n\nfunction RatingStars({ rating, maxRating = 5 }: { rating: number; maxRating?: number }) {\n return (\n <div className={cn('vendor-performance--component', 'flex items-center gap-0.5')}>\n {Array.from({ length: maxRating }, (_, i) => (\n <svg\n key={`star-${String(i)}`}\n className={cn(\n 'h-3.5 w-3.5',\n i < rating ? 'text-warning' : 'text-muted',\n )}\n viewBox=\"0 0 24 24\"\n fill=\"currentColor\"\n stroke=\"none\"\n >\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" />\n </svg>\n ))}\n </div>\n );\n}\n\nfunction performanceBarColor(score: number): string {\n if (score >= 80) return 'bg-success';\n if (score >= 50) return 'bg-warning';\n return 'bg-destructive';\n}\n\nexport function VendorPerformanceCard({\n vendorName,\n rating,\n maxRating = 5,\n metrics,\n performanceScore,\n lastActive,\n joinedDate,\n className,\n}: VendorPerformanceCardProps) {\n return (\n <SmartCard\n title={vendorName}\n className={className}\n footerText={\n <div className=\"flex items-center justify-between gap-4\">\n <Text size=\"xxs\" type=\"secondary\">Last active: {lastActive}</Text>\n <Text size=\"xxs\" type=\"secondary\">Joined: {joinedDate}</Text>\n </div>\n }\n >\n <div className=\"space-y-4\">\n <RatingStars rating={rating} maxRating={maxRating} />\n\n <div className=\"grid grid-cols-2 gap-2\">\n {([\n { label: 'Bookings', value: String(metrics.bookings) },\n { label: 'Revenue', value: metrics.revenue },\n { label: 'Avg Rating', value: String(metrics.avgRating) },\n { label: 'Response', value: metrics.responseTime },\n ] as const).map((metric) => (\n <div\n key={metric.label}\n className=\"rounded-lg bg-muted/50 p-3 text-center\"\n >\n <Text size=\"lg\" weight=\"bold\" className=\"tabular-nums\">\n {metric.value}\n </Text>\n <Text size=\"xxs\" type=\"secondary\">\n {metric.label}\n </Text>\n </div>\n ))}\n </div>\n\n <div className=\"space-y-1.5\">\n <div className=\"flex items-center justify-between\">\n <Text>Performance</Text>\n <Text weight=\"semibold\" className=\"tabular-nums\">\n {performanceScore}%\n </Text>\n </div>\n <div className=\"h-2 w-full overflow-hidden rounded-full bg-muted\">\n <div\n className={cn(\n 'h-full rounded-full transition-all duration-500',\n performanceBarColor(performanceScore),\n )}\n style={{ width: `${String(performanceScore)}%` }}\n />\n </div>\n </div>\n </div>\n </SmartCard>\n );\n}\n\nVendorPerformanceCard.displayName = 'VendorPerformanceCard';\n","import type { StringsProp } from '@/lib/strings';\n\nexport interface ExperienceActivityCardStrings {\n\tdescription: string;\n\taddActionLabel: string;\n}\n\nexport const defaultExperienceActivityCardStrings: ExperienceActivityCardStrings = {\n\tdescription: 'Experiences completed this week',\n\taddActionLabel: 'Add activity',\n};\n\nexport type ExperienceActivityCardStringsProp = StringsProp<ExperienceActivityCardStrings>;\n","import { Plus } from 'lucide-react';\n\nimport { Button } from '@/components/base/buttons';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport {\n Item,\n ItemContent,\n ItemDescription,\n ItemGroup,\n ItemMedia,\n ItemSeparator,\n ItemTitle,\n} from '@/components/base/item';\nimport { Text } from '@/components/typography/text';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n defaultExperienceActivityCardStrings,\n} from './experience-activity.strings';\nimport type { ExperienceActivityCardProps } from './types';\n\nexport function ExperienceActivityCard({\n completed,\n total,\n activities,\n onAdd,\n strings: stringsProp,\n className,\n}: ExperienceActivityCardProps) {\n const strings = useStrings(defaultExperienceActivityCardStrings, stringsProp);\n\n return (\n <SmartCard\n title={`${completed} out of ${total}`}\n description={strings.description}\n headerEnd={\n !!onAdd && (\n <Button\n variant=\"secondary\"\n buttonStyle=\"ghost\"\n size=\"icon-small\"\n aria-label={strings.addActionLabel}\n onClick={onAdd}\n >\n <Plus className=\"size-4\" />\n </Button>\n )\n }\n className={cn('experience-activity--component', className)}\n >\n <ItemGroup>\n {activities.map((a, i) => (\n <div key={a.title}>\n {i > 0 && <ItemSeparator />}\n <Item size=\"small\" className=\"items-start\">\n <ItemMedia>\n <div className=\"flex size-8 items-center justify-center rounded-md bg-primary/10 text-primary\">\n <a.icon className=\"size-4\" />\n </div>\n </ItemMedia>\n <ItemContent>\n <ItemTitle>{a.title}</ItemTitle>\n <ItemDescription clamp={1}>{a.time}</ItemDescription>\n <div className=\"mt-2 grid grid-cols-2 gap-1.5\">\n {a.metrics.map((m) => (\n <div key={m.label} className=\"rounded-md border border-border/50 bg-muted/25 px-2.5 py-1.5\">\n <Text size=\"xs\" type=\"secondary\">{m.label}</Text>\n <Text size=\"xs\" weight=\"semibold\">{m.value}</Text>\n </div>\n ))}\n </div>\n </ItemContent>\n </Item>\n </div>\n ))}\n </ItemGroup>\n </SmartCard>\n );\n}\n\nExperienceActivityCard.displayName = 'ExperienceActivityCard';\n","import type { StringsProp } from '@/lib/strings';\n\nexport interface BreadcrumbProgressStep {\n\tid: string;\n\tlabel: string;\n\thint?: string;\n}\n\nexport interface BreadcrumbProgressStrings {\n\tstepLabel: string;\n\tofLabel: string;\n}\n\nexport const defaultBreadcrumbProgressStrings: BreadcrumbProgressStrings = {\n\tstepLabel: 'Step',\n\tofLabel: 'of',\n};\n\nexport interface BreadcrumbProgressProps {\n\tsteps: BreadcrumbProgressStep[];\n\tcurrentIndex: number;\n\tonStepClick?: (id: string, index: number) => void;\n\tclassName?: string;\n\tstrings?: StringsProp<BreadcrumbProgressStrings>;\n}\n","/\n BreadcrumbProgress — wizard / multi-step navigation with completed,\n * current, and upcoming states. Click any completed step to jump back.\n /\nimport { Check } from 'lucide-react';\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultBreadcrumbProgressStrings,\n\ttype BreadcrumbProgressProps,\n} from './types';\n\nexport function BreadcrumbProgress({ steps, currentIndex, onStepClick, className, strings: stringsProp }: BreadcrumbProgressProps) {\n\tconst strings = useStrings(defaultBreadcrumbProgressStrings, stringsProp);\n\n\treturn (\n\t\t<div className={cn('breadcrumb-progress--component', 'w-full', className)}>\n\t\t\t<div className=\"flex items-center justify-between mb-2\">\n\t\t\t\t<Text size=\"xs\" type=\"secondary\" weight=\"medium\" className=\"uppercase tracking-wider\">\n\t\t\t\t\t{strings.stepLabel} {currentIndex + 1} {strings.ofLabel} {steps.length}\n\t\t\t\t</Text>\n\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"semibold\" className=\"tabular-nums\">{Math.round(((currentIndex + 1) / steps.length) 100)}%</Text>\n\t\t\t</div>\n\t\t\t<ol className=\"flex items-center gap-2\">\n\t\t\t\t{steps.map((step, idx) => {\n\t\t\t\t\tconst isCompleted = idx < currentIndex;\n\t\t\t\t\tconst isCurrent = idx === currentIndex;\n\t\t\t\t\tconst isClickable = onStepClick && (isCompleted \|\| isCurrent);\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li key={step.id} className=\"flex min-w-0 flex-1 items-center gap-2\">\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tonClick={() => isClickable && onStepClick?.(step.id, idx)}\n\t\t\t\t\t\t\t\tdisabled={!isClickable}\n\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\tsize=\"default\"\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'h-auto min-w-0 justify-start gap-2 rounded-md px-2 py-1 text-left transition-colors',\n\t\t\t\t\t\t\t\t\tisClickable && 'hover:bg-muted/40',\n\t\t\t\t\t\t\t\t\t!isClickable && 'cursor-default',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'flex size-6 shrink-0 items-center justify-center rounded-full text-xs font-semibold tabular-nums',\n\t\t\t\t\t\t\t\t\t\tisCompleted && 'bg-success text-success-foreground',\n\t\t\t\t\t\t\t\t\t\tisCurrent && 'bg-primary text-primary-foreground ring-4 ring-primary/15',\n\t\t\t\t\t\t\t\t\t\t!isCompleted && !isCurrent && 'bg-muted text-muted-foreground',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{isCompleted ? <Check className=\"size-3.5\" /> : idx + 1}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<div className=\"hidden min-w-0 lg:block\">\n\t\t\t\t\t\t\t\t\t<Text size=\"xs\" weight=\"semibold\" className={cn(!isCurrent && !isCompleted && 'text-muted-foreground')}>{step.label}</Text>\n\t\t\t\t\t\t\t\t\t{!!step.hint && <Text size=\"xxs\" type=\"discrete\" className=\"truncate\">{step.hint}</Text>}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t{idx < steps.length - 1 && (\n\t\t\t\t\t\t\t\t<div className={cn('h-px flex-1', isCompleted ? 'bg-success' : 'bg-border')} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</ol>\n\t\t</div>\n\t);\n}\n\nBreadcrumbProgress.displayName = 'BreadcrumbProgress';\n","/*\n CategoryNavCard — vertical icon + label list with optional count badge per row.\n * Use as a sidebar nav for filtering or category browsing.\n */\nimport { ChevronRight } from 'lucide-react';\nimport { SmartCard } from '@/components/base/cards';\nimport { Badge } from '@/components/base/badge';\nimport {\n\tItem,\n\tItemActions,\n\tItemContent,\n\tItemDescription,\n\tItemGroup,\n\tItemMedia,\n\tItemTitle,\n} from '@/components/base/item';\nimport { cn } from '@/lib/utils';\n\nimport type { CategoryNavCardProps } from './types';\n\nexport function CategoryNavCard({ title, items, activeId, onSelect, className }: CategoryNavCardProps) {\n\treturn (\n\t\t<SmartCard title={title} padding=\"default\" className={cn('category-nav--component', className)}>\n\t\t\t<ItemGroup>\n\t\t\t\t{items.map((it) => {\n\t\t\t\t\tconst Icon = it.icon;\n\t\t\t\t\tconst active = it.id === activeId;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Item\n\t\t\t\t\t\t\tkey={it.id}\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tonClick={() => onSelect?.(it.id)}\n\t\t\t\t\t\t\tdata-state={active ? 'active' : 'inactive'}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'cursor-pointer transition-colors',\n\t\t\t\t\t\t\t\tactive ? 'bg-primary/10 text-primary' : 'hover:bg-muted/50',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t\t<ItemMedia variant=\"icon\" className={cn(active ? 'text-primary' : 'text-muted-foreground')}>\n\t\t\t\t\t\t\t\t\t<Icon />\n\t\t\t\t\t\t\t\t</ItemMedia>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<ItemContent>\n\t\t\t\t\t\t\t\t<ItemTitle bold={active}>{it.label}</ItemTitle>\n\t\t\t\t\t\t\t\t{!!it.hint && <ItemDescription clamp={1}>{it.hint}</ItemDescription>}\n\t\t\t\t\t\t\t</ItemContent>\n\t\t\t\t\t\t\t<ItemActions>\n\t\t\t\t\t\t\t\t{typeof it.count === 'number' && (\n\t\t\t\t\t\t\t\t\t<Badge variant={active ? 'primary' : 'secondary'} className=\"tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t{it.count}\n\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<ChevronRight\n\t\t\t\t\t\t\t\t\tclassName={cn('size-4 shrink-0 text-muted-foreground/60', active && 'text-primary')}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ItemActions>\n\t\t\t\t\t\t</Item>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</ItemGroup>\n\t\t</SmartCard>\n\t);\n}\n\nCategoryNavCard.displayName = 'CategoryNavCard';\n"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/composed/navigation/kanban-board/kanban-board.tsx","../../../../src/components/composed/navigation/tab-switcher/tab-switcher.tsx","../../../../src/components/composed/navigation/time-ruler/types.ts","../../../../src/components/composed/navigation/time-ruler/time-ruler.tsx","../../../../src/components/composed/navigation/vendor-performance/vendor-performance.tsx","../../../../src/components/composed/navigation/experience-activity/experience-activity.strings.ts","../../../../src/components/composed/navigation/experience-activity/experience-activity.tsx","../../../../src/components/composed/navigation/breadcrumb-progress/types.ts","../../../../src/components/composed/navigation/breadcrumb-progress/breadcrumb-progress.tsx","../../../../src/components/composed/navigation/category-nav/category-nav.tsx"],"sourcesContent":["import { Badge, type ComposedBadgeVariant } from '@/components/base/badge/badge';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { cn } from '@/lib/utils';\n\nimport type { KanbanColumnTone, KanbanMicroBoardProps } from './types';\n\nconst COLUMN_BADGE: Record<KanbanColumnTone, ComposedBadgeVariant> = {\n\tneutral: 'secondary',\n\tprimary: 'primary',\n\tinfo: 'info',\n\tsuccess: 'success',\n\twarning: 'warning',\n\tdestructive: 'error',\n};\n\nconst ITEM_DOT: Record<KanbanColumnTone, string> = {\n\tneutral: 'bg-muted-foreground',\n\tprimary: 'bg-primary',\n\tinfo: 'bg-info',\n\tsuccess: 'bg-success',\n\twarning: 'bg-warning',\n\tdestructive: 'bg-destructive',\n};\n\nexport function KanbanMicroBoard({ columns, className }: KanbanMicroBoardProps) {\n\tconst totalItems = columns.reduce((sum, col) => sum + col.items.length, 0);\n\n\treturn (\n\t\t<SmartCard\n\t\t\ttitle=\"Pipeline Overview\"\n\t\t\ttitleSuffix={<Badge variant=\"secondary\">{totalItems} items</Badge>}\n\t\t\tclassName={cn('kanban-board--component', className)}\n\t\t>\n\t\t\t<div className=\"grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-4\">\n\t\t\t\t{columns.map((col) => {\n\t\t\t\t\tconst tone = col.tone ?? 'neutral';\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={col.title}\n\t\t\t\t\t\t\tclassName=\"rounded-md border border-border/60 bg-muted/30 p-2\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"mb-2 flex items-center justify-between gap-2\">\n\t\t\t\t\t\t\t\t<Text size=\"xs\" weight=\"semibold\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t{col.title}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t<Badge variant={COLUMN_BADGE[tone]}>\n\t\t\t\t\t\t\t\t\t{col.items.length}\n\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"space-y-1.5\">\n\t\t\t\t\t\t\t\t{col.items.map((item, itemIdx) => (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tkey={`${col.title}-${itemIdx}`}\n\t\t\t\t\t\t\t\t\t\tclassName=\"flex min-h-8 items-center gap-2 rounded-md border border-border/50 bg-card px-2 py-1.5 shadow-sm\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'h-1.5 w-1.5 flex-shrink-0 rounded-full',\n\t\t\t\t\t\t\t\t\t\t\t\tITEM_DOT[item.tone ?? tone],\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<Text size=\"xs\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</SmartCard>\n\t);\n}\n\nKanbanMicroBoard.displayName = 'KanbanMicroBoard';\n","import { useState } from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { cn } from '@/lib/utils';\n\nimport type { TabSwitcherCardProps } from './types';\n\nexport function TabSwitcherCard({ title, tabs, defaultTab, className }: TabSwitcherCardProps) {\n const tabKeys = Object.keys(tabs);\n const [activeTab, setActiveTab] = useState<string>(defaultTab ?? tabKeys[0] ?? '');\n\n return (\n <SmartCard title={title} className={cn('tab-switcher--component', 'bg-gradient-to-b from-muted/30 to-card', className)}>\n {/* Pill tabs /}\n <div className=\"mt-4 flex gap-1 rounded-full bg-muted/50 p-1\">\n {tabKeys.map((t) => (\n <Button\n key={t}\n variant={activeTab === t ? 'light' : 'secondary'}\n buttonStyle={activeTab === t ? 'solid' : 'ghost'}\n onClick={() => setActiveTab(t)}\n className={cn('flex-1 rounded-full capitalize', activeTab === t ? 'shadow-sm' : '')}\n >\n {t}\n </Button>\n ))}\n </div>\n\n <div className=\"mt-4 space-y-2\">\n {tabs[activeTab]?.map((item) => (\n <div key={item.name} className=\"flex items-center gap-3 rounded-xl px-2 py-2 transition-colors hover:bg-muted/20\">\n {!!item.icon && (\n <div className=\"flex size-8 items-center justify-center rounded-full bg-primary/10\">\n <item.icon className=\"size-4 text-primary\" />\n </div>\n )}\n <Text className=\"flex-1\">{item.name}</Text>\n <Text weight=\"bold\">{item.value}</Text>\n </div>\n ))}\n </div>\n </SmartCard>\n );\n}\n\nTabSwitcherCard.displayName = 'TabSwitcherCard';\n","import type { StringsProp } from '@/lib/strings';\n\nexport interface TimeDistributionRulerStrings {\n /* Density-band legend labels. /\n legendNone: string;\n legendLow: string;\n legendMedium: string;\n legendHigh: string;\n /* \"Now\" marker label. /\n legendNow: string;\n /* Format function for the per-hour `title` tooltip (\"08:00 - 5 bookings\"). /\n formatHourTitle: (hourLabel: string, count: number) => string;\n}\n\nexport const defaultTimeDistributionRulerStrings: TimeDistributionRulerStrings = {\n legendNone: 'None',\n legendLow: 'Low',\n legendMedium: 'Medium',\n legendHigh: 'High',\n legendNow: 'Now',\n formatHourTitle: (hourLabel, count) => `${hourLabel}:00 - ${count} bookings`,\n};\n\nexport interface TimeDistributionRulerProps {\n hours: number[];\n currentHour?: number;\n className?: string;\n strings?: StringsProp<TimeDistributionRulerStrings>;\n}\n","import { Text } from '@/components/typography/text';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultTimeDistributionRulerStrings, type TimeDistributionRulerProps } from './types';\n\nexport function TimeDistributionRuler({ hours, currentHour, className, strings: stringsProp }: TimeDistributionRulerProps) {\n const strings = useStrings(defaultTimeDistributionRulerStrings, stringsProp);\n const maxVal = Math.max(...hours, 1);\n const peakHour = hours.indexOf(Math.max(...hours));\n\n function getDensityClass(count: number): string {\n if (count === 0) return 'bg-muted';\n const ratio = count / maxVal;\n if (ratio < 0.33) return 'bg-primary/25';\n if (ratio < 0.66) return 'bg-primary/55';\n return 'bg-primary';\n }\n\n return (\n <div className={cn('time-ruler--component', 'space-y-1.5', className)}>\n {/ Ruler bar /}\n <div className=\"relative flex h-8 gap-px overflow-hidden rounded-md\">\n {hours.map((count, hour) => (\n <div\n key={hour}\n className={cn(\n 'relative flex-1 transition-colors duration-200',\n getDensityClass(count),\n hour === peakHour && 'ring-1 ring-primary ring-inset',\n )}\n title={strings.formatHourTitle(String(hour).padStart(2, '0'), count)}\n />\n ))}\n </div>\n {/ Hour labels + now marker /}\n <div className=\"relative flex\">\n {hours.map((_, hour) => (\n <div key={hour} className=\"flex-1 text-center\">\n {hour % 4 === 0 && (\n <Text size=\"xs\" type=\"secondary\" className=\"tabular-nums\">\n {String(hour).padStart(2, '0')}\n </Text>\n )}\n </div>\n ))}\n </div>\n {/ Now marker /}\n {currentHour !== undefined && currentHour >= 0 && currentHour < 24 && (\n <div className=\"relative h-0\">\n <div\n className=\"absolute -top-[42px] flex flex-col items-center\"\n style={{ left: `${(currentHour / 24) 100}%`, transform: 'translateX(-50%)' }}\n >\n <div\n className=\"h-0 w-0 border-x-[4px] border-b-[5px] border-x-transparent border-b-destructive\"\n />\n </div>\n </div>\n )}\n {/* Legend /}\n <div className=\"flex items-center gap-3\">\n <div className=\"flex items-center gap-1\">\n <div className=\"h-2 w-3 rounded-sm bg-muted\" />\n <Text size=\"xs\" type=\"secondary\">{strings.legendNone}</Text>\n </div>\n <div className=\"flex items-center gap-1\">\n <div className=\"h-2 w-3 rounded-sm bg-primary/25\" />\n <Text size=\"xs\" type=\"secondary\">{strings.legendLow}</Text>\n </div>\n <div className=\"flex items-center gap-1\">\n <div className=\"h-2 w-3 rounded-sm bg-primary/55\" />\n <Text size=\"xs\" type=\"secondary\">{strings.legendMedium}</Text>\n </div>\n <div className=\"flex items-center gap-1\">\n <div className=\"h-2 w-3 rounded-sm bg-primary\" />\n <Text size=\"xs\" type=\"secondary\">{strings.legendHigh}</Text>\n </div>\n {currentHour !== undefined && (\n <div className=\"flex items-center gap-1\">\n <div className=\"h-0 w-0 border-x-[3px] border-b-[4px] border-x-transparent border-b-destructive\" />\n <Text size=\"xs\" type=\"secondary\">{strings.legendNow}</Text>\n </div>\n )}\n </div>\n </div>\n );\n}\n\nTimeDistributionRuler.displayName = 'TimeDistributionRuler';\n","import { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { cn } from '@/lib/utils';\n\nimport type { VendorPerformanceCardProps } from './types';\n\nfunction RatingStars({ rating, maxRating = 5 }: { rating: number; maxRating?: number }) {\n return (\n <div className={cn('vendor-performance--component', 'flex items-center gap-0.5')}>\n {Array.from({ length: maxRating }, (_, i) => (\n <svg\n key={`star-${String(i)}`}\n className={cn(\n 'h-3.5 w-3.5',\n i < rating ? 'text-warning' : 'text-muted',\n )}\n viewBox=\"0 0 24 24\"\n fill=\"currentColor\"\n stroke=\"none\"\n >\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" />\n </svg>\n ))}\n </div>\n );\n}\n\nfunction performanceBarColor(score: number): string {\n if (score >= 80) return 'bg-success';\n if (score >= 50) return 'bg-warning';\n return 'bg-destructive';\n}\n\nexport function VendorPerformanceCard({\n vendorName,\n rating,\n maxRating = 5,\n metrics,\n performanceScore,\n lastActive,\n joinedDate,\n className,\n}: VendorPerformanceCardProps) {\n return (\n <SmartCard\n title={vendorName}\n className={className}\n footerText={\n <div className=\"flex items-center justify-between gap-4\">\n <Text size=\"xs\" type=\"secondary\">Last active: {lastActive}</Text>\n <Text size=\"xs\" type=\"secondary\">Joined: {joinedDate}</Text>\n </div>\n }\n >\n <div className=\"space-y-4\">\n <RatingStars rating={rating} maxRating={maxRating} />\n\n <div className=\"grid grid-cols-2 gap-2\">\n {([\n { label: 'Bookings', value: String(metrics.bookings) },\n { label: 'Revenue', value: metrics.revenue },\n { label: 'Avg Rating', value: String(metrics.avgRating) },\n { label: 'Response', value: metrics.responseTime },\n ] as const).map((metric) => (\n <div\n key={metric.label}\n className=\"rounded-lg bg-muted/50 p-3 text-center\"\n >\n <Text size=\"lg\" weight=\"bold\" className=\"tabular-nums\">\n {metric.value}\n </Text>\n <Text size=\"xs\" type=\"secondary\">\n {metric.label}\n </Text>\n </div>\n ))}\n </div>\n\n <div className=\"space-y-1.5\">\n <div className=\"flex items-center justify-between\">\n <Text>Performance</Text>\n <Text weight=\"semibold\" className=\"tabular-nums\">\n {performanceScore}%\n </Text>\n </div>\n <div className=\"h-2 w-full overflow-hidden rounded-full bg-muted\">\n <div\n className={cn(\n 'h-full rounded-full transition-all duration-500',\n performanceBarColor(performanceScore),\n )}\n style={{ width: `${String(performanceScore)}%` }}\n />\n </div>\n </div>\n </div>\n </SmartCard>\n );\n}\n\nVendorPerformanceCard.displayName = 'VendorPerformanceCard';\n","import type { StringsProp } from '@/lib/strings';\n\nexport interface ExperienceActivityCardStrings {\n\tdescription: string;\n\taddActionLabel: string;\n}\n\nexport const defaultExperienceActivityCardStrings: ExperienceActivityCardStrings = {\n\tdescription: 'Experiences completed this week',\n\taddActionLabel: 'Add activity',\n};\n\nexport type ExperienceActivityCardStringsProp = StringsProp<ExperienceActivityCardStrings>;\n","import { Plus } from 'lucide-react';\n\nimport { Button } from '@/components/base/buttons';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport {\n Item,\n ItemContent,\n ItemDescription,\n ItemGroup,\n ItemMedia,\n ItemSeparator,\n ItemTitle,\n} from '@/components/base/item';\nimport { Text } from '@/components/typography/text';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n defaultExperienceActivityCardStrings,\n} from './experience-activity.strings';\nimport type { ExperienceActivityCardProps } from './types';\n\nexport function ExperienceActivityCard({\n completed,\n total,\n activities,\n onAdd,\n strings: stringsProp,\n className,\n}: ExperienceActivityCardProps) {\n const strings = useStrings(defaultExperienceActivityCardStrings, stringsProp);\n\n return (\n <SmartCard\n title={`${completed} out of ${total}`}\n description={strings.description}\n headerEnd={\n !!onAdd && (\n <Button\n variant=\"secondary\"\n buttonStyle=\"ghost\"\n size=\"icon-small\"\n aria-label={strings.addActionLabel}\n onClick={onAdd}\n >\n <Plus className=\"size-4\" />\n </Button>\n )\n }\n className={cn('experience-activity--component', className)}\n >\n <ItemGroup>\n {activities.map((a, i) => (\n <div key={a.title}>\n {i > 0 && <ItemSeparator />}\n <Item size=\"small\" className=\"items-start\">\n <ItemMedia>\n <div className=\"flex size-8 items-center justify-center rounded-md bg-primary/10 text-primary\">\n <a.icon className=\"size-4\" />\n </div>\n </ItemMedia>\n <ItemContent>\n <ItemTitle>{a.title}</ItemTitle>\n <ItemDescription clamp={1}>{a.time}</ItemDescription>\n <div className=\"mt-2 grid grid-cols-2 gap-1.5\">\n {a.metrics.map((m) => (\n <div key={m.label} className=\"rounded-md border border-border/50 bg-muted/25 px-2.5 py-1.5\">\n <Text size=\"xs\" type=\"secondary\">{m.label}</Text>\n <Text size=\"xs\" weight=\"semibold\">{m.value}</Text>\n </div>\n ))}\n </div>\n </ItemContent>\n </Item>\n </div>\n ))}\n </ItemGroup>\n </SmartCard>\n );\n}\n\nExperienceActivityCard.displayName = 'ExperienceActivityCard';\n","import type { StringsProp } from '@/lib/strings';\n\nexport interface BreadcrumbProgressStep {\n\tid: string;\n\tlabel: string;\n\thint?: string;\n}\n\nexport interface BreadcrumbProgressStrings {\n\tstepLabel: string;\n\tofLabel: string;\n}\n\nexport const defaultBreadcrumbProgressStrings: BreadcrumbProgressStrings = {\n\tstepLabel: 'Step',\n\tofLabel: 'of',\n};\n\nexport interface BreadcrumbProgressProps {\n\tsteps: BreadcrumbProgressStep[];\n\tcurrentIndex: number;\n\tonStepClick?: (id: string, index: number) => void;\n\tclassName?: string;\n\tstrings?: StringsProp<BreadcrumbProgressStrings>;\n}\n","/\n BreadcrumbProgress — wizard / multi-step navigation with completed,\n * current, and upcoming states. Click any completed step to jump back.\n /\nimport { Check } from 'lucide-react';\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultBreadcrumbProgressStrings,\n\ttype BreadcrumbProgressProps,\n} from './types';\n\nexport function BreadcrumbProgress({ steps, currentIndex, onStepClick, className, strings: stringsProp }: BreadcrumbProgressProps) {\n\tconst strings = useStrings(defaultBreadcrumbProgressStrings, stringsProp);\n\n\treturn (\n\t\t<div className={cn('breadcrumb-progress--component', 'w-full', className)}>\n\t\t\t<div className=\"flex items-center justify-between mb-2\">\n\t\t\t\t<Text size=\"xs\" type=\"secondary\" weight=\"medium\" className=\"uppercase tracking-wider\">\n\t\t\t\t\t{strings.stepLabel} {currentIndex + 1} {strings.ofLabel} {steps.length}\n\t\t\t\t</Text>\n\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"semibold\" className=\"tabular-nums\">{Math.round(((currentIndex + 1) / steps.length) 100)}%</Text>\n\t\t\t</div>\n\t\t\t<ol className=\"flex items-center gap-2\">\n\t\t\t\t{steps.map((step, idx) => {\n\t\t\t\t\tconst isCompleted = idx < currentIndex;\n\t\t\t\t\tconst isCurrent = idx === currentIndex;\n\t\t\t\t\tconst isClickable = onStepClick && (isCompleted \|\| isCurrent);\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li key={step.id} className=\"flex min-w-0 flex-1 items-center gap-2\">\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tonClick={() => isClickable && onStepClick?.(step.id, idx)}\n\t\t\t\t\t\t\t\tdisabled={!isClickable}\n\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\tsize=\"default\"\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'h-auto min-w-0 justify-start gap-2 rounded-md px-2 py-1 text-left transition-colors',\n\t\t\t\t\t\t\t\t\tisClickable && 'hover:bg-muted/40',\n\t\t\t\t\t\t\t\t\t!isClickable && 'cursor-default',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'flex size-6 shrink-0 items-center justify-center rounded-full text-xs font-semibold tabular-nums',\n\t\t\t\t\t\t\t\t\t\tisCompleted && 'bg-success text-success-foreground',\n\t\t\t\t\t\t\t\t\t\tisCurrent && 'bg-primary text-primary-foreground ring-4 ring-primary/15',\n\t\t\t\t\t\t\t\t\t\t!isCompleted && !isCurrent && 'bg-muted text-muted-foreground',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{isCompleted ? <Check className=\"size-3.5\" /> : idx + 1}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<div className=\"hidden min-w-0 lg:block\">\n\t\t\t\t\t\t\t\t\t<Text size=\"xs\" weight=\"semibold\" className={cn(!isCurrent && !isCompleted && 'text-muted-foreground')}>{step.label}</Text>\n\t\t\t\t\t\t\t\t\t{!!step.hint && <Text size=\"xs\" type=\"discrete\" className=\"truncate\">{step.hint}</Text>}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t{idx < steps.length - 1 && (\n\t\t\t\t\t\t\t\t<div className={cn('h-px flex-1', isCompleted ? 'bg-success' : 'bg-border')} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</ol>\n\t\t</div>\n\t);\n}\n\nBreadcrumbProgress.displayName = 'BreadcrumbProgress';\n","/*\n CategoryNavCard — vertical icon + label list with optional count badge per row.\n * Use as a sidebar nav for filtering or category browsing.\n */\nimport { ChevronRight } from 'lucide-react';\nimport { SmartCard } from '@/components/base/cards';\nimport { Badge } from '@/components/base/badge';\nimport {\n\tItem,\n\tItemActions,\n\tItemContent,\n\tItemDescription,\n\tItemGroup,\n\tItemMedia,\n\tItemTitle,\n} from '@/components/base/item';\nimport { cn } from '@/lib/utils';\n\nimport type { CategoryNavCardProps } from './types';\n\nexport function CategoryNavCard({ title, items, activeId, onSelect, className }: CategoryNavCardProps) {\n\treturn (\n\t\t<SmartCard title={title} padding=\"default\" className={cn('category-nav--component', className)}>\n\t\t\t<ItemGroup>\n\t\t\t\t{items.map((it) => {\n\t\t\t\t\tconst Icon = it.icon;\n\t\t\t\t\tconst active = it.id === activeId;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Item\n\t\t\t\t\t\t\tkey={it.id}\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tonClick={() => onSelect?.(it.id)}\n\t\t\t\t\t\t\tdata-state={active ? 'active' : 'inactive'}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'cursor-pointer transition-colors',\n\t\t\t\t\t\t\t\tactive ? 'bg-primary/10 text-primary' : 'hover:bg-muted/50',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t\t<ItemMedia variant=\"icon\" className={cn(active ? 'text-primary' : 'text-muted-foreground')}>\n\t\t\t\t\t\t\t\t\t<Icon />\n\t\t\t\t\t\t\t\t</ItemMedia>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<ItemContent>\n\t\t\t\t\t\t\t\t<ItemTitle bold={active}>{it.label}</ItemTitle>\n\t\t\t\t\t\t\t\t{!!it.hint && <ItemDescription clamp={1}>{it.hint}</ItemDescription>}\n\t\t\t\t\t\t\t</ItemContent>\n\t\t\t\t\t\t\t<ItemActions>\n\t\t\t\t\t\t\t\t{typeof it.count === 'number' && (\n\t\t\t\t\t\t\t\t\t<Badge variant={active ? 'primary' : 'secondary'} className=\"tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t{it.count}\n\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<ChevronRight\n\t\t\t\t\t\t\t\t\tclassName={cn('size-4 shrink-0 text-muted-foreground/60', active && 'text-primary')}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ItemActions>\n\t\t\t\t\t\t</Item>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</ItemGroup>\n\t\t</SmartCard>\n\t);\n}\n\nCategoryNavCard.displayName = 'CategoryNavCard';\n"],"mappings":"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"}

package/dist/components/composed/onboarding/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/typography-GtkgK9QX.cjs"),r=require("../../../_shared/accordion-DvlDjk29.cjs"),i=require("../../../_shared/spinner-DY2de3Wt.cjs");let a=require("react"),o=require("react/jsx-runtime"),s=require("lucide-react");var c={regionAriaLabel:void 0,statusCompletedAria:`Completed`,statusInProgressAria:`In progress`,statusPendingAria:`Pending`};function l({status:e,ariaLabel:n,className:r}){return e===`completed`?(0,o.jsx)(`span`,{role:`img`,"aria-label":n,className:t.cn(`flex size-8 items-center justify-center rounded-full bg-success/15 text-success ring-1 ring-success/20`,r),children:(0,o.jsx)(s.CheckCircle2,{className:`size-4`})}):e===`in-progress`?(0,o.jsx)(`span`,{role:`img`,"aria-label":n,className:t.cn(`flex size-8 items-center justify-center rounded-full bg-warning/15 ring-1 ring-warning/30`,r),children:(0,o.jsx)(`span`,{className:`size-2 rounded-full bg-warning`})}):(0,o.jsx)(`span`,{role:`img`,"aria-label":n,className:t.cn(`flex size-8 items-center justify-center rounded-full bg-muted text-muted-foreground/70 ring-1 ring-border/70`,r),children:(0,o.jsx)(i.t,{className:`size-4 opacity-60`})})}l.displayName=`StepStatusIndicator`;var u={completed:`text-foreground`,"in-progress":`text-foreground`,pending:`text-muted-foreground`};function d(e,t){return e===`completed`?t.statusCompletedAria:e===`in-progress`?t.statusInProgressAria:t.statusPendingAria}function f(e){let t=e.find(e=>e.status!==`completed`&&!e.disabled);return t?[t.id]:[]}var p=(0,a.forwardRef)(function({steps:i,defaultExpanded:s,multiple:p=!1,value:m,onValueChange:h,onStepOpen:g,variant:_=`bordered`,className:v,stepClassName:y,strings:b},x){let S=e.useStrings(c,b),C=m!==void 0,w=(0,a.useMemo)(()=>s??f(i),[]),[T,E]=(0,a.useState)(w),D=(0,a.useRef)(!1),O=C?m:T,k=(0,a.useRef)(new Set(w));(0,a.useEffect)(()=>{if(C||D.current||s!==void 0||i.length===0||T.length>0)return;let e=f(i);e.length>0&&E(e)},[i,C,s,T.length]);let A=(0,a.useCallback)(e=>{let t=e??[];D.current=!0,C||E(t),h?.(t)},[C,h]);return(0,a.useEffect)(()=>{if(!g){k.current=new Set(O);return}let e=k.current;for(let t of O)e.has(t)||g(t);k.current=new Set(O)},[O,g]),(0,o.jsx)(r.s,{ref:x,multiple:p,value:O,onValueChange:A,"aria-label":S.regionAriaLabel,className:t.cn(`checklist--component`,r.a[_],v),children:i.map(e=>(0,o.jsxs)(r.l,{value:e.id,className:t.cn(r.i[_],y),children:[(0,o.jsx)(r.u,{disabled:e.disabled,className:t.cn(r.o,`min-h-16 items-center`),children:(0,o.jsxs)(`div`,{className:`flex w-full min-w-0 items-center gap-3 pr-2`,children:[(0,o.jsx)(l,{status:e.status,ariaLabel:d(e.status,S)}),(0,o.jsx)(n.s,{tag:`span`,weight:`semibold`,className:t.cn(u[e.status]),children:e.title}),!!e.badge&&(0,o.jsx)(`span`,{className:`ml-auto inline-flex shrink-0`,children:e.badge})]})}),!!e.content&&(0,o.jsx)(r.c,{className:r.r.withMedallion,children:(0,o.jsx)(n.s,{type:`secondary`,className:`leading-relaxed`,tag:`div`,children:e.content})})]},e.id))})});p.displayName=`OnboardingChecklist`,exports.OnboardingChecklist=p,exports.StepStatusIndicator=l,exports.defaultOnboardingChecklistStrings=c;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/typography-CWEobAJV.cjs"),r=require("../../../_shared/accordion-8B4OFqiT.cjs"),i=require("../../../_shared/spinner-BDrUzfTo.cjs");let a=require("react"),o=require("react/jsx-runtime"),s=require("lucide-react");var c={regionAriaLabel:void 0,statusCompletedAria:`Completed`,statusInProgressAria:`In progress`,statusPendingAria:`Pending`};function l({status:e,ariaLabel:n,className:r}){return e===`completed`?(0,o.jsx)(`span`,{role:`img`,"aria-label":n,className:t.cn(`flex size-8 items-center justify-center rounded-full bg-success/15 text-success ring-1 ring-success/20`,r),children:(0,o.jsx)(s.CheckCircle2,{className:`size-4`})}):e===`in-progress`?(0,o.jsx)(`span`,{role:`img`,"aria-label":n,className:t.cn(`flex size-8 items-center justify-center rounded-full bg-warning/15 ring-1 ring-warning/30`,r),children:(0,o.jsx)(`span`,{className:`size-2 rounded-full bg-warning`})}):(0,o.jsx)(`span`,{role:`img`,"aria-label":n,className:t.cn(`flex size-8 items-center justify-center rounded-full bg-muted text-muted-foreground/70 ring-1 ring-border/70`,r),children:(0,o.jsx)(i.t,{className:`size-4 opacity-60`})})}l.displayName=`StepStatusIndicator`;var u={completed:`text-foreground`,"in-progress":`text-foreground`,pending:`text-muted-foreground`};function d(e,t){return e===`completed`?t.statusCompletedAria:e===`in-progress`?t.statusInProgressAria:t.statusPendingAria}function f(e){let t=e.find(e=>e.status!==`completed`&&!e.disabled);return t?[t.id]:[]}var p=(0,a.forwardRef)(function({steps:i,defaultExpanded:s,multiple:p=!1,value:m,onValueChange:h,onStepOpen:g,variant:_=`bordered`,className:v,stepClassName:y,strings:b},x){let S=e.useStrings(c,b),C=m!==void 0,w=(0,a.useMemo)(()=>s??f(i),[]),[T,E]=(0,a.useState)(w),D=(0,a.useRef)(!1),O=C?m:T,k=(0,a.useRef)(new Set(w));(0,a.useEffect)(()=>{if(C||D.current||s!==void 0||i.length===0||T.length>0)return;let e=f(i);e.length>0&&E(e)},[i,C,s,T.length]);let A=(0,a.useCallback)(e=>{let t=e??[];D.current=!0,C||E(t),h?.(t)},[C,h]);return(0,a.useEffect)(()=>{if(!g){k.current=new Set(O);return}let e=k.current;for(let t of O)e.has(t)||g(t);k.current=new Set(O)},[O,g]),(0,o.jsx)(r.s,{ref:x,multiple:p,value:O,onValueChange:A,"aria-label":S.regionAriaLabel,className:t.cn(`checklist--component`,r.a[_],v),children:i.map(e=>(0,o.jsxs)(r.l,{value:e.id,className:t.cn(r.i[_],y),children:[(0,o.jsx)(r.u,{disabled:e.disabled,className:t.cn(r.o,`min-h-16 items-center`),children:(0,o.jsxs)(`div`,{className:`flex w-full min-w-0 items-center gap-3 pr-2`,children:[(0,o.jsx)(l,{status:e.status,ariaLabel:d(e.status,S)}),(0,o.jsx)(n.s,{tag:`span`,weight:`semibold`,className:t.cn(u[e.status]),children:e.title}),!!e.badge&&(0,o.jsx)(`span`,{className:`ml-auto inline-flex shrink-0`,children:e.badge})]})}),!!e.content&&(0,o.jsx)(r.c,{className:r.r.withMedallion,children:(0,o.jsx)(n.s,{type:`secondary`,className:`leading-relaxed`,tag:`div`,children:e.content})})]},e.id))})});p.displayName=`OnboardingChecklist`,exports.OnboardingChecklist=p,exports.StepStatusIndicator=l,exports.defaultOnboardingChecklistStrings=c;
 //# sourceMappingURL=index.cjs.map

package/dist/components/composed/onboarding/index.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
-import { s as n } from "../../../_shared/typography-CzFVA1w1.js";
-import { a as r, c as i, i as a, l as o, o as s, r as c, s as l, u } from "../../../_shared/accordion-BRj4TDQx.js";
-import { t as d } from "../../../_shared/spinner-ZmIq_zsx.js";
+import { s as n } from "../../../_shared/typography-5bLhAYaK.js";
+import { a as r, c as i, i as a, l as o, o as s, r as c, s as l, u } from "../../../_shared/accordion-DlpTSZ3p.js";
+import { t as d } from "../../../_shared/spinner-CuVZhJhN.js";
 import { forwardRef as f, useCallback as p, useEffect as m, useMemo as h, useRef as g, useState as _ } from "react";
 import { jsx as v, jsxs as y } from "react/jsx-runtime";
 import { CheckCircle2 as b } from "lucide-react";