npm - @sakaniui/react - Versions diffs - 0.1.0 → 0.3.0 - Mend

@sakaniui/react 0.1.0 → 0.3.0

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

Files changed (161) hide show

package/dist/TopBar-CM5noziF.cjs ADDED Viewed

@@ -0,0 +1 @@

+ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require("react");c=s(c,1);let l=require("react/jsx-runtime"),u=require("lucide-react"),d=require("recharts"),f=require("react-dom");f=s(f,1);var p=(e,t=1.5)=>24/e*t,m={accordion:`_accordion_1njer_3`,item:`_item_1njer_10`,item__header:`_item__header_1njer_12`,item__title:`_item__title_1njer_29`,item__chevron:`_item__chevron_1njer_36`,"item__chevron--open":`_item__chevron--open_1njer_42`,item__panelWrap:`_item__panelWrap_1njer_45`,"item__panelWrap--open":`_item__panelWrap--open_1njer_50`,item__panel:`_item__panel_1njer_45`,item__panelInner:`_item__panelInner_1njer_53`},h=({title:e,children:t,open:n,defaultOpen:r=!1,className:i})=>{let a=n!==void 0,[o,s]=c.default.useState(r),u=a?n:o;return(0,l.jsxs)(`div`,{className:[m.item,i??``].filter(Boolean).join(` `),children:[(0,l.jsxs)(`button`,{type:`button`,className:m.item__header,"aria-expanded":u,onClick:()=>!a&&s(e=>!e),children:[(0,l.jsx)(`span`,{className:m.item__title,children:e}),(0,l.jsx)(`span`,{className:[m.item__chevron,u?m[`item__chevron--open`]:``].join(` `),"aria-hidden":`true`,children:(0,l.jsx)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:p(18),strokeLinecap:`round`,strokeLinejoin:`round`,width:18,height:18,children:(0,l.jsx)(`path`,{d:`m6 9 6 6 6-6`})})})]}),(0,l.jsx)(`div`,{className:[m.item__panelWrap,u?m[`item__panelWrap--open`]:``].join(` `),children:(0,l.jsx)(`div`,{className:m.item__panel,children:(0,l.jsx)(`div`,{className:m.item__panelInner,children:t})})})]})},g=({children:e,className:t})=>(0,l.jsx)(`div`,{className:[m.accordion,t??``].filter(Boolean).join(` `),children:e}),_={avatar:`_avatar_1igqs_3`,"avatar--sm":`_avatar--sm_1igqs_17`,"avatar--md":`_avatar--md_1igqs_18`,"avatar--lg":`_avatar--lg_1igqs_19`,"avatar--xl":`_avatar--xl_1igqs_20`,"avatar--bordered":`_avatar--bordered_1igqs_25`,avatar__image:`_avatar__image_1igqs_31`,avatar__initials:`_avatar__initials_1igqs_39`,avatar__icon:`_avatar__icon_1igqs_46`},v={sm:14,md:18,lg:22,xl:26},y=({px:e})=>(0,l.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:p(e),strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,l.jsx)(`path`,{d:`M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2`}),(0,l.jsx)(`circle`,{cx:`12`,cy:`7`,r:`4`})]}),b=({size:e=`md`,src:t,alt:n=``,initials:r,icon:i,className:a})=>{let o=[_.avatar,_[`avatar--${e}`],a??``].filter(Boolean).join(` `);if(t)return(0,l.jsx)(`span`,{className:[o,_[`avatar--bordered`]].join(` `),children:(0,l.jsx)(`img`,{src:t,alt:n,className:_.avatar__image})});if(r)return(0,l.jsx)(`span`,{className:o,role:`img`,"aria-label":n||r,children:(0,l.jsx)(`span`,{className:_.avatar__initials,children:r.slice(0,2).toUpperCase()})});let s=v[e],u=c.default.isValidElement(i)?c.default.cloneElement(i,{size:s,strokeWidth:p(s)}):i??(0,l.jsx)(y,{px:s});return(0,l.jsx)(`span`,{className:o,role:`img`,"aria-label":n||`avatar`,children:(0,l.jsx)(`span`,{className:_.avatar__icon,children:u})})},x={feed:`_feed_1pvgl_1`,"feed--compact":`_feed--compact_1pvgl_8`,"row--default":`_row--default_1pvgl_13`,rail:`_rail_1pvgl_19`,dot:`_dot_1pvgl_26`,connector:`_connector_1pvgl_42`,content:`_content_1pvgl_49`,"content--spaced":`_content--spaced_1pvgl_56`,"row--compact":`_row--compact_1pvgl_61`,compactLeft:`_compactLeft_1pvgl_68`,text:`_text_1pvgl_74`,actor:`_actor_1pvgl_88`,highlight:`_highlight_1pvgl_89`,timestamp:`_timestamp_1pvgl_92`},S=({children:e})=>(0,l.jsx)(`span`,{className:x.highlight,children:e}),C=16,w=e=>c.default.isValidElement(e)?c.default.cloneElement(e,{size:C,strokeWidth:p(C)}):e,T=({items:e,variant:t=`default`,className:n})=>{let r=t===`compact`;return(0,l.jsx)(`div`,{className:[x.feed,r?x[`feed--compact`]:``,n??``].filter(Boolean).join(` `),children:e.map((t,n)=>{let i=n===e.length-1,a=t.id??n;return r?(0,l.jsxs)(`div`,{className:x[`row--compact`],children:[(0,l.jsxs)(`div`,{className:x.compactLeft,children:[(0,l.jsx)(b,{size:`sm`,src:t.avatarSrc,alt:t.avatarAlt??t.actor}),(0,l.jsxs)(`p`,{className:x.text,children:[(0,l.jsx)(`span`,{className:x.actor,children:t.actor}),` `,t.description]})]}),(0,l.jsx)(`span`,{className:x.timestamp,children:t.timestamp})]},a):(0,l.jsxs)(`div`,{className:x[`row--default`],children:[(0,l.jsxs)(`div`,{className:x.rail,children:[(0,l.jsx)(`div`,{className:x.dot,children:w(t.icon)}),!i&&(0,l.jsx)(`div`,{className:x.connector})]}),(0,l.jsxs)(`div`,{className:[x.content,i?``:x[`content--spaced`]].filter(Boolean).join(` `),children:[(0,l.jsxs)(`p`,{className:x.text,children:[(0,l.jsx)(`span`,{className:x.actor,children:t.actor}),` `,t.description]}),(0,l.jsx)(`span`,{className:x.timestamp,children:t.timestamp})]})]},a)})})},E={link:`_link_1g7dc_3`,link__external:`_link__external_1g7dc_34`},D=c.default.forwardRef(({external:e,children:t,className:n,href:r,...i},a)=>(0,l.jsxs)(`a`,{ref:a,href:r,className:[E.link,n??``].filter(Boolean).join(` `),target:e?`_blank`:i.target,rel:e?`noopener noreferrer`:i.rel,...i,children:[t,e&&(0,l.jsx)(`span`,{className:E.link__external,"aria-label":`(opens in new tab)`,children:(0,l.jsxs)(`svg`,{width:12,height:12,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:p(12),strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,l.jsx)(`path`,{d:`M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6`}),(0,l.jsx)(`polyline`,{points:`15 3 21 3 21 9`}),(0,l.jsx)(`line`,{x1:`10`,y1:`14`,x2:`21`,y2:`3`})]})})]}));D.displayName=`Link`;var O={button:`_button_1ls4o_2`,"button--sm":`_button--sm_1ls4o_18`,"button--md":`_button--md_1ls4o_19`,"button--lg":`_button--lg_1ls4o_20`,"button--primary":`_button--primary_1ls4o_23`,"button--secondary":`_button--secondary_1ls4o_30`,"button--outline":`_button--outline_1ls4o_35`,"button--ghost":`_button--ghost_1ls4o_40`,"button--destructive":`_button--destructive_1ls4o_45`},ee={sm:16,md:18,lg:20},k=c.default.forwardRef(({icon:e,variant:t=`primary`,size:n=`md`,disabled:r,className:i,...a},o)=>(0,l.jsx)(`button`,{ref:o,disabled:r,className:[O.button,O[`button--${t}`],O[`button--${n}`],i??``].filter(Boolean).join(` `),...a,children:(0,l.jsx)(e,{size:ee[n],strokeWidth:p(ee[n]),"aria-hidden":`true`})}));k.displayName=`IconButton`;var A={button:`_button_17bv9_21`,"button--primary":`_button--primary_17bv9_72`,"button--secondary":`_button--secondary_17bv9_99`,"button--outline":`_button--outline_17bv9_122`,"button--ghost":`_button--ghost_17bv9_144`,"button--destructive":`_button--destructive_17bv9_165`,"button--sm":`_button--sm_17bv9_189`,"button--md":`_button--md_17bv9_199`,"button--lg":`_button--lg_17bv9_209`,"button--hasLeftIcon":`_button--hasLeftIcon_17bv9_220`,"button--hasRightIcon":`_button--hasRightIcon_17bv9_221`,button__icon:`_button__icon_17bv9_234`,button__label:`_button__label_17bv9_241`,"button--loading":`_button--loading_17bv9_251`,button__spinner:`_button__spinner_17bv9_255`,"sakani-btn-spin":`_sakani-btn-spin_17bv9_1`},j=c.default.forwardRef(({variant:e=`primary`,size:t=`md`,leftIcon:n,rightIcon:r,loading:i=!1,disabled:a,children:o,className:s,...c},u)=>{let d=a||i;return(0,l.jsxs)(`button`,{ref:u,className:[A.button,A[`button--${e}`],A[`button--${t}`],i?A[`button--loading`]:``,n&&!i?A[`button--hasLeftIcon`]:``,r&&!i?A[`button--hasRightIcon`]:``,s??``].filter(Boolean).join(` `),disabled:d,"aria-busy":i,...c,children:[i&&(0,l.jsx)(`span`,{className:[A.button__icon,A.button__spinner].join(` `),"aria-hidden":`true`,children:(0,l.jsx)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2.5,strokeLinecap:`round`,children:(0,l.jsx)(`path`,{d:`M12 3a9 9 0 1 1-6.36 2.64`})})}),n&&!i&&(0,l.jsx)(`span`,{className:A.button__icon,"aria-hidden":`true`,children:n}),(0,l.jsx)(`span`,{className:A.button__label,children:o}),r&&!i&&(0,l.jsx)(`span`,{className:A.button__icon,"aria-hidden":`true`,children:r})]})});j.displayName=`Button`;var M={wrap:`_wrap_3mj75_1`,"wrap--vertical":`_wrap--vertical_3mj75_7`,"wrap--horizontal":`_wrap--horizontal_3mj75_11`,circleWrap:`_circleWrap_3mj75_21`,bigAvatar:`_bigAvatar_3mj75_26`,badge:`_badge_3mj75_31`,horizontalContent:`_horizontalContent_3mj75_53`,textStack:`_textStack_3mj75_60`,"textStack--center":`_textStack--center_3mj75_66`,title:`_title_3mj75_71`,hint:`_hint_3mj75_79`,link:`_link_3mj75_88`,input:`_input_3mj75_92`},te=({src:e,alt:t,orientation:n=`vertical`,accept:r=`image/jpeg,image/png`,title:i=`Upload a photo`,hint:a=`JPG or PNG, max 5MB.`,onFileSelect:o,onRemove:s,className:d})=>{let f=c.default.useRef(null),m=e!==void 0,[h,g]=c.default.useState(void 0),_=m?e:h,v=n===`horizontal`,y=!!_,x=()=>f.current?.click(),S=()=>{s?.(),m||g(void 0)},C=(0,l.jsxs)(`div`,{className:[M.textStack,v?``:M[`textStack--center`]].filter(Boolean).join(` `),children:[(0,l.jsx)(`p`,{className:M.title,children:i}),(0,l.jsx)(`p`,{className:M.hint,children:a})]});return(0,l.jsxs)(`div`,{className:[M.wrap,M[`wrap--${n}`],d??``].filter(Boolean).join(` `),children:[(0,l.jsxs)(`div`,{className:M.circleWrap,children:[(0,l.jsx)(b,{size:v?`lg`:`xl`,src:_,alt:t,className:v?void 0:M.bigAvatar}),!v&&(0,l.jsx)(`button`,{type:`button`,className:M.badge,onClick:x,"aria-label":`Change photo`,children:(0,l.jsx)(u.Camera,{size:16,strokeWidth:p(16)})})]}),v&&(0,l.jsxs)(`div`,{className:M.horizontalContent,children:[C,y?(0,l.jsx)(j,{variant:`outline`,size:`sm`,onClick:S,style:{color:`var(--color-danger-fg)`,borderColor:`var(--color-danger-border)`},children:`Remove`}):(0,l.jsx)(j,{variant:`outline`,size:`sm`,onClick:x,children:`Upload`})]}),!v&&(y?(0,l.jsx)(D,{href:`#`,onClick:e=>{e.preventDefault(),x()},className:M.link,style:{color:`var(--color-brand-fg)`,fontSize:16,lineHeight:`24px`},children:`Change photo`}):C),(0,l.jsx)(`input`,{ref:f,type:`file`,accept:r,className:M.input,onChange:e=>{let t=e.target.files?.[0];t&&(o?.(t),m||g(URL.createObjectURL(t))),e.target.value=``}})]})};function ne(){let[e,t]=(0,c.useState)(0);return(0,c.useEffect)(()=>{if(typeof document>`u`)return;let e=new MutationObserver(()=>t(e=>e+1));return e.observe(document.documentElement,{attributes:!0,attributeFilter:[`class`]}),()=>e.disconnect()},[]),e}var N={balance:`_balance_kaxp5_1`,"balance--progress":`_balance--progress_kaxp5_8`,content:`_content_kaxp5_17`,labelRow:`_labelRow_kaxp5_33`,label:`_label_kaxp5_33`,hideToggle:`_hideToggle_kaxp5_50`,value:`_value_kaxp5_71`,"value--hidden":`_value--hidden_kaxp5_83`,"value--glitching":`_value--glitching_kaxp5_90`,"balance-glitch":`_balance-glitch_kaxp5_1`,changeRow:`_changeRow_kaxp5_101`,trendIcon__up:`_trendIcon__up_kaxp5_108`,trendIcon__down:`_trendIcon__down_kaxp5_109`,changeValue__up:`_changeValue__up_kaxp5_110`,changeValue__down:`_changeValue__down_kaxp5_117`,changeLabel:`_changeLabel_kaxp5_124`,ringCard:`_ringCard_kaxp5_132`},re=`ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789`,ie=8,ae=6,oe=90,se=e=>{let t=Math.min(e,ie);return Array.from({length:t},()=>re[Math.floor(Math.random()*36)]).join(``)},ce=e=>typeof window<`u`&&getComputedStyle(document.documentElement).getPropertyValue(e).trim()||void 0,le=({progress:e})=>{ne();let t=ce(`--color-chart-1`)??`#ff4700`,n=ce(`--color-bg-subtle`)??`#f5f4f2`,r=[{value:Math.max(0,Math.min(100,e))}];return(0,l.jsx)(`div`,{className:N.ringCard,children:(0,l.jsx)(d.ResponsiveContainer,{width:64,height:64,children:(0,l.jsxs)(d.RadialBarChart,{data:r,startAngle:90,endAngle:-270,innerRadius:`72%`,outerRadius:`100%`,barSize:10,children:[(0,l.jsx)(d.PolarAngleAxis,{type:`number`,domain:[0,100],tick:!1,axisLine:!1}),(0,l.jsx)(d.RadialBar,{dataKey:`value`,cornerRadius:5,fill:t,background:{fill:n},isAnimationActive:!1})]})})})},ue=({label:e=`Available balance`,value:t,change:n,progress:r,hidden:i,onToggleHidden:a,className:o})=>{let s=i!==void 0,[d,f]=c.default.useState(!1),m=s?i:d,h=r!==void 0,g=n?.direction??`up`,_=g===`up`?u.TrendingUp:u.TrendingDown,v=()=>{let e=!m;a?.(e),s||f(e)},[y,b]=c.default.useState(!1),[x,S]=c.default.useState(0),C=c.default.useRef(!1);c.default.useEffect(()=>{if(m&&!C.current){b(!0);let e=0,t=setInterval(()=>{e+=1,S(e=>e+1),e>=ae&&(clearInterval(t),b(!1))},oe);return C.current=!0,()=>clearInterval(t)}C.current=m},[m]);let w=c.default.useMemo(()=>se(t.length),[t,x]),T=c.default.useMemo(()=>n?se(n.value.length):``,[n?.value,x]),E=(0,l.jsxs)(`div`,{className:N.content,children:[(0,l.jsxs)(`div`,{className:N.labelRow,children:[(0,l.jsx)(`p`,{className:N.label,children:e}),(0,l.jsx)(`button`,{type:`button`,className:N.hideToggle,"aria-label":m?`Show balance`:`Hide balance`,onClick:v,children:m?(0,l.jsx)(u.EyeOff,{size:16,strokeWidth:p(16)}):(0,l.jsx)(u.Eye,{size:16,strokeWidth:p(16)})})]}),(0,l.jsx)(`p`,{className:[N.value,m?N[`value--hidden`]:``,y?N[`value--glitching`]:``].filter(Boolean).join(` `),children:m?w:t}),n&&(0,l.jsxs)(`div`,{className:N.changeRow,children:[(0,l.jsx)(_,{size:24,strokeWidth:1.5,className:g===`up`?N.trendIcon__up:N.trendIcon__down}),(0,l.jsx)(`span`,{className:[g===`up`?N.changeValue__up:N.changeValue__down,y?N[`value--glitching`]:``].filter(Boolean).join(` `),children:m?T:n.value}),(0,l.jsx)(`span`,{className:N.changeLabel,children:n.label??`this month`})]})]});return(0,l.jsxs)(`div`,{className:[N.balance,h?N[`balance--progress`]:``,o??``].filter(Boolean).join(` `),children:[h&&(0,l.jsx)(le,{progress:r}),E]})},de={progress:`_progress_1qaz4_11`,"progress--sm":`_progress--sm_1qaz4_20`,"progress--md":`_progress--md_1qaz4_21`,"progress--lg":`_progress--lg_1qaz4_22`,progress__fill:`_progress__fill_1qaz4_25`,"progress__fill--indeterminate":`_progress__fill--indeterminate_1qaz4_33`,"progress-scan":`_progress-scan_1qaz4_1`},fe=({value:e,size:t=`md`,label:n=`Progress`,className:r})=>{let i=e===void 0,a=Math.min(100,Math.max(0,e??0));return(0,l.jsx)(`div`,{role:`progressbar`,"aria-label":n,"aria-valuenow":i?void 0:a,"aria-valuemin":0,"aria-valuemax":100,className:[de.progress,de[`progress--${t}`],r??``].filter(Boolean).join(` `),children:(0,l.jsx)(`div`,{className:[de.progress__fill,i?de[`progress__fill--indeterminate`]:``].filter(Boolean).join(` `),style:i?void 0:{width:`${a}%`}})})},pe={"divider--horizontal":`_divider--horizontal_nem37_4`,"divider--labeled":`_divider--labeled_nem37_13`,"divider--vertical":`_divider--vertical_nem37_27`,divider__label:`_divider__label_nem37_38`},me=({orientation:e=`horizontal`,label:t,className:n})=>(0,l.jsx)(`div`,{role:`separator`,"aria-orientation":e,className:[pe.divider,pe[`divider--${e}`],t?pe[`divider--labeled`]:``,n??``].filter(Boolean).join(` `),children:t&&e===`horizontal`&&(0,l.jsx)(`span`,{className:pe.divider__label,children:t})}),P={backdrop:`_backdrop_7uc99_1`,card:`_card_7uc99_12`,header:`_header_7uc99_32`,titleGroup:`_titleGroup_7uc99_40`,iconWrap:`_iconWrap_7uc99_47`,icon:`_icon_7uc99_47`,title:`_title_7uc99_40`,description:`_description_7uc99_73`,footer:`_footer_7uc99_81`,"footer--between":`_footer--between_7uc99_92`},he=({open:e,onClose:t,title:n,description:r,variant:i=`default`,icon:a,cancelLabel:o=`Cancel`,confirmLabel:s,onCancel:d,onConfirm:m,confirmLoading:h,closeOnEscape:g=!0,closeOnBackdropClick:_=!0,children:v,hideHeader:y=!1,hideFooterDivider:b=!1,footerJustify:x=`end`,className:S})=>{let C=i===`destructive`,w=c.default.useRef(null),T=c.default.useRef(null),E=c.default.useRef(null),[D,O]=c.default.useState(!1);return c.default.useEffect(()=>{e&&O(!!E.current?.closest(`.dark`))},[e]),c.default.useEffect(()=>{if(!e)return;let n=e=>{if(g&&e.key===`Escape`){t();return}if(e.key!==`Tab`||!w.current)return;let n=w.current.querySelectorAll(`button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])`);if(n.length===0)return;let r=n[0],i=n[n.length-1];e.shiftKey&&document.activeElement===r?(e.preventDefault(),i.focus()):!e.shiftKey&&document.activeElement===i&&(e.preventDefault(),r.focus())};return document.addEventListener(`keydown`,n),()=>document.removeEventListener(`keydown`,n)},[e,g,t]),c.default.useEffect(()=>{if(!e)return;T.current=document.activeElement;let t=document.body.style.overflow;return document.body.style.overflow=`hidden`,w.current?.focus(),()=>{document.body.style.overflow=t,T.current?.focus()}},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`span`,{ref:E,style:{display:`none`},"aria-hidden":`true`}),e&&(0,f.createPortal)((0,l.jsx)(`div`,{className:[P.backdrop,D?`dark`:``].filter(Boolean).join(` `),onMouseDown:e=>{_&&e.target===e.currentTarget&&t()},children:(0,l.jsxs)(`div`,{ref:w,role:`alertdialog`,"aria-modal":`true`,"aria-labelledby":y?void 0:`modal-title`,"aria-label":y?n:void 0,tabIndex:-1,className:[P.card,S??``].filter(Boolean).join(` `),children:[!y&&(0,l.jsxs)(`div`,{className:P.header,children:[(0,l.jsxs)(`div`,{className:P.titleGroup,children:[C&&(0,l.jsx)(`span`,{className:P.iconWrap,"aria-hidden":`true`,children:a??(0,l.jsx)(u.TriangleAlert,{size:24,strokeWidth:p(24),className:P.icon})}),(0,l.jsx)(`p`,{id:`modal-title`,className:P.title,children:n})]}),(0,l.jsx)(k,{icon:u.X,variant:`ghost`,size:`lg`,"aria-label":`Close`,onClick:t})]}),r&&(0,l.jsx)(`p`,{className:P.description,children:r}),v,!b&&(0,l.jsx)(me,{}),(0,l.jsxs)(`div`,{className:[P.footer,x===`between`?P[`footer--between`]:``].filter(Boolean).join(` `),children:[(0,l.jsx)(j,{variant:`secondary`,onClick:()=>(d??t)(),style:{borderColor:`transparent`},children:o}),(0,l.jsx)(j,{variant:C?`destructive`:`primary`,onClick:m,loading:h,children:s??(C?`Delete`:`Confirm`)})]})]})}),document.body)]})},F={row:`_row_88l3n_2`,"row--unread":`_row--unread_88l3n_12`,iconWrapSurface:`_iconWrapSurface_88l3n_17`,iconWrapCanvas:`_iconWrapCanvas_88l3n_18`,content:`_content_88l3n_31`,titleBold:`_titleBold_88l3n_39`,titleMuted:`_titleMuted_88l3n_46`,timestamp:`_timestamp_88l3n_53`,dot:`_dot_88l3n_62`,card:`_card_88l3n_71`,cardTop:`_cardTop_88l3n_87`,description:`_description_88l3n_94`,actions:`_actions_88l3n_102`},ge=({icon:e,title:t,timestamp:n,read:r=!1,description:i,onDismiss:a,dismissLabel:o=`Dismiss`,actionLabel:s,onAction:c,className:d})=>{let f=i!==void 0,m=!r&&!f,h=e??(0,l.jsx)(u.Bell,{size:24,strokeWidth:p(24)});return f?(0,l.jsxs)(`div`,{className:[F.card,d??``].filter(Boolean).join(` `),children:[(0,l.jsxs)(`div`,{className:F.cardTop,children:[(0,l.jsx)(`span`,{className:F.iconWrapCanvas,"aria-hidden":`true`,children:h}),(0,l.jsxs)(`div`,{className:F.content,children:[(0,l.jsx)(`p`,{className:F.titleBold,children:t}),(0,l.jsx)(`p`,{className:F.description,children:i})]}),a&&(0,l.jsx)(k,{icon:u.X,variant:`ghost`,size:`sm`,"aria-label":`Close`,onClick:a})]}),(0,l.jsxs)(`div`,{className:F.actions,children:[a&&(0,l.jsx)(j,{variant:`ghost`,size:`sm`,onClick:a,children:o}),s&&(0,l.jsx)(j,{variant:`secondary`,size:`sm`,onClick:c,style:{borderColor:`transparent`},children:s})]})]}):(0,l.jsxs)(`div`,{className:[F.row,m?F[`row--unread`]:``].filter(Boolean).join(` `),children:[(0,l.jsx)(`span`,{className:F.iconWrapSurface,"aria-hidden":`true`,children:h}),(0,l.jsxs)(`div`,{className:F.content,children:[(0,l.jsx)(`p`,{className:m?F.titleBold:F.titleMuted,children:t}),n&&(0,l.jsx)(`p`,{className:F.timestamp,children:n})]}),m&&(0,l.jsx)(`span`,{className:F.dot,"aria-hidden":`true`})]})},_e={stat:`_stat_krs8c_1`,labelRow:`_labelRow_krs8c_10`,label:`_label_krs8c_10`,value:`_value_krs8c_27`},ve=({label:e,value:t,progress:n,className:r})=>(0,l.jsxs)(`div`,{className:[_e.stat,r??``].filter(Boolean).join(` `),children:[(0,l.jsxs)(`div`,{className:_e.labelRow,children:[(0,l.jsx)(`p`,{className:_e.label,children:e}),(0,l.jsx)(`p`,{className:_e.value,children:t})]}),(0,l.jsx)(fe,{value:n,size:`lg`,label:e})]}),ye={balance:`_balance_5gcu5_1`,label:`_label_5gcu5_10`,amountRow:`_amountRow_5gcu5_19`,amount:`_amount_5gcu5_19`,limit:`_limit_5gcu5_34`,track:`_track_5gcu5_43`,fill:`_fill_5gcu5_50`,"fill--over":`_fill--over_5gcu5_57`,footer:`_footer_5gcu5_61`},be=e=>e.toLocaleString(`en-US`,{style:`currency`,currency:`USD`}),xe=({label:e=`Spent this month`,spent:t,limit:n,formatAmount:r=be,className:i})=>{let a=t>n,o=a?100:n>0?t/n*100:0,s=a?`${r(t-n)} over your limit`:`${r(n-t)} remaining`;return(0,l.jsxs)(`div`,{className:[ye.balance,i??``].filter(Boolean).join(` `),children:[(0,l.jsx)(`p`,{className:ye.label,children:e}),(0,l.jsxs)(`div`,{className:ye.amountRow,children:[(0,l.jsx)(`p`,{className:ye.amount,children:r(t)}),(0,l.jsxs)(`p`,{className:ye.limit,children:[`of `,r(n),` limit`]})]}),(0,l.jsx)(`div`,{className:ye.track,role:`progressbar`,"aria-label":e,"aria-valuenow":Math.round(o),"aria-valuemin":0,"aria-valuemax":100,children:(0,l.jsx)(`div`,{className:[ye.fill,a?ye[`fill--over`]:``].filter(Boolean).join(` `),style:{width:`${o}%`}})}),(0,l.jsx)(`p`,{className:ye.footer,children:s})]})},Se={badge:`_badge_a5a38_6`,"badge--neutral-subtle":`_badge--neutral-subtle_a5a38_20`,"badge--neutral-solid":`_badge--neutral-solid_a5a38_21`,"badge--accent-subtle":`_badge--accent-subtle_a5a38_24`,"badge--accent-solid":`_badge--accent-solid_a5a38_25`,"badge--success-subtle":`_badge--success-subtle_a5a38_28`,"badge--success-solid":`_badge--success-solid_a5a38_29`,"badge--warning-subtle":`_badge--warning-subtle_a5a38_32`,"badge--warning-solid":`_badge--warning-solid_a5a38_33`,"badge--danger-subtle":`_badge--danger-subtle_a5a38_36`,"badge--danger-solid":`_badge--danger-solid_a5a38_37`,"badge--info-subtle":`_badge--info-subtle_a5a38_40`,"badge--info-solid":`_badge--info-solid_a5a38_41`,badge__icon:`_badge__icon_a5a38_44`,badge__label:`_badge__label_a5a38_45`},Ce=({variant:e=`neutral`,emphasis:t=`subtle`,leftIcon:n,rightIcon:r,children:i,className:a})=>(0,l.jsxs)(`span`,{className:[Se.badge,Se[`badge--${e}-${t}`],a??``].filter(Boolean).join(` `),children:[n&&(0,l.jsx)(`span`,{className:Se.badge__icon,"aria-hidden":`true`,children:n}),(0,l.jsx)(`span`,{className:Se.badge__label,children:i}),r&&(0,l.jsx)(`span`,{className:Se.badge__icon,"aria-hidden":`true`,children:r})]}),I={stepper:`_stepper_1w3rz_1`,stepBtn:`_stepBtn_1w3rz_10`,stepDivider:`_stepDivider_1w3rz_27`,stepValue:`_stepValue_1w3rz_39`,stepInput:`_stepInput_1w3rz_61`,stepInputResting:`_stepInputResting_1w3rz_75`,rollOverlay:`_rollOverlay_1w3rz_58`,rollOverlayHidden:`_rollOverlayHidden_1w3rz_92`,roll:`_roll_1w3rz_35`,rollNum:`_rollNum_1w3rz_35`,rollOutUp:`_rollOutUp_1w3rz_130`,"roll-out-up":`_roll-out-up_1w3rz_1`,rollInUp:`_rollInUp_1w3rz_131`,"roll-in-up":`_roll-in-up_1w3rz_1`,rollOutDown:`_rollOutDown_1w3rz_132`,"roll-out-down":`_roll-out-down_1w3rz_1`,rollInDown:`_rollInDown_1w3rz_133`,"roll-in-down":`_roll-in-down_1w3rz_1`},we=({value:e})=>{let t=c.default.useRef(e),[n,r]=c.default.useState(null);return e!==t.current&&(r({value:t.current,direction:e>t.current?`up`:`down`}),t.current=e),c.default.useEffect(()=>{if(!n)return;let e=setTimeout(()=>r(null),260);return()=>clearTimeout(e)},[n]),(0,l.jsxs)(`span`,{className:I.roll,children:[n&&(0,l.jsx)(`span`,{className:[I.rollNum,n.direction===`up`?I.rollOutUp:I.rollOutDown].join(` `),"aria-hidden":`true`,children:n.value},`out-${n.value}`),(0,l.jsx)(`span`,{className:[I.rollNum,n?n.direction===`up`?I.rollInUp:I.rollInDown:``].filter(Boolean).join(` `),onAnimationEnd:()=>r(null),children:e},`in-${e}`)]})},Te=({quantity:e,onQuantityChange:t,min:n=1,max:r,label:i=`Quantity`,className:a})=>{let o=e>n,s=r===void 0||e<r,d=c.default.useRef(null),[f,m]=c.default.useState(!1),[h,g]=c.default.useState(String(e)),_=e=>{let t=e;return n!==void 0&&(t=Math.max(n,t)),r!==void 0&&(t=Math.min(r,t)),t};return(0,l.jsxs)(`div`,{className:[I.stepper,a??``].filter(Boolean).join(` `),role:`group`,"aria-label":i,children:[(0,l.jsx)(`button`,{type:`button`,className:I.stepBtn,disabled:!o,onClick:()=>t?.(Math.max(n,e-1)),"aria-label":`Decrease quantity`,children:(0,l.jsx)(u.Minus,{size:14,strokeWidth:p(14)})}),(0,l.jsx)(`span`,{className:I.stepDivider,"aria-hidden":`true`}),(0,l.jsxs)(`span`,{className:I.stepValue,children:[(0,l.jsx)(`input`,{ref:d,type:`text`,inputMode:`numeric`,size:Math.max((f?h:String(e)).length,1),className:[I.stepInput,f?``:I.stepInputResting].filter(Boolean).join(` `),value:f?h:String(e),"aria-label":i,onFocus:t=>{g(String(e)),m(!0),t.target.select()},onChange:e=>g(e.target.value.replace(/\D/g,``)),onBlur:()=>{m(!1);let n=Number.parseInt(h,10);if(!Number.isNaN(n)){let r=_(n);r!==e&&t?.(r)}},onKeyDown:t=>{t.key===`Enter`&&(t.preventDefault(),d.current?.blur()),t.key===`Escape`&&(g(String(e)),d.current?.blur())}}),(0,l.jsx)(`span`,{className:[I.rollOverlay,f?I.rollOverlayHidden:``].filter(Boolean).join(` `),"aria-hidden":`true`,children:(0,l.jsx)(we,{value:e})})]}),(0,l.jsx)(`span`,{className:I.stepDivider,"aria-hidden":`true`}),(0,l.jsx)(`button`,{type:`button`,className:I.stepBtn,disabled:!s,onClick:()=>t?.(r===void 0?e+1:Math.min(r,e+1)),"aria-label":`Increase quantity`,children:(0,l.jsx)(u.Plus,{size:14,strokeWidth:p(14)})})]})},Ee={item:`_item_15jww_1`,thumb:`_thumb_15jww_11`,info:`_info_15jww_19`,name:`_name_15jww_28`,variant:`_variant_15jww_40`,right:`_right_15jww_50`,price:`_price_15jww_58`,priceRow:`_priceRow_15jww_67`,priceOriginal:`_priceOriginal_15jww_75`,priceSale:`_priceSale_15jww_80`},De=e=>e.toLocaleString(`en-US`,{style:`currency`,currency:`USD`}),Oe=({image:e,imageAlt:t,name:n,variant:r,price:i,compareAtPrice:a,quantity:o,onQuantityChange:s,minQuantity:c=1,maxQuantity:d,onRemove:f,removeLabel:p=`Remove item`,formatPrice:m=De,className:h})=>{let g=a!==void 0;return(0,l.jsxs)(`div`,{className:[Ee.item,h??``].filter(Boolean).join(` `),children:[(0,l.jsx)(`img`,{src:e,alt:t??n,className:Ee.thumb}),(0,l.jsxs)(`div`,{className:Ee.info,children:[(0,l.jsx)(`p`,{className:Ee.name,children:n}),r&&(0,l.jsx)(`p`,{className:Ee.variant,children:r}),(0,l.jsx)(Te,{quantity:o,onQuantityChange:s,min:c,max:d,label:`Quantity for ${n}`})]}),(0,l.jsxs)(`div`,{className:Ee.right,children:[g?(0,l.jsxs)(`div`,{className:Ee.priceRow,children:[(0,l.jsx)(`span`,{className:Ee.priceOriginal,children:m(a)}),(0,l.jsx)(`span`,{className:Ee.priceSale,children:m(i)})]}):(0,l.jsx)(`p`,{className:Ee.price,children:m(i)}),(0,l.jsx)(k,{icon:u.Minus,variant:`outline`,size:`sm`,"aria-label":p,onClick:f})]})]})},L={steps:`_steps_t53um_1`,step:`_step_t53um_1`,connector:`_connector_t53um_16`,circle:`_circle_t53um_23`,circleCompleted:`_circleCompleted_t53um_34`,circleActive:`_circleActive_t53um_38`,circleUpcoming:`_circleUpcoming_t53um_43`,label:`_label_t53um_49`,labelActive:`_labelActive_t53um_56`,labelUpcoming:`_labelUpcoming_t53um_59`},ke=[`Cart`,`Shipping`,`Payment`,`Confirmation`],Ae=({steps:e=ke,currentStep:t,className:n})=>(0,l.jsx)(`div`,{className:[L.steps,n??``].filter(Boolean).join(` `),role:`list`,children:e.map((n,r)=>{let i=r<t?`completed`:r===t?`active`:`upcoming`,a=r===e.length-1;return(0,l.jsxs)(c.default.Fragment,{children:[(0,l.jsxs)(`div`,{className:L.step,role:`listitem`,"aria-current":i===`active`?`step`:void 0,children:[(0,l.jsx)(`span`,{className:[L.circle,i===`completed`?L.circleCompleted:``,i===`active`?L.circleActive:``,i===`upcoming`?L.circleUpcoming:``].filter(Boolean).join(` `),"aria-hidden":`true`,children:(0,l.jsx)(u.Check,{size:14,strokeWidth:p(14)})}),(0,l.jsx)(`span`,{className:[L.label,i===`active`?L.labelActive:``,i===`upcoming`?L.labelUpcoming:``].filter(Boolean).join(` `),children:n})]}),!a&&(0,l.jsx)(`span`,{className:L.connector,"aria-hidden":`true`})]},n)})}),je=`#fafaf9`,Me=`#141414`,Ne=(e,t,n)=>{let r=e=>{let t=e/255;return t<=.03928?t/12.92:((t+.055)/1.055)**2.4};return .2126*r(e)+.7152*r(t)+.0722*r(n)},Pe=(e,t)=>{let n=Math.max(e,t),r=Math.min(e,t);return(n+.05)/(r+.05)},Fe=null,Ie=e=>{if(typeof document>`u`)return je;Fe??=document.createElement(`canvas`),Fe.width=1,Fe.height=1;let t=Fe.getContext(`2d`,{willReadFrequently:!0});if(!t)return je;t.clearRect(0,0,1,1),t.fillStyle=e,t.fillRect(0,0,1,1);let[n,r,i]=t.getImageData(0,0,1,1).data,a=Ne(n,r,i),o=Pe(a,Ne(20,20,20));return Pe(a,Ne(250,250,249))>=o?je:Me},Le={swatch:`_swatch_1i3c3_1`,circle:`_circle_1i3c3_22`,circleUnavailable:`_circleUnavailable_1i3c3_32`,ring:`_ring_1i3c3_39`,check:`_check_1i3c3_55`,strike:`_strike_1i3c3_66`},Re=({color:e,label:t,selected:n=!1,available:r=!0,onSelect:i,className:a})=>{let o=c.default.useMemo(()=>Ie(e),[e]);return(0,l.jsxs)(`button`,{type:`button`,className:[Le.swatch,a??``].filter(Boolean).join(` `),style:{"--swatch-color":e},disabled:!r,"aria-pressed":r?n:void 0,"aria-label":r?t:`${t} (out of stock)`,onClick:i,children:[n&&r&&(0,l.jsx)(`span`,{className:Le.ring,"aria-hidden":`true`}),(0,l.jsx)(`span`,{className:[Le.circle,r?``:Le.circleUnavailable].filter(Boolean).join(` `),"aria-hidden":`true`}),n&&r&&(0,l.jsx)(u.Check,{size:14,strokeWidth:p(14),className:Le.check,style:{color:o},"aria-hidden":`true`}),!r&&(0,l.jsx)(`span`,{className:Le.strike,style:{background:o},"aria-hidden":`true`})]})},ze={row:`_row_1r4ef_1`,original:`_original_1r4ef_8`,price:`_price_1r4ef_17`,priceSale:`_priceSale_1r4ef_24`},Be=e=>e.toLocaleString(`en-US`,{style:`currency`,currency:`USD`}),Ve=({price:e,compareAtPrice:t,showBadge:n=!1,formatPrice:r=Be,className:i})=>{let a=t!==void 0,o=a?Math.ceil((1-e/t)*100):0;return(0,l.jsxs)(`div`,{className:[ze.row,i??``].filter(Boolean).join(` `),children:[a&&(0,l.jsx)(`span`,{className:ze.original,children:r(t)}),(0,l.jsx)(`span`,{className:[ze.price,a?ze.priceSale:``].filter(Boolean).join(` `),children:r(e)}),a&&n&&(0,l.jsxs)(Ce,{variant:`danger`,emphasis:`solid`,children:[`Save `,o,`%`]})]})},He={button:`_button_1mp7q_1`,icon:`_icon_1mp7q_24`,iconSaved:`_iconSaved_1mp7q_27`,bounce:`_bounce_1mp7q_40`,"wishlist-bounce":`_wishlist-bounce_1mp7q_1`},Ue=({saved:e=!1,onToggle:t,label:n=`item`,className:r})=>{let[i,a]=c.default.useState(!1);return(0,l.jsx)(`button`,{type:`button`,className:[He.button,r??``].filter(Boolean).join(` `),"aria-pressed":e,"aria-label":e?`Remove ${n} from wishlist`:`Add ${n} to wishlist`,onClick:()=>{e||a(!0),t?.(!e)},children:(0,l.jsx)(u.Heart,{size:16,strokeWidth:p(16),className:[e?He.iconSaved:He.icon,i?He.bounce:``].filter(Boolean).join(` `),fill:e?`currentColor`:`none`,onAnimationEnd:()=>a(!1)})})},R={card:`_card_jlv97_1`,imageWrap:`_imageWrap_jlv97_16`,image:`_image_jlv97_16`,imageDimmed:`_imageDimmed_jlv97_32`,saleBadge:`_saleBadge_jlv97_36`,wishlistBtn:`_wishlistBtn_jlv97_42`,outOfStockLabel:`_outOfStockLabel_jlv97_48`,body:`_body_jlv97_61`,rating:`_rating_jlv97_69`,starFilled:`_starFilled_jlv97_73`,starEmpty:`_starEmpty_jlv97_74`,titleRow:`_titleRow_jlv97_76`,name:`_name_jlv97_83`,priceRow:`_priceRow_jlv97_96`,priceOriginal:`_priceOriginal_jlv97_102`,price:`_price_jlv97_96`,description:`_description_jlv97_118`,swatches:`_swatches_jlv97_131`,addButton:`_addButton_jlv97_136`},We=e=>e.toLocaleString(`en-US`,{style:`currency`,currency:`USD`}),Ge=({image:e,imageAlt:t,name:n,description:r,price:i,compareAtPrice:a,rating:o,reviewCount:s,colors:c=[],onColorSelect:d,inStock:f=!0,wishlisted:m=!1,onWishlistToggle:h,onAddItem:g,addItemLabel:_=`Add Item`,formatPrice:v=We,className:y})=>{let b=a!==void 0,x=b?Math.ceil((1-i/a)*100):0,S=o===void 0?0:Math.round(o);return(0,l.jsxs)(`div`,{className:[R.card,y??``].filter(Boolean).join(` `),children:[(0,l.jsxs)(`div`,{className:R.imageWrap,children:[(0,l.jsx)(`img`,{src:e,alt:t??n,className:[R.image,f?``:R.imageDimmed].filter(Boolean).join(` `)}),b&&f&&(0,l.jsxs)(Ce,{variant:`danger`,emphasis:`solid`,className:R.saleBadge,children:[`-`,x,`%`]}),f&&(0,l.jsx)(Ue,{saved:m,label:n,className:R.wishlistBtn,onToggle:h}),!f&&(0,l.jsx)(`span`,{className:R.outOfStockLabel,children:`Out of stock`})]}),(0,l.jsxs)(`div`,{className:R.body,children:[o!==void 0&&(0,l.jsx)(`div`,{className:R.rating,role:`img`,"aria-label":`Rated ${o} out of 5${s?` (${s} reviews)`:``}`,children:Array.from({length:5}).map((e,t)=>(0,l.jsx)(u.Star,{size:16,strokeWidth:p(16),className:t<S?R.starFilled:R.starEmpty,fill:t<S?`currentColor`:`none`},t))}),(0,l.jsxs)(`div`,{className:R.titleRow,children:[(0,l.jsx)(`p`,{className:R.name,children:n}),(0,l.jsxs)(`div`,{className:R.priceRow,children:[b&&(0,l.jsx)(`span`,{className:R.priceOriginal,children:v(a)}),(0,l.jsx)(`span`,{className:R.price,children:v(i)})]})]}),r&&(0,l.jsx)(`p`,{className:R.description,children:r}),c.length>0&&(0,l.jsx)(`div`,{className:R.swatches,role:`group`,"aria-label":`Color`,children:c.map(e=>(0,l.jsx)(Re,{...e,onSelect:()=>d?.(e.id??e.label)},e.id??e.label))}),(0,l.jsx)(j,{variant:`primary`,size:`md`,disabled:!f,className:R.addButton,onClick:g,children:f?_:`Out of stock`})]})]})},z={gallery:`_gallery_1mrk8_1`,galleryBottom:`_galleryBottom_1mrk8_5`,galleryLeft:`_galleryLeft_1mrk8_10`,mainImage:`_mainImage_1mrk8_16`,mainBottom:`_mainBottom_1mrk8_23`,mainLeft:`_mainLeft_1mrk8_31`,thumbs:`_thumbs_1mrk8_41`,thumbsBottom:`_thumbsBottom_1mrk8_45`,thumbsLeft:`_thumbsLeft_1mrk8_50`,thumb:`_thumb_1mrk8_41`,thumbBottom:`_thumbBottom_1mrk8_65`,thumbLeft:`_thumbLeft_1mrk8_70`,thumbActive:`_thumbActive_1mrk8_75`,thumbImage:`_thumbImage_1mrk8_79`},Ke=({images:e,thumbsPosition:t=`bottom`,activeIndex:n,defaultActiveIndex:r=0,onActiveIndexChange:i,className:a})=>{let o=n!==void 0,[s,u]=c.default.useState(r),d=o?n:s,f=e=>{o||u(e),i?.(e)},p=e[d]??e[0],m=t===`left`,h=(0,l.jsx)(`div`,{className:[z.thumbs,m?z.thumbsLeft:z.thumbsBottom].filter(Boolean).join(` `),role:`tablist`,"aria-label":`Product images`,children:e.map((e,t)=>(0,l.jsx)(`button`,{type:`button`,role:`tab`,"aria-selected":t===d,"aria-label":e.alt??`Image ${t+1}`,className:[z.thumb,m?z.thumbLeft:z.thumbBottom,t===d?z.thumbActive:``].filter(Boolean).join(` `),onClick:()=>f(t),children:(0,l.jsx)(`img`,{src:e.src,alt:``,className:z.thumbImage})},e.src+t))});return(0,l.jsxs)(`div`,{className:[z.gallery,m?z.galleryLeft:z.galleryBottom,a??``].filter(Boolean).join(` `),children:[!m&&p&&(0,l.jsx)(`div`,{className:z.mainBottom,children:(0,l.jsx)(`img`,{src:p.src,alt:p.alt??``,className:z.mainImage})}),h,m&&p&&(0,l.jsx)(`div`,{className:z.mainLeft,children:(0,l.jsx)(`img`,{src:p.src,alt:p.alt??``,className:z.mainImage})})]})},qe={button:`_button_1vgn5_1`,unselected:`_unselected_1vgn5_23`,selected:`_selected_1vgn5_32`,unavailable:`_unavailable_1vgn5_37`,label:`_label_1vgn5_44`,strike:`_strike_1vgn5_55`},Je=({size:e,selected:t=!1,available:n=!0,onSelect:r,className:i})=>(0,l.jsxs)(`button`,{type:`button`,className:[qe.button,n?t?qe.selected:qe.unselected:qe.unavailable,i??``].filter(Boolean).join(` `),disabled:!n,"aria-pressed":n?t:void 0,"aria-label":n?`Size ${e}`:`Size ${e} (out of stock)`,onClick:r,children:[(0,l.jsx)(`span`,{className:qe.label,children:e}),!n&&(0,l.jsx)(`span`,{className:qe.strike,"aria-hidden":`true`})]}),Ye={row:`_row_1snsi_1`,rowVertical:`_rowVertical_1snsi_8`,stars:`_stars_1snsi_13`,starFull:`_starFull_1snsi_19`,starEmpty:`_starEmpty_1snsi_24`,label:`_label_1snsi_29`,value:`_value_1snsi_38`,count:`_count_1snsi_43`},Xe=e=>e.toLocaleString(`en-US`),Ze=({rating:e,reviewCount:t,showLabel:n=!0,orientation:r=`horizontal`,formatReviewCount:i=Xe,className:a})=>{let o=Math.max(0,Math.min(5,e)),s=Math.round(o*2)/2,c=Math.floor(s),d=s-c===.5,f=5-c-!!d,m=(0,l.jsxs)(`div`,{className:Ye.stars,role:`img`,"aria-label":`${o} out of 5 stars`,children:[Array.from({length:c},(e,t)=>(0,l.jsx)(u.Star,{size:24,strokeWidth:p(24),className:Ye.starFull,fill:`currentColor`,"aria-hidden":`true`},`full-${t}`)),d&&(0,l.jsx)(u.StarHalf,{size:24,strokeWidth:p(24),className:Ye.starFull,fill:`currentColor`,"aria-hidden":`true`}),Array.from({length:f},(e,t)=>(0,l.jsx)(u.Star,{size:24,strokeWidth:p(24),className:Ye.starEmpty,"aria-hidden":`true`},`empty-${t}`))]}),h=n&&(0,l.jsxs)(`div`,{className:Ye.label,children:[(0,l.jsx)(`span`,{className:Ye.value,children:o.toFixed(1)}),t!==void 0&&(0,l.jsxs)(`span`,{className:Ye.count,children:[`(`,i(t),` reviews)`]})]}),g=[Ye.row,r===`vertical`?Ye.rowVertical:``,a??``].filter(Boolean).join(` `);return r===`horizontal-reverse`?(0,l.jsxs)(`div`,{className:g,children:[h,m]}):(0,l.jsxs)(`div`,{className:g,children:[m,h]})},Qe=({quantity:e,lowStockThreshold:t=5,label:n,className:r})=>{let i=e<=0,a=!i&&e<=t,o=i?`danger`:a?`warning`:`success`,s=i?`Out of stock`:a?`Only ${e} left`:`In stock`;return(0,l.jsx)(Ce,{variant:o,emphasis:`subtle`,className:r,children:n??s})},B={card:`_card_1w9hp_1`,cardDefault:`_cardDefault_1w9hp_8`,imageDefault:`_imageDefault_1w9hp_19`,bodyDefault:`_bodyDefault_1w9hp_27`,cardHorizontal:`_cardHorizontal_1w9hp_53`,imageWrapHorizontal:`_imageWrapHorizontal_1w9hp_61`,image:`_image_1w9hp_19`,bodyHorizontal:`_bodyHorizontal_1w9hp_77`,metaRow:`_metaRow_1w9hp_89`,readTime:`_readTime_1w9hp_96`,title:`_title_1w9hp_105`,excerpt:`_excerpt_1w9hp_114`,author:`_author_1w9hp_123`,authorText:`_authorText_1w9hp_130`},$e=({image:e,imageAlt:t,category:n,readTime:r,title:i,excerpt:a,author:o,layout:s=`default`,className:c})=>{let u=s===`horizontal`;return(0,l.jsxs)(`div`,{className:[B.card,u?B.cardHorizontal:B.cardDefault,c??``].filter(Boolean).join(` `),children:[u?(0,l.jsx)(`span`,{className:B.imageWrapHorizontal,children:(0,l.jsx)(`img`,{src:e,alt:t??``,className:B.image})}):(0,l.jsx)(`img`,{src:e,alt:t??``,className:B.imageDefault}),(0,l.jsxs)(`div`,{className:u?B.bodyHorizontal:B.bodyDefault,children:[(0,l.jsxs)(`div`,{className:B.metaRow,children:[(0,l.jsx)(Ce,{variant:`accent`,emphasis:`subtle`,children:n}),(0,l.jsx)(`span`,{className:B.readTime,children:r})]}),(0,l.jsx)(`p`,{className:B.title,children:i}),(0,l.jsx)(`p`,{className:B.excerpt,children:a}),(0,l.jsxs)(`div`,{className:B.author,children:[(0,l.jsx)(b,{size:`sm`,src:o.avatarSrc,alt:o.avatarAlt??o.name}),(0,l.jsxs)(`p`,{className:B.authorText,children:[o.name,` · `,o.date]})]})]})]})},V={card:`_card_8cf5b_1`,cardHorizontal:`_cardHorizontal_8cf5b_12`,cardVertical:`_cardVertical_8cf5b_20`,image:`_image_8cf5b_32`,bodyHorizontal:`_bodyHorizontal_8cf5b_43`,bodyVertical:`_bodyVertical_8cf5b_56`,title:`_title_8cf5b_67`,excerpt:`_excerpt_8cf5b_77`,footer:`_footer_8cf5b_86`,author:`_author_8cf5b_94`,authorText:`_authorText_8cf5b_101`},et=({image:e,imageAlt:t,badgeLabel:n=`Featured`,title:r,excerpt:i,author:a,ctaLabel:o=`Read article`,onCtaClick:s,orientation:c=`horizontal`,className:u})=>{let d=c===`vertical`;return(0,l.jsxs)(`div`,{className:[V.card,d?V.cardVertical:V.cardHorizontal,u??``].filter(Boolean).join(` `),children:[(0,l.jsx)(`img`,{src:e,alt:t??``,className:V.image}),(0,l.jsxs)(`div`,{className:d?V.bodyVertical:V.bodyHorizontal,children:[(0,l.jsx)(Ce,{variant:`accent`,emphasis:`subtle`,children:n}),(0,l.jsx)(`p`,{className:V.title,children:r}),(0,l.jsx)(`p`,{className:V.excerpt,children:i}),(0,l.jsxs)(`div`,{className:V.footer,children:[(0,l.jsxs)(`div`,{className:V.author,children:[(0,l.jsx)(b,{size:`md`,src:a.avatarSrc,alt:a.avatarAlt??a.name,initials:a.initials}),(0,l.jsxs)(`p`,{className:V.authorText,children:[a.name,` · `,a.date]})]}),(0,l.jsx)(j,{variant:`secondary`,size:`sm`,onClick:s,children:o})]})]})]})},tt={chip:`_chip_scl8l_1`,"chip--sm":`_chip--sm_scl8l_11`,"chip--md":`_chip--md_scl8l_17`,"chip--lg":`_chip--lg_scl8l_23`,"chip--light":`_chip--light_scl8l_31`,"chip--outline":`_chip--outline_scl8l_35`,"chip--solid":`_chip--solid_scl8l_39`,"chip--subtle":`_chip--subtle_scl8l_43`},nt={sm:16,md:20,lg:24},rt=({icon:e,size:t=`md`,variant:n=`light`,className:r})=>{let i=nt[t],a=c.default.isValidElement(e)?c.default.cloneElement(e,{size:i,strokeWidth:p(i)}):e;return(0,l.jsx)(`div`,{className:[tt.chip,tt[`chip--${t}`],tt[`chip--${n}`],r??``].filter(Boolean).join(` `),"aria-hidden":`true`,children:a})},it={group:`_group_mvlh4_3`,group__item:`_group__item_mvlh4_6`,"group--sm":`_group--sm_mvlh4_9`,"group--lg":`_group--lg_mvlh4_10`,"group--xl":`_group--xl_mvlh4_11`,overflow:`_overflow_mvlh4_14`,"overflow--sm":`_overflow--sm_mvlh4_25`,"overflow--md":`_overflow--md_mvlh4_26`,"overflow--lg":`_overflow--lg_mvlh4_27`,"overflow--xl":`_overflow--xl_mvlh4_28`},at=({size:e=`md`,max:t=4,avatars:n,className:r})=>{let i=n.slice(0,t),a=n.length-i.length;return(0,l.jsxs)(`div`,{className:[it.group,it[`group--${e}`],r??``].filter(Boolean).join(` `),children:[i.map((t,n)=>(0,l.jsx)(`span`,{className:it.group__item,children:(0,l.jsx)(b,{size:e,src:t.src,initials:t.initials,alt:t.alt})},n)),a>0&&(0,l.jsx)(`span`,{className:it.group__item,children:(0,l.jsxs)(`span`,{className:[it.overflow,it[`overflow--${e}`]].join(` `),children:[`+`,a]})})]})},ot={root:`_root_165je_1`,dot:`_dot_165je_13`,dotActive:`_dotActive_165je_21`,dotRemote:`_dotRemote_165je_25`},st=({location:e,status:t=`active`,className:n})=>(0,l.jsxs)(`span`,{className:[ot.root,n??``].filter(Boolean).join(` `),children:[(0,l.jsx)(`span`,{className:[ot.dot,t===`active`?ot.dotActive:ot.dotRemote].join(` `),"aria-hidden":`true`}),e]}),ct={root:`_root_15jaa_1`,rootCard:`_rootCard_15jaa_9`,rootRow:`_rootRow_15jaa_21`,rowLeft:`_rowLeft_15jaa_27`,titleGroup:`_titleGroup_15jaa_36`,title:`_title_15jaa_36`,description:`_description_15jaa_56`,metaRow:`_metaRow_15jaa_65`,applyBtn:`_applyBtn_15jaa_72`},lt=({title:e,description:t,department:n,employmentType:r,location:i,locationStatus:a=`remote`,onApply:o,applyLabel:s=`Apply now`,layout:c=`card`,className:u})=>{let d=c===`row`,f=(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(`div`,{className:ct.titleGroup,children:[(0,l.jsx)(`p`,{className:ct.title,children:e}),(0,l.jsx)(`p`,{className:ct.description,children:t})]}),(0,l.jsxs)(`div`,{className:ct.metaRow,children:[(0,l.jsx)(Ce,{variant:`accent`,emphasis:`subtle`,children:n}),(0,l.jsx)(Ce,{variant:`neutral`,emphasis:`subtle`,children:r}),(0,l.jsx)(st,{location:i,status:a})]})]});return d?(0,l.jsxs)(`div`,{className:[ct.root,ct.rootRow,u??``].filter(Boolean).join(` `),children:[(0,l.jsx)(`div`,{className:ct.rowLeft,children:f}),(0,l.jsx)(j,{variant:`secondary`,size:`sm`,className:ct.applyBtn,onClick:o,children:s})]}):(0,l.jsxs)(`div`,{className:[ct.root,ct.rootCard,u??``].filter(Boolean).join(` `),children:[f,(0,l.jsx)(j,{variant:`secondary`,size:`sm`,onClick:o,children:s})]})},ut={root:`_root_3bf2n_1`,rootCenter:`_rootCenter_3bf2n_9`,rootLeft:`_rootLeft_3bf2n_14`,title:`_title_3bf2n_19`,subtitle:`_subtitle_3bf2n_28`},dt=({eyebrow:e,title:t,subtitle:n,align:r=`center`,titleAs:i=`h2`,className:a})=>(0,l.jsxs)(`div`,{className:[ut.root,r===`left`?ut.rootLeft:ut.rootCenter,a??``].filter(Boolean).join(` `),children:[e&&(0,l.jsx)(Ce,{variant:`accent`,emphasis:`subtle`,children:e}),(0,l.jsx)(i,{className:ut.title,children:t}),n&&(0,l.jsx)(`p`,{className:ut.subtitle,children:n})]}),H={card:`_card_1ye9i_1`,imageWrap:`_imageWrap_1ye9i_16`,image:`_image_1ye9i_16`,locationBar:`_locationBar_1ye9i_36`,locationDot:`_locationDot_1ye9i_56`,info:`_info_1ye9i_63`,metaRow:`_metaRow_1ye9i_74`,identity:`_identity_1ye9i_82`,name:`_name_1ye9i_90`,role:`_role_1ye9i_99`,social:`_social_1ye9i_108`,bio:`_bio_1ye9i_116`},ft=({image:e,imageAlt:t,name:n,role:r,location:i,locationStatus:a=`active`,bio:o,socialLinks:s=[],className:c})=>(0,l.jsxs)(`div`,{className:[H.card,c??``].filter(Boolean).join(` `),children:[(0,l.jsxs)(`div`,{className:H.imageWrap,children:[(0,l.jsx)(`img`,{src:e,alt:t??n,className:H.image}),(0,l.jsx)(`div`,{className:H.locationBar,children:(0,l.jsx)(st,{location:i,status:a,className:H.locationDot})})]}),(0,l.jsxs)(`div`,{className:H.info,children:[(0,l.jsxs)(`div`,{className:H.metaRow,children:[(0,l.jsxs)(`div`,{className:H.identity,children:[(0,l.jsx)(`p`,{className:H.name,children:n}),(0,l.jsx)(`p`,{className:H.role,children:r})]}),s.length>0&&(0,l.jsx)(`div`,{className:H.social,children:s.map((e,t)=>(0,l.jsx)(`a`,{href:e.href,onClick:e.onClick,"aria-label":e.label,children:(0,l.jsx)(rt,{icon:e.icon,size:`sm`,variant:`subtle`})},e.label??t))})]}),o&&(0,l.jsx)(`p`,{className:H.bio,children:o})]})]}),pt={alert:`_alert_1hjs5_3`,alert__icon:`_alert__icon_1hjs5_12`,alert__content:`_alert__content_1hjs5_13`,alert__title:`_alert__title_1hjs5_14`,alert__description:`_alert__description_1hjs5_15`,"alert--info":`_alert--info_1hjs5_18`,"alert--success":`_alert--success_1hjs5_21`,"alert--warning":`_alert--warning_1hjs5_24`,"alert--danger":`_alert--danger_1hjs5_27`,"alert--neutral":`_alert--neutral_1hjs5_30`},mt={info:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,l.jsx)(`line`,{x1:`12`,y1:`16`,x2:`12`,y2:`12`}),(0,l.jsx)(`line`,{x1:`12`,y1:`8`,x2:`12.01`,y2:`8`})]}),success:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`path`,{d:`M22 11.08V12a10 10 0 1 1-5.93-9.14`}),(0,l.jsx)(`polyline`,{points:`22 4 12 14.01 9 11.01`})]}),warning:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`path`,{d:`M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z`}),(0,l.jsx)(`line`,{x1:`12`,y1:`9`,x2:`12`,y2:`13`}),(0,l.jsx)(`line`,{x1:`12`,y1:`17`,x2:`12.01`,y2:`17`})]}),danger:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,l.jsx)(`line`,{x1:`15`,y1:`9`,x2:`9`,y2:`15`}),(0,l.jsx)(`line`,{x1:`9`,y1:`9`,x2:`15`,y2:`15`})]}),neutral:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,l.jsx)(`line`,{x1:`12`,y1:`16`,x2:`12`,y2:`12`}),(0,l.jsx)(`line`,{x1:`12`,y1:`8`,x2:`12.01`,y2:`8`})]})},ht=({color:e=`info`,title:t,description:n,icon:r,className:i})=>(0,l.jsxs)(`div`,{role:`alert`,className:[pt.alert,pt[`alert--${e}`],i??``].filter(Boolean).join(` `),children:[(0,l.jsx)(`span`,{className:pt.alert__icon,"aria-hidden":`true`,children:(0,l.jsx)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:p(18),strokeLinecap:`round`,strokeLinejoin:`round`,width:18,height:18,children:r??mt[e]})}),(0,l.jsxs)(`div`,{className:pt.alert__content,children:[t&&(0,l.jsx)(`div`,{className:pt.alert__title,children:t}),n&&(0,l.jsx)(`div`,{className:pt.alert__description,children:n})]})]}),U={card:`_card_6iftf_2`,"card--hover":`_card--hover_6iftf_15`,"card--selected":`_card--selected_6iftf_16`,"card--dragging":`_card--dragging_6iftf_17`,"card--done":`_card--done_6iftf_18`,card__cover:`_card__cover_6iftf_20`,card__header:`_card__header_6iftf_26`,card__leading:`_card__leading_6iftf_27`,card__title:`_card__title_6iftf_28`,card__trailing:`_card__trailing_6iftf_37`,card__desc:`_card__desc_6iftf_38`,card__tags:`_card__tags_6iftf_45`,card__divider:`_card__divider_6iftf_46`,card__footer:`_card__footer_6iftf_47`,card__meta:`_card__meta_6iftf_48`,card__assignees:`_card__assignees_6iftf_49`},gt=({type:e=`default`,state:t=`default`,cover:n,leading:r,title:i,trailing:a,description:o,tags:s,meta:c,assignees:u,onClick:d,className:f})=>{let p=e!==`compact`,m=c||u;return(0,l.jsxs)(`div`,{onClick:d,"aria-selected":t===`selected`||void 0,className:[U.card,U[`card--${e}`],U[`card--${t}`],f??``].filter(Boolean).join(` `),children:[e===`cover`&&(0,l.jsx)(`div`,{className:U.card__cover,children:n}),(0,l.jsxs)(`div`,{className:U.card__header,children:[r&&(0,l.jsx)(`span`,{className:U.card__leading,children:r}),(0,l.jsx)(`span`,{className:U.card__title,children:i}),a&&(0,l.jsx)(`span`,{className:U.card__trailing,children:a})]}),p&&o&&(0,l.jsx)(`p`,{className:U.card__desc,children:o}),p&&s&&(0,l.jsx)(`div`,{className:U.card__tags,children:s}),m&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`div`,{className:U.card__divider}),(0,l.jsxs)(`div`,{className:U.card__footer,children:[c&&(0,l.jsx)(`div`,{className:U.card__meta,children:c}),u&&(0,l.jsx)(`div`,{className:U.card__assignees,children:u})]})]})]})},_t={breadcrumb:`_breadcrumb_1uzuh_3`,list:`_list_1uzuh_5`,item:`_item_1uzuh_15`,crumb:`_crumb_1uzuh_17`,current:`_current_1uzuh_26`,separator:`_separator_1uzuh_33`,"list--button":`_list--button_1uzuh_38`,chip:`_chip_1uzuh_41`},vt=({size:e})=>(0,l.jsx)(`span`,{className:_t.separator,"aria-hidden":`true`,children:(0,l.jsx)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:p(e),strokeLinecap:`round`,strokeLinejoin:`round`,width:e,height:e,children:(0,l.jsx)(`path`,{d:`m9 18 6-6-6-6`})})}),yt=({items:e,variant:t=`text`,className:n})=>{let r=t===`button`;return(0,l.jsx)(`nav`,{"aria-label":`Breadcrumb`,className:[_t.breadcrumb,n??``].filter(Boolean).join(` `),children:(0,l.jsx)(`ol`,{className:[_t.list,r?_t[`list--button`]:``].filter(Boolean).join(` `),children:e.map((t,n)=>{let i=n===e.length-1,a=r?_t.chip:i?_t.current:_t.crumb;return(0,l.jsxs)(`li`,{className:_t.item,children:[i||!t.href?(0,l.jsx)(`span`,{className:a,"aria-current":i?`page`:void 0,children:t.label}):(0,l.jsx)(`a`,{href:t.href,className:a,children:t.label}),!i&&(0,l.jsx)(vt,{size:r?14:16})]},n)})})})},bt={meta:`_meta_g1mpv_2`,meta__icon:`_meta__icon_g1mpv_3`,meta__label:`_meta__label_g1mpv_4`},xt=({icon:e,children:t,className:n})=>(0,l.jsxs)(`span`,{className:[bt.meta,n??``].filter(Boolean).join(` `),children:[(0,l.jsx)(`span`,{className:bt.meta__icon,"aria-hidden":`true`,children:e}),(0,l.jsx)(`span`,{className:bt.meta__label,children:t})]}),W={composer:`_composer_vd2eo_2`,"composer--typing":`_composer--typing_vd2eo_15`,input:`_input_vd2eo_22`,"composer--disabled":`_composer--disabled_vd2eo_23`,upload:`_upload_vd2eo_25`,upload__icon:`_upload__icon_vd2eo_30`,upload__body:`_upload__body_vd2eo_31`,upload__name:`_upload__name_vd2eo_32`,upload__track:`_upload__track_vd2eo_33`,upload__fill:`_upload__fill_vd2eo_34`,row:`_row_vd2eo_36`,sendButton:`_sendButton_vd2eo_40`,icon:`_icon_vd2eo_41`,send:`_send_vd2eo_40`},St=({state:e=`default`,value:t,placeholder:n=`Message...`,onChange:r,onSend:i,onAttachmentsChange:a,uploadName:o,uploadProgress:s=0,onCancelUpload:d,className:m})=>{let h=e===`disabled`,[g,_]=c.default.useState(``),[v,y]=c.default.useState(!1),[b,x]=c.default.useState({top:0,right:0}),[S,C]=c.default.useState([]),w=c.default.useRef(null),T=c.default.useRef(null),E=c.default.useRef(null),D=c.default.useRef(null),O=t===void 0?g:t,ee=!h&&(O.trim().length>0||e===`typing`||S.length>0),A=()=>{T.current?.click()},j=e=>{let t=e.target.files;t&&(Array.from(t).forEach(e=>{if(e.type.startsWith(`image/`)||e.type.startsWith(`video/`)){let t=new FileReader;t.onload=t=>{let n=t.target?.result;C(t=>[...t,{name:e.name,type:e.type,dataUrl:n}])},t.readAsDataURL(e)}}),e.target.value=``)},M=e=>{C(t=>t.filter((t,n)=>n!==e))},te=()=>{if(!v&&w.current){let e=w.current.getBoundingClientRect();x({top:e.top-104-4,right:20})}y(!v)},ne=e=>{if(w.current){let t=w.current.selectionStart||O.length,n=O.slice(0,t)+e+O.slice(t);_(n),r?.(n),w.current.focus(),w.current.setSelectionRange(t+e.length,t+e.length)}y(!1)};return c.default.useEffect(()=>{let e=e=>{D.current&&!D.current.contains(e.target)&&E.current&&!E.current.contains(e.target)&&y(!1)};return v&&document.addEventListener(`mousedown`,e),()=>{document.removeEventListener(`mousedown`,e)}},[v]),c.default.useEffect(()=>{a?.(S)},[S,a]),(0,l.jsxs)(`div`,{className:[W.composer,W[`composer--${e}`],m??``].filter(Boolean).join(` `),children:[e===`uploading`&&(0,l.jsxs)(`div`,{className:W.upload,children:[(0,l.jsx)(u.File,{size:16,strokeWidth:p(16),className:W.upload__icon,"aria-hidden":`true`}),(0,l.jsxs)(`div`,{className:W.upload__body,children:[(0,l.jsx)(`span`,{className:W.upload__name,children:o}),(0,l.jsx)(`div`,{className:W.upload__track,children:(0,l.jsx)(`div`,{className:W.upload__fill,style:{width:`${s}%`}})})]}),(0,l.jsx)(k,{icon:u.X,variant:`ghost`,size:`md`,onClick:d,"aria-label":`Cancel upload`})]}),S.length>0&&(0,l.jsx)(`div`,{style:{display:`flex`,flexWrap:`wrap`,gap:`8px`,padding:`8px`,backgroundColor:`var(--color-bg-subtle)`,borderRadius:`8px`},children:S.map((e,t)=>(0,l.jsxs)(`div`,{style:{position:`relative`,display:`inline-flex`,alignItems:`center`,justifyContent:`center`,width:`80px`,height:`80px`,borderRadius:`8px`,overflow:`hidden`,backgroundColor:`var(--color-bg-muted)`,border:`1px solid var(--color-border-default)`},children:[e.type.startsWith(`image/`)?(0,l.jsx)(`img`,{src:e.dataUrl,alt:e.name,style:{width:`100%`,height:`100%`,objectFit:`cover`}}):(0,l.jsxs)(`div`,{style:{textAlign:`center`,padding:`8px`},children:[(0,l.jsx)(u.File,{size:24,strokeWidth:1.5}),(0,l.jsx)(`div`,{style:{fontSize:`10px`,marginTop:`4px`,color:`var(--color-fg-muted)`},children:e.name.split(`.`).pop()?.toUpperCase()})]}),(0,l.jsx)(`button`,{type:`button`,onClick:()=>M(t),style:{position:`absolute`,top:`-8px`,right:`-8px`,width:`24px`,height:`24px`,borderRadius:`50%`,background:`var(--color-accent-default)`,border:`none`,color:`white`,cursor:`pointer`,display:`flex`,alignItems:`center`,justifyContent:`center`,fontSize:`16px`,lineHeight:`1`},"aria-label":`Remove file`,children:`x`})]},t))}),(0,l.jsx)(`input`,{ref:T,type:`file`,multiple:!0,accept:`image/*,video/*`,onChange:j,style:{display:`none`}}),(0,l.jsxs)(`div`,{className:W.row,children:[(0,l.jsx)(k,{icon:u.Paperclip,variant:`ghost`,size:`sm`,onClick:A,disabled:h,"aria-label":`Attach file`}),(0,l.jsx)(`input`,{ref:w,type:`text`,className:W.input,value:O,placeholder:h?`You can't reply to this conversation`:n,disabled:h,onChange:e=>{t===void 0&&_(e.target.value),r?.(e.target.value)},onKeyDown:e=>{e.key===`Enter`&&ee&&(e.preventDefault(),i?.())}}),(0,l.jsx)(k,{ref:E,icon:u.Smile,variant:`ghost`,size:`sm`,onClick:te,disabled:h,"aria-label":`Add emoji`}),v&&!h&&f.default.createPortal((0,l.jsx)(`div`,{ref:D,style:{position:`fixed`,top:`${b.top}px`,right:`${b.right}px`,zIndex:1e4,boxShadow:`0 4px 20px rgba(0, 0, 0, 0.15)`,borderRadius:`8px`,backgroundColor:`var(--color-bg-surface)`,border:`1px solid var(--color-border-default)`,padding:`12px`,display:`grid`,gridTemplateColumns:`repeat(8, 1fr)`,gap:`4px`,width:`280px`},children:[`😀`,`😂`,`❤️`,`👍`,`🎉`,`✨`,`😍`,`🤔`,`👏`,`🚀`,`🔥`,`💯`,`😢`,`😱`,`🤗`,`😎`].map(e=>(0,l.jsx)(`button`,{onClick:()=>ne(e),style:{background:`none`,border:`none`,fontSize:`24px`,cursor:`pointer`,padding:`4px`,borderRadius:`4px`,transition:`background-color 0.2s`},onMouseEnter:e=>{e.currentTarget.style.backgroundColor=`var(--color-bg-subtle)`},onMouseLeave:e=>{e.currentTarget.style.backgroundColor=`transparent`},children:e},e))}),document.body),(0,l.jsx)(k,{icon:u.Send,variant:`primary`,size:`sm`,className:W.sendButton,onClick:i,disabled:!ee,"aria-label":`Send message`})]})]})},G={wrapper:`_wrapper_1nmcn_3`,"wrapper--disabled":`_wrapper--disabled_1nmcn_11`,input:`_input_1nmcn_14`,box:`_box_1nmcn_21`,check:`_check_1nmcn_42`,dash:`_dash_1nmcn_53`,text:`_text_1nmcn_71`,text__label:`_text__label_1nmcn_72`,text__description:`_text__description_1nmcn_73`,checkbox:`_checkbox_1nmcn_77`,"wrapper--withDescription":`_wrapper--withDescription_1nmcn_81`},Ct=c.default.forwardRef(({label:e,description:t,indeterminate:n,disabled:r,id:i,className:a,...o},s)=>{let u=c.default.useId(),d=i??u,f=c.default.useRef(null);return c.default.useImperativeHandle(s,()=>f.current),c.default.useEffect(()=>{f.current&&(f.current.indeterminate=!!n)},[n]),(0,l.jsxs)(`label`,{htmlFor:d,className:[G.wrapper,t?G[`wrapper--withDescription`]:``,r?G[`wrapper--disabled`]:``,a??``].filter(Boolean).join(` `),children:[(0,l.jsx)(`input`,{ref:f,id:d,type:`checkbox`,disabled:r,className:G.input,...o}),(0,l.jsxs)(`span`,{className:G.box,"aria-hidden":`true`,children:[(0,l.jsx)(`svg`,{className:G.check,width:12,height:12,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:3,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,l.jsx)(`polyline`,{points:`20 6 9 17 4 12`})}),(0,l.jsx)(`span`,{className:G.dash})]}),(e||t)&&(0,l.jsxs)(`span`,{className:G.text,children:[e&&(0,l.jsx)(`span`,{className:G.text__label,children:e}),t&&(0,l.jsx)(`span`,{className:G.text__description,children:t})]})]})});Ct.displayName=`Checkbox`;var K={item:`_item_1hp9t_2`,"item--hover":`_item--hover_1hp9t_12`,"item--active":`_item--active_1hp9t_13`,item__avatar:`_item__avatar_1hp9t_16`,item__presence:`_item__presence_1hp9t_17`,item__body:`_item__body_1hp9t_22`,item__row:`_item__row_1hp9t_23`,item__name:`_item__name_1hp9t_24`,"item--unread":`_item--unread_1hp9t_28`,item__mute:`_item__mute_1hp9t_29`,item__time:`_item__time_1hp9t_30`,item__preview:`_item__preview_1hp9t_31`,item__typing:`_item__typing_1hp9t_36`,item__badge:`_item__badge_1hp9t_37`},wt=({state:e=`default`,avatar:t,name:n,timestamp:r,preview:i,unreadCount:a,onClick:o,className:s})=>(0,l.jsxs)(`div`,{role:`button`,tabIndex:0,onClick:o,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),o?.())},"aria-current":e===`active`||void 0,className:[K.item,K[`item--${e}`],s??``].filter(Boolean).join(` `),children:[(0,l.jsxs)(`span`,{className:K.item__avatar,children:[t,e!==`muted`&&(0,l.jsx)(`span`,{className:K.item__presence,"aria-hidden":`true`})]}),(0,l.jsxs)(`span`,{className:K.item__body,children:[(0,l.jsxs)(`span`,{className:K.item__row,children:[(0,l.jsx)(`span`,{className:K.item__name,children:n}),e===`muted`&&(0,l.jsx)(u.BellOff,{size:12,strokeWidth:p(12),className:K.item__mute,"aria-hidden":`true`}),r&&(0,l.jsx)(`span`,{className:K.item__time,children:r})]}),(0,l.jsxs)(`span`,{className:K.item__row,children:[e===`typing`?(0,l.jsx)(`span`,{className:K.item__typing,children:`typing...`}):(0,l.jsx)(`span`,{className:K.item__preview,children:i}),e===`unread`&&a!=null&&(0,l.jsx)(`span`,{className:K.item__badge,children:a})]})]})]}),Tt={empty:`_empty_15v2t_2`,empty__chip:`_empty__chip_15v2t_12`,"empty__chip--error":`_empty__chip--error_15v2t_22`,empty__title:`_empty__title_15v2t_23`,empty__desc:`_empty__desc_15v2t_31`,empty__action:`_empty__action_15v2t_39`},Et={"no-data":{icon:(0,l.jsx)(u.Inbox,{size:18,strokeWidth:p(18)}),title:`No data yet`,description:`Records will appear here once they are added.`},"no-results":{icon:(0,l.jsx)(u.Search,{size:18,strokeWidth:p(18)}),title:`No results found`,description:`Try adjusting your search or removing filters.`},error:{icon:(0,l.jsx)(u.CircleAlert,{size:18,strokeWidth:p(18)}),title:`Couldn't load data`,description:`Something went wrong while fetching records.`}},Dt=({type:e=`no-data`,title:t,description:n,actionLabel:r,onAction:i,icon:a,className:o})=>{let s=Et[e];return(0,l.jsxs)(`div`,{className:[Tt.empty,o??``].filter(Boolean).join(` `),role:`status`,children:[(0,l.jsx)(`span`,{className:[Tt.empty__chip,Tt[`empty__chip--${e}`]].join(` `),"aria-hidden":`true`,children:a??s.icon}),(0,l.jsx)(`p`,{className:Tt.empty__title,children:t??s.title}),(0,l.jsx)(`p`,{className:Tt.empty__desc,children:n??s.description}),r&&(0,l.jsx)(`button`,{type:`button`,className:Tt.empty__action,onClick:i,children:r})]})},Ot={chip:`_chip_rpkox_2`,chip__lead:`_chip__lead_rpkox_20`,chip__trail:`_chip__trail_rpkox_20`,"chip--active":`_chip--active_rpkox_22`,chip__remove:`_chip__remove_rpkox_29`,"chip--add":`_chip--add_rpkox_38`},kt=({type:e=`default`,children:t,onClick:n,onRemove:r,className:i})=>(0,l.jsxs)(`button`,{type:`button`,onClick:n,className:[Ot.chip,Ot[`chip--${e}`],i??``].filter(Boolean).join(` `),children:[e===`add`&&(0,l.jsx)(u.Plus,{size:14,strokeWidth:p(14),className:Ot.chip__lead,"aria-hidden":`true`}),(0,l.jsx)(`span`,{className:Ot.chip__label,children:t}),e==="default"&&(0,l.jsx)(u.ChevronDown,{size:14,strokeWidth:p(14),className:Ot.chip__trail,"aria-hidden":`true`}),e===`active`&&(0,l.jsx)(`span`,{role:`button`,"aria-label":`Remove filter`,className:Ot.chip__remove,onClick:e=>{e.stopPropagation(),r?.()},children:(0,l.jsx)(u.X,{size:14,strokeWidth:p(14),"aria-hidden":`true`})})]}),q={field:`_field_14s0o_10`,field__label:`_field__label_14s0o_18`,field__description:`_field__description_14s0o_26`,field__error:`_field__error_14s0o_31`,input:`_input_14s0o_38`,"input--sm":`_input--sm_14s0o_49`,"input--md":`_input--md_14s0o_50`,"input--lg":`_input--lg_14s0o_51`,"input--error":`_input--error_14s0o_60`,"input--disabled":`_input--disabled_14s0o_67`,input__control:`_input__control_14s0o_74`,input__icon:`_input__icon_14s0o_103`,"input--unstyled":`_input--unstyled_14s0o_113`},At=16,jt=e=>c.default.isValidElement(e)?c.default.cloneElement(e,{size:At,strokeWidth:p(At)}):e,Mt=c.default.forwardRef(({label:e,description:t,error:n,size:r=`md`,unstyled:i,leadingIcon:a,trailingIcon:o,disabled:s,id:u,className:d,...f},p)=>{let m=c.default.useId(),h=u??m,g=!!n;return(0,l.jsxs)(`div`,{className:[q.field,d??``].filter(Boolean).join(` `),children:[e&&(0,l.jsx)(`label`,{htmlFor:h,className:q.field__label,children:e}),(0,l.jsxs)(`div`,{className:[q.input,q[`input--${r}`],g?q[`input--error`]:``,s?q[`input--disabled`]:``].filter(Boolean).join(` `),children:[a&&(0,l.jsx)(`span`,{className:q.input__icon,"aria-hidden":`true`,children:jt(a)}),(0,l.jsx)(`input`,{ref:p,id:h,className:q.input__control,disabled:s,"aria-invalid":g||void 0,"aria-describedby":t||n?`${h}-desc`:void 0,...f}),o&&(0,l.jsx)(`span`,{className:q.input__icon,"aria-hidden":`true`,children:jt(o)})]}),(t||n)&&(0,l.jsx)(`span`,{id:`${h}-desc`,className:g?q.field__error:q.field__description,children:n||t})]})});Mt.displayName=`Input`;var J={row:`_row_1q1m5_2`,"row--sent":`_row--sent_1q1m5_3`,row__avatar:`_row__avatar_1q1m5_4`,col:`_col_1q1m5_5`,meta:`_meta_1q1m5_7`,meta__name:`_meta__name_1q1m5_8`,meta__time:`_meta__time_1q1m5_9`,bubble:`_bubble_1q1m5_11`,"bubble--received":`_bubble--received_1q1m5_17`,"bubble--sent":`_bubble--sent_1q1m5_18`,bubble__text:`_bubble__text_1q1m5_19`,bubble__image:`_bubble__image_1q1m5_20`,file:`_file_1q1m5_23`,file__icon:`_file__icon_1q1m5_24`,file__meta:`_file__meta_1q1m5_25`,file__name:`_file__name_1q1m5_26`,file__size:`_file__size_1q1m5_27`,file__dl:`_file__dl_1q1m5_28`,foot:`_foot_1q1m5_30`,foot__time:`_foot__time_1q1m5_31`,foot__receipt:`_foot__receipt_1q1m5_32`,system:`_system_1q1m5_34`,system__pill:`_system__pill_1q1m5_35`},Nt=({type:e=`received`,content:t=`text`,avatar:n,authorName:r,timestamp:i,children:a,image:o,fileName:s,fileSize:c,reactions:d,read:f,className:m})=>{if(e===`system`)return(0,l.jsx)(`div`,{className:[J.system,m??``].filter(Boolean).join(` `),children:(0,l.jsx)(`span`,{className:J.system__pill,children:a})});let h=e===`sent`;return(0,l.jsxs)(`div`,{className:[J.row,h?J[`row--sent`]:J[`row--received`],m??``].filter(Boolean).join(` `),children:[!h&&n&&(0,l.jsx)(`span`,{className:J.row__avatar,children:n}),(0,l.jsxs)(`div`,{className:J.col,children:[!h&&(r||i)&&(0,l.jsxs)(`div`,{className:J.meta,children:[r&&(0,l.jsx)(`span`,{className:J.meta__name,children:r}),i&&(0,l.jsx)(`span`,{className:J.meta__time,children:i})]}),(0,l.jsxs)(`div`,{className:[J.bubble,h?J[`bubble--sent`]:J[`bubble--received`]].join(` `),children:[t===`image`&&(0,l.jsx)(`div`,{className:J.bubble__image,children:o}),t===`file`&&(0,l.jsxs)(`div`,{className:J.file,children:[(0,l.jsx)(u.File,{size:18,strokeWidth:p(18),className:J.file__icon,"aria-hidden":`true`}),(0,l.jsxs)(`span`,{className:J.file__meta,children:[(0,l.jsx)(`span`,{className:J.file__name,children:s}),(0,l.jsx)(`span`,{className:J.file__size,children:c})]}),(0,l.jsx)(u.Download,{size:16,strokeWidth:p(16),className:J.file__dl,"aria-hidden":`true`})]}),a&&(0,l.jsx)(`span`,{className:J.bubble__text,children:a})]}),(0,l.jsxs)(`div`,{className:J.foot,children:[!h&&d,h&&(0,l.jsxs)(l.Fragment,{children:[i&&(0,l.jsx)(`span`,{className:J.foot__time,children:i}),f&&(0,l.jsx)(u.CheckCheck,{size:13,strokeWidth:p(13),className:J.foot__receipt,"aria-hidden":`true`})]})]})]})]})},Pt={pagination:`_pagination_on2nb_2`,page:`_page_on2nb_9`,arrow:`_arrow_on2nb_9`,"page--active":`_page--active_on2nb_26`,ellipsis:`_ellipsis_on2nb_40`};function Ft(e,t,n){let r=t,i=Math.min(t+n,e),a=new Set([1,e]);for(let e=r;e<=i;e++)a.add(e);let o=Array.from(a).sort((e,t)=>e-t),s=[];return o.forEach((e,t)=>{t>0&&e-o[t-1]>1&&s.push(`ellipsis`),s.push(e)}),s}var It=({total:e,page:t,onPageChange:n,siblings:r=1,className:i})=>{let a=Ft(e,t,r);return(0,l.jsxs)(`nav`,{className:[Pt.pagination,i??``].filter(Boolean).join(` `),"aria-label":`Pagination`,children:[(0,l.jsx)(`button`,{type:`button`,className:Pt.arrow,disabled:t<=1,onClick:()=>n(t-1),"aria-label":`Previous page`,children:(0,l.jsx)(u.ChevronLeft,{size:16,strokeWidth:p(16)})}),a.map((e,r)=>e===`ellipsis`?(0,l.jsx)(`span`,{className:Pt.ellipsis,"aria-hidden":`true`,children:`…`},`e${r}`):(0,l.jsx)(`button`,{type:`button`,className:[Pt.page,e===t?Pt[`page--active`]:``].filter(Boolean).join(` `),"aria-current":e===t?`page`:void 0,onClick:()=>n(e),children:e},e)),(0,l.jsx)(`button`,{type:`button`,className:Pt.arrow,disabled:t>=e,onClick:()=>n(t+1),"aria-label":`Next page`,children:(0,l.jsx)(u.ChevronRight,{size:16,strokeWidth:p(16)})})]})},Lt={track:`_track_13bev_2`,segment:`_segment_13bev_12`,"segment--active":`_segment--active_13bev_32`,thumb:`_thumb_13bev_38`,"thumb--animated":`_thumb--animated_13bev_52`,"track--fullWidth":`_track--fullWidth_13bev_58`},Rt=({options:e,value:t,defaultValue:n,onChange:r,fullWidth:i,className:a})=>{let o=t!==void 0,[s,u]=c.default.useState(n??e[0]?.value),d=o?t:s,f=e=>{o||u(e),r?.(e)},p=c.default.useRef(null),m=c.default.useRef({}),[h,g]=c.default.useState(null),[_,v]=c.default.useState(!1);return c.default.useLayoutEffect(()=>{let e=()=>{let e=m.current[d],t=p.current;!e||!t||g({left:e.offsetLeft,width:e.offsetWidth})};e();let t=window.requestAnimationFrame(()=>v(!0)),n=new ResizeObserver(e);return p.current&&n.observe(p.current),()=>{window.cancelAnimationFrame(t),n.disconnect()}},[d,e]),(0,l.jsxs)(`div`,{ref:p,role:`tablist`,className:[Lt.track,i?Lt[`track--fullWidth`]:``,a??``].filter(Boolean).join(` `),children:[h&&(0,l.jsx)(`span`,{"aria-hidden":`true`,className:[Lt.thumb,_?Lt[`thumb--animated`]:``].filter(Boolean).join(` `),style:{transform:`translateX(${h.left}px)`,width:h.width}}),e.map(e=>{let t=e.value===d;return(0,l.jsx)(`button`,{ref:t=>{m.current[e.value]=t},role:`tab`,type:`button`,"aria-selected":t,className:[Lt.segment,t?Lt[`segment--active`]:``].filter(Boolean).join(` `),onClick:()=>f(e.value),children:e.label},e.value)})]})},Y={field:`_field_wvw9t_6`,field__label:`_field__label_wvw9t_8`,field__description:`_field__description_wvw9t_9`,field__error:`_field__error_wvw9t_10`,select:`_select_wvw9t_12`,"select--sm":`_select--sm_wvw9t_23`,"select--md":`_select--md_wvw9t_24`,"select--lg":`_select--lg_wvw9t_25`,"select--open":`_select--open_wvw9t_27`,"select--error":`_select--error_wvw9t_34`,"select--disabled":`_select--disabled_wvw9t_39`,select__control:`_select__control_wvw9t_46`,select__chevron:`_select__chevron_wvw9t_67`,anchor:`_anchor_wvw9t_78`,select__value:`_select__value_wvw9t_82`,"select__value--placeholder":`_select__value--placeholder_wvw9t_92`,"select__chevron--open":`_select__chevron--open_wvw9t_95`,panel:`_panel_wvw9t_106`,"panel--entering":`_panel--entering_wvw9t_131`,"sakani-select-panel-in":`_sakani-select-panel-in_wvw9t_1`,"panel--exiting":`_panel--exiting_wvw9t_132`,"sakani-select-panel-out":`_sakani-select-panel-out_wvw9t_1`,option:`_option_wvw9t_143`,"option--disabled":`_option--disabled_wvw9t_157`,"option--active":`_option--active_wvw9t_158`,"option--selected":`_option--selected_wvw9t_159`,option__label:`_option__label_wvw9t_161`,option__check:`_option__check_wvw9t_162`},zt=({label:e,description:t,error:n,size:r=`md`,placeholder:i=`Select an option`,options:a,value:o,defaultValue:s,onChange:u,disabled:d,id:m,className:h})=>{let g=c.default.useId(),_=`${m??g}-trigger`,v=`${m??g}-panel`,y=!!n,[b,x]=c.default.useState(s),S=o===void 0?b:o,C=a.find(e=>e.value===S),[w,T]=c.default.useState(!1),[E,D]=c.default.useState(!1),[O,ee]=c.default.useState(0),k=c.default.useRef(null),A=c.default.useRef(null),j=c.default.useRef(null),[M,te]=c.default.useState(null);c.default.useEffect(()=>{w&&D(!0)},[w]),c.default.useLayoutEffect(()=>{if(!w)return;let e=()=>{let e=A.current;if(!e)return;let t=e.getBoundingClientRect();te({top:t.bottom+4,left:t.left,width:t.width})};return e(),window.addEventListener(`scroll`,e,!0),window.addEventListener(`resize`,e),()=>{window.removeEventListener(`scroll`,e,!0),window.removeEventListener(`resize`,e)}},[w]),c.default.useEffect(()=>{if(!w)return;let e=e=>{let t=e.target;k.current?.contains(t)||j.current?.contains(t)||T(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[w]),c.default.useEffect(()=>{if(!w)return;let e=a.findIndex(e=>e.value===S);ee(e>=0?e:0)},[w,a,S]);let ne=e=>{e.disabled||(o===void 0&&x(e.value),u?.(e.value),T(!1))},N=e=>{ee(t=>{let n=t;for(let t=0;t<a.length;t+=1)if(n=(n+e+a.length)%a.length,!a[n]?.disabled)return n;return t})};return(0,l.jsxs)(`div`,{className:[Y.field,h??``].filter(Boolean).join(` `),ref:k,children:[e&&(0,l.jsx)(`label`,{htmlFor:_,className:Y.field__label,children:e}),(0,l.jsxs)(`div`,{className:Y.anchor,children:[(0,l.jsxs)(`div`,{ref:A,id:_,role:`combobox`,tabIndex:d?-1:0,"aria-haspopup":`listbox`,"aria-expanded":w,"aria-controls":v,"aria-invalid":y||void 0,"aria-disabled":d||void 0,"aria-activedescendant":w?`${v}-opt-${O}`:void 0,onClick:()=>!d&&T(e=>!e),onKeyDown:e=>{if(!d){if(!w&&(e.key===`Enter`||e.key===` `||e.key===`ArrowDown`)){e.preventDefault(),T(!0);return}if(w)if(e.key===`ArrowDown`)e.preventDefault(),N(1);else if(e.key===`ArrowUp`)e.preventDefault(),N(-1);else if(e.key===`Home`)e.preventDefault(),ee(0);else if(e.key===`End`)e.preventDefault(),ee(a.length-1);else if(e.key===`Enter`||e.key===` `){e.preventDefault();let t=a[O];t&&ne(t)}else e.key===`Escape`&&(e.preventDefault(),T(!1))}},className:[Y.select,Y[`select--${r}`],w?Y[`select--open`]:``,y?Y[`select--error`]:``,d?Y[`select--disabled`]:``].filter(Boolean).join(` `),children:[(0,l.jsx)(`span`,{className:[Y.select__value,C?``:Y[`select__value--placeholder`]].filter(Boolean).join(` `),children:C?C.label:i}),(0,l.jsx)(`span`,{className:[Y.select__chevron,w?Y[`select__chevron--open`]:``].filter(Boolean).join(` `),"aria-hidden":`true`,children:(0,l.jsx)(`svg`,{width:16,height:16,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:p(16),strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,l.jsx)(`path`,{d:`m6 9 6 6 6-6`})})})]}),E&&M&&(0,f.createPortal)((0,l.jsx)(`div`,{ref:j,id:v,role:`listbox`,className:[Y.panel,w?Y[`panel--entering`]:Y[`panel--exiting`]].filter(Boolean).join(` `),style:{position:`fixed`,top:M.top,left:M.left,width:M.width},onAnimationEnd:()=>{w||D(!1)},children:a.map((e,t)=>(0,l.jsxs)(`div`,{id:`${v}-opt-${t}`,role:`option`,"aria-selected":e.value===S,"aria-disabled":e.disabled||void 0,onMouseEnter:()=>!e.disabled&&ee(t),onClick:()=>ne(e),className:[Y.option,t===O?Y[`option--active`]:``,e.value===S?Y[`option--selected`]:``,e.disabled?Y[`option--disabled`]:``].filter(Boolean).join(` `),children:[(0,l.jsx)(`span`,{className:Y.option__label,children:e.label}),e.value===S&&(0,l.jsx)(`span`,{className:Y.option__check,"aria-hidden":`true`,children:(0,l.jsx)(`svg`,{width:16,height:16,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,l.jsx)(`path`,{d:`M20 6 9 17l-5-5`})})})]},e.value))}),document.body)]}),(t||n)&&(0,l.jsx)(`span`,{className:y?Y.field__error:Y.field__description,children:n||t})]})},Bt={sidebar:`_sidebar_14oy8_4`,"sidebar--collapsed":`_sidebar--collapsed_14oy8_20`},Vt=({collapsed:e=!1,children:t,className:n})=>(0,l.jsx)(`nav`,{className:[Bt.sidebar,e?Bt[`sidebar--collapsed`]:``,n??``].filter(Boolean).join(` `),"data-collapsed":e,children:t}),Ht={divider:`_divider_18c5j_1`},Ut=()=>(0,l.jsx)(`div`,{className:Ht.divider,role:`separator`}),Wt={groupLabel:`_groupLabel_62q1j_2`},Gt=({children:e})=>(0,l.jsx)(`div`,{className:Wt.groupLabel,children:e}),X={header:`_header_1wyz2_2`,"header--collapsed":`_header--collapsed_1wyz2_12`,header__logoWrap:`_header__logoWrap_1wyz2_15`,header__logo:`_header__logo_1wyz2_14`,header__logoContent:`_header__logoContent_1wyz2_43`,header__logoIcon:`_header__logoIcon_1wyz2_44`,header__text:`_header__text_1wyz2_50`,"header__text--collapsed":`_header__text--collapsed_1wyz2_61`,header__title:`_header__title_1wyz2_65`,header__subtitle:`_header__subtitle_1wyz2_66`,header__toggle:`_header__toggle_1wyz2_67`},Kt=({type:e=`brand`,title:t,subtitle:n,logo:r,collapsed:i,onToggle:a,toggleIcon:o=u.PanelLeftClose})=>(0,l.jsxs)(`div`,{className:[X.header,i?X[`header--collapsed`]:``].filter(Boolean).join(` `),children:[r&&(i&&e===`brand-toggle`&&a?(0,l.jsx)(`button`,{type:`button`,className:X.header__logoWrap,onClick:a,"aria-label":`Expand sidebar`,children:(0,l.jsxs)(`span`,{className:X.header__logo,children:[(0,l.jsx)(`span`,{className:X.header__logoContent,children:r}),(0,l.jsx)(`span`,{className:X.header__logoIcon,"aria-hidden":`true`,children:(0,l.jsx)(o,{size:16,strokeWidth:p(16)})})]})}):(0,l.jsx)(`span`,{className:X.header__logoWrap,"aria-hidden":`true`,children:(0,l.jsx)(`span`,{className:X.header__logo,children:r})})),(0,l.jsxs)(`span`,{className:[X.header__text,i?X[`header__text--collapsed`]:``].filter(Boolean).join(` `),children:[(0,l.jsx)(`span`,{className:X.header__title,children:t}),(e===`workspace`||n)&&n&&(0,l.jsx)(`span`,{className:X.header__subtitle,children:n})]}),!i&&e===`brand-toggle`&&(0,l.jsx)(`button`,{type:`button`,className:X.header__toggle,onClick:a,"aria-label":`Collapse sidebar`,children:(0,l.jsx)(o,{size:18,strokeWidth:p(18)})})]}),Z={item:`_item_1k6es_5`,"item--disabled":`_item--disabled_1k6es_29`,"item--active":`_item--active_1k6es_29`,"item--active-flat":`_item--active-flat_1k6es_29`,item__icon:`_item__icon_1k6es_30`,item__bar:`_item__bar_1k6es_41`,item__chevron:`_item__chevron_1k6es_70`,item__badge:`_item__badge_1k6es_72`,"item--collapsed":`_item--collapsed_1k6es_88`,item__label:`_item__label_1k6es_114`,"item__label--collapsed":`_item__label--collapsed_1k6es_123`},qt=({icon:e,label:t,active:n,activeIndicator:r=!0,disabled:i,badge:a,hasSubmenu:o,collapsed:s,onClick:c,href:d,nativeTooltip:f=!0})=>{let m=n&&(s||r),h=n&&!s&&!r,g=[Z.item,m?Z[`item--active`]:``,h?Z[`item--active-flat`]:``,i?Z[`item--disabled`]:``,s?Z[`item--collapsed`]:``].filter(Boolean).join(` `),_=(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`span`,{className:Z.item__bar,"aria-hidden":`true`}),e&&(0,l.jsx)(`span`,{className:Z.item__icon,"aria-hidden":`true`,children:(0,l.jsx)(e,{size:18,strokeWidth:p(18)})}),(0,l.jsx)(`span`,{className:[Z.item__label,s?Z[`item__label--collapsed`]:``].filter(Boolean).join(` `),children:t}),!s&&a&&(0,l.jsx)(`span`,{className:Z.item__badge,children:a}),!s&&o&&(0,l.jsx)(`span`,{className:Z.item__chevron,"aria-hidden":`true`,children:(0,l.jsx)(u.ChevronRight,{size:16,strokeWidth:p(16)})})]}),v={className:g,title:s&&f?t:void 0,"aria-label":s?t:void 0,"aria-current":n?`page`:void 0};return d&&!i?(0,l.jsx)(`a`,{href:d,...v,children:_}):(0,l.jsx)(`button`,{type:`button`,disabled:i,onClick:c,...v,children:_})},Jt={subItem:`_subItem_b3cst_2`,"subItem--disabled":`_subItem--disabled_b3cst_24`,"subItem--active":`_subItem--active_b3cst_25`,subItem__dot:`_subItem__dot_b3cst_29`,subItem__label:`_subItem__label_b3cst_39`},Yt=({label:e,active:t,disabled:n,onClick:r,href:i})=>{let a={className:[Jt.subItem,t?Jt[`subItem--active`]:``,n?Jt[`subItem--disabled`]:``].filter(Boolean).join(` `),"aria-current":t?`page`:void 0},o=(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`span`,{className:Jt.subItem__dot,"aria-hidden":`true`}),(0,l.jsx)(`span`,{className:Jt.subItem__label,children:e})]});return i&&!n?(0,l.jsx)(`a`,{href:i,...a,children:o}):(0,l.jsx)(`button`,{type:`button`,disabled:n,onClick:r,...a,children:o})},Xt={skeleton:`_skeleton_94hr3_9`,"skeleton-shimmer":`_skeleton-shimmer_94hr3_1`,"skeleton--text":`_skeleton--text_94hr3_22`,"skeleton--rect":`_skeleton--rect_94hr3_29`,"skeleton--circle":`_skeleton--circle_94hr3_35`},Zt=({variant:e=`text`,width:t,height:n,className:r})=>{let i={};return t!==void 0&&(i.width=typeof t==`number`?`${t}px`:t),n!==void 0&&(i.height=typeof n==`number`?`${n}px`:n),(0,l.jsx)(`span`,{"aria-hidden":`true`,className:[Xt.skeleton,Xt[`skeleton--${e}`],r??``].filter(Boolean).join(` `),style:i})},Qt={field:`_field_drnb1_3`,header:`_header_drnb1_4`,label:`_label_drnb1_5`,value:`_value_drnb1_6`,slider:`_slider_drnb1_8`},$t=c.default.forwardRef(({label:e,showValue:t,min:n=0,max:r=100,value:i,defaultValue:a,disabled:o,id:s,className:u,onChange:d,...f},p)=>{let m=c.default.useId(),h=s??m,g=Number(i??a??n),[_,v]=c.default.useState(g),y=i===void 0?_:Number(i),b=(y-n)/(r-n)*100;return(0,l.jsxs)(`div`,{className:[Qt.field,u??``].filter(Boolean).join(` `),children:[(e||t)&&(0,l.jsxs)(`div`,{className:Qt.header,children:[e&&(0,l.jsx)(`label`,{htmlFor:h,className:Qt.label,children:e}),t&&(0,l.jsx)(`span`,{className:Qt.value,children:y})]}),(0,l.jsx)(`input`,{ref:p,id:h,type:`range`,min:n,max:r,value:i,defaultValue:i===void 0?a:void 0,disabled:o,onChange:e=>{i===void 0&&v(Number(e.target.value)),d?.(e)},className:Qt.slider,style:{"--pct":`${b}%`},...f})]})});$t.displayName=`Slider`;var Q={wrap:`_wrap_okjfz_6`,"wrap--bordered":`_wrap--bordered_okjfz_17`,table:`_table_okjfz_22`,headerRow:`_headerRow_okjfz_44`,headerCell:`_headerCell_okjfz_45`,bodyRow:`_bodyRow_okjfz_61`,"bodyRow--selected":`_bodyRow--selected_okjfz_66`,bodyCell:`_bodyCell_okjfz_68`,checkCell:`_checkCell_okjfz_80`,checkbox:`_checkbox_okjfz_104`,checkbox__input:`_checkbox__input_okjfz_111`,checkbox__box:`_checkbox__box_okjfz_113`,checkbox__check:`_checkbox__check_okjfz_134`,checkbox__dash:`_checkbox__dash_okjfz_141`,stackedList:`_stackedList_okjfz_160`,card:`_card_okjfz_167`,"card--selected":`_card--selected_okjfz_177`,card__field:`_card__field_okjfz_179`,card__label:`_card__label_okjfz_187`,card__value:`_card__value_okjfz_193`,card__selectRow:`_card__selectRow_okjfz_203`,"bodyRow--draggable":`_bodyRow--draggable_okjfz_213`,"bodyRow--dragging":`_bodyRow--dragging_okjfz_215`,"bodyRow--dropTarget":`_bodyRow--dropTarget_okjfz_216`},en=640;function tn(e){let[t,n]=c.default.useState(!1);return c.default.useEffect(()=>{if(e!==`auto`)return;let t=window.matchMedia(`(max-width: ${en}px)`);n(t.matches);let r=e=>n(e.matches);return t.addEventListener(`change`,r),()=>t.removeEventListener(`change`,r)},[e]),e==="default"?`default`:e===`stacked`||t?`stacked`:`default`}var nn=({checked:e,indeterminate:t,onChange:n,label:r})=>{let i=c.default.useRef(null);return c.default.useEffect(()=>{i.current&&(i.current.indeterminate=!!t)},[t]),(0,l.jsxs)(`label`,{className:Q.checkbox,children:[(0,l.jsx)(`input`,{ref:i,type:`checkbox`,checked:e,onChange:n,className:Q.checkbox__input,"aria-label":r}),(0,l.jsxs)(`span`,{className:Q.checkbox__box,"aria-hidden":`true`,children:[(0,l.jsx)(`svg`,{className:Q.checkbox__check,width:12,height:12,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:3,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,l.jsx)(`polyline`,{points:`20 6 9 17 4 12`})}),(0,l.jsx)(`span`,{className:Q.checkbox__dash})]})]})};function rn({columns:e,rows:t,selectable:n,selectedRows:r,onSelectionChange:i,rowKey:a,reorderable:o,onReorder:s,bordered:u=!0,responsive:d=`auto`,className:f}){let p=tn(d),m=r!==void 0,[h,g]=c.default.useState([]),_=m?r:h,v=e=>{m||g(e),i?.(e)},y=t.length>0&&_.length===t.length,b=_.length>0&&!y,[x,S]=c.default.useState(null),[C,w]=c.default.useState(null),T=()=>{if(x===null||C===null||x===C){S(null),w(null);return}let e=[...t],[n]=e.splice(x,1);e.splice(C,0,n),s?.(e),S(null),w(null)},E=()=>v(y?[]:t.map((e,t)=>t)),D=e=>v(_.includes(e)?_.filter(t=>t!==e):[..._,e]);return p===`stacked`?(0,l.jsx)(`div`,{className:[Q.stackedList,f??``].filter(Boolean).join(` `),role:`list`,children:t.map((t,r)=>{let i=_.includes(r);return(0,l.jsxs)(`div`,{role:`listitem`,className:[Q.card,i?Q[`card--selected`]:``].filter(Boolean).join(` `),children:[n&&(0,l.jsx)(`div`,{className:Q.card__selectRow,children:(0,l.jsx)(nn,{checked:i,onChange:()=>D(r),label:`Select row ${r+1}`})}),e.map(e=>(0,l.jsxs)(`div`,{className:Q.card__field,children:[(0,l.jsx)(`span`,{className:Q.card__label,children:e.header}),(0,l.jsx)(`span`,{className:Q.card__value,children:e.render?e.render(t):String(t[e.key]??``)})]},e.key))]},a?a(t,r):r)})}):(0,l.jsx)(`div`,{className:[Q.wrap,u?Q[`wrap--bordered`]:``,f??``].filter(Boolean).join(` `),children:(0,l.jsxs)(`table`,{className:Q.table,children:[(0,l.jsx)(`thead`,{children:(0,l.jsxs)(`tr`,{className:Q.headerRow,children:[n&&(0,l.jsx)(`th`,{className:Q.checkCell,children:(0,l.jsx)(nn,{checked:y,indeterminate:b,onChange:E,label:`Select all rows`})}),e.map(e=>(0,l.jsx)(`th`,{className:Q.headerCell,style:{textAlign:e.align??`left`,width:e.width},children:e.header},e.key))]})}),(0,l.jsx)(`tbody`,{children:t.map((t,r)=>{let i=_.includes(r);return(0,l.jsxs)(`tr`,{draggable:o||void 0,onDragStart:o?()=>S(r):void 0,onDragOver:o?e=>{e.preventDefault(),w(r)}:void 0,onDrop:o?T:void 0,onDragEnd:o?()=>{S(null),w(null)}:void 0,className:[Q.bodyRow,i?Q[`bodyRow--selected`]:``,o?Q[`bodyRow--draggable`]:``,C===r&&x!==null&&x!==r?Q[`bodyRow--dropTarget`]:``,x===r?Q[`bodyRow--dragging`]:``].filter(Boolean).join(` `),children:[n&&(0,l.jsx)(`td`,{className:Q.checkCell,children:(0,l.jsx)(nn,{checked:i,onChange:()=>D(r),label:`Select row ${r+1}`})}),e.map(e=>(0,l.jsx)(`td`,{className:Q.bodyCell,style:{textAlign:e.align??`left`},children:e.render?e.render(t):String(t[e.key]??``)},e.key))]},a?a(t,r):r)})})]})})}var an={tabs:`_tabs_1122j_3`,"tabs--borderless":`_tabs--borderless_1122j_16`,"tabs--fill":`_tabs--fill_1122j_21`,tab:`_tab_1122j_3`,"tab--disabled":`_tab--disabled_1122j_61`,"tab--active":`_tab--active_1122j_63`,indicator:`_indicator_1122j_74`,"indicator--animated":`_indicator--animated_1122j_88`},on=({items:e,value:t,defaultValue:n,onChange:r,bordered:i=!0,fill:a=!1,className:o})=>{let s=t!==void 0,[u,d]=c.default.useState(n??e[0]?.value),f=s?t:u,m=e=>{s||d(e),r?.(e)},h=c.default.useRef(null),g=c.default.useRef({}),[_,v]=c.default.useState(null),[y,b]=c.default.useState(!1);return c.default.useLayoutEffect(()=>{let e=()=>{let e=g.current[f];!e||!h.current||v({left:e.offsetLeft,width:e.offsetWidth})};e();let t=window.requestAnimationFrame(()=>b(!0)),n=new ResizeObserver(e);return h.current&&n.observe(h.current),()=>{window.cancelAnimationFrame(t),n.disconnect()}},[f,e]),(0,l.jsxs)(`div`,{ref:h,role:`tablist`,className:[an.tabs,i?``:an[`tabs--borderless`],a?an[`tabs--fill`]:``,o??``].filter(Boolean).join(` `),children:[e.map(e=>{let t=e.value===f,n=e.icon;return(0,l.jsxs)(`button`,{ref:t=>{g.current[e.value]=t},role:`tab`,type:`button`,"aria-selected":t,disabled:e.disabled,className:[an.tab,t?an[`tab--active`]:``,e.disabled?an[`tab--disabled`]:``].filter(Boolean).join(` `),onClick:()=>m(e.value),children:[n&&(0,l.jsx)(n,{size:16,strokeWidth:p(16),"aria-hidden":`true`}),e.label]},e.value)}),_&&(0,l.jsx)(`span`,{"aria-hidden":`true`,className:[an.indicator,y?an[`indicator--animated`]:``].filter(Boolean).join(` `),style:{transform:`translateX(${_.left}px)`,width:_.width}})]})},sn={wrapper:`_wrapper_w6wtp_8`,bubble:`_bubble_w6wtp_8`,bubble__title:`_bubble__title_w6wtp_46`,bubble__subtitle:`_bubble__subtitle_w6wtp_53`,caret:`_caret_w6wtp_66`,"bubble--top-left":`_bubble--top-left_w6wtp_69`,"bubble--top-center":`_bubble--top-center_w6wtp_70`,"bubble--top-right":`_bubble--top-right_w6wtp_71`,"caret--top-left":`_caret--top-left_w6wtp_78`,"caret--top-center":`_caret--top-center_w6wtp_79`,"caret--top-right":`_caret--top-right_w6wtp_80`,"bubble--bottom-left":`_bubble--bottom-left_w6wtp_91`,"bubble--bottom-center":`_bubble--bottom-center_w6wtp_92`,"bubble--bottom-right":`_bubble--bottom-right_w6wtp_93`,"caret--bottom-left":`_caret--bottom-left_w6wtp_100`,"caret--bottom-center":`_caret--bottom-center_w6wtp_101`,"caret--bottom-right":`_caret--bottom-right_w6wtp_102`,"bubble--center-left":`_bubble--center-left_w6wtp_113`,"caret--center-left":`_caret--center-left_w6wtp_121`,"bubble--center-right":`_bubble--center-right_w6wtp_131`,"caret--center-right":`_caret--center-right_w6wtp_139`},cn=({title:e,subtitle:t,pointer:n=`top-center`,children:r,className:i})=>{let[a,o]=c.default.useState(!1);return c.default.useEffect(()=>{let e=e=>{e.key===`Escape`&&o(!0)};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[]),(0,l.jsxs)(`span`,{className:[sn.wrapper,i??``].filter(Boolean).join(` `),"data-dismissed":a||void 0,onMouseLeave:()=>o(!1),onBlur:()=>o(!1),children:[r,(0,l.jsxs)(`span`,{role:`tooltip`,className:[sn.bubble,sn[`bubble--${n}`]].join(` `),children:[(0,l.jsx)(`span`,{className:sn.bubble__title,children:e}),t&&(0,l.jsx)(`span`,{className:sn.bubble__subtitle,children:t}),(0,l.jsx)(`span`,{className:[sn.caret,sn[`caret--${n}`]].join(` `),"aria-hidden":`true`})]})]})},$={bar:`_bar_1fiq0_2`,"bar--md":`_bar--md_1fiq0_11`,"bar--sm":`_bar--sm_1fiq0_12`,bar__leftGroup:`_bar__leftGroup_1fiq0_20`,bar__left:`_bar__left_1fiq0_20`,bar__spacer:`_bar__spacer_1fiq0_27`,bar__right:`_bar__right_1fiq0_30`,bar__icon:`_bar__icon_1fiq0_36`,bar__bell:`_bar__bell_1fiq0_43`,bar__dot:`_bar__dot_1fiq0_44`,bar__divider:`_bar__divider_1fiq0_49`,bar__account:`_bar__account_1fiq0_50`,"bar--chat":`_bar--chat_1fiq0_56`,bar__chatAvatar:`_bar__chatAvatar_1fiq0_64`,bar__chatMeta:`_bar__chatMeta_1fiq0_65`,bar__chatTitle:`_bar__chatTitle_1fiq0_66`,bar__chatSubtitle:`_bar__chatSubtitle_1fiq0_71`,bar__chatActions:`_bar__chatActions_1fiq0_75`,"bar__left--search":`_bar__left--search_1fiq0_79`,bar__accountChevron:`_bar__accountChevron_1fiq0_91`,"bar__accountChevron--open":`_bar__accountChevron--open_1fiq0_97`},ln=({type:e=`search`,density:t=`md`,left:n,showToggle:r=!0,onToggle:i,toggleIcon:a=u.PanelLeft,showActions:o=!0,showHelp:s=!0,hasUnread:c=!1,rightSlot:d,account:f,accountOpen:m=!1,avatar:h,title:g,subtitle:_,actions:v,className:y})=>{let b=t===`md`?20:18,x=p(b);return(0,l.jsx)(`header`,{className:[$.bar,$[`bar--${t}`],$[`bar--${e}`],y??``].filter(Boolean).join(` `),children:e===`chat`?(0,l.jsxs)(l.Fragment,{children:[h&&(0,l.jsx)(`span`,{className:$.bar__chatAvatar,children:h}),(0,l.jsxs)(`span`,{className:$.bar__chatMeta,children:[g&&(0,l.jsx)(`span`,{className:$.bar__chatTitle,children:g}),_&&(0,l.jsx)(`span`,{className:$.bar__chatSubtitle,children:_})]}),(0,l.jsx)(`div`,{className:$.bar__spacer}),v&&(0,l.jsx)(`div`,{className:$.bar__chatActions,children:v})]}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(`div`,{className:$.bar__leftGroup,children:[r&&(0,l.jsx)(`button`,{type:`button`,className:$.bar__icon,onClick:i,"aria-label":`Toggle sidebar`,children:(0,l.jsx)(a,{size:b,strokeWidth:x})}),(0,l.jsx)(`div`,{className:[$.bar__left,e===`search`?$[`bar__left--search`]:``].filter(Boolean).join(` `),"data-type":e,children:n})]}),(0,l.jsx)(`div`,{className:$.bar__spacer}),(0,l.jsxs)(`div`,{className:$.bar__right,children:[d,o&&(0,l.jsxs)(l.Fragment,{children:[s&&(0,l.jsx)(`button`,{type:`button`,className:$.bar__icon,"aria-label":`Help`,children:(0,l.jsx)(u.CircleHelp,{size:b,strokeWidth:x})}),(0,l.jsx)(`button`,{type:`button`,className:$.bar__icon,"aria-label":`Notifications`,children:(0,l.jsxs)(`span`,{className:$.bar__bell,children:[(0,l.jsx)(u.Bell,{size:b,strokeWidth:x}),c&&(0,l.jsx)(`span`,{className:$.bar__dot,"aria-hidden":`true`})]})}),(0,l.jsx)(`span`,{className:$.bar__divider})]}),f&&(0,l.jsxs)(`div`,{className:$.bar__account,children:[f,(0,l.jsx)(u.ChevronDown,{size:16,strokeWidth:p(16),className:[$.bar__accountChevron,m?$[`bar__accountChevron--open`]:``].filter(Boolean).join(` `)})]})]})]})})};Object.defineProperty(exports,"$",{enumerable:!0,get:function(){return me}}),Object.defineProperty(exports,"A",{enumerable:!0,get:function(){return st}}),Object.defineProperty(exports,"B",{enumerable:!0,get:function(){return Ue}}),Object.defineProperty(exports,"C",{enumerable:!0,get:function(){return xt}}),Object.defineProperty(exports,"D",{enumerable:!0,get:function(){return ft}}),Object.defineProperty(exports,"E",{enumerable:!0,get:function(){return ht}}),Object.defineProperty(exports,"F",{enumerable:!0,get:function(){return Qe}}),Object.defineProperty(exports,"G",{enumerable:!0,get:function(){return ke}}),Object.defineProperty(exports,"H",{enumerable:!0,get:function(){return Re}}),Object.defineProperty(exports,"I",{enumerable:!0,get:function(){return Ze}}),Object.defineProperty(exports,"J",{enumerable:!0,get:function(){return Ce}}),Object.defineProperty(exports,"K",{enumerable:!0,get:function(){return Oe}}),Object.defineProperty(exports,"L",{enumerable:!0,get:function(){return Je}}),Object.defineProperty(exports,"M",{enumerable:!0,get:function(){return rt}}),Object.defineProperty(exports,"N",{enumerable:!0,get:function(){return et}}),Object.defineProperty(exports,"O",{enumerable:!0,get:function(){return dt}}),Object.defineProperty(exports,"P",{enumerable:!0,get:function(){return $e}}),Object.defineProperty(exports,"Q",{enumerable:!0,get:function(){return he}}),Object.defineProperty(exports,"R",{enumerable:!0,get:function(){return Ke}}),Object.defineProperty(exports,"S",{enumerable:!0,get:function(){return St}}),Object.defineProperty(exports,"T",{enumerable:!0,get:function(){return gt}}),Object.defineProperty(exports,"U",{enumerable:!0,get:function(){return Ie}}),Object.defineProperty(exports,"V",{enumerable:!0,get:function(){return Ve}}),Object.defineProperty(exports,"W",{enumerable:!0,get:function(){return Ae}}),Object.defineProperty(exports,"X",{enumerable:!0,get:function(){return ve}}),Object.defineProperty(exports,"Y",{enumerable:!0,get:function(){return xe}}),Object.defineProperty(exports,"Z",{enumerable:!0,get:function(){return ge}}),Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return Mt}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return $t}}),Object.defineProperty(exports,"at",{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,"b",{enumerable:!0,get:function(){return wt}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return qt}}),Object.defineProperty(exports,"ct",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return Ut}}),Object.defineProperty(exports,"dt",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"et",{enumerable:!0,get:function(){return fe}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return Vt}}),Object.defineProperty(exports,"ft",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return Nt}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return It}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return rn}}),Object.defineProperty(exports,"it",{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,"j",{enumerable:!0,get:function(){return at}}),Object.defineProperty(exports,"k",{enumerable:!0,get:function(){return lt}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return Kt}}),Object.defineProperty(exports,"lt",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return Rt}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return cn}}),Object.defineProperty(exports,"nt",{enumerable:!0,get:function(){return ne}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return Zt}}),Object.defineProperty(exports,"ot",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return zt}}),Object.defineProperty(exports,"pt",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"q",{enumerable:!0,get:function(){return Te}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return on}}),Object.defineProperty(exports,"rt",{enumerable:!0,get:function(){return te}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return Yt}}),Object.defineProperty(exports,"st",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return ln}}),Object.defineProperty(exports,"tt",{enumerable:!0,get:function(){return ue}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return Gt}}),Object.defineProperty(exports,"ut",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"v",{enumerable:!0,get:function(){return kt}}),Object.defineProperty(exports,"w",{enumerable:!0,get:function(){return yt}}),Object.defineProperty(exports,"x",{enumerable:!0,get:function(){return Ct}}),Object.defineProperty(exports,"y",{enumerable:!0,get:function(){return Dt}}),Object.defineProperty(exports,"z",{enumerable:!0,get:function(){return Ge}});

