@rafal.lemieszewski/tide-ui 0.83.0 → 0.84.2

package/dist/cjs/components/fundamental/icon.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),b=require("react"),u=require("../../lib/utils.cjs"),r=require("lucide-react"),v=require("./custom-icons.cjs");function m(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const c in e)if(c!=="default"){const n=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(o,c,n.get?n:{enumerable:!0,get:()=>e[c]})}}return o.default=e,Object.freeze(o)}const y=m(r),g={primary:"text-[var(--color-icon-primary)]",secondary:"text-[var(--color-icon-secondary)]",tertiary:"text-[var(--color-icon-tertiary)]","tertiary-hover":"text-[var(--color-icon-tertiary-hovered)]",disabled:"text-[var(--color-icon-disabled)]","neutral-selected":"text-[var(--color-icon-neutral-bold-selected)]",information:"text-[var(--color-icon-info-bold)]",success:"text-[var(--color-icon-success-bold)]",error:"text-[var(--color-icon-error-bold)]",warning:"text-[var(--color-icon-warning-bold)]",selected:"text-[var(--color-icon-brand-bold-selected)]",brand:"text-[var(--color-icon-brand-bold)]","brand-hover":"text-[var(--color-icon-brand-bold-hovered)]","on-action":"text-[var(--color-icon-on-action)]",inverse:"text-[var(--color-icon-inverse)]",violet:"text-[var(--violet-500)]"},p={s:"w-[var(--size-3xs)] h-[var(--size-3xs)]",m:"w-[var(--size-2xs)] h-[var(--size-2xs)]",l:"w-[var(--size-xs)] h-[var(--size-xs)]",xl:"w-[var(--size-s)] h-[var(--size-s)]"};function S(e){return e.split("-").map(o=>o.charAt(0).toUpperCase()+o.slice(1)).join("")}const x={anchor:r.Anchor,archive:r.Archive,"arrow-down":r.ArrowDown,"arrow-down-0-1":r.ArrowDown01,"arrow-down-1-0":r.ArrowDown10,"arrow-down-a-z":r.ArrowDownAZ,"arrow-down-narrow-wide":r.ArrowDownNarrowWide,"arrow-down-wide-narrow":r.ArrowDownWideNarrow,"arrow-down-z-a":r.ArrowDownZA,"arrow-left":r.ArrowLeft,"arrow-right":r.ArrowRight,"arrow-up":r.ArrowUp,bookmark:r.Bookmark,"calendar-days":r.CalendarDays,check:r.Check,"check-circle":r.CheckCircle,"chevron-down":r.ChevronDown,"chevron-left":r.ChevronLeft,"chevron-right":r.ChevronRight,"chevron-up":r.ChevronUp,circle:r.Circle,"circle-alert":r.CircleAlert,"circle-check-big":r.CircleCheckBig,"circle-dollar-sign":r.CircleDollarSign,"circle-help":r.CircleHelp,code:r.Code,copy:r.Copy,"credit-card":r.CreditCard,download:r.Download,edit:r.Edit,ellipsis:r.Ellipsis,eye:r.Eye,"file-text":r.FileText,"grid-2x2-plus":r.Grid2X2Plus,handshake:r.Handshake,info:r.Info,"layout-dashboard":r.LayoutDashboard,link:r.Link,"list-filter":r.ListFilter,"loader-2":r.Loader2,"log-out":r.LogOut,mail:r.Mail,"map-pin":r.MapPin,"message-circle":r.MessageCircle,"message-square":r.MessageSquare,"more-horizontal":r.MoreHorizontal,navigation:r.Navigation,package:r.Package,"panel-left":r.PanelLeft,"panel-right-close":r.PanelRightClose,plus:r.Plus,"plus-circle":r.PlusCircle,"refresh-cw":r.RefreshCw,"rotate-ccw":r.RotateCcw,route:r.Route,search:r.Search,send:r.Send,settings:r.Settings,share:r.Share,"share-2":r.Share2,"shield-check":r.ShieldCheck,ship:r.Ship,sparkles:r.Sparkles,"square-plus":r.SquarePlus,star:r.Star,"table-2":r.Table2,"text-cursor-input":r.TextCursorInput,trash:r.Trash,"trash-2":r.Trash2,"triangle-alert":r.TriangleAlert,truck:r.Truck,upload:r.Upload,user:r.User,users:r.Users,weight:r.Weight,x:r.X},f=b.forwardRef(({name:e,size:o="m",color:c,className:n,"aria-label":i,...s},a)=>{const l=c?g[c]:"text-current",d=p[o],h=i?{"aria-label":i,role:"img"}:{"aria-hidden":!0};if(e in v.customIcons)return t.jsxs("svg",{ref:a,viewBox:"0 0 24 24",fill:"none",className:u.cn("shrink-0",d,l,n),...h,...s,children:[i&&t.jsx("title",{children:i}),v.customIcons[e]]});if(e in x){const k=x[e];return t.jsx(k,{ref:a,className:u.cn("shrink-0",d,l,n),...h,...s})}const C=S(e),w=y[C];return w?t.jsx(w,{ref:a,className:u.cn("shrink-0",d,l,n),...h,...s}):(console.warn(`Icon "${e}" not found in custom icons or Lucide icons`),t.jsxs("svg",{ref:a,viewBox:"0 0 24 24",fill:"none",className:u.cn("shrink-0",d,l,n),...h,...s,children:[i&&t.jsx("title",{children:i}),t.jsx("rect",{x:"2",y:"2",width:"20",height:"20",stroke:"currentColor",strokeWidth:"2",fill:"none"}),t.jsx("text",{x:"12",y:"16",textAnchor:"middle",fontSize:"12",fill:"currentColor",children:"?"})]}))});f.displayName="Icon";exports.Icon=f;exports.iconColors=g;exports.iconSizes=p;

package/dist/cjs/components/fundamental/input-group.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),v=require("react"),f=require("class-variance-authority"),n=require("../../lib/utils.cjs"),m=require("./button.cjs"),h=require("./input.cjs"),y=require("./textarea.cjs");function I(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const e=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(r,a,e.get?e:{enumerable:!0,get:()=>t[a]})}}return r.default=t,Object.freeze(r)}const s=I(v),p=s.forwardRef(({className:t,...r},a)=>o.jsx("div",{ref:a,"data-slot":"input-group",role:"group",className:n.cn("group/input-group relative flex w-full items-center rounded-m border border-[var(--color-interaction-border-input)] bg-[var(--color-interaction-background-input-neutral)] outline-none transition-[color,box-shadow,border-color]","h-[var(--size-m)] has-[>textarea]:h-auto","has-[>[data-align=inline-start]]:[&>input]:pl-[var(--space-xs)]","has-[>[data-align=inline-end]]:[&>input]:pr-[var(--space-xs)]","has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>textarea]:pb-[var(--space-m)]","has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>textarea]:pt-[var(--space-m)]","hover:border-[var(--color-interaction-border-input-hovered)]","has-[[data-slot=input-group-control]:focus-visible]:border-[#005f85] has-[[data-slot=input-group-control]:focus-visible]:shadow-[0px_0px_0px_2px_rgba(0,95,133,0.2),0px_3px_4px_0px_rgba(0,14,20,0.03)]","has-[[data-slot][aria-invalid=true]]:border-[var(--color-border-error-bold)]","group-data-[disabled=true]/input-group:opacity-50 group-data-[disabled=true]/input-group:cursor-not-allowed",t),...r}));p.displayName="InputGroup";const i=f.cva("text-[var(--color-text-secondary)] flex h-auto cursor-text select-none items-center justify-center gap-[var(--space-xs)] py-[var(--space-s)] [&]:text-body-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-xs [&>svg:not([class*='size-'])]:size-[var(--size-s)]",{variants:{align:{"inline-start":"order-first pl-[var(--space-s)] has-[>button]:pl-[var(--space-xs)] has-[>.inline-flex]:pl-[var(--space-xs)] has-[>kbd]:ml-[-var(--space-xs)]","inline-end":"order-last pr-[var(--space-s)] has-[>button]:pr-[var(--space-xs)] has-[>.inline-flex]:pr-[var(--space-xs)] has-[>kbd]:mr-[-var(--space-xs)]","block-start":"order-first w-full justify-start px-[var(--space-m)] pt-[var(--space-m)] group-has-[>input]/input-group:pt-[var(--space-s)]","block-end":"order-last w-full justify-start px-[var(--space-m)] pb-[var(--space-m)] group-has-[>input]/input-group:pb-[var(--space-s)]"}},defaultVariants:{align:"inline-start"}}),l=s.forwardRef(({className:t,align:r="inline-start",...a},e)=>o.jsx("div",{ref:e,role:"group","data-slot":"input-group-addon","data-align":r,className:n.cn(i({align:r}),t),onClick:u=>{u.target.closest("button")||u.currentTarget.parentElement?.querySelector("input")?.focus()},...a}));l.displayName="InputGroupAddon";const c=s.forwardRef(({className:t,type:r="button",variant:a="ghost",size:e="s",...u},g)=>o.jsx(m.Button,{ref:g,type:r,variant:a,size:e,className:n.cn("shadow-none",t),...u}));c.displayName="InputGroupButton";const d=s.forwardRef(({className:t,...r},a)=>o.jsx("span",{ref:a,className:n.cn("text-[var(--color-text-secondary)] flex items-center gap-[var(--space-xs)] [&]:text-body-sm [&_svg:not([class*='size-'])]:size-[var(--size-s)] [&_svg]:pointer-events-none",t),...r}));d.displayName="InputGroupText";const b=s.forwardRef(({className:t,size:r,...a},e)=>o.jsx(h.Input,{ref:e,"data-slot":"input-group-control",size:r,className:n.cn("flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 focus-visible:shadow-none",t),...a}));b.displayName="InputGroupInput";const x=s.forwardRef(({className:t,...r},a)=>o.jsx(y.Textarea,{ref:a,"data-slot":"input-group-control",className:n.cn("flex-1 resize-none rounded-none border-0 bg-transparent py-[var(--space-m)] shadow-none focus-visible:ring-0 focus-visible:shadow-none",t),...r}));x.displayName="InputGroupTextarea";exports.InputGroup=p;exports.InputGroupAddon=l;exports.InputGroupButton=c;exports.InputGroupInput=b;exports.InputGroupText=d;exports.InputGroupTextarea=x;exports.inputGroupAddonVariants=i;

package/dist/cjs/components/fundamental/input.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),d=require("react"),v=require("class-variance-authority"),i=require("../../lib/utils.cjs"),b=require("./icon.cjs");function x(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(t,e,a.get?a:{enumerable:!0,get:()=>r[e]})}}return t.default=r,Object.freeze(t)}const f=x(d),s=v.cva("flex w-full rounded-m border transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-[var(--color-text-tertiary)] focus-visible:outline-none focus-visible:shadow-[0px_0px_0px_2px_rgba(0,95,133,0.2),0px_3px_4px_0px_rgba(0,14,20,0.03)] disabled:cursor-not-allowed disabled:opacity-50",{variants:{variant:{default:["bg-[var(--color-interaction-background-input-neutral)] text-[var(--color-text-primary)]","border-[var(--color-interaction-border-input)]","hover:border-[var(--color-interaction-border-input-hovered)]","focus-visible:border-[#005f85]"],error:["bg-[var(--color-interaction-background-input-neutral)] text-[var(--color-text-primary)]","border-[var(--color-border-error-bold)]","focus-visible:border-[var(--color-border-error-bold)]"]},size:{s:"h-[var(--size-s)] px-[var(--space-s)] py-[var(--space-xs)] text-body-sm",m:"h-[var(--size-m)] px-[var(--space-m)] py-[var(--space-s)] text-body-md",l:"h-[var(--size-l)] px-[var(--space-l)] py-[var(--space-m)] text-body-md"}},defaultVariants:{variant:"default",size:"m"}}),l=f.forwardRef(({className:r,variant:t,size:e,type:a="text",...n},c)=>{if(a==="search"){const u=e==="s"?"s":"m",p=e==="s"?"pl-[calc(var(--space-m)+var(--size-3xs)+var(--space-s))]":"pl-[calc(var(--space-m)+var(--size-2xs)+var(--space-s))]";return o.jsxs("div",{className:"relative",children:[o.jsx(b.Icon,{name:"search",size:u,color:"tertiary",className:"absolute left-[var(--space-m)] top-1/2 -translate-y-1/2 pointer-events-none"}),o.jsx("input",{type:a,className:i.cn(s({variant:t,size:e}),p,r),ref:c,...n})]})}return o.jsx("input",{type:a,className:i.cn(s({variant:t,size:e}),r),ref:c,...n})});l.displayName="Input";exports.Input=l;exports.inputVariants=s;

package/dist/cjs/components/fundamental/kbd.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),u=require("react"),b=require("class-variance-authority"),n=require("../../lib/utils.cjs");function p(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const o=p(u),i=b.cva("inline-flex items-center justify-center rounded-xs font-mono font-medium transition-colors select-none relative",{variants:{variant:{light:["bg-grey-25/50","text-[var(--color-text-secondary)]","border border-[var(--color-border-primary-subtle)]"],dark:["bg-grey-800/50","text-[var(--grey-200)]","border border-[var(--grey-alpha-400)]"]},size:{s:"px-[var(--space-2xs)] py-[var(--space-null)] min-w-[var(--size-2xs)] [&]:text-body-xsm",m:"px-[var(--space-s)] py-[var(--space-2xs)] min-w-[var(--size-m)] [&]:text-body-sm"}},defaultVariants:{variant:"light",size:"s"}}),c=o.forwardRef(({className:e,variant:t,size:r,...a},d)=>s.jsx("kbd",{className:n.cn(i({variant:t,size:r,className:e})),ref:d,...a}));c.displayName="Kbd";const l=o.forwardRef(({className:e,...t},r)=>s.jsx("span",{className:n.cn("inline-flex items-center gap-[var(--space-xs)]",e),ref:r,...t}));l.displayName="KbdGroup";exports.Kbd=c;exports.KbdGroup=l;exports.kbdVariants=i;

package/dist/cjs/components/fundamental/label.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),p=require("class-variance-authority"),b=require("../../lib/utils.cjs"),x=require("./icon.cjs"),l=require("./tooltip.cjs");function m(r){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(o,t,a.get?a:{enumerable:!0,get:()=>r[t]})}}return o.default=r,Object.freeze(o)}const j=m(u),y=p.cva("cursor-pointer peer-disabled:cursor-not-allowed peer-disabled:opacity-70",{variants:{size:{s:"[&]:text-body-sm",m:"[&]:text-body-md"},color:{primary:"text-[var(--color-text-primary)]",secondary:"text-[var(--color-text-tertiary)]"}},defaultVariants:{size:"m",color:"primary"}}),s=j.forwardRef(({className:r,children:o,required:t,info:a,size:n,color:i,...c},d)=>e.jsx("label",{ref:d,className:b.cn(y({size:n,color:i}),r),...c,children:e.jsxs("span",{className:"inline-flex items-center gap-[var(--space-xs)]",children:[o,t&&e.jsx("span",{className:"text-[var(--color-text-error-bold)]","aria-label":"required",children:"*"}),a&&e.jsx(l.TooltipProvider,{children:e.jsxs(l.Tooltip,{children:[e.jsx(l.TooltipTrigger,{asChild:!0,children:e.jsx("span",{className:"inline-flex cursor-help",children:e.jsx(x.Icon,{name:"info",size:"s",color:"secondary","aria-label":a})})}),e.jsx(l.TooltipContent,{children:e.jsx("p",{children:a})})]})})]})}));s.displayName="Label";exports.Label=s;

package/dist/cjs/components/fundamental/month-picker.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),g=require("react"),K=require("class-variance-authority"),d=require("../../lib/utils.cjs"),T=require("./button.cjs"),j=require("./icon.cjs");K.cva("",{variants:{size:{default:"",small:""}},defaultVariants:{size:"default"}});const L={default:{container:"gap-[var(--space-m)]",navButton:"h-[var(--size-m)] w-[var(--size-m)]",navIcon:"h-[var(--size-xs)] w-[var(--size-xs)]",yearGridGap:"gap-[var(--space-m)]",yearSectionGap:"gap-[var(--space-s)]",yearHeader:"text-label-sm",monthGridGap:"gap-[var(--space-xs)]",monthButton:"px-[var(--space-xs)] py-[var(--space-s)] text-body-sm",monthBorderRadius:"rounded-m"},small:{container:"gap-[var(--space-s)]",navButton:"h-[var(--size-s)] w-[var(--size-s)]",navIcon:"h-4 w-4",yearGridGap:"gap-[var(--space-s)]",yearSectionGap:"gap-[var(--space-xs)]",yearHeader:"[&]:text-caption-medium-sm [&]:font-medium py-[var(--space-s)]",monthGridGap:"gap-1",monthButton:"px-1 py-[var(--space-xs)] [&]:text-caption-sm",monthBorderRadius:"rounded-s"}},n=t=>new Date(t.getFullYear(),t.getMonth(),1),Q=t=>t.toLocaleDateString("en-US",{month:"short"}),W=t=>Array.from({length:12},(s,c)=>new Date(t,c,1)),X=(t,s,c,u)=>{const f=n(t);if(s){const i=n(s);if(f<i)return!0}if(c){const i=n(c);if(f>i)return!0}if(u&&u.length>0){const i=f.getTime();for(const p of u)if(n(p).getTime()===i)return!0}return!1},k=(t,s,c)=>{if(!s)return!1;const u=n(t).getTime(),f=n(s).getTime();if(!c)return u>f;const i=n(c).getTime();return u>f&&u<i},m=(t,s)=>!t||!s?!1:n(t).getTime()===n(s).getTime(),w=g.forwardRef(({value:t,onChange:s,mode:c,size:u="default",yearCount:f,startYear:i,minDate:p,maxDate:B,disabledDates:I,className:R,monthLabelFormat:S,yearLabelFormat:b,enableNavigation:x=!1,onYearNavigate:M},Y)=>{const[l,G]=g.useState(null),[z,h]=g.useState(null),[y,N]=g.useState(i||new Date().getFullYear()),a=L[u],C=f??(c==="single"?1:2),q=x?y:i||new Date().getFullYear(),A=Array.from({length:C},(e,r)=>q+r),H=()=>{const e=y-1;N(e),M?.(e)},P=()=>{const e=y+1;N(e),M?.(e)},D=e=>{if(c==="single"){s(n(e));return}if(!l)G(n(e));else{const r=l<e?l:e,v=l<e?e:l;s([n(r),n(v)]),G(null),h(null)}},E=e=>l||!t?!1:Array.isArray(t)?m(e,t[0])||m(e,t[1]):m(e,t),V=e=>{if(l||!t||!Array.isArray(t))return!1;const[r,v]=t;return k(e,r,v)},_=e=>!l||!z?!1:k(e,l,z);return o.jsx("div",{ref:Y,className:d.cn("flex flex-col",a.container,R),children:o.jsxs("div",{className:d.cn("flex items-center",a.yearGridGap),children:[x&&o.jsx(T.Button,{variant:"default",size:"s",onClick:H,className:d.cn(a.navButton,"p-0 shrink-0"),children:o.jsx(j.Icon,{name:"chevron-left",className:a.navIcon})}),o.jsx("div",{className:d.cn("flex flex-1",a.yearGridGap),children:A.map(e=>o.jsxs("div",{className:d.cn("flex-1 flex flex-col",a.yearSectionGap),children:[o.jsx("div",{className:d.cn(a.yearHeader,"text-[var(--color-text-primary)] text-center"),children:b?b(e):e}),o.jsx("div",{className:d.cn("grid grid-cols-3",a.monthGridGap),children:W(e).map(r=>{const v=X(r,p,B,I),F=E(r),O=V(r),U=_(r),J=m(r,l);return o.jsx("button",{onClick:()=>!v&&D(r),onMouseEnter:()=>!v&&h(r),onMouseLeave:()=>h(null),disabled:v,className:d.cn("transition-colors",a.monthBorderRadius,a.monthButton,"bg-[var(--color-background-neutral-subtle)] text-[var(--color-text-primary)]","hover:bg-[var(--color-background-neutral-hovered)]","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring-color)]","disabled:opacity-50 disabled:cursor-not-allowed",(O||U)&&"bg-[var(--color-background-blue-subtle)] text-[var(--color-text-primary)]",(F||J)&&"!bg-[var(--color-background-blue-bold)] !text-[var(--color-text-on-action)]"),children:S?S(r):Q(r)},r.getTime())})})]},e))}),x&&o.jsx(T.Button,{variant:"default",size:"s",onClick:P,className:d.cn(a.navButton,"p-0 shrink-0"),children:o.jsx(j.Icon,{name:"chevron-right",className:a.navIcon})})]})})});w.displayName="MonthPicker";exports.MonthPicker=w;

package/dist/cjs/components/fundamental/pagination.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),G=require("react"),x=require("../../lib/utils.cjs"),i=require("./button.cjs"),O=require("./button-group.cjs"),r=require("./icon.cjs"),d=require("./dropdown-menu.cjs");function P(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const a=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(o,s,a.get?a:{enumerable:!0,get:()=>t[s]})}}return o.default=t,Object.freeze(o)}const C=P(G),h=C.forwardRef(({className:t,variant:o="default",currentPage:s,totalItems:a,pageSize:c,onPageChange:l,onPageSizeChange:j,pageSizeOptions:w=[10,25,50,100],onNextPageHover:f,onPreviousPageHover:b,...N},g)=>{const u=Math.ceil(a/c),M=(s-1)*c+1,v=Math.min(s*c,a),q=()=>l(1),k=()=>l(Math.max(1,s-1)),D=()=>l(Math.min(u,s+1)),I=()=>l(u),m=s===1,p=s===u||a===0,T=n=>{const y=(s-1)*c+1,B=Math.ceil(y/n);j(n),l(Math.max(1,B))};return e.jsxs("div",{ref:g,className:x.cn("flex items-center gap-[var(--space-s)]",t),...N,children:[e.jsxs(O.ButtonGroup,{size:"s",children:[o==="full"&&e.jsx(i.Button,{onClick:q,disabled:m,"aria-label":"Go to first page",className:"px-[var(--space-s)] aspect-square",children:e.jsx(r.Icon,{name:"arrow-left-to-line",className:"w-4 h-4"})}),e.jsx(i.Button,{onClick:k,disabled:m,"aria-label":"Go to previous page",className:"px-[var(--space-s)] aspect-square",onMouseEnter:m?void 0:b,children:e.jsx(r.Icon,{name:"arrow-left",className:"w-4 h-4"})}),e.jsx(i.Button,{onClick:D,disabled:p,"aria-label":"Go to next page",className:"px-[var(--space-s)] aspect-square",onMouseEnter:p?void 0:f,children:e.jsx(r.Icon,{name:"arrow-right",className:"w-4 h-4"})}),o==="full"&&e.jsx(i.Button,{onClick:I,disabled:p,"aria-label":"Go to last page",className:"px-[var(--space-s)] aspect-square",children:e.jsx(r.Icon,{name:"arrow-right-to-line",className:"w-4 h-4"})})]}),e.jsxs(d.DropdownMenu,{children:[e.jsx(d.DropdownMenuTrigger,{asChild:!0,children:e.jsxs(i.Button,{variant:"ghost",size:"s",className:"gap-1 min-w-0",children:[e.jsx("span",{className:"whitespace-nowrap",children:a===0?"0 of 0":`${M}-${v} of ${a}`}),e.jsx(r.Icon,{name:"chevron-down",className:"w-4 h-4"})]})}),e.jsxs(d.DropdownMenuContent,{align:"end",className:"min-w-[80px]",children:[e.jsx(d.DropdownMenuLabel,{children:"Items per page"}),w.map(n=>e.jsxs(d.DropdownMenuItem,{onClick:()=>T(n),className:x.cn("cursor-pointer",n===c&&"font-medium"),children:[n,n===c&&e.jsx(r.Icon,{name:"check",className:"w-4 h-4 ml-auto text-[var(--color-icon-brand-bold)]"})]},n))]})]})]})});h.displayName="Pagination";exports.Pagination=h;

