tharaday 0.5.1 → 0.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/components/Box/Box.d.ts +1 -1
  2. package/dist/components/Box/Box.stories.d.ts +1 -1
  3. package/dist/components/Box/Box.types.d.ts +7 -0
  4. package/dist/ds.js +786 -779
  5. package/dist/ds.umd.cjs +1 -1
  6. package/package.json +1 -1
  7. package/src/components/Box/Box.stories.tsx +2 -2
  8. package/src/components/Box/Box.tsx +14 -7
  9. package/src/components/Box/Box.types.ts +7 -0
package/dist/ds.umd.cjs CHANGED
@@ -1 +1 @@
1
- (function(m,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):(m=typeof globalThis<"u"?globalThis:m||self,o(m.DesignSystem={},m.jsxRuntime,m.React,m.ReactDOM))})(this,(function(m,o,f,Bo){"use strict";function Co(e){var n,t,s="";if(typeof e=="string"||typeof e=="number")s+=e;else if(typeof e=="object")if(Array.isArray(e)){var r=e.length;for(n=0;n<r;n++)e[n]&&(t=Co(e[n]))&&(s&&(s+=" "),s+=t)}else for(t in e)e[t]&&(s&&(s+=" "),s+=t);return s}function l(){for(var e,n,t=0,s="",r=arguments.length;t<r;t++)(e=arguments[t])&&(n=Co(e))&&(s&&(s+=" "),s+=n);return s}const z={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"},Wo=({items:e,allowMultiple:n=!1,defaultExpanded:t=[],variant:s="default",size:r="md",className:_,id:a})=>{const i=f.useId(),c=a??`ds-accordion-${i}`,[d,y]=f.useState(t),u=h=>{y(b=>b.includes(h)?b.filter($=>$!==h):n?[...b,h]:[h])};return o.jsx("div",{id:c,className:l(z.root,z[s],z[r],_),children:e.map(h=>{const b=d.includes(h.id);return o.jsxs("div",{className:z.item,children:[o.jsxs("button",{type:"button",id:`${c}-header-${h.id}`,className:z.header,onClick:()=>u(h.id),disabled:h.isDisabled,"aria-expanded":b,"aria-controls":`${c}-content-${h.id}`,children:[o.jsx("span",{children:h.title}),o.jsx("span",{className:l(z.icon,b&&z.iconExpanded),children:"▼"})]}),o.jsx("div",{id:`${c}-content-${h.id}`,role:"region","aria-labelledby":`${c}-header-${h.id}`,className:l(z.contentWrapper,b&&z.contentExpanded),children:o.jsx("div",{className:z.content,children:o.jsx("div",{className:l(z.contentBody,b&&z.contentBodyExpanded),children:h.content})})})]},h.id)})})},oo={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"},qo=({src:e,alt:n,name:t,size:s="md",fallback:r,className:_,...a})=>{const[i,c]=f.useState(!1),d=n??t,y=h=>h.split(" ").map(b=>b[0]).slice(0,2).join(""),u=()=>e&&!i?o.jsx("img",{src:e,alt:d||"",className:oo.image,onError:()=>c(!0)}):r?o.jsx("span",{className:oo.fallback,children:r}):t?o.jsx("span",{className:oo.fallback,children:y(t)}):o.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:l(oo.image,oo.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(oo.root,oo[s],_),...a,children:u()})},uo={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"},So=({variant:e="solid",size:n="md",intent:t="neutral",className:s,children:r,..._})=>o.jsx("span",{className:l(uo.root,uo[e],uo[n],uo[t],s),..._,children:r}),w={box:"_box_ynnco_1",fullWidth:"_fullWidth_ynnco_5","display-block":"_display-block_ynnco_10","display-flex":"_display-flex_ynnco_13","display-inline-flex":"_display-inline-flex_ynnco_16","display-grid":"_display-grid_ynnco_19","display-inline-block":"_display-inline-block_ynnco_22","display-none":"_display-none_ynnco_25","flexDirection-row":"_flexDirection-row_ynnco_30","flexDirection-column":"_flexDirection-column_ynnco_33","flexDirection-row-reverse":"_flexDirection-row-reverse_ynnco_36","flexDirection-column-reverse":"_flexDirection-column-reverse_ynnco_39","alignItems-stretch":"_alignItems-stretch_ynnco_44","alignItems-flex-start":"_alignItems-flex-start_ynnco_47","alignItems-center":"_alignItems-center_ynnco_50","alignItems-flex-end":"_alignItems-flex-end_ynnco_53","alignItems-baseline":"_alignItems-baseline_ynnco_56","justifyContent-flex-start":"_justifyContent-flex-start_ynnco_61","justifyContent-center":"_justifyContent-center_ynnco_64","justifyContent-flex-end":"_justifyContent-flex-end_ynnco_67","justifyContent-space-between":"_justifyContent-space-between_ynnco_70","justifyContent-space-around":"_justifyContent-space-around_ynnco_73","justifyContent-space-evenly":"_justifyContent-space-evenly_ynnco_76","flexWrap-nowrap":"_flexWrap-nowrap_ynnco_81","flexWrap-wrap":"_flexWrap-wrap_ynnco_84","flexWrap-wrap-reverse":"_flexWrap-wrap-reverse_ynnco_87","textAlign-left":"_textAlign-left_ynnco_92","textAlign-center":"_textAlign-center_ynnco_95","textAlign-right":"_textAlign-right_ynnco_98","textAlign-justify":"_textAlign-justify_ynnco_101","p-0":"_p-0_ynnco_106","p-1":"_p-1_ynnco_109","p-2":"_p-2_ynnco_112","p-3":"_p-3_ynnco_115","p-4":"_p-4_ynnco_118","p-5":"_p-5_ynnco_121","p-6":"_p-6_ynnco_124","p-8":"_p-8_ynnco_127","p-10":"_p-10_ynnco_130","p-12":"_p-12_ynnco_133","p-14":"_p-14_ynnco_136","px-0":"_px-0_ynnco_140","px-1":"_px-1_ynnco_144","px-2":"_px-2_ynnco_148","px-3":"_px-3_ynnco_152","px-4":"_px-4_ynnco_156","px-5":"_px-5_ynnco_160","px-6":"_px-6_ynnco_164","px-8":"_px-8_ynnco_168","px-10":"_px-10_ynnco_172","px-12":"_px-12_ynnco_176","px-14":"_px-14_ynnco_180","py-0":"_py-0_ynnco_185","py-1":"_py-1_ynnco_189","py-2":"_py-2_ynnco_193","py-3":"_py-3_ynnco_197","py-4":"_py-4_ynnco_201","py-5":"_py-5_ynnco_205","py-6":"_py-6_ynnco_209","py-8":"_py-8_ynnco_213","py-10":"_py-10_ynnco_217","py-12":"_py-12_ynnco_221","py-14":"_py-14_ynnco_225","pt-0":"_pt-0_ynnco_230","pt-1":"_pt-1_ynnco_233","pt-2":"_pt-2_ynnco_236","pt-3":"_pt-3_ynnco_239","pt-4":"_pt-4_ynnco_242","pt-5":"_pt-5_ynnco_245","pt-6":"_pt-6_ynnco_248","pt-8":"_pt-8_ynnco_251","pt-10":"_pt-10_ynnco_254","pt-12":"_pt-12_ynnco_257","pt-14":"_pt-14_ynnco_260","pb-0":"_pb-0_ynnco_264","pb-1":"_pb-1_ynnco_267","pb-2":"_pb-2_ynnco_270","pb-3":"_pb-3_ynnco_273","pb-4":"_pb-4_ynnco_276","pb-5":"_pb-5_ynnco_279","pb-6":"_pb-6_ynnco_282","pb-8":"_pb-8_ynnco_285","pb-10":"_pb-10_ynnco_288","pb-12":"_pb-12_ynnco_291","pb-14":"_pb-14_ynnco_294","pl-0":"_pl-0_ynnco_298","pl-1":"_pl-1_ynnco_301","pl-2":"_pl-2_ynnco_304","pl-3":"_pl-3_ynnco_307","pl-4":"_pl-4_ynnco_310","pl-5":"_pl-5_ynnco_313","pl-6":"_pl-6_ynnco_316","pl-8":"_pl-8_ynnco_319","pl-10":"_pl-10_ynnco_322","pl-12":"_pl-12_ynnco_325","pl-14":"_pl-14_ynnco_328","pr-0":"_pr-0_ynnco_332","pr-1":"_pr-1_ynnco_335","pr-2":"_pr-2_ynnco_338","pr-3":"_pr-3_ynnco_341","pr-4":"_pr-4_ynnco_344","pr-5":"_pr-5_ynnco_347","pr-6":"_pr-6_ynnco_350","pr-8":"_pr-8_ynnco_353","pr-10":"_pr-10_ynnco_356","pr-12":"_pr-12_ynnco_359","pr-14":"_pr-14_ynnco_362","gap-0":"_gap-0_ynnco_367","gap-1":"_gap-1_ynnco_370","gap-2":"_gap-2_ynnco_373","gap-3":"_gap-3_ynnco_376","gap-4":"_gap-4_ynnco_379","gap-5":"_gap-5_ynnco_382","gap-6":"_gap-6_ynnco_385","gap-8":"_gap-8_ynnco_388","gap-10":"_gap-10_ynnco_391","gap-12":"_gap-12_ynnco_394","gap-14":"_gap-14_ynnco_397","m-0":"_m-0_ynnco_402","m-1":"_m-1_ynnco_405","m-2":"_m-2_ynnco_408","m-3":"_m-3_ynnco_411","m-4":"_m-4_ynnco_414","m-5":"_m-5_ynnco_417","m-6":"_m-6_ynnco_420","m-8":"_m-8_ynnco_423","m-10":"_m-10_ynnco_426","m-12":"_m-12_ynnco_429","m-14":"_m-14_ynnco_432","mx-0":"_mx-0_ynnco_436","mx-1":"_mx-1_ynnco_440","mx-2":"_mx-2_ynnco_444","mx-3":"_mx-3_ynnco_448","mx-4":"_mx-4_ynnco_452","mx-5":"_mx-5_ynnco_456","mx-6":"_mx-6_ynnco_460","mx-8":"_mx-8_ynnco_464","mx-10":"_mx-10_ynnco_468","mx-12":"_mx-12_ynnco_472","mx-14":"_mx-14_ynnco_476","my-0":"_my-0_ynnco_481","my-1":"_my-1_ynnco_485","my-2":"_my-2_ynnco_489","my-3":"_my-3_ynnco_493","my-4":"_my-4_ynnco_497","my-5":"_my-5_ynnco_501","my-6":"_my-6_ynnco_505","my-8":"_my-8_ynnco_509","my-10":"_my-10_ynnco_513","my-12":"_my-12_ynnco_517","my-14":"_my-14_ynnco_521","mt-0":"_mt-0_ynnco_526","mt-1":"_mt-1_ynnco_529","mt-2":"_mt-2_ynnco_532","mt-3":"_mt-3_ynnco_535","mt-4":"_mt-4_ynnco_538","mt-5":"_mt-5_ynnco_541","mt-6":"_mt-6_ynnco_544","mt-8":"_mt-8_ynnco_547","mt-10":"_mt-10_ynnco_550","mt-12":"_mt-12_ynnco_553","mt-14":"_mt-14_ynnco_556","mb-0":"_mb-0_ynnco_560","mb-1":"_mb-1_ynnco_563","mb-2":"_mb-2_ynnco_566","mb-3":"_mb-3_ynnco_569","mb-4":"_mb-4_ynnco_572","mb-5":"_mb-5_ynnco_575","mb-6":"_mb-6_ynnco_578","mb-8":"_mb-8_ynnco_581","mb-10":"_mb-10_ynnco_584","mb-12":"_mb-12_ynnco_587","mb-14":"_mb-14_ynnco_590","ml-0":"_ml-0_ynnco_594","ml-1":"_ml-1_ynnco_597","ml-2":"_ml-2_ynnco_600","ml-3":"_ml-3_ynnco_603","ml-4":"_ml-4_ynnco_606","ml-5":"_ml-5_ynnco_609","ml-6":"_ml-6_ynnco_612","ml-8":"_ml-8_ynnco_615","ml-10":"_ml-10_ynnco_618","ml-12":"_ml-12_ynnco_621","ml-14":"_ml-14_ynnco_624","mr-0":"_mr-0_ynnco_628","mr-1":"_mr-1_ynnco_631","mr-2":"_mr-2_ynnco_634","mr-3":"_mr-3_ynnco_637","mr-4":"_mr-4_ynnco_640","mr-5":"_mr-5_ynnco_643","mr-6":"_mr-6_ynnco_646","mr-8":"_mr-8_ynnco_649","mr-10":"_mr-10_ynnco_652","mr-12":"_mr-12_ynnco_655","mr-14":"_mr-14_ynnco_658","bg-main":"_bg-main_ynnco_663","bg-subtle":"_bg-subtle_ynnco_666","bg-info-subtle":"_bg-info-subtle_ynnco_669","bg-success-subtle":"_bg-success-subtle_ynnco_672","bg-warning-subtle":"_bg-warning-subtle_ynnco_675","bg-danger-subtle":"_bg-danger-subtle_ynnco_678",border:"_border_ynnco_683",borderBottom:"_borderBottom_ynnco_686","borderColor-main":"_borderColor-main_ynnco_691","borderColor-subtle":"_borderColor-subtle_ynnco_694","borderColor-danger":"_borderColor-danger_ynnco_697","backgroundColor-none":"_backgroundColor-none_ynnco_702","backgroundColor-subtle":"_backgroundColor-subtle_ynnco_705","backgroundColor-danger-subtle":"_backgroundColor-danger-subtle_ynnco_708","backgroundColor-success-subtle":"_backgroundColor-success-subtle_ynnco_711","backgroundColor-warning-subtle":"_backgroundColor-warning-subtle_ynnco_714","backgroundColor-info-subtle":"_backgroundColor-info-subtle_ynnco_717","borderRadius-none":"_borderRadius-none_ynnco_722","borderRadius-sm":"_borderRadius-sm_ynnco_725","borderRadius-md":"_borderRadius-md_ynnco_728","borderRadius-lg":"_borderRadius-lg_ynnco_731","borderRadius-full":"_borderRadius-full_ynnco_734"},eo=({children:e,as:n="div",display:t,padding:s,paddingX:r,paddingY:_,paddingTop:a,paddingBottom:i,paddingLeft:c,paddingRight:d,m:y,mx:u,my:h,mt:b,mb:$,ml:N,mr:p,gap:g,flexDirection:j,alignItems:B,justifyContent:k,flexWrap:T,flexGrow:Y,flexShrink:K,flex:H,fullWidth:io,textAlign:po,width:ho,maxWidth:L,height:E,gridTemplateColumns:x,backgroundColor:v,border:R,borderBottom:yo,borderColor:go,borderRadius:fo,className:I,style:Io,...so})=>{const To={...Io,flexGrow:Y,flexShrink:K,flex:H,width:ho,maxWidth:L,height:E,gridTemplateColumns:x};return o.jsx(n,{className:l(w.box,t&&w[`display-${t}`],po&&w[`textAlign-${po}`],s!==void 0&&w[`p-${s}`],r!==void 0&&w[`px-${r}`],_!==void 0&&w[`py-${_}`],a!==void 0&&w[`pt-${a}`],i!==void 0&&w[`pb-${i}`],c!==void 0&&w[`pl-${c}`],d!==void 0&&w[`pr-${d}`],y!==void 0&&w[`m-${y}`],u!==void 0&&w[`mx-${u}`],h!==void 0&&w[`my-${h}`],b!==void 0&&w[`mt-${b}`],$!==void 0&&w[`mb-${$}`],N!==void 0&&w[`ml-${N}`],p!==void 0&&w[`mr-${p}`],g!==void 0&&w[`gap-${g}`],j&&w[`flexDirection-${j}`],B&&w[`alignItems-${B}`],k&&w[`justifyContent-${k}`],T&&w[`flexWrap-${T}`],v&&w[`bg-${v}`],R&&w.border,yo&&w.borderBottom,go&&w[`borderColor-${go}`],fo&&w[`borderRadius-${fo}`],io&&w.fullWidth,I),style:To,...so,children:e})},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"},Eo=({href:e,isCurrent:n,children:t,className:s,...r})=>{const _=e&&!n?"a":"span";return o.jsx("li",{className:ro.item,children:o.jsx(_,{href:e,className:l(ro.link,n&&ro.current,s),"aria-current":n?"page":void 0,...r,children:t})})},Lo=({children:e,separator:n="/",className:t,...s})=>{const r=f.Children.toArray(e);return o.jsx("nav",{"aria-label":"Breadcrumbs",className:l(ro.root,t),...s,children:o.jsx("ol",{className:ro.list,children:r.map((_,a)=>o.jsxs(f.Fragment,{children:[_,a<r.length-1&&o.jsx("li",{className:ro.separator,"aria-hidden":"true",children:n})]},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"},D=({size:e="md",variant:n="outline",intent:t="neutral",fullWidth:s=!1,className:r,children:_,...a})=>o.jsx("button",{type:"button",className:l(bo.root,bo[e],bo[n],bo[t],s&&bo.fullWidth,r),...a,children:_}),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"},zo=({padding:e="md",shadow:n="sm",bordered:t=!0,borderColor:s,backgroundColor:r,className:_,children:a,...i})=>{const c={none:W.pNone,sm:W.pSm,md:W.pMd,lg:W.pLg}[e],d={none:W.shadowNone,sm:W.shadowSm,md:W.shadowMd}[n];return o.jsx("div",{className:l(W.root,c,d,t&&W.bordered,s&&W[`borderColor-${s}`],r&&W[`backgroundColor-${r}`],_),...i,children:a})},Do=({title:e,subtitle:n,className:t,children:s,...r})=>o.jsxs("div",{className:l(W.header,t),...r,children:[e&&o.jsx("h3",{className:W.title,children:e}),n&&o.jsx("p",{className:W.subtitle,children:n}),s]}),Mo=({className:e,children:n,...t})=>o.jsx("div",{className:l(W.content,e),...t,children:n}),Ao=({className:e,children:n,...t})=>o.jsx("div",{className:l(W.footer,e),...t,children:n}),F={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"},Fo=({label:e,error:n,helperText:t,className:s,disabled:r,id:_,...a})=>{const i=f.useId(),c=_??`ds-checkbox-${i}`,d=t?`${c}-help`:void 0;return o.jsxs("div",{className:l(F.wrapper,s),children:[o.jsxs("label",{htmlFor:c,className:l(F.container,r&&F.disabled,n&&F.error),children:[o.jsx("input",{type:"checkbox",id:c,disabled:r,className:F.input,"aria-describedby":d,"aria-invalid":n||void 0,...a}),o.jsx("span",{className:F.control,children:o.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round",className:F.checkmark,children:o.jsx("polyline",{points:"20 6 9 17 4 12"})})}),e&&o.jsx("span",{className:F.label,children:e})]}),t&&o.jsx("span",{id:d,className:l(F.helperText,n&&F.errorText),children:t})]})},C={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"},Po=({options:e,value:n,defaultValue:t,onChange:s,placeholder:r="Select an option",label:_,helperText:a,error:i,disabled:c,size:d="md",className:y,id:u,fullWidth:h=!1})=>{const b=f.useId(),$=u??`ds-dropdown-${b}`,N=a?`${$}-help`:void 0,[p,g]=f.useState(!1),[j,B]=f.useState(t),[k,T]=f.useState(-1),Y=f.useRef(null),K=f.useRef(null),H=n!==void 0?n:j,io=e.find(x=>x.value===H),po=k>=0?`${$}-opt-${k}`:void 0,ho=()=>{if(!c){const x=!p;if(g(x),x){if(k===-1){const v=e.findIndex(R=>R.value===H);T(v>=0?v:0)}}else T(-1)}},L=(x,v)=>{x.disabled||(n===void 0&&B(x.value),s?.(x.value),g(!1),T(v),K.current?.focus())},E=x=>{if(!c)switch(x.key){case"ArrowDown":x.preventDefault(),p?T(v=>v<e.length-1?v+1:v):(g(!0),T(e.findIndex(v=>v.value===H)||0));break;case"ArrowUp":x.preventDefault(),p?T(v=>v>0?v-1:v):(g(!0),T(e.findIndex(v=>v.value===H)||e.length-1));break;case"Enter":case" ":x.preventDefault(),p?k>=0&&L(e[k],k):(g(!0),T(e.findIndex(v=>v.value===H)||0));break;case"Escape":p&&(x.preventDefault(),g(!1),T(-1),K.current?.focus());break;case"Tab":p&&(g(!1),T(-1));break;case"Home":p&&(x.preventDefault(),T(0));break;case"End":p&&(x.preventDefault(),T(e.length-1));break}};return f.useEffect(()=>{p&&k>=0&&document.getElementById(`${$}-opt-${k}`)?.scrollIntoView({block:"nearest"})},[k,p,$]),f.useEffect(()=>{const x=v=>{Y.current&&!Y.current.contains(v.target)&&(g(!1),T(-1))};return document.addEventListener("mousedown",x),()=>{document.removeEventListener("mousedown",x)}},[]),o.jsxs("div",{className:l(C.wrapper,C[d],h&&C.fullWidth,i&&C.error,y),ref:Y,children:[_&&o.jsx("label",{htmlFor:$,className:C.label,children:_}),o.jsxs("div",{className:C.container,children:[o.jsxs("button",{id:$,ref:K,type:"button",className:l(C.trigger,p&&C.isOpen),onClick:ho,onKeyDown:E,disabled:c,"aria-haspopup":"listbox","aria-expanded":p,"aria-describedby":N,"aria-invalid":i||void 0,"aria-controls":p?`${$}-menu`:void 0,"aria-activedescendant":p?po:void 0,children:[o.jsx("span",{className:C.selectedLabel,children:io?io.label:r}),o.jsx("span",{className:C.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"})})})]}),p&&o.jsx("ul",{id:`${$}-menu`,className:C.menu,role:"listbox","aria-labelledby":_?void 0:$,children:e.map((x,v)=>{const R=x.value===H,yo=v===k;return o.jsxs("li",{id:`${$}-opt-${v}`,role:"option","aria-selected":R,className:l(C.option,R&&C.optionSelected,yo&&C.optionFocused,x.disabled&&C.optionDisabled),onClick:()=>L(x,v),onMouseEnter:()=>!x.disabled&&T(v),children:[o.jsx("span",{className:C.optionLabel,children:x.label}),x.description&&o.jsx("span",{className:C.optionDescription,children:x.description})]},x.value)})})]}),a&&o.jsx("span",{id:N,className:l(C.helperText,i&&C.errorText),children:a})]})},co={root:"_root_dlc85_1",container:"_container_dlc85_8",sideContainer:"_sideContainer_dlc85_17",title:"_title_dlc85_28",welcome:"_welcome_dlc85_36"},$o=({id:e,logo:n,title:t,user:s,onLogin:r,onLogout:_,onCreateAccount:a,className:i,maxWidth:c})=>{const d={size:"sm",intent:"info"};return o.jsx("header",{id:e,className:l(co.root,i),children:o.jsxs("div",{className:co.container,style:{maxWidth:c},children:[o.jsxs("div",{className:co.sideContainer,children:[n,o.jsx("h1",{className:co.title,children:t})]}),o.jsx("div",{className:co.sideContainer,children:s?o.jsxs(o.Fragment,{children:[o.jsxs("span",{className:co.welcome,children:["Welcome, ",o.jsx("b",{children:s.name}),"!"]}),o.jsx(D,{...d,onClick:_,children:"Log out"})]}):o.jsxs(o.Fragment,{children:[o.jsx(D,{...d,onClick:r,children:"Log in"}),o.jsx(D,{size:"sm",intent:"info",variant:"solid",onClick:a,children:"Sign up"})]})})]})})},P={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"},jo=({id:e,items:n,activeId:t,logo:s,actions:r,onItemClick:_,className:a,maxWidth:i})=>o.jsx("nav",{id:e,className:l(P.root,a),children:o.jsxs("div",{className:P.container,style:{maxWidth:i},children:[s&&o.jsx("div",{className:P.leftSection,children:s}),o.jsx("div",{className:P.nav,children:o.jsx("ul",{className:P.navList,children:n.map(c=>o.jsx("li",{className:P.navItem,children:o.jsx("button",{type:"button",className:l(P.navLink,t===c.id&&P.active,c.disabled&&P.disabled),onClick:()=>!c.disabled&&_?.(c.id),disabled:c.disabled,"aria-current":t===c.id?"page":void 0,children:c.label})},c.id))})}),r&&o.jsx("div",{className:P.rightSection,children:r})]})}),V={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"},Ho=({size:e="md",error:n,label:t,helperText:s,fullWidth:r=!1,className:_,id:a,...i})=>{const c=f.useId(),d=a??`ds-input-${c}`,y=s?`${d}-help`:void 0;return o.jsxs("div",{className:l(V.wrapper,r&&V.fullWidth,_),children:[t&&o.jsx("label",{htmlFor:d,className:V.label,children:t}),o.jsx("input",{id:d,className:l(V.inputRoot,V[e],n&&V.error),"aria-describedby":y,"aria-invalid":n||void 0,...i}),s&&o.jsx("span",{id:y,className:l(V.helperText,n&&V.errorText),children:s})]})},vo={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:e,size:n="md",intent:t="neutral",className:s})=>o.jsx("div",{id:e,className:l(vo.loader,vo[n],vo[t],s),role:"status","aria-label":"Loading"}),O={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"},Ko=({isOpen:e,onClose:n,title:t,children:s,footer:r,size:_="md",isLoading:a=!1,className:i,id:c})=>{const d=f.useRef(null),y=f.useRef(null),u=f.useRef(n),h=f.useId(),b=c??`ds-modal-${h}`,$=`${b}-title`;return f.useEffect(()=>{u.current=n},[n]),f.useEffect(()=>{const N=p=>{if(p.key==="Escape"&&!a){u.current();return}if(p.key==="Tab"&&d.current){const g=d.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),j=g[0],B=g[g.length-1];p.shiftKey?document.activeElement===j&&(B.focus(),p.preventDefault()):document.activeElement===B&&(j.focus(),p.preventDefault())}};return e&&(y.current=document.activeElement,document.body.style.overflow="hidden",window.addEventListener("keydown",N),setTimeout(()=>{const p=d.current?.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');p&&p.length>0&&p[0].focus()},0)),()=>{document.body.style.overflow="unset",window.removeEventListener("keydown",N),y.current?.focus()}},[e,a]),e?Bo.createPortal(o.jsx("div",{className:O.overlay,onClick:()=>!a&&n(),children:o.jsxs("div",{id:b,className:l(O.modal,O[_],a&&O.loading,i),onClick:N=>N.stopPropagation(),role:"dialog","aria-modal":"true","aria-labelledby":t?$:void 0,ref:d,children:[o.jsxs("div",{className:O.header,children:[t&&o.jsx("h2",{id:$,className:O.title,children:t}),o.jsx(D,{variant:"subtle",size:"sm",onClick:n,className:O.closeButton,"aria-label":"Close modal",disabled:a,children:"✕"})]}),o.jsx("div",{className:O.content,children:s}),r&&o.jsx("div",{className:O.footer,children:r})]})}),document.body):null},_o={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"},Vo=({intent:e="neutral",title:n,children:t,onClose:s,className:r,..._})=>o.jsxs("div",{className:l(_o.root,_o[e],r),role:"alert",..._,children:[o.jsxs("div",{className:_o.content,children:[n&&o.jsx("div",{className:_o.title,children:n}),o.jsx("div",{className:_o.message,children:t})]}),s&&o.jsx(D,{variant:"subtle",size:"xs",onClick:s,className:_o.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"},Go=(e,n,t)=>Math.min(Math.max(e,n),t),mo=(e,n)=>{const t=[];for(let s=e;s<=n;s+=1)t.push(s);return t},Uo=(e,n,t,s,r)=>{if(e<=0)return[];if(!r)return mo(1,e);const a=t*2+1+s*2+2;if(e<=a)return mo(1,e);const i=mo(1,Math.min(s,e)),c=mo(Math.max(e-s+1,s+1),e),d=Math.max(n-t,s+2),y=Math.min(n+t,e-s-1),u=d>s+2,h=y<e-s-1,b=[...i],$=u?d:s+1,N=h?y:e-s;return u&&b.push("ellipsis"),$<=N&&b.push(...mo($,N)),h&&b.push("ellipsis"),b.push(...c),b},Jo=({id:e,count:n,page:t,defaultPage:s=1,onPageChange:r,onFirstClick:_,onLastClick:a,onNextClick:i,onPrevClick:c,siblingCount:d=1,boundaryCount:y=1,showFirstLast:u=!0,showPrevNext:h=!0,showEllipsis:b=!0,disabled:$=!1,size:N="sm",variant:p="outline",intent:g="neutral",activeVariant:j="solid",activeIntent:B,labels:k,ariaLabel:T="Pagination",getPageLabel:Y,className:K})=>{const H=f.useId(),io=e??`ds-pagination-${H}`,[po,ho]=f.useState(s),L=Math.max(0,n),E=Go(t??po,1,Math.max(1,L)),x=f.useMemo(()=>Uo(L,E,d,y,b),[L,E,d,y,b]),v=I=>{$||I===E||(t===void 0&&ho(I),r?.(I))},R=()=>{v(1),_?.(1)},yo=()=>{const I=L;v(I),a?.(I)},go=()=>{const I=Math.max(1,E-1);v(I),c?.(I)},fo=()=>{const I=Math.min(L,E+1);v(I),i?.(I)};return L<=0?null:o.jsx("nav",{id:io,"aria-label":T,className:l(q.root,K),children:o.jsxs("ul",{className:q.list,children:[u&&o.jsx("li",{className:q.item,children:o.jsx(D,{size:N,variant:p,intent:g,className:q.pageButton,onClick:R,disabled:$||E===1,"aria-label":"Go to first page",children:k?.first??"First"})}),h&&o.jsx("li",{className:q.item,children:o.jsx(D,{size:N,variant:p,intent:g,className:q.pageButton,onClick:go,disabled:$||E===1,"aria-label":"Go to previous page",children:k?.prev??"Prev"})}),x.map((I,Io)=>{if(I==="ellipsis")return o.jsx("li",{className:q.item,"aria-hidden":"true",children:o.jsx("span",{className:q.ellipsis,children:"…"})},`ellipsis-${Io}`);const so=I===E,To=Y?.(I,so)??`Page ${I}${so?", current page":""}`;return o.jsx("li",{className:q.item,children:o.jsx(D,{size:N,variant:so?j:p,intent:so?B??g:g,className:q.pageButton,onClick:()=>v(I),disabled:$,"aria-current":so?"page":void 0,"aria-label":To,children:I})},I)}),h&&o.jsx("li",{className:q.item,children:o.jsx(D,{size:N,variant:p,intent:g,className:q.pageButton,onClick:fo,disabled:$||E===L,"aria-label":"Go to next page",children:k?.next??"Next"})}),u&&o.jsx("li",{className:q.item,children:o.jsx(D,{size:N,variant:p,intent:g,className:q.pageButton,onClick:yo,disabled:$||E===L,"aria-label":"Go to last page",children:k?.last??"Last"})})]})})},G={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"},Qo=({value:e,max:n=100,size:t="md",intent:s="info",showLabel:r=!1,label:_,className:a,id:i})=>{const c=f.useId(),d=i??`ds-progressbar-${c}`,y=n>0?n:0,u=Math.min(Math.max(0,e),y),h=y>0?Math.min(Math.max(0,u/y*100),100):0,b=_?`${d}-label`:void 0;return o.jsxs("div",{id:d,className:l(G.wrapper,G[t],G[s],a),children:[(_||r)&&o.jsxs("div",{className:G.labelWrapper,children:[_&&o.jsx("span",{id:b,className:G.label,children:_}),r&&o.jsxs("span",{className:G.percentage,children:[Math.round(h),"%"]})]}),o.jsx("div",{className:G.progressRoot,role:"progressbar","aria-valuenow":u,"aria-valuemin":0,"aria-valuemax":n,"aria-labelledby":b,"aria-label":_?void 0:"Progress",children:o.jsx("div",{className:G.indicator,style:{width:`${h}%`}})})]})},M={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"},Zo=({size:e="md",label:n,helperText:t,error:s,className:r,id:_,...a})=>{const i=f.useId(),c=_??`ds-radio-${i}`,d=t?`${c}-help`:void 0;return o.jsxs("div",{className:l(M.wrapper,r),children:[o.jsxs("label",{htmlFor:c,className:l(M.label,M[e]),children:[o.jsxs("div",{className:M.inputWrapper,children:[o.jsx("input",{type:"radio",id:c,className:l(M.radioRoot,M[e],s&&M.error),"aria-describedby":d,"aria-invalid":s||void 0,...a}),o.jsx("span",{className:M.checkmark})]}),n&&o.jsx("span",{className:M.labelText,children:n})]}),t&&o.jsx("span",{id:d,className:l(M.helperText,s&&M.errorText),children:t})]})},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"},Xo=({variant:e="rectangular",width:n,height:t,animation:s="pulse",className:r,style:_,"aria-hidden":a,...i})=>o.jsx(eo,{className:l(xo.root,xo[e],s!=="none"&&xo[s],r),width:n,height:t,style:_,"aria-hidden":a??!0,...i}),A={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"},Yo=({step:e,index:n,status:t,isInteractive:s,onStepClick:r,isLast:_,id:a,className:i})=>{const c=!!e.disabled,d=s?"button":"div",y=t==="error"?"!":String(n+1),u=()=>{s&&!c&&r?.(e,n)},h=b=>{s&&!c&&(b.key==="Enter"||b.key===" ")&&(b.preventDefault(),r?.(e,n))};return o.jsxs("li",{className:l(A.step,A[t],c&&A.disabled,i),children:[o.jsxs(d,{id:a,type:s?"button":void 0,className:l(A.stepRow,s&&A.interactive),onClick:u,onKeyDown:h,"aria-current":t==="current"?"step":void 0,"aria-disabled":c?!0:void 0,disabled:s&&c?!0:void 0,tabIndex:s&&!c?0:void 0,children:[o.jsx("span",{className:A.marker,"aria-hidden":"true",children:y}),o.jsxs("span",{className:A.text,children:[o.jsx("span",{className:A.label,children:e.label}),e.description&&o.jsx("span",{className:A.description,children:e.description})]})]}),!_&&o.jsx("span",{className:l(A.connector,A[`connector-${t}`]),"aria-hidden":"true"})]})},wo={root:"_root_cxvk2_1",sm:"_sm_cxvk2_15",lg:"_lg_cxvk2_22",horizontal:"_horizontal_cxvk2_29",vertical:"_vertical_cxvk2_35"},Ro=(e,n)=>Number.isNaN(e)||n<=0?-1:Math.min(Math.max(e,0),n-1),oe=(e,n)=>typeof e=="number"?Ro(e,n.length):typeof e=="string"?n.findIndex(t=>t.id===e):n.findIndex(t=>t.status==="current"),ee=(e,n,t)=>t||(n===-1?"upcoming":e<n?"completed":e===n?"current":"upcoming"),ne=({steps:e,currentStep:n,orientation:t="horizontal",size:s="md",onStepClick:r,ariaLabel:_,className:a,id:i,...c})=>{const d=f.useId(),y=i??`ds-stepper-${d}`,u=oe(n,e),h=_??"Progress";return o.jsx("ol",{id:y,className:l(wo.root,wo[t],wo[s],a),"aria-label":h,"data-orientation":t,...c,children:e.map((b,$)=>o.jsx(Yo,{id:`${y}-step-${b.id}`,step:b,index:$,status:ee($,u,b.status),isInteractive:!!r,onStepClick:r,isLast:$===e.length-1},b.id))})},U={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"},te=({size:e="md",error:n,label:t,helperText:s,fullWidth:r=!1,className:_,id:a,options:i,children:c,...d})=>{const y=f.useId(),u=a??`ds-select-${y}`,h=s?`${u}-help`:void 0;return o.jsxs("div",{className:l(U.wrapper,r&&U.fullWidth,_),children:[t&&o.jsx("label",{htmlFor:u,className:U.label,children:t}),o.jsx("select",{id:u,className:l(U.selectRoot,U[e],n&&U.error),"aria-describedby":h,"aria-invalid":n||void 0,...d,children:i?i.map(b=>o.jsx("option",{value:b.value,disabled:b.disabled,children:b.label},b.value)):c}),s&&o.jsx("span",{id:h,className:l(U.helperText,n&&U.errorText),children:s})]})},J={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"},se=({label:e,helperText:n,className:t,disabled:s,id:r,..._})=>{const a=f.useId(),i=r??`ds-switch-${a}`,c=n?`${i}-help`:void 0;return o.jsxs("div",{className:l(J.wrapper,t),children:[o.jsxs("label",{htmlFor:i,className:l(J.container,s&&J.disabled),children:[o.jsx("input",{type:"checkbox",id:i,role:"switch",disabled:s,className:J.input,"aria-describedby":c,..._}),o.jsx("span",{className:J.track,children:o.jsx("span",{className:J.thumb})}),e&&o.jsx("span",{className:J.label,children:e})]}),n&&o.jsx("span",{id:c,className:J.helperText,children:n})]})},S={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"},re=({children:e,className:n,striped:t,hoverable:s,dense:r,isLoading:_,...a})=>o.jsx("div",{className:l(S.wrapper,_&&S.loading,n),children:o.jsx("table",{className:l(S.table,t&&S.striped,s&&S.hoverable,r&&S.dense),"aria-busy":_||void 0,...a,children:e})}),ce=({children:e,className:n,...t})=>o.jsx("thead",{className:l(S.thead,n),...t,children:e}),_e=({children:e,className:n,...t})=>o.jsx("tbody",{className:l(S.tbody,n),...t,children:e}),le=({children:e,className:n,...t})=>o.jsx("tfoot",{className:l(S.tfoot,n),...t,children:e}),ae=({children:e,className:n,...t})=>o.jsx("tr",{className:l(S.tr,n),...t,children:e}),de=({children:e,className:n,align:t,...s})=>o.jsx("th",{className:l(S.th,t&&S[`align-${t}`],n),...s,children:e}),ie=({children:e,className:n,align:t,...s})=>o.jsx("td",{className:l(S.td,t&&S[`align-${t}`],n),...s,children:e}),Q={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"},pe=({items:e,defaultActiveId:n,activeId:t,onChange:s,className:r,variant:_="line",id:a})=>{const i=f.useId(),c=a??`ds-tabs-${i}`,[d,y]=f.useState(n||(e.length>0?e[0].id:"")),u=t!==void 0?t:d,h=f.useRef(null),b=(p,g)=>{g||(t===void 0&&y(p),s?.(p))},$=p=>{const g=e.filter(k=>!k.disabled),j=g.findIndex(k=>k.id===u);let B=-1;if(p.key==="ArrowRight"||p.key==="ArrowDown"?B=(j+1)%g.length:p.key==="ArrowLeft"||p.key==="ArrowUp"?B=(j-1+g.length)%g.length:p.key==="Home"?B=0:p.key==="End"&&(B=g.length-1),B!==-1){p.preventDefault();const k=g[B].id;b(k);const T=h.current?.querySelectorAll('[role="tab"]');Array.from(T||[]).find(K=>K.getAttribute("data-id")===k)?.focus()}},N=e.find(p=>p.id===u);return o.jsxs("div",{id:c,className:l(Q.root,r),children:[o.jsx("div",{role:"tablist",ref:h,className:l(Q.tabList,_==="pill"&&Q.pillList),onKeyDown:$,children:e.map(p=>{const g=p.id===u,j=!!p.disabled,B=j?-1:g?0:-1;return o.jsx("button",{role:"tab",id:`${c}-tab-${p.id}`,"aria-selected":g,"aria-controls":`${c}-panel-${p.id}`,"aria-disabled":j,tabIndex:B,disabled:j,"data-id":p.id,className:l(Q.tabItem,_==="pill"&&Q.pillItem,g&&Q.active,j&&Q.disabled),onClick:()=>b(p.id,j),children:p.label},p.id)})}),o.jsx("div",{role:"tabpanel",id:`${c}-panel-${u}`,"aria-labelledby":`${c}-tab-${u}`,className:Q.tabPanel,tabIndex:0,children:N?.content})]})},lo={root:"_root_7o66o_1",h1:"_h1_7o66o_9",h2:"_h2_7o66o_15",h3:"_h3_7o66o_21",h4:"_h4_7o66o_27",h5:"_h5_7o66o_32",h6:"_h6_7o66o_37","body-lg":"_body-lg_7o66o_42","body-md":"_body-md_7o66o_46","body-sm":"_body-sm_7o66o_50",label:"_label_7o66o_54",code:"_code_7o66o_61",left:"_left_7o66o_70",center:"_center_7o66o_73",right:"_right_7o66o_76",justify:"_justify_7o66o_79",regular:"_regular_7o66o_84",medium:"_medium_7o66o_87",bold:"_bold_7o66o_90","color-main":"_color-main_7o66o_95","color-subtle":"_color-subtle_7o66o_98","color-on-brand":"_color-on-brand_7o66o_104","color-danger":"_color-danger_7o66o_107","color-success":"_color-success_7o66o_110","color-warning":"_color-warning_7o66o_113","color-info":"_color-info_7o66o_116",noWrap:"_noWrap_7o66o_121"},be={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:e,variant:n="body-md",as:t,align:s,weight:r,color:_,noWrap:a,className:i,...c})=>{const d=t||be[n]||"span";return o.jsx(d,{className:l(lo.root,lo[n],s&&lo[s],r&&lo[r],_&&lo[`color-${_}`],a&&lo.noWrap,i),...c,children:e})},Z={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"},me=({size:e="md",error:n,label:t,helperText:s,fullWidth:r=!1,className:_,id:a,rows:i=4,...c})=>{const d=f.useId(),y=a??`ds-textarea-${d}`,u=s?`${y}-help`:void 0;return o.jsxs("div",{className:l(Z.wrapper,r&&Z.fullWidth,_),children:[t&&o.jsx("label",{htmlFor:y,className:Z.label,children:t}),o.jsx("textarea",{id:y,rows:i,className:l(Z.textareaRoot,Z[e],n&&Z.error),"aria-describedby":u,"aria-invalid":n||void 0,...c}),s&&o.jsx("span",{id:u,className:l(Z.helperText,n&&Z.errorText),children:s})]})},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"},he=({content:e,children:n,position:t="top",variant:s="dark",delay:r=200,className:_,id:a})=>{const[i,c]=f.useState(!1),d=f.useRef(null),y=f.useId(),u=a??`ds-tooltip-${y}`,h=`${u}-content`,b=()=>{d.current=window.setTimeout(()=>{c(!0)},r)},$=()=>{d.current&&window.clearTimeout(d.current),c(!1)},N=g=>{g.key==="Escape"&&$()},p=f.isValidElement(n)?(()=>{const g=n;return f.cloneElement(g,{"aria-describedby":[g.props["aria-describedby"],h].filter(Boolean).join(" ")})})():n;return o.jsxs("div",{id:u,className:l(ao.root,_),onMouseEnter:b,onMouseLeave:$,onFocus:b,onBlur:$,onKeyDown:N,children:[o.jsx("div",{className:ao.trigger,children:p}),i&&o.jsx("div",{className:l(ao.tooltip,ao[t],ao[s],i&&ao.visible),id:h,role:"tooltip",children:e})]})},No={root:"_root_1j5ko_1",main:"_main_1j5ko_8",container:"_container_1j5ko_13"},ye=({headerLogo:e,headerTitle:n,user:t,navItems:s,activeNavId:r,navActions:_,children:a,onLogin:i,onLogout:c,onCreateAccount:d,onNavItemClick:y,className:u,maxWidth:h})=>{const b=!!(e||n||t||i||c||d),$=!!(s?.length||_);return o.jsxs("div",{className:l(No.root,u),children:[b&&o.jsx($o,{logo:e,title:n,user:t,onLogin:i,onLogout:c,onCreateAccount:d,maxWidth:h}),$&&o.jsx(jo,{items:s,activeId:r,actions:_,onItemClick:y,maxWidth:h}),o.jsx("main",{className:No.main,children:o.jsx("div",{className:No.container,children:a})})]})},no={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"},ue=({logo:e,title:n,description:t,children:s,className:r})=>o.jsx(eo,{className:l(no.root,r),children:o.jsxs(eo,{className:no.card,children:[o.jsxs(eo,{className:no.header,children:[e&&o.jsx(eo,{className:no.logo,children:e}),n&&o.jsx(ko,{variant:"h3",as:"h1",className:no.title,children:n}),t&&o.jsx(ko,{variant:"body-sm",color:"subtle",className:no.description,children:t})]}),o.jsx(eo,{className:no.content,children:s})]})}),X={root:"_root_1vwxr_1",main:"_main_1vwxr_7",container:"_container_1vwxr_11",topBar:"_topBar_1vwxr_20",stats:"_stats_1vwxr_27",content:"_content_1vwxr_33"},$e=({headerLogo:e,headerTitle:n,breadcrumbs:t,actions:s,stats:r,children:_,user:a,onLogin:i,onLogout:c,onCreateAccount:d,className:y,maxWidth:u})=>o.jsxs("div",{className:l(X.root,y),children:[o.jsx($o,{logo:e,title:n,user:a,onLogin:i,onLogout:c,onCreateAccount:d,maxWidth:u}),o.jsx("main",{className:X.main,children:o.jsxs("div",{className:X.container,children:[(t||s)&&o.jsxs("div",{className:X.topBar,children:[o.jsx("div",{className:X.breadcrumbs,children:t}),o.jsx("div",{className:X.actions,children:s})]}),r&&o.jsx("div",{className:X.stats,children:r}),o.jsx("div",{className:X.content,children:_})]})})]}),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"},ge=({headerLogo:e,headerTitle:n,breadcrumbs:t,sidebar:s,children:r,user:_,onLogin:a,onLogout:i,onCreateAccount:c,className:d,maxWidth:y})=>o.jsxs("div",{className:l(to.root,d),children:[o.jsx($o,{logo:e,title:n,user:_,onLogin:a,onLogout:i,onCreateAccount:c,maxWidth:y}),o.jsx("main",{className:to.main,children:o.jsxs("div",{className:to.container,children:[t&&o.jsx("div",{className:to.breadcrumbs,children:t}),o.jsxs("div",{className:to.layoutBody,children:[s&&o.jsx("aside",{className:to.sidebar,children:s}),o.jsx("section",{className:to.content,children:r})]})]})})]});m.Accordion=Wo,m.AppLayout=ye,m.AuthLayout=ue,m.Avatar=qo,m.Badge=So,m.Box=eo,m.BreadcrumbItem=Eo,m.Breadcrumbs=Lo,m.Button=D,m.Card=zo,m.CardContent=Mo,m.CardFooter=Ao,m.CardHeader=Do,m.Checkbox=Fo,m.DashboardLayout=$e,m.Dropdown=Po,m.Header=$o,m.Input=Ho,m.Loader=Oo,m.Modal=Ko,m.NavBar=jo,m.Notification=Vo,m.Pagination=Jo,m.ProgressBar=Qo,m.RadioButton=Zo,m.Select=te,m.SettingsLayout=ge,m.Skeleton=Xo,m.Stepper=ne,m.Switch=se,m.Table=re,m.TableBody=_e,m.TableCell=ie,m.TableFooter=le,m.TableHead=de,m.TableHeader=ce,m.TableRow=ae,m.Tabs=pe,m.Text=ko,m.Textarea=me,m.Tooltip=he,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}));
1
+ (function(m,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):(m=typeof globalThis<"u"?globalThis:m||self,o(m.DesignSystem={},m.jsxRuntime,m.React,m.ReactDOM))})(this,(function(m,o,f,qo){"use strict";function To(e){var n,t,s="";if(typeof e=="string"||typeof e=="number")s+=e;else if(typeof e=="object")if(Array.isArray(e)){var r=e.length;for(n=0;n<r;n++)e[n]&&(t=To(e[n]))&&(s&&(s+=" "),s+=t)}else for(t in e)e[t]&&(s&&(s+=" "),s+=t);return s}function l(){for(var e,n,t=0,s="",r=arguments.length;t<r;t++)(e=arguments[t])&&(n=To(e))&&(s&&(s+=" "),s+=n);return s}const z={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"},So=({items:e,allowMultiple:n=!1,defaultExpanded:t=[],variant:s="default",size:r="md",className:_,id:a})=>{const i=f.useId(),c=a??`ds-accordion-${i}`,[d,y]=f.useState(t),u=h=>{y(b=>b.includes(h)?b.filter($=>$!==h):n?[...b,h]:[h])};return o.jsx("div",{id:c,className:l(z.root,z[s],z[r],_),children:e.map(h=>{const b=d.includes(h.id);return o.jsxs("div",{className:z.item,children:[o.jsxs("button",{type:"button",id:`${c}-header-${h.id}`,className:z.header,onClick:()=>u(h.id),disabled:h.isDisabled,"aria-expanded":b,"aria-controls":`${c}-content-${h.id}`,children:[o.jsx("span",{children:h.title}),o.jsx("span",{className:l(z.icon,b&&z.iconExpanded),children:"▼"})]}),o.jsx("div",{id:`${c}-content-${h.id}`,role:"region","aria-labelledby":`${c}-header-${h.id}`,className:l(z.contentWrapper,b&&z.contentExpanded),children:o.jsx("div",{className:z.content,children:o.jsx("div",{className:l(z.contentBody,b&&z.contentBodyExpanded),children:h.content})})})]},h.id)})})},eo={root:"_root_17k2j_1",image:"_image_17k2j_14",defaultIcon:"_defaultIcon_17k2j_20",fallback:"_fallback_17k2j_24",xs:"_xs_17k2j_34",sm:"_sm_17k2j_39",md:"_md_17k2j_44",lg:"_lg_17k2j_49",xl:"_xl_17k2j_54"},Eo=({src:e,alt:n,name:t,size:s="md",fallback:r,className:_,...a})=>{const[i,c]=f.useState(!1),d=n??t,y=h=>h.split(" ").map(b=>b[0]).slice(0,2).join(""),u=()=>e&&!i?o.jsx("img",{src:e,alt:d||"",className:eo.image,onError:()=>c(!0)}):r?o.jsx("span",{className:eo.fallback,children:r}):t?o.jsx("span",{className:eo.fallback,children:y(t)}):o.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:l(eo.image,eo.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(eo.root,eo[s],_),...a,children:u()})},uo={root:"_root_13wyx_1",sm:"_sm_13wyx_12",md:"_md_13wyx_18",lg:"_lg_13wyx_24",solid:"_solid_13wyx_31",neutral:"_neutral_13wyx_31",success:"_success_13wyx_35",warning:"_warning_13wyx_39",danger:"_danger_13wyx_43",info:"_info_13wyx_47",subtle:"_subtle_13wyx_53",outline:"_outline_13wyx_75"},Lo=({variant:e="solid",size:n="md",intent:t="neutral",className:s,children:r,..._})=>o.jsx("span",{className:l(uo.root,uo[e],uo[n],uo[t],s),..._,children:r}),w={box:"_box_ynnco_1",fullWidth:"_fullWidth_ynnco_5","display-block":"_display-block_ynnco_10","display-flex":"_display-flex_ynnco_13","display-inline-flex":"_display-inline-flex_ynnco_16","display-grid":"_display-grid_ynnco_19","display-inline-block":"_display-inline-block_ynnco_22","display-none":"_display-none_ynnco_25","flexDirection-row":"_flexDirection-row_ynnco_30","flexDirection-column":"_flexDirection-column_ynnco_33","flexDirection-row-reverse":"_flexDirection-row-reverse_ynnco_36","flexDirection-column-reverse":"_flexDirection-column-reverse_ynnco_39","alignItems-stretch":"_alignItems-stretch_ynnco_44","alignItems-flex-start":"_alignItems-flex-start_ynnco_47","alignItems-center":"_alignItems-center_ynnco_50","alignItems-flex-end":"_alignItems-flex-end_ynnco_53","alignItems-baseline":"_alignItems-baseline_ynnco_56","justifyContent-flex-start":"_justifyContent-flex-start_ynnco_61","justifyContent-center":"_justifyContent-center_ynnco_64","justifyContent-flex-end":"_justifyContent-flex-end_ynnco_67","justifyContent-space-between":"_justifyContent-space-between_ynnco_70","justifyContent-space-around":"_justifyContent-space-around_ynnco_73","justifyContent-space-evenly":"_justifyContent-space-evenly_ynnco_76","flexWrap-nowrap":"_flexWrap-nowrap_ynnco_81","flexWrap-wrap":"_flexWrap-wrap_ynnco_84","flexWrap-wrap-reverse":"_flexWrap-wrap-reverse_ynnco_87","textAlign-left":"_textAlign-left_ynnco_92","textAlign-center":"_textAlign-center_ynnco_95","textAlign-right":"_textAlign-right_ynnco_98","textAlign-justify":"_textAlign-justify_ynnco_101","p-0":"_p-0_ynnco_106","p-1":"_p-1_ynnco_109","p-2":"_p-2_ynnco_112","p-3":"_p-3_ynnco_115","p-4":"_p-4_ynnco_118","p-5":"_p-5_ynnco_121","p-6":"_p-6_ynnco_124","p-8":"_p-8_ynnco_127","p-10":"_p-10_ynnco_130","p-12":"_p-12_ynnco_133","p-14":"_p-14_ynnco_136","px-0":"_px-0_ynnco_140","px-1":"_px-1_ynnco_144","px-2":"_px-2_ynnco_148","px-3":"_px-3_ynnco_152","px-4":"_px-4_ynnco_156","px-5":"_px-5_ynnco_160","px-6":"_px-6_ynnco_164","px-8":"_px-8_ynnco_168","px-10":"_px-10_ynnco_172","px-12":"_px-12_ynnco_176","px-14":"_px-14_ynnco_180","py-0":"_py-0_ynnco_185","py-1":"_py-1_ynnco_189","py-2":"_py-2_ynnco_193","py-3":"_py-3_ynnco_197","py-4":"_py-4_ynnco_201","py-5":"_py-5_ynnco_205","py-6":"_py-6_ynnco_209","py-8":"_py-8_ynnco_213","py-10":"_py-10_ynnco_217","py-12":"_py-12_ynnco_221","py-14":"_py-14_ynnco_225","pt-0":"_pt-0_ynnco_230","pt-1":"_pt-1_ynnco_233","pt-2":"_pt-2_ynnco_236","pt-3":"_pt-3_ynnco_239","pt-4":"_pt-4_ynnco_242","pt-5":"_pt-5_ynnco_245","pt-6":"_pt-6_ynnco_248","pt-8":"_pt-8_ynnco_251","pt-10":"_pt-10_ynnco_254","pt-12":"_pt-12_ynnco_257","pt-14":"_pt-14_ynnco_260","pb-0":"_pb-0_ynnco_264","pb-1":"_pb-1_ynnco_267","pb-2":"_pb-2_ynnco_270","pb-3":"_pb-3_ynnco_273","pb-4":"_pb-4_ynnco_276","pb-5":"_pb-5_ynnco_279","pb-6":"_pb-6_ynnco_282","pb-8":"_pb-8_ynnco_285","pb-10":"_pb-10_ynnco_288","pb-12":"_pb-12_ynnco_291","pb-14":"_pb-14_ynnco_294","pl-0":"_pl-0_ynnco_298","pl-1":"_pl-1_ynnco_301","pl-2":"_pl-2_ynnco_304","pl-3":"_pl-3_ynnco_307","pl-4":"_pl-4_ynnco_310","pl-5":"_pl-5_ynnco_313","pl-6":"_pl-6_ynnco_316","pl-8":"_pl-8_ynnco_319","pl-10":"_pl-10_ynnco_322","pl-12":"_pl-12_ynnco_325","pl-14":"_pl-14_ynnco_328","pr-0":"_pr-0_ynnco_332","pr-1":"_pr-1_ynnco_335","pr-2":"_pr-2_ynnco_338","pr-3":"_pr-3_ynnco_341","pr-4":"_pr-4_ynnco_344","pr-5":"_pr-5_ynnco_347","pr-6":"_pr-6_ynnco_350","pr-8":"_pr-8_ynnco_353","pr-10":"_pr-10_ynnco_356","pr-12":"_pr-12_ynnco_359","pr-14":"_pr-14_ynnco_362","gap-0":"_gap-0_ynnco_367","gap-1":"_gap-1_ynnco_370","gap-2":"_gap-2_ynnco_373","gap-3":"_gap-3_ynnco_376","gap-4":"_gap-4_ynnco_379","gap-5":"_gap-5_ynnco_382","gap-6":"_gap-6_ynnco_385","gap-8":"_gap-8_ynnco_388","gap-10":"_gap-10_ynnco_391","gap-12":"_gap-12_ynnco_394","gap-14":"_gap-14_ynnco_397","m-0":"_m-0_ynnco_402","m-1":"_m-1_ynnco_405","m-2":"_m-2_ynnco_408","m-3":"_m-3_ynnco_411","m-4":"_m-4_ynnco_414","m-5":"_m-5_ynnco_417","m-6":"_m-6_ynnco_420","m-8":"_m-8_ynnco_423","m-10":"_m-10_ynnco_426","m-12":"_m-12_ynnco_429","m-14":"_m-14_ynnco_432","mx-0":"_mx-0_ynnco_436","mx-1":"_mx-1_ynnco_440","mx-2":"_mx-2_ynnco_444","mx-3":"_mx-3_ynnco_448","mx-4":"_mx-4_ynnco_452","mx-5":"_mx-5_ynnco_456","mx-6":"_mx-6_ynnco_460","mx-8":"_mx-8_ynnco_464","mx-10":"_mx-10_ynnco_468","mx-12":"_mx-12_ynnco_472","mx-14":"_mx-14_ynnco_476","my-0":"_my-0_ynnco_481","my-1":"_my-1_ynnco_485","my-2":"_my-2_ynnco_489","my-3":"_my-3_ynnco_493","my-4":"_my-4_ynnco_497","my-5":"_my-5_ynnco_501","my-6":"_my-6_ynnco_505","my-8":"_my-8_ynnco_509","my-10":"_my-10_ynnco_513","my-12":"_my-12_ynnco_517","my-14":"_my-14_ynnco_521","mt-0":"_mt-0_ynnco_526","mt-1":"_mt-1_ynnco_529","mt-2":"_mt-2_ynnco_532","mt-3":"_mt-3_ynnco_535","mt-4":"_mt-4_ynnco_538","mt-5":"_mt-5_ynnco_541","mt-6":"_mt-6_ynnco_544","mt-8":"_mt-8_ynnco_547","mt-10":"_mt-10_ynnco_550","mt-12":"_mt-12_ynnco_553","mt-14":"_mt-14_ynnco_556","mb-0":"_mb-0_ynnco_560","mb-1":"_mb-1_ynnco_563","mb-2":"_mb-2_ynnco_566","mb-3":"_mb-3_ynnco_569","mb-4":"_mb-4_ynnco_572","mb-5":"_mb-5_ynnco_575","mb-6":"_mb-6_ynnco_578","mb-8":"_mb-8_ynnco_581","mb-10":"_mb-10_ynnco_584","mb-12":"_mb-12_ynnco_587","mb-14":"_mb-14_ynnco_590","ml-0":"_ml-0_ynnco_594","ml-1":"_ml-1_ynnco_597","ml-2":"_ml-2_ynnco_600","ml-3":"_ml-3_ynnco_603","ml-4":"_ml-4_ynnco_606","ml-5":"_ml-5_ynnco_609","ml-6":"_ml-6_ynnco_612","ml-8":"_ml-8_ynnco_615","ml-10":"_ml-10_ynnco_618","ml-12":"_ml-12_ynnco_621","ml-14":"_ml-14_ynnco_624","mr-0":"_mr-0_ynnco_628","mr-1":"_mr-1_ynnco_631","mr-2":"_mr-2_ynnco_634","mr-3":"_mr-3_ynnco_637","mr-4":"_mr-4_ynnco_640","mr-5":"_mr-5_ynnco_643","mr-6":"_mr-6_ynnco_646","mr-8":"_mr-8_ynnco_649","mr-10":"_mr-10_ynnco_652","mr-12":"_mr-12_ynnco_655","mr-14":"_mr-14_ynnco_658","bg-main":"_bg-main_ynnco_663","bg-subtle":"_bg-subtle_ynnco_666","bg-info-subtle":"_bg-info-subtle_ynnco_669","bg-success-subtle":"_bg-success-subtle_ynnco_672","bg-warning-subtle":"_bg-warning-subtle_ynnco_675","bg-danger-subtle":"_bg-danger-subtle_ynnco_678",border:"_border_ynnco_683",borderBottom:"_borderBottom_ynnco_686","borderColor-main":"_borderColor-main_ynnco_691","borderColor-subtle":"_borderColor-subtle_ynnco_694","borderColor-danger":"_borderColor-danger_ynnco_697","backgroundColor-none":"_backgroundColor-none_ynnco_702","backgroundColor-subtle":"_backgroundColor-subtle_ynnco_705","backgroundColor-danger-subtle":"_backgroundColor-danger-subtle_ynnco_708","backgroundColor-success-subtle":"_backgroundColor-success-subtle_ynnco_711","backgroundColor-warning-subtle":"_backgroundColor-warning-subtle_ynnco_714","backgroundColor-info-subtle":"_backgroundColor-info-subtle_ynnco_717","borderRadius-none":"_borderRadius-none_ynnco_722","borderRadius-sm":"_borderRadius-sm_ynnco_725","borderRadius-md":"_borderRadius-md_ynnco_728","borderRadius-lg":"_borderRadius-lg_ynnco_731","borderRadius-full":"_borderRadius-full_ynnco_734"},no=({children:e,as:n="div",display:t,padding:s,paddingX:r,paddingY:_,paddingTop:a,paddingBottom:i,paddingLeft:c,paddingRight:d,m:y,mx:u,my:h,mt:b,mb:$,ml:N,mr:p,margin:g,marginX:j,marginY:B,marginTop:k,marginBottom:C,marginLeft:V,marginRight:O,gap:F,flexDirection:ro,alignItems:po,justifyContent:bo,flexWrap:E,flexGrow:L,flexShrink:v,flex:x,fullWidth:R,textAlign:mo,width:ko,maxWidth:No,height:I,gridTemplateColumns:Io,backgroundColor:oo,border:Co,borderBottom:xe,borderColor:Bo,borderRadius:Wo,className:we,style:ke,...Ne})=>{const Ie={...ke,flexGrow:L,flexShrink:v,flex:x,width:ko,maxWidth:No,height:I,gridTemplateColumns:Io};return o.jsx(n,{className:l(w.box,t&&w[`display-${t}`],mo&&w[`textAlign-${mo}`],s!==void 0&&w[`p-${s}`],r!==void 0&&w[`px-${r}`],_!==void 0&&w[`py-${_}`],a!==void 0&&w[`pt-${a}`],i!==void 0&&w[`pb-${i}`],c!==void 0&&w[`pl-${c}`],d!==void 0&&w[`pr-${d}`],(g!==void 0||y!==void 0)&&w[`m-${g??y}`],(j!==void 0||u!==void 0)&&w[`mx-${j??u}`],(B!==void 0||h!==void 0)&&w[`my-${B??h}`],(k!==void 0||b!==void 0)&&w[`mt-${k??b}`],(C!==void 0||$!==void 0)&&w[`mb-${C??$}`],(V!==void 0||N!==void 0)&&w[`ml-${V??N}`],(O!==void 0||p!==void 0)&&w[`mr-${O??p}`],F!==void 0&&w[`gap-${F}`],ro&&w[`flexDirection-${ro}`],po&&w[`alignItems-${po}`],bo&&w[`justifyContent-${bo}`],E&&w[`flexWrap-${E}`],oo&&w[`bg-${oo}`],Co&&w.border,xe&&w.borderBottom,Bo&&w[`borderColor-${Bo}`],Wo&&w[`borderRadius-${Wo}`],R&&w.fullWidth,we),style:Ie,...Ne,children:e})},co={root:"_root_10ujs_1",list:"_list_10ujs_6",item:"_item_10ujs_16",link:"_link_10ujs_21",current:"_current_10ujs_27",separator:"_separator_10ujs_38"},zo=({href:e,isCurrent:n,children:t,className:s,...r})=>{const _=e&&!n?"a":"span";return o.jsx("li",{className:co.item,children:o.jsx(_,{href:e,className:l(co.link,n&&co.current,s),"aria-current":n?"page":void 0,...r,children:t})})},Do=({children:e,separator:n="/",className:t,...s})=>{const r=f.Children.toArray(e);return o.jsx("nav",{"aria-label":"Breadcrumbs",className:l(co.root,t),...s,children:o.jsx("ol",{className:co.list,children:r.map((_,a)=>o.jsxs(f.Fragment,{children:[_,a<r.length-1&&o.jsx("li",{className:co.separator,"aria-hidden":"true",children:n})]},a))})})},ho={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"},D=({size:e="md",variant:n="outline",intent:t="neutral",fullWidth:s=!1,className:r,children:_,...a})=>o.jsx("button",{type:"button",className:l(ho.root,ho[e],ho[n],ho[t],s&&ho.fullWidth,r),...a,children:_}),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"},Mo=({padding:e="md",shadow:n="sm",bordered:t=!0,borderColor:s,backgroundColor:r,className:_,children:a,...i})=>{const c={none:W.pNone,sm:W.pSm,md:W.pMd,lg:W.pLg}[e],d={none:W.shadowNone,sm:W.shadowSm,md:W.shadowMd}[n];return o.jsx("div",{className:l(W.root,c,d,t&&W.bordered,s&&W[`borderColor-${s}`],r&&W[`backgroundColor-${r}`],_),...i,children:a})},Ao=({title:e,subtitle:n,className:t,children:s,...r})=>o.jsxs("div",{className:l(W.header,t),...r,children:[e&&o.jsx("h3",{className:W.title,children:e}),n&&o.jsx("p",{className:W.subtitle,children:n}),s]}),Fo=({className:e,children:n,...t})=>o.jsx("div",{className:l(W.content,e),...t,children:n}),Po=({className:e,children:n,...t})=>o.jsx("div",{className:l(W.footer,e),...t,children:n}),P={wrapper:"_wrapper_1mupt_1",container:"_container_1mupt_7",disabled:"_disabled_1mupt_15",input:"_input_1mupt_20",control:"_control_1mupt_28",checkmark:"_checkmark_1mupt_57",label:"_label_1mupt_68",error:"_error_1mupt_75",helperText:"_helperText_1mupt_79",errorText:"_errorText_1mupt_86"},Ho=({label:e,error:n,helperText:t,className:s,disabled:r,id:_,...a})=>{const i=f.useId(),c=_??`ds-checkbox-${i}`,d=t?`${c}-help`:void 0;return o.jsxs("div",{className:l(P.wrapper,s),children:[o.jsxs("label",{htmlFor:c,className:l(P.container,r&&P.disabled,n&&P.error),children:[o.jsx("input",{type:"checkbox",id:c,disabled:r,className:P.input,"aria-describedby":d,"aria-invalid":n||void 0,...a}),o.jsx("span",{className:P.control,children:o.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round",className:P.checkmark,children:o.jsx("polyline",{points:"20 6 9 17 4 12"})})}),e&&o.jsx("span",{className:P.label,children:e})]}),t&&o.jsx("span",{id:d,className:l(P.helperText,n&&P.errorText),children:t})]})},T={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"},Oo=({options:e,value:n,defaultValue:t,onChange:s,placeholder:r="Select an option",label:_,helperText:a,error:i,disabled:c,size:d="md",className:y,id:u,fullWidth:h=!1})=>{const b=f.useId(),$=u??`ds-dropdown-${b}`,N=a?`${$}-help`:void 0,[p,g]=f.useState(!1),[j,B]=f.useState(t),[k,C]=f.useState(-1),V=f.useRef(null),O=f.useRef(null),F=n!==void 0?n:j,ro=e.find(v=>v.value===F),po=k>=0?`${$}-opt-${k}`:void 0,bo=()=>{if(!c){const v=!p;if(g(v),v){if(k===-1){const x=e.findIndex(R=>R.value===F);C(x>=0?x:0)}}else C(-1)}},E=(v,x)=>{v.disabled||(n===void 0&&B(v.value),s?.(v.value),g(!1),C(x),O.current?.focus())},L=v=>{if(!c)switch(v.key){case"ArrowDown":v.preventDefault(),p?C(x=>x<e.length-1?x+1:x):(g(!0),C(e.findIndex(x=>x.value===F)||0));break;case"ArrowUp":v.preventDefault(),p?C(x=>x>0?x-1:x):(g(!0),C(e.findIndex(x=>x.value===F)||e.length-1));break;case"Enter":case" ":v.preventDefault(),p?k>=0&&E(e[k],k):(g(!0),C(e.findIndex(x=>x.value===F)||0));break;case"Escape":p&&(v.preventDefault(),g(!1),C(-1),O.current?.focus());break;case"Tab":p&&(g(!1),C(-1));break;case"Home":p&&(v.preventDefault(),C(0));break;case"End":p&&(v.preventDefault(),C(e.length-1));break}};return f.useEffect(()=>{p&&k>=0&&document.getElementById(`${$}-opt-${k}`)?.scrollIntoView({block:"nearest"})},[k,p,$]),f.useEffect(()=>{const v=x=>{V.current&&!V.current.contains(x.target)&&(g(!1),C(-1))};return document.addEventListener("mousedown",v),()=>{document.removeEventListener("mousedown",v)}},[]),o.jsxs("div",{className:l(T.wrapper,T[d],h&&T.fullWidth,i&&T.error,y),ref:V,children:[_&&o.jsx("label",{htmlFor:$,className:T.label,children:_}),o.jsxs("div",{className:T.container,children:[o.jsxs("button",{id:$,ref:O,type:"button",className:l(T.trigger,p&&T.isOpen),onClick:bo,onKeyDown:L,disabled:c,"aria-haspopup":"listbox","aria-expanded":p,"aria-describedby":N,"aria-invalid":i||void 0,"aria-controls":p?`${$}-menu`:void 0,"aria-activedescendant":p?po:void 0,children:[o.jsx("span",{className:T.selectedLabel,children:ro?ro.label:r}),o.jsx("span",{className:T.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"})})})]}),p&&o.jsx("ul",{id:`${$}-menu`,className:T.menu,role:"listbox","aria-labelledby":_?void 0:$,children:e.map((v,x)=>{const R=v.value===F,mo=x===k;return o.jsxs("li",{id:`${$}-opt-${x}`,role:"option","aria-selected":R,className:l(T.option,R&&T.optionSelected,mo&&T.optionFocused,v.disabled&&T.optionDisabled),onClick:()=>E(v,x),onMouseEnter:()=>!v.disabled&&C(x),children:[o.jsx("span",{className:T.optionLabel,children:v.label}),v.description&&o.jsx("span",{className:T.optionDescription,children:v.description})]},v.value)})})]}),a&&o.jsx("span",{id:N,className:l(T.helperText,i&&T.errorText),children:a})]})},_o={root:"_root_dlc85_1",container:"_container_dlc85_8",sideContainer:"_sideContainer_dlc85_17",title:"_title_dlc85_28",welcome:"_welcome_dlc85_36"},$o=({id:e,logo:n,title:t,user:s,onLogin:r,onLogout:_,onCreateAccount:a,className:i,maxWidth:c})=>{const d={size:"sm",intent:"info"};return o.jsx("header",{id:e,className:l(_o.root,i),children:o.jsxs("div",{className:_o.container,style:{maxWidth:c},children:[o.jsxs("div",{className:_o.sideContainer,children:[n,o.jsx("h1",{className:_o.title,children:t})]}),o.jsx("div",{className:_o.sideContainer,children:s?o.jsxs(o.Fragment,{children:[o.jsxs("span",{className:_o.welcome,children:["Welcome, ",o.jsx("b",{children:s.name}),"!"]}),o.jsx(D,{...d,onClick:_,children:"Log out"})]}):o.jsxs(o.Fragment,{children:[o.jsx(D,{...d,onClick:r,children:"Log in"}),o.jsx(D,{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"},jo=({id:e,items:n,activeId:t,logo:s,actions:r,onItemClick:_,className:a,maxWidth:i})=>o.jsx("nav",{id:e,className:l(H.root,a),children:o.jsxs("div",{className:H.container,style:{maxWidth:i},children:[s&&o.jsx("div",{className:H.leftSection,children:s}),o.jsx("div",{className:H.nav,children:o.jsx("ul",{className:H.navList,children:n.map(c=>o.jsx("li",{className:H.navItem,children:o.jsx("button",{type:"button",className:l(H.navLink,t===c.id&&H.active,c.disabled&&H.disabled),onClick:()=>!c.disabled&&_?.(c.id),disabled:c.disabled,"aria-current":t===c.id?"page":void 0,children:c.label})},c.id))})}),r&&o.jsx("div",{className:H.rightSection,children:r})]})}),G={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"},Ko=({size:e="md",error:n,label:t,helperText:s,fullWidth:r=!1,className:_,id:a,...i})=>{const c=f.useId(),d=a??`ds-input-${c}`,y=s?`${d}-help`:void 0;return o.jsxs("div",{className:l(G.wrapper,r&&G.fullWidth,_),children:[t&&o.jsx("label",{htmlFor:d,className:G.label,children:t}),o.jsx("input",{id:d,className:l(G.inputRoot,G[e],n&&G.error),"aria-describedby":y,"aria-invalid":n||void 0,...i}),s&&o.jsx("span",{id:y,className:l(G.helperText,n&&G.errorText),children:s})]})},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"},Vo=({id:e,size:n="md",intent:t="neutral",className:s})=>o.jsx("div",{id:e,className:l(go.loader,go[n],go[t],s),role:"status","aria-label":"Loading"}),K={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"},Go=({isOpen:e,onClose:n,title:t,children:s,footer:r,size:_="md",isLoading:a=!1,className:i,id:c})=>{const d=f.useRef(null),y=f.useRef(null),u=f.useRef(n),h=f.useId(),b=c??`ds-modal-${h}`,$=`${b}-title`;return f.useEffect(()=>{u.current=n},[n]),f.useEffect(()=>{const N=p=>{if(p.key==="Escape"&&!a){u.current();return}if(p.key==="Tab"&&d.current){const g=d.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),j=g[0],B=g[g.length-1];p.shiftKey?document.activeElement===j&&(B.focus(),p.preventDefault()):document.activeElement===B&&(j.focus(),p.preventDefault())}};return e&&(y.current=document.activeElement,document.body.style.overflow="hidden",window.addEventListener("keydown",N),setTimeout(()=>{const p=d.current?.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');p&&p.length>0&&p[0].focus()},0)),()=>{document.body.style.overflow="unset",window.removeEventListener("keydown",N),y.current?.focus()}},[e,a]),e?qo.createPortal(o.jsx("div",{className:K.overlay,onClick:()=>!a&&n(),children:o.jsxs("div",{id:b,className:l(K.modal,K[_],a&&K.loading,i),onClick:N=>N.stopPropagation(),role:"dialog","aria-modal":"true","aria-labelledby":t?$:void 0,ref:d,children:[o.jsxs("div",{className:K.header,children:[t&&o.jsx("h2",{id:$,className:K.title,children:t}),o.jsx(D,{variant:"subtle",size:"sm",onClick:n,className:K.closeButton,"aria-label":"Close modal",disabled:a,children:"✕"})]}),o.jsx("div",{className:K.content,children:s}),r&&o.jsx("div",{className:K.footer,children:r})]})}),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"},Uo=({intent:e="neutral",title:n,children:t,onClose:s,className:r,..._})=>o.jsxs("div",{className:l(lo.root,lo[e],r),role:"alert",..._,children:[o.jsxs("div",{className:lo.content,children:[n&&o.jsx("div",{className:lo.title,children:n}),o.jsx("div",{className:lo.message,children:t})]}),s&&o.jsx(D,{variant:"subtle",size:"xs",onClick:s,className:lo.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"},Jo=(e,n,t)=>Math.min(Math.max(e,n),t),yo=(e,n)=>{const t=[];for(let s=e;s<=n;s+=1)t.push(s);return t},Qo=(e,n,t,s,r)=>{if(e<=0)return[];if(!r)return yo(1,e);const a=t*2+1+s*2+2;if(e<=a)return yo(1,e);const i=yo(1,Math.min(s,e)),c=yo(Math.max(e-s+1,s+1),e),d=Math.max(n-t,s+2),y=Math.min(n+t,e-s-1),u=d>s+2,h=y<e-s-1,b=[...i],$=u?d:s+1,N=h?y:e-s;return u&&b.push("ellipsis"),$<=N&&b.push(...yo($,N)),h&&b.push("ellipsis"),b.push(...c),b},Zo=({id:e,count:n,page:t,defaultPage:s=1,onPageChange:r,onFirstClick:_,onLastClick:a,onNextClick:i,onPrevClick:c,siblingCount:d=1,boundaryCount:y=1,showFirstLast:u=!0,showPrevNext:h=!0,showEllipsis:b=!0,disabled:$=!1,size:N="sm",variant:p="outline",intent:g="neutral",activeVariant:j="solid",activeIntent:B,labels:k,ariaLabel:C="Pagination",getPageLabel:V,className:O})=>{const F=f.useId(),ro=e??`ds-pagination-${F}`,[po,bo]=f.useState(s),E=Math.max(0,n),L=Jo(t??po,1,Math.max(1,E)),v=f.useMemo(()=>Qo(E,L,d,y,b),[E,L,d,y,b]),x=I=>{$||I===L||(t===void 0&&bo(I),r?.(I))},R=()=>{x(1),_?.(1)},mo=()=>{const I=E;x(I),a?.(I)},ko=()=>{const I=Math.max(1,L-1);x(I),c?.(I)},No=()=>{const I=Math.min(E,L+1);x(I),i?.(I)};return E<=0?null:o.jsx("nav",{id:ro,"aria-label":C,className:l(q.root,O),children:o.jsxs("ul",{className:q.list,children:[u&&o.jsx("li",{className:q.item,children:o.jsx(D,{size:N,variant:p,intent:g,className:q.pageButton,onClick:R,disabled:$||L===1,"aria-label":"Go to first page",children:k?.first??"First"})}),h&&o.jsx("li",{className:q.item,children:o.jsx(D,{size:N,variant:p,intent:g,className:q.pageButton,onClick:ko,disabled:$||L===1,"aria-label":"Go to previous page",children:k?.prev??"Prev"})}),v.map((I,Io)=>{if(I==="ellipsis")return o.jsx("li",{className:q.item,"aria-hidden":"true",children:o.jsx("span",{className:q.ellipsis,children:"…"})},`ellipsis-${Io}`);const oo=I===L,Co=V?.(I,oo)??`Page ${I}${oo?", current page":""}`;return o.jsx("li",{className:q.item,children:o.jsx(D,{size:N,variant:oo?j:p,intent:oo?B??g:g,className:q.pageButton,onClick:()=>x(I),disabled:$,"aria-current":oo?"page":void 0,"aria-label":Co,children:I})},I)}),h&&o.jsx("li",{className:q.item,children:o.jsx(D,{size:N,variant:p,intent:g,className:q.pageButton,onClick:No,disabled:$||L===E,"aria-label":"Go to next page",children:k?.next??"Next"})}),u&&o.jsx("li",{className:q.item,children:o.jsx(D,{size:N,variant:p,intent:g,className:q.pageButton,onClick:mo,disabled:$||L===E,"aria-label":"Go to last page",children:k?.last??"Last"})})]})})},U={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"},Xo=({value:e,max:n=100,size:t="md",intent:s="info",showLabel:r=!1,label:_,className:a,id:i})=>{const c=f.useId(),d=i??`ds-progressbar-${c}`,y=n>0?n:0,u=Math.min(Math.max(0,e),y),h=y>0?Math.min(Math.max(0,u/y*100),100):0,b=_?`${d}-label`:void 0;return o.jsxs("div",{id:d,className:l(U.wrapper,U[t],U[s],a),children:[(_||r)&&o.jsxs("div",{className:U.labelWrapper,children:[_&&o.jsx("span",{id:b,className:U.label,children:_}),r&&o.jsxs("span",{className:U.percentage,children:[Math.round(h),"%"]})]}),o.jsx("div",{className:U.progressRoot,role:"progressbar","aria-valuenow":u,"aria-valuemin":0,"aria-valuemax":n,"aria-labelledby":b,"aria-label":_?void 0:"Progress",children:o.jsx("div",{className:U.indicator,style:{width:`${h}%`}})})]})},M={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"},Yo=({size:e="md",label:n,helperText:t,error:s,className:r,id:_,...a})=>{const i=f.useId(),c=_??`ds-radio-${i}`,d=t?`${c}-help`:void 0;return o.jsxs("div",{className:l(M.wrapper,r),children:[o.jsxs("label",{htmlFor:c,className:l(M.label,M[e]),children:[o.jsxs("div",{className:M.inputWrapper,children:[o.jsx("input",{type:"radio",id:c,className:l(M.radioRoot,M[e],s&&M.error),"aria-describedby":d,"aria-invalid":s||void 0,...a}),o.jsx("span",{className:M.checkmark})]}),n&&o.jsx("span",{className:M.labelText,children:n})]}),t&&o.jsx("span",{id:d,className:l(M.helperText,s&&M.errorText),children:t})]})},fo={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"},Ro=({variant:e="rectangular",width:n,height:t,animation:s="pulse",className:r,style:_,"aria-hidden":a,...i})=>o.jsx(no,{className:l(fo.root,fo[e],s!=="none"&&fo[s],r),width:n,height:t,style:_,"aria-hidden":a??!0,...i}),A={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"},oe=({step:e,index:n,status:t,isInteractive:s,onStepClick:r,isLast:_,id:a,className:i})=>{const c=!!e.disabled,d=s?"button":"div",y=t==="error"?"!":String(n+1),u=()=>{s&&!c&&r?.(e,n)},h=b=>{s&&!c&&(b.key==="Enter"||b.key===" ")&&(b.preventDefault(),r?.(e,n))};return o.jsxs("li",{className:l(A.step,A[t],c&&A.disabled,i),children:[o.jsxs(d,{id:a,type:s?"button":void 0,className:l(A.stepRow,s&&A.interactive),onClick:u,onKeyDown:h,"aria-current":t==="current"?"step":void 0,"aria-disabled":c?!0:void 0,disabled:s&&c?!0:void 0,tabIndex:s&&!c?0:void 0,children:[o.jsx("span",{className:A.marker,"aria-hidden":"true",children:y}),o.jsxs("span",{className:A.text,children:[o.jsx("span",{className:A.label,children:e.label}),e.description&&o.jsx("span",{className:A.description,children:e.description})]})]}),!_&&o.jsx("span",{className:l(A.connector,A[`connector-${t}`]),"aria-hidden":"true"})]})},vo={root:"_root_cxvk2_1",sm:"_sm_cxvk2_15",lg:"_lg_cxvk2_22",horizontal:"_horizontal_cxvk2_29",vertical:"_vertical_cxvk2_35"},ee=(e,n)=>Number.isNaN(e)||n<=0?-1:Math.min(Math.max(e,0),n-1),ne=(e,n)=>typeof e=="number"?ee(e,n.length):typeof e=="string"?n.findIndex(t=>t.id===e):n.findIndex(t=>t.status==="current"),te=(e,n,t)=>t||(n===-1?"upcoming":e<n?"completed":e===n?"current":"upcoming"),se=({steps:e,currentStep:n,orientation:t="horizontal",size:s="md",onStepClick:r,ariaLabel:_,className:a,id:i,...c})=>{const d=f.useId(),y=i??`ds-stepper-${d}`,u=ne(n,e),h=_??"Progress";return o.jsx("ol",{id:y,className:l(vo.root,vo[t],vo[s],a),"aria-label":h,"data-orientation":t,...c,children:e.map((b,$)=>o.jsx(oe,{id:`${y}-step-${b.id}`,step:b,index:$,status:te($,u,b.status),isInteractive:!!r,onStepClick:r,isLast:$===e.length-1},b.id))})},J={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"},re=({size:e="md",error:n,label:t,helperText:s,fullWidth:r=!1,className:_,id:a,options:i,children:c,...d})=>{const y=f.useId(),u=a??`ds-select-${y}`,h=s?`${u}-help`:void 0;return o.jsxs("div",{className:l(J.wrapper,r&&J.fullWidth,_),children:[t&&o.jsx("label",{htmlFor:u,className:J.label,children:t}),o.jsx("select",{id:u,className:l(J.selectRoot,J[e],n&&J.error),"aria-describedby":h,"aria-invalid":n||void 0,...d,children:i?i.map(b=>o.jsx("option",{value:b.value,disabled:b.disabled,children:b.label},b.value)):c}),s&&o.jsx("span",{id:h,className:l(J.helperText,n&&J.errorText),children:s})]})},Q={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"},ce=({label:e,helperText:n,className:t,disabled:s,id:r,..._})=>{const a=f.useId(),i=r??`ds-switch-${a}`,c=n?`${i}-help`:void 0;return o.jsxs("div",{className:l(Q.wrapper,t),children:[o.jsxs("label",{htmlFor:i,className:l(Q.container,s&&Q.disabled),children:[o.jsx("input",{type:"checkbox",id:i,role:"switch",disabled:s,className:Q.input,"aria-describedby":c,..._}),o.jsx("span",{className:Q.track,children:o.jsx("span",{className:Q.thumb})}),e&&o.jsx("span",{className:Q.label,children:e})]}),n&&o.jsx("span",{id:c,className:Q.helperText,children:n})]})},S={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"},_e=({children:e,className:n,striped:t,hoverable:s,dense:r,isLoading:_,...a})=>o.jsx("div",{className:l(S.wrapper,_&&S.loading,n),children:o.jsx("table",{className:l(S.table,t&&S.striped,s&&S.hoverable,r&&S.dense),"aria-busy":_||void 0,...a,children:e})}),le=({children:e,className:n,...t})=>o.jsx("thead",{className:l(S.thead,n),...t,children:e}),ae=({children:e,className:n,...t})=>o.jsx("tbody",{className:l(S.tbody,n),...t,children:e}),de=({children:e,className:n,...t})=>o.jsx("tfoot",{className:l(S.tfoot,n),...t,children:e}),ie=({children:e,className:n,...t})=>o.jsx("tr",{className:l(S.tr,n),...t,children:e}),pe=({children:e,className:n,align:t,...s})=>o.jsx("th",{className:l(S.th,t&&S[`align-${t}`],n),...s,children:e}),be=({children:e,className:n,align:t,...s})=>o.jsx("td",{className:l(S.td,t&&S[`align-${t}`],n),...s,children:e}),Z={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"},me=({items:e,defaultActiveId:n,activeId:t,onChange:s,className:r,variant:_="line",id:a})=>{const i=f.useId(),c=a??`ds-tabs-${i}`,[d,y]=f.useState(n||(e.length>0?e[0].id:"")),u=t!==void 0?t:d,h=f.useRef(null),b=(p,g)=>{g||(t===void 0&&y(p),s?.(p))},$=p=>{const g=e.filter(k=>!k.disabled),j=g.findIndex(k=>k.id===u);let B=-1;if(p.key==="ArrowRight"||p.key==="ArrowDown"?B=(j+1)%g.length:p.key==="ArrowLeft"||p.key==="ArrowUp"?B=(j-1+g.length)%g.length:p.key==="Home"?B=0:p.key==="End"&&(B=g.length-1),B!==-1){p.preventDefault();const k=g[B].id;b(k);const C=h.current?.querySelectorAll('[role="tab"]');Array.from(C||[]).find(O=>O.getAttribute("data-id")===k)?.focus()}},N=e.find(p=>p.id===u);return o.jsxs("div",{id:c,className:l(Z.root,r),children:[o.jsx("div",{role:"tablist",ref:h,className:l(Z.tabList,_==="pill"&&Z.pillList),onKeyDown:$,children:e.map(p=>{const g=p.id===u,j=!!p.disabled,B=j?-1:g?0:-1;return o.jsx("button",{role:"tab",id:`${c}-tab-${p.id}`,"aria-selected":g,"aria-controls":`${c}-panel-${p.id}`,"aria-disabled":j,tabIndex:B,disabled:j,"data-id":p.id,className:l(Z.tabItem,_==="pill"&&Z.pillItem,g&&Z.active,j&&Z.disabled),onClick:()=>b(p.id,j),children:p.label},p.id)})}),o.jsx("div",{role:"tabpanel",id:`${c}-panel-${u}`,"aria-labelledby":`${c}-tab-${u}`,className:Z.tabPanel,tabIndex:0,children:N?.content})]})},ao={root:"_root_7o66o_1",h1:"_h1_7o66o_9",h2:"_h2_7o66o_15",h3:"_h3_7o66o_21",h4:"_h4_7o66o_27",h5:"_h5_7o66o_32",h6:"_h6_7o66o_37","body-lg":"_body-lg_7o66o_42","body-md":"_body-md_7o66o_46","body-sm":"_body-sm_7o66o_50",label:"_label_7o66o_54",code:"_code_7o66o_61",left:"_left_7o66o_70",center:"_center_7o66o_73",right:"_right_7o66o_76",justify:"_justify_7o66o_79",regular:"_regular_7o66o_84",medium:"_medium_7o66o_87",bold:"_bold_7o66o_90","color-main":"_color-main_7o66o_95","color-subtle":"_color-subtle_7o66o_98","color-on-brand":"_color-on-brand_7o66o_104","color-danger":"_color-danger_7o66o_107","color-success":"_color-success_7o66o_110","color-warning":"_color-warning_7o66o_113","color-info":"_color-info_7o66o_116",noWrap:"_noWrap_7o66o_121"},he={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"},xo=({children:e,variant:n="body-md",as:t,align:s,weight:r,color:_,noWrap:a,className:i,...c})=>{const d=t||he[n]||"span";return o.jsx(d,{className:l(ao.root,ao[n],s&&ao[s],r&&ao[r],_&&ao[`color-${_}`],a&&ao.noWrap,i),...c,children:e})},X={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"},ye=({size:e="md",error:n,label:t,helperText:s,fullWidth:r=!1,className:_,id:a,rows:i=4,...c})=>{const d=f.useId(),y=a??`ds-textarea-${d}`,u=s?`${y}-help`:void 0;return o.jsxs("div",{className:l(X.wrapper,r&&X.fullWidth,_),children:[t&&o.jsx("label",{htmlFor:y,className:X.label,children:t}),o.jsx("textarea",{id:y,rows:i,className:l(X.textareaRoot,X[e],n&&X.error),"aria-describedby":u,"aria-invalid":n||void 0,...c}),s&&o.jsx("span",{id:u,className:l(X.helperText,n&&X.errorText),children:s})]})},io={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"},ue=({content:e,children:n,position:t="top",variant:s="dark",delay:r=200,className:_,id:a})=>{const[i,c]=f.useState(!1),d=f.useRef(null),y=f.useId(),u=a??`ds-tooltip-${y}`,h=`${u}-content`,b=()=>{d.current=window.setTimeout(()=>{c(!0)},r)},$=()=>{d.current&&window.clearTimeout(d.current),c(!1)},N=g=>{g.key==="Escape"&&$()},p=f.isValidElement(n)?(()=>{const g=n;return f.cloneElement(g,{"aria-describedby":[g.props["aria-describedby"],h].filter(Boolean).join(" ")})})():n;return o.jsxs("div",{id:u,className:l(io.root,_),onMouseEnter:b,onMouseLeave:$,onFocus:b,onBlur:$,onKeyDown:N,children:[o.jsx("div",{className:io.trigger,children:p}),i&&o.jsx("div",{className:l(io.tooltip,io[t],io[s],i&&io.visible),id:h,role:"tooltip",children:e})]})},wo={root:"_root_1j5ko_1",main:"_main_1j5ko_8",container:"_container_1j5ko_13"},$e=({headerLogo:e,headerTitle:n,user:t,navItems:s,activeNavId:r,navActions:_,children:a,onLogin:i,onLogout:c,onCreateAccount:d,onNavItemClick:y,className:u,maxWidth:h})=>{const b=!!(e||n||t||i||c||d),$=!!(s?.length||_);return o.jsxs("div",{className:l(wo.root,u),children:[b&&o.jsx($o,{logo:e,title:n,user:t,onLogin:i,onLogout:c,onCreateAccount:d,maxWidth:h}),$&&o.jsx(jo,{items:s,activeId:r,actions:_,onItemClick:y,maxWidth:h}),o.jsx("main",{className:wo.main,children:o.jsx("div",{className:wo.container,children:a})})]})},to={root:"_root_416o7_1",card:"_card_416o7_11",header:"_header_416o7_21",logo:"_logo_416o7_26",title:"_title_416o7_32",description:"_description_416o7_39",content:"_content_416o7_45"},ge=({logo:e,title:n,description:t,children:s,className:r})=>o.jsx(no,{className:l(to.root,r),children:o.jsxs(no,{className:to.card,children:[o.jsxs(no,{className:to.header,children:[e&&o.jsx(no,{className:to.logo,children:e}),n&&o.jsx(xo,{variant:"h3",as:"h1",className:to.title,children:n}),t&&o.jsx(xo,{variant:"body-sm",color:"subtle",className:to.description,children:t})]}),o.jsx(no,{className:to.content,children:s})]})}),Y={root:"_root_1vwxr_1",main:"_main_1vwxr_7",container:"_container_1vwxr_11",topBar:"_topBar_1vwxr_20",stats:"_stats_1vwxr_27",content:"_content_1vwxr_33"},fe=({headerLogo:e,headerTitle:n,breadcrumbs:t,actions:s,stats:r,children:_,user:a,onLogin:i,onLogout:c,onCreateAccount:d,className:y,maxWidth:u})=>o.jsxs("div",{className:l(Y.root,y),children:[o.jsx($o,{logo:e,title:n,user:a,onLogin:i,onLogout:c,onCreateAccount:d,maxWidth:u}),o.jsx("main",{className:Y.main,children:o.jsxs("div",{className:Y.container,children:[(t||s)&&o.jsxs("div",{className:Y.topBar,children:[o.jsx("div",{className:Y.breadcrumbs,children:t}),o.jsx("div",{className:Y.actions,children:s})]}),r&&o.jsx("div",{className:Y.stats,children:r}),o.jsx("div",{className:Y.content,children:_})]})})]}),so={root:"_root_o4vai_1",main:"_main_o4vai_7",container:"_container_o4vai_11",layoutBody:"_layoutBody_o4vai_20",sidebar:"_sidebar_o4vai_26",content:"_content_o4vai_34"},ve=({headerLogo:e,headerTitle:n,breadcrumbs:t,sidebar:s,children:r,user:_,onLogin:a,onLogout:i,onCreateAccount:c,className:d,maxWidth:y})=>o.jsxs("div",{className:l(so.root,d),children:[o.jsx($o,{logo:e,title:n,user:_,onLogin:a,onLogout:i,onCreateAccount:c,maxWidth:y}),o.jsx("main",{className:so.main,children:o.jsxs("div",{className:so.container,children:[t&&o.jsx("div",{className:so.breadcrumbs,children:t}),o.jsxs("div",{className:so.layoutBody,children:[s&&o.jsx("aside",{className:so.sidebar,children:s}),o.jsx("section",{className:so.content,children:r})]})]})})]});m.Accordion=So,m.AppLayout=$e,m.AuthLayout=ge,m.Avatar=Eo,m.Badge=Lo,m.Box=no,m.BreadcrumbItem=zo,m.Breadcrumbs=Do,m.Button=D,m.Card=Mo,m.CardContent=Fo,m.CardFooter=Po,m.CardHeader=Ao,m.Checkbox=Ho,m.DashboardLayout=fe,m.Dropdown=Oo,m.Header=$o,m.Input=Ko,m.Loader=Vo,m.Modal=Go,m.NavBar=jo,m.Notification=Uo,m.Pagination=Zo,m.ProgressBar=Xo,m.RadioButton=Yo,m.Select=re,m.SettingsLayout=ve,m.Skeleton=Ro,m.Stepper=se,m.Switch=ce,m.Table=_e,m.TableBody=ae,m.TableCell=be,m.TableFooter=de,m.TableHead=pe,m.TableHeader=le,m.TableRow=ie,m.Tabs=me,m.Text=xo,m.Textarea=ye,m.Tooltip=ue,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tharaday",
3
- "version": "0.5.1",
3
+ "version": "0.5.2",
4
4
  "author": "Ania Wyroba",
5
5
  "publishConfig": {
6
6
  "access": "public",
package/src/components/Box/Box.stories.tsx CHANGED
@@ -109,9 +109,9 @@ export const FlexColumn: Story = {
109
109
 
110
110
  export const MaxWidth: Story = {
111
111
  args: {
112
- children: 'This box has a max-width of 200px and is centered with mx={14}',
112
+ children: 'This box has a max-width of 200px and is centered with marginX={14}',
113
113
  maxWidth: '200px',
114
- mx: 14,
114
+ marginX: 14,
115
115
  padding: 4,
116
116
  border: true,
117
117
  backgroundColor: 'info-subtle',
package/src/components/Box/Box.tsx CHANGED
@@ -21,6 +21,13 @@ export const Box = ({
21
21
  mb,
22
22
  ml,
23
23
  mr,
24
+ margin,
25
+ marginX,
26
+ marginY,
27
+ marginTop,
28
+ marginBottom,
29
+ marginLeft,
30
+ marginRight,
24
31
  gap,
25
32
  flexDirection,
26
33
  alignItems,
@@ -68,13 +75,13 @@ export const Box = ({
68
75
  paddingBottom !== undefined && styles[`pb-${paddingBottom}`],
69
76
  paddingLeft !== undefined && styles[`pl-${paddingLeft}`],
70
77
  paddingRight !== undefined && styles[`pr-${paddingRight}`],
71
- m !== undefined && styles[`m-${m}`],
72
- mx !== undefined && styles[`mx-${mx}`],
73
- my !== undefined && styles[`my-${my}`],
74
- mt !== undefined && styles[`mt-${mt}`],
75
- mb !== undefined && styles[`mb-${mb}`],
76
- ml !== undefined && styles[`ml-${ml}`],
77
- mr !== undefined && styles[`mr-${mr}`],
78
+ (margin !== undefined || m !== undefined) && styles[`m-${margin ?? m}`],
79
+ (marginX !== undefined || mx !== undefined) && styles[`mx-${marginX ?? mx}`],
80
+ (marginY !== undefined || my !== undefined) && styles[`my-${marginY ?? my}`],
81
+ (marginTop !== undefined || mt !== undefined) && styles[`mt-${marginTop ?? mt}`],
82
+ (marginBottom !== undefined || mb !== undefined) && styles[`mb-${marginBottom ?? mb}`],
83
+ (marginLeft !== undefined || ml !== undefined) && styles[`ml-${marginLeft ?? ml}`],
84
+ (marginRight !== undefined || mr !== undefined) && styles[`mr-${marginRight ?? mr}`],
78
85
  gap !== undefined && styles[`gap-${gap}`],
79
86
  flexDirection && styles[`flexDirection-${flexDirection}`],
80
87
  alignItems && styles[`alignItems-${alignItems}`],
package/src/components/Box/Box.types.ts CHANGED
@@ -43,6 +43,13 @@ export interface BoxProps extends HTMLAttributes<HTMLElement> {
43
43
  mb?: BoxMargin;
44
44
  ml?: BoxMargin;
45
45
  mr?: BoxMargin;
46
+ margin?: BoxMargin;
47
+ marginX?: BoxMargin;
48
+ marginY?: BoxMargin;
49
+ marginTop?: BoxMargin;
50
+ marginBottom?: BoxMargin;
51
+ marginLeft?: BoxMargin;
52
+ marginRight?: BoxMargin;
46
53
  gap?: BoxGap;
47
54
  flexDirection?: BoxFlexDirection;
48
55
  alignItems?: BoxAlignItems;