package/dist/blocks/AccountOverviewBlock/AccountOverviewBlock.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export type AccountOverviewBlockState = 'default' | 'detailed';
+export interface AccountOverviewBlockProps {
+    state?: AccountOverviewBlockState;
+    className?: string;
+}
+export declare const AccountOverviewBlock: React.FC<AccountOverviewBlockProps>;
+export default AccountOverviewBlock;

package/dist/blocks/AccountOverviewBlock/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { AccountOverviewBlock, default } from './AccountOverviewBlock';
2	+ export type { AccountOverviewBlockProps, AccountOverviewBlockState } from './AccountOverviewBlock';

package/dist/blocks/ActivityLogBlock/ActivityLogBlock.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export type ActivityLogBlockState = 'timeline' | 'compact';
+export interface ActivityLogBlockProps {
+    state?: ActivityLogBlockState;
+    className?: string;
+}
+export declare const ActivityLogBlock: React.FC<ActivityLogBlockProps>;
+export default ActivityLogBlock;

package/dist/blocks/ActivityLogBlock/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { ActivityLogBlock, default } from './ActivityLogBlock';
2	+ export type { ActivityLogBlockProps, ActivityLogBlockState } from './ActivityLogBlock';

package/dist/blocks/AppHeaderBlock/AppHeaderBlock.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { BreadcrumbItem } from '../../components/Breadcrumb';
+import { ButtonVariant } from '../../components/Button';
+export interface AppHeaderBlockAction {
+    label: string;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+    /** Overrides the position-derived default (last action = primary, rest = secondary). */
+    variant?: ButtonVariant;
+}
+export interface AppHeaderBlockProps {
+    breadcrumbs: BreadcrumbItem[];
+    title: string;
+    description?: string;
+    actions?: AppHeaderBlockAction[];
+    className?: string;
+}
+export declare const AppHeaderBlock: React.FC<AppHeaderBlockProps>;
+export default AppHeaderBlock;