package/dist/cjs/components/fundamental/popover.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),c=require("react"),l=require("@radix-ui/react-popover"),p=require("../../lib/utils.cjs");function i(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const m=i(c),o=i(l),u=o.Root,f=o.Trigger,v=o.Anchor,s=m.forwardRef(({className:e,align:r="center",sideOffset:t=4,...a},d)=>n.jsx(o.Portal,{children:n.jsx(o.Content,{ref:d,align:r,sideOffset:t,className:p.cn("z-50 w-[var(--radix-popover-trigger-width)] min-w-[16rem] overflow-hidden rounded-l border border-[var(--color-border-divider)] bg-[var(--color-surface-primary)] p-[var(--space-2xl)] text-[var(--color-text-primary)] shadow-xl outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...a})}));s.displayName=o.Content.displayName;exports.Popover=u;exports.PopoverAnchor=v;exports.PopoverContent=s;exports.PopoverTrigger=f;

package/dist/cjs/components/fundamental/progress.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("react"),p=require("@radix-ui/react-progress"),l=require("../../lib/utils.cjs"),c=require("class-variance-authority");function i(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const h=i(m),o=i(p),j=c.cva("relative h-2 w-full rounded-full border border-[var(--color-border-primary-medium)] bg-white p-px",{variants:{variant:{default:"bg-[var(--color-background-neutral-subtlest)]",success:"bg-[var(--color-background-success-subtle)]",warning:"bg-[var(--color-background-warning-subtle)]",error:"bg-[var(--color-background-error-subtle)]"},size:{s:"h-1",m:"h-2",l:"h-3"}},defaultVariants:{variant:"default",size:"m"}}),w=c.cva("h-full w-full flex-1 transition-all duration-300 ease-in-out rounded-full",{variants:{variant:{default:"bg-[var(--color-background-blue-bold)]",success:"bg-[var(--green-500)]",warning:"bg-[var(--orange-500)]",error:"bg-[var(--red-500)]"}},defaultVariants:{variant:"default"}}),u=h.forwardRef(({className:e,value:r,variant:t,size:s,showLabel:d,formatLabel:n,...b},g)=>{const f=v=>`${Math.round(v)}%`;return a.jsxs("div",{className:"w-full",children:[a.jsx("div",{className:l.cn(j({variant:t,size:s,className:e})),children:a.jsx(o.Root,{ref:g,className:"relative h-full w-full overflow-hidden rounded-full bg-[var(--color-background-neutral-subtlest)]",...b,children:a.jsx(o.Indicator,{className:l.cn(w({variant:t})),style:{transform:`translateX(-${100-(r||0)}%)`}})})}),d&&r!==void 0&&r!==null&&a.jsx("div",{className:"mt-1 text-caption-sm text-[var(--color-text-secondary)]",children:n?n(r):f(r)})]})});u.displayName=o.Root.displayName;exports.Progress=u;

package/dist/cjs/components/fundamental/radio-group.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),p=require("react"),f=require("@radix-ui/react-radio-group"),g=require("lucide-react"),i=require("class-variance-authority"),c=require("../../lib/utils.cjs");function s(r){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(a,e,t.get?t:{enumerable:!0,get:()=>r[e]})}}return a.default=r,Object.freeze(a)}const n=s(p),o=s(f),l=i.cva("grid gap-[var(--space-s)]"),b=i.cva("peer w-[var(--size-2xs)] h-[var(--size-2xs)] shrink-0 rounded-full border-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2 cursor-pointer hover:cursor-pointer [&:not(:disabled)]:cursor-pointer [&]:disabled:cursor-not-allowed disabled:opacity-100 box-border",{variants:{variant:{default:["border-[var(--color-interaction-border-input)] bg-[var(--color-surface-primary)]","hover:border-[var(--color-interaction-border-input-hovered)]","data-[state=checked]:border-[var(--color-border-brand-bold)] data-[state=checked]:bg-[var(--color-background-blue-bold)] data-[state=checked]:text-[var(--color-text-on-action)]","disabled:border-none disabled:bg-[var(--color-background-disabled)]","disabled:data-[state=checked]:border-none disabled:data-[state=checked]:bg-[var(--color-background-disabled)] disabled:data-[state=checked]:text-[var(--color-text-disabled)]"],error:["border-[var(--color-border-error-bold)] bg-[var(--color-surface-primary)]","hover:border-[var(--color-border-error-bold)]","data-[state=checked]:border-[var(--color-border-error-bold)] data-[state=checked]:bg-[var(--color-background-error-subtle)] data-[state=checked]:text-[var(--color-text-on-error)]","disabled:border-[var(--color-border-disabled)] disabled:bg-[var(--color-surface-primary)]","disabled:data-[state=checked]:border-[var(--color-border-disabled)] disabled:data-[state=checked]:bg-[var(--color-background-disabled)] disabled:data-[state=checked]:text-[var(--color-text-disabled)]"]}},defaultVariants:{variant:"default"}}),m=i.cva("flex items-center justify-center text-current [&>svg]:w-[var(--dimension-150)] [&>svg]:h-[var(--dimension-150)]"),u=n.forwardRef(({className:r,...a},e)=>d.jsx(o.Root,{className:c.cn(l(),r),...a,ref:e}));u.displayName=o.Root.displayName;const v=n.forwardRef(({className:r,variant:a,...e},t)=>d.jsx(o.Item,{ref:t,className:c.cn(b({variant:a}),r),...e,children:d.jsx(o.Indicator,{className:c.cn(m()),children:d.jsx(g.Circle,{className:"fill-current"})})}));v.displayName=o.Item.displayName;exports.RadioGroup=u;exports.RadioGroupItem=v;exports.radioGroupItemVariants=b;exports.radioGroupVariants=l;

package/dist/cjs/components/fundamental/resizable.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("react-resizable-panels"),c=require("./icon.cjs"),n=require("../../lib/utils.cjs");function s(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,l.get?l:{enumerable:!0,get:()=>e[a]})}}return r.default=e,Object.freeze(r)}const i=s(o),u=({className:e,...r})=>t.jsx(i.PanelGroup,{className:n.cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col",e),...r}),d=i.Panel,f=({withHandle:e,className:r,...a})=>t.jsx(i.PanelResizeHandle,{className:n.cn("relative flex w-px items-center justify-center bg-[var(--color-border-primary-subtle)] after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",r),...a,children:e&&t.jsx("div",{className:"z-10 flex h-4 w-3 items-center justify-center rounded-s border border-[var(--color-border-primary-subtle)] bg-[var(--color-background-secondary)]",children:t.jsx(c.Icon,{name:"grip-vertical",size:"s",className:"text-[var(--color-icon-secondary)]"})})});exports.ResizableHandle=f;exports.ResizablePanel=d;exports.ResizablePanelGroup=u;

package/dist/cjs/components/fundamental/scroll-area.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),d=require("react"),f=require("@radix-ui/react-scroll-area"),n=require("../../lib/utils.cjs");function s(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const t=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(r,l,t.get?t:{enumerable:!0,get:()=>e[l]})}}return r.default=e,Object.freeze(r)}const i=s(d),o=s(f),u=i.forwardRef(({className:e,children:r,...l},t)=>a.jsxs(o.Root,{ref:t,className:n.cn("relative overflow-hidden",e),...l,children:[a.jsx(o.Viewport,{className:"h-full w-full rounded-[inherit]",children:r}),a.jsx(c,{}),a.jsx(o.Corner,{})]}));u.displayName=o.Root.displayName;const c=i.forwardRef(({className:e,orientation:r="vertical",...l},t)=>a.jsx(o.ScrollAreaScrollbar,{ref:t,orientation:r,className:n.cn("flex touch-none select-none transition-colors",r==="vertical"&&"h-full w-2.5 border-l border-l-transparent p-[1px]",r==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent p-[1px]",e),...l,children:a.jsx(o.ScrollAreaThumb,{className:"relative flex-1 rounded-full bg-[var(--color-border-primary)]"})}));c.displayName=o.ScrollAreaScrollbar.displayName;exports.ScrollArea=u;exports.ScrollBar=c;

package/dist/cjs/components/fundamental/select.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),j=require("react"),w=require("@radix-ui/react-select"),c=require("class-variance-authority"),l=require("../../lib/utils.cjs"),i=require("./icon.cjs");function m(a){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(o,t,s.get?s:{enumerable:!0,get:()=>a[t]})}}return o.default=a,Object.freeze(o)}const n=m(j),e=m(w),u=c.cva("flex w-full items-center justify-between gap-[var(--space-xs)] rounded-s border bg-[var(--color-surface-primary)] text-[var(--color-text-primary)] transition-all duration-150 ease-in-out placeholder:text-[var(--color-text-tertiary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-100 disabled:bg-[var(--color-background-disabled)] disabled:text-[var(--color-text-disabled)]",{variants:{variant:{default:["border-[var(--color-interaction-border-input)]","enabled:hover:bg-[var(--color-background-neutral-subtlest-hovered)]","enabled:hover:border-[var(--color-interaction-border-input-hovered)]","enabled:hover:shadow-sm"],error:["border-[var(--color-border-error-bold)]","enabled:hover:bg-[var(--color-background-neutral-subtlest-hovered)]","enabled:hover:border-[var(--color-border-error-bold)]","enabled:hover:shadow-sm","focus-visible:border-[var(--color-border-error-bold)]"]},size:{s:"h-[var(--size-s)] px-[var(--space-m)] py-[var(--space-xs)] text-body-sm",m:"h-[var(--size-m)] px-[var(--space-m)] py-[var(--space-s)] text-body-md",l:"h-[var(--size-l)] px-[var(--space-l)] py-[var(--space-m)] text-body-lg"}},defaultVariants:{variant:"default",size:"m"}}),b=c.cva("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-m border border-[var(--color-border-primary-medium)] bg-[var(--color-surface-primary)] text-[var(--color-text-primary)] shadow-[0px_0px_12px_-2px_rgba(0,14,20,0.08),0px_16px_24px_-8px_rgba(0,14,20,0.08),0px_4px_8px_-4px_rgba(0,14,20,0.04),0px_1px_1px_0px_rgba(0,14,20,0.02)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"),x=c.cva("relative flex w-full cursor-default select-none items-center h-8 rounded-s outline-none focus:bg-[var(--color-background-neutral-subtlest-hovered)] focus:text-[var(--color-text-primary)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50 px-2 py-1 text-body-md",{variants:{},defaultVariants:{}}),N=c.cva("px-2 py-1 [&]:text-body-medium-sm text-[var(--color-text-tertiary)]"),_=c.cva("h-px bg-[var(--color-border-primary-subtle)] my-[var(--space-xs)]"),V=e.Root,I=e.Group,z=e.Value,v=n.forwardRef(({className:a,variant:o,size:t,children:s,...d},p)=>{const S=t||"m";return r.jsxs(e.Trigger,{ref:p,className:l.cn(u({variant:o,size:t}),a),...d,children:[s,r.jsx(e.Icon,{asChild:!0,children:r.jsx(i.Icon,{name:"chevron-down",size:S})})]})});v.displayName=e.Trigger.displayName;const f=n.forwardRef(({className:a,children:o,position:t="popper",modal:s=!1,...d},p)=>r.jsx(e.Portal,{children:r.jsxs(e.Content,{ref:p,className:l.cn(b(),t==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",a),position:t,...d,children:[r.jsx(e.ScrollUpButton,{className:"flex cursor-default items-center justify-center py-1",children:r.jsx(i.Icon,{name:"chevron-up",size:"s"})}),r.jsx(e.Viewport,{className:l.cn("p-2",t==="popper"&&"w-full min-w-[var(--radix-select-trigger-width)]"),children:r.jsx("div",{className:"flex flex-col gap-1",children:o})}),r.jsx(e.ScrollDownButton,{className:"flex cursor-default items-center justify-center py-1",children:r.jsx(i.Icon,{name:"chevron-down",size:"s"})})]})}));f.displayName=e.Content.displayName;const g=n.forwardRef(({className:a,children:o,...t},s)=>r.jsxs(e.Item,{ref:s,className:l.cn(x(),a),...t,children:[r.jsx(e.ItemText,{children:o}),r.jsx("span",{className:"absolute right-2 flex h-4 w-4 items-center justify-center",children:r.jsx(e.ItemIndicator,{children:r.jsx(i.Icon,{name:"check",size:"s",color:"brand"})})})]}));g.displayName=e.Item.displayName;const y=n.forwardRef(({className:a,...o},t)=>r.jsx(e.Label,{ref:t,className:l.cn(N(),a),...o}));y.displayName=e.Label.displayName;const h=n.forwardRef(({className:a,...o},t)=>r.jsx(e.Separator,{ref:t,className:l.cn(_(),a),...o}));h.displayName=e.Separator.displayName;exports.Select=V;exports.SelectContent=f;exports.SelectGroup=I;exports.SelectItem=g;exports.SelectLabel=y;exports.SelectSeparator=h;exports.SelectTrigger=v;exports.SelectValue=z;exports.selectContentVariants=b;exports.selectItemVariants=x;exports.selectTriggerVariants=u;

package/dist/cjs/components/fundamental/separator.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),f=require("react"),m=require("@radix-ui/react-separator"),s=require("../../lib/utils.cjs"),d=require("./icon.cjs");function l(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const h=l(f),u=l(m),p=h.forwardRef(({className:e,layout:r="vertical",decorative:t=!0,type:n="line",...a},c)=>{const o=r==="horizontal"?"vertical":"horizontal";return n==="dot"&&r==="horizontal"?i.jsx("div",{ref:c,role:t?"presentation":"separator","aria-orientation":o,className:s.cn("flex h-[1em] shrink-0 items-center justify-center",e),...a,children:i.jsx(d.Icon,{name:"dot",size:"l",color:"tertiary"})}):i.jsx(u.Root,{ref:c,decorative:t,orientation:o,className:s.cn("shrink-0 bg-[var(--grey-alpha-100)]",o==="horizontal"?"h-px w-full":"h-7 w-px",e),...a})});p.displayName=u.Root.displayName;exports.Separator=p;

package/dist/cjs/components/fundamental/sheet.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),P=require("react"),T=require("@radix-ui/react-dialog"),R=require("class-variance-authority"),i=require("../../lib/utils.cjs"),q=require("./button.cjs");function p(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,l.get?l:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const n=p(P),o=p(T),m=n.createContext({overlay:!1}),u=({modal:e,overlay:t=!1,...a})=>r.jsx(m.Provider,{value:{overlay:t},children:r.jsx(o.Root,{modal:e??t,...a})});u.displayName="Sheet";const _=o.Trigger,z=o.Close,f=o.Portal,d=n.forwardRef(({className:e,...t},a)=>r.jsx(o.Overlay,{className:i.cn("fixed inset-0 z-50 bg-[var(--color-background-blanket)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e),...t,ref:a}));d.displayName=o.Overlay.displayName;const F=R.cva("fixed z-50 gap-[var(--space-l)] bg-[var(--color-surface-primary)] p-[var(--space-3xl)] shadow-xl transition ease-in-out overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",{variants:{side:{top:"inset-x-[var(--space-s)] top-[var(--space-s)] rounded-m border-b border-[var(--color-border-primary-subtle)] data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",bottom:"inset-x-[var(--space-s)] bottom-[var(--space-s)] rounded-m border-t border-[var(--color-border-primary-subtle)] data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",left:"inset-y-[var(--space-s)] left-[var(--space-s)] rounded-m w-3/4 border-r border-[var(--color-border-primary-subtle)] data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",right:"inset-y-[var(--space-s)] right-[var(--space-s)] rounded-m w-3/4 border-l border-[var(--color-border-primary-subtle)] data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"}},defaultVariants:{side:"right"}}),v=n.forwardRef(({side:e="right",className:t,children:a,showClose:l=!0,dismissible:c=!0,overlay:g,onPointerDownOutside:S,onInteractOutside:j,onFocusOutside:N,...w},C)=>{const O=n.useContext(m),D=g??O.overlay;return r.jsxs(f,{children:[D&&r.jsx(d,{}),r.jsxs(o.Content,{ref:C,className:i.cn(F({side:e}),t),...w,onPointerDownOutside:s=>{c||s.preventDefault(),S?.(s)},onInteractOutside:s=>{c||s.preventDefault(),j?.(s)},onFocusOutside:s=>{c||s.preventDefault(),N?.(s)},children:[a,l&&r.jsx(o.Close,{asChild:!0,children:r.jsx(q.Button,{variant:"default",size:"m",icon:"x",iconPosition:"only",className:"absolute right-[var(--space-l)] top-[var(--space-l)]",children:r.jsx("span",{className:"sr-only",children:"Close"})})})]})]})});v.displayName=o.Content.displayName;const h=({className:e,...t})=>r.jsx("div",{className:i.cn("flex flex-col space-y-[var(--space-s)] text-center sm:text-left",e),...t});h.displayName="SheetHeader";const x=({className:e,...t})=>r.jsx("div",{className:i.cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-[var(--space-s)]",e),...t});x.displayName="SheetFooter";const y=n.forwardRef(({className:e,...t},a)=>r.jsx(o.Title,{ref:a,className:i.cn("text-heading-lg text-[var(--color-text-primary)]",e),...t}));y.displayName=o.Title.displayName;const b=n.forwardRef(({className:e,...t},a)=>r.jsx(o.Description,{ref:a,className:i.cn("text-body-md text-[var(--color-text-secondary)]",e),...t}));b.displayName=o.Description.displayName;exports.Sheet=u;exports.SheetClose=z;exports.SheetContent=v;exports.SheetDescription=b;exports.SheetFooter=x;exports.SheetHeader=h;exports.SheetOverlay=d;exports.SheetPortal=f;exports.SheetTitle=y;exports.SheetTrigger=_;

package/dist/cjs/components/fundamental/sidebar.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),ue=require("react"),be=require("class-variance-authority"),pe=require("@radix-ui/react-dialog"),ve=require("@radix-ui/react-tooltip"),d=require("../../lib/utils.cjs"),T=require("./button.cjs"),fe=require("./separator.cjs"),me=require("./icon.cjs");function D(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,o.get?o:{enumerable:!0,get:()=>e[a]})}}return r.default=e,Object.freeze(r)}const t=D(ue),z=D(pe),I=D(ve),ge="sidebar:state",xe=3600*24*7,he="16rem",ye="18rem",Se="3rem",we="b",O=t.createContext(null);function R(){const e=t.useContext(O);if(!e)throw new Error("useSidebar must be used within a SidebarProvider.");return e}const G=t.forwardRef(({defaultOpen:e=!0,open:r,onOpenChange:a,className:o,style:i,children:l,...u},f)=>{const[p,m]=t.useState(e),[v,h]=t.useState(!1),[y,j]=t.useState(!1),g=r??p,S=t.useCallback(n=>{const c=typeof n=="function"?n(g):n;a?a(c):m(c),typeof document<"u"&&(document.cookie=`${ge}=${c}; path=/; max-age=${xe}`)},[a,g]),b=t.useCallback(()=>y?h(n=>!n):S(n=>!n),[y,S,h]);t.useEffect(()=>{const n=c=>{c.key===we&&(c.metaKey||c.ctrlKey)&&(c.preventDefault(),b())};return document.addEventListener("keydown",n),()=>document.removeEventListener("keydown",n)},[b]),t.useEffect(()=>{const n=()=>{j(window.innerWidth<768)};return n(),window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[]);const N=g?"expanded":"collapsed",w=t.useMemo(()=>({state:N,open:g,setOpen:S,isMobile:y,openMobile:v,setOpenMobile:h,toggleSidebar:b}),[N,g,S,y,v,h,b]);return s.jsx(O.Provider,{value:w,children:s.jsx(I.Provider,{delayDuration:0,children:s.jsx("div",{ref:f,style:{"--sidebar-width":he,"--sidebar-width-icon":Se,...i},className:d.cn("group/sidebar-wrapper flex h-svh w-full min-w-0 has-[[data-variant=inset]]:bg-[var(--color-surface-secondary)]",o),...u,children:l})})})});G.displayName="SidebarProvider";const P=t.forwardRef(({variant:e="sidebar",collapsible:r="offcanvas",side:a="left",className:o,children:i,...l},u)=>{const{isMobile:f,state:p,openMobile:m,setOpenMobile:v}=R();return r==="none"?s.jsx("div",{className:d.cn("flex h-full w-[var(--sidebar-width)] flex-col bg-[var(--color-surface-primary)] text-[var(--color-text-primary)]",o),ref:u,...l,children:i}):f?s.jsx(z.Root,{open:m,onOpenChange:v,modal:!1,children:s.jsxs(z.Portal,{children:[s.jsx(z.Overlay,{className:"fixed inset-0 z-40 bg-black/80"}),s.jsx(z.Content,{ref:u,"data-sidebar":"sidebar","data-mobile":"true",className:"fixed inset-y-0 z-50 h-auto w-[var(--sidebar-width-mobile)] bg-[var(--color-surface-primary)] p-0 text-[var(--color-text-primary)] shadow-md transition ease-in-out data-[state=open]:duration-300 data-[state=closed]:duration-200 data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left",style:{"--sidebar-width":ye},...l,children:s.jsx("div",{className:"flex h-full w-full flex-col",children:i})})]})}):s.jsx("div",{ref:u,className:"group peer hidden md:block text-[var(--color-text-primary)]","data-state":p,"data-collapsible":p==="collapsed"?r:"","data-variant":e,"data-side":a,children:s.jsx("div",{className:d.cn("duration-200 relative h-svh w-[var(--sidebar-width)] bg-[var(--color-surface-primary)] border-r border-[var(--color-border-primary-subtle)] transition-[width] ease-linear","group-data-[collapsible=offcanvas]:w-0","group-data-[collapsible=icon]:w-[var(--sidebar-width-icon)]",e==="floating"&&"m-[var(--space-s)] rounded-m border border-[var(--color-border-primary-subtle)] shadow-md",e==="inset"&&"m-[var(--space-s)] ml-0 rounded-r-m border-r border-[var(--color-border-primary-subtle)]",o),...l,children:s.jsx("div",{"data-sidebar":"sidebar",className:"flex h-full w-full flex-col",children:i})})})});P.displayName="Sidebar";const q=t.forwardRef(({className:e,onClick:r,...a},o)=>{const{toggleSidebar:i}=R();return s.jsxs(T.Button,{ref:o,"data-sidebar":"trigger",variant:"ghost",size:"s",className:d.cn("h-7 w-7 p-0",e),onClick:l=>{r?.(l),i()},...a,children:[s.jsx(me.Icon,{name:"panel-left",size:"s"}),s.jsx("span",{className:"sr-only",children:"Toggle sidebar"})]})});q.displayName="SidebarTrigger";const K=t.forwardRef(({className:e,...r},a)=>{const{toggleSidebar:o}=R();return s.jsx("button",{ref:a,"data-sidebar":"rail","aria-label":"Toggle sidebar",tabIndex:-1,onClick:o,title:"Toggle sidebar",className:d.cn("absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-[var(--color-border-primary)] group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex","[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize","[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize","group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-[var(--color-surface-secondary)]","[[data-side=left][data-collapsible=offcanvas]_&]:-right-2","[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",e),...r})});K.displayName="SidebarRail";const L=t.forwardRef(({className:e,...r},a)=>s.jsx("main",{ref:a,className:d.cn("relative flex flex-1 flex-col min-w-0 bg-[var(--color-surface-base)]","peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))] md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm",e),...r}));L.displayName="SidebarInset";const F=t.forwardRef(({className:e,...r},a)=>s.jsx("input",{ref:a,"data-sidebar":"input",className:d.cn("flex h-8 w-full rounded-l border border-[var(--color-interaction-border-input)] bg-[var(--color-surface-primary)] px-[var(--space-m)] py-[var(--space-s)] text-sm text-[var(--color-text-primary)] ring-offset-[var(--color-surface-primary)] file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-[var(--color-text-tertiary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-border-focused)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",e),...r}));F.displayName="SidebarInput";const V=t.forwardRef(({className:e,children:r,onOpenChange:a,shortcuts:o=["⌘","K"],...i},l)=>s.jsxs("button",{ref:l,"data-sidebar":"search-button",className:d.cn("text-body-md flex h-8 w-full cursor-pointer items-center rounded-m border border-[var(--color-border-primary-subtle)] bg-[var(--color-surface-primary)] px-3 py-1 pr-20 pl-8 text-left text-[var(--color-text-tertiary)] transition-colors hover:border-[var(--color-border-primary-medium)] hover:bg-[var(--color-background-neutral-subtlest-hovered)] focus:border-[var(--color-border-brand-bold)] focus:ring-2 focus:ring-[var(--color-border-brand-bold)] focus:ring-offset-2 focus:outline-none active:border-[var(--color-border-primary-medium)] group-data-[collapsible=icon]:hidden",e),onClick:()=>a?.(!0),...i,children:[r||"Search",s.jsx("div",{className:"absolute top-1/2 right-2 flex -translate-y-1/2 gap-1",children:o.map((u,f)=>s.jsx("kbd",{className:"pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border border-[var(--color-border-primary-subtle)] bg-[var(--color-surface-secondary)] px-1.5 font-mono text-[10px] font-medium text-[var(--color-text-tertiary)] opacity-100",children:u},f))})]}));V.displayName="SidebarSearchButton";const W=t.forwardRef(({className:e,onOpenChange:r,shortcuts:a=["⌘","K"],...o},i)=>s.jsx("button",{ref:i,"data-sidebar":"search-trigger",className:d.cn("hidden h-8 w-8 cursor-pointer items-center justify-center rounded border border-[var(--color-border-primary-subtle)] bg-transparent transition-all duration-200 group-data-[collapsible=icon]:flex hover:border-[var(--color-border-primary-medium)] hover:bg-[var(--color-background-neutral-subtlest-hovered)] focus:border-[var(--color-border-brand-bold)] focus:ring-2 focus:ring-[var(--color-border-brand-bold)] focus:ring-offset-2 focus:outline-none active:border-[var(--color-border-primary-medium)]",e),onClick:()=>r?.(!0),"aria-label":"Search",...o}));W.displayName="SidebarSearchTrigger";const $=t.forwardRef(({className:e,...r},a)=>s.jsx("div",{ref:a,"data-sidebar":"header",className:d.cn("flex flex-col gap-[var(--space-s)] p-[var(--space-m)] group-data-[collapsible=icon]:p-[var(--space-s)]",e),...r}));$.displayName="SidebarHeader";const A=t.forwardRef(({className:e,...r},a)=>s.jsx("div",{ref:a,"data-sidebar":"footer",className:d.cn("flex flex-col gap-[var(--space-s)] p-[var(--space-m)] group-data-[collapsible=icon]:p-[var(--space-s)]",e),...r}));A.displayName="SidebarFooter";const U=t.forwardRef(({className:e,...r},a)=>s.jsx(fe.Separator,{ref:a,"data-sidebar":"separator",className:d.cn("mx-2 w-auto bg-[var(--color-border-primary-subtle)]",e),...r}));U.displayName="SidebarSeparator";const X=t.forwardRef(({className:e,...r},a)=>s.jsx("div",{ref:a,"data-sidebar":"content",className:d.cn("flex min-h-0 flex-1 flex-col overflow-y-auto group-data-[collapsible=icon]:overflow-hidden",e),...r}));X.displayName="SidebarContent";const Y=t.forwardRef(({className:e,...r},a)=>s.jsx("div",{ref:a,"data-sidebar":"group",className:d.cn("relative flex w-full min-w-0 flex-col p-[var(--space-m)] group-data-[collapsible=icon]:p-[var(--space-s)]",e),...r}));Y.displayName="SidebarGroup";const J=t.forwardRef(({className:e,asChild:r=!1,...a},o)=>s.jsx("div",{ref:o,"data-sidebar":"group-label",className:d.cn("duration-200 flex h-8 shrink-0 items-center rounded-m px-2 [&]:text-body-medium-sm text-[var(--color-text-tertiary)] outline-none ring-[var(--color-border-focused)] transition-opacity ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0","group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",e),...a}));J.displayName="SidebarGroupLabel";const Q=t.forwardRef(({className:e,asChild:r=!1,...a},o)=>s.jsx("button",{ref:o,"data-sidebar":"group-action",className:d.cn("absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-m p-0 text-[var(--color-text-secondary)] outline-none ring-[var(--color-border-focused)] transition-transform hover:bg-[var(--color-background-neutral-subtlest)] focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0","after:absolute after:-inset-2 after:md:hidden","group-data-[collapsible=icon]:hidden",e),...a}));Q.displayName="SidebarGroupAction";const Z=t.forwardRef(({className:e,...r},a)=>s.jsx("div",{ref:a,"data-sidebar":"group-content",className:d.cn("w-full text-sm",e),...r}));Z.displayName="SidebarGroupContent";const H=t.forwardRef(({className:e,...r},a)=>s.jsx("ul",{ref:a,"data-sidebar":"menu",className:d.cn("flex w-full min-w-0 flex-col gap-[var(--space-s)]",e),...r}));H.displayName="SidebarMenu";const ee=t.forwardRef(({className:e,...r},a)=>s.jsx("li",{ref:a,"data-sidebar":"menu-item",className:d.cn("group/menu-item relative",e),...r}));ee.displayName="SidebarMenuItem";const ke=be.cva("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-m px-2 py-1.5 text-left text-body-medium-md outline-none ring-[var(--color-border-focused)] transition-all duration-150 ease-in-out focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-[var(--color-background-blue-subtle-selected)] data-[active=true]:text-[var(--color-text-brand-bold-selected)] data-[state=open]:bg-[var(--color-surface-secondary)] group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 group-data-[collapsible=icon]:justify-center [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 data-[active=true]:[&>svg]:text-[var(--color-text-brand-bold-selected)] cursor-pointer",{variants:{variant:{default:"hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:text-[var(--color-text-primary)] focus-visible:bg-[var(--color-background-neutral-subtlest-hovered)] active:bg-[var(--color-background-neutral-subtlest-hovered)] data-[active=true]:hover:!bg-[var(--color-background-blue-subtle-selected-hovered)] data-[active=true]:hover:!text-[var(--color-text-brand-bold-hovered)] data-[active=true]:active:!bg-[var(--color-background-blue-subtle-selected-hovered)] data-[active=true]:active:!text-[var(--color-text-brand-bold-hovered)] data-[active=true]:hover:[&>svg]:!text-[var(--color-icon-brand-bold-hovered)] data-[active=true]:active:[&>svg]:!text-[var(--color-icon-brand-bold-hovered)] data-[state=open]:hover:bg-[var(--color-background-neutral-subtlest-hovered)]",outline:"bg-[var(--color-surface-primary)] border border-[var(--color-border-primary-subtle)] hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:text-[var(--color-text-primary)] focus-visible:bg-[var(--color-background-neutral-subtlest-hovered)] active:bg-[var(--color-background-neutral-subtlest-hovered)] data-[active=true]:hover:!bg-[var(--color-background-blue-subtle-selected-hovered)] data-[active=true]:hover:!text-[var(--color-text-brand-bold-hovered)] data-[active=true]:active:!bg-[var(--color-background-blue-subtle-selected-hovered)] data-[active=true]:active:!text-[var(--color-text-brand-bold-hovered)] data-[active=true]:hover:[&>svg]:!text-[var(--color-icon-brand-bold-hovered)] data-[active=true]:active:[&>svg]:!text-[var(--color-icon-brand-bold-hovered)]"},size:{default:"h-8",s:"h-7 text-body-sm py-1",l:"h-12 py-3 text-body-lg group-data-[collapsible=icon]:!size-8"}},defaultVariants:{variant:"default",size:"default"}}),re=t.forwardRef(({asChild:e=!1,isActive:r=!1,variant:a="enhanced",size:o="default",tooltip:i,enhancedHover:l=!0,preserveActiveOnFocus:u=!0,className:f,onMouseEnter:p,onMouseLeave:m,onFocus:v,onBlur:h,onMouseDown:y,...j},g)=>{const S=e?"span":"button",{isMobile:b,state:N}=R(),[w,n]=t.useState(!1),[c,C]=t.useState(!1),M=t.useRef(!1),_=t.useCallback(k=>{l&&n(!0),p?.(k)},[l,p]),B=t.useCallback(k=>{l&&n(!1),m?.(k)},[l,m]),x=t.useCallback(k=>{M.current=!0,y?.(k)},[y]),ie=t.useCallback(k=>{l&&!M.current&&C(!0),M.current=!1,v?.(k)},[l,v]),ne=t.useCallback(k=>{l&&C(!1),h?.(k)},[l,h]),ce=t.useMemo(()=>a!=="enhanced"?ke({variant:"default",size:o}):d.cn("relative peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-m px-2 py-1.5 text-left text-body-medium-md outline-none ring-[var(--color-border-focused)] transition-all duration-150 ease-in-out focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 cursor-pointer z-2",o==="s"&&"h-7 text-body-sm py-1",o==="default"&&"h-8",o==="l"&&"h-12 py-3 text-body-lg group-data-[collapsible=icon]:!size-8",w&&!c&&!r&&"bg-[var(--color-background-neutral-subtlest-hovered)]",w&&!c&&r&&["bg-[var(--color-background-blue-subtle-selected-hovered)]","[&>svg]:text-[var(--color-icon-brand-bold-hovered)]"],c&&!r&&"bg-transparent ring-2 ring-[var(--color-border-brand-bold)]",c&&r&&u&&["bg-[var(--color-background-blue-subtle-selected)]","text-[var(--color-text-brand-bold)]","[&]:text-body-medium-md [&]:font-normal","ring-2 ring-[var(--color-border-brand-bold)]","[&>svg]:text-[var(--color-text-brand-bold)]"],r&&!c&&["bg-[var(--color-background-blue-subtle-selected)]","text-[var(--color-text-brand-bold)]","[&]:text-body-medium-md [&]:font-normal","[&>svg]:text-[var(--color-text-brand-bold)]","hover:bg-[var(--color-background-blue-subtle-selected-hovered)]","hover:[&>svg]:text-[var(--color-icon-brand-bold-hovered)]"],"data-[state=open]:bg-[var(--color-surface-secondary)]","group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2"),[a,o,w,c,r,u]),E=s.jsx(S,{ref:g,"data-sidebar":"menu-button","data-size":o,"data-active":r,className:d.cn(ce,f),onMouseEnter:l?_:p,onMouseLeave:l?B:m,onMouseDown:l?x:y,onFocus:l?ie:v,onBlur:l?ne:h,...j});return i?(typeof i=="string"&&(i={children:i}),s.jsxs(I.Root,{children:[s.jsx(I.Trigger,{asChild:!0,children:E}),s.jsx(I.Content,{side:"right",align:"center",hidden:N!=="collapsed"||b,className:"z-50 overflow-hidden rounded-m bg-[var(--color-surface-primary)] px-3 py-1.5 text-xs text-[var(--color-text-primary)] border border-[var(--color-border-primary-subtle)] shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",...i})]})):E});re.displayName="SidebarMenuButton";const ae=t.forwardRef(({className:e,showOnHover:r=!1,size:a="m",...o},i)=>s.jsx(T.Button,{ref:i,"data-sidebar":"menu-action",variant:"ghost",size:"s",className:d.cn("absolute right-1 flex aspect-square items-center justify-center rounded-m p-0","text-[var(--color-text-secondary)] outline-none transition-all duration-150 ease-in-out","hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:text-[var(--color-text-primary)]","focus-visible:ring-2 focus-visible:ring-[var(--color-border-focused)]","peer-hover/menu-button:text-[var(--color-text-primary)]","enabled:active:bg-[var(--grey-alpha-100)] enabled:active:translate-y-px","[&>svg]:size-4 [&>svg]:shrink-0","w-6 h-6","top-1","peer-data-[size=s]/menu-button:top-1","peer-data-[size=default]/menu-button:top-1","peer-data-[size=l]/menu-button:top-2.5",r&&["opacity-0 transition-opacity duration-150","group-hover/menu-item:opacity-100","group-focus-within/menu-item:opacity-100","data-[state=open]:opacity-100","peer-data-[active=true]/menu-button:opacity-100","peer-data-[active=true]/menu-button:text-[var(--color-text-primary)]"],"group-data-[collapsible=icon]:hidden",e),...o}));ae.displayName="SidebarMenuAction";const te=t.forwardRef(({className:e,...r},a)=>s.jsx("div",{ref:a,"data-sidebar":"menu-badge",className:d.cn("absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-m px-1 text-xs font-medium tabular-nums text-[var(--color-text-on-action)] select-none pointer-events-none","peer-hover/menu-button:text-[var(--color-text-brand-bold-selected)] peer-data-[active=true]/menu-button:text-[var(--color-text-brand-bold-selected)]","peer-data-[size=s]/menu-button:top-1","peer-data-[size=default]/menu-button:top-1.5","peer-data-[size=l]/menu-button:top-2.5","group-data-[collapsible=icon]:hidden",e),...r}));te.displayName="SidebarMenuBadge";const oe=t.forwardRef(({className:e,showIcon:r=!1,...a},o)=>{const i=t.useMemo(()=>`${Math.floor(Math.random()*40)+50}%`,[]);return s.jsxs("div",{ref:o,"data-sidebar":"menu-skeleton",className:d.cn("rounded-m h-8 flex gap-2 px-2 items-center",e),...a,children:[r&&s.jsx("div",{className:"rounded-m bg-[var(--color-surface-secondary)] size-4 animate-pulse"}),s.jsx("div",{className:"h-4 flex-1 max-w-[--skeleton-width] bg-[var(--color-surface-secondary)] rounded-m animate-pulse",style:{"--skeleton-width":i}})]})});oe.displayName="SidebarMenuSkeleton";const se=t.forwardRef(({className:e,...r},a)=>s.jsx("ul",{ref:a,"data-sidebar":"menu-sub",className:d.cn("mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-[var(--color-border-primary-subtle)] px-2.5 py-0.5 z-1","group-data-[collapsible=icon]:hidden",e),...r}));se.displayName="SidebarMenuSub";const de=t.forwardRef(({...e},r)=>s.jsx("li",{ref:r,...e}));de.displayName="SidebarMenuSubItem";const le=t.forwardRef(({asChild:e=!1,size:r="m",isActive:a=!1,enhancedHover:o=!0,preserveActiveOnFocus:i=!0,className:l,onMouseEnter:u,onMouseLeave:f,onFocus:p,onBlur:m,onMouseDown:v,...h},y)=>{const j=e?"span":"button",[g,S]=t.useState(!1),[b,N]=t.useState(!1),w=t.useRef(!1),n=t.useCallback(x=>{o&&S(!0),u?.(x)},[o,u]),c=t.useCallback(x=>{o&&S(!1),f?.(x)},[o,f]),C=t.useCallback(x=>{w.current=!0,v?.(x)},[v]),M=t.useCallback(x=>{o&&!w.current&&N(!0),w.current=!1,p?.(x)},[o,p]),_=t.useCallback(x=>{o&&N(!1),m?.(x)},[o,m]),B=t.useMemo(()=>d.cn("relative flex w-full justify-start h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-m px-2 text-[var(--color-text-secondary)] outline-none ring-[var(--color-border-focused)] transition-all duration-150 ease-in-out disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 cursor-pointer [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-[var(--color-text-secondary)] z-2",r==="s"&&"text-body-sm px-1.5 py-0.5",r==="m"&&"text-body-md",o&&g&&!b&&!a&&"bg-[var(--color-background-neutral-subtlest-hovered)]",o&&g&&!b&&a&&"bg-[var(--color-background-blue-subtle-selected-hovered)]",o&&b&&!a&&"bg-transparent ring-2 ring-[var(--color-border-brand-bold)]",o&&b&&a&&i&&["bg-[var(--color-background-blue-subtle-selected)]","text-[var(--color-text-brand-bold)]","[&]:text-body-md [&]:font-normal","ring-2 ring-[var(--color-border-brand-bold)]"],a&&!b&&["bg-[var(--color-background-blue-subtle-selected)]","text-[var(--color-text-brand-bold)]","[&]:text-body-md [&]:font-normal","hover:bg-[var(--color-background-blue-subtle-selected-hovered)]"],!o&&["hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:text-[var(--color-text-primary)] focus-visible:ring-2 active:bg-[var(--color-background-neutral-subtlest-hovered)] active:text-[var(--color-text-primary)]","data-[active=true]:bg-[var(--color-background-blue-subtle-selected)] data-[active=true]:text-[var(--color-text-brand-bold-selected)] data-[active=true]:hover:!bg-[var(--color-background-blue-subtle-selected-hovered)] data-[active=true]:hover:!text-[var(--color-text-brand-bold-hovered)] data-[active=true]:active:!bg-[var(--color-background-blue-subtle-selected-hovered)] data-[active=true]:active:!text-[var(--color-text-brand-bold-hovered)]"]),[r,o,g,b,a,i]);return s.jsx(j,{ref:y,"data-sidebar":"menu-sub-button","data-size":r,"data-active":a,className:d.cn(B,l),type:e?void 0:"button",onMouseEnter:o?n:u,onMouseLeave:o?c:f,onMouseDown:o?C:v,onFocus:o?M:p,onBlur:o?_:m,...h})});le.displayName="SidebarMenuSubButton";exports.Sidebar=P;exports.SidebarContent=X;exports.SidebarFooter=A;exports.SidebarGroup=Y;exports.SidebarGroupAction=Q;exports.SidebarGroupContent=Z;exports.SidebarGroupLabel=J;exports.SidebarHeader=$;exports.SidebarInput=F;exports.SidebarInset=L;exports.SidebarMenu=H;exports.SidebarMenuAction=ae;exports.SidebarMenuBadge=te;exports.SidebarMenuButton=re;exports.SidebarMenuItem=ee;exports.SidebarMenuSkeleton=oe;exports.SidebarMenuSub=se;exports.SidebarMenuSubButton=le;exports.SidebarMenuSubItem=de;exports.SidebarProvider=G;exports.SidebarRail=K;exports.SidebarSearchButton=V;exports.SidebarSearchTrigger=W;exports.SidebarSeparator=U;exports.SidebarTrigger=q;exports.useSidebar=R;

package/dist/cjs/components/fundamental/skeleton.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),w=require("react"),i=require("../../lib/utils.cjs"),k=require("class-variance-authority");function N(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const a in r)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(r,a);Object.defineProperty(t,a,s.get?s:{enumerable:!0,get:()=>r[a]})}}return t.default=r,Object.freeze(t)}const d=N(w),v=k.cva("animate-pulse bg-[var(--grey-alpha-50)] rounded",{variants:{variant:{default:"",circle:"rounded-full",rectangular:"rounded-s"},size:{s:"h-4",m:"h-6",l:"h-8",xl:"h-12"}},defaultVariants:{variant:"default",size:"m"}}),o=d.forwardRef(({className:r,variant:t,size:a,width:s,height:l,randomWidth:c=!1,lines:n=1,style:p,...m},x)=>{const f=d.useMemo(()=>c?`${Math.floor(Math.random()*40)+50}%`:void 0,[c]),g=d.useMemo(()=>{const u={...p};return s!==void 0?u.width=typeof s=="number"?`${s}px`:s:f&&(u.width=f),l!==void 0&&(u.height=typeof l=="number"?`${l}px`:l),u},[p,s,l,f]);return n>1?e.jsx("div",{ref:x,className:i.cn("space-y-[var(--space-s)]",r),...m,children:Array.from({length:n}).map((u,h)=>e.jsx("div",{className:i.cn(v({variant:t,size:a}),"w-full",h===n-1&&c&&"max-w-[75%]"),style:h===n-1&&c?{width:`${Math.floor(Math.random()*25)+50}%`}:c?{width:f}:g,"aria-hidden":"true"},h))}):e.jsx("div",{ref:x,className:i.cn(v({variant:t,size:a}),"w-full",r),style:g,"aria-hidden":"true",...m})});o.displayName="Skeleton";const y=d.forwardRef(({size:r="m",className:t,...a},s)=>{const l={s:"h-8 w-8",m:"h-10 w-10",l:"h-12 w-12",xl:"h-16 w-16"};return e.jsx(o,{ref:s,variant:"circle",className:i.cn(l[r],t),...a})});y.displayName="SkeletonAvatar";const j=d.forwardRef(({size:r="m",className:t,...a},s)=>{const l={s:"h-9 w-20",m:"h-10 w-24",l:"h-11 w-28"};return e.jsx(o,{ref:s,variant:"rectangular",className:i.cn(l[r],t),...a})});j.displayName="SkeletonButton";const S=d.forwardRef(({className:r,...t},a)=>e.jsxs("div",{ref:a,className:i.cn("rounded-l border border-[var(--color-border-primary-subtle)] p-[var(--space-l)] space-y-[var(--space-m)]",r),...t,children:[e.jsxs("div",{className:"space-y-[var(--space-s)]",children:[e.jsx(o,{height:20,width:"60%"}),e.jsx(o,{lines:2,size:"s",randomWidth:!0})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-[var(--space-s)]",children:[e.jsx(y,{size:"s"}),e.jsx(o,{height:16,width:"80px"})]}),e.jsx(j,{size:"s"})]})]}));S.displayName="SkeletonCard";const b=d.forwardRef(({className:r,rows:t=5,columns:a=4,...s},l)=>e.jsxs("div",{ref:l,className:i.cn("space-y-[var(--space-m)]",r),...s,children:[e.jsx("div",{className:"grid gap-[var(--space-m)]",style:{gridTemplateColumns:`repeat(${a}, 1fr)`},children:Array.from({length:a}).map((c,n)=>e.jsx(o,{height:20,width:"70%"},`header-${n}`))}),Array.from({length:t}).map((c,n)=>e.jsx("div",{className:"grid gap-[var(--space-m)]",style:{gridTemplateColumns:`repeat(${a}, 1fr)`},children:Array.from({length:a}).map((p,m)=>e.jsx(o,{height:16,randomWidth:!0},`cell-${n}-${m}`))},`row-${n}`))]}));b.displayName="SkeletonTable";exports.Skeleton=o;exports.SkeletonAvatar=y;exports.SkeletonButton=j;exports.SkeletonCard=S;exports.SkeletonTable=b;exports.skeletonVariants=v;

package/dist/cjs/components/fundamental/slider.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),u=require("react"),b=require("@radix-ui/react-slider"),f=require("../../lib/utils.cjs");function s(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,t.get?t:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const g=s(u),a=s(b),i=g.forwardRef(({className:e,value:o,defaultValue:r,...t},n)=>{const d=(o||r||[0]).length;return l.jsxs(a.Root,{ref:n,className:f.cn("relative flex w-full touch-none select-none items-center","[&[data-disabled]]:!cursor-not-allowed [&[data-disabled]_*]:!cursor-not-allowed",e),value:o,defaultValue:r,...t,children:[l.jsx(a.Track,{className:"relative h-[var(--size-3xs)] w-full grow overflow-hidden rounded-full bg-[var(--color-background-neutral-default)] data-[disabled]:!cursor-not-allowed z-0",children:l.jsx(a.Range,{className:"absolute h-full bg-[var(--color-background-blue-bold)] data-[disabled]:bg-[var(--grey-300)] data-[disabled]:!cursor-not-allowed"})}),Array.from({length:d}).map((v,c)=>l.jsx(a.Thumb,{className:"block h-[var(--size-xs)] w-[var(--size-xs)] rounded-full border border-[var(--color-border-brand-bold)] bg-[var(--color-surface-primary)] shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--color-surface-primary)] data-[disabled]:!cursor-not-allowed data-[disabled]:pointer-events-auto data-[disabled]:border-[var(--grey-300)] data-[disabled]:ring-0 z-10 relative"},c))]})});i.displayName=a.Root.displayName;exports.Slider=i;

package/dist/cjs/components/fundamental/spinner.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),y=require("react"),i=require("../../lib/utils.cjs"),w=require("class-variance-authority"),h=require("./icon.cjs");function j(r){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(a,e,t.get?t:{enumerable:!0,get:()=>r[e]})}}return a.default=r,Object.freeze(a)}const u=j(y),f=w.cva("animate-spin",{variants:{size:{xs:"h-3 w-3",s:"h-4 w-4",m:"h-5 w-5",l:"h-6 w-6",xl:"h-8 w-8","2xl":"h-10 w-10"},variant:{default:"text-[var(--color-text-primary)]",primary:"text-[var(--color-text-brand-bold)]",secondary:"text-[var(--color-text-secondary)]",tertiary:"text-[var(--color-text-tertiary)]",inverse:"text-[var(--color-text-on-action)]",success:"text-[var(--color-text-success-bold)]",warning:"text-[var(--color-text-warning-bold)]",error:"text-[var(--color-text-error-bold)]",disabled:"text-[var(--color-text-disabled)]"},speed:{slow:"animate-[spin_2s_linear_infinite]",normal:"animate-spin",fast:"animate-[spin_0.5s_linear_infinite]"}},defaultVariants:{size:"m",variant:"default",speed:"normal"}}),m=u.forwardRef(({className:r,size:a,variant:e,speed:t,label:s,showLabel:l=!1,loadingText:n="Loading...",...c},d)=>o.jsxs("div",{ref:d,className:i.cn("inline-flex items-center gap-2",r),role:"status","aria-label":s||n,...c,children:[o.jsx(h.Icon,{name:"loader-2",className:i.cn(f({size:a,variant:e,speed:t}))}),l&&o.jsx("span",{className:"text-body-sm text-[var(--color-text-secondary)]",children:s||n}),o.jsx("span",{className:"sr-only",children:s||n})]}));m.displayName="Spinner";const p=u.forwardRef(({className:r,visible:a,message:e="Loading...",spinnerSize:t="l",opacity:s="medium",children:l,...n},c)=>{if(!a)return null;const d={light:"bg-[var(--color-surface-primary)]/60",medium:"bg-[var(--color-surface-primary)]/80",heavy:"bg-[var(--color-surface-primary)]/95"}[s];return o.jsxs("div",{ref:c,className:i.cn("absolute inset-0 z-50 flex flex-col items-center justify-center",d,r),...n,children:[o.jsx(m,{size:t,variant:"primary"}),o.jsx("p",{className:"mt-3 text-body-sm text-[var(--color-text-secondary)]",children:e}),l]})});p.displayName="LoadingOverlay";const x=u.forwardRef(({className:r,width:a,height:e="1rem",radius:t="m",animate:s=!0,...l},n)=>{const c={none:"rounded-none",s:"rounded-s",m:"rounded",l:"rounded-l",full:"rounded-full"}[t];return o.jsx("div",{ref:n,className:i.cn("bg-[var(--color-background-neutral-subtlest)]",c,s&&"animate-pulse",r),style:{width:typeof a=="number"?`${a}px`:a,height:typeof e=="number"?`${e}px`:e},"aria-hidden":"true",...l})});x.displayName="Skeleton";const v=u.forwardRef(({className:r,variant:a="primary",size:e="m",...t},s)=>{const l={default:"bg-[var(--color-background-neutral-default)]",primary:"bg-[var(--color-background-blue-bold)]",success:"bg-[var(--color-background-success-subtle)]",warning:"bg-[var(--color-background-warning-subtle)]",error:"bg-[var(--color-background-error-subtle)]"}[a],n={s:"h-2 w-2",m:"h-3 w-3",l:"h-4 w-4"}[e];return o.jsx("div",{ref:s,className:i.cn("rounded-full animate-pulse",l,n,r),...t})});v.displayName="Pulse";const g=u.forwardRef(({className:r,total:a,current:e,size:t="m",animate:s=!0,...l},n)=>{const c={s:"h-1.5 w-1.5",m:"h-2 w-2",l:"h-3 w-3"}[t];return o.jsx("div",{ref:n,className:i.cn("flex items-center gap-2",r),...l,children:Array.from({length:a},(d,b)=>o.jsx("div",{className:i.cn("rounded-full transition-colors duration-200",c,b===e?"bg-[var(--color-background-blue-bold)]":"bg-[var(--color-background-neutral-subtlest)]",s&&"transition-all duration-300")},b))})});g.displayName="ProgressDots";exports.LoadingOverlay=p;exports.ProgressDots=g;exports.Pulse=v;exports.Skeleton=x;exports.Spinner=m;exports.spinnerVariants=f;

package/dist/cjs/components/fundamental/switch.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("react"),l=require("@radix-ui/react-switch"),i=require("../../lib/utils.cjs");function n(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const u=n(d),c=n(l),o=u.forwardRef(({className:e,...a},t)=>r.jsx(c.Root,{className:i.cn("peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full p-[2px] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#669fb6] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--color-surface-primary)] disabled:cursor-not-allowed data-[state=checked]:bg-[#005f85] data-[state=unchecked]:bg-[#c0c3c9] hover:data-[state=checked]:bg-[#004764] hover:data-[state=unchecked]:bg-[#9fa5ac] disabled:data-[state=checked]:bg-[#ccdfe7] disabled:data-[state=unchecked]:bg-[rgba(85,95,109,0.1)]",e),...a,ref:t,children:r.jsx(c.Thumb,{className:i.cn("pointer-events-none block h-4 w-4 rounded-full bg-white shadow-sm ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0")})}));o.displayName=c.Root.displayName;exports.Switch=o;

package/dist/cjs/components/fundamental/table.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),H=require("react"),i=require("class-variance-authority"),s=require("../../lib/utils.cjs");function z(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(t,e,o.get?o:{enumerable:!0,get:()=>r[e]})}}return t.default=r,Object.freeze(t)}const d=z(H),u=i.cva("w-full caption-bottom text-body-sm",{variants:{size:{s:"[&_td:not([data-section-header])]:!text-body-xsm [&_th]:!text-body-strong-xsm [&_td:not([data-section-header])]:!px-3 [&_td:not([data-section-header])]:!py-1 [&_td:not([data-section-header])]:!h-7 [&_th]:!px-3 [&_th]:!py-1 [&_td[data-section-header]]:!p-0 [&_td[data-section-header]]:!h-5",m:"[&_td:not([data-section-header])]:!text-body-sm [&_th]:!text-body-strong-sm [&_td:not([data-section-header])]:!px-4 [&_td:not([data-section-header])]:!py-2 [&_td:not([data-section-header])]:!h-9 [&_th]:!px-4 [&_th]:!py-2 [&_td[data-section-header]]:!p-0 [&_td[data-section-header]]:!h-7",l:"[&_td:not([data-section-header])]:!text-body-md [&_th]:!text-body-strong-md [&_td:not([data-section-header])]:!px-6 [&_td:not([data-section-header])]:!py-3 [&_td:not([data-section-header])]:!h-11 [&_th]:!px-6 [&_th]:!py-3 [&_td[data-section-header]]:!p-0 [&_td[data-section-header]]:!h-9"}},defaultVariants:{size:"m"}}),h=i.cva("transition-colors",{variants:{variant:{default:"",zebra:"",selected:"bg-[var(--blue-25)]"},showBorder:{true:"",false:""}},defaultVariants:{variant:"default",showBorder:!0}}),f=i.cva("[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",{variants:{size:{s:"px-3 py-1 h-7 text-body-xsm",m:"px-4 py-2 h-9 text-body-sm",l:"px-6 py-3 h-11 text-body-md"},align:{left:"text-left",center:"text-center",right:"text-right"},verticalAlign:{top:"align-top",middle:"align-middle",bottom:"align-bottom"},numeric:{true:"text-right tabular-nums",false:""},showBorder:{true:"border-r border-[var(--color-border-primary-medium)] last:border-r-0",false:""},showRowBorder:{true:"shadow-[inset_0_-1px_0_0_var(--color-border-primary-medium)]",false:""}},defaultVariants:{size:"m",align:"left",verticalAlign:"middle",numeric:!1,showBorder:!0,showRowBorder:!1}}),y=i.cva("align-middle font-semibold text-[var(--color-text-primary)] [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] bg-[var(--grey-25)] border-b border-[var(--color-border-primary-medium)]",{variants:{size:{s:"px-3 py-1 text-body-strong-xsm",m:"px-4 py-2 text-body-strong-sm",l:"px-6 py-3 text-body-strong-md"},align:{left:"text-left",center:"text-center",right:"text-right"},numeric:{true:"text-right tabular-nums",false:""},showBorder:{true:"border-r border-[var(--color-border-primary-medium)] last:border-r-0",false:""}},defaultVariants:{size:"m",align:"left",numeric:!1,showBorder:!0}}),v=d.forwardRef(({className:r,size:t,...e},o)=>a.jsx("div",{className:"relative w-full overflow-auto",children:a.jsx("table",{ref:o,className:s.cn(u({size:t}),r),...e})}));v.displayName="Table";const g=d.forwardRef(({className:r,...t},e)=>a.jsx("thead",{ref:e,className:s.cn("[&_tr]:border-b [&_tr]:border-[var(--color-border-primary-medium)]",r),...t}));g.displayName="TableHeader";const _=d.forwardRef(({className:r,...t},e)=>a.jsx("tbody",{ref:e,className:s.cn("[&_tr:last-child]:border-0",r),...t}));_.displayName="TableBody";const w=d.forwardRef(({className:r,...t},e)=>a.jsx("tfoot",{ref:e,className:s.cn("border-t border-[var(--color-border-primary-medium)] bg-[var(--color-background-neutral-subtlest)] font-medium [&>tr]:last:border-b-0",r),...t}));w.displayName="TableFooter";const m=d.forwardRef(({className:r,variant:t,zebra:e=!1,zebraIndex:o=0,showBorder:l=!0,...n},c)=>{const b=e&&o%2===1?"bg-[var(--color-background-neutral-subtlest)]":"";return a.jsx("tr",{ref:c,className:s.cn(h({variant:t,showBorder:l}),b,r),...n})});m.displayName="TableRow";const p=d.forwardRef(({className:r,size:t,align:e,numeric:o,showBorder:l=!0,...n},c)=>a.jsx("th",{ref:c,className:s.cn(y({size:t,align:e,numeric:o,showBorder:l}),r),...n}));p.displayName="TableHead";const x=d.forwardRef(({className:r,size:t,align:e,verticalAlign:o,numeric:l,showBorder:n=!0,showRowBorder:c=!1,...b},R)=>a.jsx("td",{ref:R,className:s.cn(f({size:t,align:e,verticalAlign:o,numeric:l,showBorder:n,showRowBorder:c}),r),...b}));x.displayName="TableCell";const T=d.forwardRef(({className:r,...t},e)=>a.jsx("caption",{ref:e,className:s.cn("mt-[var(--space-m)] text-body-sm text-[var(--color-text-secondary)]",r),...t}));T.displayName="TableCaption";const N=d.forwardRef(({className:r,sortable:t=!1,sorted:e=!1,onSort:o,children:l,...n},c)=>a.jsx(p,{ref:c,className:s.cn(t&&"cursor-pointer select-none hover:text-[var(--color-text-primary)]",r),onClick:t?o:void 0,...n,children:a.jsxs("div",{className:"flex items-center gap-[var(--space-s)]",children:[l,t&&a.jsxs("div",{className:"w-[var(--size-3xs)] h-[var(--size-3xs)] flex items-center justify-center",children:[e==="asc"&&a.jsx("div",{className:"w-0 h-0 border-l-[3px] border-r-[3px] border-b-[4px] border-l-transparent border-r-transparent border-b-current"}),e==="desc"&&a.jsx("div",{className:"w-0 h-0 border-l-[3px] border-r-[3px] border-t-[4px] border-l-transparent border-r-transparent border-t-current"}),!e&&a.jsxs("div",{className:"w-[var(--size-3xs)] h-[var(--size-3xs)] opacity-30",children:[a.jsx("div",{className:"w-0 h-0 border-l-[2px] border-r-[2px] border-b-[2px] border-l-transparent border-r-transparent border-b-current mb-[1px]"}),a.jsx("div",{className:"w-0 h-0 border-l-[2px] border-r-[2px] border-t-[2px] border-l-transparent border-r-transparent border-t-current"})]})]})]})}));N.displayName="TableSortHeader";const j=d.forwardRef(({className:r,colSpan:t,children:e,...o},l)=>a.jsx(m,{ref:l,className:s.cn("bg-[var(--color-background-neutral-subtlest)] hover:bg-[var(--color-background-neutral-subtlest)]",r),...o,children:a.jsx(x,{colSpan:t,className:"font-medium text-[var(--color-text-primary)] py-[var(--space-s)]",children:e})}));j.displayName="TableGroupHeader";exports.Table=v;exports.TableBody=_;exports.TableCaption=T;exports.TableCell=x;exports.TableFooter=w;exports.TableGroupHeader=j;exports.TableHead=p;exports.TableHeader=g;exports.TableRow=m;exports.TableSortHeader=N;exports.tableCellVariants=f;exports.tableHeaderVariants=y;exports.tableRowVariants=h;exports.tableVariants=u;

package/dist/cjs/components/fundamental/tabs.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),N=require("react"),T=require("@radix-ui/react-tabs"),d=require("class-variance-authority"),o=require("../../lib/utils.cjs");function v(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const l=v(N),r=v(T),b=d.cva("inline-flex items-center text-[var(--color-text-secondary)]",{variants:{variant:{pilled:"bg-[var(--color-surface-deepest)] p-[4px] rounded-m gap-[var(--space-2xs)]",line:"border-b border-[var(--grey-100)] gap-[var(--space-s)] p-0"},size:{s:"",m:"",l:""},fullWidth:{true:"w-full",false:""}},compoundVariants:[{variant:"pilled",size:"s",className:"h-[32px]"},{variant:"pilled",size:"m",className:"h-[40px]"},{variant:"pilled",size:"l",className:"h-[48px]"}],defaultVariants:{variant:"pilled",size:"m",fullWidth:!1}}),p=d.cva(["inline-flex items-center justify-center whitespace-nowrap cursor-pointer gap-[var(--space-s)]","transition-all ring-offset-[var(--color-surface-primary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-border-focus)] focus-visible:ring-offset-2","disabled:cursor-not-allowed disabled:pointer-events-none"],{variants:{variant:{pilled:["rounded-s bg-transparent","data-[state=active]:bg-[var(--color-surface-primary)] data-[state=active]:text-[var(--color-text-brand-bold-selected)] data-[state=active]:[&_svg]:text-[var(--color-text-brand-bold-selected)] data-[state=active]:shadow-xs","hover:bg-[var(--grey-alpha-50)] hover:text-[var(--color-text-primary)]","disabled:opacity-50"],line:["h-full border-0 border-b-2 border-transparent rounded-none","data-[state=active]:border-[var(--color-border-selected)] data-[state=active]:text-[var(--color-text-brand-bold)] data-[state=active]:[&_svg]:text-[var(--color-text-brand-bold)] data-[state=active]:shadow-none","hover:data-[state=inactive]:border-[var(--color-border-action-outline-hovered)] hover:data-[state=inactive]:text-[var(--color-text-primary)] hover:data-[state=inactive]:[&_svg]:text-[var(--color-text-primary)]","focus-visible:data-[state=active]:bg-[var(--color-background-brand-subtle-selected)]","focus-visible:data-[state=inactive]:bg-[var(--color-background-neutral-subtlest-hovered)] focus-visible:data-[state=inactive]:border-[var(--color-border-action-outline-hovered)] focus-visible:data-[state=inactive]:text-[var(--color-text-primary)]","disabled:text-[var(--color-text-disabled)] disabled:border-transparent disabled:[&_svg]:text-[var(--color-text-disabled)]"]},size:{s:"text-label-sm px-[var(--space-m)] py-[var(--space-xs)] [&_svg]:w-[var(--size-3xs)] [&_svg]:h-[var(--size-3xs)]",m:"text-label-md px-[var(--space-m)] py-[6px] [&_svg]:w-[var(--size-2xs)] [&_svg]:h-[var(--size-2xs)]",l:"text-label-md px-[var(--space-l)] py-[10px] [&_svg]:w-[var(--size-xs)] [&_svg]:h-[var(--size-xs)]"},fullWidth:{true:"flex-1",false:""}},compoundVariants:[{variant:"line",size:"s",className:"text-label-sm px-[var(--space-s)] py-[var(--space-xs)]"},{variant:"line",size:"m",className:"text-label-md px-[var(--space-s)] py-[var(--space-s)]"},{variant:"line",size:"l",className:"text-body-medium-lg px-[var(--space-s)] py-[var(--space-s)]"}],defaultVariants:{variant:"pilled",size:"m",fullWidth:!1}}),u=l.forwardRef(({className:e,...t},a)=>i.jsx(r.Root,{ref:a,className:o.cn("flex flex-col gap-[var(--space-s)]",e),...t}));u.displayName=r.Root.displayName;const f=l.forwardRef(({className:e,variant:t,size:a,fullWidth:s,...c},n)=>i.jsx(r.List,{ref:n,className:o.cn(b({variant:t,size:a,fullWidth:s}),e),...c}));f.displayName=r.List.displayName;const x=l.forwardRef(({className:e,variant:t,size:a,fullWidth:s,icon:c,children:n,...y},h)=>i.jsxs(r.Trigger,{ref:h,className:o.cn(p({variant:t,size:a,fullWidth:s}),e),...y,children:[c&&i.jsx("span",{className:"shrink-0",children:c}),n]}));x.displayName=r.Trigger.displayName;const m=l.forwardRef(({className:e,...t},a)=>i.jsx(r.Content,{ref:a,className:o.cn("mt-[var(--space-s)] ring-offset-[var(--color-surface-primary)] focus-visible:ring-2 focus-visible:ring-[var(--color-border-focus)] focus-visible:ring-offset-2 focus-visible:outline-none",e),...t}));m.displayName=r.Content.displayName;const g=l.forwardRef(({className:e,children:t,...a},s)=>i.jsx("div",{ref:s,className:o.cn("text-caption-sm mb-[var(--space-s)] font-medium text-[var(--color-text-tertiary)]",e),...a,children:t}));g.displayName="TabsGroupLabel";exports.Tabs=u;exports.TabsContent=m;exports.TabsGroupLabel=g;exports.TabsList=f;exports.TabsTrigger=x;exports.tabsListVariants=b;exports.tabsTriggerVariants=p;

package/dist/cjs/components/fundamental/tag.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),A=require("react"),c=require("../../lib/utils.cjs"),B=require("./icon.cjs");function X(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const a=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(s,l,a.get?a:{enumerable:!0,get:()=>e[l]})}}return s.default=e,Object.freeze(s)}const f=X(A),q={cyan:"var(--cyan-500)",neutral:"var(--grey-400)",magenta:"var(--magenta-500)",brand:"var(--blue-500)",green:"var(--green-500)",red:"var(--red-500)",orange:"var(--orange-500)",violet:"var(--violet-500)"},E={neutral:"neutral",brand:"brand",success:"green",warning:"orange",destructive:"red"},G=({width:e,interactive:s=!1,className:l})=>{const r=e-.5,i=`
+    M 11.8333 0.5
+    L ${r-4} 0.5
+    Q ${r} 0.5 ${r} ${.5+4}
+    L ${r} ${23.5-4}
+    Q ${r} 23.5 ${r-4} 23.5
+    L 11.8333 23.5
+    C 10.7121 23.5 9.64236 23.0294 8.88472 22.2029
+    L 1.55138 14.2029
+    C 0.149538 12.6736 0.14954 10.3264 1.55138 8.7971
+    L 8.88472 0.7971
+    C 9.64236 0.5 10.7121 0.5 11.8333 0.5
+    Z
+  `;return t.jsx("svg",{width:e,height:24,viewBox:`0 0 ${e} 24`,fill:"none",xmlns:"http://www.w3.org/2000/svg",className:c.cn("absolute inset-0 pointer-events-none overflow-visible",l),preserveAspectRatio:"none",children:t.jsx("path",{d:i,stroke:"var(--grey-100)",className:c.cn("fill-[var(--neutral-white)] transition-[fill]",s&&"group-hover:fill-[var(--grey-25)]")})})},I=({width:e,interactive:s=!1,className:l})=>{const r=e-.5,i=`
+    M 11.1 0.5
+    L ${r-4} 0.5
+    Q ${r} 0.5 ${r} ${.5+4}
+    L ${r} ${19.5-4}
+    Q ${r} 19.5 ${r-4} 19.5
+    L 11.1 19.5
+    C 10.1049 19.5 9.14559 19.1291 8.40931 18.4598
+    L 1.80931 12.4598
+    C 0.0635623 10.8727 0.0635653 8.1273 1.80931 6.5402
+    L 8.40931 0.5402
+    C 9.14559 0.5 10.1049 0.5 11.1 0.5
+    Z
+  `;return t.jsx("svg",{width:e,height:20,viewBox:`0 0 ${e} 20`,fill:"none",xmlns:"http://www.w3.org/2000/svg",className:c.cn("absolute inset-0 pointer-events-none overflow-visible",l),preserveAspectRatio:"none",children:t.jsx("path",{d:i,stroke:"var(--grey-100)",className:c.cn("fill-[var(--neutral-white)] transition-[fill]",s&&"group-hover:fill-[var(--grey-25)]")})})},P={s:{height:20,typography:"[&]:text-label-sm",dotSize:"w-1.5 h-1.5",dotMargin:"mr-1",closeSize:"w-3.5 h-3.5",closeMargin:"ml-0.5",paddingX:"px-[var(--space-s)]"},m:{height:24,typography:"[&]:text-label-sm",dotSize:"w-2 h-2",dotMargin:"mr-1.5",closeSize:"w-4 h-4",closeMargin:"ml-1",paddingX:"px-[var(--space-s)]"}},y=f.forwardRef(({className:e,size:s="m",variant:l="triangular",children:a,intent:g,color:r,showDot:i,closable:p=!1,onClose:w,disabled:d=!1,onClick:x,interactive:n=!1,style:S,...j},m)=>{const[b,C]=f.useState(0),h=f.useRef(null),o=P[s],v=l==="triangular";f.useEffect(()=>{if(v&&h.current){const u=new ResizeObserver(D=>{for(const k of D){const _=k.borderBoxSize?.[0]?.inlineSize??k.target.getBoundingClientRect().width;C(_)}});return u.observe(h.current),()=>u.disconnect()}},[v]);const R=u=>{u.stopPropagation(),d||w?.()},N=()=>{!d&&n&&x&&x()},L=u=>{n&&(u.key==="Enter"||u.key===" ")&&(u.preventDefault(),N())},$=r||(g?E[g]:void 0),T=$?q[$]:void 0,M=i??$!==void 0,z=s==="s"?I:G;return t.jsxs("div",{ref:m,className:c.cn("relative inline-flex group",n&&"cursor-pointer",d&&"opacity-50 cursor-not-allowed","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-1",e),style:{height:`${o.height}px`,...S},onClick:n?N:void 0,role:n?"button":void 0,tabIndex:n&&!d?0:void 0,onKeyDown:n?L:void 0,...j,children:[v&&b>0&&t.jsx(z,{width:b,interactive:n}),t.jsxs("div",{ref:v?h:void 0,className:c.cn("relative z-10 inline-flex items-center",o.typography,o.paddingX,"text-[var(--color-text-primary)]",v&&"pl-[12px]",!v&&["border border-[var(--grey-100)] rounded-m","bg-[var(--neutral-white)]",n&&"group-hover:bg-[var(--grey-25)]","transition-[background-color]"]),children:[M&&T&&t.jsx("span",{className:c.cn("rounded-full shrink-0",o.dotSize,o.dotMargin),style:{backgroundColor:T},"aria-hidden":"true"}),t.jsx("span",{className:"truncate",children:a}),p&&t.jsx("button",{type:"button",className:c.cn("inline-flex items-center justify-center shrink-0 hover:bg-[var(--grey-alpha-50)] rounded-xs transition-colors",o.closeMargin,o.closeSize),onClick:R,disabled:d,"aria-label":"Remove tag",children:t.jsx(B.Icon,{name:"x",size:"s",color:d?"disabled":"secondary"})})]})]})});y.displayName="Tag";const O=f.forwardRef(({className:e,tags:s,onTagRemove:l,onTagClick:a,closable:g=!1,interactive:r=!1,size:i="m",variant:p,intent:w,color:d,showDot:x,maxVisible:n,...S},j)=>{const[m,b]=f.useState(!1),C=n&&!m?s.slice(0,n):s,h=n&&!m?s.length-n:0;return t.jsxs("div",{ref:j,className:c.cn("flex flex-wrap items-center gap-[var(--space-s)]",e),...S,children:[C.map(o=>t.jsx(y,{intent:o.intent||w,color:o.color||d,size:i,variant:p,closable:g,interactive:r,disabled:o.disabled,showDot:x,onClose:l?()=>l(o.id):void 0,onClick:a?()=>a(o.id):void 0,children:o.label},o.id)),h>0&&t.jsxs(y,{size:i,variant:p,interactive:!0,onClick:()=>b(!0),children:["+",h," more"]}),m&&n&&t.jsx(y,{size:i,variant:p,interactive:!0,onClick:()=>b(!1),children:"Show less"})]})});O.displayName="TagGroup";exports.Tag=y;exports.TagGroup=O;

package/dist/cjs/components/fundamental/text-link.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),j=require("react"),w=require("class-variance-authority"),N=require("../../lib/utils.cjs"),m=require("./icon.cjs");function O(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(t,e,n.get?n:{enumerable:!0,get:()=>r[e]})}}return t.default=r,Object.freeze(t)}const a=O(j),b=w.cva("inline-flex items-center gap-[var(--space-xs)] min-w-0 max-w-full transition-colors underline-offset-2 hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-border-focused)] focus-visible:ring-offset-2",{variants:{size:{s:"[&]:text-body-sm",m:"[&]:text-body-md",l:"[&]:text-body-lg"},variant:{default:"text-[var(--color-text-action-brand-bold)] hover:text-[var(--color-text-action-brand-bold-hovered)]",subtle:"text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)]"}},defaultVariants:{size:"m",variant:"default"}}),v=a.forwardRef(({className:r,size:t="m",variant:e="default",icon:n,iconPosition:l="right",disabled:o=!1,children:h,target:c,rel:s,onClick:u,...p},y)=>{const f=a.useMemo(()=>{switch(t){case"s":return"s";case"m":return"s";case"l":return"m";default:return"s"}},[t]),g=a.useMemo(()=>c==="_blank"?s?`${s} noopener noreferrer`:"noopener noreferrer":s,[c,s]),k=a.useCallback(x=>{if(o){x.preventDefault();return}u?.(x)},[o,u]),d=a.useMemo(()=>o?"disabled":e==="subtle"?"secondary":"brand",[o,e]);return i.jsxs("a",{ref:y,className:N.cn(b({size:t,variant:e,className:r}),o&&"cursor-not-allowed text-[var(--color-text-disabled)] no-underline hover:no-underline hover:text-[var(--color-text-disabled)]"),target:c,rel:g,onClick:k,"aria-disabled":o,tabIndex:o?-1:void 0,...p,children:[n&&l==="left"&&i.jsx(m.Icon,{name:n,size:f,color:d,"aria-hidden":"true",className:"flex-shrink-0"}),i.jsx("span",{className:"min-w-0 truncate",children:h}),n&&l==="right"&&i.jsx(m.Icon,{name:n,size:f,color:d,"aria-hidden":"true",className:"flex-shrink-0"})]})});v.displayName="TextLink";exports.TextLink=v;exports.textLinkVariants=b;

