tharaday 0.5.7 → 0.5.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/dist/components/Divider/Divider.d.ts +2 -0
  2. package/dist/components/Divider/Divider.stories.d.ts +14 -0
  3. package/dist/components/Divider/Divider.types.d.ts +9 -0
  4. package/dist/components/Header/Header.stories.d.ts +2 -0
  5. package/dist/ds.css +1 -1
  6. package/dist/ds.js +891 -851
  7. package/dist/ds.umd.cjs +1 -1
  8. package/dist/index.d.ts +2 -0
  9. package/dist/layouts/AppLayout/AppLayout.stories.d.ts +2 -0
  10. package/package.json +1 -1
  11. package/src/components/Divider/Divider.module.css +21 -0
  12. package/src/components/Divider/Divider.stories.tsx +36 -0
  13. package/src/components/Divider/Divider.tsx +45 -0
  14. package/src/components/Divider/Divider.types.ts +11 -0
  15. package/src/components/Header/Header.module.css +42 -1
  16. package/src/components/Header/Header.stories.tsx +20 -0
  17. package/src/components/Header/Header.tsx +18 -17
  18. package/src/index.ts +2 -0
  19. package/src/layouts/AppLayout/AppLayout.stories.tsx +17 -0
package/dist/ds.umd.cjs CHANGED
@@ -1 +1 @@
1
- (function(f,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("react/jsx-runtime"),require("react"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","react-dom"],n):(f=typeof globalThis<"u"?globalThis:f||self,n(f.DesignSystem={},f.jsxRuntime,f.React,f.ReactDOM))})(this,(function(f,n,g,Sn){"use strict";function Tn(o){var e,_,t="";if(typeof o=="string"||typeof o=="number")t+=o;else if(typeof o=="object")if(Array.isArray(o)){var r=o.length;for(e=0;e<r;e++)o[e]&&(_=Tn(o[e]))&&(t&&(t+=" "),t+=_)}else for(_ in o)o[_]&&(t&&(t+=" "),t+=_);return t}function a(){for(var o,e,_=0,t="",r=arguments.length;_<r;_++)(o=arguments[_])&&(e=Tn(o))&&(t&&(t+=" "),t+=e);return t}const D={root:"_root_1s3bz_1",default:"_default_1s3bz_8",bordered:"_bordered_1s3bz_14",item:"_item_1s3bz_14",separated:"_separated_1s3bz_24",ghost:"_ghost_1s3bz_34",header:"_header_1s3bz_34",sm:"_sm_1s3bz_65",md:"_md_1s3bz_70",lg:"_lg_1s3bz_75",icon:"_icon_1s3bz_97",iconExpanded:"_iconExpanded_1s3bz_102",contentWrapper:"_contentWrapper_1s3bz_106",contentExpanded:"_contentExpanded_1s3bz_113",content:"_content_1s3bz_106",contentBody:"_contentBody_1s3bz_121",contentBodyExpanded:"_contentBodyExpanded_1s3bz_134"},Wn=({items:o,allowMultiple:e=!1,defaultExpanded:_=[],variant:t="default",size:r="md",className:c,id:l})=>{const d=g.useId(),s=l??`ds-accordion-${d}`,[p,y]=g.useState(_),h=m=>{y(b=>b.includes(m)?b.filter($=>$!==m):e?[...b,m]:[m])};return n.jsx("div",{id:s,className:a(D.root,D[t],D[r],c),children:o.map(m=>{const b=p.includes(m.id);return n.jsxs("div",{className:D.item,children:[n.jsxs("button",{type:"button",id:`${s}-header-${m.id}`,className:D.header,onClick:()=>h(m.id),disabled:m.isDisabled,"aria-expanded":b,"aria-controls":`${s}-content-${m.id}`,children:[n.jsx("span",{children:m.title}),n.jsx("span",{className:a(D.icon,b&&D.iconExpanded),children:"▼"})]}),n.jsx("div",{id:`${s}-content-${m.id}`,role:"region","aria-labelledby":`${s}-header-${m.id}`,className:a(D.contentWrapper,b&&D.contentExpanded),children:n.jsx("div",{className:D.content,children:n.jsx("div",{className:a(D.contentBody,b&&D.contentBodyExpanded),children:m.content})})})]},m.id)})})},en={root:"_root_17k2j_1",image:"_image_17k2j_14",defaultIcon:"_defaultIcon_17k2j_20",fallback:"_fallback_17k2j_24",xs:"_xs_17k2j_34",sm:"_sm_17k2j_39",md:"_md_17k2j_44",lg:"_lg_17k2j_49",xl:"_xl_17k2j_54"},qn=({src:o,alt:e,name:_,size:t="md",fallback:r,className:c,...l})=>{const[d,s]=g.useState(!1),p=e??_,y=m=>m.split(" ").map(b=>b[0]).slice(0,2).join(""),h=()=>o&&!d?n.jsx("img",{src:o,alt:p||"",className:en.image,onError:()=>s(!0)}):r?n.jsx("span",{className:en.fallback,children:r}):_?n.jsx("span",{className:en.fallback,children:y(_)}):n.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:a(en.image,en.defaultIcon),"aria-hidden":"true",focusable:"false",children:n.jsx("path",{d:"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"})});return n.jsx("div",{className:a(en.root,en[t],c),...l,children:h()})},hn={root:"_root_13wyx_1",sm:"_sm_13wyx_12",md:"_md_13wyx_18",lg:"_lg_13wyx_24",solid:"_solid_13wyx_31",neutral:"_neutral_13wyx_31",success:"_success_13wyx_35",warning:"_warning_13wyx_39",danger:"_danger_13wyx_43",info:"_info_13wyx_47",subtle:"_subtle_13wyx_53",outline:"_outline_13wyx_75"},Ln=({variant:o="solid",size:e="md",intent:_="neutral",className:t,children:r,...c})=>n.jsx("span",{className:a(hn.root,hn[o],hn[e],hn[_],t),...c,children:r}),w={box:"_box_ynnco_1",fullWidth:"_fullWidth_ynnco_5","display-block":"_display-block_ynnco_10","display-flex":"_display-flex_ynnco_13","display-inline-flex":"_display-inline-flex_ynnco_16","display-grid":"_display-grid_ynnco_19","display-inline-block":"_display-inline-block_ynnco_22","display-none":"_display-none_ynnco_25","flexDirection-row":"_flexDirection-row_ynnco_30","flexDirection-column":"_flexDirection-column_ynnco_33","flexDirection-row-reverse":"_flexDirection-row-reverse_ynnco_36","flexDirection-column-reverse":"_flexDirection-column-reverse_ynnco_39","alignItems-stretch":"_alignItems-stretch_ynnco_44","alignItems-flex-start":"_alignItems-flex-start_ynnco_47","alignItems-center":"_alignItems-center_ynnco_50","alignItems-flex-end":"_alignItems-flex-end_ynnco_53","alignItems-baseline":"_alignItems-baseline_ynnco_56","justifyContent-flex-start":"_justifyContent-flex-start_ynnco_61","justifyContent-center":"_justifyContent-center_ynnco_64","justifyContent-flex-end":"_justifyContent-flex-end_ynnco_67","justifyContent-space-between":"_justifyContent-space-between_ynnco_70","justifyContent-space-around":"_justifyContent-space-around_ynnco_73","justifyContent-space-evenly":"_justifyContent-space-evenly_ynnco_76","flexWrap-nowrap":"_flexWrap-nowrap_ynnco_81","flexWrap-wrap":"_flexWrap-wrap_ynnco_84","flexWrap-wrap-reverse":"_flexWrap-wrap-reverse_ynnco_87","textAlign-left":"_textAlign-left_ynnco_92","textAlign-center":"_textAlign-center_ynnco_95","textAlign-right":"_textAlign-right_ynnco_98","textAlign-justify":"_textAlign-justify_ynnco_101","p-0":"_p-0_ynnco_106","p-1":"_p-1_ynnco_109","p-2":"_p-2_ynnco_112","p-3":"_p-3_ynnco_115","p-4":"_p-4_ynnco_118","p-5":"_p-5_ynnco_121","p-6":"_p-6_ynnco_124","p-8":"_p-8_ynnco_127","p-10":"_p-10_ynnco_130","p-12":"_p-12_ynnco_133","p-14":"_p-14_ynnco_136","px-0":"_px-0_ynnco_140","px-1":"_px-1_ynnco_144","px-2":"_px-2_ynnco_148","px-3":"_px-3_ynnco_152","px-4":"_px-4_ynnco_156","px-5":"_px-5_ynnco_160","px-6":"_px-6_ynnco_164","px-8":"_px-8_ynnco_168","px-10":"_px-10_ynnco_172","px-12":"_px-12_ynnco_176","px-14":"_px-14_ynnco_180","py-0":"_py-0_ynnco_185","py-1":"_py-1_ynnco_189","py-2":"_py-2_ynnco_193","py-3":"_py-3_ynnco_197","py-4":"_py-4_ynnco_201","py-5":"_py-5_ynnco_205","py-6":"_py-6_ynnco_209","py-8":"_py-8_ynnco_213","py-10":"_py-10_ynnco_217","py-12":"_py-12_ynnco_221","py-14":"_py-14_ynnco_225","pt-0":"_pt-0_ynnco_230","pt-1":"_pt-1_ynnco_233","pt-2":"_pt-2_ynnco_236","pt-3":"_pt-3_ynnco_239","pt-4":"_pt-4_ynnco_242","pt-5":"_pt-5_ynnco_245","pt-6":"_pt-6_ynnco_248","pt-8":"_pt-8_ynnco_251","pt-10":"_pt-10_ynnco_254","pt-12":"_pt-12_ynnco_257","pt-14":"_pt-14_ynnco_260","pb-0":"_pb-0_ynnco_264","pb-1":"_pb-1_ynnco_267","pb-2":"_pb-2_ynnco_270","pb-3":"_pb-3_ynnco_273","pb-4":"_pb-4_ynnco_276","pb-5":"_pb-5_ynnco_279","pb-6":"_pb-6_ynnco_282","pb-8":"_pb-8_ynnco_285","pb-10":"_pb-10_ynnco_288","pb-12":"_pb-12_ynnco_291","pb-14":"_pb-14_ynnco_294","pl-0":"_pl-0_ynnco_298","pl-1":"_pl-1_ynnco_301","pl-2":"_pl-2_ynnco_304","pl-3":"_pl-3_ynnco_307","pl-4":"_pl-4_ynnco_310","pl-5":"_pl-5_ynnco_313","pl-6":"_pl-6_ynnco_316","pl-8":"_pl-8_ynnco_319","pl-10":"_pl-10_ynnco_322","pl-12":"_pl-12_ynnco_325","pl-14":"_pl-14_ynnco_328","pr-0":"_pr-0_ynnco_332","pr-1":"_pr-1_ynnco_335","pr-2":"_pr-2_ynnco_338","pr-3":"_pr-3_ynnco_341","pr-4":"_pr-4_ynnco_344","pr-5":"_pr-5_ynnco_347","pr-6":"_pr-6_ynnco_350","pr-8":"_pr-8_ynnco_353","pr-10":"_pr-10_ynnco_356","pr-12":"_pr-12_ynnco_359","pr-14":"_pr-14_ynnco_362","gap-0":"_gap-0_ynnco_367","gap-1":"_gap-1_ynnco_370","gap-2":"_gap-2_ynnco_373","gap-3":"_gap-3_ynnco_376","gap-4":"_gap-4_ynnco_379","gap-5":"_gap-5_ynnco_382","gap-6":"_gap-6_ynnco_385","gap-8":"_gap-8_ynnco_388","gap-10":"_gap-10_ynnco_391","gap-12":"_gap-12_ynnco_394","gap-14":"_gap-14_ynnco_397","m-0":"_m-0_ynnco_402","m-1":"_m-1_ynnco_405","m-2":"_m-2_ynnco_408","m-3":"_m-3_ynnco_411","m-4":"_m-4_ynnco_414","m-5":"_m-5_ynnco_417","m-6":"_m-6_ynnco_420","m-8":"_m-8_ynnco_423","m-10":"_m-10_ynnco_426","m-12":"_m-12_ynnco_429","m-14":"_m-14_ynnco_432","mx-0":"_mx-0_ynnco_436","mx-1":"_mx-1_ynnco_440","mx-2":"_mx-2_ynnco_444","mx-3":"_mx-3_ynnco_448","mx-4":"_mx-4_ynnco_452","mx-5":"_mx-5_ynnco_456","mx-6":"_mx-6_ynnco_460","mx-8":"_mx-8_ynnco_464","mx-10":"_mx-10_ynnco_468","mx-12":"_mx-12_ynnco_472","mx-14":"_mx-14_ynnco_476","my-0":"_my-0_ynnco_481","my-1":"_my-1_ynnco_485","my-2":"_my-2_ynnco_489","my-3":"_my-3_ynnco_493","my-4":"_my-4_ynnco_497","my-5":"_my-5_ynnco_501","my-6":"_my-6_ynnco_505","my-8":"_my-8_ynnco_509","my-10":"_my-10_ynnco_513","my-12":"_my-12_ynnco_517","my-14":"_my-14_ynnco_521","mt-0":"_mt-0_ynnco_526","mt-1":"_mt-1_ynnco_529","mt-2":"_mt-2_ynnco_532","mt-3":"_mt-3_ynnco_535","mt-4":"_mt-4_ynnco_538","mt-5":"_mt-5_ynnco_541","mt-6":"_mt-6_ynnco_544","mt-8":"_mt-8_ynnco_547","mt-10":"_mt-10_ynnco_550","mt-12":"_mt-12_ynnco_553","mt-14":"_mt-14_ynnco_556","mb-0":"_mb-0_ynnco_560","mb-1":"_mb-1_ynnco_563","mb-2":"_mb-2_ynnco_566","mb-3":"_mb-3_ynnco_569","mb-4":"_mb-4_ynnco_572","mb-5":"_mb-5_ynnco_575","mb-6":"_mb-6_ynnco_578","mb-8":"_mb-8_ynnco_581","mb-10":"_mb-10_ynnco_584","mb-12":"_mb-12_ynnco_587","mb-14":"_mb-14_ynnco_590","ml-0":"_ml-0_ynnco_594","ml-1":"_ml-1_ynnco_597","ml-2":"_ml-2_ynnco_600","ml-3":"_ml-3_ynnco_603","ml-4":"_ml-4_ynnco_606","ml-5":"_ml-5_ynnco_609","ml-6":"_ml-6_ynnco_612","ml-8":"_ml-8_ynnco_615","ml-10":"_ml-10_ynnco_618","ml-12":"_ml-12_ynnco_621","ml-14":"_ml-14_ynnco_624","mr-0":"_mr-0_ynnco_628","mr-1":"_mr-1_ynnco_631","mr-2":"_mr-2_ynnco_634","mr-3":"_mr-3_ynnco_637","mr-4":"_mr-4_ynnco_640","mr-5":"_mr-5_ynnco_643","mr-6":"_mr-6_ynnco_646","mr-8":"_mr-8_ynnco_649","mr-10":"_mr-10_ynnco_652","mr-12":"_mr-12_ynnco_655","mr-14":"_mr-14_ynnco_658","bg-main":"_bg-main_ynnco_663","bg-subtle":"_bg-subtle_ynnco_666","bg-info-subtle":"_bg-info-subtle_ynnco_669","bg-success-subtle":"_bg-success-subtle_ynnco_672","bg-warning-subtle":"_bg-warning-subtle_ynnco_675","bg-danger-subtle":"_bg-danger-subtle_ynnco_678",border:"_border_ynnco_683",borderBottom:"_borderBottom_ynnco_686","borderColor-main":"_borderColor-main_ynnco_691","borderColor-subtle":"_borderColor-subtle_ynnco_694","borderColor-danger":"_borderColor-danger_ynnco_697","backgroundColor-none":"_backgroundColor-none_ynnco_702","backgroundColor-subtle":"_backgroundColor-subtle_ynnco_705","backgroundColor-danger-subtle":"_backgroundColor-danger-subtle_ynnco_708","backgroundColor-success-subtle":"_backgroundColor-success-subtle_ynnco_711","backgroundColor-warning-subtle":"_backgroundColor-warning-subtle_ynnco_714","backgroundColor-info-subtle":"_backgroundColor-info-subtle_ynnco_717","borderRadius-none":"_borderRadius-none_ynnco_722","borderRadius-sm":"_borderRadius-sm_ynnco_725","borderRadius-md":"_borderRadius-md_ynnco_728","borderRadius-lg":"_borderRadius-lg_ynnco_731","borderRadius-full":"_borderRadius-full_ynnco_734"},jn=(o,e,_,t,r,c,l,d)=>{const s={};return typeof e=="string"&&(s[o]=e),typeof r=="string"&&(s[`${o}Top`]=r),typeof c=="string"&&(s[`${o}Bottom`]=c),typeof l=="string"&&(s[`${o}Left`]=l),typeof d=="string"&&(s[`${o}Right`]=d),typeof _=="string"&&(s[`${o}Left`]=_,s[`${o}Right`]=_),typeof t=="string"&&(s[`${o}Top`]=t,s[`${o}Bottom`]=t),s},U=({children:o,as:e="div",display:_,padding:t,paddingX:r,paddingY:c,paddingTop:l,paddingBottom:d,paddingLeft:s,paddingRight:p,margin:y,marginX:h,marginY:m,marginTop:b,marginBottom:$,marginLeft:N,marginRight:i,gap:u,flexDirection:T,alignItems:j,justifyContent:k,flexWrap:I,flexGrow:K,flexShrink:P,flex:V,fullWidth:dn,textAlign:pn,width:fn,height:z,maxWidth:E,gridTemplateColumns:v,backgroundColor:x,border:on,borderBottom:yn,borderColor:$n,borderRadius:gn,className:C,style:In,...sn})=>{const Cn={...In,flexGrow:K,flexShrink:P,flex:V,width:fn,height:z,maxWidth:E,gridTemplateColumns:v,gap:typeof u=="string"?u:void 0,...jn("padding",t,r,c,l,d,s,p),...jn("margin",y,h,m,b,$,N,i)};return n.jsx(e,{className:a(w.box,_&&w[`display-${_}`],pn&&w[`textAlign-${pn}`],typeof t=="number"&&w[`p-${t}`],typeof r=="number"&&w[`px-${r}`],typeof c=="number"&&w[`py-${c}`],typeof l=="number"&&w[`pt-${l}`],typeof d=="number"&&w[`pb-${d}`],typeof s=="number"&&w[`pl-${s}`],typeof p=="number"&&w[`pr-${p}`],typeof y=="number"&&w[`margin-${y}`],typeof h=="number"&&w[`marginX-${h}`],typeof m=="number"&&w[`marginY-${m}`],typeof b=="number"&&w[`marginTop-${b}`],typeof $=="number"&&w[`marginBottom-${$}`],typeof N=="number"&&w[`marginLeft-${N}`],typeof i=="number"&&w[`marginRight-${i}`],typeof u=="number"&&w[`gap-${u}`],T&&w[`flexDirection-${T}`],j&&w[`alignItems-${j}`],k&&w[`justifyContent-${k}`],I&&w[`flexWrap-${I}`],x&&w[`bg-${x}`],on&&w.border,yn&&w.borderBottom,$n&&w[`borderColor-${$n}`],gn&&w[`borderRadius-${gn}`],dn&&w.fullWidth,C),style:Cn,...sn,children:o})},rn={root:"_root_10ujs_1",list:"_list_10ujs_6",item:"_item_10ujs_16",link:"_link_10ujs_21",current:"_current_10ujs_27",separator:"_separator_10ujs_38"},En=({href:o,isCurrent:e,children:_,className:t,...r})=>{const c=o&&!e?"a":"span";return n.jsx("li",{className:rn.item,children:n.jsx(c,{href:o,className:a(rn.link,e&&rn.current,t),"aria-current":e?"page":void 0,...r,children:_})})},zn=({children:o,separator:e="/",className:_,...t})=>{const r=g.Children.toArray(o);return n.jsx("nav",{"aria-label":"Breadcrumbs",className:a(rn.root,_),...t,children:n.jsx("ol",{className:rn.list,children:r.map((c,l)=>n.jsxs(g.Fragment,{children:[c,l<r.length-1&&n.jsx("li",{className:rn.separator,"aria-hidden":"true",children:e})]},l))})})},mn={root:"_root_1flxt_1",xs:"_xs_1flxt_31",sm:"_sm_1flxt_39",md:"_md_1flxt_46",lg:"_lg_1flxt_53",xl:"_xl_1flxt_60",solid:"_solid_1flxt_70",success:"_success_1flxt_82",warning:"_warning_1flxt_92",danger:"_danger_1flxt_102",info:"_info_1flxt_112",outline:"_outline_1flxt_123",subtle:"_subtle_1flxt_192",fullWidth:"_fullWidth_1flxt_245"},M=({size:o="md",variant:e="outline",intent:_="neutral",fullWidth:t=!1,className:r,children:c,...l})=>n.jsx("button",{type:"button",className:a(mn.root,mn[o],mn[e],mn[_],t&&mn.fullWidth,r),...l,children:c}),W={root:"_root_1k781_1",bordered:"_bordered_1k781_9",shadowNone:"_shadowNone_1k781_14",shadowSm:"_shadowSm_1k781_17",shadowMd:"_shadowMd_1k781_20","borderColor-main":"_borderColor-main_1k781_25","borderColor-subtle":"_borderColor-subtle_1k781_28","borderColor-danger":"_borderColor-danger_1k781_31","borderColor-success":"_borderColor-success_1k781_34","borderColor-info":"_borderColor-info_1k781_37","borderColor-warning":"_borderColor-warning_1k781_40","backgroundColor-none":"_backgroundColor-none_1k781_45","backgroundColor-subtle":"_backgroundColor-subtle_1k781_48","backgroundColor-danger-subtle":"_backgroundColor-danger-subtle_1k781_51","backgroundColor-success-subtle":"_backgroundColor-success-subtle_1k781_54","backgroundColor-warning-subtle":"_backgroundColor-warning-subtle_1k781_57","backgroundColor-info-subtle":"_backgroundColor-info-subtle_1k781_60",pNone:"_pNone_1k781_65",pSm:"_pSm_1k781_68",pMd:"_pMd_1k781_71",pLg:"_pLg_1k781_74",header:"_header_1k781_79",title:"_title_1k781_85",subtitle:"_subtitle_1k781_93",content:"_content_1k781_100",footer:"_footer_1k781_104"},Dn=({padding:o="md",shadow:e="sm",bordered:_=!0,borderColor:t,backgroundColor:r,className:c,children:l,...d})=>{const s={none:W.pNone,sm:W.pSm,md:W.pMd,lg:W.pLg}[o],p={none:W.shadowNone,sm:W.shadowSm,md:W.shadowMd}[e];return n.jsx("div",{className:a(W.root,s,p,_&&W.bordered,t&&W[`borderColor-${t}`],r&&W[`backgroundColor-${r}`],c),...d,children:l})},Mn=({title:o,subtitle:e,className:_,children:t,...r})=>n.jsxs("div",{className:a(W.header,_),...r,children:[o&&n.jsx("h3",{className:W.title,children:o}),e&&n.jsx("p",{className:W.subtitle,children:e}),t]}),An=({className:o,children:e,..._})=>n.jsx("div",{className:a(W.content,o),..._,children:e}),Fn=({className:o,children:e,..._})=>n.jsx("div",{className:a(W.footer,o),..._,children:e}),O={wrapper:"_wrapper_1mupt_1",container:"_container_1mupt_7",disabled:"_disabled_1mupt_15",input:"_input_1mupt_20",control:"_control_1mupt_28",checkmark:"_checkmark_1mupt_57",label:"_label_1mupt_68",error:"_error_1mupt_75",helperText:"_helperText_1mupt_79",errorText:"_errorText_1mupt_86"},Pn=({label:o,error:e,helperText:_,className:t,disabled:r,id:c,...l})=>{const d=g.useId(),s=c??`ds-checkbox-${d}`,p=_?`${s}-help`:void 0;return n.jsxs("div",{className:a(O.wrapper,t),children:[n.jsxs("label",{htmlFor:s,className:a(O.container,r&&O.disabled,e&&O.error),children:[n.jsx("input",{type:"checkbox",id:s,disabled:r,className:O.input,"aria-describedby":p,"aria-invalid":e||void 0,...l}),n.jsx("span",{className:O.control,children:n.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round",className:O.checkmark,children:n.jsx("polyline",{points:"20 6 9 17 4 12"})})}),o&&n.jsx("span",{className:O.label,children:o})]}),_&&n.jsx("span",{id:p,className:a(O.helperText,e&&O.errorText),children:_})]})},S={wrapper:"_wrapper_qhe61_1",fullWidth:"_fullWidth_qhe61_9",label:"_label_qhe61_13",container:"_container_qhe61_19",trigger:"_trigger_qhe61_23",error:"_error_qhe61_54",sm:"_sm_qhe61_58",lg:"_lg_qhe61_63",icon:"_icon_qhe61_68",isOpen:"_isOpen_qhe61_74",menu:"_menu_qhe61_78",option:"_option_qhe61_95",optionFocused:"_optionFocused_qhe61_104",optionSelected:"_optionSelected_qhe61_108",optionDisabled:"_optionDisabled_qhe61_118",optionLabel:"_optionLabel_qhe61_124",optionDescription:"_optionDescription_qhe61_128",helperText:"_helperText_qhe61_133",errorText:"_errorText_qhe61_138"},On=({options:o,value:e,defaultValue:_,onChange:t,placeholder:r="Select an option",label:c,helperText:l,error:d,disabled:s,size:p="md",className:y,id:h,fullWidth:m=!1})=>{const b=g.useId(),$=h??`ds-dropdown-${b}`,N=l?`${$}-help`:void 0,[i,u]=g.useState(!1),[T,j]=g.useState(_),[k,I]=g.useState(-1),K=g.useRef(null),P=g.useRef(null),V=e!==void 0?e:T,dn=o.find(v=>v.value===V),pn=k>=0?`${$}-opt-${k}`:void 0,fn=()=>{if(!s){const v=!i;if(u(v),v){if(k===-1){const x=o.findIndex(on=>on.value===V);I(x>=0?x:0)}}else I(-1)}},z=(v,x)=>{v.disabled||(e===void 0&&j(v.value),t?.(v.value),u(!1),I(x),P.current?.focus())},E=v=>{if(!s)switch(v.key){case"ArrowDown":v.preventDefault(),i?I(x=>x<o.length-1?x+1:x):(u(!0),I(o.findIndex(x=>x.value===V)||0));break;case"ArrowUp":v.preventDefault(),i?I(x=>x>0?x-1:x):(u(!0),I(o.findIndex(x=>x.value===V)||o.length-1));break;case"Enter":case" ":v.preventDefault(),i?k>=0&&z(o[k],k):(u(!0),I(o.findIndex(x=>x.value===V)||0));break;case"Escape":i&&(v.preventDefault(),u(!1),I(-1),P.current?.focus());break;case"Tab":i&&(u(!1),I(-1));break;case"Home":i&&(v.preventDefault(),I(0));break;case"End":i&&(v.preventDefault(),I(o.length-1));break}};return g.useEffect(()=>{i&&k>=0&&document.getElementById(`${$}-opt-${k}`)?.scrollIntoView({block:"nearest"})},[k,i,$]),g.useEffect(()=>{const v=x=>{K.current&&!K.current.contains(x.target)&&(u(!1),I(-1))};return document.addEventListener("mousedown",v),()=>{document.removeEventListener("mousedown",v)}},[]),n.jsxs("div",{className:a(S.wrapper,S[p],m&&S.fullWidth,d&&S.error,y),ref:K,children:[c&&n.jsx("label",{htmlFor:$,className:S.label,children:c}),n.jsxs("div",{className:S.container,children:[n.jsxs("button",{id:$,ref:P,type:"button",className:a(S.trigger,i&&S.isOpen),onClick:fn,onKeyDown:E,disabled:s,"aria-haspopup":"listbox","aria-expanded":i,"aria-describedby":N,"aria-invalid":d||void 0,"aria-controls":i?`${$}-menu`:void 0,"aria-activedescendant":i?pn:void 0,children:[n.jsx("span",{className:S.selectedLabel,children:dn?dn.label:r}),n.jsx("span",{className:S.icon,"aria-hidden":"true",children:n.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:n.jsx("path",{d:"M2.5 4.5L6 8L9.5 4.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),i&&n.jsx("ul",{id:`${$}-menu`,className:S.menu,role:"listbox","aria-labelledby":c?void 0:$,children:o.map((v,x)=>{const on=v.value===V,yn=x===k;return n.jsxs("li",{id:`${$}-opt-${x}`,role:"option","aria-selected":on,className:a(S.option,on&&S.optionSelected,yn&&S.optionFocused,v.disabled&&S.optionDisabled),onClick:()=>z(v,x),onMouseEnter:()=>!v.disabled&&I(x),children:[n.jsx("span",{className:S.optionLabel,children:v.label}),v.description&&n.jsx("span",{className:S.optionDescription,children:v.description})]},v.value)})})]}),l&&n.jsx("span",{id:N,className:a(S.helperText,d&&S.errorText),children:l})]})},cn={root:"_root_dlc85_1",container:"_container_dlc85_8",sideContainer:"_sideContainer_dlc85_17",title:"_title_dlc85_28",welcome:"_welcome_dlc85_36"},un=({id:o,logo:e,title:_,user:t,onLogin:r,onLogout:c,onCreateAccount:l,className:d,maxWidth:s})=>{const p={size:"sm",intent:"info"};return n.jsx("header",{id:o,className:a(cn.root,d),children:n.jsxs("div",{className:cn.container,style:{maxWidth:s},children:[n.jsxs("div",{className:cn.sideContainer,children:[e,n.jsx("h1",{className:cn.title,children:_})]}),n.jsx("div",{className:cn.sideContainer,children:t?n.jsxs(n.Fragment,{children:[n.jsxs("span",{className:cn.welcome,children:["Welcome, ",n.jsx("b",{children:t.name}),"!"]}),n.jsx(M,{...p,onClick:c,children:"Log out"})]}):n.jsxs(n.Fragment,{children:[n.jsx(M,{...p,onClick:r,children:"Log in"}),n.jsx(M,{size:"sm",intent:"info",variant:"solid",onClick:l,children:"Sign up"})]})})]})})},H={root:"_root_140uy_1",container:"_container_140uy_7",leftSection:"_leftSection_140uy_16",nav:"_nav_140uy_22",navList:"_navList_140uy_28",navItem:"_navItem_140uy_36",navLink:"_navLink_140uy_41",disabled:"_disabled_140uy_59",active:"_active_140uy_63",rightSection:"_rightSection_140uy_73"},Bn=({id:o,items:e,activeId:_,logo:t,actions:r,onItemClick:c,className:l,maxWidth:d})=>n.jsx("nav",{id:o,className:a(H.root,l),children:n.jsxs("div",{className:H.container,style:{maxWidth:d},children:[t&&n.jsx("div",{className:H.leftSection,children:t}),n.jsx("div",{className:H.nav,children:n.jsx("ul",{className:H.navList,children:e.map(s=>n.jsx("li",{className:H.navItem,children:n.jsx("button",{type:"button",className:a(H.navLink,_===s.id&&H.active,s.disabled&&H.disabled),onClick:()=>!s.disabled&&c?.(s.id),disabled:s.disabled,"aria-current":_===s.id?"page":void 0,children:s.label})},s.id))})}),r&&n.jsx("div",{className:H.rightSection,children:r})]})}),J={wrapper:"_wrapper_15ibj_1",fullWidth:"_fullWidth_15ibj_8",label:"_label_15ibj_13",inputRoot:"_inputRoot_15ibj_20",sm:"_sm_15ibj_56",md:"_md_15ibj_62",lg:"_lg_15ibj_72",error:"_error_15ibj_79",helperText:"_helperText_15ibj_88",errorText:"_errorText_15ibj_94"},Hn=({size:o="md",error:e,label:_,helperText:t,fullWidth:r=!1,className:c,id:l,...d})=>{const s=g.useId(),p=l??`ds-input-${s}`,y=t?`${p}-help`:void 0;return n.jsxs("div",{className:a(J.wrapper,r&&J.fullWidth,c),children:[_&&n.jsx("label",{htmlFor:p,className:J.label,children:_}),n.jsx("input",{id:p,className:a(J.inputRoot,J[o],e&&J.error),"aria-describedby":y,"aria-invalid":e||void 0,...d}),t&&n.jsx("span",{id:y,className:a(J.helperText,e&&J.errorText),children:t})]})},xn={loader:"_loader_wvz8q_1",spin:"_spin_wvz8q_1",neutral:"_neutral_wvz8q_10",info:"_info_wvz8q_13",success:"_success_wvz8q_16",warning:"_warning_wvz8q_19",danger:"_danger_wvz8q_22",sm:"_sm_wvz8q_27",md:"_md_wvz8q_33",lg:"_lg_wvz8q_39"},Kn=({id:o,size:e="md",intent:_="neutral",className:t})=>n.jsx("div",{id:o,className:a(xn.loader,xn[e],xn[_],t),role:"status","aria-label":"Loading"}),G={overlay:"_overlay_tnqx3_1",modal:"_modal_tnqx3_15",header:"_header_tnqx3_27",title:"_title_tnqx3_35",closeButton:"_closeButton_tnqx3_42",content:"_content_tnqx3_56",footer:"_footer_tnqx3_62",sm:"_sm_tnqx3_73",md:"_md_tnqx3_76",lg:"_lg_tnqx3_79",xl:"_xl_tnqx3_82",full:"_full_tnqx3_85",loading:"_loading_tnqx3_90"},Vn=({isOpen:o,onClose:e,title:_,children:t,footer:r,size:c="md",isLoading:l=!1,className:d,id:s})=>{const p=g.useRef(null),y=g.useRef(null),h=g.useRef(e),m=g.useId(),b=s??`ds-modal-${m}`,$=`${b}-title`;return g.useEffect(()=>{h.current=e},[e]),g.useEffect(()=>{const N=i=>{if(i.key==="Escape"&&!l){h.current();return}if(i.key==="Tab"&&p.current){const u=p.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),T=u[0],j=u[u.length-1];i.shiftKey?document.activeElement===T&&(j.focus(),i.preventDefault()):document.activeElement===j&&(T.focus(),i.preventDefault())}};return o&&(y.current=document.activeElement,document.body.style.overflow="hidden",window.addEventListener("keydown",N),setTimeout(()=>{const i=p.current?.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');i&&i.length>0&&i[0].focus()},0)),()=>{document.body.style.overflow="unset",window.removeEventListener("keydown",N),y.current?.focus()}},[o,l]),o?Sn.createPortal(n.jsx("div",{className:G.overlay,onClick:()=>!l&&e(),children:n.jsxs("div",{id:b,className:a(G.modal,G[c],l&&G.loading,d),onClick:N=>N.stopPropagation(),role:"dialog","aria-modal":"true","aria-labelledby":_?$:void 0,ref:p,children:[n.jsxs("div",{className:G.header,children:[_&&n.jsx("h2",{id:$,className:G.title,children:_}),n.jsx(M,{variant:"subtle",size:"sm",onClick:e,className:G.closeButton,"aria-label":"Close modal",disabled:l,children:"✕"})]}),n.jsx("div",{className:G.content,children:t}),r&&n.jsx("div",{className:G.footer,children:r})]})}),document.body):null},ln={root:"_root_1x0nr_1",content:"_content_1x0nr_13",title:"_title_1x0nr_17",message:"_message_1x0nr_23",closeButton:"_closeButton_1x0nr_28",neutral:"_neutral_1x0nr_44",info:"_info_1x0nr_50",success:"_success_1x0nr_56",warning:"_warning_1x0nr_62",danger:"_danger_1x0nr_68"},Gn=({intent:o="neutral",title:e,children:_,onClose:t,className:r,...c})=>n.jsxs("div",{className:a(ln.root,ln[o],r),role:"alert",...c,children:[n.jsxs("div",{className:ln.content,children:[e&&n.jsx("div",{className:ln.title,children:e}),n.jsx("div",{className:ln.message,children:_})]}),t&&n.jsx(M,{variant:"subtle",size:"xs",onClick:t,className:ln.closeButton,"aria-label":"Close notification",children:"✕"})]}),q={root:"_root_o4mj7_1",list:"_list_o4mj7_6",item:"_item_o4mj7_15",ellipsis:"_ellipsis_o4mj7_19",pageButton:"_pageButton_o4mj7_29"},Un=(o,e,_)=>Math.min(Math.max(o,e),_),bn=(o,e)=>{const _=[];for(let t=o;t<=e;t+=1)_.push(t);return _},Jn=(o,e,_,t,r)=>{if(o<=0)return[];if(!r)return bn(1,o);const l=_*2+1+t*2+2;if(o<=l)return bn(1,o);const d=bn(1,Math.min(t,o)),s=bn(Math.max(o-t+1,t+1),o),p=Math.max(e-_,t+2),y=Math.min(e+_,o-t-1),h=p>t+2,m=y<o-t-1,b=[...d],$=h?p:t+1,N=m?y:o-t;return h&&b.push("ellipsis"),$<=N&&b.push(...bn($,N)),m&&b.push("ellipsis"),b.push(...s),b},Qn=({id:o,count:e,page:_,defaultPage:t=1,onPageChange:r,onFirstClick:c,onLastClick:l,onNextClick:d,onPrevClick:s,siblingCount:p=1,boundaryCount:y=1,showFirstLast:h=!0,showPrevNext:m=!0,showEllipsis:b=!0,disabled:$=!1,size:N="sm",variant:i="outline",intent:u="neutral",activeVariant:T="solid",activeIntent:j,labels:k,ariaLabel:I="Pagination",getPageLabel:K,className:P})=>{const V=g.useId(),dn=o??`ds-pagination-${V}`,[pn,fn]=g.useState(t),z=Math.max(0,e),E=Un(_??pn,1,Math.max(1,z)),v=g.useMemo(()=>Jn(z,E,p,y,b),[z,E,p,y,b]),x=C=>{$||C===E||(_===void 0&&fn(C),r?.(C))},on=()=>{x(1),c?.(1)},yn=()=>{const C=z;x(C),l?.(C)},$n=()=>{const C=Math.max(1,E-1);x(C),s?.(C)},gn=()=>{const C=Math.min(z,E+1);x(C),d?.(C)};return z<=0?null:n.jsx("nav",{id:dn,"aria-label":I,className:a(q.root,P),children:n.jsxs("ul",{className:q.list,children:[h&&n.jsx("li",{className:q.item,children:n.jsx(M,{size:N,variant:i,intent:u,className:q.pageButton,onClick:on,disabled:$||E===1,"aria-label":"Go to first page",children:k?.first??"First"})}),m&&n.jsx("li",{className:q.item,children:n.jsx(M,{size:N,variant:i,intent:u,className:q.pageButton,onClick:$n,disabled:$||E===1,"aria-label":"Go to previous page",children:k?.prev??"Prev"})}),v.map((C,In)=>{if(C==="ellipsis")return n.jsx("li",{className:q.item,"aria-hidden":"true",children:n.jsx("span",{className:q.ellipsis,children:"…"})},`ellipsis-${In}`);const sn=C===E,Cn=K?.(C,sn)??`Page ${C}${sn?", current page":""}`;return n.jsx("li",{className:q.item,children:n.jsx(M,{size:N,variant:sn?T:i,intent:sn?j??u:u,className:q.pageButton,onClick:()=>x(C),disabled:$,"aria-current":sn?"page":void 0,"aria-label":Cn,children:C})},C)}),m&&n.jsx("li",{className:q.item,children:n.jsx(M,{size:N,variant:i,intent:u,className:q.pageButton,onClick:gn,disabled:$||E===z,"aria-label":"Go to next page",children:k?.next??"Next"})}),h&&n.jsx("li",{className:q.item,children:n.jsx(M,{size:N,variant:i,intent:u,className:q.pageButton,onClick:yn,disabled:$||E===z,"aria-label":"Go to last page",children:k?.last??"Last"})})]})})},Q={wrapper:"_wrapper_16yvn_1",labelWrapper:"_labelWrapper_16yvn_8",label:"_label_16yvn_8",percentage:"_percentage_16yvn_21",progressRoot:"_progressRoot_16yvn_27",indicator:"_indicator_16yvn_34",sm:"_sm_16yvn_40",md:"_md_16yvn_44",lg:"_lg_16yvn_48",info:"_info_16yvn_53",success:"_success_16yvn_57",warning:"_warning_16yvn_61",danger:"_danger_16yvn_65"},Zn=({value:o,max:e=100,size:_="md",intent:t="info",showLabel:r=!1,label:c,className:l,id:d})=>{const s=g.useId(),p=d??`ds-progressbar-${s}`,y=e>0?e:0,h=Math.min(Math.max(0,o),y),m=y>0?Math.min(Math.max(0,h/y*100),100):0,b=c?`${p}-label`:void 0;return n.jsxs("div",{id:p,className:a(Q.wrapper,Q[_],Q[t],l),children:[(c||r)&&n.jsxs("div",{className:Q.labelWrapper,children:[c&&n.jsx("span",{id:b,className:Q.label,children:c}),r&&n.jsxs("span",{className:Q.percentage,children:[Math.round(m),"%"]})]}),n.jsx("div",{className:Q.progressRoot,role:"progressbar","aria-valuenow":h,"aria-valuemin":0,"aria-valuemax":e,"aria-labelledby":b,"aria-label":c?void 0:"Progress",children:n.jsx("div",{className:Q.indicator,style:{width:`${m}%`}})})]})},A={wrapper:"_wrapper_4v5ks_1",label:"_label_4v5ks_7",sm:"_sm_4v5ks_17",md:"_md_4v5ks_20",lg:"_lg_4v5ks_23",inputWrapper:"_inputWrapper_4v5ks_27",radioRoot:"_radioRoot_4v5ks_34",checkmark:"_checkmark_4v5ks_44",labelText:"_labelText_4v5ks_127",error:"_error_4v5ks_133",helperText:"_helperText_4v5ks_142",errorText:"_errorText_4v5ks_156"},Xn=({size:o="md",label:e,helperText:_,error:t,className:r,id:c,...l})=>{const d=g.useId(),s=c??`ds-radio-${d}`,p=_?`${s}-help`:void 0;return n.jsxs("div",{className:a(A.wrapper,r),children:[n.jsxs("label",{htmlFor:s,className:a(A.label,A[o]),children:[n.jsxs("div",{className:A.inputWrapper,children:[n.jsx("input",{type:"radio",id:s,className:a(A.radioRoot,A[o],t&&A.error),"aria-describedby":p,"aria-invalid":t||void 0,...l}),n.jsx("span",{className:A.checkmark})]}),e&&n.jsx("span",{className:A.labelText,children:e})]}),_&&n.jsx("span",{id:p,className:a(A.helperText,t&&A.errorText),children:_})]})},vn={root:"_root_1qfdr_1",text:"_text_1qfdr_6",rectangular:"_rectangular_1qfdr_15",rounded:"_rounded_1qfdr_19",circular:"_circular_1qfdr_23",pulse:"_pulse_1qfdr_28",wave:"_wave_1qfdr_44"},Yn=({variant:o="rectangular",width:e,height:_,animation:t="pulse",className:r,style:c,"aria-hidden":l,...d})=>n.jsx(U,{className:a(vn.root,vn[o],t!=="none"&&vn[t],r),width:e,height:_,style:c,"aria-hidden":l??!0,...d}),F={step:"_step_1z90u_1",stepRow:"_stepRow_1z90u_18",interactive:"_interactive_1z90u_28",marker:"_marker_1z90u_48",text:"_text_1z90u_67",label:"_label_1z90u_74",description:"_description_1z90u_83",connector:"_connector_1z90u_92",completed:"_completed_1z90u_110","connector-completed":"_connector-completed_1z90u_120",current:"_current_1z90u_124","connector-current":"_connector-current_1z90u_134",error:"_error_1z90u_138","connector-error":"_connector-error_1z90u_148",upcoming:"_upcoming_1z90u_152",disabled:"_disabled_1z90u_156"},Rn=({step:o,index:e,status:_,isInteractive:t,onStepClick:r,isLast:c,id:l,className:d})=>{const s=!!o.disabled,p=t?"button":"div",y=_==="error"?"!":String(e+1),h=()=>{t&&!s&&r?.(o,e)},m=b=>{t&&!s&&(b.key==="Enter"||b.key===" ")&&(b.preventDefault(),r?.(o,e))};return n.jsxs("li",{className:a(F.step,F[_],s&&F.disabled,d),children:[n.jsxs(p,{id:l,type:t?"button":void 0,className:a(F.stepRow,t&&F.interactive),onClick:h,onKeyDown:m,"aria-current":_==="current"?"step":void 0,"aria-disabled":s?!0:void 0,disabled:t&&s?!0:void 0,tabIndex:t&&!s?0:void 0,children:[n.jsx("span",{className:F.marker,"aria-hidden":"true",children:y}),n.jsxs("span",{className:F.text,children:[n.jsx("span",{className:F.label,children:o.label}),o.description&&n.jsx("span",{className:F.description,children:o.description})]})]}),!c&&n.jsx("span",{className:a(F.connector,F[`connector-${_}`]),"aria-hidden":"true"})]})},wn={root:"_root_cxvk2_1",sm:"_sm_cxvk2_15",lg:"_lg_cxvk2_22",horizontal:"_horizontal_cxvk2_29",vertical:"_vertical_cxvk2_35"},no=(o,e)=>Number.isNaN(o)||e<=0?-1:Math.min(Math.max(o,0),e-1),oo=(o,e)=>typeof o=="number"?no(o,e.length):typeof o=="string"?e.findIndex(_=>_.id===o):e.findIndex(_=>_.status==="current"),eo=(o,e,_)=>_||(e===-1?"upcoming":o<e?"completed":o===e?"current":"upcoming"),_o=({steps:o,currentStep:e,orientation:_="horizontal",size:t="md",onStepClick:r,ariaLabel:c,className:l,id:d,...s})=>{const p=g.useId(),y=d??`ds-stepper-${p}`,h=oo(e,o),m=c??"Progress";return n.jsx("ol",{id:y,className:a(wn.root,wn[_],wn[t],l),"aria-label":m,"data-orientation":_,...s,children:o.map((b,$)=>n.jsx(Rn,{id:`${y}-step-${b.id}`,step:b,index:$,status:eo($,h,b.status),isInteractive:!!r,onStepClick:r,isLast:$===o.length-1},b.id))})},Z={wrapper:"_wrapper_vo2yb_1",fullWidth:"_fullWidth_vo2yb_8",label:"_label_vo2yb_13",selectRoot:"_selectRoot_vo2yb_20",sm:"_sm_vo2yb_58",md:"_md_vo2yb_65",lg:"_lg_vo2yb_72",error:"_error_vo2yb_80",helperText:"_helperText_vo2yb_89",errorText:"_errorText_vo2yb_95"},to=({size:o="md",error:e,label:_,helperText:t,fullWidth:r=!1,className:c,id:l,options:d,children:s,...p})=>{const y=g.useId(),h=l??`ds-select-${y}`,m=t?`${h}-help`:void 0;return n.jsxs("div",{className:a(Z.wrapper,r&&Z.fullWidth,c),children:[_&&n.jsx("label",{htmlFor:h,className:Z.label,children:_}),n.jsx("select",{id:h,className:a(Z.selectRoot,Z[o],e&&Z.error),"aria-describedby":m,"aria-invalid":e||void 0,...p,children:d?d.map(b=>n.jsx("option",{value:b.value,disabled:b.disabled,children:b.label},b.value)):s}),t&&n.jsx("span",{id:m,className:a(Z.helperText,e&&Z.errorText),children:t})]})},X={wrapper:"_wrapper_196po_1",container:"_container_196po_7",disabled:"_disabled_196po_15",input:"_input_196po_20",track:"_track_196po_27",thumb:"_thumb_196po_46",label:"_label_196po_62",helperText:"_helperText_196po_69"},so=({label:o,helperText:e,className:_,disabled:t,id:r,...c})=>{const l=g.useId(),d=r??`ds-switch-${l}`,s=e?`${d}-help`:void 0;return n.jsxs("div",{className:a(X.wrapper,_),children:[n.jsxs("label",{htmlFor:d,className:a(X.container,t&&X.disabled),children:[n.jsx("input",{type:"checkbox",id:d,role:"switch",disabled:t,className:X.input,"aria-describedby":s,...c}),n.jsx("span",{className:X.track,children:n.jsx("span",{className:X.thumb})}),o&&n.jsx("span",{className:X.label,children:o})]}),e&&n.jsx("span",{id:s,className:X.helperText,children:e})]})},L={wrapper:"_wrapper_1w3cj_1",table:"_table_1w3cj_8",thead:"_thead_1w3cj_17",tbody:"_tbody_1w3cj_22",tr:"_tr_1w3cj_22",th:"_th_1w3cj_17",td:"_td_1w3cj_40",striped:"_striped_1w3cj_46",hoverable:"_hoverable_1w3cj_50",dense:"_dense_1w3cj_54","align-left":"_align-left_1w3cj_62","align-center":"_align-center_1w3cj_65","align-right":"_align-right_1w3cj_68","align-justify":"_align-justify_1w3cj_71",loading:"_loading_1w3cj_75"},ro=({children:o,className:e,striped:_,hoverable:t,dense:r,isLoading:c,...l})=>n.jsx("div",{className:a(L.wrapper,c&&L.loading,e),children:n.jsx("table",{className:a(L.table,_&&L.striped,t&&L.hoverable,r&&L.dense),"aria-busy":c||void 0,...l,children:o})}),co=({children:o,className:e,..._})=>n.jsx("thead",{className:a(L.thead,e),..._,children:o}),lo=({children:o,className:e,..._})=>n.jsx("tbody",{className:a(L.tbody,e),..._,children:o}),ao=({children:o,className:e,..._})=>n.jsx("tfoot",{className:a(L.tfoot,e),..._,children:o}),io=({children:o,className:e,..._})=>n.jsx("tr",{className:a(L.tr,e),..._,children:o}),po=({children:o,className:e,align:_,...t})=>n.jsx("th",{className:a(L.th,_&&L[`align-${_}`],e),...t,children:o}),mo=({children:o,className:e,align:_,...t})=>n.jsx("td",{className:a(L.td,_&&L[`align-${_}`],e),...t,children:o}),Y={root:"_root_1luck_1",tabList:"_tabList_1luck_8",tabItem:"_tabItem_1luck_16",disabled:"_disabled_1luck_27",active:"_active_1luck_27",pillList:"_pillList_1luck_52",pillItem:"_pillItem_1luck_60",tabPanel:"_tabPanel_1luck_72"},bo=({items:o,defaultActiveId:e,activeId:_,onChange:t,className:r,variant:c="line",id:l})=>{const d=g.useId(),s=l??`ds-tabs-${d}`,[p,y]=g.useState(e||(o.length>0?o[0].id:"")),h=_!==void 0?_:p,m=g.useRef(null),b=(i,u)=>{u||(_===void 0&&y(i),t?.(i))},$=i=>{const u=o.filter(k=>!k.disabled),T=u.findIndex(k=>k.id===h);let j=-1;if(i.key==="ArrowRight"||i.key==="ArrowDown"?j=(T+1)%u.length:i.key==="ArrowLeft"||i.key==="ArrowUp"?j=(T-1+u.length)%u.length:i.key==="Home"?j=0:i.key==="End"&&(j=u.length-1),j!==-1){i.preventDefault();const k=u[j].id;b(k);const I=m.current?.querySelectorAll('[role="tab"]');Array.from(I||[]).find(P=>P.getAttribute("data-id")===k)?.focus()}},N=o.find(i=>i.id===h);return n.jsxs("div",{id:s,className:a(Y.root,r),children:[n.jsx("div",{role:"tablist",ref:m,className:a(Y.tabList,c==="pill"&&Y.pillList),onKeyDown:$,children:o.map(i=>{const u=i.id===h,T=!!i.disabled,j=T?-1:u?0:-1;return n.jsx("button",{role:"tab",id:`${s}-tab-${i.id}`,"aria-selected":u,"aria-controls":`${s}-panel-${i.id}`,"aria-disabled":T,tabIndex:j,disabled:T,"data-id":i.id,className:a(Y.tabItem,c==="pill"&&Y.pillItem,u&&Y.active,T&&Y.disabled),onClick:()=>b(i.id,T),children:i.label},i.id)})}),n.jsx("div",{role:"tabpanel",id:`${s}-panel-${h}`,"aria-labelledby":`${s}-tab-${h}`,className:Y.tabPanel,tabIndex:0,children:N?.content})]})},B={root:"_root_1onf5_1",h1:"_h1_1onf5_9",h2:"_h2_1onf5_15",h3:"_h3_1onf5_21",h4:"_h4_1onf5_27",h5:"_h5_1onf5_32",h6:"_h6_1onf5_37","body-lg":"_body-lg_1onf5_42","body-md":"_body-md_1onf5_46","body-sm":"_body-sm_1onf5_50",label:"_label_1onf5_54",code:"_code_1onf5_61",left:"_left_1onf5_70",center:"_center_1onf5_73",right:"_right_1onf5_76",justify:"_justify_1onf5_79",regular:"_regular_1onf5_84",medium:"_medium_1onf5_87",bold:"_bold_1onf5_90","color-main":"_color-main_1onf5_95","color-subtle":"_color-subtle_1onf5_98","color-on-brand":"_color-on-brand_1onf5_104","color-danger":"_color-danger_1onf5_107","color-success":"_color-success_1onf5_110","color-warning":"_color-warning_1onf5_113","color-info":"_color-info_1onf5_116",noWrap:"_noWrap_1onf5_121","p-0":"_p-0_1onf5_128","p-1":"_p-1_1onf5_131","p-2":"_p-2_1onf5_134","p-3":"_p-3_1onf5_137","p-4":"_p-4_1onf5_140","p-5":"_p-5_1onf5_143","p-6":"_p-6_1onf5_146","p-8":"_p-8_1onf5_149","p-10":"_p-10_1onf5_152","p-12":"_p-12_1onf5_155","p-14":"_p-14_1onf5_158","px-0":"_px-0_1onf5_162","px-1":"_px-1_1onf5_166","px-2":"_px-2_1onf5_170","px-3":"_px-3_1onf5_174","px-4":"_px-4_1onf5_178","px-5":"_px-5_1onf5_182","px-6":"_px-6_1onf5_186","px-8":"_px-8_1onf5_190","px-10":"_px-10_1onf5_194","px-12":"_px-12_1onf5_198","px-14":"_px-14_1onf5_202","py-0":"_py-0_1onf5_207","py-1":"_py-1_1onf5_211","py-2":"_py-2_1onf5_215","py-3":"_py-3_1onf5_219","py-4":"_py-4_1onf5_223","py-5":"_py-5_1onf5_227","py-6":"_py-6_1onf5_231","py-8":"_py-8_1onf5_235","py-10":"_py-10_1onf5_239","py-12":"_py-12_1onf5_243","py-14":"_py-14_1onf5_247","pt-0":"_pt-0_1onf5_252","pt-1":"_pt-1_1onf5_255","pt-2":"_pt-2_1onf5_258","pt-3":"_pt-3_1onf5_261","pt-4":"_pt-4_1onf5_264","pt-5":"_pt-5_1onf5_267","pt-6":"_pt-6_1onf5_270","pt-8":"_pt-8_1onf5_273","pt-10":"_pt-10_1onf5_276","pt-12":"_pt-12_1onf5_279","pt-14":"_pt-14_1onf5_282","pb-0":"_pb-0_1onf5_286","pb-1":"_pb-1_1onf5_289","pb-2":"_pb-2_1onf5_292","pb-3":"_pb-3_1onf5_295","pb-4":"_pb-4_1onf5_298","pb-5":"_pb-5_1onf5_301","pb-6":"_pb-6_1onf5_304","pb-8":"_pb-8_1onf5_307","pb-10":"_pb-10_1onf5_310","pb-12":"_pb-12_1onf5_313","pb-14":"_pb-14_1onf5_316","pl-0":"_pl-0_1onf5_320","pl-1":"_pl-1_1onf5_323","pl-2":"_pl-2_1onf5_326","pl-3":"_pl-3_1onf5_329","pl-4":"_pl-4_1onf5_332","pl-5":"_pl-5_1onf5_335","pl-6":"_pl-6_1onf5_338","pl-8":"_pl-8_1onf5_341","pl-10":"_pl-10_1onf5_344","pl-12":"_pl-12_1onf5_347","pl-14":"_pl-14_1onf5_350","pr-0":"_pr-0_1onf5_354","pr-1":"_pr-1_1onf5_357","pr-2":"_pr-2_1onf5_360","pr-3":"_pr-3_1onf5_363","pr-4":"_pr-4_1onf5_366","pr-5":"_pr-5_1onf5_369","pr-6":"_pr-6_1onf5_372","pr-8":"_pr-8_1onf5_375","pr-10":"_pr-10_1onf5_378","pr-12":"_pr-12_1onf5_381","pr-14":"_pr-14_1onf5_384","gap-0":"_gap-0_1onf5_389","gap-1":"_gap-1_1onf5_392","gap-2":"_gap-2_1onf5_395","gap-3":"_gap-3_1onf5_398","gap-4":"_gap-4_1onf5_401","gap-5":"_gap-5_1onf5_404","gap-6":"_gap-6_1onf5_407","gap-8":"_gap-8_1onf5_410","gap-10":"_gap-10_1onf5_413","gap-12":"_gap-12_1onf5_416","gap-14":"_gap-14_1onf5_419","m-0":"_m-0_1onf5_424","m-1":"_m-1_1onf5_427","m-2":"_m-2_1onf5_430","m-3":"_m-3_1onf5_433","m-4":"_m-4_1onf5_436","m-5":"_m-5_1onf5_439","m-6":"_m-6_1onf5_442","m-8":"_m-8_1onf5_445","m-10":"_m-10_1onf5_448","m-12":"_m-12_1onf5_451","m-14":"_m-14_1onf5_454","mx-0":"_mx-0_1onf5_458","mx-1":"_mx-1_1onf5_462","mx-2":"_mx-2_1onf5_466","mx-3":"_mx-3_1onf5_470","mx-4":"_mx-4_1onf5_474","mx-5":"_mx-5_1onf5_478","mx-6":"_mx-6_1onf5_482","mx-8":"_mx-8_1onf5_486","mx-10":"_mx-10_1onf5_490","mx-12":"_mx-12_1onf5_494","mx-14":"_mx-14_1onf5_498","my-0":"_my-0_1onf5_503","my-1":"_my-1_1onf5_507","my-2":"_my-2_1onf5_511","my-3":"_my-3_1onf5_515","my-4":"_my-4_1onf5_519","my-5":"_my-5_1onf5_523","my-6":"_my-6_1onf5_527","my-8":"_my-8_1onf5_531","my-10":"_my-10_1onf5_535","my-12":"_my-12_1onf5_539","my-14":"_my-14_1onf5_543","mt-0":"_mt-0_1onf5_548","mt-1":"_mt-1_1onf5_551","mt-2":"_mt-2_1onf5_554","mt-3":"_mt-3_1onf5_557","mt-4":"_mt-4_1onf5_560","mt-5":"_mt-5_1onf5_563","mt-6":"_mt-6_1onf5_566","mt-8":"_mt-8_1onf5_569","mt-10":"_mt-10_1onf5_572","mt-12":"_mt-12_1onf5_575","mt-14":"_mt-14_1onf5_578","mb-0":"_mb-0_1onf5_582","mb-1":"_mb-1_1onf5_585","mb-2":"_mb-2_1onf5_588","mb-3":"_mb-3_1onf5_591","mb-4":"_mb-4_1onf5_594","mb-5":"_mb-5_1onf5_597","mb-6":"_mb-6_1onf5_600","mb-8":"_mb-8_1onf5_603","mb-10":"_mb-10_1onf5_606","mb-12":"_mb-12_1onf5_609","mb-14":"_mb-14_1onf5_612","ml-0":"_ml-0_1onf5_616","ml-1":"_ml-1_1onf5_619","ml-2":"_ml-2_1onf5_622","ml-3":"_ml-3_1onf5_625","ml-4":"_ml-4_1onf5_628","ml-5":"_ml-5_1onf5_631","ml-6":"_ml-6_1onf5_634","ml-8":"_ml-8_1onf5_637","ml-10":"_ml-10_1onf5_640","ml-12":"_ml-12_1onf5_643","ml-14":"_ml-14_1onf5_646","mr-0":"_mr-0_1onf5_650","mr-1":"_mr-1_1onf5_653","mr-2":"_mr-2_1onf5_656","mr-3":"_mr-3_1onf5_659","mr-4":"_mr-4_1onf5_662","mr-5":"_mr-5_1onf5_665","mr-6":"_mr-6_1onf5_668","mr-8":"_mr-8_1onf5_671","mr-10":"_mr-10_1onf5_674","mr-12":"_mr-12_1onf5_677","mr-14":"_mr-14_1onf5_680"},fo={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6","body-lg":"p","body-md":"p","body-sm":"p",label:"span",code:"code"},kn=({children:o,variant:e="body-md",as:_,align:t,weight:r,color:c,noWrap:l,className:d,padding:s,paddingX:p,paddingY:y,paddingTop:h,paddingBottom:m,paddingLeft:b,paddingRight:$,margin:N,marginX:i,marginY:u,marginTop:T,marginBottom:j,marginLeft:k,marginRight:I,...K})=>{const P=_||fo[e]||"span";return n.jsx(P,{className:a(B.root,B[e],t&&B[t],r&&B[r],c&&B[`color-${c}`],l&&B.noWrap,s!==void 0&&B[`p-${s}`],p!==void 0&&B[`px-${p}`],y!==void 0&&B[`py-${y}`],h!==void 0&&B[`pt-${h}`],m!==void 0&&B[`pb-${m}`],b!==void 0&&B[`pl-${b}`],$!==void 0&&B[`pr-${$}`],N!==void 0&&B[`margin-${N}`],i!==void 0&&B[`marginX-${i}`],u!==void 0&&B[`marginY-${u}`],T!==void 0&&B[`marginTop-${T}`],j!==void 0&&B[`marginBottom-${j}`],k!==void 0&&B[`marginLeft-${k}`],I!==void 0&&B[`marginRight-${I}`],d),...K,children:o})},R={wrapper:"_wrapper_idhh9_1",fullWidth:"_fullWidth_idhh9_8",label:"_label_idhh9_13",textareaRoot:"_textareaRoot_idhh9_20",sm:"_sm_idhh9_58",md:"_md_idhh9_63",lg:"_lg_idhh9_68",error:"_error_idhh9_74",helperText:"_helperText_idhh9_83",errorText:"_errorText_idhh9_89"},yo=({size:o="md",error:e,label:_,helperText:t,fullWidth:r=!1,className:c,id:l,rows:d=4,...s})=>{const p=g.useId(),y=l??`ds-textarea-${p}`,h=t?`${y}-help`:void 0;return n.jsxs("div",{className:a(R.wrapper,r&&R.fullWidth,c),children:[_&&n.jsx("label",{htmlFor:y,className:R.label,children:_}),n.jsx("textarea",{id:y,rows:d,className:a(R.textareaRoot,R[o],e&&R.error),"aria-describedby":h,"aria-invalid":e||void 0,...s}),t&&n.jsx("span",{id:h,className:a(R.helperText,e&&R.errorText),children:t})]})},an={root:"_root_1kghr_1",trigger:"_trigger_1kghr_6",tooltip:"_tooltip_1kghr_10",dark:"_dark_1kghr_22",light:"_light_1kghr_27",visible:"_visible_1kghr_34",top:"_top_1kghr_39",bottom:"_bottom_1kghr_45",left:"_left_1kghr_51",right:"_right_1kghr_57"},ho=({content:o,children:e,position:_="top",variant:t="dark",delay:r=200,className:c,id:l})=>{const[d,s]=g.useState(!1),p=g.useRef(null),y=g.useId(),h=l??`ds-tooltip-${y}`,m=`${h}-content`,b=()=>{p.current=window.setTimeout(()=>{s(!0)},r)},$=()=>{p.current&&window.clearTimeout(p.current),s(!1)},N=u=>{u.key==="Escape"&&$()},i=g.isValidElement(e)?(()=>{const u=e;return g.cloneElement(u,{"aria-describedby":[u.props["aria-describedby"],m].filter(Boolean).join(" ")})})():e;return n.jsxs("div",{id:h,className:a(an.root,c),onMouseEnter:b,onMouseLeave:$,onFocus:b,onBlur:$,onKeyDown:N,children:[n.jsx("div",{className:an.trigger,children:i}),d&&n.jsx("div",{className:a(an.tooltip,an[_],an[t],d&&an.visible),id:m,role:"tooltip",children:o})]})},Nn={root:"_root_1931n_1",main:"_main_1931n_8",container:"_container_1931n_13"},uo=({headerLogo:o,headerTitle:e,user:_,navItems:t,activeNavId:r,navActions:c,children:l,onLogin:d,onLogout:s,onCreateAccount:p,onNavItemClick:y,className:h,maxWidth:m="75rem"})=>n.jsxs("div",{className:a(Nn.root,h),children:[n.jsx(un,{logo:o,title:e,user:_,onLogin:d,onLogout:s,onCreateAccount:p,maxWidth:m}),n.jsx(Bn,{items:t,activeId:r,actions:c,onItemClick:y,maxWidth:m}),n.jsx("main",{className:Nn.main,children:n.jsx(U,{className:Nn.container,maxWidth:m,children:l})})]}),_n={root:"_root_416o7_1",card:"_card_416o7_11",header:"_header_416o7_21",logo:"_logo_416o7_26",title:"_title_416o7_32",description:"_description_416o7_39",content:"_content_416o7_45"},$o=({logo:o,title:e,description:_,children:t,className:r})=>n.jsx(U,{className:a(_n.root,r),children:n.jsxs(U,{className:_n.card,children:[n.jsxs(U,{className:_n.header,children:[o&&n.jsx(U,{className:_n.logo,children:o}),e&&n.jsx(kn,{variant:"h3",as:"h1",className:_n.title,children:e}),_&&n.jsx(kn,{variant:"body-sm",color:"subtle",className:_n.description,children:_})]}),n.jsx(U,{className:_n.content,children:t})]})}),nn={root:"_root_1vwxr_1",main:"_main_1vwxr_7",container:"_container_1vwxr_11",topBar:"_topBar_1vwxr_20",stats:"_stats_1vwxr_27",content:"_content_1vwxr_33"},go=({headerLogo:o,headerTitle:e,breadcrumbs:_,actions:t,stats:r,children:c,user:l,onLogin:d,onLogout:s,onCreateAccount:p,className:y,maxWidth:h})=>n.jsxs("div",{className:a(nn.root,y),children:[n.jsx(un,{logo:o,title:e,user:l,onLogin:d,onLogout:s,onCreateAccount:p,maxWidth:h}),n.jsx("main",{className:nn.main,children:n.jsxs("div",{className:nn.container,children:[(_||t)&&n.jsxs("div",{className:nn.topBar,children:[n.jsx("div",{className:nn.breadcrumbs,children:_}),n.jsx("div",{className:nn.actions,children:t})]}),r&&n.jsx("div",{className:nn.stats,children:r}),n.jsx("div",{className:nn.content,children:c})]})})]}),tn={root:"_root_o4vai_1",main:"_main_o4vai_7",container:"_container_o4vai_11",layoutBody:"_layoutBody_o4vai_20",sidebar:"_sidebar_o4vai_26",content:"_content_o4vai_34"},xo=({headerLogo:o,headerTitle:e,breadcrumbs:_,sidebar:t,children:r,user:c,onLogin:l,onLogout:d,onCreateAccount:s,className:p,maxWidth:y})=>n.jsxs("div",{className:a(tn.root,p),children:[n.jsx(un,{logo:o,title:e,user:c,onLogin:l,onLogout:d,onCreateAccount:s,maxWidth:y}),n.jsx("main",{className:tn.main,children:n.jsxs("div",{className:tn.container,children:[_&&n.jsx("div",{className:tn.breadcrumbs,children:_}),n.jsxs("div",{className:tn.layoutBody,children:[t&&n.jsx("aside",{className:tn.sidebar,children:t}),n.jsx("section",{className:tn.content,children:r})]})]})})]});f.Accordion=Wn,f.AppLayout=uo,f.AuthLayout=$o,f.Avatar=qn,f.Badge=Ln,f.Box=U,f.BreadcrumbItem=En,f.Breadcrumbs=zn,f.Button=M,f.Card=Dn,f.CardContent=An,f.CardFooter=Fn,f.CardHeader=Mn,f.Checkbox=Pn,f.DashboardLayout=go,f.Dropdown=On,f.Header=un,f.Input=Hn,f.Loader=Kn,f.Modal=Vn,f.NavBar=Bn,f.Notification=Gn,f.Pagination=Qn,f.ProgressBar=Zn,f.RadioButton=Xn,f.Select=to,f.SettingsLayout=xo,f.Skeleton=Yn,f.Stepper=_o,f.Switch=so,f.Table=ro,f.TableBody=lo,f.TableCell=mo,f.TableFooter=ao,f.TableHead=po,f.TableHeader=co,f.TableRow=io,f.Tabs=bo,f.Text=kn,f.Textarea=yo,f.Tooltip=ho,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})}));
1
+ (function(f,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("react/jsx-runtime"),require("react"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","react-dom"],o):(f=typeof globalThis<"u"?globalThis:f||self,o(f.DesignSystem={},f.jsxRuntime,f.React,f.ReactDOM))})(this,(function(f,o,g,Wo){"use strict";function Bo(n){var e,_,t="";if(typeof n=="string"||typeof n=="number")t+=n;else if(typeof n=="object")if(Array.isArray(n)){var s=n.length;for(e=0;e<s;e++)n[e]&&(_=Bo(n[e]))&&(t&&(t+=" "),t+=_)}else for(_ in n)n[_]&&(t&&(t+=" "),t+=_);return t}function a(){for(var n,e,_=0,t="",s=arguments.length;_<s;_++)(n=arguments[_])&&(e=Bo(n))&&(t&&(t+=" "),t+=e);return t}const D={root:"_root_1s3bz_1",default:"_default_1s3bz_8",bordered:"_bordered_1s3bz_14",item:"_item_1s3bz_14",separated:"_separated_1s3bz_24",ghost:"_ghost_1s3bz_34",header:"_header_1s3bz_34",sm:"_sm_1s3bz_65",md:"_md_1s3bz_70",lg:"_lg_1s3bz_75",icon:"_icon_1s3bz_97",iconExpanded:"_iconExpanded_1s3bz_102",contentWrapper:"_contentWrapper_1s3bz_106",contentExpanded:"_contentExpanded_1s3bz_113",content:"_content_1s3bz_106",contentBody:"_contentBody_1s3bz_121",contentBodyExpanded:"_contentBodyExpanded_1s3bz_134"},zo=({items:n,allowMultiple:e=!1,defaultExpanded:_=[],variant:t="default",size:s="md",className:c,id:l})=>{const i=g.useId(),r=l??`ds-accordion-${i}`,[p,y]=g.useState(_),h=m=>{y(b=>b.includes(m)?b.filter($=>$!==m):e?[...b,m]:[m])};return o.jsx("div",{id:r,className:a(D.root,D[t],D[s],c),children:n.map(m=>{const b=p.includes(m.id);return o.jsxs("div",{className:D.item,children:[o.jsxs("button",{type:"button",id:`${r}-header-${m.id}`,className:D.header,onClick:()=>h(m.id),disabled:m.isDisabled,"aria-expanded":b,"aria-controls":`${r}-content-${m.id}`,children:[o.jsx("span",{children:m.title}),o.jsx("span",{className:a(D.icon,b&&D.iconExpanded),children:"▼"})]}),o.jsx("div",{id:`${r}-content-${m.id}`,role:"region","aria-labelledby":`${r}-header-${m.id}`,className:a(D.contentWrapper,b&&D.contentExpanded),children:o.jsx("div",{className:D.content,children:o.jsx("div",{className:a(D.contentBody,b&&D.contentBodyExpanded),children:m.content})})})]},m.id)})})},_o={root:"_root_17k2j_1",image:"_image_17k2j_14",defaultIcon:"_defaultIcon_17k2j_20",fallback:"_fallback_17k2j_24",xs:"_xs_17k2j_34",sm:"_sm_17k2j_39",md:"_md_17k2j_44",lg:"_lg_17k2j_49",xl:"_xl_17k2j_54"},Eo=({src:n,alt:e,name:_,size:t="md",fallback:s,className:c,...l})=>{const[i,r]=g.useState(!1),p=e??_,y=m=>m.split(" ").map(b=>b[0]).slice(0,2).join(""),h=()=>n&&!i?o.jsx("img",{src:n,alt:p||"",className:_o.image,onError:()=>r(!0)}):s?o.jsx("span",{className:_o.fallback,children:s}):_?o.jsx("span",{className:_o.fallback,children:y(_)}):o.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:a(_o.image,_o.defaultIcon),"aria-hidden":"true",focusable:"false",children:o.jsx("path",{d:"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"})});return o.jsx("div",{className:a(_o.root,_o[t],c),...l,children:h()})},ho={root:"_root_13wyx_1",sm:"_sm_13wyx_12",md:"_md_13wyx_18",lg:"_lg_13wyx_24",solid:"_solid_13wyx_31",neutral:"_neutral_13wyx_31",success:"_success_13wyx_35",warning:"_warning_13wyx_39",danger:"_danger_13wyx_43",info:"_info_13wyx_47",subtle:"_subtle_13wyx_53",outline:"_outline_13wyx_75"},Lo=({variant:n="solid",size:e="md",intent:_="neutral",className:t,children:s,...c})=>o.jsx("span",{className:a(ho.root,ho[n],ho[e],ho[_],t),...c,children:s}),w={box:"_box_ynnco_1",fullWidth:"_fullWidth_ynnco_5","display-block":"_display-block_ynnco_10","display-flex":"_display-flex_ynnco_13","display-inline-flex":"_display-inline-flex_ynnco_16","display-grid":"_display-grid_ynnco_19","display-inline-block":"_display-inline-block_ynnco_22","display-none":"_display-none_ynnco_25","flexDirection-row":"_flexDirection-row_ynnco_30","flexDirection-column":"_flexDirection-column_ynnco_33","flexDirection-row-reverse":"_flexDirection-row-reverse_ynnco_36","flexDirection-column-reverse":"_flexDirection-column-reverse_ynnco_39","alignItems-stretch":"_alignItems-stretch_ynnco_44","alignItems-flex-start":"_alignItems-flex-start_ynnco_47","alignItems-center":"_alignItems-center_ynnco_50","alignItems-flex-end":"_alignItems-flex-end_ynnco_53","alignItems-baseline":"_alignItems-baseline_ynnco_56","justifyContent-flex-start":"_justifyContent-flex-start_ynnco_61","justifyContent-center":"_justifyContent-center_ynnco_64","justifyContent-flex-end":"_justifyContent-flex-end_ynnco_67","justifyContent-space-between":"_justifyContent-space-between_ynnco_70","justifyContent-space-around":"_justifyContent-space-around_ynnco_73","justifyContent-space-evenly":"_justifyContent-space-evenly_ynnco_76","flexWrap-nowrap":"_flexWrap-nowrap_ynnco_81","flexWrap-wrap":"_flexWrap-wrap_ynnco_84","flexWrap-wrap-reverse":"_flexWrap-wrap-reverse_ynnco_87","textAlign-left":"_textAlign-left_ynnco_92","textAlign-center":"_textAlign-center_ynnco_95","textAlign-right":"_textAlign-right_ynnco_98","textAlign-justify":"_textAlign-justify_ynnco_101","p-0":"_p-0_ynnco_106","p-1":"_p-1_ynnco_109","p-2":"_p-2_ynnco_112","p-3":"_p-3_ynnco_115","p-4":"_p-4_ynnco_118","p-5":"_p-5_ynnco_121","p-6":"_p-6_ynnco_124","p-8":"_p-8_ynnco_127","p-10":"_p-10_ynnco_130","p-12":"_p-12_ynnco_133","p-14":"_p-14_ynnco_136","px-0":"_px-0_ynnco_140","px-1":"_px-1_ynnco_144","px-2":"_px-2_ynnco_148","px-3":"_px-3_ynnco_152","px-4":"_px-4_ynnco_156","px-5":"_px-5_ynnco_160","px-6":"_px-6_ynnco_164","px-8":"_px-8_ynnco_168","px-10":"_px-10_ynnco_172","px-12":"_px-12_ynnco_176","px-14":"_px-14_ynnco_180","py-0":"_py-0_ynnco_185","py-1":"_py-1_ynnco_189","py-2":"_py-2_ynnco_193","py-3":"_py-3_ynnco_197","py-4":"_py-4_ynnco_201","py-5":"_py-5_ynnco_205","py-6":"_py-6_ynnco_209","py-8":"_py-8_ynnco_213","py-10":"_py-10_ynnco_217","py-12":"_py-12_ynnco_221","py-14":"_py-14_ynnco_225","pt-0":"_pt-0_ynnco_230","pt-1":"_pt-1_ynnco_233","pt-2":"_pt-2_ynnco_236","pt-3":"_pt-3_ynnco_239","pt-4":"_pt-4_ynnco_242","pt-5":"_pt-5_ynnco_245","pt-6":"_pt-6_ynnco_248","pt-8":"_pt-8_ynnco_251","pt-10":"_pt-10_ynnco_254","pt-12":"_pt-12_ynnco_257","pt-14":"_pt-14_ynnco_260","pb-0":"_pb-0_ynnco_264","pb-1":"_pb-1_ynnco_267","pb-2":"_pb-2_ynnco_270","pb-3":"_pb-3_ynnco_273","pb-4":"_pb-4_ynnco_276","pb-5":"_pb-5_ynnco_279","pb-6":"_pb-6_ynnco_282","pb-8":"_pb-8_ynnco_285","pb-10":"_pb-10_ynnco_288","pb-12":"_pb-12_ynnco_291","pb-14":"_pb-14_ynnco_294","pl-0":"_pl-0_ynnco_298","pl-1":"_pl-1_ynnco_301","pl-2":"_pl-2_ynnco_304","pl-3":"_pl-3_ynnco_307","pl-4":"_pl-4_ynnco_310","pl-5":"_pl-5_ynnco_313","pl-6":"_pl-6_ynnco_316","pl-8":"_pl-8_ynnco_319","pl-10":"_pl-10_ynnco_322","pl-12":"_pl-12_ynnco_325","pl-14":"_pl-14_ynnco_328","pr-0":"_pr-0_ynnco_332","pr-1":"_pr-1_ynnco_335","pr-2":"_pr-2_ynnco_338","pr-3":"_pr-3_ynnco_341","pr-4":"_pr-4_ynnco_344","pr-5":"_pr-5_ynnco_347","pr-6":"_pr-6_ynnco_350","pr-8":"_pr-8_ynnco_353","pr-10":"_pr-10_ynnco_356","pr-12":"_pr-12_ynnco_359","pr-14":"_pr-14_ynnco_362","gap-0":"_gap-0_ynnco_367","gap-1":"_gap-1_ynnco_370","gap-2":"_gap-2_ynnco_373","gap-3":"_gap-3_ynnco_376","gap-4":"_gap-4_ynnco_379","gap-5":"_gap-5_ynnco_382","gap-6":"_gap-6_ynnco_385","gap-8":"_gap-8_ynnco_388","gap-10":"_gap-10_ynnco_391","gap-12":"_gap-12_ynnco_394","gap-14":"_gap-14_ynnco_397","m-0":"_m-0_ynnco_402","m-1":"_m-1_ynnco_405","m-2":"_m-2_ynnco_408","m-3":"_m-3_ynnco_411","m-4":"_m-4_ynnco_414","m-5":"_m-5_ynnco_417","m-6":"_m-6_ynnco_420","m-8":"_m-8_ynnco_423","m-10":"_m-10_ynnco_426","m-12":"_m-12_ynnco_429","m-14":"_m-14_ynnco_432","mx-0":"_mx-0_ynnco_436","mx-1":"_mx-1_ynnco_440","mx-2":"_mx-2_ynnco_444","mx-3":"_mx-3_ynnco_448","mx-4":"_mx-4_ynnco_452","mx-5":"_mx-5_ynnco_456","mx-6":"_mx-6_ynnco_460","mx-8":"_mx-8_ynnco_464","mx-10":"_mx-10_ynnco_468","mx-12":"_mx-12_ynnco_472","mx-14":"_mx-14_ynnco_476","my-0":"_my-0_ynnco_481","my-1":"_my-1_ynnco_485","my-2":"_my-2_ynnco_489","my-3":"_my-3_ynnco_493","my-4":"_my-4_ynnco_497","my-5":"_my-5_ynnco_501","my-6":"_my-6_ynnco_505","my-8":"_my-8_ynnco_509","my-10":"_my-10_ynnco_513","my-12":"_my-12_ynnco_517","my-14":"_my-14_ynnco_521","mt-0":"_mt-0_ynnco_526","mt-1":"_mt-1_ynnco_529","mt-2":"_mt-2_ynnco_532","mt-3":"_mt-3_ynnco_535","mt-4":"_mt-4_ynnco_538","mt-5":"_mt-5_ynnco_541","mt-6":"_mt-6_ynnco_544","mt-8":"_mt-8_ynnco_547","mt-10":"_mt-10_ynnco_550","mt-12":"_mt-12_ynnco_553","mt-14":"_mt-14_ynnco_556","mb-0":"_mb-0_ynnco_560","mb-1":"_mb-1_ynnco_563","mb-2":"_mb-2_ynnco_566","mb-3":"_mb-3_ynnco_569","mb-4":"_mb-4_ynnco_572","mb-5":"_mb-5_ynnco_575","mb-6":"_mb-6_ynnco_578","mb-8":"_mb-8_ynnco_581","mb-10":"_mb-10_ynnco_584","mb-12":"_mb-12_ynnco_587","mb-14":"_mb-14_ynnco_590","ml-0":"_ml-0_ynnco_594","ml-1":"_ml-1_ynnco_597","ml-2":"_ml-2_ynnco_600","ml-3":"_ml-3_ynnco_603","ml-4":"_ml-4_ynnco_606","ml-5":"_ml-5_ynnco_609","ml-6":"_ml-6_ynnco_612","ml-8":"_ml-8_ynnco_615","ml-10":"_ml-10_ynnco_618","ml-12":"_ml-12_ynnco_621","ml-14":"_ml-14_ynnco_624","mr-0":"_mr-0_ynnco_628","mr-1":"_mr-1_ynnco_631","mr-2":"_mr-2_ynnco_634","mr-3":"_mr-3_ynnco_637","mr-4":"_mr-4_ynnco_640","mr-5":"_mr-5_ynnco_643","mr-6":"_mr-6_ynnco_646","mr-8":"_mr-8_ynnco_649","mr-10":"_mr-10_ynnco_652","mr-12":"_mr-12_ynnco_655","mr-14":"_mr-14_ynnco_658","bg-main":"_bg-main_ynnco_663","bg-subtle":"_bg-subtle_ynnco_666","bg-info-subtle":"_bg-info-subtle_ynnco_669","bg-success-subtle":"_bg-success-subtle_ynnco_672","bg-warning-subtle":"_bg-warning-subtle_ynnco_675","bg-danger-subtle":"_bg-danger-subtle_ynnco_678",border:"_border_ynnco_683",borderBottom:"_borderBottom_ynnco_686","borderColor-main":"_borderColor-main_ynnco_691","borderColor-subtle":"_borderColor-subtle_ynnco_694","borderColor-danger":"_borderColor-danger_ynnco_697","backgroundColor-none":"_backgroundColor-none_ynnco_702","backgroundColor-subtle":"_backgroundColor-subtle_ynnco_705","backgroundColor-danger-subtle":"_backgroundColor-danger-subtle_ynnco_708","backgroundColor-success-subtle":"_backgroundColor-success-subtle_ynnco_711","backgroundColor-warning-subtle":"_backgroundColor-warning-subtle_ynnco_714","backgroundColor-info-subtle":"_backgroundColor-info-subtle_ynnco_717","borderRadius-none":"_borderRadius-none_ynnco_722","borderRadius-sm":"_borderRadius-sm_ynnco_725","borderRadius-md":"_borderRadius-md_ynnco_728","borderRadius-lg":"_borderRadius-lg_ynnco_731","borderRadius-full":"_borderRadius-full_ynnco_734"},So=(n,e,_,t,s,c,l,i)=>{const r={};return typeof e=="string"&&(r[n]=e),typeof s=="string"&&(r[`${n}Top`]=s),typeof c=="string"&&(r[`${n}Bottom`]=c),typeof l=="string"&&(r[`${n}Left`]=l),typeof i=="string"&&(r[`${n}Right`]=i),typeof _=="string"&&(r[`${n}Left`]=_,r[`${n}Right`]=_),typeof t=="string"&&(r[`${n}Top`]=t,r[`${n}Bottom`]=t),r},J=({children:n,as:e="div",display:_,padding:t,paddingX:s,paddingY:c,paddingTop:l,paddingBottom:i,paddingLeft:r,paddingRight:p,margin:y,marginX:h,marginY:m,marginTop:b,marginBottom:$,marginLeft:N,marginRight:d,gap:u,flexDirection:C,alignItems:T,justifyContent:k,flexWrap:I,flexGrow:V,flexShrink:F,flex:G,fullWidth:io,textAlign:po,width:fo,height:L,maxWidth:E,gridTemplateColumns:v,backgroundColor:x,border:eo,borderBottom:yo,borderColor:go,borderRadius:xo,className:j,style:Co,...ro})=>{const To={...Co,flexGrow:V,flexShrink:F,flex:G,width:fo,height:L,maxWidth:E,gridTemplateColumns:v,gap:typeof u=="string"?u:void 0,...So("padding",t,s,c,l,i,r,p),...So("margin",y,h,m,b,$,N,d)};return o.jsx(e,{className:a(w.box,_&&w[`display-${_}`],po&&w[`textAlign-${po}`],typeof t=="number"&&w[`p-${t}`],typeof s=="number"&&w[`px-${s}`],typeof c=="number"&&w[`py-${c}`],typeof l=="number"&&w[`pt-${l}`],typeof i=="number"&&w[`pb-${i}`],typeof r=="number"&&w[`pl-${r}`],typeof p=="number"&&w[`pr-${p}`],typeof y=="number"&&w[`margin-${y}`],typeof h=="number"&&w[`marginX-${h}`],typeof m=="number"&&w[`marginY-${m}`],typeof b=="number"&&w[`marginTop-${b}`],typeof $=="number"&&w[`marginBottom-${$}`],typeof N=="number"&&w[`marginLeft-${N}`],typeof d=="number"&&w[`marginRight-${d}`],typeof u=="number"&&w[`gap-${u}`],C&&w[`flexDirection-${C}`],T&&w[`alignItems-${T}`],k&&w[`justifyContent-${k}`],I&&w[`flexWrap-${I}`],x&&w[`bg-${x}`],eo&&w.border,yo&&w.borderBottom,go&&w[`borderColor-${go}`],xo&&w[`borderRadius-${xo}`],io&&w.fullWidth,j),style:To,...ro,children:n})},co={root:"_root_10ujs_1",list:"_list_10ujs_6",item:"_item_10ujs_16",link:"_link_10ujs_21",current:"_current_10ujs_27",separator:"_separator_10ujs_38"},Do=({href:n,isCurrent:e,children:_,className:t,...s})=>{const c=n&&!e?"a":"span";return o.jsx("li",{className:co.item,children:o.jsx(c,{href:n,className:a(co.link,e&&co.current,t),"aria-current":e?"page":void 0,...s,children:_})})},Mo=({children:n,separator:e="/",className:_,...t})=>{const s=g.Children.toArray(n);return o.jsx("nav",{"aria-label":"Breadcrumbs",className:a(co.root,_),...t,children:o.jsx("ol",{className:co.list,children:s.map((c,l)=>o.jsxs(g.Fragment,{children:[c,l<s.length-1&&o.jsx("li",{className:co.separator,"aria-hidden":"true",children:e})]},l))})})},mo={root:"_root_1flxt_1",xs:"_xs_1flxt_31",sm:"_sm_1flxt_39",md:"_md_1flxt_46",lg:"_lg_1flxt_53",xl:"_xl_1flxt_60",solid:"_solid_1flxt_70",success:"_success_1flxt_82",warning:"_warning_1flxt_92",danger:"_danger_1flxt_102",info:"_info_1flxt_112",outline:"_outline_1flxt_123",subtle:"_subtle_1flxt_192",fullWidth:"_fullWidth_1flxt_245"},M=({size:n="md",variant:e="outline",intent:_="neutral",fullWidth:t=!1,className:s,children:c,...l})=>o.jsx("button",{type:"button",className:a(mo.root,mo[n],mo[e],mo[_],t&&mo.fullWidth,s),...l,children:c}),q={root:"_root_1k781_1",bordered:"_bordered_1k781_9",shadowNone:"_shadowNone_1k781_14",shadowSm:"_shadowSm_1k781_17",shadowMd:"_shadowMd_1k781_20","borderColor-main":"_borderColor-main_1k781_25","borderColor-subtle":"_borderColor-subtle_1k781_28","borderColor-danger":"_borderColor-danger_1k781_31","borderColor-success":"_borderColor-success_1k781_34","borderColor-info":"_borderColor-info_1k781_37","borderColor-warning":"_borderColor-warning_1k781_40","backgroundColor-none":"_backgroundColor-none_1k781_45","backgroundColor-subtle":"_backgroundColor-subtle_1k781_48","backgroundColor-danger-subtle":"_backgroundColor-danger-subtle_1k781_51","backgroundColor-success-subtle":"_backgroundColor-success-subtle_1k781_54","backgroundColor-warning-subtle":"_backgroundColor-warning-subtle_1k781_57","backgroundColor-info-subtle":"_backgroundColor-info-subtle_1k781_60",pNone:"_pNone_1k781_65",pSm:"_pSm_1k781_68",pMd:"_pMd_1k781_71",pLg:"_pLg_1k781_74",header:"_header_1k781_79",title:"_title_1k781_85",subtitle:"_subtitle_1k781_93",content:"_content_1k781_100",footer:"_footer_1k781_104"},Ao=({padding:n="md",shadow:e="sm",bordered:_=!0,borderColor:t,backgroundColor:s,className:c,children:l,...i})=>{const r={none:q.pNone,sm:q.pSm,md:q.pMd,lg:q.pLg}[n],p={none:q.shadowNone,sm:q.shadowSm,md:q.shadowMd}[e];return o.jsx("div",{className:a(q.root,r,p,_&&q.bordered,t&&q[`borderColor-${t}`],s&&q[`backgroundColor-${s}`],c),...i,children:l})},Po=({title:n,subtitle:e,className:_,children:t,...s})=>o.jsxs("div",{className:a(q.header,_),...s,children:[n&&o.jsx("h3",{className:q.title,children:n}),e&&o.jsx("p",{className:q.subtitle,children:e}),t]}),Fo=({className:n,children:e,..._})=>o.jsx("div",{className:a(q.content,n),..._,children:e}),Oo=({className:n,children:e,..._})=>o.jsx("div",{className:a(q.footer,n),..._,children:e}),O={wrapper:"_wrapper_1mupt_1",container:"_container_1mupt_7",disabled:"_disabled_1mupt_15",input:"_input_1mupt_20",control:"_control_1mupt_28",checkmark:"_checkmark_1mupt_57",label:"_label_1mupt_68",error:"_error_1mupt_75",helperText:"_helperText_1mupt_79",errorText:"_errorText_1mupt_86"},Ho=({label:n,error:e,helperText:_,className:t,disabled:s,id:c,...l})=>{const i=g.useId(),r=c??`ds-checkbox-${i}`,p=_?`${r}-help`:void 0;return o.jsxs("div",{className:a(O.wrapper,t),children:[o.jsxs("label",{htmlFor:r,className:a(O.container,s&&O.disabled,e&&O.error),children:[o.jsx("input",{type:"checkbox",id:r,disabled:s,className:O.input,"aria-describedby":p,"aria-invalid":e||void 0,...l}),o.jsx("span",{className:O.control,children:o.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round",className:O.checkmark,children:o.jsx("polyline",{points:"20 6 9 17 4 12"})})}),n&&o.jsx("span",{className:O.label,children:n})]}),_&&o.jsx("span",{id:p,className:a(O.helperText,e&&O.errorText),children:_})]})},S={wrapper:"_wrapper_qhe61_1",fullWidth:"_fullWidth_qhe61_9",label:"_label_qhe61_13",container:"_container_qhe61_19",trigger:"_trigger_qhe61_23",error:"_error_qhe61_54",sm:"_sm_qhe61_58",lg:"_lg_qhe61_63",icon:"_icon_qhe61_68",isOpen:"_isOpen_qhe61_74",menu:"_menu_qhe61_78",option:"_option_qhe61_95",optionFocused:"_optionFocused_qhe61_104",optionSelected:"_optionSelected_qhe61_108",optionDisabled:"_optionDisabled_qhe61_118",optionLabel:"_optionLabel_qhe61_124",optionDescription:"_optionDescription_qhe61_128",helperText:"_helperText_qhe61_133",errorText:"_errorText_qhe61_138"},Ko=({options:n,value:e,defaultValue:_,onChange:t,placeholder:s="Select an option",label:c,helperText:l,error:i,disabled:r,size:p="md",className:y,id:h,fullWidth:m=!1})=>{const b=g.useId(),$=h??`ds-dropdown-${b}`,N=l?`${$}-help`:void 0,[d,u]=g.useState(!1),[C,T]=g.useState(_),[k,I]=g.useState(-1),V=g.useRef(null),F=g.useRef(null),G=e!==void 0?e:C,io=n.find(v=>v.value===G),po=k>=0?`${$}-opt-${k}`:void 0,fo=()=>{if(!r){const v=!d;if(u(v),v){if(k===-1){const x=n.findIndex(eo=>eo.value===G);I(x>=0?x:0)}}else I(-1)}},L=(v,x)=>{v.disabled||(e===void 0&&T(v.value),t?.(v.value),u(!1),I(x),F.current?.focus())},E=v=>{if(!r)switch(v.key){case"ArrowDown":v.preventDefault(),d?I(x=>x<n.length-1?x+1:x):(u(!0),I(n.findIndex(x=>x.value===G)||0));break;case"ArrowUp":v.preventDefault(),d?I(x=>x>0?x-1:x):(u(!0),I(n.findIndex(x=>x.value===G)||n.length-1));break;case"Enter":case" ":v.preventDefault(),d?k>=0&&L(n[k],k):(u(!0),I(n.findIndex(x=>x.value===G)||0));break;case"Escape":d&&(v.preventDefault(),u(!1),I(-1),F.current?.focus());break;case"Tab":d&&(u(!1),I(-1));break;case"Home":d&&(v.preventDefault(),I(0));break;case"End":d&&(v.preventDefault(),I(n.length-1));break}};return g.useEffect(()=>{d&&k>=0&&document.getElementById(`${$}-opt-${k}`)?.scrollIntoView({block:"nearest"})},[k,d,$]),g.useEffect(()=>{const v=x=>{V.current&&!V.current.contains(x.target)&&(u(!1),I(-1))};return document.addEventListener("mousedown",v),()=>{document.removeEventListener("mousedown",v)}},[]),o.jsxs("div",{className:a(S.wrapper,S[p],m&&S.fullWidth,i&&S.error,y),ref:V,children:[c&&o.jsx("label",{htmlFor:$,className:S.label,children:c}),o.jsxs("div",{className:S.container,children:[o.jsxs("button",{id:$,ref:F,type:"button",className:a(S.trigger,d&&S.isOpen),onClick:fo,onKeyDown:E,disabled:r,"aria-haspopup":"listbox","aria-expanded":d,"aria-describedby":N,"aria-invalid":i||void 0,"aria-controls":d?`${$}-menu`:void 0,"aria-activedescendant":d?po:void 0,children:[o.jsx("span",{className:S.selectedLabel,children:io?io.label:s}),o.jsx("span",{className:S.icon,"aria-hidden":"true",children:o.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:o.jsx("path",{d:"M2.5 4.5L6 8L9.5 4.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),d&&o.jsx("ul",{id:`${$}-menu`,className:S.menu,role:"listbox","aria-labelledby":c?void 0:$,children:n.map((v,x)=>{const eo=v.value===G,yo=x===k;return o.jsxs("li",{id:`${$}-opt-${x}`,role:"option","aria-selected":eo,className:a(S.option,eo&&S.optionSelected,yo&&S.optionFocused,v.disabled&&S.optionDisabled),onClick:()=>L(v,x),onMouseEnter:()=>!v.disabled&&I(x),children:[o.jsx("span",{className:S.optionLabel,children:v.label}),v.description&&o.jsx("span",{className:S.optionDescription,children:v.description})]},v.value)})})]}),l&&o.jsx("span",{id:N,className:a(S.helperText,i&&S.errorText),children:l})]})},uo={root:"_root_88lcq_1",horizontal:"_horizontal_88lcq_8",vertical:"_vertical_88lcq_15"},vo=n=>typeof n=="number"?`${n}px`:n,Vo=({orientation:n="horizontal",thickness:e,length:_,inset:t,className:s,style:c,...l})=>{const i={...c,"--divider-thickness":vo(e),"--divider-length":vo(_),"--divider-inset":vo(t)};return n==="vertical"?o.jsx("div",{role:"separator","aria-orientation":"vertical",className:a(uo.root,uo.vertical,s),style:i,...l}):o.jsx("hr",{className:a(uo.root,uo.horizontal,s),style:i,...l})},H={root:"_root_1ujj3_1",container:"_container_1ujj3_8",sideContainer:"_sideContainer_1ujj3_18",leftSide:"_leftSide_1ujj3_24",rightSide:"_rightSide_1ujj3_28",actions:"_actions_1ujj3_32",title:"_title_1ujj3_44",welcome:"_welcome_1ujj3_52"},$o=({id:n,logo:e,title:_,user:t,onLogin:s,onLogout:c,onCreateAccount:l,className:i,maxWidth:r})=>{const p={size:"sm",intent:"info"};return o.jsx("header",{id:n,className:a(H.root,i),children:o.jsxs("div",{className:H.container,style:{maxWidth:r},children:[o.jsxs("div",{className:a(H.sideContainer,H.leftSide),children:[e,_?o.jsx("h1",{className:H.title,children:_}):null]}),o.jsx("div",{className:a(H.sideContainer,H.rightSide),children:t?o.jsxs("div",{className:H.actions,children:[o.jsxs("span",{className:H.welcome,children:["Welcome, ",o.jsx("strong",{children:t.name}),"!"]}),o.jsx(M,{...p,onClick:c,children:"Log out"})]}):o.jsxs("div",{className:H.actions,children:[s?o.jsx(M,{...p,onClick:s,children:"Log in"}):null,l?o.jsx(M,{size:"sm",intent:"info",variant:"solid",onClick:l,children:"Sign up"}):null]})})]})})},K={root:"_root_140uy_1",container:"_container_140uy_7",leftSection:"_leftSection_140uy_16",nav:"_nav_140uy_22",navList:"_navList_140uy_28",navItem:"_navItem_140uy_36",navLink:"_navLink_140uy_41",disabled:"_disabled_140uy_59",active:"_active_140uy_63",rightSection:"_rightSection_140uy_73"},qo=({id:n,items:e,activeId:_,logo:t,actions:s,onItemClick:c,className:l,maxWidth:i})=>o.jsx("nav",{id:n,className:a(K.root,l),children:o.jsxs("div",{className:K.container,style:{maxWidth:i},children:[t&&o.jsx("div",{className:K.leftSection,children:t}),o.jsx("div",{className:K.nav,children:o.jsx("ul",{className:K.navList,children:e.map(r=>o.jsx("li",{className:K.navItem,children:o.jsx("button",{type:"button",className:a(K.navLink,_===r.id&&K.active,r.disabled&&K.disabled),onClick:()=>!r.disabled&&c?.(r.id),disabled:r.disabled,"aria-current":_===r.id?"page":void 0,children:r.label})},r.id))})}),s&&o.jsx("div",{className:K.rightSection,children:s})]})}),Q={wrapper:"_wrapper_15ibj_1",fullWidth:"_fullWidth_15ibj_8",label:"_label_15ibj_13",inputRoot:"_inputRoot_15ibj_20",sm:"_sm_15ibj_56",md:"_md_15ibj_62",lg:"_lg_15ibj_72",error:"_error_15ibj_79",helperText:"_helperText_15ibj_88",errorText:"_errorText_15ibj_94"},Go=({size:n="md",error:e,label:_,helperText:t,fullWidth:s=!1,className:c,id:l,...i})=>{const r=g.useId(),p=l??`ds-input-${r}`,y=t?`${p}-help`:void 0;return o.jsxs("div",{className:a(Q.wrapper,s&&Q.fullWidth,c),children:[_&&o.jsx("label",{htmlFor:p,className:Q.label,children:_}),o.jsx("input",{id:p,className:a(Q.inputRoot,Q[n],e&&Q.error),"aria-describedby":y,"aria-invalid":e||void 0,...i}),t&&o.jsx("span",{id:y,className:a(Q.helperText,e&&Q.errorText),children:t})]})},wo={loader:"_loader_wvz8q_1",spin:"_spin_wvz8q_1",neutral:"_neutral_wvz8q_10",info:"_info_wvz8q_13",success:"_success_wvz8q_16",warning:"_warning_wvz8q_19",danger:"_danger_wvz8q_22",sm:"_sm_wvz8q_27",md:"_md_wvz8q_33",lg:"_lg_wvz8q_39"},Uo=({id:n,size:e="md",intent:_="neutral",className:t})=>o.jsx("div",{id:n,className:a(wo.loader,wo[e],wo[_],t),role:"status","aria-label":"Loading"}),U={overlay:"_overlay_tnqx3_1",modal:"_modal_tnqx3_15",header:"_header_tnqx3_27",title:"_title_tnqx3_35",closeButton:"_closeButton_tnqx3_42",content:"_content_tnqx3_56",footer:"_footer_tnqx3_62",sm:"_sm_tnqx3_73",md:"_md_tnqx3_76",lg:"_lg_tnqx3_79",xl:"_xl_tnqx3_82",full:"_full_tnqx3_85",loading:"_loading_tnqx3_90"},Jo=({isOpen:n,onClose:e,title:_,children:t,footer:s,size:c="md",isLoading:l=!1,className:i,id:r})=>{const p=g.useRef(null),y=g.useRef(null),h=g.useRef(e),m=g.useId(),b=r??`ds-modal-${m}`,$=`${b}-title`;return g.useEffect(()=>{h.current=e},[e]),g.useEffect(()=>{const N=d=>{if(d.key==="Escape"&&!l){h.current();return}if(d.key==="Tab"&&p.current){const u=p.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),C=u[0],T=u[u.length-1];d.shiftKey?document.activeElement===C&&(T.focus(),d.preventDefault()):document.activeElement===T&&(C.focus(),d.preventDefault())}};return n&&(y.current=document.activeElement,document.body.style.overflow="hidden",window.addEventListener("keydown",N),setTimeout(()=>{const d=p.current?.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');d&&d.length>0&&d[0].focus()},0)),()=>{document.body.style.overflow="unset",window.removeEventListener("keydown",N),y.current?.focus()}},[n,l]),n?Wo.createPortal(o.jsx("div",{className:U.overlay,onClick:()=>!l&&e(),children:o.jsxs("div",{id:b,className:a(U.modal,U[c],l&&U.loading,i),onClick:N=>N.stopPropagation(),role:"dialog","aria-modal":"true","aria-labelledby":_?$:void 0,ref:p,children:[o.jsxs("div",{className:U.header,children:[_&&o.jsx("h2",{id:$,className:U.title,children:_}),o.jsx(M,{variant:"subtle",size:"sm",onClick:e,className:U.closeButton,"aria-label":"Close modal",disabled:l,children:"✕"})]}),o.jsx("div",{className:U.content,children:t}),s&&o.jsx("div",{className:U.footer,children:s})]})}),document.body):null},lo={root:"_root_1x0nr_1",content:"_content_1x0nr_13",title:"_title_1x0nr_17",message:"_message_1x0nr_23",closeButton:"_closeButton_1x0nr_28",neutral:"_neutral_1x0nr_44",info:"_info_1x0nr_50",success:"_success_1x0nr_56",warning:"_warning_1x0nr_62",danger:"_danger_1x0nr_68"},Qo=({intent:n="neutral",title:e,children:_,onClose:t,className:s,...c})=>o.jsxs("div",{className:a(lo.root,lo[n],s),role:"alert",...c,children:[o.jsxs("div",{className:lo.content,children:[e&&o.jsx("div",{className:lo.title,children:e}),o.jsx("div",{className:lo.message,children:_})]}),t&&o.jsx(M,{variant:"subtle",size:"xs",onClick:t,className:lo.closeButton,"aria-label":"Close notification",children:"✕"})]}),W={root:"_root_o4mj7_1",list:"_list_o4mj7_6",item:"_item_o4mj7_15",ellipsis:"_ellipsis_o4mj7_19",pageButton:"_pageButton_o4mj7_29"},Zo=(n,e,_)=>Math.min(Math.max(n,e),_),bo=(n,e)=>{const _=[];for(let t=n;t<=e;t+=1)_.push(t);return _},Xo=(n,e,_,t,s)=>{if(n<=0)return[];if(!s)return bo(1,n);const l=_*2+1+t*2+2;if(n<=l)return bo(1,n);const i=bo(1,Math.min(t,n)),r=bo(Math.max(n-t+1,t+1),n),p=Math.max(e-_,t+2),y=Math.min(e+_,n-t-1),h=p>t+2,m=y<n-t-1,b=[...i],$=h?p:t+1,N=m?y:n-t;return h&&b.push("ellipsis"),$<=N&&b.push(...bo($,N)),m&&b.push("ellipsis"),b.push(...r),b},Yo=({id:n,count:e,page:_,defaultPage:t=1,onPageChange:s,onFirstClick:c,onLastClick:l,onNextClick:i,onPrevClick:r,siblingCount:p=1,boundaryCount:y=1,showFirstLast:h=!0,showPrevNext:m=!0,showEllipsis:b=!0,disabled:$=!1,size:N="sm",variant:d="outline",intent:u="neutral",activeVariant:C="solid",activeIntent:T,labels:k,ariaLabel:I="Pagination",getPageLabel:V,className:F})=>{const G=g.useId(),io=n??`ds-pagination-${G}`,[po,fo]=g.useState(t),L=Math.max(0,e),E=Zo(_??po,1,Math.max(1,L)),v=g.useMemo(()=>Xo(L,E,p,y,b),[L,E,p,y,b]),x=j=>{$||j===E||(_===void 0&&fo(j),s?.(j))},eo=()=>{x(1),c?.(1)},yo=()=>{const j=L;x(j),l?.(j)},go=()=>{const j=Math.max(1,E-1);x(j),r?.(j)},xo=()=>{const j=Math.min(L,E+1);x(j),i?.(j)};return L<=0?null:o.jsx("nav",{id:io,"aria-label":I,className:a(W.root,F),children:o.jsxs("ul",{className:W.list,children:[h&&o.jsx("li",{className:W.item,children:o.jsx(M,{size:N,variant:d,intent:u,className:W.pageButton,onClick:eo,disabled:$||E===1,"aria-label":"Go to first page",children:k?.first??"First"})}),m&&o.jsx("li",{className:W.item,children:o.jsx(M,{size:N,variant:d,intent:u,className:W.pageButton,onClick:go,disabled:$||E===1,"aria-label":"Go to previous page",children:k?.prev??"Prev"})}),v.map((j,Co)=>{if(j==="ellipsis")return o.jsx("li",{className:W.item,"aria-hidden":"true",children:o.jsx("span",{className:W.ellipsis,children:"…"})},`ellipsis-${Co}`);const ro=j===E,To=V?.(j,ro)??`Page ${j}${ro?", current page":""}`;return o.jsx("li",{className:W.item,children:o.jsx(M,{size:N,variant:ro?C:d,intent:ro?T??u:u,className:W.pageButton,onClick:()=>x(j),disabled:$,"aria-current":ro?"page":void 0,"aria-label":To,children:j})},j)}),m&&o.jsx("li",{className:W.item,children:o.jsx(M,{size:N,variant:d,intent:u,className:W.pageButton,onClick:xo,disabled:$||E===L,"aria-label":"Go to next page",children:k?.next??"Next"})}),h&&o.jsx("li",{className:W.item,children:o.jsx(M,{size:N,variant:d,intent:u,className:W.pageButton,onClick:yo,disabled:$||E===L,"aria-label":"Go to last page",children:k?.last??"Last"})})]})})},Z={wrapper:"_wrapper_16yvn_1",labelWrapper:"_labelWrapper_16yvn_8",label:"_label_16yvn_8",percentage:"_percentage_16yvn_21",progressRoot:"_progressRoot_16yvn_27",indicator:"_indicator_16yvn_34",sm:"_sm_16yvn_40",md:"_md_16yvn_44",lg:"_lg_16yvn_48",info:"_info_16yvn_53",success:"_success_16yvn_57",warning:"_warning_16yvn_61",danger:"_danger_16yvn_65"},Ro=({value:n,max:e=100,size:_="md",intent:t="info",showLabel:s=!1,label:c,className:l,id:i})=>{const r=g.useId(),p=i??`ds-progressbar-${r}`,y=e>0?e:0,h=Math.min(Math.max(0,n),y),m=y>0?Math.min(Math.max(0,h/y*100),100):0,b=c?`${p}-label`:void 0;return o.jsxs("div",{id:p,className:a(Z.wrapper,Z[_],Z[t],l),children:[(c||s)&&o.jsxs("div",{className:Z.labelWrapper,children:[c&&o.jsx("span",{id:b,className:Z.label,children:c}),s&&o.jsxs("span",{className:Z.percentage,children:[Math.round(m),"%"]})]}),o.jsx("div",{className:Z.progressRoot,role:"progressbar","aria-valuenow":h,"aria-valuemin":0,"aria-valuemax":e,"aria-labelledby":b,"aria-label":c?void 0:"Progress",children:o.jsx("div",{className:Z.indicator,style:{width:`${m}%`}})})]})},A={wrapper:"_wrapper_4v5ks_1",label:"_label_4v5ks_7",sm:"_sm_4v5ks_17",md:"_md_4v5ks_20",lg:"_lg_4v5ks_23",inputWrapper:"_inputWrapper_4v5ks_27",radioRoot:"_radioRoot_4v5ks_34",checkmark:"_checkmark_4v5ks_44",labelText:"_labelText_4v5ks_127",error:"_error_4v5ks_133",helperText:"_helperText_4v5ks_142",errorText:"_errorText_4v5ks_156"},on=({size:n="md",label:e,helperText:_,error:t,className:s,id:c,...l})=>{const i=g.useId(),r=c??`ds-radio-${i}`,p=_?`${r}-help`:void 0;return o.jsxs("div",{className:a(A.wrapper,s),children:[o.jsxs("label",{htmlFor:r,className:a(A.label,A[n]),children:[o.jsxs("div",{className:A.inputWrapper,children:[o.jsx("input",{type:"radio",id:r,className:a(A.radioRoot,A[n],t&&A.error),"aria-describedby":p,"aria-invalid":t||void 0,...l}),o.jsx("span",{className:A.checkmark})]}),e&&o.jsx("span",{className:A.labelText,children:e})]}),_&&o.jsx("span",{id:p,className:a(A.helperText,t&&A.errorText),children:_})]})},ko={root:"_root_1qfdr_1",text:"_text_1qfdr_6",rectangular:"_rectangular_1qfdr_15",rounded:"_rounded_1qfdr_19",circular:"_circular_1qfdr_23",pulse:"_pulse_1qfdr_28",wave:"_wave_1qfdr_44"},nn=({variant:n="rectangular",width:e,height:_,animation:t="pulse",className:s,style:c,"aria-hidden":l,...i})=>o.jsx(J,{className:a(ko.root,ko[n],t!=="none"&&ko[t],s),width:e,height:_,style:c,"aria-hidden":l??!0,...i}),P={step:"_step_1z90u_1",stepRow:"_stepRow_1z90u_18",interactive:"_interactive_1z90u_28",marker:"_marker_1z90u_48",text:"_text_1z90u_67",label:"_label_1z90u_74",description:"_description_1z90u_83",connector:"_connector_1z90u_92",completed:"_completed_1z90u_110","connector-completed":"_connector-completed_1z90u_120",current:"_current_1z90u_124","connector-current":"_connector-current_1z90u_134",error:"_error_1z90u_138","connector-error":"_connector-error_1z90u_148",upcoming:"_upcoming_1z90u_152",disabled:"_disabled_1z90u_156"},en=({step:n,index:e,status:_,isInteractive:t,onStepClick:s,isLast:c,id:l,className:i})=>{const r=!!n.disabled,p=t?"button":"div",y=_==="error"?"!":String(e+1),h=()=>{t&&!r&&s?.(n,e)},m=b=>{t&&!r&&(b.key==="Enter"||b.key===" ")&&(b.preventDefault(),s?.(n,e))};return o.jsxs("li",{className:a(P.step,P[_],r&&P.disabled,i),children:[o.jsxs(p,{id:l,type:t?"button":void 0,className:a(P.stepRow,t&&P.interactive),onClick:h,onKeyDown:m,"aria-current":_==="current"?"step":void 0,"aria-disabled":r?!0:void 0,disabled:t&&r?!0:void 0,tabIndex:t&&!r?0:void 0,children:[o.jsx("span",{className:P.marker,"aria-hidden":"true",children:y}),o.jsxs("span",{className:P.text,children:[o.jsx("span",{className:P.label,children:n.label}),n.description&&o.jsx("span",{className:P.description,children:n.description})]})]}),!c&&o.jsx("span",{className:a(P.connector,P[`connector-${_}`]),"aria-hidden":"true"})]})},No={root:"_root_cxvk2_1",sm:"_sm_cxvk2_15",lg:"_lg_cxvk2_22",horizontal:"_horizontal_cxvk2_29",vertical:"_vertical_cxvk2_35"},_n=(n,e)=>Number.isNaN(n)||e<=0?-1:Math.min(Math.max(n,0),e-1),tn=(n,e)=>typeof n=="number"?_n(n,e.length):typeof n=="string"?e.findIndex(_=>_.id===n):e.findIndex(_=>_.status==="current"),sn=(n,e,_)=>_||(e===-1?"upcoming":n<e?"completed":n===e?"current":"upcoming"),rn=({steps:n,currentStep:e,orientation:_="horizontal",size:t="md",onStepClick:s,ariaLabel:c,className:l,id:i,...r})=>{const p=g.useId(),y=i??`ds-stepper-${p}`,h=tn(e,n),m=c??"Progress";return o.jsx("ol",{id:y,className:a(No.root,No[_],No[t],l),"aria-label":m,"data-orientation":_,...r,children:n.map((b,$)=>o.jsx(en,{id:`${y}-step-${b.id}`,step:b,index:$,status:sn($,h,b.status),isInteractive:!!s,onStepClick:s,isLast:$===n.length-1},b.id))})},X={wrapper:"_wrapper_vo2yb_1",fullWidth:"_fullWidth_vo2yb_8",label:"_label_vo2yb_13",selectRoot:"_selectRoot_vo2yb_20",sm:"_sm_vo2yb_58",md:"_md_vo2yb_65",lg:"_lg_vo2yb_72",error:"_error_vo2yb_80",helperText:"_helperText_vo2yb_89",errorText:"_errorText_vo2yb_95"},cn=({size:n="md",error:e,label:_,helperText:t,fullWidth:s=!1,className:c,id:l,options:i,children:r,...p})=>{const y=g.useId(),h=l??`ds-select-${y}`,m=t?`${h}-help`:void 0;return o.jsxs("div",{className:a(X.wrapper,s&&X.fullWidth,c),children:[_&&o.jsx("label",{htmlFor:h,className:X.label,children:_}),o.jsx("select",{id:h,className:a(X.selectRoot,X[n],e&&X.error),"aria-describedby":m,"aria-invalid":e||void 0,...p,children:i?i.map(b=>o.jsx("option",{value:b.value,disabled:b.disabled,children:b.label},b.value)):r}),t&&o.jsx("span",{id:m,className:a(X.helperText,e&&X.errorText),children:t})]})},Y={wrapper:"_wrapper_196po_1",container:"_container_196po_7",disabled:"_disabled_196po_15",input:"_input_196po_20",track:"_track_196po_27",thumb:"_thumb_196po_46",label:"_label_196po_62",helperText:"_helperText_196po_69"},ln=({label:n,helperText:e,className:_,disabled:t,id:s,...c})=>{const l=g.useId(),i=s??`ds-switch-${l}`,r=e?`${i}-help`:void 0;return o.jsxs("div",{className:a(Y.wrapper,_),children:[o.jsxs("label",{htmlFor:i,className:a(Y.container,t&&Y.disabled),children:[o.jsx("input",{type:"checkbox",id:i,role:"switch",disabled:t,className:Y.input,"aria-describedby":r,...c}),o.jsx("span",{className:Y.track,children:o.jsx("span",{className:Y.thumb})}),n&&o.jsx("span",{className:Y.label,children:n})]}),e&&o.jsx("span",{id:r,className:Y.helperText,children:e})]})},z={wrapper:"_wrapper_1w3cj_1",table:"_table_1w3cj_8",thead:"_thead_1w3cj_17",tbody:"_tbody_1w3cj_22",tr:"_tr_1w3cj_22",th:"_th_1w3cj_17",td:"_td_1w3cj_40",striped:"_striped_1w3cj_46",hoverable:"_hoverable_1w3cj_50",dense:"_dense_1w3cj_54","align-left":"_align-left_1w3cj_62","align-center":"_align-center_1w3cj_65","align-right":"_align-right_1w3cj_68","align-justify":"_align-justify_1w3cj_71",loading:"_loading_1w3cj_75"},an=({children:n,className:e,striped:_,hoverable:t,dense:s,isLoading:c,...l})=>o.jsx("div",{className:a(z.wrapper,c&&z.loading,e),children:o.jsx("table",{className:a(z.table,_&&z.striped,t&&z.hoverable,s&&z.dense),"aria-busy":c||void 0,...l,children:n})}),dn=({children:n,className:e,..._})=>o.jsx("thead",{className:a(z.thead,e),..._,children:n}),pn=({children:n,className:e,..._})=>o.jsx("tbody",{className:a(z.tbody,e),..._,children:n}),mn=({children:n,className:e,..._})=>o.jsx("tfoot",{className:a(z.tfoot,e),..._,children:n}),bn=({children:n,className:e,..._})=>o.jsx("tr",{className:a(z.tr,e),..._,children:n}),fn=({children:n,className:e,align:_,...t})=>o.jsx("th",{className:a(z.th,_&&z[`align-${_}`],e),...t,children:n}),yn=({children:n,className:e,align:_,...t})=>o.jsx("td",{className:a(z.td,_&&z[`align-${_}`],e),...t,children:n}),R={root:"_root_1luck_1",tabList:"_tabList_1luck_8",tabItem:"_tabItem_1luck_16",disabled:"_disabled_1luck_27",active:"_active_1luck_27",pillList:"_pillList_1luck_52",pillItem:"_pillItem_1luck_60",tabPanel:"_tabPanel_1luck_72"},hn=({items:n,defaultActiveId:e,activeId:_,onChange:t,className:s,variant:c="line",id:l})=>{const i=g.useId(),r=l??`ds-tabs-${i}`,[p,y]=g.useState(e||(n.length>0?n[0].id:"")),h=_!==void 0?_:p,m=g.useRef(null),b=(d,u)=>{u||(_===void 0&&y(d),t?.(d))},$=d=>{const u=n.filter(k=>!k.disabled),C=u.findIndex(k=>k.id===h);let T=-1;if(d.key==="ArrowRight"||d.key==="ArrowDown"?T=(C+1)%u.length:d.key==="ArrowLeft"||d.key==="ArrowUp"?T=(C-1+u.length)%u.length:d.key==="Home"?T=0:d.key==="End"&&(T=u.length-1),T!==-1){d.preventDefault();const k=u[T].id;b(k);const I=m.current?.querySelectorAll('[role="tab"]');Array.from(I||[]).find(F=>F.getAttribute("data-id")===k)?.focus()}},N=n.find(d=>d.id===h);return o.jsxs("div",{id:r,className:a(R.root,s),children:[o.jsx("div",{role:"tablist",ref:m,className:a(R.tabList,c==="pill"&&R.pillList),onKeyDown:$,children:n.map(d=>{const u=d.id===h,C=!!d.disabled,T=C?-1:u?0:-1;return o.jsx("button",{role:"tab",id:`${r}-tab-${d.id}`,"aria-selected":u,"aria-controls":`${r}-panel-${d.id}`,"aria-disabled":C,tabIndex:T,disabled:C,"data-id":d.id,className:a(R.tabItem,c==="pill"&&R.pillItem,u&&R.active,C&&R.disabled),onClick:()=>b(d.id,C),children:d.label},d.id)})}),o.jsx("div",{role:"tabpanel",id:`${r}-panel-${h}`,"aria-labelledby":`${r}-tab-${h}`,className:R.tabPanel,tabIndex:0,children:N?.content})]})},B={root:"_root_1onf5_1",h1:"_h1_1onf5_9",h2:"_h2_1onf5_15",h3:"_h3_1onf5_21",h4:"_h4_1onf5_27",h5:"_h5_1onf5_32",h6:"_h6_1onf5_37","body-lg":"_body-lg_1onf5_42","body-md":"_body-md_1onf5_46","body-sm":"_body-sm_1onf5_50",label:"_label_1onf5_54",code:"_code_1onf5_61",left:"_left_1onf5_70",center:"_center_1onf5_73",right:"_right_1onf5_76",justify:"_justify_1onf5_79",regular:"_regular_1onf5_84",medium:"_medium_1onf5_87",bold:"_bold_1onf5_90","color-main":"_color-main_1onf5_95","color-subtle":"_color-subtle_1onf5_98","color-on-brand":"_color-on-brand_1onf5_104","color-danger":"_color-danger_1onf5_107","color-success":"_color-success_1onf5_110","color-warning":"_color-warning_1onf5_113","color-info":"_color-info_1onf5_116",noWrap:"_noWrap_1onf5_121","p-0":"_p-0_1onf5_128","p-1":"_p-1_1onf5_131","p-2":"_p-2_1onf5_134","p-3":"_p-3_1onf5_137","p-4":"_p-4_1onf5_140","p-5":"_p-5_1onf5_143","p-6":"_p-6_1onf5_146","p-8":"_p-8_1onf5_149","p-10":"_p-10_1onf5_152","p-12":"_p-12_1onf5_155","p-14":"_p-14_1onf5_158","px-0":"_px-0_1onf5_162","px-1":"_px-1_1onf5_166","px-2":"_px-2_1onf5_170","px-3":"_px-3_1onf5_174","px-4":"_px-4_1onf5_178","px-5":"_px-5_1onf5_182","px-6":"_px-6_1onf5_186","px-8":"_px-8_1onf5_190","px-10":"_px-10_1onf5_194","px-12":"_px-12_1onf5_198","px-14":"_px-14_1onf5_202","py-0":"_py-0_1onf5_207","py-1":"_py-1_1onf5_211","py-2":"_py-2_1onf5_215","py-3":"_py-3_1onf5_219","py-4":"_py-4_1onf5_223","py-5":"_py-5_1onf5_227","py-6":"_py-6_1onf5_231","py-8":"_py-8_1onf5_235","py-10":"_py-10_1onf5_239","py-12":"_py-12_1onf5_243","py-14":"_py-14_1onf5_247","pt-0":"_pt-0_1onf5_252","pt-1":"_pt-1_1onf5_255","pt-2":"_pt-2_1onf5_258","pt-3":"_pt-3_1onf5_261","pt-4":"_pt-4_1onf5_264","pt-5":"_pt-5_1onf5_267","pt-6":"_pt-6_1onf5_270","pt-8":"_pt-8_1onf5_273","pt-10":"_pt-10_1onf5_276","pt-12":"_pt-12_1onf5_279","pt-14":"_pt-14_1onf5_282","pb-0":"_pb-0_1onf5_286","pb-1":"_pb-1_1onf5_289","pb-2":"_pb-2_1onf5_292","pb-3":"_pb-3_1onf5_295","pb-4":"_pb-4_1onf5_298","pb-5":"_pb-5_1onf5_301","pb-6":"_pb-6_1onf5_304","pb-8":"_pb-8_1onf5_307","pb-10":"_pb-10_1onf5_310","pb-12":"_pb-12_1onf5_313","pb-14":"_pb-14_1onf5_316","pl-0":"_pl-0_1onf5_320","pl-1":"_pl-1_1onf5_323","pl-2":"_pl-2_1onf5_326","pl-3":"_pl-3_1onf5_329","pl-4":"_pl-4_1onf5_332","pl-5":"_pl-5_1onf5_335","pl-6":"_pl-6_1onf5_338","pl-8":"_pl-8_1onf5_341","pl-10":"_pl-10_1onf5_344","pl-12":"_pl-12_1onf5_347","pl-14":"_pl-14_1onf5_350","pr-0":"_pr-0_1onf5_354","pr-1":"_pr-1_1onf5_357","pr-2":"_pr-2_1onf5_360","pr-3":"_pr-3_1onf5_363","pr-4":"_pr-4_1onf5_366","pr-5":"_pr-5_1onf5_369","pr-6":"_pr-6_1onf5_372","pr-8":"_pr-8_1onf5_375","pr-10":"_pr-10_1onf5_378","pr-12":"_pr-12_1onf5_381","pr-14":"_pr-14_1onf5_384","gap-0":"_gap-0_1onf5_389","gap-1":"_gap-1_1onf5_392","gap-2":"_gap-2_1onf5_395","gap-3":"_gap-3_1onf5_398","gap-4":"_gap-4_1onf5_401","gap-5":"_gap-5_1onf5_404","gap-6":"_gap-6_1onf5_407","gap-8":"_gap-8_1onf5_410","gap-10":"_gap-10_1onf5_413","gap-12":"_gap-12_1onf5_416","gap-14":"_gap-14_1onf5_419","m-0":"_m-0_1onf5_424","m-1":"_m-1_1onf5_427","m-2":"_m-2_1onf5_430","m-3":"_m-3_1onf5_433","m-4":"_m-4_1onf5_436","m-5":"_m-5_1onf5_439","m-6":"_m-6_1onf5_442","m-8":"_m-8_1onf5_445","m-10":"_m-10_1onf5_448","m-12":"_m-12_1onf5_451","m-14":"_m-14_1onf5_454","mx-0":"_mx-0_1onf5_458","mx-1":"_mx-1_1onf5_462","mx-2":"_mx-2_1onf5_466","mx-3":"_mx-3_1onf5_470","mx-4":"_mx-4_1onf5_474","mx-5":"_mx-5_1onf5_478","mx-6":"_mx-6_1onf5_482","mx-8":"_mx-8_1onf5_486","mx-10":"_mx-10_1onf5_490","mx-12":"_mx-12_1onf5_494","mx-14":"_mx-14_1onf5_498","my-0":"_my-0_1onf5_503","my-1":"_my-1_1onf5_507","my-2":"_my-2_1onf5_511","my-3":"_my-3_1onf5_515","my-4":"_my-4_1onf5_519","my-5":"_my-5_1onf5_523","my-6":"_my-6_1onf5_527","my-8":"_my-8_1onf5_531","my-10":"_my-10_1onf5_535","my-12":"_my-12_1onf5_539","my-14":"_my-14_1onf5_543","mt-0":"_mt-0_1onf5_548","mt-1":"_mt-1_1onf5_551","mt-2":"_mt-2_1onf5_554","mt-3":"_mt-3_1onf5_557","mt-4":"_mt-4_1onf5_560","mt-5":"_mt-5_1onf5_563","mt-6":"_mt-6_1onf5_566","mt-8":"_mt-8_1onf5_569","mt-10":"_mt-10_1onf5_572","mt-12":"_mt-12_1onf5_575","mt-14":"_mt-14_1onf5_578","mb-0":"_mb-0_1onf5_582","mb-1":"_mb-1_1onf5_585","mb-2":"_mb-2_1onf5_588","mb-3":"_mb-3_1onf5_591","mb-4":"_mb-4_1onf5_594","mb-5":"_mb-5_1onf5_597","mb-6":"_mb-6_1onf5_600","mb-8":"_mb-8_1onf5_603","mb-10":"_mb-10_1onf5_606","mb-12":"_mb-12_1onf5_609","mb-14":"_mb-14_1onf5_612","ml-0":"_ml-0_1onf5_616","ml-1":"_ml-1_1onf5_619","ml-2":"_ml-2_1onf5_622","ml-3":"_ml-3_1onf5_625","ml-4":"_ml-4_1onf5_628","ml-5":"_ml-5_1onf5_631","ml-6":"_ml-6_1onf5_634","ml-8":"_ml-8_1onf5_637","ml-10":"_ml-10_1onf5_640","ml-12":"_ml-12_1onf5_643","ml-14":"_ml-14_1onf5_646","mr-0":"_mr-0_1onf5_650","mr-1":"_mr-1_1onf5_653","mr-2":"_mr-2_1onf5_656","mr-3":"_mr-3_1onf5_659","mr-4":"_mr-4_1onf5_662","mr-5":"_mr-5_1onf5_665","mr-6":"_mr-6_1onf5_668","mr-8":"_mr-8_1onf5_671","mr-10":"_mr-10_1onf5_674","mr-12":"_mr-12_1onf5_677","mr-14":"_mr-14_1onf5_680"},un={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6","body-lg":"p","body-md":"p","body-sm":"p",label:"span",code:"code"},Io=({children:n,variant:e="body-md",as:_,align:t,weight:s,color:c,noWrap:l,className:i,padding:r,paddingX:p,paddingY:y,paddingTop:h,paddingBottom:m,paddingLeft:b,paddingRight:$,margin:N,marginX:d,marginY:u,marginTop:C,marginBottom:T,marginLeft:k,marginRight:I,...V})=>{const F=_||un[e]||"span";return o.jsx(F,{className:a(B.root,B[e],t&&B[t],s&&B[s],c&&B[`color-${c}`],l&&B.noWrap,r!==void 0&&B[`p-${r}`],p!==void 0&&B[`px-${p}`],y!==void 0&&B[`py-${y}`],h!==void 0&&B[`pt-${h}`],m!==void 0&&B[`pb-${m}`],b!==void 0&&B[`pl-${b}`],$!==void 0&&B[`pr-${$}`],N!==void 0&&B[`margin-${N}`],d!==void 0&&B[`marginX-${d}`],u!==void 0&&B[`marginY-${u}`],C!==void 0&&B[`marginTop-${C}`],T!==void 0&&B[`marginBottom-${T}`],k!==void 0&&B[`marginLeft-${k}`],I!==void 0&&B[`marginRight-${I}`],i),...V,children:n})},oo={wrapper:"_wrapper_idhh9_1",fullWidth:"_fullWidth_idhh9_8",label:"_label_idhh9_13",textareaRoot:"_textareaRoot_idhh9_20",sm:"_sm_idhh9_58",md:"_md_idhh9_63",lg:"_lg_idhh9_68",error:"_error_idhh9_74",helperText:"_helperText_idhh9_83",errorText:"_errorText_idhh9_89"},$n=({size:n="md",error:e,label:_,helperText:t,fullWidth:s=!1,className:c,id:l,rows:i=4,...r})=>{const p=g.useId(),y=l??`ds-textarea-${p}`,h=t?`${y}-help`:void 0;return o.jsxs("div",{className:a(oo.wrapper,s&&oo.fullWidth,c),children:[_&&o.jsx("label",{htmlFor:y,className:oo.label,children:_}),o.jsx("textarea",{id:y,rows:i,className:a(oo.textareaRoot,oo[n],e&&oo.error),"aria-describedby":h,"aria-invalid":e||void 0,...r}),t&&o.jsx("span",{id:h,className:a(oo.helperText,e&&oo.errorText),children:t})]})},ao={root:"_root_1kghr_1",trigger:"_trigger_1kghr_6",tooltip:"_tooltip_1kghr_10",dark:"_dark_1kghr_22",light:"_light_1kghr_27",visible:"_visible_1kghr_34",top:"_top_1kghr_39",bottom:"_bottom_1kghr_45",left:"_left_1kghr_51",right:"_right_1kghr_57"},gn=({content:n,children:e,position:_="top",variant:t="dark",delay:s=200,className:c,id:l})=>{const[i,r]=g.useState(!1),p=g.useRef(null),y=g.useId(),h=l??`ds-tooltip-${y}`,m=`${h}-content`,b=()=>{p.current=window.setTimeout(()=>{r(!0)},s)},$=()=>{p.current&&window.clearTimeout(p.current),r(!1)},N=u=>{u.key==="Escape"&&$()},d=g.isValidElement(e)?(()=>{const u=e;return g.cloneElement(u,{"aria-describedby":[u.props["aria-describedby"],m].filter(Boolean).join(" ")})})():e;return o.jsxs("div",{id:h,className:a(ao.root,c),onMouseEnter:b,onMouseLeave:$,onFocus:b,onBlur:$,onKeyDown:N,children:[o.jsx("div",{className:ao.trigger,children:d}),i&&o.jsx("div",{className:a(ao.tooltip,ao[_],ao[t],i&&ao.visible),id:m,role:"tooltip",children:n})]})},jo={root:"_root_1931n_1",main:"_main_1931n_8",container:"_container_1931n_13"},xn=({headerLogo:n,headerTitle:e,user:_,navItems:t,activeNavId:s,navActions:c,children:l,onLogin:i,onLogout:r,onCreateAccount:p,onNavItemClick:y,className:h,maxWidth:m="75rem"})=>o.jsxs("div",{className:a(jo.root,h),children:[o.jsx($o,{logo:n,title:e,user:_,onLogin:i,onLogout:r,onCreateAccount:p,maxWidth:m}),o.jsx(qo,{items:t,activeId:s,actions:c,onItemClick:y,maxWidth:m}),o.jsx("main",{className:jo.main,children:o.jsx(J,{className:jo.container,maxWidth:m,children:l})})]}),to={root:"_root_416o7_1",card:"_card_416o7_11",header:"_header_416o7_21",logo:"_logo_416o7_26",title:"_title_416o7_32",description:"_description_416o7_39",content:"_content_416o7_45"},vn=({logo:n,title:e,description:_,children:t,className:s})=>o.jsx(J,{className:a(to.root,s),children:o.jsxs(J,{className:to.card,children:[o.jsxs(J,{className:to.header,children:[n&&o.jsx(J,{className:to.logo,children:n}),e&&o.jsx(Io,{variant:"h3",as:"h1",className:to.title,children:e}),_&&o.jsx(Io,{variant:"body-sm",color:"subtle",className:to.description,children:_})]}),o.jsx(J,{className:to.content,children:t})]})}),no={root:"_root_1vwxr_1",main:"_main_1vwxr_7",container:"_container_1vwxr_11",topBar:"_topBar_1vwxr_20",stats:"_stats_1vwxr_27",content:"_content_1vwxr_33"},wn=({headerLogo:n,headerTitle:e,breadcrumbs:_,actions:t,stats:s,children:c,user:l,onLogin:i,onLogout:r,onCreateAccount:p,className:y,maxWidth:h})=>o.jsxs("div",{className:a(no.root,y),children:[o.jsx($o,{logo:n,title:e,user:l,onLogin:i,onLogout:r,onCreateAccount:p,maxWidth:h}),o.jsx("main",{className:no.main,children:o.jsxs("div",{className:no.container,children:[(_||t)&&o.jsxs("div",{className:no.topBar,children:[o.jsx("div",{className:no.breadcrumbs,children:_}),o.jsx("div",{className:no.actions,children:t})]}),s&&o.jsx("div",{className:no.stats,children:s}),o.jsx("div",{className:no.content,children:c})]})})]}),so={root:"_root_o4vai_1",main:"_main_o4vai_7",container:"_container_o4vai_11",layoutBody:"_layoutBody_o4vai_20",sidebar:"_sidebar_o4vai_26",content:"_content_o4vai_34"},kn=({headerLogo:n,headerTitle:e,breadcrumbs:_,sidebar:t,children:s,user:c,onLogin:l,onLogout:i,onCreateAccount:r,className:p,maxWidth:y})=>o.jsxs("div",{className:a(so.root,p),children:[o.jsx($o,{logo:n,title:e,user:c,onLogin:l,onLogout:i,onCreateAccount:r,maxWidth:y}),o.jsx("main",{className:so.main,children:o.jsxs("div",{className:so.container,children:[_&&o.jsx("div",{className:so.breadcrumbs,children:_}),o.jsxs("div",{className:so.layoutBody,children:[t&&o.jsx("aside",{className:so.sidebar,children:t}),o.jsx("section",{className:so.content,children:s})]})]})})]});f.Accordion=zo,f.AppLayout=xn,f.AuthLayout=vn,f.Avatar=Eo,f.Badge=Lo,f.Box=J,f.BreadcrumbItem=Do,f.Breadcrumbs=Mo,f.Button=M,f.Card=Ao,f.CardContent=Fo,f.CardFooter=Oo,f.CardHeader=Po,f.Checkbox=Ho,f.DashboardLayout=wn,f.Divider=Vo,f.Dropdown=Ko,f.Header=$o,f.Input=Go,f.Loader=Uo,f.Modal=Jo,f.NavBar=qo,f.Notification=Qo,f.Pagination=Yo,f.ProgressBar=Ro,f.RadioButton=on,f.Select=cn,f.SettingsLayout=kn,f.Skeleton=nn,f.Stepper=rn,f.Switch=ln,f.Table=an,f.TableBody=pn,f.TableCell=yn,f.TableFooter=mn,f.TableHead=fn,f.TableHeader=dn,f.TableRow=bn,f.Tabs=hn,f.Text=Io,f.Textarea=$n,f.Tooltip=gn,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})}));
package/dist/index.d.ts CHANGED
@@ -16,6 +16,8 @@ export { Checkbox } from './components/Checkbox/Checkbox.tsx';
16
16
  export type { CheckboxProps } from './components/Checkbox/Checkbox.types.ts';
17
17
  export { Dropdown } from './components/Dropdown/Dropdown.tsx';
18
18
  export type { DropdownProps, DropdownOption, DropdownSize, } from './components/Dropdown/Dropdown.types.ts';
19
+ export { Divider } from './components/Divider/Divider.tsx';
20
+ export type { DividerProps, DividerOrientation } from './components/Divider/Divider.types.ts';
19
21
  export { Header } from './components/Header/Header.tsx';
20
22
  export type { HeaderProps } from './components/Header/Header.types.ts';
21
23
  export { NavBar } from './components/NavBar/NavBar.tsx';
package/dist/layouts/AppLayout/AppLayout.stories.d.ts CHANGED
@@ -17,3 +17,5 @@ export default meta;
17
17
  type Story = StoryObj<typeof meta>;
18
18
  export declare const Default: Story;
19
19
  export declare const LoggedOut: Story;
20
+ export declare const LoggedOutWithoutHeaderActions: Story;
21
+ export declare const LongHeaderContent: Story;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tharaday",
3
- "version": "0.5.7",
3
+ "version": "0.5.8",
4
4
  "author": "Ania Wyroba",
5
5
  "publishConfig": {
6
6
  "access": "public",
package/src/components/Divider/Divider.module.css ADDED
@@ -0,0 +1,21 @@
1
+ .root {
2
+ border: 0;
3
+ background-color: var(--ds-border-1);
4
+ margin: 0;
5
+ flex-shrink: 0;
6
+ }
7
+
8
+ .horizontal {
9
+ display: block;
10
+ height: var(--divider-thickness, 1px);
11
+ width: var(--divider-length, 100%);
12
+ margin-inline: var(--divider-inset, 0);
13
+ }
14
+
15
+ .vertical {
16
+ display: inline-block;
17
+ width: var(--divider-thickness, 1px);
18
+ height: var(--divider-length, 100%);
19
+ min-height: 1rem;
20
+ margin-block: var(--divider-inset, 0);
21
+ }
package/src/components/Divider/Divider.stories.tsx ADDED
@@ -0,0 +1,36 @@
1
+ import type { Meta, StoryObj } from '@storybook/react-vite';
2
+
3
+ import { Divider } from './Divider.tsx';
4
+ import { Box } from '../Box/Box.tsx';
5
+ import { Text } from '../Text/Text.tsx';
6
+
7
+ const meta = {
8
+ title: 'Components/Divider',
9
+ component: Divider,
10
+ tags: ['autodocs'],
11
+ args: {
12
+ orientation: 'horizontal',
13
+ },
14
+ } satisfies Meta<typeof Divider>;
15
+
16
+ export default meta;
17
+ type Story = StoryObj<typeof meta>;
18
+
19
+ export const Horizontal: Story = {};
20
+
21
+ export const Inset: Story = {
22
+ args: {
23
+ inset: '1rem',
24
+ thickness: 2,
25
+ },
26
+ };
27
+
28
+ export const Vertical: Story = {
29
+ render: () => (
30
+ <Box display="flex" alignItems="center" gap={4} height="64px">
31
+ <Text>Left section</Text>
32
+ <Divider orientation="vertical" />
33
+ <Text>Right section</Text>
34
+ </Box>
35
+ ),
36
+ };
package/src/components/Divider/Divider.tsx ADDED
@@ -0,0 +1,45 @@
1
+ import clsx from 'clsx';
2
+ import type { CSSProperties } from 'react';
3
+
4
+ import styles from './Divider.module.css';
5
+ import type { DividerProps } from './Divider.types.ts';
6
+
7
+ const toCssValue = (value: number | string | undefined) =>
8
+ typeof value === 'number' ? `${value}px` : value;
9
+
10
+ export const Divider = ({
11
+ orientation = 'horizontal',
12
+ thickness,
13
+ length,
14
+ inset,
15
+ className,
16
+ style,
17
+ ...props
18
+ }: DividerProps) => {
19
+ const dividerStyles: CSSProperties = {
20
+ ...style,
21
+ '--divider-thickness': toCssValue(thickness),
22
+ '--divider-length': toCssValue(length),
23
+ '--divider-inset': toCssValue(inset),
24
+ } as CSSProperties;
25
+
26
+ if (orientation === 'vertical') {
27
+ return (
28
+ <div
29
+ role="separator"
30
+ aria-orientation="vertical"
31
+ className={clsx(styles.root, styles.vertical, className)}
32
+ style={dividerStyles}
33
+ {...props}
34
+ />
35
+ );
36
+ }
37
+
38
+ return (
39
+ <hr
40
+ className={clsx(styles.root, styles.horizontal, className)}
41
+ style={dividerStyles}
42
+ {...props}
43
+ />
44
+ );
45
+ };
package/src/components/Divider/Divider.types.ts ADDED
@@ -0,0 +1,11 @@
1
+ import type { HTMLAttributes } from 'react';
2
+
3
+ export type DividerOrientation = 'horizontal' | 'vertical';
4
+
5
+ export interface DividerProps extends Omit<HTMLAttributes<HTMLHRElement>, 'color'> {
6
+ className?: string;
7
+ orientation?: DividerOrientation;
8
+ thickness?: number | string;
9
+ length?: number | string;
10
+ inset?: number | string;
11
+ }
package/src/components/Header/Header.module.css CHANGED
@@ -12,6 +12,7 @@
12
12
  display: flex;
13
13
  justify-content: space-between;
14
14
  align-items: center;
15
+ gap: var(--ds-space-3);
15
16
  }
16
17
 
17
18
  .sideContainer {
@@ -20,9 +21,24 @@
20
21
  gap: var(--ds-space-2);
21
22
  }
22
23
 
23
- svg {
24
+ .leftSide {
25
+ min-width: 0;
26
+ }
27
+
28
+ .rightSide {
29
+ margin-left: auto;
30
+ }
31
+
32
+ .actions {
33
+ display: flex;
34
+ align-items: center;
35
+ gap: var(--ds-space-2);
36
+ }
37
+
38
+ .root svg {
24
39
  display: inline-block;
25
40
  vertical-align: top;
41
+ flex-shrink: 0;
26
42
  }
27
43
 
28
44
  .title {
@@ -35,4 +51,29 @@ svg {
35
51
 
36
52
  .welcome {
37
53
  font-size: var(--ds-font-size-sm);
54
+ white-space: nowrap;
55
+ }
56
+
57
+ @media (max-width: 40rem) {
58
+ .root {
59
+ padding: var(--ds-space-2) 0;
60
+ }
61
+
62
+ .container {
63
+ flex-wrap: wrap;
64
+ }
65
+
66
+ .leftSide,
67
+ .rightSide {
68
+ width: 100%;
69
+ }
70
+
71
+ .rightSide {
72
+ margin-left: 0;
73
+ justify-content: flex-start;
74
+ }
75
+
76
+ .actions {
77
+ flex-wrap: wrap;
78
+ }
38
79
  }
package/src/components/Header/Header.stories.tsx CHANGED
@@ -51,3 +51,23 @@ export const LoggedOut: Story = {
51
51
  title,
52
52
  },
53
53
  };
54
+
55
+ export const LoggedOutWithoutActions: Story = {
56
+ args: {
57
+ logo,
58
+ title,
59
+ onLogin: undefined,
60
+ onCreateAccount: undefined,
61
+ },
62
+ };
63
+
64
+ export const LongContent: Story = {
65
+ args: {
66
+ logo,
67
+ title: 'Tharaday Design System Platform',
68
+ user: {
69
+ name: 'Alexandria Catherine Montgomery',
70
+ },
71
+ maxWidth: '48rem',
72
+ },
73
+ };
package/src/components/Header/Header.tsx CHANGED
@@ -1,6 +1,5 @@
1
1
  import clsx from 'clsx';
2
2
 
3
- import './Header.module.css';
4
3
  import styles from './Header.module.css';
5
4
  import type { HeaderProps } from './Header.types.ts';
6
5
  import { Button } from '../Button/Button.tsx';
@@ -22,29 +21,31 @@ export const Header = ({
22
21
  return (
23
22
  <header id={id} className={clsx(styles.root, className)}>
24
23
  <div className={styles.container} style={{ maxWidth }}>
25
- <div className={styles.sideContainer}>
24
+ <div className={clsx(styles.sideContainer, styles.leftSide)}>
26
25
  {logo}
27
- <h1 className={styles.title}>{title}</h1>
26
+ {title ? <h1 className={styles.title}>{title}</h1> : null}
28
27
  </div>
29
- <div className={styles.sideContainer}>
28
+ <div className={clsx(styles.sideContainer, styles.rightSide)}>
30
29
  {user ? (
31
- <>
30
+ <div className={styles.actions}>
32
31
  <span className={styles.welcome}>
33
- Welcome, <b>{user.name}</b>!
32
+ Welcome, <strong>{user.name}</strong>!
34
33
  </span>
35
34
  <Button {...buttonProps} onClick={onLogout} children="Log out" />
36
- </>
35
+ </div>
37
36
  ) : (
38
- <>
39
- <Button {...buttonProps} onClick={onLogin} children="Log in" />
40
- <Button
41
- size="sm"
42
- intent="info"
43
- variant="solid"
44
- onClick={onCreateAccount}
45
- children="Sign up"
46
- />
47
- </>
37
+ <div className={styles.actions}>
38
+ {onLogin ? <Button {...buttonProps} onClick={onLogin} children="Log in" /> : null}
39
+ {onCreateAccount ? (
40
+ <Button
41
+ size="sm"
42
+ intent="info"
43
+ variant="solid"
44
+ onClick={onCreateAccount}
45
+ children="Sign up"
46
+ />
47
+ ) : null}
48
+ </div>
48
49
  )}
49
50
  </div>
50
51
  </div>
package/src/index.ts CHANGED
@@ -50,6 +50,8 @@ export type {
50
50
  DropdownOption,
51
51
  DropdownSize,
52
52
  } from './components/Dropdown/Dropdown.types.ts';
53
+ export { Divider } from './components/Divider/Divider.tsx';
54
+ export type { DividerProps, DividerOrientation } from './components/Divider/Divider.types.ts';
53
55
  export { Header } from './components/Header/Header.tsx';
54
56
  export type { HeaderProps } from './components/Header/Header.types.ts';
55
57
  export { NavBar } from './components/NavBar/NavBar.tsx';
package/src/layouts/AppLayout/AppLayout.stories.tsx CHANGED
@@ -122,3 +122,20 @@ export const LoggedOut: Story = {
122
122
  activeNavId: 'home',
123
123
  },
124
124
  };
125
+
126
+ export const LoggedOutWithoutHeaderActions: Story = {
127
+ args: {
128
+ ...LoggedOut.args,
129
+ onLogin: undefined,
130
+ onCreateAccount: undefined,
131
+ },
132
+ };
133
+
134
+ export const LongHeaderContent: Story = {
135
+ args: {
136
+ ...Default.args,
137
+ headerTitle: 'Tharaday Design System Platform',
138
+ user: { name: 'Alexandria Catherine Montgomery' },
139
+ maxWidth: '48rem',
140
+ },
141
+ };