package/dist/blocks/AppHeaderBlock/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { AppHeaderBlock, default } from './AppHeaderBlock';
2	+ export type { AppHeaderBlockProps, AppHeaderBlockAction } from './AppHeaderBlock';

package/dist/blocks/Billing/AddCardFormBlock/AddCardFormBlock.d.ts ADDED Viewed

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+export interface AddCardFormValue {
+    cardholderName: string;
+    /** Digits only in the value passed to `onSave` -- displayed grouped. */
+    cardNumber: string;
+    /** "MM/YY" */
+    expiry: string;
+    cvc: string;
+}
+export type AddCardFormStatus = 'idle' | 'invalid' | 'server-error' | 'loading';
+export interface AddCardFormBlockProps {
+    initialValue?: Partial<AddCardFormValue>;
+    /** Seeds the demo -- for a real app, status is driven entirely by
+     * your own onSave handler instead. */
+    initialStatus?: AddCardFormStatus;
+    onSave?: (value: AddCardFormValue) => void;
+    className?: string;
+}
+export declare const AddCardFormBlock: React.FC<AddCardFormBlockProps>;
+export default AddCardFormBlock;

package/dist/blocks/Billing/AddCardFormBlock/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { AddCardFormBlock, default } from './AddCardFormBlock';
2	+ export type { AddCardFormBlockProps, AddCardFormValue, AddCardFormStatus } from './AddCardFormBlock';