package/dist/cjs/components/fundamental/textarea.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),s=require("react"),l=require("class-variance-authority"),d=require("../../lib/utils.cjs");function u(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(t,e,a.get?a:{enumerable:!0,get:()=>r[e]})}}return t.default=r,Object.freeze(t)}const p=u(s),o=l.cva("flex min-h-[80px] w-full rounded-m border transition-colors placeholder:text-[var(--color-text-tertiary)] focus-visible:outline-none focus-visible:shadow-[0px_0px_0px_2px_rgba(0,95,133,0.2),0px_3px_4px_0px_rgba(0,14,20,0.03)] disabled:cursor-not-allowed disabled:opacity-50 resize-y",{variants:{variant:{default:["bg-[var(--color-interaction-background-input-neutral)] text-[var(--color-text-primary)]","border-[var(--color-interaction-border-input)]","hover:border-[var(--color-interaction-border-input-hovered)]","focus-visible:border-[#005f85]"],error:["bg-[var(--color-interaction-background-input-neutral)] text-[var(--color-text-primary)]","border-[var(--color-border-error-bold)]","focus-visible:border-[var(--color-border-error-bold)]"]},size:{s:"px-[var(--space-s)] py-[var(--space-xs)] text-body-sm",m:"px-[var(--space-m)] py-[var(--space-s)] text-body-md",l:"px-[var(--space-l)] py-[var(--space-m)] text-body-md"}},defaultVariants:{variant:"default",size:"m"}}),i=p.forwardRef(({className:r,variant:t,size:e,...a},n)=>c.jsx("textarea",{className:d.cn(o({variant:t,size:e}),r),ref:n,...a}));i.displayName="Textarea";exports.Textarea=i;exports.textareaVariants=o;

