admin-ui-starter-kit 0.1.3 → 0.1.4

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

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../../_shared/chunk-D3uCBrYO.cjs`);const e=require(`../../../lib/strings.cjs`),t=require(`../../../lib/utils.cjs`),n=require(`../../../_shared/text-DBnY6fcL.cjs`),r=require(`../../../_shared/badge-C49SSz-6.cjs`),i=require(`../../../_shared/button-D0nF99a9.cjs`),a=require(`../../../_shared/smart-card-Bm_VxYUG.cjs`),o=require(`../../../_shared/item-Cx_7QZ2o.cjs`);let s=require(`react`),c=require(`react/jsx-runtime`),l=require(`lucide-react`);function u({columns:e,className:i}){return(0,c.jsx)(a.t,{title:`Pipeline Overview`,titleSuffix:(0,c.jsxs)(r.t,{variant:`secondary`,children:[e.reduce((e,t)=>e+t.items.length,0),` items`]}),className:t.cn(`kanban-board--component`,i),children:(0,c.jsx)(`div`,{className:`grid grid-cols-4 gap-1.5`,children:e.map((e,i)=>(0,c.jsxs)(`div`,{className:t.cn(`rounded-md p-1.5`,i%2==0?`bg-muted/40`:`bg-muted/20`),children:[(0,c.jsxs)(`div`,{className:`mb-1.5 flex items-center justify-between`,children:[(0,c.jsx)(n.t,{size:`xxs`,weight:`semibold`,className:`truncate`,children:e.title}),(0,c.jsx)(r.t,{variant:`secondary`,className:`ml-1 !px-1 !py-0 text-xxs`,children:e.items.length})]}),(0,c.jsx)(`div`,{className:`max-h-20 space-y-1 overflow-y-auto`,children:e.items.map((t,r)=>(0,c.jsxs)(`div`,{className:`flex items-center gap-1 rounded bg-card px-1.5 py-1 shadow-sm`,children:[(0,c.jsx)(`div`,{className:`h-1.5 w-1.5 flex-shrink-0 rounded-full`,style:{backgroundColor:`var(--color-${t.color})`}}),(0,c.jsx)(n.t,{size:`xxs`,className:`truncate`,children:t.title})]},`${e.title}-${r}`))})]},e.title))})})}u.displayName=`KanbanMicroBoard`;function d({title:e,tabs:r,defaultTab:o,className:l}){let u=Object.keys(r),[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)(i.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:r[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)(n.t,{className:`flex-1`,children:e.name}),(0,c.jsx)(n.t,{weight:`bold`,children:e.value})]},e.name))})]})}d.displayName=`TabSwitcherCard`;var f={legendNone:`None`,legendLow:`Low`,legendMedium:`Medium`,legendHigh:`High`,legendNow:`Now`,formatHourTitle:(e,t)=>`${e}:00 - ${t} bookings`};function p({hours:r,currentHour:i,className:a,strings:o}){let s=e.useStrings(f,o),l=Math.max(...r,1),u=r.indexOf(Math.max(...r));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-[1px] rounded-md overflow-hidden`,children:r.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:r.map((e,t)=>(0,c.jsx)(`div`,{className:`flex-1 text-center`,children:t%4==0&&(0,c.jsx)(n.t,{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)(n.t,{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)(n.t,{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)(n.t,{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)(n.t,{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)(n.t,{size:`xxs`,type:`secondary`,children:s.legendNow})]})]})]})}p.displayName=`TimeDistributionRuler`;function m({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 h(e){return e>=80?`bg-success`:e>=50?`bg-warning`:`bg-destructive`}function g({vendorName:e,rating:r,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)(n.t,{size:`xxs`,type:`secondary`,children:[`Last active: `,l]}),(0,c.jsxs)(n.t,{size:`xxs`,type:`secondary`,children:[`Joined: `,u]})]}),children:(0,c.jsxs)(`div`,{className:`space-y-4`,children:[(0,c.jsx)(m,{rating:r,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)(n.t,{size:`lg`,weight:`bold`,className:`tabular-nums`,children:e.value}),(0,c.jsx)(n.t,{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)(n.t,{children:`Performance`}),(0,c.jsxs)(n.t,{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`,h(s)),style:{width:`${String(s)}%`}})})]})]})})}g.displayName=`VendorPerformanceCard`;function _({completed:e,total:r,activities:s,onAdd:u,className:d}){return(0,c.jsx)(a.t,{title:`${e} out of ${r}`,description:`Experiences completed this week`,headerEnd:!!u&&(0,c.jsx)(i.t,{variant:`light`,buttonStyle:`ghost`,onClick:u,className:`size-8 rounded-full bg-primary/10 p-0`,children:(0,c.jsx)(l.Plus,{className:`size-4`})}),className:t.cn(`experience-activity--component`,`bg-gradient-to-b from-muted/30 to-card`,d),children:(0,c.jsx)(o.o,{children:s.map((e,t)=>(0,c.jsxs)(`div`,{children:[t>0&&(0,c.jsx)(o.l,{}),(0,c.jsxs)(o.t,{size:`xs`,className:`px-0 items-start`,children:[(0,c.jsx)(o.c,{children:(0,c.jsx)(`div`,{className:`flex size-10 items-center justify-center rounded-full bg-primary/10`,children:(0,c.jsx)(e.icon,{className:`size-5 text-primary`})})}),(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.5 grid grid-cols-2 gap-2`,children:e.metrics.map(e=>(0,c.jsxs)(`div`,{className:`rounded-lg bg-muted/30 px-2.5 py-1.5`,children:[(0,c.jsx)(n.t,{size:`xs`,type:`secondary`,children:e.label}),(0,c.jsx)(n.t,{size:`xs`,weight:`bold`,children:e.value})]},e.label))})]})]})]},e.title))})})}_.displayName=`ExperienceActivityCard`;var v={stepLabel:`Step`,ofLabel:`of`};function y({steps:r,currentIndex:i,onStepClick:a,className:o,strings:s}){let u=e.useStrings(v,s);return(0,c.jsxs)(`div`,{className:t.cn(`breadcrumb-progress--component`,`w-full`,o),children:[(0,c.jsxs)(`div`,{className:`flex items-center justify-between mb-2`,children:[(0,c.jsxs)(n.t,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:[u.stepLabel,` `,i+1,` `,u.ofLabel,` `,r.length]}),(0,c.jsxs)(n.t,{tag:`span`,size:`xs`,weight:`semibold`,className:`tabular-nums`,children:[Math.round((i+1)/r.length*100),`%`]})]}),(0,c.jsx)(`ol`,{className:`flex items-center gap-2`,children:r.map((e,o)=>{let s=o<i,u=o===i,d=a&&(s||u);return(0,c.jsxs)(`li`,{className:`flex flex-1 items-center gap-2`,children:[(0,c.jsxs)(`button`,{type:`button`,onClick:()=>d&&a?.(e.id,o),disabled:!d,className:t.cn(`flex items-center gap-2 rounded-md px-2 py-1 text-left transition-colors`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1`,d&&`hover:bg-muted/40`,!d&&`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`,s&&`bg-success text-success-foreground`,u&&`bg-primary text-primary-foreground ring-4 ring-primary/15`,!s&&!u&&`bg-muted text-muted-foreground`),children:s?(0,c.jsx)(l.Check,{className:`size-3.5`}):o+1}),(0,c.jsxs)(`div`,{className:`hidden sm:block min-w-0`,children:[(0,c.jsx)(n.t,{size:`xs`,weight:`semibold`,className:t.cn(!u&&!s&&`text-muted-foreground`),children:e.label}),!!e.hint&&(0,c.jsx)(n.t,{size:`xxs`,type:`discrete`,className:`truncate`,children:e.hint})]})]}),o<r.length-1&&(0,c.jsx)(`div`,{className:t.cn(`h-px flex-1`,s?`bg-success`:`bg-border`)})]},e.id)})})]})}y.displayName=`BreadcrumbProgress`;function b({title:e,items:n,activeId:i,onSelect:s,className:u}){return(0,c.jsx)(a.t,{title:e,padding:`sm`,className:t.cn(`category-nav--component`,u),children:(0,c.jsx)(o.o,{children:n.map(e=>{let n=e.icon,a=e.id===i;return(0,c.jsxs)(o.t,{size:`xs`,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)(r.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)})})})}b.displayName=`CategoryNavCard`,exports.BreadcrumbProgress=y,exports.CategoryNavCard=b,exports.ExperienceActivityCard=_,exports.KanbanMicroBoard=u,exports.TabSwitcherCard=d,exports.TimeDistributionRuler=p,exports.VendorPerformanceCard=g,exports.defaultBreadcrumbProgressStrings=v;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/text-DzKt9cyb.cjs"),r=require("../../../_shared/badge-kS_XtN-z.cjs"),i=require("../../../_shared/button-LZWDn-aU.cjs"),a=require("../../../_shared/smart-card-DL7esK_y.cjs"),o=require("../../../_shared/item-X18HIqR7.cjs");let s=require("react"),c=require("react/jsx-runtime"),l=require("lucide-react");function u({columns:e,className:i}){return(0,c.jsx)(a.t,{title:`Pipeline Overview`,titleSuffix:(0,c.jsxs)(r.t,{variant:`secondary`,children:[e.reduce((e,t)=>e+t.items.length,0),` items`]}),className:t.cn(`kanban-board--component`,i),children:(0,c.jsx)(`div`,{className:`grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-4`,children:e.map((e,i)=>(0,c.jsxs)(`div`,{className:t.cn(`rounded-md border border-border/60 p-2`,i%2==0?`bg-muted/40`:`bg-muted/20`),children:[(0,c.jsxs)(`div`,{className:`mb-2 flex items-center justify-between gap-2`,children:[(0,c.jsx)(n.t,{size:`xs`,weight:`semibold`,className:`truncate`,children:e.title}),(0,c.jsx)(r.t,{variant:`secondary`,children:e.items.length})]}),(0,c.jsx)(`div`,{className:`space-y-1.5`,children:e.items.map((t,r)=>(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:`h-1.5 w-1.5 flex-shrink-0 rounded-full`,style:{backgroundColor:`var(--color-${t.color})`}}),(0,c.jsx)(n.t,{size:`xs`,className:`truncate`,children:t.title})]},`${e.title}-${r}`))})]},e.title))})})}u.displayName=`KanbanMicroBoard`;function d({title:e,tabs:r,defaultTab:o,className:l}){let u=Object.keys(r),[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)(i.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:r[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)(n.t,{className:`flex-1`,children:e.name}),(0,c.jsx)(n.t,{weight:`bold`,children:e.value})]},e.name))})]})}d.displayName=`TabSwitcherCard`;var f={legendNone:`None`,legendLow:`Low`,legendMedium:`Medium`,legendHigh:`High`,legendNow:`Now`,formatHourTitle:(e,t)=>`${e}:00 - ${t} bookings`};function p({hours:r,currentHour:i,className:a,strings:o}){let s=e.useStrings(f,o),l=Math.max(...r,1),u=r.indexOf(Math.max(...r));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-[1px] rounded-md overflow-hidden`,children:r.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:r.map((e,t)=>(0,c.jsx)(`div`,{className:`flex-1 text-center`,children:t%4==0&&(0,c.jsx)(n.t,{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)(n.t,{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)(n.t,{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)(n.t,{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)(n.t,{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)(n.t,{size:`xxs`,type:`secondary`,children:s.legendNow})]})]})]})}p.displayName=`TimeDistributionRuler`;function m({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 h(e){return e>=80?`bg-success`:e>=50?`bg-warning`:`bg-destructive`}function g({vendorName:e,rating:r,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)(n.t,{size:`xxs`,type:`secondary`,children:[`Last active: `,l]}),(0,c.jsxs)(n.t,{size:`xxs`,type:`secondary`,children:[`Joined: `,u]})]}),children:(0,c.jsxs)(`div`,{className:`space-y-4`,children:[(0,c.jsx)(m,{rating:r,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)(n.t,{size:`lg`,weight:`bold`,className:`tabular-nums`,children:e.value}),(0,c.jsx)(n.t,{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)(n.t,{children:`Performance`}),(0,c.jsxs)(n.t,{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`,h(s)),style:{width:`${String(s)}%`}})})]})]})})}g.displayName=`VendorPerformanceCard`;var _={description:`Experiences completed this week`,addActionLabel:`Add activity`};function v({completed:r,total:s,activities:u,onAdd:d,strings:f,className:p}){let m=e.useStrings(_,f);return(0,c.jsx)(a.t,{title:`${r} out of ${s}`,description:m.description,headerEnd:!!d&&(0,c.jsx)(i.t,{variant:`secondary`,buttonStyle:`ghost`,size:`icon-sm`,"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:`xs`,className:`px-0 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)(n.t,{size:`xs`,type:`secondary`,children:e.label}),(0,c.jsx)(n.t,{size:`xs`,weight:`semibold`,children:e.value})]},e.label))})]})]})]},e.title))})})}v.displayName=`ExperienceActivityCard`;var y={stepLabel:`Step`,ofLabel:`of`};function b({steps:r,currentIndex:i,onStepClick:a,className:o,strings:s}){let u=e.useStrings(y,s);return(0,c.jsxs)(`div`,{className:t.cn(`breadcrumb-progress--component`,`w-full`,o),children:[(0,c.jsxs)(`div`,{className:`flex items-center justify-between mb-2`,children:[(0,c.jsxs)(n.t,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:[u.stepLabel,` `,i+1,` `,u.ofLabel,` `,r.length]}),(0,c.jsxs)(n.t,{tag:`span`,size:`xs`,weight:`semibold`,className:`tabular-nums`,children:[Math.round((i+1)/r.length*100),`%`]})]}),(0,c.jsx)(`ol`,{className:`flex items-center gap-2`,children:r.map((e,o)=>{let s=o<i,u=o===i,d=a&&(s||u);return(0,c.jsxs)(`li`,{className:`flex flex-1 items-center gap-2`,children:[(0,c.jsxs)(`button`,{type:`button`,onClick:()=>d&&a?.(e.id,o),disabled:!d,className:t.cn(`flex items-center gap-2 rounded-md px-2 py-1 text-left transition-colors`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1`,d&&`hover:bg-muted/40`,!d&&`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`,s&&`bg-success text-success-foreground`,u&&`bg-primary text-primary-foreground ring-4 ring-primary/15`,!s&&!u&&`bg-muted text-muted-foreground`),children:s?(0,c.jsx)(l.Check,{className:`size-3.5`}):o+1}),(0,c.jsxs)(`div`,{className:`hidden sm:block min-w-0`,children:[(0,c.jsx)(n.t,{size:`xs`,weight:`semibold`,className:t.cn(!u&&!s&&`text-muted-foreground`),children:e.label}),!!e.hint&&(0,c.jsx)(n.t,{size:`xxs`,type:`discrete`,className:`truncate`,children:e.hint})]})]}),o<r.length-1&&(0,c.jsx)(`div`,{className:t.cn(`h-px flex-1`,s?`bg-success`:`bg-border`)})]},e.id)})})]})}b.displayName=`BreadcrumbProgress`;function x({title:e,items:n,activeId:i,onSelect:s,className:u}){return(0,c.jsx)(a.t,{title:e,padding:`sm`,className:t.cn(`category-nav--component`,u),children:(0,c.jsx)(o.o,{children:n.map(e=>{let n=e.icon,a=e.id===i;return(0,c.jsxs)(o.t,{size:`xs`,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)(r.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)})})})}x.displayName=`CategoryNavCard`,exports.BreadcrumbProgress=b,exports.CategoryNavCard=x,exports.ExperienceActivityCard=v,exports.KanbanMicroBoard=u,exports.TabSwitcherCard=d,exports.TimeDistributionRuler=p,exports.VendorPerformanceCard=g,exports.defaultBreadcrumbProgressStrings=y;
 //# sourceMappingURL=index.cjs.map

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

@@ -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.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 } 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 { KanbanMicroBoardProps } from './types';\n\nexport function KanbanMicroBoard({ columns, className }: KanbanMicroBoardProps) {\n    const totalItems = columns.reduce((sum, col) => sum + col.items.length, 0);\n\n    return (\n        <SmartCard\n            title=\"Pipeline Overview\"\n            titleSuffix={<Badge variant=\"secondary\">{totalItems} items</Badge>}\n            className={cn('kanban-board--component', className)}\n        >\n            <div className=\"grid grid-cols-4 gap-1.5\">\n                {columns.map((col, colIdx) => (\n                    <div\n                        key={col.title}\n                        className={cn(\n                            'rounded-md p-1.5',\n                            colIdx % 2 === 0 ? 'bg-muted/40' : 'bg-muted/20',\n                        )}\n                    >\n                        <div className=\"mb-1.5 flex items-center justify-between\">\n                            <Text size=\"xxs\" weight=\"semibold\" className=\"truncate\">\n                                {col.title}\n                            </Text>\n                            <Badge variant=\"secondary\" className=\"ml-1 !px-1 !py-0 text-xxs\">\n                                {col.items.length}\n                            </Badge>\n                        </div>\n                        <div className=\"max-h-20 space-y-1 overflow-y-auto\">\n                            {col.items.map((item, itemIdx) => (\n                                <div\n                                    key={`${col.title}-${itemIdx}`}\n                                    className=\"flex items-center gap-1 rounded bg-card px-1.5 py-1 shadow-sm\"\n                                >\n                                    <div\n                                        className=\"h-1.5 w-1.5 flex-shrink-0 rounded-full\"\n                                        style={{ backgroundColor: `var(--color-${item.color})` }}\n                                    />\n                                    <Text size=\"xxs\" className=\"truncate\">\n                                        {item.title}\n                                    </Text>\n                                </div>\n                            ))}\n                        </div>\n                    </div>\n                ))}\n            </div>\n        </SmartCard>\n    );\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-[1px] rounded-md overflow-hidden\">\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 { 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 { cn } from '@/lib/utils';\n\nimport type { ExperienceActivityCardProps } from './types';\n\nexport function ExperienceActivityCard({\n    completed,\n    total,\n    activities,\n    onAdd,\n    className,\n}: ExperienceActivityCardProps) {\n    return (\n        <SmartCard\n            title={`${completed} out of ${total}`}\n            description=\"Experiences completed this week\"\n            headerEnd={\n                !!onAdd && (\n                    <Button variant=\"light\" buttonStyle=\"ghost\" onClick={onAdd} className=\"size-8 rounded-full bg-primary/10 p-0\">\n                        <Plus className=\"size-4\" />\n                    </Button>\n                  )\n            }\n            className={cn('experience-activity--component', 'bg-gradient-to-b from-muted/30 to-card', className)}\n        >\n            <ItemGroup>\n                {activities.map((a, i) => (\n                    <div key={a.title}>\n                        {i > 0 && <ItemSeparator />}\n                        <Item size=\"xs\" className=\"px-0 items-start\">\n                            <ItemMedia>\n                                <div className=\"flex size-10 items-center justify-center rounded-full bg-primary/10\">\n                                    <a.icon className=\"size-5 text-primary\" />\n                                </div>\n                            </ItemMedia>\n                            <ItemContent>\n                                <ItemTitle>{a.title}</ItemTitle>\n                                <ItemDescription clamp={1}>{a.time}</ItemDescription>\n                                <div className=\"mt-2.5 grid grid-cols-2 gap-2\">\n                                    {a.metrics.map((m) => (\n                                        <div key={m.label} className=\"rounded-lg bg-muted/30 px-2.5 py-1.5\">\n                                            <Text size=\"xs\" type=\"secondary\">{m.label}</Text>\n                                            <Text size=\"xs\" weight=\"bold\">{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","export 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?: Partial<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 { 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 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\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'flex items-center gap-2 rounded-md px-2 py-1 text-left transition-colors',\n\t\t\t\t\t\t\t\t\t'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1',\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 sm:block min-w-0\">\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=\"sm\" 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=\"xs\"\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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"}
+{"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 } 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 { KanbanMicroBoardProps } from './types';\n\nexport function KanbanMicroBoard({ columns, className }: KanbanMicroBoardProps) {\n    const totalItems = columns.reduce((sum, col) => sum + col.items.length, 0);\n\n    return (\n        <SmartCard\n            title=\"Pipeline Overview\"\n            titleSuffix={<Badge variant=\"secondary\">{totalItems} items</Badge>}\n            className={cn('kanban-board--component', className)}\n        >\n            <div className=\"grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-4\">\n                {columns.map((col, colIdx) => (\n                    <div\n                        key={col.title}\n                        className={cn(\n                            'rounded-md border border-border/60 p-2',\n                            colIdx % 2 === 0 ? 'bg-muted/40' : 'bg-muted/20',\n                        )}\n                    >\n                        <div className=\"mb-2 flex items-center justify-between gap-2\">\n                            <Text size=\"xs\" weight=\"semibold\" className=\"truncate\">\n                                {col.title}\n                            </Text>\n                            <Badge variant=\"secondary\">\n                                {col.items.length}\n                            </Badge>\n                        </div>\n                        <div className=\"space-y-1.5\">\n                            {col.items.map((item, itemIdx) => (\n                                <div\n                                    key={`${col.title}-${itemIdx}`}\n                                    className=\"flex min-h-8 items-center gap-2 rounded-md border border-border/50 bg-card px-2 py-1.5 shadow-sm\"\n                                >\n                                    <div\n                                        className=\"h-1.5 w-1.5 flex-shrink-0 rounded-full\"\n                                        style={{ backgroundColor: `var(--color-${item.color})` }}\n                                    />\n                                    <Text size=\"xs\" className=\"truncate\">\n                                        {item.title}\n                                    </Text>\n                                </div>\n                            ))}\n                        </div>\n                    </div>\n                ))}\n            </div>\n        </SmartCard>\n    );\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-[1px] rounded-md overflow-hidden\">\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-sm\"\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=\"xs\" className=\"px-0 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","export 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?: Partial<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 { 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 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\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'flex items-center gap-2 rounded-md px-2 py-1 text-left transition-colors',\n\t\t\t\t\t\t\t\t\t'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1',\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 sm:block min-w-0\">\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=\"sm\" 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=\"xs\"\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

@@ -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/text-DIxMTECE.js";
-import { t as r } from "../../../_shared/badge-BVCh_hfL.js";
-import { t as i } from "../../../_shared/button-ChCkwoOD.js";
-import { t as a } from "../../../_shared/smart-card-MT6JjkoI.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-Cu5JbZyZ.js";
+import { t as n } from "../../../_shared/text-qsEg5GdP.js";
+import { t as r } from "../../../_shared/badge-BK5VvEgg.js";
+import { t as i } from "../../../_shared/button-cnkCF8q8.js";
+import { t as a } from "../../../_shared/smart-card-eBfUvQ9r.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-BxlP5TO3.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";
@@ -18,30 +18,29 @@ function b({ columns: e, className: i }) {
 		}),
 		className: t("kanban-board--component", i),
 		children: /* @__PURE__ */ h("div", {
-			className: "grid grid-cols-4 gap-1.5",
+			className: "grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-4",
 			children: e.map((e, i) => /* @__PURE__ */ g("div", {
-				className: t("rounded-md p-1.5", i % 2 == 0 ? "bg-muted/40" : "bg-muted/20"),
+				className: t("rounded-md border border-border/60 p-2", i % 2 == 0 ? "bg-muted/40" : "bg-muted/20"),
 				children: [/* @__PURE__ */ g("div", {
-					className: "mb-1.5 flex items-center justify-between",
+					className: "mb-2 flex items-center justify-between gap-2",
 					children: [/* @__PURE__ */ h(n, {
-						size: "xxs",
+						size: "xs",
 						weight: "semibold",
 						className: "truncate",
 						children: e.title
 					}), /* @__PURE__ */ h(r, {
 						variant: "secondary",
-						className: "ml-1 !px-1 !py-0 text-xxs",
 						children: e.items.length
 					})]
 				}), /* @__PURE__ */ h("div", {
-					className: "max-h-20 space-y-1 overflow-y-auto",
+					className: "space-y-1.5",
 					children: e.items.map((t, r) => /* @__PURE__ */ g("div", {
-						className: "flex items-center gap-1 rounded bg-card px-1.5 py-1 shadow-sm",
+						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: [/* @__PURE__ */ h("div", {
 							className: "h-1.5 w-1.5 flex-shrink-0 rounded-full",
 							style: { backgroundColor: `var(--color-${t.color})` }
 						}), /* @__PURE__ */ h(n, {
-							size: "xxs",
+							size: "xs",
 							className: "truncate",
 							children: t.title
 						})]
@@ -288,25 +287,33 @@ function E({ vendorName: e, rating: r, maxRating: i = 5, metrics: o, performance
 }
 E.displayName = "VendorPerformanceCard";
 //#endregion
+//#region src/components/composed/navigation/experience-activity/experience-activity.strings.ts
+var D = {
+	description: "Experiences completed this week",
+	addActionLabel: "Add activity"
+};
+//#endregion
 //#region src/components/composed/navigation/experience-activity/experience-activity.tsx
-function D({ completed: e, total: r, activities: l, onAdd: m, className: _ }) {
+function O({ completed: r, total: l, activities: m, onAdd: _, strings: v, className: b }) {
+	let x = e(D, v);
 	return /* @__PURE__ */ h(a, {
-		title: `${e} out of ${r}`,
-		description: "Experiences completed this week",
-		headerEnd: !!m && /* @__PURE__ */ h(i, {
-			variant: "light",
+		title: `${r} out of ${l}`,
+		description: x.description,
+		headerEnd: !!_ && /* @__PURE__ */ h(i, {
+			variant: "secondary",
 			buttonStyle: "ghost",
-			onClick: m,
-			className: "size-8 rounded-full bg-primary/10 p-0",
+			size: "icon-sm",
+			"aria-label": x.addActionLabel,
+			onClick: _,
 			children: /* @__PURE__ */ h(y, { className: "size-4" })
 		}),
-		className: t("experience-activity--component", "bg-gradient-to-b from-muted/30 to-card", _),
-		children: /* @__PURE__ */ h(u, { children: l.map((e, t) => /* @__PURE__ */ g("div", { children: [t > 0 && /* @__PURE__ */ h(c, {}), /* @__PURE__ */ g(f, {
+		className: t("experience-activity--component", b),
+		children: /* @__PURE__ */ h(u, { children: m.map((e, t) => /* @__PURE__ */ g("div", { children: [t > 0 && /* @__PURE__ */ h(c, {}), /* @__PURE__ */ g(f, {
 			size: "xs",
 			className: "px-0 items-start",
 			children: [/* @__PURE__ */ h(o, { children: /* @__PURE__ */ h("div", {
-				className: "flex size-10 items-center justify-center rounded-full bg-primary/10",
-				children: /* @__PURE__ */ h(e.icon, { className: "size-5 text-primary" })
+				className: "flex size-8 items-center justify-center rounded-md bg-primary/10 text-primary",
+				children: /* @__PURE__ */ h(e.icon, { className: "size-4" })
 			}) }), /* @__PURE__ */ g(d, { children: [
 				/* @__PURE__ */ h(p, { children: e.title }),
 				/* @__PURE__ */ h(s, {
@@ -314,16 +321,16 @@ function D({ completed: e, total: r, activities: l, onAdd: m, className: _ }) {
 					children: e.time
 				}),
 				/* @__PURE__ */ h("div", {
-					className: "mt-2.5 grid grid-cols-2 gap-2",
+					className: "mt-2 grid grid-cols-2 gap-1.5",
 					children: e.metrics.map((e) => /* @__PURE__ */ g("div", {
-						className: "rounded-lg bg-muted/30 px-2.5 py-1.5",
+						className: "rounded-md border border-border/50 bg-muted/25 px-2.5 py-1.5",
 						children: [/* @__PURE__ */ h(n, {
 							size: "xs",
 							type: "secondary",
 							children: e.label
 						}), /* @__PURE__ */ h(n, {
 							size: "xs",
-							weight: "bold",
+							weight: "semibold",
 							children: e.value
 						})]
 					}, e.label))
@@ -332,17 +339,17 @@ function D({ completed: e, total: r, activities: l, onAdd: m, className: _ }) {
 		})] }, e.title)) })
 	});
 }
-D.displayName = "ExperienceActivityCard";
+O.displayName = "ExperienceActivityCard";
 //#endregion
 //#region src/components/composed/navigation/breadcrumb-progress/types.ts
-var O = {
+var k = {
 	stepLabel: "Step",
 	ofLabel: "of"
 };
 //#endregion
 //#region src/components/composed/navigation/breadcrumb-progress/breadcrumb-progress.tsx
-function k({ steps: r, currentIndex: i, onStepClick: a, className: o, strings: s }) {
-	let c = e(O, s);
+function A({ steps: r, currentIndex: i, onStepClick: a, className: o, strings: s }) {
+	let c = e(k, s);
 	return /* @__PURE__ */ g("div", {
 		className: t("breadcrumb-progress--component", "w-full", o),
 		children: [/* @__PURE__ */ g("div", {
@@ -402,10 +409,10 @@ function k({ steps: r, currentIndex: i, onStepClick: a, className: o, strings: s
 		})]
 	});
 }
-k.displayName = "BreadcrumbProgress";
+A.displayName = "BreadcrumbProgress";
 //#endregion
 //#region src/components/composed/navigation/category-nav/category-nav.tsx
-function A({ title: e, items: n, activeId: i, onSelect: c, className: m }) {
+function j({ title: e, items: n, activeId: i, onSelect: c, className: m }) {
 	return /* @__PURE__ */ h(a, {
 		title: e,
 		padding: "sm",
@@ -440,8 +447,8 @@ function A({ title: e, items: n, activeId: i, onSelect: c, className: m }) {
 		}) })
 	});
 }
-A.displayName = "CategoryNavCard";
+j.displayName = "CategoryNavCard";
 //#endregion
-export { k as BreadcrumbProgress, A as CategoryNavCard, D as ExperienceActivityCard, b as KanbanMicroBoard, x as TabSwitcherCard, C as TimeDistributionRuler, E as VendorPerformanceCard, O as defaultBreadcrumbProgressStrings };
+export { A as BreadcrumbProgress, j as CategoryNavCard, O as ExperienceActivityCard, b as KanbanMicroBoard, x as TabSwitcherCard, C as TimeDistributionRuler, E as VendorPerformanceCard, k as defaultBreadcrumbProgressStrings };
 
 //# sourceMappingURL=index.js.map

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

@@ -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.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 } 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 { KanbanMicroBoardProps } from './types';\n\nexport function KanbanMicroBoard({ columns, className }: KanbanMicroBoardProps) {\n    const totalItems = columns.reduce((sum, col) => sum + col.items.length, 0);\n\n    return (\n        <SmartCard\n            title=\"Pipeline Overview\"\n            titleSuffix={<Badge variant=\"secondary\">{totalItems} items</Badge>}\n            className={cn('kanban-board--component', className)}\n        >\n            <div className=\"grid grid-cols-4 gap-1.5\">\n                {columns.map((col, colIdx) => (\n                    <div\n                        key={col.title}\n                        className={cn(\n                            'rounded-md p-1.5',\n                            colIdx % 2 === 0 ? 'bg-muted/40' : 'bg-muted/20',\n                        )}\n                    >\n                        <div className=\"mb-1.5 flex items-center justify-between\">\n                            <Text size=\"xxs\" weight=\"semibold\" className=\"truncate\">\n                                {col.title}\n                            </Text>\n                            <Badge variant=\"secondary\" className=\"ml-1 !px-1 !py-0 text-xxs\">\n                                {col.items.length}\n                            </Badge>\n                        </div>\n                        <div className=\"max-h-20 space-y-1 overflow-y-auto\">\n                            {col.items.map((item, itemIdx) => (\n                                <div\n                                    key={`${col.title}-${itemIdx}`}\n                                    className=\"flex items-center gap-1 rounded bg-card px-1.5 py-1 shadow-sm\"\n                                >\n                                    <div\n                                        className=\"h-1.5 w-1.5 flex-shrink-0 rounded-full\"\n                                        style={{ backgroundColor: `var(--color-${item.color})` }}\n                                    />\n                                    <Text size=\"xxs\" className=\"truncate\">\n                                        {item.title}\n                                    </Text>\n                                </div>\n                            ))}\n                        </div>\n                    </div>\n                ))}\n            </div>\n        </SmartCard>\n    );\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-[1px] rounded-md overflow-hidden\">\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 { 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 { cn } from '@/lib/utils';\n\nimport type { ExperienceActivityCardProps } from './types';\n\nexport function ExperienceActivityCard({\n    completed,\n    total,\n    activities,\n    onAdd,\n    className,\n}: ExperienceActivityCardProps) {\n    return (\n        <SmartCard\n            title={`${completed} out of ${total}`}\n            description=\"Experiences completed this week\"\n            headerEnd={\n                !!onAdd && (\n                    <Button variant=\"light\" buttonStyle=\"ghost\" onClick={onAdd} className=\"size-8 rounded-full bg-primary/10 p-0\">\n                        <Plus className=\"size-4\" />\n                    </Button>\n                  )\n            }\n            className={cn('experience-activity--component', 'bg-gradient-to-b from-muted/30 to-card', className)}\n        >\n            <ItemGroup>\n                {activities.map((a, i) => (\n                    <div key={a.title}>\n                        {i > 0 && <ItemSeparator />}\n                        <Item size=\"xs\" className=\"px-0 items-start\">\n                            <ItemMedia>\n                                <div className=\"flex size-10 items-center justify-center rounded-full bg-primary/10\">\n                                    <a.icon className=\"size-5 text-primary\" />\n                                </div>\n                            </ItemMedia>\n                            <ItemContent>\n                                <ItemTitle>{a.title}</ItemTitle>\n                                <ItemDescription clamp={1}>{a.time}</ItemDescription>\n                                <div className=\"mt-2.5 grid grid-cols-2 gap-2\">\n                                    {a.metrics.map((m) => (\n                                        <div key={m.label} className=\"rounded-lg bg-muted/30 px-2.5 py-1.5\">\n                                            <Text size=\"xs\" type=\"secondary\">{m.label}</Text>\n                                            <Text size=\"xs\" weight=\"bold\">{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","export 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?: Partial<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 { 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 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\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'flex items-center gap-2 rounded-md px-2 py-1 text-left transition-colors',\n\t\t\t\t\t\t\t\t\t'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1',\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 sm:block min-w-0\">\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=\"sm\" 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=\"xs\"\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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"}
+{"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 } 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 { KanbanMicroBoardProps } from './types';\n\nexport function KanbanMicroBoard({ columns, className }: KanbanMicroBoardProps) {\n    const totalItems = columns.reduce((sum, col) => sum + col.items.length, 0);\n\n    return (\n        <SmartCard\n            title=\"Pipeline Overview\"\n            titleSuffix={<Badge variant=\"secondary\">{totalItems} items</Badge>}\n            className={cn('kanban-board--component', className)}\n        >\n            <div className=\"grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-4\">\n                {columns.map((col, colIdx) => (\n                    <div\n                        key={col.title}\n                        className={cn(\n                            'rounded-md border border-border/60 p-2',\n                            colIdx % 2 === 0 ? 'bg-muted/40' : 'bg-muted/20',\n                        )}\n                    >\n                        <div className=\"mb-2 flex items-center justify-between gap-2\">\n                            <Text size=\"xs\" weight=\"semibold\" className=\"truncate\">\n                                {col.title}\n                            </Text>\n                            <Badge variant=\"secondary\">\n                                {col.items.length}\n                            </Badge>\n                        </div>\n                        <div className=\"space-y-1.5\">\n                            {col.items.map((item, itemIdx) => (\n                                <div\n                                    key={`${col.title}-${itemIdx}`}\n                                    className=\"flex min-h-8 items-center gap-2 rounded-md border border-border/50 bg-card px-2 py-1.5 shadow-sm\"\n                                >\n                                    <div\n                                        className=\"h-1.5 w-1.5 flex-shrink-0 rounded-full\"\n                                        style={{ backgroundColor: `var(--color-${item.color})` }}\n                                    />\n                                    <Text size=\"xs\" className=\"truncate\">\n                                        {item.title}\n                                    </Text>\n                                </div>\n                            ))}\n                        </div>\n                    </div>\n                ))}\n            </div>\n        </SmartCard>\n    );\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-[1px] rounded-md overflow-hidden\">\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-sm\"\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=\"xs\" className=\"px-0 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","export 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?: Partial<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 { 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 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\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'flex items-center gap-2 rounded-md px-2 py-1 text-left transition-colors',\n\t\t\t\t\t\t\t\t\t'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1',\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 sm:block min-w-0\">\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=\"sm\" 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=\"xs\"\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/kanban-board/kanban-board.d.ts

@@ -1,5 +1,5 @@
 import { KanbanMicroBoardProps } from './types';
-export declare function KanbanMicroBoard({ columns, className }: KanbanMicroBoardProps): import("react/jsx-runtime").JSX.Element;
+export declare function KanbanMicroBoard({ columns, className }: KanbanMicroBoardProps): import("react").JSX.Element;
 export declare namespace KanbanMicroBoard {
     var displayName: string;
 }

package/dist/components/composed/navigation/kanban-board/kanban-board.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"kanban-board.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/navigation/kanban-board/kanban-board.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CA+C7E;yBA/Ce,gBAAgB"}
+{"version":3,"file":"kanban-board.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/navigation/kanban-board/kanban-board.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,qBAAqB,+BA+C7E;yBA/Ce,gBAAgB"}