package/dist/blocks/Billing/BillingAddressBlock/BillingAddressBlock.d.ts ADDED Viewed

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { SelectOption } from '../../../components/Select';
+export interface BillingAddressValue {
+    country: string;
+    addressLine1: string;
+    addressLine2?: string;
+    city: string;
+    state: string;
+    postalCode: string;
+}
+export type BillingAddressStatus = 'idle' | 'invalid' | 'server-error' | 'loading';
+export interface BillingAddressBlockProps {
+    /** Seeds the fields -- presence/absence is what distinguishes Figma's
+     * own Default vs. Filled previews. */
+    initialValue?: Partial<BillingAddressValue>;
+    countries?: SelectOption[];
+    /** Seeds the demo -- for a real app, status is driven entirely by your
+     * own onSave handler instead. */
+    initialStatus?: BillingAddressStatus;
+    onSave?: (value: BillingAddressValue) => void;
+    className?: string;
+}
+export declare const BillingAddressBlock: React.FC<BillingAddressBlockProps>;
+export default BillingAddressBlock;

package/dist/blocks/Billing/BillingAddressBlock/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { BillingAddressBlock, default } from './BillingAddressBlock';
2	+ export type { BillingAddressBlockProps, BillingAddressValue, BillingAddressStatus } from './BillingAddressBlock';