package/dist/cjs/components/fundamental/toast.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("sonner"),r=require("../../lib/utils.cjs"),l=require("./spinner.cjs"),n=require("./icon.cjs"),c=({name:e,color:t,blurColor:a})=>o.jsxs("div",{className:"relative",children:[a&&o.jsx("div",{className:"absolute inset-0 w-[20px] h-[20px] rounded-full -z-10",style:{backgroundColor:a,filter:"blur(40px)"}}),o.jsx(n.Icon,{name:e,size:"m",className:t})]}),i=({className:e,...t})=>o.jsx(s.Toaster,{className:r.cn("toaster group",e),icons:{loading:o.jsx(l.Spinner,{size:"m",variant:"primary",className:"mt-1"}),success:o.jsx(c,{name:"circle-check",color:"text-[var(--color-icon-success-bold)]",blurColor:"#1C741F"}),error:o.jsx(c,{name:"triangle-alert",color:"text-[var(--color-icon-error-bold)]",blurColor:"#D9493E"}),warning:o.jsx(c,{name:"circle-alert",color:"text-[var(--color-icon-warning-bold)]",blurColor:"#E57F19"}),info:null},toastOptions:{classNames:{toast:r.cn("group toast","w-[535px] max-w-[calc(100vw-2rem)] p-[var(--space-l)]","bg-[var(--color-surface-primary)]","!border !border-[var(--color-border-primary-medium)] !border-solid","rounded-m","shadow-lg","overflow-hidden","flex items-start gap-[var(--space-l)]","text-[var(--color-text-primary)]"),title:"text-heading-sm text-[var(--color-text-primary)]",description:"text-body-md text-[var(--color-text-primary)] flex-1 min-w-0",icon:"self-start mt-1",actionButton:r.cn("h-[var(--size-m)] px-[var(--space-m)]","rounded-s","text-label-md","bg-[var(--color-background-blue-bold)]","text-[var(--color-text-on-action)]","hover:bg-[var(--color-background-blue-bold-hovered)]","focus:ring-2 focus:ring-[var(--color-border-focused)]"),cancelButton:r.cn("h-[var(--size-m)] px-[var(--space-m)]","rounded-s","text-label-md","bg-[var(--color-background-neutral-subtlest)]","text-[var(--color-text-secondary)]","border border-[var(--color-border-action-outline)]","hover:bg-[var(--color-background-neutral-subtlest-hovered)]","hover:border-[var(--color-border-action-outline-hovered)]","focus:ring-2 focus:ring-[var(--color-border-focused)]"),closeButton:r.cn("w-[20px] h-[20px]","text-[var(--color-icon-tertiary)]","hover:text-[var(--color-icon-tertiary-hovered)]"),success:r.cn("[&_svg]:text-[var(--color-icon-success-bold)]"),error:r.cn("[&_svg]:text-[var(--color-icon-error-bold)]"),warning:r.cn("[&_svg]:text-[var(--color-icon-warning-bold)]")}},...t});Object.defineProperty(exports,"toast",{enumerable:!0,get:()=>s.toast});exports.Toaster=i;

