tharaday 0.5.3 → 0.5.4
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.
- package/dist/components/Box/Box.d.ts +1 -1
- package/dist/components/Box/Box.stories.d.ts +1 -1
- package/dist/components/Box/Box.types.d.ts +4 -3
- package/dist/components/Box/helpers/getSpacingStyles.d.ts +2 -0
- package/dist/ds.js +1041 -1015
- package/dist/ds.umd.cjs +1 -1
- package/package.json +1 -1
- package/src/components/Box/Box.tsx +39 -15
- package/src/components/Box/Box.types.ts +4 -3
- package/src/components/Box/helpers/getSpacingStyles.ts +41 -0
package/dist/ds.umd.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
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,jo){"use strict";function Co(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]&&(_=Co(n[e]))&&(t&&(t+=" "),t+=_)}else for(_ in n)n[_]&&(t&&(t+=" "),t+=_);return t}function l(){for(var n,e,_=0,t="",s=arguments.length;_<s;_++)(n=arguments[_])&&(e=Co(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"},Bo=({items:n,allowMultiple:e=!1,defaultExpanded:_=[],variant:t="default",size:s="md",className:c,id:a})=>{const p=g.useId(),r=a??`ds-accordion-${p}`,[i,y]=g.useState(_),h=b=>{y(m=>m.includes(b)?m.filter($=>$!==b):e?[...m,b]:[b])};return o.jsx("div",{id:r,className:l(D.root,D[t],D[s],c),children:n.map(b=>{const m=i.includes(b.id);return o.jsxs("div",{className:D.item,children:[o.jsxs("button",{type:"button",id:`${r}-header-${b.id}`,className:D.header,onClick:()=>h(b.id),disabled:b.isDisabled,"aria-expanded":m,"aria-controls":`${r}-content-${b.id}`,children:[o.jsx("span",{children:b.title}),o.jsx("span",{className:l(D.icon,m&&D.iconExpanded),children:"▼"})]}),o.jsx("div",{id:`${r}-content-${b.id}`,role:"region","aria-labelledby":`${r}-header-${b.id}`,className:l(D.contentWrapper,m&&D.contentExpanded),children:o.jsx("div",{className:D.content,children:o.jsx("div",{className:l(D.contentBody,m&&D.contentBodyExpanded),children:b.content})})})]},b.id)})})},no={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"},Wo=({src:n,alt:e,name:_,size:t="md",fallback:s,className:c,...a})=>{const[p,r]=g.useState(!1),i=e??_,y=b=>b.split(" ").map(m=>m[0]).slice(0,2).join(""),h=()=>n&&!p?o.jsx("img",{src:n,alt:i||"",className:no.image,onError:()=>r(!0)}):s?o.jsx("span",{className:no.fallback,children:s}):_?o.jsx("span",{className:no.fallback,children:y(_)}):o.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:l(no.image,no.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:l(no.root,no[t],c),...a,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"},qo=({variant:n="solid",size:e="md",intent:_="neutral",className:t,children:s,...c})=>o.jsx("span",{className:l(ho.root,ho[n],ho[e],ho[_],t),...c,children:s}),k={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"},eo=({children:n,as:e="div",display:_,padding:t,paddingX:s,paddingY:c,paddingTop:a,paddingBottom:p,paddingLeft:r,paddingRight:i,margin:y,marginX:h,marginY:b,marginTop:m,marginBottom:$,marginLeft:N,marginRight:d,gap:u,flexDirection:T,alignItems:j,justifyContent:w,flexWrap:I,flexGrow:K,flexShrink:P,flex:V,fullWidth:io,textAlign:po,width:yo,height:z,gridTemplateColumns:E,backgroundColor:x,border:v,borderBottom:oo,borderColor:mo,borderRadius:$o,className:No,style:C,...Io})=>{const so={...C,flexGrow:K,flexShrink:P,flex:V,width:yo,height:z,gridTemplateColumns:E};return o.jsx(e,{className:l(k.box,_&&k[`display-${_}`],po&&k[`textAlign-${po}`],t!==void 0&&k[`p-${t}`],s!==void 0&&k[`px-${s}`],c!==void 0&&k[`py-${c}`],a!==void 0&&k[`pt-${a}`],p!==void 0&&k[`pb-${p}`],r!==void 0&&k[`pl-${r}`],i!==void 0&&k[`pr-${i}`],y!==void 0&&k[`margin-${y}`],h!==void 0&&k[`marginX-${h}`],b!==void 0&&k[`marginY-${b}`],m!==void 0&&k[`marginTop-${m}`],$!==void 0&&k[`marginBottom-${$}`],N!==void 0&&k[`marginLeft-${N}`],d!==void 0&&k[`marginRight-${d}`],u!==void 0&&k[`gap-${u}`],T&&k[`flexDirection-${T}`],j&&k[`alignItems-${j}`],w&&k[`justifyContent-${w}`],I&&k[`flexWrap-${I}`],x&&k[`bg-${x}`],v&&k.border,oo&&k.borderBottom,mo&&k[`borderColor-${mo}`],$o&&k[`borderRadius-${$o}`],io&&k.fullWidth,No),style:so,...Io,children:n})},ro={root:"_root_10ujs_1",list:"_list_10ujs_6",item:"_item_10ujs_16",link:"_link_10ujs_21",current:"_current_10ujs_27",separator:"_separator_10ujs_38"},So=({href:n,isCurrent:e,children:_,className:t,...s})=>{const c=n&&!e?"a":"span";return o.jsx("li",{className:ro.item,children:o.jsx(c,{href:n,className:l(ro.link,e&&ro.current,t),"aria-current":e?"page":void 0,...s,children:_})})},Lo=({children:n,separator:e="/",className:_,...t})=>{const s=g.Children.toArray(n);return o.jsx("nav",{"aria-label":"Breadcrumbs",className:l(ro.root,_),...t,children:o.jsx("ol",{className:ro.list,children:s.map((c,a)=>o.jsxs(g.Fragment,{children:[c,a<s.length-1&&o.jsx("li",{className:ro.separator,"aria-hidden":"true",children:e})]},a))})})},bo={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,...a})=>o.jsx("button",{type:"button",className:l(bo.root,bo[n],bo[e],bo[_],t&&bo.fullWidth,s),...a,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"},Eo=({padding:n="md",shadow:e="sm",bordered:_=!0,borderColor:t,backgroundColor:s,className:c,children:a,...p})=>{const r={none:q.pNone,sm:q.pSm,md:q.pMd,lg:q.pLg}[n],i={none:q.shadowNone,sm:q.shadowSm,md:q.shadowMd}[e];return o.jsx("div",{className:l(q.root,r,i,_&&q.bordered,t&&q[`borderColor-${t}`],s&&q[`backgroundColor-${s}`],c),...p,children:a})},zo=({title:n,subtitle:e,className:_,children:t,...s})=>o.jsxs("div",{className:l(q.header,_),...s,children:[n&&o.jsx("h3",{className:q.title,children:n}),e&&o.jsx("p",{className:q.subtitle,children:e}),t]}),Do=({className:n,children:e,..._})=>o.jsx("div",{className:l(q.content,n),..._,children:e}),Mo=({className:n,children:e,..._})=>o.jsx("div",{className:l(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"},Ao=({label:n,error:e,helperText:_,className:t,disabled:s,id:c,...a})=>{const p=g.useId(),r=c??`ds-checkbox-${p}`,i=_?`${r}-help`:void 0;return o.jsxs("div",{className:l(O.wrapper,t),children:[o.jsxs("label",{htmlFor:r,className:l(O.container,s&&O.disabled,e&&O.error),children:[o.jsx("input",{type:"checkbox",id:r,disabled:s,className:O.input,"aria-describedby":i,"aria-invalid":e||void 0,...a}),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:i,className:l(O.helperText,e&&O.errorText),children:_})]})},W={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"},Fo=({options:n,value:e,defaultValue:_,onChange:t,placeholder:s="Select an option",label:c,helperText:a,error:p,disabled:r,size:i="md",className:y,id:h,fullWidth:b=!1})=>{const m=g.useId(),$=h??`ds-dropdown-${m}`,N=a?`${$}-help`:void 0,[d,u]=g.useState(!1),[T,j]=g.useState(_),[w,I]=g.useState(-1),K=g.useRef(null),P=g.useRef(null),V=e!==void 0?e:T,io=n.find(x=>x.value===V),po=w>=0?`${$}-opt-${w}`:void 0,yo=()=>{if(!r){const x=!d;if(u(x),x){if(w===-1){const v=n.findIndex(oo=>oo.value===V);I(v>=0?v:0)}}else I(-1)}},z=(x,v)=>{x.disabled||(e===void 0&&j(x.value),t?.(x.value),u(!1),I(v),P.current?.focus())},E=x=>{if(!r)switch(x.key){case"ArrowDown":x.preventDefault(),d?I(v=>v<n.length-1?v+1:v):(u(!0),I(n.findIndex(v=>v.value===V)||0));break;case"ArrowUp":x.preventDefault(),d?I(v=>v>0?v-1:v):(u(!0),I(n.findIndex(v=>v.value===V)||n.length-1));break;case"Enter":case" ":x.preventDefault(),d?w>=0&&z(n[w],w):(u(!0),I(n.findIndex(v=>v.value===V)||0));break;case"Escape":d&&(x.preventDefault(),u(!1),I(-1),P.current?.focus());break;case"Tab":d&&(u(!1),I(-1));break;case"Home":d&&(x.preventDefault(),I(0));break;case"End":d&&(x.preventDefault(),I(n.length-1));break}};return g.useEffect(()=>{d&&w>=0&&document.getElementById(`${$}-opt-${w}`)?.scrollIntoView({block:"nearest"})},[w,d,$]),g.useEffect(()=>{const x=v=>{K.current&&!K.current.contains(v.target)&&(u(!1),I(-1))};return document.addEventListener("mousedown",x),()=>{document.removeEventListener("mousedown",x)}},[]),o.jsxs("div",{className:l(W.wrapper,W[i],b&&W.fullWidth,p&&W.error,y),ref:K,children:[c&&o.jsx("label",{htmlFor:$,className:W.label,children:c}),o.jsxs("div",{className:W.container,children:[o.jsxs("button",{id:$,ref:P,type:"button",className:l(W.trigger,d&&W.isOpen),onClick:yo,onKeyDown:E,disabled:r,"aria-haspopup":"listbox","aria-expanded":d,"aria-describedby":N,"aria-invalid":p||void 0,"aria-controls":d?`${$}-menu`:void 0,"aria-activedescendant":d?po:void 0,children:[o.jsx("span",{className:W.selectedLabel,children:io?io.label:s}),o.jsx("span",{className:W.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:W.menu,role:"listbox","aria-labelledby":c?void 0:$,children:n.map((x,v)=>{const oo=x.value===V,mo=v===w;return o.jsxs("li",{id:`${$}-opt-${v}`,role:"option","aria-selected":oo,className:l(W.option,oo&&W.optionSelected,mo&&W.optionFocused,x.disabled&&W.optionDisabled),onClick:()=>z(x,v),onMouseEnter:()=>!x.disabled&&I(v),children:[o.jsx("span",{className:W.optionLabel,children:x.label}),x.description&&o.jsx("span",{className:W.optionDescription,children:x.description})]},x.value)})})]}),a&&o.jsx("span",{id:N,className:l(W.helperText,p&&W.errorText),children:a})]})},co={root:"_root_dlc85_1",container:"_container_dlc85_8",sideContainer:"_sideContainer_dlc85_17",title:"_title_dlc85_28",welcome:"_welcome_dlc85_36"},uo=({id:n,logo:e,title:_,user:t,onLogin:s,onLogout:c,onCreateAccount:a,className:p,maxWidth:r})=>{const i={size:"sm",intent:"info"};return o.jsx("header",{id:n,className:l(co.root,p),children:o.jsxs("div",{className:co.container,style:{maxWidth:r},children:[o.jsxs("div",{className:co.sideContainer,children:[e,o.jsx("h1",{className:co.title,children:_})]}),o.jsx("div",{className:co.sideContainer,children:t?o.jsxs(o.Fragment,{children:[o.jsxs("span",{className:co.welcome,children:["Welcome, ",o.jsx("b",{children:t.name}),"!"]}),o.jsx(M,{...i,onClick:c,children:"Log out"})]}):o.jsxs(o.Fragment,{children:[o.jsx(M,{...i,onClick:s,children:"Log in"}),o.jsx(M,{size:"sm",intent:"info",variant:"solid",onClick:a,children:"Sign up"})]})})]})})},H={root:"_root_19bm3_1",container:"_container_19bm3_7",leftSection:"_leftSection_19bm3_15",nav:"_nav_19bm3_21",navList:"_navList_19bm3_27",navItem:"_navItem_19bm3_35",navLink:"_navLink_19bm3_40",disabled:"_disabled_19bm3_58",active:"_active_19bm3_62",rightSection:"_rightSection_19bm3_72"},To=({id:n,items:e,activeId:_,logo:t,actions:s,onItemClick:c,className:a,maxWidth:p})=>o.jsx("nav",{id:n,className:l(H.root,a),children:o.jsxs("div",{className:H.container,style:{maxWidth:p},children:[t&&o.jsx("div",{className:H.leftSection,children:t}),o.jsx("div",{className:H.nav,children:o.jsx("ul",{className:H.navList,children:e.map(r=>o.jsx("li",{className:H.navItem,children:o.jsx("button",{type:"button",className:l(H.navLink,_===r.id&&H.active,r.disabled&&H.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:H.rightSection,children:s})]})}),U={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"},Po=({size:n="md",error:e,label:_,helperText:t,fullWidth:s=!1,className:c,id:a,...p})=>{const r=g.useId(),i=a??`ds-input-${r}`,y=t?`${i}-help`:void 0;return o.jsxs("div",{className:l(U.wrapper,s&&U.fullWidth,c),children:[_&&o.jsx("label",{htmlFor:i,className:U.label,children:_}),o.jsx("input",{id:i,className:l(U.inputRoot,U[n],e&&U.error),"aria-describedby":y,"aria-invalid":e||void 0,...p}),t&&o.jsx("span",{id:y,className:l(U.helperText,e&&U.errorText),children:t})]})},go={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"},Oo=({id:n,size:e="md",intent:_="neutral",className:t})=>o.jsx("div",{id:n,className:l(go.loader,go[e],go[_],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"},Ho=({isOpen:n,onClose:e,title:_,children:t,footer:s,size:c="md",isLoading:a=!1,className:p,id:r})=>{const i=g.useRef(null),y=g.useRef(null),h=g.useRef(e),b=g.useId(),m=r??`ds-modal-${b}`,$=`${m}-title`;return g.useEffect(()=>{h.current=e},[e]),g.useEffect(()=>{const N=d=>{if(d.key==="Escape"&&!a){h.current();return}if(d.key==="Tab"&&i.current){const u=i.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),T=u[0],j=u[u.length-1];d.shiftKey?document.activeElement===T&&(j.focus(),d.preventDefault()):document.activeElement===j&&(T.focus(),d.preventDefault())}};return n&&(y.current=document.activeElement,document.body.style.overflow="hidden",window.addEventListener("keydown",N),setTimeout(()=>{const d=i.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,a]),n?jo.createPortal(o.jsx("div",{className:G.overlay,onClick:()=>!a&&e(),children:o.jsxs("div",{id:m,className:l(G.modal,G[c],a&&G.loading,p),onClick:N=>N.stopPropagation(),role:"dialog","aria-modal":"true","aria-labelledby":_?$:void 0,ref:i,children:[o.jsxs("div",{className:G.header,children:[_&&o.jsx("h2",{id:$,className:G.title,children:_}),o.jsx(M,{variant:"subtle",size:"sm",onClick:e,className:G.closeButton,"aria-label":"Close modal",disabled:a,children:"✕"})]}),o.jsx("div",{className:G.content,children:t}),s&&o.jsx("div",{className:G.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"},Ko=({intent:n="neutral",title:e,children:_,onClose:t,className:s,...c})=>o.jsxs("div",{className:l(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:"✕"})]}),S={root:"_root_o4mj7_1",list:"_list_o4mj7_6",item:"_item_o4mj7_15",ellipsis:"_ellipsis_o4mj7_19",pageButton:"_pageButton_o4mj7_29"},Vo=(n,e,_)=>Math.min(Math.max(n,e),_),fo=(n,e)=>{const _=[];for(let t=n;t<=e;t+=1)_.push(t);return _},Go=(n,e,_,t,s)=>{if(n<=0)return[];if(!s)return fo(1,n);const a=_*2+1+t*2+2;if(n<=a)return fo(1,n);const p=fo(1,Math.min(t,n)),r=fo(Math.max(n-t+1,t+1),n),i=Math.max(e-_,t+2),y=Math.min(e+_,n-t-1),h=i>t+2,b=y<n-t-1,m=[...p],$=h?i:t+1,N=b?y:n-t;return h&&m.push("ellipsis"),$<=N&&m.push(...fo($,N)),b&&m.push("ellipsis"),m.push(...r),m},Uo=({id:n,count:e,page:_,defaultPage:t=1,onPageChange:s,onFirstClick:c,onLastClick:a,onNextClick:p,onPrevClick:r,siblingCount:i=1,boundaryCount:y=1,showFirstLast:h=!0,showPrevNext:b=!0,showEllipsis:m=!0,disabled:$=!1,size:N="sm",variant:d="outline",intent:u="neutral",activeVariant:T="solid",activeIntent:j,labels:w,ariaLabel:I="Pagination",getPageLabel:K,className:P})=>{const V=g.useId(),io=n??`ds-pagination-${V}`,[po,yo]=g.useState(t),z=Math.max(0,e),E=Vo(_??po,1,Math.max(1,z)),x=g.useMemo(()=>Go(z,E,i,y,m),[z,E,i,y,m]),v=C=>{$||C===E||(_===void 0&&yo(C),s?.(C))},oo=()=>{v(1),c?.(1)},mo=()=>{const C=z;v(C),a?.(C)},$o=()=>{const C=Math.max(1,E-1);v(C),r?.(C)},No=()=>{const C=Math.min(z,E+1);v(C),p?.(C)};return z<=0?null:o.jsx("nav",{id:io,"aria-label":I,className:l(S.root,P),children:o.jsxs("ul",{className:S.list,children:[h&&o.jsx("li",{className:S.item,children:o.jsx(M,{size:N,variant:d,intent:u,className:S.pageButton,onClick:oo,disabled:$||E===1,"aria-label":"Go to first page",children:w?.first??"First"})}),b&&o.jsx("li",{className:S.item,children:o.jsx(M,{size:N,variant:d,intent:u,className:S.pageButton,onClick:$o,disabled:$||E===1,"aria-label":"Go to previous page",children:w?.prev??"Prev"})}),x.map((C,Io)=>{if(C==="ellipsis")return o.jsx("li",{className:S.item,"aria-hidden":"true",children:o.jsx("span",{className:S.ellipsis,children:"…"})},`ellipsis-${Io}`);const so=C===E,gn=K?.(C,so)??`Page ${C}${so?", current page":""}`;return o.jsx("li",{className:S.item,children:o.jsx(M,{size:N,variant:so?T:d,intent:so?j??u:u,className:S.pageButton,onClick:()=>v(C),disabled:$,"aria-current":so?"page":void 0,"aria-label":gn,children:C})},C)}),b&&o.jsx("li",{className:S.item,children:o.jsx(M,{size:N,variant:d,intent:u,className:S.pageButton,onClick:No,disabled:$||E===z,"aria-label":"Go to next page",children:w?.next??"Next"})}),h&&o.jsx("li",{className:S.item,children:o.jsx(M,{size:N,variant:d,intent:u,className:S.pageButton,onClick:mo,disabled:$||E===z,"aria-label":"Go to last page",children:w?.last??"Last"})})]})})},J={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"},Jo=({value:n,max:e=100,size:_="md",intent:t="info",showLabel:s=!1,label:c,className:a,id:p})=>{const r=g.useId(),i=p??`ds-progressbar-${r}`,y=e>0?e:0,h=Math.min(Math.max(0,n),y),b=y>0?Math.min(Math.max(0,h/y*100),100):0,m=c?`${i}-label`:void 0;return o.jsxs("div",{id:i,className:l(J.wrapper,J[_],J[t],a),children:[(c||s)&&o.jsxs("div",{className:J.labelWrapper,children:[c&&o.jsx("span",{id:m,className:J.label,children:c}),s&&o.jsxs("span",{className:J.percentage,children:[Math.round(b),"%"]})]}),o.jsx("div",{className:J.progressRoot,role:"progressbar","aria-valuenow":h,"aria-valuemin":0,"aria-valuemax":e,"aria-labelledby":m,"aria-label":c?void 0:"Progress",children:o.jsx("div",{className:J.indicator,style:{width:`${b}%`}})})]})},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"},Qo=({size:n="md",label:e,helperText:_,error:t,className:s,id:c,...a})=>{const p=g.useId(),r=c??`ds-radio-${p}`,i=_?`${r}-help`:void 0;return o.jsxs("div",{className:l(A.wrapper,s),children:[o.jsxs("label",{htmlFor:r,className:l(A.label,A[n]),children:[o.jsxs("div",{className:A.inputWrapper,children:[o.jsx("input",{type:"radio",id:r,className:l(A.radioRoot,A[n],t&&A.error),"aria-describedby":i,"aria-invalid":t||void 0,...a}),o.jsx("span",{className:A.checkmark})]}),e&&o.jsx("span",{className:A.labelText,children:e})]}),_&&o.jsx("span",{id:i,className:l(A.helperText,t&&A.errorText),children:_})]})},xo={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"},Zo=({variant:n="rectangular",width:e,height:_,animation:t="pulse",className:s,style:c,"aria-hidden":a,...p})=>o.jsx(eo,{className:l(xo.root,xo[n],t!=="none"&&xo[t],s),width:e,height:_,style:c,"aria-hidden":a??!0,...p}),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"},Xo=({step:n,index:e,status:_,isInteractive:t,onStepClick:s,isLast:c,id:a,className:p})=>{const r=!!n.disabled,i=t?"button":"div",y=_==="error"?"!":String(e+1),h=()=>{t&&!r&&s?.(n,e)},b=m=>{t&&!r&&(m.key==="Enter"||m.key===" ")&&(m.preventDefault(),s?.(n,e))};return o.jsxs("li",{className:l(F.step,F[_],r&&F.disabled,p),children:[o.jsxs(i,{id:a,type:t?"button":void 0,className:l(F.stepRow,t&&F.interactive),onClick:h,onKeyDown:b,"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:F.marker,"aria-hidden":"true",children:y}),o.jsxs("span",{className:F.text,children:[o.jsx("span",{className:F.label,children:n.label}),n.description&&o.jsx("span",{className:F.description,children:n.description})]})]}),!c&&o.jsx("span",{className:l(F.connector,F[`connector-${_}`]),"aria-hidden":"true"})]})},vo={root:"_root_cxvk2_1",sm:"_sm_cxvk2_15",lg:"_lg_cxvk2_22",horizontal:"_horizontal_cxvk2_29",vertical:"_vertical_cxvk2_35"},Yo=(n,e)=>Number.isNaN(n)||e<=0?-1:Math.min(Math.max(n,0),e-1),Ro=(n,e)=>typeof n=="number"?Yo(n,e.length):typeof n=="string"?e.findIndex(_=>_.id===n):e.findIndex(_=>_.status==="current"),on=(n,e,_)=>_||(e===-1?"upcoming":n<e?"completed":n===e?"current":"upcoming"),nn=({steps:n,currentStep:e,orientation:_="horizontal",size:t="md",onStepClick:s,ariaLabel:c,className:a,id:p,...r})=>{const i=g.useId(),y=p??`ds-stepper-${i}`,h=Ro(e,n),b=c??"Progress";return o.jsx("ol",{id:y,className:l(vo.root,vo[_],vo[t],a),"aria-label":b,"data-orientation":_,...r,children:n.map((m,$)=>o.jsx(Xo,{id:`${y}-step-${m.id}`,step:m,index:$,status:on($,h,m.status),isInteractive:!!s,onStepClick:s,isLast:$===n.length-1},m.id))})},Q={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"},en=({size:n="md",error:e,label:_,helperText:t,fullWidth:s=!1,className:c,id:a,options:p,children:r,...i})=>{const y=g.useId(),h=a??`ds-select-${y}`,b=t?`${h}-help`:void 0;return o.jsxs("div",{className:l(Q.wrapper,s&&Q.fullWidth,c),children:[_&&o.jsx("label",{htmlFor:h,className:Q.label,children:_}),o.jsx("select",{id:h,className:l(Q.selectRoot,Q[n],e&&Q.error),"aria-describedby":b,"aria-invalid":e||void 0,...i,children:p?p.map(m=>o.jsx("option",{value:m.value,disabled:m.disabled,children:m.label},m.value)):r}),t&&o.jsx("span",{id:b,className:l(Q.helperText,e&&Q.errorText),children:t})]})},Z={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"},_n=({label:n,helperText:e,className:_,disabled:t,id:s,...c})=>{const a=g.useId(),p=s??`ds-switch-${a}`,r=e?`${p}-help`:void 0;return o.jsxs("div",{className:l(Z.wrapper,_),children:[o.jsxs("label",{htmlFor:p,className:l(Z.container,t&&Z.disabled),children:[o.jsx("input",{type:"checkbox",id:p,role:"switch",disabled:t,className:Z.input,"aria-describedby":r,...c}),o.jsx("span",{className:Z.track,children:o.jsx("span",{className:Z.thumb})}),n&&o.jsx("span",{className:Z.label,children:n})]}),e&&o.jsx("span",{id:r,className:Z.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"},tn=({children:n,className:e,striped:_,hoverable:t,dense:s,isLoading:c,...a})=>o.jsx("div",{className:l(L.wrapper,c&&L.loading,e),children:o.jsx("table",{className:l(L.table,_&&L.striped,t&&L.hoverable,s&&L.dense),"aria-busy":c||void 0,...a,children:n})}),sn=({children:n,className:e,..._})=>o.jsx("thead",{className:l(L.thead,e),..._,children:n}),rn=({children:n,className:e,..._})=>o.jsx("tbody",{className:l(L.tbody,e),..._,children:n}),cn=({children:n,className:e,..._})=>o.jsx("tfoot",{className:l(L.tfoot,e),..._,children:n}),ln=({children:n,className:e,..._})=>o.jsx("tr",{className:l(L.tr,e),..._,children:n}),an=({children:n,className:e,align:_,...t})=>o.jsx("th",{className:l(L.th,_&&L[`align-${_}`],e),...t,children:n}),dn=({children:n,className:e,align:_,...t})=>o.jsx("td",{className:l(L.td,_&&L[`align-${_}`],e),...t,children:n}),X={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"},pn=({items:n,defaultActiveId:e,activeId:_,onChange:t,className:s,variant:c="line",id:a})=>{const p=g.useId(),r=a??`ds-tabs-${p}`,[i,y]=g.useState(e||(n.length>0?n[0].id:"")),h=_!==void 0?_:i,b=g.useRef(null),m=(d,u)=>{u||(_===void 0&&y(d),t?.(d))},$=d=>{const u=n.filter(w=>!w.disabled),T=u.findIndex(w=>w.id===h);let j=-1;if(d.key==="ArrowRight"||d.key==="ArrowDown"?j=(T+1)%u.length:d.key==="ArrowLeft"||d.key==="ArrowUp"?j=(T-1+u.length)%u.length:d.key==="Home"?j=0:d.key==="End"&&(j=u.length-1),j!==-1){d.preventDefault();const w=u[j].id;m(w);const I=b.current?.querySelectorAll('[role="tab"]');Array.from(I||[]).find(P=>P.getAttribute("data-id")===w)?.focus()}},N=n.find(d=>d.id===h);return o.jsxs("div",{id:r,className:l(X.root,s),children:[o.jsx("div",{role:"tablist",ref:b,className:l(X.tabList,c==="pill"&&X.pillList),onKeyDown:$,children:n.map(d=>{const u=d.id===h,T=!!d.disabled,j=T?-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":T,tabIndex:j,disabled:T,"data-id":d.id,className:l(X.tabItem,c==="pill"&&X.pillItem,u&&X.active,T&&X.disabled),onClick:()=>m(d.id,T),children:d.label},d.id)})}),o.jsx("div",{role:"tabpanel",id:`${r}-panel-${h}`,"aria-labelledby":`${r}-tab-${h}`,className:X.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"},mn={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"},ko=({children:n,variant:e="body-md",as:_,align:t,weight:s,color:c,noWrap:a,className:p,padding:r,paddingX:i,paddingY:y,paddingTop:h,paddingBottom:b,paddingLeft:m,paddingRight:$,margin:N,marginX:d,marginY:u,marginTop:T,marginBottom:j,marginLeft:w,marginRight:I,...K})=>{const P=_||mn[e]||"span";return o.jsx(P,{className:l(B.root,B[e],t&&B[t],s&&B[s],c&&B[`color-${c}`],a&&B.noWrap,r!==void 0&&B[`p-${r}`],i!==void 0&&B[`px-${i}`],y!==void 0&&B[`py-${y}`],h!==void 0&&B[`pt-${h}`],b!==void 0&&B[`pb-${b}`],m!==void 0&&B[`pl-${m}`],$!==void 0&&B[`pr-${$}`],N!==void 0&&B[`margin-${N}`],d!==void 0&&B[`marginX-${d}`],u!==void 0&&B[`marginY-${u}`],T!==void 0&&B[`marginTop-${T}`],j!==void 0&&B[`marginBottom-${j}`],w!==void 0&&B[`marginLeft-${w}`],I!==void 0&&B[`marginRight-${I}`],p),...K,children:n})},Y={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"},bn=({size:n="md",error:e,label:_,helperText:t,fullWidth:s=!1,className:c,id:a,rows:p=4,...r})=>{const i=g.useId(),y=a??`ds-textarea-${i}`,h=t?`${y}-help`:void 0;return o.jsxs("div",{className:l(Y.wrapper,s&&Y.fullWidth,c),children:[_&&o.jsx("label",{htmlFor:y,className:Y.label,children:_}),o.jsx("textarea",{id:y,rows:p,className:l(Y.textareaRoot,Y[n],e&&Y.error),"aria-describedby":h,"aria-invalid":e||void 0,...r}),t&&o.jsx("span",{id:h,className:l(Y.helperText,e&&Y.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"},fn=({content:n,children:e,position:_="top",variant:t="dark",delay:s=200,className:c,id:a})=>{const[p,r]=g.useState(!1),i=g.useRef(null),y=g.useId(),h=a??`ds-tooltip-${y}`,b=`${h}-content`,m=()=>{i.current=window.setTimeout(()=>{r(!0)},s)},$=()=>{i.current&&window.clearTimeout(i.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"],b].filter(Boolean).join(" ")})})():e;return o.jsxs("div",{id:h,className:l(ao.root,c),onMouseEnter:m,onMouseLeave:$,onFocus:m,onBlur:$,onKeyDown:N,children:[o.jsx("div",{className:ao.trigger,children:d}),p&&o.jsx("div",{className:l(ao.tooltip,ao[_],ao[t],p&&ao.visible),id:b,role:"tooltip",children:n})]})},wo={root:"_root_1j5ko_1",main:"_main_1j5ko_8",container:"_container_1j5ko_13"},yn=({headerLogo:n,headerTitle:e,user:_,navItems:t,activeNavId:s,navActions:c,children:a,onLogin:p,onLogout:r,onCreateAccount:i,onNavItemClick:y,className:h,maxWidth:b})=>o.jsxs("div",{className:l(wo.root,h),children:[o.jsx(uo,{logo:n,title:e,user:_,onLogin:p,onLogout:r,onCreateAccount:i,maxWidth:b}),o.jsx(To,{items:t,activeId:s,actions:c,onItemClick:y,maxWidth:b}),o.jsx("main",{className:wo.main,children:o.jsx("div",{className:wo.container,children:a})})]}),_o={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"},hn=({logo:n,title:e,description:_,children:t,className:s})=>o.jsx(eo,{className:l(_o.root,s),children:o.jsxs(eo,{className:_o.card,children:[o.jsxs(eo,{className:_o.header,children:[n&&o.jsx(eo,{className:_o.logo,children:n}),e&&o.jsx(ko,{variant:"h3",as:"h1",className:_o.title,children:e}),_&&o.jsx(ko,{variant:"body-sm",color:"subtle",className:_o.description,children:_})]}),o.jsx(eo,{className:_o.content,children:t})]})}),R={root:"_root_1vwxr_1",main:"_main_1vwxr_7",container:"_container_1vwxr_11",topBar:"_topBar_1vwxr_20",stats:"_stats_1vwxr_27",content:"_content_1vwxr_33"},un=({headerLogo:n,headerTitle:e,breadcrumbs:_,actions:t,stats:s,children:c,user:a,onLogin:p,onLogout:r,onCreateAccount:i,className:y,maxWidth:h})=>o.jsxs("div",{className:l(R.root,y),children:[o.jsx(uo,{logo:n,title:e,user:a,onLogin:p,onLogout:r,onCreateAccount:i,maxWidth:h}),o.jsx("main",{className:R.main,children:o.jsxs("div",{className:R.container,children:[(_||t)&&o.jsxs("div",{className:R.topBar,children:[o.jsx("div",{className:R.breadcrumbs,children:_}),o.jsx("div",{className:R.actions,children:t})]}),s&&o.jsx("div",{className:R.stats,children:s}),o.jsx("div",{className:R.content,children:c})]})})]}),to={root:"_root_o4vai_1",main:"_main_o4vai_7",container:"_container_o4vai_11",layoutBody:"_layoutBody_o4vai_20",sidebar:"_sidebar_o4vai_26",content:"_content_o4vai_34"},$n=({headerLogo:n,headerTitle:e,breadcrumbs:_,sidebar:t,children:s,user:c,onLogin:a,onLogout:p,onCreateAccount:r,className:i,maxWidth:y})=>o.jsxs("div",{className:l(to.root,i),children:[o.jsx(uo,{logo:n,title:e,user:c,onLogin:a,onLogout:p,onCreateAccount:r,maxWidth:y}),o.jsx("main",{className:to.main,children:o.jsxs("div",{className:to.container,children:[_&&o.jsx("div",{className:to.breadcrumbs,children:_}),o.jsxs("div",{className:to.layoutBody,children:[t&&o.jsx("aside",{className:to.sidebar,children:t}),o.jsx("section",{className:to.content,children:s})]})]})})]});f.Accordion=Bo,f.AppLayout=yn,f.AuthLayout=hn,f.Avatar=Wo,f.Badge=qo,f.Box=eo,f.BreadcrumbItem=So,f.Breadcrumbs=Lo,f.Button=M,f.Card=Eo,f.CardContent=Do,f.CardFooter=Mo,f.CardHeader=zo,f.Checkbox=Ao,f.DashboardLayout=un,f.Dropdown=Fo,f.Header=uo,f.Input=Po,f.Loader=Oo,f.Modal=Ho,f.NavBar=To,f.Notification=Ko,f.Pagination=Uo,f.ProgressBar=Jo,f.RadioButton=Qo,f.Select=en,f.SettingsLayout=$n,f.Skeleton=Zo,f.Stepper=nn,f.Switch=_n,f.Table=tn,f.TableBody=rn,f.TableCell=dn,f.TableFooter=cn,f.TableHead=an,f.TableHeader=sn,f.TableRow=ln,f.Tabs=pn,f.Text=ko,f.Textarea=bn,f.Tooltip=fn,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})}));
|
|
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=b=>{y(m=>m.includes(b)?m.filter($=>$!==b):e?[...m,b]:[b])};return n.jsx("div",{id:s,className:a(D.root,D[t],D[r],c),children:o.map(b=>{const m=p.includes(b.id);return n.jsxs("div",{className:D.item,children:[n.jsxs("button",{type:"button",id:`${s}-header-${b.id}`,className:D.header,onClick:()=>h(b.id),disabled:b.isDisabled,"aria-expanded":m,"aria-controls":`${s}-content-${b.id}`,children:[n.jsx("span",{children:b.title}),n.jsx("span",{className:a(D.icon,m&&D.iconExpanded),children:"▼"})]}),n.jsx("div",{id:`${s}-content-${b.id}`,role:"region","aria-labelledby":`${s}-header-${b.id}`,className:a(D.contentWrapper,m&&D.contentExpanded),children:n.jsx("div",{className:D.content,children:n.jsx("div",{className:a(D.contentBody,m&&D.contentBodyExpanded),children:b.content})})})]},b.id)})})},on={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=b=>b.split(" ").map(m=>m[0]).slice(0,2).join(""),h=()=>o&&!d?n.jsx("img",{src:o,alt:p||"",className:on.image,onError:()=>s(!0)}):r?n.jsx("span",{className:on.fallback,children:r}):_?n.jsx("span",{className:on.fallback,children:y(_)}):n.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:a(on.image,on.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(on.root,on[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}),k={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},en=({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:b,marginTop:m,marginBottom:$,marginLeft:N,marginRight:i,gap:u,flexDirection:T,alignItems:j,justifyContent:w,flexWrap:I,flexGrow:K,flexShrink:P,flex:V,fullWidth:dn,textAlign:pn,width:fn,height:z,maxWidth:E,gridTemplateColumns:v,backgroundColor:x,border:nn,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,b,m,$,N,i)};return n.jsx(e,{className:a(k.box,_&&k[`display-${_}`],pn&&k[`textAlign-${pn}`],typeof t=="number"&&k[`p-${t}`],typeof r=="number"&&k[`px-${r}`],typeof c=="number"&&k[`py-${c}`],typeof l=="number"&&k[`pt-${l}`],typeof d=="number"&&k[`pb-${d}`],typeof s=="number"&&k[`pl-${s}`],typeof p=="number"&&k[`pr-${p}`],typeof y=="number"&&k[`margin-${y}`],typeof h=="number"&&k[`marginX-${h}`],typeof b=="number"&&k[`marginY-${b}`],typeof m=="number"&&k[`marginTop-${m}`],typeof $=="number"&&k[`marginBottom-${$}`],typeof N=="number"&&k[`marginLeft-${N}`],typeof i=="number"&&k[`marginRight-${i}`],typeof u=="number"&&k[`gap-${u}`],T&&k[`flexDirection-${T}`],j&&k[`alignItems-${j}`],w&&k[`justifyContent-${w}`],I&&k[`flexWrap-${I}`],x&&k[`bg-${x}`],nn&&k.border,yn&&k.borderBottom,$n&&k[`borderColor-${$n}`],gn&&k[`borderRadius-${gn}`],dn&&k.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:b=!1})=>{const m=g.useId(),$=h??`ds-dropdown-${m}`,N=l?`${$}-help`:void 0,[i,u]=g.useState(!1),[T,j]=g.useState(_),[w,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=w>=0?`${$}-opt-${w}`:void 0,fn=()=>{if(!s){const v=!i;if(u(v),v){if(w===-1){const x=o.findIndex(nn=>nn.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?w>=0&&z(o[w],w):(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&&w>=0&&document.getElementById(`${$}-opt-${w}`)?.scrollIntoView({block:"nearest"})},[w,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],b&&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 nn=v.value===V,yn=x===w;return n.jsxs("li",{id:`${$}-opt-${x}`,role:"option","aria-selected":nn,className:a(S.option,nn&&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_19bm3_1",container:"_container_19bm3_7",leftSection:"_leftSection_19bm3_15",nav:"_nav_19bm3_21",navList:"_navList_19bm3_27",navItem:"_navItem_19bm3_35",navLink:"_navLink_19bm3_40",disabled:"_disabled_19bm3_58",active:"_active_19bm3_62",rightSection:"_rightSection_19bm3_72"},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})]})}),U={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(U.wrapper,r&&U.fullWidth,c),children:[_&&n.jsx("label",{htmlFor:p,className:U.label,children:_}),n.jsx("input",{id:p,className:a(U.inputRoot,U[o],e&&U.error),"aria-describedby":y,"aria-invalid":e||void 0,...d}),t&&n.jsx("span",{id:y,className:a(U.helperText,e&&U.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),b=g.useId(),m=s??`ds-modal-${b}`,$=`${m}-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:m,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,b=y<o-t-1,m=[...d],$=h?p:t+1,N=b?y:o-t;return h&&m.push("ellipsis"),$<=N&&m.push(...bn($,N)),b&&m.push("ellipsis"),m.push(...s),m},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:b=!0,showEllipsis:m=!0,disabled:$=!1,size:N="sm",variant:i="outline",intent:u="neutral",activeVariant:T="solid",activeIntent:j,labels:w,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,m),[z,E,p,y,m]),x=C=>{$||C===E||(_===void 0&&fn(C),r?.(C))},nn=()=>{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:nn,disabled:$||E===1,"aria-label":"Go to first page",children:w?.first??"First"})}),b&&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:w?.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)}),b&&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:w?.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:w?.last??"Last"})})]})})},J={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),b=y>0?Math.min(Math.max(0,h/y*100),100):0,m=c?`${p}-label`:void 0;return n.jsxs("div",{id:p,className:a(J.wrapper,J[_],J[t],l),children:[(c||r)&&n.jsxs("div",{className:J.labelWrapper,children:[c&&n.jsx("span",{id:m,className:J.label,children:c}),r&&n.jsxs("span",{className:J.percentage,children:[Math.round(b),"%"]})]}),n.jsx("div",{className:J.progressRoot,role:"progressbar","aria-valuenow":h,"aria-valuemin":0,"aria-valuemax":e,"aria-labelledby":m,"aria-label":c?void 0:"Progress",children:n.jsx("div",{className:J.indicator,style:{width:`${b}%`}})})]})},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(en,{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)},b=m=>{t&&!s&&(m.key==="Enter"||m.key===" ")&&(m.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:b,"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"})]})},kn={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),b=c??"Progress";return n.jsx("ol",{id:y,className:a(kn.root,kn[_],kn[t],l),"aria-label":b,"data-orientation":_,...s,children:o.map((m,$)=>n.jsx(Rn,{id:`${y}-step-${m.id}`,step:m,index:$,status:eo($,h,m.status),isInteractive:!!r,onStepClick:r,isLast:$===o.length-1},m.id))})},Q={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}`,b=t?`${h}-help`:void 0;return n.jsxs("div",{className:a(Q.wrapper,r&&Q.fullWidth,c),children:[_&&n.jsx("label",{htmlFor:h,className:Q.label,children:_}),n.jsx("select",{id:h,className:a(Q.selectRoot,Q[o],e&&Q.error),"aria-describedby":b,"aria-invalid":e||void 0,...p,children:d?d.map(m=>n.jsx("option",{value:m.value,disabled:m.disabled,children:m.label},m.value)):s}),t&&n.jsx("span",{id:b,className:a(Q.helperText,e&&Q.errorText),children:t})]})},Z={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(Z.wrapper,_),children:[n.jsxs("label",{htmlFor:d,className:a(Z.container,t&&Z.disabled),children:[n.jsx("input",{type:"checkbox",id:d,role:"switch",disabled:t,className:Z.input,"aria-describedby":s,...c}),n.jsx("span",{className:Z.track,children:n.jsx("span",{className:Z.thumb})}),o&&n.jsx("span",{className:Z.label,children:o})]}),e&&n.jsx("span",{id:s,className:Z.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}),X={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,b=g.useRef(null),m=(i,u)=>{u||(_===void 0&&y(i),t?.(i))},$=i=>{const u=o.filter(w=>!w.disabled),T=u.findIndex(w=>w.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 w=u[j].id;m(w);const I=b.current?.querySelectorAll('[role="tab"]');Array.from(I||[]).find(P=>P.getAttribute("data-id")===w)?.focus()}},N=o.find(i=>i.id===h);return n.jsxs("div",{id:s,className:a(X.root,r),children:[n.jsx("div",{role:"tablist",ref:b,className:a(X.tabList,c==="pill"&&X.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(X.tabItem,c==="pill"&&X.pillItem,u&&X.active,T&&X.disabled),onClick:()=>m(i.id,T),children:i.label},i.id)})}),n.jsx("div",{role:"tabpanel",id:`${s}-panel-${h}`,"aria-labelledby":`${s}-tab-${h}`,className:X.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"},wn=({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:b,paddingLeft:m,paddingRight:$,margin:N,marginX:i,marginY:u,marginTop:T,marginBottom:j,marginLeft:w,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}`],b!==void 0&&B[`pb-${b}`],m!==void 0&&B[`pl-${m}`],$!==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}`],w!==void 0&&B[`marginLeft-${w}`],I!==void 0&&B[`marginRight-${I}`],d),...K,children:o})},Y={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(Y.wrapper,r&&Y.fullWidth,c),children:[_&&n.jsx("label",{htmlFor:y,className:Y.label,children:_}),n.jsx("textarea",{id:y,rows:d,className:a(Y.textareaRoot,Y[o],e&&Y.error),"aria-describedby":h,"aria-invalid":e||void 0,...s}),t&&n.jsx("span",{id:h,className:a(Y.helperText,e&&Y.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}`,b=`${h}-content`,m=()=>{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"],b].filter(Boolean).join(" ")})})():e;return n.jsxs("div",{id:h,className:a(an.root,c),onMouseEnter:m,onMouseLeave:$,onFocus:m,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:b,role:"tooltip",children:o})]})},Nn={root:"_root_1j5ko_1",main:"_main_1j5ko_8",container:"_container_1j5ko_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:b})=>n.jsxs("div",{className:a(Nn.root,h),children:[n.jsx(un,{logo:o,title:e,user:_,onLogin:d,onLogout:s,onCreateAccount:p,maxWidth:b}),n.jsx(Bn,{items:t,activeId:r,actions:c,onItemClick:y,maxWidth:b}),n.jsx("main",{className:Nn.main,children:n.jsx("div",{className:Nn.container,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(en,{className:a(_n.root,r),children:n.jsxs(en,{className:_n.card,children:[n.jsxs(en,{className:_n.header,children:[o&&n.jsx(en,{className:_n.logo,children:o}),e&&n.jsx(wn,{variant:"h3",as:"h1",className:_n.title,children:e}),_&&n.jsx(wn,{variant:"body-sm",color:"subtle",className:_n.description,children:_})]}),n.jsx(en,{className:_n.content,children:t})]})}),R={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(R.root,y),children:[n.jsx(un,{logo:o,title:e,user:l,onLogin:d,onLogout:s,onCreateAccount:p,maxWidth:h}),n.jsx("main",{className:R.main,children:n.jsxs("div",{className:R.container,children:[(_||t)&&n.jsxs("div",{className:R.topBar,children:[n.jsx("div",{className:R.breadcrumbs,children:_}),n.jsx("div",{className:R.actions,children:t})]}),r&&n.jsx("div",{className:R.stats,children:r}),n.jsx("div",{className:R.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=en,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=wn,f.Textarea=yo,f.Tooltip=ho,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})}));
|
package/package.json
CHANGED
|
@@ -2,6 +2,7 @@ import clsx from 'clsx';
|
|
|
2
2
|
|
|
3
3
|
import styles from './Box.module.css';
|
|
4
4
|
import type { BoxProps } from './Box.types.ts';
|
|
5
|
+
import { getSpacingStyles } from './helpers/getSpacingStyles.ts';
|
|
5
6
|
|
|
6
7
|
export const Box = ({
|
|
7
8
|
children,
|
|
@@ -33,6 +34,7 @@ export const Box = ({
|
|
|
33
34
|
textAlign,
|
|
34
35
|
width,
|
|
35
36
|
height,
|
|
37
|
+
maxWidth,
|
|
36
38
|
gridTemplateColumns,
|
|
37
39
|
backgroundColor,
|
|
38
40
|
border,
|
|
@@ -50,7 +52,29 @@ export const Box = ({
|
|
|
50
52
|
flex,
|
|
51
53
|
width,
|
|
52
54
|
height,
|
|
55
|
+
maxWidth,
|
|
53
56
|
gridTemplateColumns,
|
|
57
|
+
gap: typeof gap === 'string' ? gap : undefined,
|
|
58
|
+
...getSpacingStyles(
|
|
59
|
+
'padding',
|
|
60
|
+
padding,
|
|
61
|
+
paddingX,
|
|
62
|
+
paddingY,
|
|
63
|
+
paddingTop,
|
|
64
|
+
paddingBottom,
|
|
65
|
+
paddingLeft,
|
|
66
|
+
paddingRight
|
|
67
|
+
),
|
|
68
|
+
...getSpacingStyles(
|
|
69
|
+
'margin',
|
|
70
|
+
margin,
|
|
71
|
+
marginX,
|
|
72
|
+
marginY,
|
|
73
|
+
marginTop,
|
|
74
|
+
marginBottom,
|
|
75
|
+
marginLeft,
|
|
76
|
+
marginRight
|
|
77
|
+
),
|
|
54
78
|
};
|
|
55
79
|
|
|
56
80
|
return (
|
|
@@ -59,21 +83,21 @@ export const Box = ({
|
|
|
59
83
|
styles.box,
|
|
60
84
|
display && styles[`display-${display}`],
|
|
61
85
|
textAlign && styles[`textAlign-${textAlign}`],
|
|
62
|
-
padding
|
|
63
|
-
paddingX
|
|
64
|
-
paddingY
|
|
65
|
-
paddingTop
|
|
66
|
-
paddingBottom
|
|
67
|
-
paddingLeft
|
|
68
|
-
paddingRight
|
|
69
|
-
margin
|
|
70
|
-
marginX
|
|
71
|
-
marginY
|
|
72
|
-
marginTop
|
|
73
|
-
marginBottom
|
|
74
|
-
marginLeft
|
|
75
|
-
marginRight
|
|
76
|
-
gap
|
|
86
|
+
typeof padding === 'number' && styles[`p-${padding}`],
|
|
87
|
+
typeof paddingX === 'number' && styles[`px-${paddingX}`],
|
|
88
|
+
typeof paddingY === 'number' && styles[`py-${paddingY}`],
|
|
89
|
+
typeof paddingTop === 'number' && styles[`pt-${paddingTop}`],
|
|
90
|
+
typeof paddingBottom === 'number' && styles[`pb-${paddingBottom}`],
|
|
91
|
+
typeof paddingLeft === 'number' && styles[`pl-${paddingLeft}`],
|
|
92
|
+
typeof paddingRight === 'number' && styles[`pr-${paddingRight}`],
|
|
93
|
+
typeof margin === 'number' && styles[`margin-${margin}`],
|
|
94
|
+
typeof marginX === 'number' && styles[`marginX-${marginX}`],
|
|
95
|
+
typeof marginY === 'number' && styles[`marginY-${marginY}`],
|
|
96
|
+
typeof marginTop === 'number' && styles[`marginTop-${marginTop}`],
|
|
97
|
+
typeof marginBottom === 'number' && styles[`marginBottom-${marginBottom}`],
|
|
98
|
+
typeof marginLeft === 'number' && styles[`marginLeft-${marginLeft}`],
|
|
99
|
+
typeof marginRight === 'number' && styles[`marginRight-${marginRight}`],
|
|
100
|
+
typeof gap === 'number' && styles[`gap-${gap}`],
|
|
77
101
|
flexDirection && styles[`flexDirection-${flexDirection}`],
|
|
78
102
|
alignItems && styles[`alignItems-${alignItems}`],
|
|
79
103
|
justifyContent && styles[`justifyContent-${justifyContent}`],
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import type { HTMLAttributes, ReactNode, ElementType } from 'react';
|
|
2
2
|
|
|
3
|
-
export type BoxPadding = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 14;
|
|
4
|
-
export type BoxMargin = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 14;
|
|
5
|
-
export type BoxGap = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 14;
|
|
3
|
+
export type BoxPadding = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 14 | (string & {});
|
|
4
|
+
export type BoxMargin = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 14 | (string & {});
|
|
5
|
+
export type BoxGap = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 14 | (string & {});
|
|
6
6
|
export type BoxDisplay = 'block' | 'flex' | 'inline-flex' | 'grid' | 'inline-block' | 'none';
|
|
7
7
|
export type BoxFlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
|
|
8
8
|
export type BoxAlignItems = 'stretch' | 'flex-start' | 'center' | 'flex-end' | 'baseline';
|
|
@@ -56,6 +56,7 @@ export interface BoxProps extends HTMLAttributes<HTMLElement> {
|
|
|
56
56
|
textAlign?: 'left' | 'center' | 'right' | 'justify';
|
|
57
57
|
width?: string | number;
|
|
58
58
|
height?: string | number;
|
|
59
|
+
maxWidth?: string | number;
|
|
59
60
|
gridTemplateColumns?: string;
|
|
60
61
|
backgroundColor?: BoxBackgroundColor;
|
|
61
62
|
border?: boolean;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import type { BoxPadding } from '../Box.types.ts';
|
|
2
|
+
|
|
3
|
+
export const getSpacingStyles = (
|
|
4
|
+
type: 'padding' | 'margin',
|
|
5
|
+
prop: BoxPadding | undefined,
|
|
6
|
+
propX: BoxPadding | undefined,
|
|
7
|
+
propY: BoxPadding | undefined,
|
|
8
|
+
propTop: BoxPadding | undefined,
|
|
9
|
+
propBottom: BoxPadding | undefined,
|
|
10
|
+
propLeft: BoxPadding | undefined,
|
|
11
|
+
propRight: BoxPadding | undefined
|
|
12
|
+
) => {
|
|
13
|
+
const styles: Record<string, string | undefined> = {};
|
|
14
|
+
|
|
15
|
+
if (typeof prop === 'string') {
|
|
16
|
+
styles[type] = prop;
|
|
17
|
+
}
|
|
18
|
+
if (typeof propTop === 'string') {
|
|
19
|
+
styles[`${type}Top`] = propTop;
|
|
20
|
+
}
|
|
21
|
+
if (typeof propBottom === 'string') {
|
|
22
|
+
styles[`${type}Bottom`] = propBottom;
|
|
23
|
+
}
|
|
24
|
+
if (typeof propLeft === 'string') {
|
|
25
|
+
styles[`${type}Left`] = propLeft;
|
|
26
|
+
}
|
|
27
|
+
if (typeof propRight === 'string') {
|
|
28
|
+
styles[`${type}Right`] = propRight;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
if (typeof propX === 'string') {
|
|
32
|
+
styles[`${type}Left`] = propX;
|
|
33
|
+
styles[`${type}Right`] = propX;
|
|
34
|
+
}
|
|
35
|
+
if (typeof propY === 'string') {
|
|
36
|
+
styles[`${type}Top`] = propY;
|
|
37
|
+
styles[`${type}Bottom`] = propY;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
return styles;
|
|
41
|
+
};
|