package/dist/blocks/Billing/BillingHistoryBlock/BillingHistoryBlock.d.ts ADDED Viewed

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+export type BillingHistoryStatus = 'paid' | 'failed';
+export interface BillingHistoryInvoice {
+    /** Unique key for the list -- defaults to index if omitted. */
+    id?: string;
+    /** e.g. "Pro plan — Monthly" */
+    planLabel: string;
+    /** e.g. "Aug 1, 2026" */
+    date: string;
+    /** e.g. "$29.00" */
+    amount: string;
+    status: BillingHistoryStatus;
+    onDownload?: () => void;
+}
+export interface BillingHistoryBlockProps {
+    invoices?: BillingHistoryInvoice[];
+    /** Shows the Skeleton loading state in place of `invoices` -- unlike
+     * Empty (derived from `invoices.length === 0`), there's no data yet
+     * at this point to derive it from. */
+    loading?: boolean;
+    className?: string;
+}
+export declare const BillingHistoryBlock: React.FC<BillingHistoryBlockProps>;
+export default BillingHistoryBlock;

package/dist/blocks/Billing/BillingHistoryBlock/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { BillingHistoryBlock, default } from './BillingHistoryBlock';
2	+ export type { BillingHistoryBlockProps, BillingHistoryInvoice, BillingHistoryStatus } from './BillingHistoryBlock';