package/dist/cjs/components/fundamental/toggle-group.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),f=require("react"),d=require("@radix-ui/react-toggle-group"),i=require("../../lib/utils.cjs"),j=require("./toggle.cjs");function l(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const n=l(f),s=l(d),u=n.createContext({}),g=n.forwardRef(({className:e,size:o,children:t,...r},c)=>a.jsx(s.Root,{ref:c,className:i.cn("flex items-center justify-center gap-1",e),...r,children:a.jsx(u.Provider,{value:{size:o},children:t})}));g.displayName=s.Root.displayName;const m=n.forwardRef(({className:e,children:o,size:t,...r},c)=>{const p=n.useContext(u);return a.jsx(s.Item,{ref:c,className:i.cn(j.toggleVariants({size:p.size||t}),e),...r,children:o})});m.displayName=s.Item.displayName;exports.ToggleGroup=g;exports.ToggleGroupItem=m;

package/dist/cjs/components/fundamental/toggle.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),i=require("react"),b=require("@radix-ui/react-toggle"),u=require("class-variance-authority"),v=require("../../lib/utils.cjs");function o(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const g=o(i),s=o(b),c=u.cva("inline-flex items-center justify-center font-medium ring-offset-[var(--color-surface-primary)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:transition-colors gap-[var(--space-s)] cursor-pointer",{variants:{variant:{default:["bg-transparent text-[var(--color-text-primary)]","hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:text-[var(--color-text-primary)]","data-[state=on]:bg-[var(--color-background-blue-subtle-selected)] data-[state=on]:text-[var(--color-text-brand-bold)] data-[state=on]:[&_svg]:text-[var(--color-text-brand-bold)]","data-[state=on]:hover:bg-[var(--color-background-blue-subtle-selected-hovered)]","aria-checked:bg-[var(--color-background-blue-subtle-selected)] aria-checked:text-[var(--color-text-brand-bold)] aria-checked:[&_svg]:text-[var(--color-text-brand-bold)]","aria-checked:hover:bg-[var(--color-background-blue-subtle-selected-hovered)]"],outline:["border border-[var(--color-border-primary-subtle)] bg-[var(--color-surface-primary)] text-[var(--color-text-primary)]","hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:text-[var(--color-text-primary)]","data-[state=on]:bg-[var(--color-background-blue-subtle-selected)] data-[state=on]:text-[var(--color-text-brand-bold)] data-[state=on]:border-transparent data-[state=on]:[&_svg]:text-[var(--color-text-brand-bold)]","data-[state=on]:hover:bg-[var(--color-background-blue-subtle-selected-hovered)]","aria-checked:bg-[var(--color-background-blue-subtle-selected)] aria-checked:text-[var(--color-text-brand-bold)] aria-checked:border-transparent aria-checked:[&_svg]:text-[var(--color-text-brand-bold)]","aria-checked:hover:bg-[var(--color-background-blue-subtle-selected-hovered)]"]},size:{s:"text-label-sm rounded-s px-[var(--space-s)] py-[var(--space-xs)]",m:"text-label-md rounded-m px-[var(--space-m)] py-[var(--dimension-150)]",l:"text-label-md rounded-m px-[var(--space-l)] py-[var(--space-m)]"}},defaultVariants:{variant:"default",size:"s"}}),l=g.forwardRef(({className:e,variant:t,size:r,...a},n)=>d.jsx(s.Root,{ref:n,className:v.cn(c({variant:t,size:r,className:e})),...a}));l.displayName=s.Root.displayName;exports.Toggle=l;exports.toggleVariants=c;

package/dist/cjs/components/fundamental/tooltip.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),d=require("react"),l=require("@radix-ui/react-tooltip"),c=require("../../lib/utils.cjs");function n(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(e,o,r.get?r:{enumerable:!0,get:()=>t[o]})}}return e.default=t,Object.freeze(e)}const p=n(d),i=n(l),m=({delayDuration:t=400,...e})=>a.jsx(i.Provider,{delayDuration:t,...e}),u=i.Root,f=i.Trigger,s=p.forwardRef(({className:t,sideOffset:e=4,...o},r)=>a.jsx(i.Content,{ref:r,sideOffset:e,className:c.cn("[&]:text-body-sm animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-w-[320px] overflow-hidden rounded-m bg-[var(--color-background-inverse)] px-[var(--space-m)] py-[var(--space-s)] text-[var(--color-text-inverse)] shadow-lg",t),...o}));s.displayName=i.Content.displayName;exports.Tooltip=u;exports.TooltipContent=s;exports.TooltipProvider=m;exports.TooltipTrigger=f;

package/dist/cjs/components/fundamental/tree.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),T=require("react"),f=require("lucide-react"),u=require("../../lib/utils.cjs"),P=require("./button.cjs");function E(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const c=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(o,s,c.get?c:{enumerable:!0,get:()=>e[s]})}}return o.default=e,Object.freeze(o)}const t=E(T),m=t.createContext(null),O=()=>{const e=t.useContext(m);if(!e)throw new Error("useTree must be used within a TreeProvider");return e},k=t.forwardRef(({item:e,level:o},s)=>{const{selectedItemId:c,expandedItems:a,handleExpand:h,handleSelect:y,defaultNodeIcon:x,defaultLeafIcon:p}=O(),d=a.has(e.id),b=c===e.id,l=e.children&&e.children.length>0,i=b&&!l,v=t.useMemo(()=>e.disabled?p||f.FileIcon:b&&e.selectedIcon?e.selectedIcon:l?d&&e.openIcon?e.openIcon:e.icon||x||f.FolderIcon:e.icon||p||f.FileIcon,[e.disabled,e.selectedIcon,e.openIcon,e.icon,b,l,d,x,p]),j=()=>{e.disabled||(l&&h(e.id),y(e),e.onClick?.())},w=n=>{n.stopPropagation(),l&&!e.disabled&&h(e.id)};return r.jsxs("div",{ref:s,className:"relative",children:[r.jsxs("div",{className:u.cn("flex items-center gap-1 rounded-s py-1 pr-1 cursor-pointer transition-colors","hover:bg-[var(--color-background-neutral-subtlest-hovered)]",i&&"bg-[var(--color-background-blue-subtle-selected)] hover:bg-[var(--color-background-blue-subtle-selected-hovered)]",e.disabled&&"opacity-50 cursor-not-allowed"),style:{paddingLeft:`${o*16+8}px`},onClick:j,children:[l?r.jsx(P.Button,{variant:"ghost",size:"s",className:"h-4 w-4 p-0 opacity-50 hover:opacity-100",onClick:w,disabled:e.disabled,children:r.jsx(f.ChevronRightIcon,{className:u.cn("h-3 w-3 transition-transform duration-200",d&&"transform rotate-90")})}):r.jsx("div",{className:"h-4 w-4"}),r.jsx(v,{className:u.cn("h-4 w-4 shrink-0",i&&"text-[var(--color-icon-brand-bold-selected)]")}),r.jsx("span",{className:u.cn("flex-1 truncate",i?"text-body-strong-sm":"text-body-sm"),children:r.jsx("span",{className:u.cn(i&&"text-[var(--color-text-brand-bold-selected)]"),children:e.name})}),e.actions&&r.jsx("div",{className:"flex items-center gap-1",onClick:n=>n.stopPropagation(),children:e.actions})]}),l&&d&&r.jsx("div",{children:e.children?.map(n=>r.jsx(k,{item:n,level:o+1},n.id))})]})});k.displayName="TreeItem";const C=t.forwardRef(({data:e,initialSelectedItemId:o,onSelectChange:s,expandAll:c=!1,defaultNodeIcon:a=f.FolderIcon,defaultLeafIcon:h=f.FileIcon,className:y,...x},p)=>{const[d,b]=t.useState(o),[l,g]=t.useState(new Set(c?N(Array.isArray(e)?e:[e]):[]));t.useEffect(()=>{c&&g(new Set(N(Array.isArray(e)?e:[e])))},[e,c]);const i=t.useCallback(n=>{g(S=>{const I=new Set(S);return I.has(n)?I.delete(n):I.add(n),I})},[]),v=t.useCallback(n=>{n.disabled||(b(n.id),s?.(n))},[s]),j=t.useMemo(()=>({selectedItemId:d,expandedItems:l,handleExpand:i,handleSelect:v,onSelectChange:s,defaultNodeIcon:a,defaultLeafIcon:h}),[d,l,i,v,s,a,h]),w=Array.isArray(e)?e:[e];return r.jsx(m.Provider,{value:j,children:r.jsx("div",{ref:p,className:u.cn("space-y-1",y),...x,children:w.map(n=>r.jsx(k,{item:n,level:0},n.id))})})});C.displayName="Tree";function N(e){const o=[];function s(c){for(const a of c)o.push(a.id),a.children&&s(a.children)}return s(e),o}exports.Tree=C;

package/dist/cjs/components/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={colors:{primary:"var(--color-surface-primary)",secondary:"var(--color-surface-secondary)",textPrimary:"var(--color-text-primary)",textSecondary:"var(--color-text-secondary)",textBrand:"var(--color-text-brand-bold)",backgroundBrand:"var(--color-background-blue-bold)",backgroundBrandSelected:"var(--color-background-blue-subtle-selected)",borderPrimary:"var(--color-border-primary-subtle)",borderBrand:"var(--color-border-brand-bold)",borderFocus:"var(--color-border-focused)"},spacing:{xs:"var(--space-xs)",s:"var(--space-s)",m:"var(--space-m)",l:"var(--space-l)",xl:"var(--space-xl)","2xl":"var(--space-2xl)","3xl":"var(--space-3xl)","4xl":"var(--space-4xl)"},sizing:{xs:"var(--size-xs)",s:"var(--size-s)",m:"var(--size-m)",l:"var(--size-l)",xl:"var(--size-xl)","2xl":"var(--size-2xl)","3xl":"var(--size-3xl)","4xl":"var(--size-4xl)"}};exports.designTokens=r;

package/dist/cjs/components/product/activity-log.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),I=require("react"),n=require("../../lib/utils.cjs"),b=require("../fundamental/collapsible.cjs"),S=require("../fundamental/icon.cjs");function T(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(t,e,s.get?s:{enumerable:!0,get:()=>r[e]})}}return t.default=r,Object.freeze(t)}const i=T(I),w=i.forwardRef(({className:r,children:t,separatorThreshold:e,"aria-label":s="Activity log",...d},y)=>{const v=i.useMemo(()=>{if(!e)return t;const o=i.Children.toArray(t),l=[];for(let p=0;p<o.length;p++){const u=o[p];l.push(u);const m=o[p+1];if(m&&i.isValidElement(u)&&i.isValidElement(m)&&u.type===h&&m.type===h){const f=u.props.timestamp,g=m.props.timestamp;if(f&&g){const x=new Date(f),c=new Date(g);Math.abs(c.getTime()-x.getTime())>=e&&l.push(a.jsx(L,{},`separator-${p}`))}}}return l},[t,e]);return a.jsx("div",{ref:y,role:"log","aria-label":s,"aria-live":"polite","aria-relevant":"additions",className:n.cn("flex flex-col gap-[var(--space-s)]",r),...d,children:v})});w.displayName="ActivityLog";const h=i.forwardRef(({className:r,children:t,collapsible:e=!1,defaultOpen:s,open:d,onOpenChange:y,timestamp:v,...o},l)=>e?a.jsx(b.Collapsible,{ref:l,defaultOpen:s,open:d,onOpenChange:y,className:n.cn("w-full group peer",r),...o,children:t}):a.jsx("div",{ref:l,className:n.cn("w-full",r),...o,children:t}));h.displayName="ActivityLogItem";const L=i.memo(i.forwardRef(({className:r,...t},e)=>a.jsx("div",{ref:e,role:"separator","aria-hidden":"true",className:n.cn("flex items-center ml-[7.5px] peer-data-[state=open]:hidden",r),...t,children:a.jsx("div",{className:"w-px h-[var(--space-l)] bg-[var(--grey-alpha-100)]"})})));L.displayName="ActivityLogSeparator";const N=i.forwardRef(({className:r,children:t,asCollapsibleTrigger:e,...s},d)=>{const{avatarOrIcon:y,description:v,chevron:o,otherChildren:l}=i.useMemo(()=>{const u=i.Children.toArray(t);let m=null,f=null,g=null;const x=[];return u.forEach(c=>{if(i.isValidElement(c)){const A=c.type?.displayName;A==="ActivityLogDescription"?f=c:A==="ActivityLogChevron"?g=c:m?x.push(c):m=c}else x.push(c)}),{avatarOrIcon:m,description:f,chevron:g,otherChildren:x}},[t]),p=a.jsxs("div",{ref:e?void 0:d,className:n.cn("flex gap-[var(--space-s)] items-start w-full [&>*:first-child]:translate-y-[1px]",e&&"cursor-pointer rounded-s focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2",r),...s,children:[y,v&&o?a.jsxs("div",{className:"inline-flex gap-[var(--space-xs)] items-center min-w-0 flex-1",children:[v,o]}):a.jsxs(a.Fragment,{children:[v,o]}),l]});return e?a.jsx(b.CollapsibleTrigger,{asChild:!0,hideIcon:!0,children:p}):p});N.displayName="ActivityLogHeader";const j=i.forwardRef(({className:r,children:t,...e},s)=>a.jsx(b.CollapsibleContent,{ref:s,className:n.cn("mt-[var(--space-s)] pl-[var(--space-s)] ml-[7.5px] border-l border-l-[var(--grey-alpha-100)] max-w-[320px]","[.group:last-child_&]:border-l-0",r),...e,children:t}));j.displayName="ActivityLogContent";const C=i.forwardRef(({className:r,children:t,...e},s)=>a.jsx("div",{ref:s,className:n.cn("inline-flex flex-wrap gap-x-[var(--space-xs)] gap-y-0 items-center min-w-0 [&]:text-body-sm text-[var(--color-text-primary)]",r),...e,children:t}));C.displayName="ActivityLogDescription";const D=i.forwardRef(({className:r,children:t,dateTime:e,...s},d)=>a.jsx("time",{ref:d,dateTime:e,className:n.cn("[&]:text-body-xsm text-[var(--color-text-tertiary)] shrink-0 whitespace-nowrap",r),...s,children:t}));D.displayName="ActivityLogTime";const R=i.memo(i.forwardRef(({className:r,...t},e)=>a.jsx("div",{ref:e,"aria-hidden":"true",className:n.cn("shrink-0",r),...t,children:a.jsx(S.Icon,{name:"chevron-down",size:"s",color:"tertiary",className:"[.group[data-state=open]_&]:rotate-180"})})));R.displayName="ActivityLogChevron";const O=i.memo(i.forwardRef(({className:r,children:t,...e},s)=>a.jsx("div",{ref:s,className:n.cn("inline-flex items-center gap-[var(--space-xs)] px-[4px] py-[2px] bg-[var(--color-background-neutral-subtlest)] border border-[var(--color-border-primary-medium)] rounded-xs shrink",r),...e,children:a.jsx("span",{className:"[&]:text-body-medium-xsm text-[var(--color-text-primary)] whitespace-nowrap",children:t})})));O.displayName="ActivityLogValue";exports.ActivityLog=w;exports.ActivityLogChevron=R;exports.ActivityLogContent=j;exports.ActivityLogDescription=C;exports.ActivityLogHeader=N;exports.ActivityLogItem=h;exports.ActivityLogSeparator=L;exports.ActivityLogTime=D;exports.ActivityLogValue=O;