package/dist/blocks/Billing/CurrentPlanBlock/CurrentPlanBlock.d.ts ADDED Viewed

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+export type CurrentPlanStatus = 'active' | 'trial' | 'past-due' | 'canceling';
+export interface CurrentPlanBlockProps {
+    /** e.g. "Pro plan" or "Pro trial". */
+    planName: string;
+    /** e.g. "$29" */
+    price: string;
+    /** e.g. "/month" or "/month after trial". Defaults to "/month". */
+    priceSuffix?: string;
+    status?: CurrentPlanStatus;
+    /** Usage row -- shown only in the "active" status, matching Figma. */
+    usageLabel?: string;
+    usageValue?: string;
+    /** 0–100, drives the Progress bar. */
+    usagePercent?: number;
+    /** Overrides the default trial/canceling copy line. */
+    message?: string;
+    onUpgrade?: () => void;
+    onCancel?: () => void;
+    onAddPaymentMethod?: () => void;
+    onUpdatePaymentMethod?: () => void;
+    onResume?: () => void;
+    /** Shows the Skeleton loading state in place of everything else --
+     * there's no plan data yet at this point to derive a status from. */
+    loading?: boolean;
+    className?: string;
+}
+export declare const CurrentPlanBlock: React.FC<CurrentPlanBlockProps>;
+export default CurrentPlanBlock;

package/dist/blocks/Billing/CurrentPlanBlock/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { CurrentPlanBlock, default } from './CurrentPlanBlock';
2	+ export type { CurrentPlanBlockProps, CurrentPlanStatus } from './CurrentPlanBlock';

package/dist/blocks/Billing/PaymentMethodBlock/PaymentMethodBlock.d.ts ADDED Viewed

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { PaymentMethodBrand } from './cardBrandIcons';
+export type PaymentMethodStatus = 'active' | 'expiring-soon' | 'expired';
+export interface PaymentMethodCard {
+    brand: PaymentMethodBrand;
+    /** Last 4 digits, e.g. "4242". */
+    last4: string;
+    /** e.g. "08/27" */
+    expiry: string;
+    status?: PaymentMethodStatus;
+}
+export interface PaymentMethodBlockProps {
+    /** Omit to show the Empty state. */
+    card?: PaymentMethodCard;
+    onUpdateCard?: () => void;
+    onAddPaymentMethod?: () => void;
+    /** Shows the Skeleton loading state in place of everything else --
+     * there's no card data yet at this point to derive a status from. */
+    loading?: boolean;
+    className?: string;
+}
+export declare const PaymentMethodBlock: React.FC<PaymentMethodBlockProps>;
+export default PaymentMethodBlock;