package/dist/cjs/components/product/app-frame.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),D=require("react"),t=require("../fundamental/sidebar.cjs"),H=require("../fundamental/button.cjs"),d=require("../fundamental/icon.cjs"),p=require("../fundamental/avatar.cjs"),I=require("../fundamental/separator.cjs"),N=require("../fundamental/kbd.cjs"),o=require("../fundamental/dropdown-menu.cjs"),c=require("../fundamental/tooltip.cjs"),m=require("../fundamental/command.cjs");function E(n){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const h in n)if(h!=="default"){const l=Object.getOwnPropertyDescriptor(n,h);Object.defineProperty(i,h,l.get?l:{enumerable:!0,get:()=>n[h]})}}return i.default=n,Object.freeze(i)}const f=E(D),F={name:"John Doe",email:"john@example.com",avatarUrl:"https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=32&h=32&fit=crop&crop=face"},O=[{name:"Acme Corp",role:"Admin",plan:"Enterprise",avatarUrl:"https://useful-toucan-91.convex.cloud/api/storage/5e36a31d-3f0a-4bb0-95db-f5b1c8e8af93"},{name:"Startup Inc",role:"Member",plan:"Pro",avatarUrl:"https://useful-toucan-91.convex.cloud/api/storage/5e36a31d-3f0a-4bb0-95db-f5b1c8e8af93"}],B={main:[{title:"Home",icon:"house",url:"/home",isActive:!1},{title:"Boards",icon:"layout-dashboard",url:"/boards",isActive:!1}],operations:[{title:"Voyage economics",icon:"ship",url:"/freight-planner",isActive:!1,items:[]},{title:"Trade desk",icon:"trending-up",url:"/trade-desk",isActive:!1,items:[]},{title:"Agreements",icon:"scroll-text",url:"/agreements",isActive:!0,items:[{title:"Recaps",url:"/agreements/recaps",isActive:!0},{title:"Contracts",url:"/agreements/contracts",isActive:!1},{title:"Clause library",url:"/agreements/clause-library",isActive:!1}]},{title:"Compliance",icon:"shield-check",url:"/compliance",isActive:!1,items:[]}],intelligence:[{title:"Global market",icon:"globe",url:"/global-market",isActive:!1,items:[{title:"Supply",url:"/global-market/supply",isActive:!1},{title:"Commodities",url:"/global-market/commodities",isActive:!1},{title:"Freight",url:"/global-market/freight",isActive:!1}]},{title:"Assets",icon:"container",url:"/assets",isActive:!1,items:[{title:"Vessels",url:"/assets/vessels",isActive:!1},{title:"Fleets",url:"/assets/fleets",isActive:!1},{title:"Ports",url:"/assets/ports",isActive:!1},{title:"Canals",url:"/assets/canals",isActive:!1}]},{title:"Fixtures",icon:"anchor",url:"/fixtures",isActive:!1}],support:[{title:"Notifications",icon:"bell",url:"/notifications",isActive:!1},{title:"Help & support",icon:"circle-help",url:"/help-support",isActive:!1}]},z=n=>n.split(" ").filter(Boolean).map(i=>i[0]).join("").slice(0,2).toUpperCase(),M=n=>n.split(" ").filter(Boolean).map(i=>i[0]).join("").slice(0,2).toUpperCase(),A=()=>typeof navigator<"u"&&/Mac|iPod|iPhone|iPad/.test(navigator.userAgent);function L(n){const i={};return[...n.main||[],...n.operations||[],...n.intelligence||[],...n.support||[]].forEach(l=>{if(l.items&&l.items.length>0){const b=l.items.some(j=>j.isActive);i[l.title]=b}}),i}function U({navigationData:n,user:i,teams:h,onNavigate:l,navigationMode:b,onNavigationModeChange:j}){const[g,u]=f.useState(!1),[C,S]=f.useState(""),[v,a]=f.useState(()=>L(n)),[x,y]=f.useState(h[0]),T=r=>{a(s=>({...s,[r]:!s[r]}))},V=r=>r.items&&r.items.some(s=>s.isActive),k=r=>{if(r.items&&r.items.length>0){const s=r.items.find(w=>w.isActive);if(s)return`${r.title} → ${s.title}`}return r.title};return f.useEffect(()=>{const r=s=>{s.key==="k"&&(s.metaKey||s.ctrlKey)&&(s.preventDefault(),u(w=>!w))};return document.addEventListener("keydown",r),()=>document.removeEventListener("keydown",r)},[]),f.useEffect(()=>{a(L(n))},[n]),e.jsxs(c.TooltipProvider,{delayDuration:100,children:[e.jsxs(t.Sidebar,{variant:"sidebar",collapsible:"icon",className:"flex h-full flex-col",children:[e.jsx(t.SidebarHeader,{className:"sticky top-0 z-10 h-12 border-b border-[var(--color-border-primary-subtle)] bg-[var(--color-surface-primary)] group-data-[collapsible=icon]:flex group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-2 box-border",children:e.jsx("div",{className:"flex h-[22px] w-7 items-center justify-center",children:e.jsx("svg",{width:"28",height:"22",viewBox:"0 0 28 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M4.39355 0.688477C6.89528 0.688477 8.12094 1.67409 8.12109 3.74609V7.69043H5.5332V2.87695H3.28711V8.03125L8.12109 11.458V18.2705C8.12109 20.3262 6.92916 21.3125 4.39355 21.3125C1.85827 21.3124 0.701172 20.3261 0.701172 18.2705L0.700195 13.7412H3.28711V19.1396H5.5332V12.6777L0.701172 9.23438V3.74609C0.701322 1.67422 1.89214 0.688597 4.39355 0.688477ZM13.8379 0.6875C16.4752 0.687615 17.6152 1.67395 17.6152 3.74609V10.5312L12.6113 13.7236V19.123H15.0273V14.3096H17.6143V18.2705C17.6143 20.3262 16.4235 21.3125 13.8027 21.3125C11.1821 21.3125 10.0244 20.3262 10.0244 18.2705V3.74609H10.0254C10.0254 1.67382 11.2003 0.6875 13.8379 0.6875ZM23.333 0.6875C25.9537 0.6875 27.1113 1.67378 27.1113 3.72949V18.2539H27.1104C27.1104 20.3261 25.9363 21.3125 23.2988 21.3125C20.6612 21.3125 19.5205 20.3262 19.5205 18.2539V11.4688L24.5254 8.27637V2.87695H22.1084V7.69043H19.5215V3.72949C19.5215 1.67384 20.7124 0.687556 23.333 0.6875ZM22.1084 12.2197V19.1396H24.5254V10.5986L22.1084 12.2197ZM12.6113 11.4014L15.0273 9.78027V2.86035H12.6113V11.4014Z",fill:"#005F85"})})})}),e.jsxs("div",{className:"flex min-h-0 flex-1 flex-col overflow-y-auto group-data-[collapsible=icon]:overflow-hidden","data-sidebar":"content",children:[e.jsx("div",{className:"p-[var(--space-m)] pt-[var(--space-s)] group-data-[collapsible=icon]:px-2",children:e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute top-1/2 left-2 -translate-y-1/2 group-data-[collapsible=icon]:hidden",children:e.jsx(d.Icon,{name:"search",size:"m",color:"tertiary"})}),e.jsxs("div",{className:"group-data-[collapsible=icon]:hidden",children:[e.jsx("button",{onClick:()=>u(!0),className:"text-body-md flex h-8 w-full cursor-pointer items-center rounded-m border border-[var(--color-border-primary-subtle)] bg-[var(--color-surface-primary)] px-3 py-1 pr-20 pl-8 text-left text-[var(--color-text-tertiary)] transition-colors hover:border-[var(--color-border-primary-medium)] hover:!bg-[var(--color-background-neutral-subtlest-hovered)] focus:border-[var(--color-border-brand-bold)] focus:ring-2 focus:ring-[var(--color-border-brand-bold)]/20 focus:ring-offset-0 focus:outline-none active:border-[var(--color-border-primary-medium)]",children:"Search"}),e.jsxs("div",{className:"absolute top-1/2 right-2 flex -translate-y-1/2 gap-1",children:[e.jsx(N.Kbd,{size:"s",children:A()?"⌘":"Ctrl"}),e.jsx(N.Kbd,{size:"s",children:"K"})]})]}),e.jsxs(c.Tooltip,{delayDuration:500,children:[e.jsx(c.TooltipTrigger,{asChild:!0,children:e.jsx("button",{onClick:()=>u(!0),className:"hidden h-8 w-8 cursor-pointer items-center justify-center rounded border border-[var(--color-border-primary-subtle)] bg-transparent transition-all duration-200 group-data-[collapsible=icon]:flex hover:border-[var(--color-border-primary-medium)] hover:!bg-[var(--color-background-neutral-subtlest-hovered)] focus:border-[var(--color-border-brand-bold)] focus:ring-2 focus:ring-[var(--color-border-brand-bold)]/20 focus:ring-offset-0 focus:outline-none active:border-[var(--color-border-primary-medium)]","aria-label":"Search",children:e.jsx(d.Icon,{name:"search",size:"m",color:"tertiary"})})}),e.jsx(c.TooltipContent,{side:"right",className:"hidden group-data-[collapsible=icon]:block",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{children:"Search"}),e.jsxs("div",{className:"flex gap-1",children:[e.jsx(N.Kbd,{size:"s",variant:"dark",children:A()?"⌘":"Ctrl"}),e.jsx(N.Kbd,{size:"s",variant:"dark",children:"K"})]})]})})]})]})}),e.jsx(t.SidebarGroup,{className:"pb-1 mt-1 p-[var(--space-s)]",children:e.jsx(t.SidebarGroupContent,{children:e.jsx(t.SidebarMenu,{children:n.main.map(r=>e.jsx(t.SidebarMenuItem,{children:e.jsxs(c.Tooltip,{children:[e.jsx(c.TooltipTrigger,{asChild:!0,children:e.jsxs(t.SidebarMenuButton,{isActive:r.isActive,onClick:s=>{l&&(s.preventDefault(),l(r.url))},children:[e.jsx(d.Icon,{name:r.icon,size:"s"}),e.jsx("span",{children:r.title})]})}),e.jsx(c.TooltipContent,{side:"right",className:"hidden group-data-[collapsible=icon]:block",children:k(r)})]})},r.title))})})}),e.jsx("div",{className:"my-2 hidden justify-center px-2 group-data-[collapsible=icon]:flex",children:e.jsx(I.Separator,{layout:"vertical"})}),e.jsxs(t.SidebarGroup,{className:"mt-1 p-[var(--space-s)]",children:[e.jsx(t.SidebarGroupLabel,{className:"py-1 pb-1.5 group-data-[collapsible=icon]:hidden",children:"Operations"}),e.jsx(t.SidebarGroupContent,{children:e.jsx(t.SidebarMenu,{children:n.operations.map(r=>e.jsx(t.SidebarMenuItem,{children:r.items&&r.items.length>0?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"group-data-[collapsible=icon]:hidden",children:e.jsxs(t.SidebarMenuButton,{isActive:r.isActive&&!r.items?.length,onClick:()=>T(r.title),children:[e.jsx(d.Icon,{name:r.icon,size:"s"}),e.jsx("span",{children:r.title}),e.jsx(d.Icon,{name:"chevron-right",size:"s",className:`ml-auto transition-transform ${v[r.title]?"rotate-90":""}`})]})}),r.items&&r.items.length>0&&v[r.title]&&e.jsx(t.SidebarMenuSub,{children:r.items.map(s=>e.jsx(t.SidebarMenuSubItem,{children:e.jsx(t.SidebarMenuSubButton,{isActive:s.isActive,onClick:w=>{l&&(w.preventDefault(),l(s.url))},children:e.jsx("span",{children:s.title})})},s.title))}),e.jsx("div",{className:"hidden group-data-[collapsible=icon]:block",children:e.jsxs(o.DropdownMenu,{children:[e.jsxs(c.Tooltip,{children:[e.jsx(o.DropdownMenuTrigger,{asChild:!0,children:e.jsx(c.TooltipTrigger,{asChild:!0,children:e.jsx(t.SidebarMenuButton,{isActive:V(r),className:"w-full justify-center",children:e.jsx(d.Icon,{name:r.icon,size:"s"})})})}),e.jsx(c.TooltipContent,{side:"right",className:"hidden group-data-[collapsible=icon]:block",children:k(r)})]}),e.jsxs(o.DropdownMenuContent,{side:"right",sideOffset:8,align:"start",children:[e.jsx(o.DropdownMenuLabel,{className:"text-body-medium-sm font-medium",children:r.title}),e.jsx(o.DropdownMenuSeparator,{}),r.items.map(s=>e.jsx(o.DropdownMenuItem,{className:s.isActive?"bg-[var(--color-background-blue-subtle-selected)] text-[var(--color-text-brand-bold)]":"",onSelect:()=>{l&&l(s.url)},children:s.title},s.title))]})]})})]}):e.jsxs(c.Tooltip,{children:[e.jsx(c.TooltipTrigger,{asChild:!0,children:e.jsxs(t.SidebarMenuButton,{isActive:r.isActive,onClick:s=>{l&&(s.preventDefault(),l(r.url))},children:[e.jsx(d.Icon,{name:r.icon,size:"s"}),e.jsx("span",{children:r.title})]})}),e.jsx(c.TooltipContent,{side:"right",className:"hidden group-data-[collapsible=icon]:block",children:k(r)})]})},r.title))})})]}),e.jsx("div",{className:"my-2 hidden justify-center px-2 group-data-[collapsible=icon]:flex",children:e.jsx(I.Separator,{layout:"vertical"})}),e.jsxs(t.SidebarGroup,{className:"mt-1 p-[var(--space-s)]",children:[e.jsx(t.SidebarGroupLabel,{className:"py-1 pb-1.5 group-data-[collapsible=icon]:hidden",children:"Intelligence"}),e.jsx(t.SidebarGroupContent,{children:e.jsx(t.SidebarMenu,{children:n.intelligence.map(r=>e.jsx(t.SidebarMenuItem,{children:r.items&&r.items.length>0?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"group-data-[collapsible=icon]:hidden",children:e.jsxs(t.SidebarMenuButton,{isActive:r.isActive&&!r.items?.length,onClick:()=>T(r.title),children:[e.jsx(d.Icon,{name:r.icon,size:"s"}),e.jsx("span",{children:r.title}),e.jsx(d.Icon,{name:"chevron-right",size:"s",className:`ml-auto transition-transform ${v[r.title]?"rotate-90":""}`})]})}),r.items&&r.items.length>0&&v[r.title]&&e.jsx(t.SidebarMenuSub,{children:r.items.map(s=>e.jsx(t.SidebarMenuSubItem,{children:e.jsx(t.SidebarMenuSubButton,{isActive:s.isActive,onClick:w=>{l&&(w.preventDefault(),l(s.url))},children:e.jsx("span",{children:s.title})})},s.title))}),e.jsx("div",{className:"hidden group-data-[collapsible=icon]:block",children:e.jsxs(o.DropdownMenu,{children:[e.jsxs(c.Tooltip,{children:[e.jsx(o.DropdownMenuTrigger,{asChild:!0,children:e.jsx(c.TooltipTrigger,{asChild:!0,children:e.jsx(t.SidebarMenuButton,{isActive:V(r),className:"w-full justify-center",children:e.jsx(d.Icon,{name:r.icon,size:"s"})})})}),e.jsx(c.TooltipContent,{side:"right",className:"hidden group-data-[collapsible=icon]:block",children:k(r)})]}),e.jsxs(o.DropdownMenuContent,{side:"right",sideOffset:8,align:"start",children:[e.jsx(o.DropdownMenuLabel,{className:"text-body-medium-sm font-medium",children:r.title}),e.jsx(o.DropdownMenuSeparator,{}),r.items.map(s=>e.jsx(o.DropdownMenuItem,{className:s.isActive?"bg-[var(--color-background-blue-subtle-selected)] text-[var(--color-text-brand-bold)]":"",onSelect:()=>{l&&l(s.url)},children:s.title},s.title))]})]})})]}):e.jsxs(c.Tooltip,{children:[e.jsx(c.TooltipTrigger,{asChild:!0,children:e.jsxs(t.SidebarMenuButton,{isActive:r.isActive,onClick:s=>{l&&(s.preventDefault(),l(r.url))},children:[e.jsx(d.Icon,{name:r.icon,size:"s"}),e.jsx("span",{children:r.title})]})}),e.jsx(c.TooltipContent,{side:"right",className:"hidden group-data-[collapsible=icon]:block",children:k(r)})]})},r.title))})})]}),e.jsx(t.SidebarGroup,{className:"pb-2 p-[var(--space-s)] mt-auto",children:e.jsx(t.SidebarGroupContent,{children:e.jsx(t.SidebarMenu,{children:n.support.map(r=>e.jsx(t.SidebarMenuItem,{children:e.jsxs(c.Tooltip,{children:[e.jsx(c.TooltipTrigger,{asChild:!0,children:e.jsxs(t.SidebarMenuButton,{isActive:r.isActive,onClick:s=>{l&&(s.preventDefault(),l(r.url))},children:[e.jsx(d.Icon,{name:r.icon,size:"s"}),e.jsx("span",{children:r.title})]})}),e.jsx(c.TooltipContent,{side:"right",className:"hidden group-data-[collapsible=icon]:block",children:k(r)})]})},r.title))})})})]}),e.jsx(t.SidebarFooter,{className:"sticky bottom-0 z-10 border-t border-[var(--color-border-primary-subtle)] bg-[var(--color-surface-primary)] group-data-[collapsible=icon]:px-2 group-data-[collapsible=icon]:py-2",children:e.jsx("div",{className:"group/user-menu rounded-m border border-[var(--color-border-primary-subtle)] transition-colors hover:border-[var(--color-border-primary-medium)] group-data-[collapsible=icon]:rounded-none group-data-[collapsible=icon]:border-none",children:e.jsxs(o.DropdownMenu,{children:[e.jsx(o.DropdownMenuTrigger,{asChild:!0,children:e.jsxs(H.Button,{variant:"ghost",className:"h-auto min-h-[56px] w-full justify-start rounded-m px-3 py-2 hover:!bg-[var(--color-background-neutral-subtlest-hovered)] group-data-[collapsible=icon]:h-8 group-data-[collapsible=icon]:min-h-0 group-data-[collapsible=icon]:w-8 group-data-[collapsible=icon]:p-0",children:[e.jsxs("div",{className:"flex w-full items-center gap-3 group-data-[collapsible=icon]:hidden",children:[e.jsxs("div",{className:"relative flex-shrink-0",children:[e.jsxs(p.Avatar,{size:"m",type:"user",children:[e.jsx(p.AvatarImage,{src:i.avatarUrl,alt:i.name}),e.jsx(p.AvatarFallback,{size:"m",type:"user",children:z(i.name)})]}),e.jsx("div",{className:"absolute -right-1 -bottom-1 rounded-[4px] border-2 border-white p-0",children:e.jsxs(p.Avatar,{size:"xxs",type:"organization",children:[e.jsx(p.AvatarImage,{src:x.avatarUrl,alt:x.name}),e.jsx(p.AvatarFallback,{size:"xxs",type:"organization",children:M(x.name)})]})})]}),e.jsxs("div",{className:"min-w-0 flex-1 text-left",children:[e.jsx("div",{className:"text-body-medium-sm truncate font-medium text-[var(--color-text-primary)]",children:i.name}),e.jsxs("div",{className:"text-body-xsm text-[var(--color-text-secondary)]",children:[x.role," at ",x.name]})]}),e.jsx(d.Icon,{name:"chevron-down",size:"m",className:"opacity-50"})]}),e.jsxs("div",{className:"relative hidden group-data-[collapsible=icon]:block",children:[e.jsxs(p.Avatar,{size:"s",type:"user",children:[e.jsx(p.AvatarImage,{src:i.avatarUrl,alt:i.name}),e.jsx(p.AvatarFallback,{size:"s",type:"user",children:z(i.name)})]}),e.jsx("div",{className:"absolute -right-1 -bottom-1 rounded-[2px] border-2 border-white bg-[var(--color-surface-primary)]",children:e.jsxs(p.Avatar,{size:"xxs",type:"organization",children:[e.jsx(p.AvatarImage,{src:x.avatarUrl,alt:x.name}),e.jsx(p.AvatarFallback,{size:"xxs",type:"organization",children:M(x.name)})]})})]})]})}),e.jsxs(o.DropdownMenuContent,{className:"w-[--radix-dropdown-menu-trigger-width]",align:"start",side:"top",sideOffset:4,children:[e.jsx(o.DropdownMenuLabel,{className:"p-0 font-normal",children:e.jsxs("div",{className:"flex items-center gap-3 px-2 py-2",children:[e.jsxs(p.Avatar,{size:"s",type:"user",children:[e.jsx(p.AvatarImage,{src:i.avatarUrl,alt:i.name}),e.jsx(p.AvatarFallback,{size:"s",type:"user",children:z(i.name)})]}),e.jsxs("div",{className:"grid flex-1 text-left",children:[e.jsx("span",{className:"text-body-medium-sm truncate font-semibold text-[var(--color-text-primary)]",children:i.name}),e.jsx("span",{className:"text-caption-xsm truncate text-[var(--color-text-secondary)]",children:i.email})]})]})}),e.jsx(o.DropdownMenuSeparator,{}),e.jsx(o.DropdownMenuLabel,{className:"px-2 py-1 text-[12px] font-medium text-[var(--color-text-tertiary)]",children:"Organizations"}),h.map(r=>e.jsxs(o.DropdownMenuItem,{onSelect:()=>y(r),className:"mx-1 mb-1 h-10 cursor-pointer gap-2 px-1 pr-2 pl-1",children:[e.jsxs(p.Avatar,{size:"s",type:"organization",children:[e.jsx(p.AvatarImage,{src:r.avatarUrl,alt:r.name}),e.jsx(p.AvatarFallback,{size:"s",type:"organization",children:M(r.name)})]}),e.jsxs("div",{className:"flex flex-1 flex-col text-left",children:[e.jsx("span",{className:"text-body-medium-sm truncate font-semibold text-[var(--color-text-primary)]",children:r.name}),e.jsxs("span",{className:"text-caption-xsm truncate text-[var(--color-text-secondary)]",children:[r.role," • ",r.plan," plan"]})]}),x.name===r.name&&e.jsx(d.Icon,{name:"check",size:"m",className:"text-[var(--color-icon-brand-bold)]"})]},r.name)),e.jsx(o.DropdownMenuSeparator,{}),e.jsx(o.DropdownMenuLabel,{className:"px-2 py-1 text-[12px] font-medium text-[var(--color-text-tertiary)]",children:"Navigation"}),e.jsxs(o.DropdownMenuItem,{className:"mx-1 mb-0.5 cursor-pointer gap-2 px-2",onSelect:()=>j("sidebar"),children:[e.jsx("span",{className:"flex-1",children:"New sidebar navigation"}),b==="sidebar"&&e.jsx(d.Icon,{name:"check",size:"m",className:"text-[var(--color-icon-brand-bold)]"})]}),e.jsxs(o.DropdownMenuItem,{className:"mx-1 mb-1 cursor-pointer gap-2 px-2",onSelect:()=>j("horizontal"),children:[e.jsx("span",{className:"flex-1",children:"Old horizontal menu"}),b==="horizontal"&&e.jsx(d.Icon,{name:"check",size:"m",className:"text-[var(--color-icon-brand-bold)]"})]}),e.jsx(o.DropdownMenuSeparator,{}),e.jsx(o.DropdownMenuItem,{icon:"user",className:"cursor-pointer",onSelect:()=>{l&&l("/user/profile")},children:"User profile"}),e.jsx(o.DropdownMenuItem,{icon:"settings",className:"cursor-pointer",onSelect:()=>{l&&l("/organization/settings")},children:"Organization settings"}),e.jsx(o.DropdownMenuSeparator,{}),e.jsx(o.DropdownMenuItem,{icon:"log-out",destructive:!0,className:"cursor-pointer",onSelect:()=>{l&&l("/auth/sign-out")},children:"Sign out"})]})]})})}),e.jsx(t.SidebarRail,{})]}),e.jsxs(m.CommandDialog,{open:g,onOpenChange:u,children:[e.jsx(m.CommandInput,{placeholder:"Type a command or search...",value:C,onValueChange:S,clearable:!1}),e.jsxs(m.CommandList,{children:[e.jsx(m.CommandEmpty,{children:"No results found."}),e.jsxs(m.CommandGroup,{heading:"Quick actions",children:[e.jsxs(m.CommandItem,{onSelect:()=>console.log("Reload"),children:[e.jsx(d.Icon,{name:"rotate-ccw",size:"s",className:"mr-2"}),e.jsx("span",{children:"Reload Page"}),e.jsxs("span",{className:"text-caption-sm ml-auto text-[var(--color-text-tertiary)]",children:[A()?"⌘":"Ctrl","R"]})]}),e.jsxs(m.CommandItem,{onSelect:()=>u(!1),children:[e.jsx(d.Icon,{name:"search",size:"s",className:"mr-2"}),e.jsx("span",{children:"Search"}),e.jsxs("span",{className:"text-caption-sm ml-auto text-[var(--color-text-tertiary)]",children:[A()?"⌘":"Ctrl","K"]})]})]}),e.jsxs(m.CommandGroup,{heading:"Navigation",children:[n.main.map(r=>e.jsxs(m.CommandItem,{onSelect:()=>u(!1),children:[e.jsx(d.Icon,{name:r.icon,size:"s",className:"mr-2"}),e.jsx("span",{children:r.title})]},r.title)),n.operations.map(r=>e.jsxs(m.CommandItem,{onSelect:()=>u(!1),children:[e.jsx(d.Icon,{name:r.icon,size:"s",className:"mr-2"}),e.jsx("span",{children:r.title})]},r.title)),n.intelligence.map(r=>e.jsxs(m.CommandItem,{onSelect:()=>u(!1),children:[e.jsx(d.Icon,{name:r.icon,size:"s",className:"mr-2"}),e.jsx("span",{children:r.title})]},r.title))]}),e.jsx(m.CommandGroup,{heading:"Settings",children:n.support.map(r=>e.jsxs(m.CommandItem,{onSelect:()=>u(!1),children:[e.jsx(d.Icon,{name:r.icon,size:"s",className:"mr-2"}),e.jsx("span",{children:r.title})]},r.title))}),e.jsx(m.CommandGroup,{heading:"Switch team",children:h.map(r=>e.jsxs(m.CommandItem,{onSelect:()=>u(!1),children:[e.jsxs(p.Avatar,{size:"s",className:"mr-2",type:"organization",children:[e.jsx(p.AvatarImage,{src:r.avatarUrl,alt:r.name}),e.jsx(p.AvatarFallback,{size:"s",type:"organization",children:M(r.name)})]}),e.jsx("span",{children:r.name})]},r.name))})]})]})]})}function G({navigationData:n,user:i,activeTeam:h,onNavigate:l,navigationMode:b,onNavigationModeChange:j}){const[g,u]=f.useState(!1),C=f.useRef(null);f.useEffect(()=>{if(!g)return;const a=x=>{C.current&&!C.current.contains(x.target)&&u(!1)};return document.addEventListener("mousedown",a),()=>document.removeEventListener("mousedown",a)},[g]);const S=[...n.main,...n.operations,...n.intelligence],v=z(i.name);return e.jsxs("div",{style:{width:"100%"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",height:48,backgroundColor:"#162736",padding:"0 16px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10},children:[e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:[e.jsx("rect",{width:"20",height:"20",rx:"4",fill:"#005F85"}),e.jsx("rect",{x:"4",y:"4",width:"5",height:"5",rx:"1",fill:"white"}),e.jsx("rect",{x:"11",y:"4",width:"5",height:"5",rx:"1",fill:"white",opacity:"0.6"}),e.jsx("rect",{x:"4",y:"11",width:"5",height:"5",rx:"1",fill:"white",opacity:"0.6"}),e.jsx("rect",{x:"11",y:"11",width:"5",height:"5",rx:"1",fill:"white",opacity:"0.4"})]}),e.jsx("svg",{width:"28",height:"22",viewBox:"0 0 28 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M4.39355 0.688477C6.89528 0.688477 8.12094 1.67409 8.12109 3.74609V7.69043H5.5332V2.87695H3.28711V8.03125L8.12109 11.458V18.2705C8.12109 20.3262 6.92916 21.3125 4.39355 21.3125C1.85827 21.3124 0.701172 20.3261 0.701172 18.2705L0.700195 13.7412H3.28711V19.1396H5.5332V12.6777L0.701172 9.23438V3.74609C0.701322 1.67422 1.89214 0.688597 4.39355 0.688477ZM13.8379 0.6875C16.4752 0.687615 17.6152 1.67395 17.6152 3.74609V10.5312L12.6113 13.7236V19.123H15.0273V14.3096H17.6143V18.2705C17.6143 20.3262 16.4235 21.3125 13.8027 21.3125C11.1821 21.3125 10.0244 20.3262 10.0244 18.2705V3.74609H10.0254C10.0254 1.67382 11.2003 0.6875 13.8379 0.6875ZM23.333 0.6875C25.9537 0.6875 27.1113 1.67378 27.1113 3.72949V18.2539H27.1104C27.1104 20.3261 25.9363 21.3125 23.2988 21.3125C20.6612 21.3125 19.5205 20.3262 19.5205 18.2539V11.4688L24.5254 8.27637V2.87695H22.1084V7.69043H19.5215V3.72949C19.5215 1.67384 20.7124 0.687556 23.333 0.6875ZM22.1084 12.2197V19.1396H24.5254V10.5986L22.1084 12.2197ZM12.6113 11.4014L15.0273 9.78027V2.86035H12.6113V11.4014Z",fill:"white"})})]}),e.jsx("div",{style:{flex:1}}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:12},children:[e.jsx("button",{onClick:()=>l?.("/notifications"),style:{background:"none",border:"none",cursor:"pointer",padding:6,borderRadius:4,display:"flex",alignItems:"center",justifyContent:"center"},onMouseEnter:a=>{a.currentTarget.style.backgroundColor="rgba(255,255,255,0.1)"},onMouseLeave:a=>{a.currentTarget.style.backgroundColor="transparent"},children:e.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"}),e.jsx("path",{d:"M10.3 21a1.94 1.94 0 0 0 3.4 0"})]})}),e.jsxs("div",{ref:C,style:{position:"relative"},children:[e.jsx("button",{onClick:()=>u(a=>!a),style:{width:32,height:32,borderRadius:"50%",backgroundColor:"#005F85",color:"white",border:"2px solid rgba(255,255,255,0.3)",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:12,fontWeight:600,padding:0},children:i.avatarUrl?e.jsx("img",{src:i.avatarUrl,alt:i.name,style:{width:"100%",height:"100%",borderRadius:"50%",objectFit:"cover"}}):v}),g&&e.jsxs("div",{style:{position:"absolute",top:40,right:0,width:220,backgroundColor:"white",borderRadius:8,boxShadow:"0 4px 24px rgba(0,0,0,0.15)",zIndex:9999,padding:"4px 0",fontSize:14},children:[e.jsxs("div",{style:{padding:"8px 12px",borderBottom:"1px solid #e5e7eb"},children:[e.jsx("div",{style:{fontWeight:600,color:"#111827"},children:i.name}),e.jsx("div",{style:{fontSize:12,color:"#6b7280"},children:i.email})]}),e.jsxs("div",{style:{padding:"4px 0",borderBottom:"1px solid #e5e7eb"},children:[e.jsx("div",{style:{padding:"4px 12px",fontSize:11,fontWeight:500,color:"#9ca3af",textTransform:"uppercase",letterSpacing:"0.05em"},children:"Navigation"}),e.jsxs("button",{onClick:()=>{j("sidebar"),u(!1)},style:{display:"flex",alignItems:"center",width:"100%",padding:"6px 12px",background:"none",border:"none",cursor:"pointer",fontSize:14,color:"#374151",textAlign:"left"},onMouseEnter:a=>{a.currentTarget.style.backgroundColor="#f3f4f6"},onMouseLeave:a=>{a.currentTarget.style.backgroundColor="transparent"},children:[e.jsx("span",{style:{flex:1},children:"New sidebar navigation"}),b==="sidebar"&&e.jsx("span",{style:{color:"#005F85",fontWeight:700},children:"✓"})]}),e.jsxs("button",{onClick:()=>{j("horizontal"),u(!1)},style:{display:"flex",alignItems:"center",width:"100%",padding:"6px 12px",background:"none",border:"none",cursor:"pointer",fontSize:14,color:"#374151",textAlign:"left"},onMouseEnter:a=>{a.currentTarget.style.backgroundColor="#f3f4f6"},onMouseLeave:a=>{a.currentTarget.style.backgroundColor="transparent"},children:[e.jsx("span",{style:{flex:1},children:"Old horizontal menu"}),b==="horizontal"&&e.jsx("span",{style:{color:"#005F85",fontWeight:700},children:"✓"})]})]}),e.jsx("div",{style:{padding:"4px 0"},children:e.jsx("button",{onClick:()=>{l?.("/auth/sign-out"),u(!1)},style:{display:"flex",alignItems:"center",width:"100%",padding:"6px 12px",background:"none",border:"none",cursor:"pointer",fontSize:14,color:"#dc2626",textAlign:"left"},onMouseEnter:a=>{a.currentTarget.style.backgroundColor="#fef2f2"},onMouseLeave:a=>{a.currentTarget.style.backgroundColor="transparent"},children:"Sign out"})})]})]})]})]}),e.jsx("div",{style:{display:"flex",alignItems:"center",height:40,backgroundColor:"#1e3a4f",padding:"0 16px",gap:2,overflowX:"auto"},children:S.map(a=>{const x=a.isActive||(a.items?.some(y=>y.isActive)??!1);return e.jsx("button",{onClick:y=>{y.preventDefault(),l?.(a.url)},style:{padding:"6px 14px",borderRadius:4,border:"none",cursor:"pointer",fontSize:13,fontWeight:x?600:400,color:"white",backgroundColor:x?"#005F85":"transparent",whiteSpace:"nowrap",transition:"background-color 0.15s"},onMouseEnter:y=>{x||(y.currentTarget.style.backgroundColor="rgba(255,255,255,0.1)")},onMouseLeave:y=>{x||(y.currentTarget.style.backgroundColor="transparent")},children:a.title},a.title)})})]})}function R(){const{state:n,toggleSidebar:i}=t.useSidebar(),h=n==="collapsed";return f.useEffect(()=>{const l=b=>{b.key==="["&&(b.preventDefault(),i())};return document.addEventListener("keydown",l),()=>document.removeEventListener("keydown",l)},[i]),e.jsxs(c.Tooltip,{delayDuration:500,children:[e.jsx(c.TooltipTrigger,{asChild:!0,children:e.jsx(t.SidebarTrigger,{className:"-ml-1"})}),e.jsx(c.TooltipContent,{side:"bottom",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{children:h?"Expand sidebar":"Collapse sidebar"}),e.jsx(N.Kbd,{size:"s",variant:"dark",children:"["})]})})]})}function K({navigationData:n=B,user:i=F,teams:h=O,defaultSidebarOpen:l=!0,headerContent:b,headerTabs:j,headerActions:g,children:u,onNavigate:C}){const[S,v]=f.useState("sidebar"),[a]=f.useState(h[0]);return S==="horizontal"?e.jsxs("div",{className:"h-screen overflow-hidden",style:{display:"flex",flexDirection:"column"},children:[e.jsx(G,{navigationData:n,user:i,activeTeam:a,onNavigate:C,navigationMode:S,onNavigationModeChange:v}),e.jsx("div",{style:{flex:1,overflow:"auto",minHeight:0,backgroundColor:"var(--color-surface-base)"},children:u})]}):e.jsx("div",{className:"h-screen overflow-hidden",children:e.jsxs(t.SidebarProvider,{defaultOpen:l,children:[e.jsx(U,{navigationData:n,user:i,teams:h,onNavigate:C,navigationMode:S,onNavigationModeChange:v}),e.jsxs(t.SidebarInset,{children:[(b||g||j)&&e.jsxs("header",{className:"flex h-12 shrink-0 items-center gap-2 border-b border-[var(--color-border-primary-subtle)] transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12 box-border px-[var(--space-m)]",children:[e.jsx(R,{}),e.jsx(I.Separator,{layout:"horizontal",className:"mr-2 h-4"}),e.jsx("div",{className:"flex-1 min-w-0",children:b}),e.jsxs("div",{className:"flex items-center gap-2 ml-auto shrink-0",children:[j&&e.jsx("div",{className:"flex items-center gap-2",children:j}),j&&g&&e.jsx("span",{className:"text-[var(--color-text-tertiary)] select-none","aria-hidden":!0,children:"•"}),g&&e.jsx("div",{className:"flex items-center gap-2",children:g})]})]}),e.jsx("div",{className:"flex flex-1 flex-col overflow-auto min-h-0 min-w-0",children:u})]})]})})}exports.AppFrame=K;

package/dist/cjs/components/product/attributes-list.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),V=require("react"),i=require("../../lib/utils.cjs"),N=require("../fundamental/collapsible.cjs"),h=require("../fundamental/icon.cjs");function k(r){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(s,t,a.get?a:{enumerable:!0,get:()=>r[t]})}}return s.default=r,Object.freeze(s)}const e=k(V),g=e.createContext("s"),A=e.forwardRef(({className:r,children:s,size:t="s",showHiddenLabel:a="More details",hideLabel:l="Less details",defaultShowHidden:f=!1,labelWidth:p,...c},u)=>{const[n,b]=e.useState(f),v=e.useMemo(()=>e.Children.toArray(s).some(d=>e.isValidElement(d)&&(d.type?.displayName||"")==="AttributesItem"?d.props.hidden:!1),[s]),y=e.useMemo(()=>e.Children.map(s,d=>e.isValidElement(d)&&(d.type?.displayName||"")==="AttributesItem"&&d.props.hidden&&!n?null:d),[s,n]),m=typeof p=="number"?`${p}px`:p;return o.jsx(g.Provider,{value:t,children:o.jsxs("div",{ref:u,className:i.cn("grid",t==="s"?"gap-y-[12px]":"gap-y-[8px]",r),style:{gridTemplateColumns:`${m||"auto"} 1fr`,columnGap:"var(--space-m)",...c.style||{}},...c,children:[y,v&&o.jsxs("button",{onClick:()=>b(!n),"aria-expanded":n,className:i.cn("flex items-center text-[var(--color-text-brand-bold)] hover:text-[var(--color-text-brand-bold-hovered)] cursor-pointer mt-[var(--space-s)] bg-transparent border-none p-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2 rounded-s",t==="s"?"gap-[var(--space-s)]":"gap-[var(--space-xs)]",t==="s"?"[&]:text-body-medium-sm":"[&]:text-body-medium-xsm"),style:{gridColumn:"1 / -1"},children:[n?l:a,o.jsx(h.Icon,{name:"chevron-down",size:"s","aria-hidden":"true",className:i.cn("transition-transform",n&&"rotate-180")})]})]})})});A.displayName="AttributesList";const j=e.memo(e.forwardRef(({className:r,...s},t)=>o.jsx("div",{ref:t,role:"separator","aria-hidden":"true",className:i.cn("h-px bg-[var(--color-border-primary-subtle)] my-[var(--space-s)]",r),style:{gridColumn:"1 / -1"},...s})));j.displayName="AttributesSeparator";const w=e.forwardRef(({className:r,label:s,children:t,showHiddenLabel:a="More details",hideLabel:l="Less details",defaultShowHidden:f=!1,...p},c)=>{const u=e.useContext(g),[n,b]=e.useState(f),v=e.useMemo(()=>(d=>e.Children.toArray(d).some(x=>!!(e.isValidElement(x)&&(x.type?.displayName||"")==="AttributesItem"&&x.props.hidden)))(t),[t]),y=e.useMemo(()=>e.Children.map(t,m=>e.isValidElement(m)&&(m.type?.displayName||"")==="AttributesItem"&&m.props.hidden&&!n?null:m),[t,n]);return o.jsxs("div",{ref:c,className:i.cn("grid",u==="s"?"gap-y-[12px]":"gap-y-[8px]",r),style:{gridColumn:"1 / -1",gridTemplateColumns:"subgrid",columnGap:"var(--space-m)"},...p,children:[s&&o.jsx("h3",{className:i.cn("text-[var(--color-text-tertiary)]",u==="s"?"mb-[6px]":"mb-[4px]",u==="s"?"[&]:text-body-medium-sm":"[&]:text-body-medium-xsm"),style:{gridColumn:"1 / -1"},children:s}),y,v&&o.jsxs("button",{onClick:()=>b(!n),"aria-expanded":n,className:i.cn("flex items-center text-[var(--color-text-brand-bold)] hover:text-[var(--color-text-brand-bold-hovered)] cursor-pointer mt-[var(--space-s)] bg-transparent border-none p-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2 rounded-s",u==="s"?"gap-[var(--space-s)]":"gap-[var(--space-xs)]",u==="s"?"[&]:text-body-medium-sm":"[&]:text-body-medium-xsm"),style:{gridColumn:"1 / -1"},children:[n?l:a,o.jsx(h.Icon,{name:"chevron-down",size:"s","aria-hidden":"true",className:i.cn("transition-transform",n&&"rotate-180")})]})]})});w.displayName="AttributesGroup";const R=e.forwardRef(({className:r,children:s,collapsible:t=!1,defaultOpen:a,open:l,onOpenChange:f,hidden:p,style:c,...u},n)=>t?o.jsx(N.Collapsible,{ref:n,defaultOpen:a,open:l,onOpenChange:f,className:i.cn("w-full group grid",r),style:{gridColumn:"1 / -1",gridTemplateColumns:"subgrid",columnGap:"var(--space-m)",...c},"data-hidden":p,...u,children:s}):o.jsx("div",{ref:n,className:i.cn(r),style:{display:"contents",...c},"data-hidden":p,...u,children:s}));R.displayName="AttributesItem";const I=e.forwardRef(({className:r,children:s,asCollapsibleTrigger:t,externalLink:a,style:l,...f},p)=>{const c=e.useContext(g),u=e.useMemo(()=>{if(!a)return s;const b=e.Children.toArray(s);if(b.length>=2){const v=b[0],y=b[1],m=b.slice(2);return[v,o.jsxs("div",{className:"flex items-center justify-between gap-[var(--space-m)]",style:{gridColumn:"2"},children:[y,o.jsxs("a",{href:a.href,className:i.cn("text-[var(--color-text-brand-bold)] hover:text-[var(--color-text-brand-bold-hovered)] inline-flex items-center no-underline shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2 rounded-s",c==="s"?"gap-[var(--space-s)]":"gap-[var(--space-xs)]",c==="s"?"[&]:text-body-sm":"[&]:text-body-xsm"),target:"_blank",rel:"noopener noreferrer","aria-label":`${a.label} (opens in new tab)`,children:[a.label,o.jsx(h.Icon,{name:"external-link",size:"s","aria-hidden":"true"})]})]},"value-with-link"),...m]}return s},[s,a,c]),n=o.jsx("div",{ref:t?void 0:p,className:i.cn("grid items-center",t&&"cursor-pointer hover:bg-[var(--color-surface-secondary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2 transition-colors rounded-s px-[var(--space-s)] py-[var(--space-xs)] -mx-[var(--space-s)]",r),style:{gridColumn:"1 / -1",gridTemplateColumns:"subgrid",columnGap:"var(--space-m)",...l},...f,children:u});return t?o.jsx(N.CollapsibleTrigger,{asChild:!0,hideIcon:!0,children:n}):n});I.displayName="AttributesRow";const P=e.memo(e.forwardRef(({className:r,children:s,...t},a)=>{const l=e.useContext(g);return o.jsx("div",{ref:a,className:i.cn("text-[var(--color-text-secondary)] [[data-hidden='true']_&]:text-[var(--color-text-tertiary)] shrink-0",l==="s"?"[&]:text-body-medium-sm":"[&]:text-body-medium-xsm",r),...t,children:s})}));P.displayName="AttributesLabel";const S=e.memo(e.forwardRef(({className:r,children:s,...t},a)=>{const l=e.useContext(g);return o.jsx("div",{ref:a,className:i.cn("text-[var(--color-text-primary)] [[data-hidden='true']_&]:text-[var(--color-text-tertiary)] flex items-center",l==="s"?"gap-[var(--space-s)]":"gap-[var(--space-xs)]",l==="s"?"[&]:text-body-sm":"[&]:text-body-xsm",r),...t,children:s})}));S.displayName="AttributesValue";const M=e.forwardRef(({className:r,children:s,style:t,...a},l)=>o.jsx(N.CollapsibleContent,{ref:l,className:i.cn("pt-[var(--space-s)] pb-[var(--space-s)]",r),style:{gridColumn:"1 / -1",...t},...a,children:s}));M.displayName="AttributesContent";const H=e.memo(e.forwardRef(({className:r,...s},t)=>o.jsx("div",{ref:t,"aria-hidden":"true",className:i.cn("shrink-0 -ml-[4px]",r),...s,children:o.jsx(h.Icon,{name:"chevron-down",size:"s",color:"tertiary",className:"transition-transform [.group[data-state=open]_&]:rotate-180"})})));H.displayName="AttributesChevron";exports.AttributesChevron=H;exports.AttributesContent=M;exports.AttributesGroup=w;exports.AttributesItem=R;exports.AttributesLabel=P;exports.AttributesList=A;exports.AttributesRow=I;exports.AttributesSeparator=j;exports.AttributesValue=S;

package/dist/cjs/components/product/bookmarks.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),we=require("react"),X=require("../../lib/utils.cjs"),I=require("../fundamental/button.cjs"),Ce=require("../fundamental/button-group.cjs"),j=require("../fundamental/icon.cjs"),pe=require("../fundamental/separator.cjs"),A=require("../fundamental/select.cjs"),f=require("../fundamental/dropdown-menu.cjs"),re=require("../fundamental/popover.cjs"),J=require("../fundamental/dialog.cjs"),Be=require("../fundamental/input.cjs"),De=require("../fundamental/label.cjs"),Se=require("../fundamental/badge.cjs"),fe=require("../fundamental/skeleton.cjs");function Ne(s){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const o in s)if(o!=="default"){const l=Object.getOwnPropertyDescriptor(s,o);Object.defineProperty(r,o,l.get?l:{enumerable:!0,get:()=>s[o]})}}return r.default=s,Object.freeze(r)}const t=Ne(we),ae=t.createContext(null);function U(){const s=t.useContext(ae);if(!s)throw new Error("useBookmarksActions must be used within Bookmarks");return s}function se({open:s,onOpenChange:r,mode:o,initialName:l="",onSave:b}){const[v,D]=t.useState(l);t.useEffect(()=>{s&&D(l)},[s,l]);const k=()=>{v.trim()&&(b(v.trim()),r(!1))};return e.jsx(J.Dialog,{open:s,onOpenChange:r,children:e.jsxs(J.DialogContent,{children:[e.jsx(J.DialogHeader,{children:e.jsx(J.DialogTitle,{children:o==="create"?"Create bookmark":"Rename bookmark"})}),e.jsx(J.DialogBody,{children:e.jsxs("div",{className:"flex flex-col gap-[var(--space-s)]",children:[e.jsx(De.Label,{htmlFor:"bookmark-name",children:"Bookmark name"}),e.jsx(Be.Input,{id:"bookmark-name",value:v,onChange:g=>D(g.target.value),placeholder:"Enter bookmark name...",onKeyDown:g=>{g.key==="Enter"&&(g.preventDefault(),k())},autoFocus:!0})]})}),e.jsxs(J.DialogFooter,{children:[e.jsx(I.Button,{variant:"default",onClick:()=>r(!1),children:"Cancel"}),e.jsx(I.Button,{variant:"primary",onClick:k,disabled:!v.trim(),children:o==="create"?"Create":"Save"})]})]})})}function ye({bookmarks:s,systemBookmarks:r,activeBookmarkId:o,onSelect:l,onRename:b,onDelete:v,onSetDefault:D}){const k=t.useMemo(()=>[...r,...s],[r,s]),g=t.useMemo(()=>k.find(u=>u.id===o),[k,o]),m=g?.type==="system";return e.jsxs(Ce.ButtonGroup,{children:[e.jsxs(A.Select,{value:o,onValueChange:u=>{const N=k.find(p=>p.id===u);N&&l(N)},children:[e.jsxs(A.SelectTrigger,{className:X.cn("!text-label-md relative z-0 h-[var(--size-m)] w-auto gap-[var(--space-xs)] border border-[var(--color-border-action-outline)] bg-[var(--color-background-neutral-subtlest)] pr-[var(--space-m)] pl-[var(--space-s)] text-[var(--color-text-primary)] hover:border-[var(--color-border-action-outline-hovered)] hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:shadow-sm focus:border-[var(--color-border-action-outline)] focus:ring-0 focus:outline-none focus-visible:z-10 focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2 active:translate-y-px active:bg-[var(--grey-alpha-50)] active:shadow-xs data-[state=open]:ring-0",m?"rounded-m":"rounded-l-m !rounded-r-none !border-r-0"),children:[e.jsx(j.Icon,{name:"bookmark",size:"m",color:"primary"}),g?.name||"Bookmarks"]}),e.jsxs(A.SelectContent,{align:"start",position:"popper",className:"min-w-[200px]",children:[r.length>0&&e.jsx(e.Fragment,{children:r.map(u=>e.jsx(A.SelectItem,{value:u.id,children:e.jsx("div",{className:"flex items-center gap-[var(--space-s)] pr-6",children:e.jsx("span",{children:u.name})})},u.id))}),r.length>0&&s.length>0&&e.jsx(A.SelectSeparator,{}),s.length>0&&e.jsxs(A.SelectGroup,{children:[e.jsx(A.SelectLabel,{children:"Custom Bookmarks"}),s.map(u=>e.jsx(A.SelectItem,{value:u.id,children:e.jsxs("div",{className:"flex items-center gap-[var(--space-s)] pr-6",children:[e.jsx(j.Icon,{name:"bookmark",className:"h-[var(--size-2xs)] w-[var(--size-2xs)]"}),e.jsx("span",{className:"truncate",children:u.name}),u.isDefault&&e.jsx(j.Icon,{name:"star",className:"h-[var(--size-2xs)] w-[var(--size-2xs)] flex-shrink-0 text-[var(--color-icon-warning-bold)]"})]})},u.id))]})]})]}),!m&&e.jsxs(f.DropdownMenu,{children:[e.jsx(f.DropdownMenuTrigger,{asChild:!0,children:e.jsx(I.Button,{icon:"more-horizontal","aria-label":"Bookmark options",className:"!rounded-l-none rounded-r-md !border-l !border-l-[var(--color-border-action-outline)] focus:ring-0 data-[state=open]:ring-0"})}),e.jsxs(f.DropdownMenuContent,{align:"end",children:[e.jsxs(f.DropdownMenuItem,{onClick:u=>{if(m){u.preventDefault();return}b()},disabled:m,children:[e.jsx(j.Icon,{name:"pencil",className:"mr-2 h-4 w-4"}),"Rename"]}),e.jsxs(f.DropdownMenuItem,{onClick:u=>{if(m){u.preventDefault();return}v()},disabled:m,destructive:!0,children:[e.jsx(j.Icon,{name:"trash-2",className:"mr-2 h-4 w-4"}),"Delete"]}),!m&&e.jsxs(e.Fragment,{children:[e.jsx(f.DropdownMenuSeparator,{}),e.jsxs(f.DropdownMenuItem,{onClick:D,children:[e.jsx(j.Icon,{name:(g?.isDefault,"star"),className:X.cn("mr-2 h-4 w-4",g?.isDefault&&"text-[var(--color-icon-warning-bold)]")}),g?.isDefault?"Unset as Default":"Set as Default"]})]})]})]})]})}function ze({onUpdate:s,onCreate:r}){return e.jsxs(f.DropdownMenu,{children:[e.jsx(f.DropdownMenuTrigger,{asChild:!0,children:e.jsxs(I.Button,{variant:"ghost",className:"h-[var(--size-m)] gap-[var(--space-xs)] px-[var(--space-m)] data-[state=open]:ring-0",children:[e.jsx("span",{className:"text-label-md",children:"Save"}),e.jsx(j.Icon,{name:"chevron-down",className:"h-[var(--size-2xs)] w-[var(--size-2xs)]"})]})}),e.jsxs(f.DropdownMenuContent,{align:"end",children:[e.jsx(f.DropdownMenuItem,{onClick:s,children:"Update bookmark"}),e.jsx(f.DropdownMenuItem,{onClick:r,children:"Create new bookmark"})]})]})}const ve=t.memo(t.forwardRef(({bookmark:s,isActive:r,isVisible:o=!0,index:l,totalTabs:b,onSelect:v,onRename:D,onDelete:k,onSetDefault:g,onNavigate:m,onNavigateFirst:u,onNavigateLast:N,onHover:p},E)=>{const O=s.type==="user",S=t.useCallback(()=>{v(s)},[v,s]),V=t.useCallback(()=>{p?.(s)},[p,s]),T=t.useCallback(()=>{D(s.id)},[D,s.id]),w=t.useCallback(()=>{k(s.id)},[k,s.id]),x=t.useCallback(a=>{switch(a.key){case"Enter":case" ":a.preventDefault(),v(s);break;case"ArrowRight":a.preventDefault(),m(l,1);break;case"ArrowLeft":a.preventDefault(),m(l,-1);break;case"Home":a.preventDefault(),u();break;case"End":a.preventDefault(),N();break}},[s,l,v,m,u,N]);return e.jsxs("div",{ref:E,role:"tab","aria-selected":r,"aria-posinset":l+1,"aria-setsize":b,tabIndex:r?0:-1,onClick:S,onKeyDown:x,onMouseEnter:V,className:X.cn("group relative flex min-w-[160px] flex-shrink-0 cursor-pointer flex-col gap-[var(--space-xs)] rounded-l p-[var(--space-l)] transition-colors","focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-border-brand-bold)] focus-visible:ring-offset-2",r?"bg-[var(--blue-50)] hover:bg-[var(--blue-50)]":"bg-[var(--color-background-neutral-default)] hover:bg-[var(--color-background-neutral-hovered)]",!o&&"pointer-events-none invisible absolute"),children:[e.jsxs("div",{className:"flex min-h-[var(--size-s)] items-center justify-between gap-[var(--space-xs)]",children:[e.jsxs("div",{className:"flex items-center gap-[var(--space-xs)]",children:[O&&e.jsx(j.Icon,{name:"bookmark",size:"s",color:"secondary",className:"flex-shrink-0"}),e.jsx("div",{className:"text-body-md whitespace-nowrap text-[var(--color-text-primary)]",children:s.name})]}),O&&e.jsxs(f.DropdownMenu,{children:[e.jsx(f.DropdownMenuTrigger,{asChild:!0,children:e.jsx(I.Button,{variant:"ghost",size:"s","aria-label":`Options for ${s.name}`,className:"p-[var(--space-xs)] opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100",tabIndex:-1,onClick:a=>a.stopPropagation(),children:e.jsx(j.Icon,{name:"more-horizontal",className:"h-[var(--size-2xs)] w-[var(--size-2xs)]"})})}),e.jsxs(f.DropdownMenuContent,{align:"end",children:[e.jsxs(f.DropdownMenuItem,{onClick:a=>{a.stopPropagation(),T()},children:[e.jsx(j.Icon,{name:"pencil",className:"mr-2 h-4 w-4"}),"Rename"]}),e.jsxs(f.DropdownMenuItem,{onClick:a=>{a.stopPropagation(),w()},destructive:!0,children:[e.jsx(j.Icon,{name:"trash-2",className:"mr-2 h-4 w-4"}),"Delete"]})]})]})]}),e.jsx("div",{className:"text-heading-lg text-[var(--color-text-primary)]",children:s.isLoadingCount?e.jsx(fe.Skeleton,{height:32,width:40}):s.count??" "})]})}));ve.displayName="BookmarkTab";function Me({bookmarks:s,systemBookmarks:r,activeBookmarkId:o,"aria-label":l="Bookmarks",onSelect:b,onRename:v,onDelete:D,onSetDefault:k,onBookmarkHover:g,onOverflowMenuChange:m}){const[u,N]=t.useState(!1),[p,E]=t.useState(null),O=t.useCallback(n=>{N(n),m?.(n)},[m]),[S,V]=t.useState(null),T=t.useRef(null),w=t.useRef(new Map),x=t.useMemo(()=>[...r,...s],[r,s]);t.useEffect(()=>{p&&!x.some(n=>n.id===p)&&E(null)},[x,p]),t.useEffect(()=>{if(!T.current||x.length===0)return;let n=null;const d=()=>{n&&clearTimeout(n),n=setTimeout(()=>{const h=T.current;if(!h||w.current.size<x.length)return;const R=h.offsetWidth,C=new Map;x.forEach(F=>{const ne=w.current.get(F.id);ne&&C.set(F.id,ne.offsetWidth)});const q=8,c=32,y=52;let H=0,z=0,B=!1;const he=r.length,je=s.length>0,ke=he>0&&je?he:-1;for(let F=0;F<x.length;F++){const ne=x[F],xe=C.get(ne.id);if(xe===void 0)continue;F===ke&&(B=!0,H+=c+q);const te=H+xe+(z>0||B?q:0);if((F<x.length-1?te+q+y:te)>R)break;H=te,z++}z===0&&x.length>0&&(z=1),V(z)},100)};d();const i=new ResizeObserver(d);return i.observe(T.current),()=>{n&&clearTimeout(n),i.disconnect()}},[x,r.length,s.length]);const{visibleBookmarks:a,overflowBookmarks:P}=t.useMemo(()=>{if(S===null)return{visibleBookmarks:x,overflowBookmarks:[]};const n=x.slice(0,S),d=x.slice(S),i=p?d.find(h=>h.id===p):null;if(i&&n.length>0){const h=n[n.length-1],R=[...n.slice(0,-1),i],C=[h,...d.filter(q=>q.id!==p)];return{visibleBookmarks:R,overflowBookmarks:C}}return{visibleBookmarks:n,overflowBookmarks:d}},[x,S,p]),W=t.useCallback((n,d)=>{let i=n+d;i<0?i=a.length-1:i>=a.length&&(i=0);const h=a[i];h&&w.current.get(h.id)?.focus()},[a]),L=t.useCallback(n=>{b(n)},[b]),_=t.useCallback(()=>{const n=a[0];n&&w.current.get(n.id)?.focus()},[a]),Q=t.useCallback(()=>{const n=a[a.length-1];n&&w.current.get(n.id)?.focus()},[a]),Y=a.length,$=t.useMemo(()=>{for(let n=0;n<a.length-1;n++)if(a[n].type==="system"&&a[n+1].type==="user")return n;return-1},[a]),Z=t.useCallback(n=>{a.some(i=>i.id===n.id)&&n.id!==p&&E(null),b(n)},[a,p,b]),ee=t.useCallback(n=>{E(n.id),b(n),O(!1)},[b,O]),G=t.useMemo(()=>[...a,...P],[a,P]),K=t.useMemo(()=>new Set(a.map(n=>n.id)),[a]);return e.jsxs("div",{ref:T,role:"tablist","aria-label":l,className:"flex items-center gap-[var(--space-s)]",children:[G.map((n,d)=>{const i=K.has(n.id),h=i?a.findIndex(C=>C.id===n.id):-1,R=i&&h===$;return e.jsxs(t.Fragment,{children:[e.jsx(ve,{ref:C=>{C?w.current.set(n.id,C):w.current.delete(n.id)},bookmark:n,isActive:o===n.id,isVisible:i,index:h>=0?h:d,totalTabs:Y,onSelect:i?Z:L,onRename:v,onDelete:D,onSetDefault:k,onNavigate:W,onNavigateFirst:_,onNavigateLast:Q,onHover:g}),R&&e.jsx(pe.Separator,{type:"line",layout:"horizontal",className:"h-20 flex-shrink-0","aria-hidden":"true"})]},n.id)}),P.length>0&&e.jsxs(re.Popover,{open:u,onOpenChange:O,children:[e.jsx(re.PopoverTrigger,{asChild:!0,children:e.jsx("button",{"aria-label":`Show ${P.length} more bookmarks`,"aria-expanded":u,className:X.cn("flex cursor-pointer flex-shrink-0 items-center justify-center rounded-l border border-[var(--color-border-action-outline)] bg-transparent px-[var(--space-m)] transition-colors hover:bg-[var(--color-background-neutral-subtlest-hovered)]","min-h-[88px]","focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-border-brand-bold)] focus-visible:ring-offset-2"),children:e.jsx(j.Icon,{name:"chevron-down",className:"h-[var(--size-2xs)] w-[var(--size-2xs)]"})})}),e.jsx(re.PopoverContent,{align:"end",side:"bottom",className:"w-[280px] p-[var(--space-s)]",role:"menu","aria-label":"More bookmarks",children:e.jsx("div",{className:"flex flex-col",children:P.map(n=>{const d=o===n.id,i=n.type==="user";return e.jsxs("button",{role:"menuitem","aria-label":`Select ${n.name} bookmark${d?" (currently selected)":""}`,onClick:()=>ee(n),className:X.cn("text-body-md flex cursor-pointer items-center gap-[var(--space-s)] rounded-m px-[var(--space-m)] py-[var(--space-s)] text-left transition-colors","hover:bg-[var(--color-background-neutral-subtlest-hovered)]","focus:outline-none focus-visible:bg-[var(--color-background-neutral-subtlest-hovered)]"),children:[i&&e.jsx(j.Icon,{name:"bookmark",className:"h-[var(--size-2xs)] w-[var(--size-2xs)]","aria-hidden":"true"}),!i&&e.jsx("div",{className:"w-[var(--size-2xs)]","aria-hidden":"true"}),e.jsxs("div",{className:"flex flex-1 items-center gap-[var(--space-xs)]",children:[e.jsx("span",{className:"truncate",children:n.name}),(n.count!==void 0||n.isLoadingCount)&&e.jsx(Se.Badge,{size:"s",intent:"neutral",appearance:"subtle",children:n.isLoadingCount?e.jsx(fe.Skeleton,{height:16,width:24}):n.count})]}),n.isDefault&&e.jsx(j.Icon,{name:"star",className:"h-[var(--size-2xs)] w-[var(--size-2xs)] text-[var(--color-icon-warning-bold)]","aria-hidden":"true"}),d&&e.jsx(j.Icon,{name:"check",className:"h-[var(--size-2xs)] w-[var(--size-2xs)] text-[var(--color-icon-primary)]","aria-hidden":"true"})]},n.id)})})})]})]})}function oe({children:s}){return e.jsx(e.Fragment,{children:s})}function le({children:s}){return e.jsx(e.Fragment,{children:s})}function ie({children:s}){return e.jsx(e.Fragment,{children:s})}function ce(){const{isDirty:s,handleRevert:r}=U();return s?e.jsx(I.Button,{variant:"ghost",onClick:r,className:"h-[var(--size-m)]",children:"Revert changes"}):null}function ue(){const{isDirty:s,isSystemBookmark:r,openCreateDialog:o}=U();return!s||!r?null:e.jsx(I.Button,{variant:"ghost",onClick:o,className:"h-[var(--size-m)]",children:"Create bookmark"})}function ge(){const{isDirty:s,isSystemBookmark:r,handleUpdate:o}=U();return!s||r?null:e.jsx(I.Button,{variant:"ghost",onClick:o,className:"h-[var(--size-m)]",children:"Update bookmark"})}function de(){const{isDirty:s,isSystemBookmark:r,handleRevert:o}=U();return!s||!r?null:e.jsx(I.Button,{variant:"ghost",onClick:o,className:"h-[var(--size-m)]",children:"Reset"})}function me(){const{isDirty:s,isSystemBookmark:r,handleUpdate:o,openCreateDialog:l}=U();return!s||r?null:e.jsx(ze,{onUpdate:o,onCreate:l})}function be(){const{isDirty:s,isSystemBookmark:r}=U();return s?e.jsxs(e.Fragment,{children:[e.jsx(pe.Separator,{type:"dot",layout:"horizontal"}),r?e.jsxs(e.Fragment,{children:[e.jsx(de,{}),e.jsx(ue,{})]}):e.jsxs(e.Fragment,{children:[e.jsx(ce,{}),e.jsx(me,{})]})]}):null}function M({variant:s,bookmarks:r,systemBookmarks:o,activeBookmarkId:l,isDirty:b,children:v,"aria-label":D="Bookmarks",onSelect:k,onRevert:g,onSave:m,onRename:u,onDelete:N,onSetDefault:p,onBookmarkHover:E,onOverflowMenuChange:O,onDialogChange:S}){const[V,T]=t.useState(!1),[w,x]=t.useState(!1),[a,P]=t.useState(),W=t.useCallback(c=>{x(c),S?.(c?"create":null)},[S]),L=t.useCallback(c=>{T(c),S?.(c?"rename":null)},[S]),_=t.useMemo(()=>[...o,...r],[o,r]),Q=t.useMemo(()=>_.find(c=>c.id===l),[_,l]),Y=Q?.type==="system",$=t.useCallback(c=>{P(c||l),L(!0)},[l,L]),Z=t.useCallback(async c=>{a&&await u(a,c)},[a,u]),ee=t.useCallback(async c=>{await m("create",c)},[m]),G=t.useCallback(async c=>{const y=c||l;y&&await N(y)},[l,N]),K=t.useCallback(async c=>{const y=c||l;y&&await p(y)},[l,p]),n=t.useMemo(()=>_.find(c=>c.id===a),[_,a]),{contentSlot:d,actionsSlot:i,settingsSlot:h}=t.useMemo(()=>{let c=null,y=null,H=null;const z=[];return t.Children.forEach(v,B=>{t.isValidElement(B)?B.type===oe?c=B.props.children:B.type===le?y=B.props.children:B.type===ie?H=B.props.children:z.push(B):z.push(B)}),!c&&z.length>0&&(c=z),{contentSlot:c,actionsSlot:y,settingsSlot:H}},[v]),R=t.useCallback(()=>W(!0),[W]),C=t.useCallback(()=>m("update"),[m]),q=t.useMemo(()=>({isDirty:b,isSystemBookmark:Y,activeBookmark:Q,openCreateDialog:R,openRenameDialog:$,handleRevert:g,handleUpdate:C,handleDelete:G,handleSetDefault:K}),[b,Y,Q,R,$,g,C,G,K]);return s==="tabs"?e.jsxs(ae.Provider,{value:q,children:[e.jsx(Me,{bookmarks:r,systemBookmarks:o,activeBookmarkId:l,"aria-label":D,onSelect:k,onRename:$,onDelete:G,onSetDefault:K,onBookmarkHover:E,onOverflowMenuChange:O}),(d||i||h)&&e.jsxs("div",{className:"flex items-center",children:[e.jsxs("div",{className:"flex items-center gap-[7px] flex-1 min-w-0 overflow-hidden",children:[d&&e.jsx("div",{className:"flex items-center gap-[7px] min-w-0",children:d}),i&&e.jsx("div",{className:"flex items-center gap-[7px] flex-shrink-0",children:i})]}),h&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"w-[var(--space-m)]"}),e.jsx("div",{className:"flex-shrink-0",children:h})]})]}),e.jsx(se,{open:w,onOpenChange:W,mode:"create",onSave:ee}),e.jsx(se,{open:V,onOpenChange:L,mode:"rename",initialName:n?.name,onSave:Z})]}):e.jsxs(ae.Provider,{value:q,children:[e.jsxs("div",{className:"flex items-center gap-[var(--space-m)]",children:[e.jsx(ye,{bookmarks:r,systemBookmarks:o,activeBookmarkId:l,onSelect:k,onRename:()=>$(),onDelete:()=>G(),onSetDefault:()=>K()}),e.jsxs("div",{className:"flex items-center gap-[7px] flex-1 min-w-0 overflow-hidden",children:[d&&e.jsx("div",{className:"flex items-center gap-[7px]",children:d}),i&&e.jsx("div",{className:"flex items-center gap-[7px] flex-shrink-0",children:i})]}),h&&e.jsx("div",{className:"flex-shrink-0",children:h})]}),e.jsx(se,{open:w,onOpenChange:W,mode:"create",onSave:ee}),e.jsx(se,{open:V,onOpenChange:L,mode:"rename",initialName:n?.name,onSave:Z})]})}M.Content=oe;M.Actions=le;M.Settings=ie;M.DefaultActions=be;M.RevertButton=ce;M.CreateButton=ue;M.SaveButton=ge;M.ResetButton=de;M.SaveDropdown=me;exports.Bookmarks=M;exports.BookmarksActions=le;exports.BookmarksContent=oe;exports.BookmarksCreateButton=ue;exports.BookmarksDefaultActions=be;exports.BookmarksResetButton=de;exports.BookmarksRevertButton=ce;exports.BookmarksSaveButton=ge;exports.BookmarksSaveDropdown=me;exports.BookmarksSettings=ie;exports.useBookmarksActions=U;