package/dist/blocks/Billing/PaymentMethodBlock/cardBrandIcons.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export type PaymentMethodBrand = 'visa' | 'mastercard';
+export declare const cardBrandIcons: Record<PaymentMethodBrand, React.FC>;

package/dist/blocks/Billing/PaymentMethodBlock/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export { PaymentMethodBlock, default } from './PaymentMethodBlock';
+export type { PaymentMethodBlockProps, PaymentMethodCard, PaymentMethodStatus } from './PaymentMethodBlock';
+export type { PaymentMethodBrand } from './cardBrandIcons';

package/dist/blocks/BlogListingBlock/BlogListingBlock.d.ts ADDED Viewed

@@ -0,0 +1,33 @@
+import { default as React } from 'react';
+import { BlogListingFeaturedCardAuthor } from '../../components/MarketingComponents/BlogListingFeaturedCard';
+import { BlogListingCardAuthor } from '../../components/MarketingComponents/BlogListingCard';
+export interface BlogListingFeaturedPost {
+    image: string;
+    imageAlt?: string;
+    title: string;
+    excerpt: string;
+    author: BlogListingFeaturedCardAuthor;
+    ctaLabel?: string;
+    onCtaClick?: () => void;
+}
+export interface BlogListingPost {
+    id?: string;
+    image: string;
+    imageAlt?: string;
+    category: string;
+    readTime: string;
+    title: string;
+    excerpt: string;
+    author: BlogListingCardAuthor;
+}
+export interface BlogListingBlockProps {
+    /** Small pill above the title, e.g. "Blog". Omit to hide it. */
+    eyebrow?: string;
+    title: string;
+    subtitle?: string;
+    featuredPost: BlogListingFeaturedPost;
+    posts: BlogListingPost[];
+    className?: string;
+}
+export declare const BlogListingBlock: React.FC<BlogListingBlockProps>;
+export default BlogListingBlock;

package/dist/blocks/BlogListingBlock/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { BlogListingBlock, default } from './BlogListingBlock';
2	+ export type { BlogListingBlockProps, BlogListingFeaturedPost, BlogListingPost } from './BlogListingBlock';

package/dist/blocks/CRMDashboardBlock/CRMDashboardBlock.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface CRMDashboardBlockProps {
+    className?: string;
+}
+export declare const CRMDashboardBlock: React.FC<CRMDashboardBlockProps>;
+export default CRMDashboardBlock;

package/dist/blocks/CRMDashboardBlock/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { CRMDashboardBlock, default } from './CRMDashboardBlock';
2	+ export type { CRMDashboardBlockProps } from './CRMDashboardBlock';

package/dist/blocks/CareersBlock/CareersBlock.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { JobListingProps } from '../../components/MarketingComponents/JobListing';
+export interface CareersJob extends Omit<JobListingProps, 'layout' | 'className'> {
+    /** Unique key for the list -- defaults to `title` if omitted. */
+    id?: string;
+}
+export interface CareersBlockProps {
+    /** Small pill above the title, e.g. "Careers". Omit to hide it. */
+    eyebrow?: string;
+    title: string;
+    subtitle?: string;
+    jobs: CareersJob[];
+    className?: string;
+}
+export declare const CareersBlock: React.FC<CareersBlockProps>;
+export default CareersBlock;

package/dist/blocks/CareersBlock/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { CareersBlock, default } from './CareersBlock';
2	+ export type { CareersBlockProps, CareersJob } from './CareersBlock';

package/dist/blocks/ChatInterfaceBlock/ChatInterfaceBlock.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export type ChatInterfaceBlockState = 'default' | 'collapsed' | 'empty';
+export interface ChatInterfaceBlockProps {
+    state?: ChatInterfaceBlockState;
+    className?: string;
+}
+export declare const ChatInterfaceBlock: React.FC<ChatInterfaceBlockProps>;
+export default ChatInterfaceBlock;

package/dist/blocks/ChatInterfaceBlock/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { ChatInterfaceBlock, default } from './ChatInterfaceBlock';
2	+ export type { ChatInterfaceBlockProps, ChatInterfaceBlockState } from './ChatInterfaceBlock';

package/dist/blocks/CheckoutFlowBlock/CheckoutFlowBlock.d.ts ADDED Viewed

@@ -0,0 +1,33 @@
+import { default as React } from 'react';
+export interface CheckoutFlowItem {
+    id?: string;
+    image: string;
+    imageAlt?: string;
+    name: string;
+    variant?: string;
+    price: number;
+    quantity: number;
+}
+export type CheckoutFlowStep = 'shipping' | 'payment';
+export interface CheckoutFlowBlockProps {
+    items: CheckoutFlowItem[];
+    /** 0 (default) renders "Free" in the summary, matching Figma. */
+    shippingCost?: number;
+    initialStep?: CheckoutFlowStep;
+    onComplete?: (order: {
+        shipping: {
+            fullName: string;
+            address: string;
+            city: string;
+        };
+        payment: {
+            cardNumber: string;
+            expiry: string;
+            cvc: string;
+        };
+    }) => void;
+    formatPrice?: (amount: number) => string;
+    className?: string;
+}
+export declare const CheckoutFlowBlock: React.FC<CheckoutFlowBlockProps>;
+export default CheckoutFlowBlock;

package/dist/blocks/CheckoutFlowBlock/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { CheckoutFlowBlock, default } from './CheckoutFlowBlock';
2	+ export type { CheckoutFlowBlockProps, CheckoutFlowItem, CheckoutFlowStep } from './CheckoutFlowBlock';

package/dist/blocks/CtaBannerBlock/CtaBannerBlock.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+export type CtaBannerVariant = 'neutral' | 'accent';
+export interface CtaBannerAction {
+    label: string;
+    onClick?: () => void;
+}
+export interface CtaBannerBlockProps {
+    title: string;
+    description: string;
+    primaryAction: CtaBannerAction;
+    secondaryAction?: CtaBannerAction;
+    /** Shows the GitHub icon before the secondary action's label. */
+    secondaryActionIcon?: boolean;
+    /** Figma Style axis (renamed to avoid colliding with the DOM `style` prop). Defaults to "neutral". */
+    variant?: CtaBannerVariant;
+    className?: string;
+}
+export declare const CtaBannerBlock: React.FC<CtaBannerBlockProps>;
+export default CtaBannerBlock;

package/dist/blocks/CtaBannerBlock/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { CtaBannerBlock, default } from './CtaBannerBlock';
2	+ export type { CtaBannerBlockProps, CtaBannerAction, CtaBannerVariant } from './CtaBannerBlock';

package/dist/blocks/DataTableBlock/DataTableBlock.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export type DataTableBlockState = 'default' | 'filtered' | 'bulk' | 'loading' | 'empty' | 'error';
+export interface DataTableBlockProps {
+    state?: DataTableBlockState;
+    className?: string;
+}
+export declare const DataTableBlock: React.FC<DataTableBlockProps>;
+export default DataTableBlock;

package/dist/blocks/DataTableBlock/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { DataTableBlock, default } from './DataTableBlock';
2	+ export type { DataTableBlockProps, DataTableBlockState } from './DataTableBlock';

package/dist/blocks/EmailVerificationBlock/EmailVerificationBlock.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+export type EmailVerificationStatus = 'idle' | 'incomplete' | 'server-error' | 'loading' | 'success' | 'skeleton';
+export interface EmailVerificationBlockProps {
+    email?: string;
+    /** Seeds the demo -- for a real app, status is driven entirely by your
+     * own onVerify/onResend handlers instead. */
+    initialStatus?: EmailVerificationStatus;
+    onVerify?: (code: string) => void;
+    onResend?: () => void;
+    className?: string;
+}
+export declare const EmailVerificationBlock: React.FC<EmailVerificationBlockProps>;
+export default EmailVerificationBlock;

package/dist/blocks/EmailVerificationBlock/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { EmailVerificationBlock, default } from './EmailVerificationBlock';
2	+ export type { EmailVerificationBlockProps, EmailVerificationStatus } from './EmailVerificationBlock';