tharaday 0.1.1 → 0.2.1

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 (13) hide show
  1. package/dist/components/Box/Box.types.d.ts +3 -3
  2. package/dist/components/Modal/Modal.stories.d.ts +1 -0
  3. package/dist/ds.css +1 -1
  4. package/dist/ds.js +1463 -1431
  5. package/dist/ds.umd.cjs +1 -1
  6. package/package.json +10 -10
  7. package/src/components/Box/Box.module.css +98 -0
  8. package/src/components/Box/Box.stories.tsx +2 -2
  9. package/src/components/Box/Box.types.ts +3 -3
  10. package/src/components/Modal/Modal.module.css +6 -1
  11. package/src/components/Modal/Modal.stories.tsx +81 -0
  12. package/src/components/Modal/Modal.tsx +7 -2
  13. package/src/styles/tokens.css +1 -0
package/dist/ds.umd.cjs CHANGED
@@ -1 +1 @@
1
- (function(b,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("react/jsx-runtime"),require("react"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","react-dom"],e):(b=typeof globalThis<"u"?globalThis:b||self,e(b.DesignSystem={},b.jsxRuntime,b.React,b.ReactDOM))})(this,(function(b,e,$,Ce){"use strict";function Ie(o){var a,t,s="";if(typeof o=="string"||typeof o=="number")s+=o;else if(typeof o=="object")if(Array.isArray(o)){var n=o.length;for(a=0;a<n;a++)o[a]&&(t=Ie(o[a]))&&(s&&(s+=" "),s+=t)}else for(t in o)o[t]&&(s&&(s+=" "),s+=t);return s}function d(){for(var o,a,t=0,s="",n=arguments.length;t<n;t++)(o=arguments[t])&&(a=Ie(o))&&(s&&(s+=" "),s+=a);return s}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"},je=({items:o,allowMultiple:a=!1,defaultExpanded:t=[],variant:s="default",size:n="md",className:r,id:l})=>{const _=$.useId(),c=l??`ds-accordion-${_}`,[i,v]=$.useState(t),g=u=>{v(m=>m.includes(u)?m.filter(h=>h!==u):a?[...m,u]:[u])};return e.jsx("div",{id:c,className:d(D.root,D[s],D[n],r),children:o.map(u=>{const m=i.includes(u.id);return e.jsxs("div",{className:D.item,children:[e.jsxs("button",{type:"button",id:`${c}-header-${u.id}`,className:D.header,onClick:()=>g(u.id),disabled:u.isDisabled,"aria-expanded":m,"aria-controls":`${c}-content-${u.id}`,children:[e.jsx("span",{children:u.title}),e.jsx("span",{className:d(D.icon,m&&D.iconExpanded),children:"▼"})]}),e.jsx("div",{id:`${c}-content-${u.id}`,role:"region","aria-labelledby":`${c}-header-${u.id}`,className:d(D.contentWrapper,m&&D.contentExpanded),children:e.jsx("div",{className:D.content,children:e.jsx("div",{className:d(D.contentBody,m&&D.contentBodyExpanded),children:u.content})})})]},u.id)})})},X={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"},Be=({src:o,alt:a,name:t,size:s="md",fallback:n,className:r,...l})=>{const[_,c]=$.useState(!1),i=a??t,v=u=>u.split(" ").map(m=>m[0]).slice(0,2).join(""),g=()=>o&&!_?e.jsx("img",{src:o,alt:i||"",className:X.image,onError:()=>c(!0)}):n?e.jsx("span",{className:X.fallback,children:n}):t?e.jsx("span",{className:X.fallback,children:v(t)}):e.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:d(X.image,X.defaultIcon),"aria-hidden":"true",focusable:"false",children:e.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 e.jsx("div",{className:d(X.root,X[s],r),...l,children:g()})},he={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"},qe=({variant:o="solid",size:a="md",intent:t="neutral",className:s,children:n,...r})=>e.jsx("span",{className:d(he.root,he[o],he[a],he[t],s),...r,children:n}),k={box:"_box_uaxav_1",fullWidth:"_fullWidth_uaxav_5","display-block":"_display-block_uaxav_10","display-flex":"_display-flex_uaxav_13","display-inline-flex":"_display-inline-flex_uaxav_16","display-grid":"_display-grid_uaxav_19","display-inline-block":"_display-inline-block_uaxav_22","display-none":"_display-none_uaxav_25","flexDirection-row":"_flexDirection-row_uaxav_30","flexDirection-column":"_flexDirection-column_uaxav_33","flexDirection-row-reverse":"_flexDirection-row-reverse_uaxav_36","flexDirection-column-reverse":"_flexDirection-column-reverse_uaxav_39","alignItems-stretch":"_alignItems-stretch_uaxav_44","alignItems-flex-start":"_alignItems-flex-start_uaxav_47","alignItems-center":"_alignItems-center_uaxav_50","alignItems-flex-end":"_alignItems-flex-end_uaxav_53","alignItems-baseline":"_alignItems-baseline_uaxav_56","justifyContent-flex-start":"_justifyContent-flex-start_uaxav_61","justifyContent-center":"_justifyContent-center_uaxav_64","justifyContent-flex-end":"_justifyContent-flex-end_uaxav_67","justifyContent-space-between":"_justifyContent-space-between_uaxav_70","justifyContent-space-around":"_justifyContent-space-around_uaxav_73","justifyContent-space-evenly":"_justifyContent-space-evenly_uaxav_76","flexWrap-nowrap":"_flexWrap-nowrap_uaxav_81","flexWrap-wrap":"_flexWrap-wrap_uaxav_84","flexWrap-wrap-reverse":"_flexWrap-wrap-reverse_uaxav_87","textAlign-left":"_textAlign-left_uaxav_92","textAlign-center":"_textAlign-center_uaxav_95","textAlign-right":"_textAlign-right_uaxav_98","textAlign-justify":"_textAlign-justify_uaxav_101","p-0":"_p-0_uaxav_106","p-1":"_p-1_uaxav_109","p-2":"_p-2_uaxav_112","p-3":"_p-3_uaxav_115","p-4":"_p-4_uaxav_118","p-6":"_p-6_uaxav_121","p-8":"_p-8_uaxav_124","p-12":"_p-12_uaxav_127","p-14":"_p-14_uaxav_130","px-0":"_px-0_uaxav_134","px-1":"_px-1_uaxav_138","px-2":"_px-2_uaxav_142","px-3":"_px-3_uaxav_146","px-4":"_px-4_uaxav_150","px-6":"_px-6_uaxav_154","px-8":"_px-8_uaxav_158","px-12":"_px-12_uaxav_162","px-14":"_px-14_uaxav_166","py-0":"_py-0_uaxav_171","py-1":"_py-1_uaxav_175","py-2":"_py-2_uaxav_179","py-3":"_py-3_uaxav_183","py-4":"_py-4_uaxav_187","py-6":"_py-6_uaxav_191","py-8":"_py-8_uaxav_195","py-12":"_py-12_uaxav_199","py-14":"_py-14_uaxav_203","pt-0":"_pt-0_uaxav_208","pt-1":"_pt-1_uaxav_211","pt-2":"_pt-2_uaxav_214","pt-3":"_pt-3_uaxav_217","pt-4":"_pt-4_uaxav_220","pt-6":"_pt-6_uaxav_223","pt-8":"_pt-8_uaxav_226","pt-12":"_pt-12_uaxav_229","pt-14":"_pt-14_uaxav_232","pb-0":"_pb-0_uaxav_236","pb-1":"_pb-1_uaxav_239","pb-2":"_pb-2_uaxav_242","pb-3":"_pb-3_uaxav_245","pb-4":"_pb-4_uaxav_248","pb-6":"_pb-6_uaxav_251","pb-8":"_pb-8_uaxav_254","pb-12":"_pb-12_uaxav_257","pb-14":"_pb-14_uaxav_260","pl-0":"_pl-0_uaxav_264","pl-1":"_pl-1_uaxav_267","pl-2":"_pl-2_uaxav_270","pl-3":"_pl-3_uaxav_273","pl-4":"_pl-4_uaxav_276","pl-6":"_pl-6_uaxav_279","pl-8":"_pl-8_uaxav_282","pl-12":"_pl-12_uaxav_285","pl-14":"_pl-14_uaxav_288","pr-0":"_pr-0_uaxav_292","pr-1":"_pr-1_uaxav_295","pr-2":"_pr-2_uaxav_298","pr-3":"_pr-3_uaxav_301","pr-4":"_pr-4_uaxav_304","pr-6":"_pr-6_uaxav_307","pr-8":"_pr-8_uaxav_310","pr-12":"_pr-12_uaxav_313","pr-14":"_pr-14_uaxav_316","gap-0":"_gap-0_uaxav_321","gap-1":"_gap-1_uaxav_324","gap-2":"_gap-2_uaxav_327","gap-3":"_gap-3_uaxav_330","gap-4":"_gap-4_uaxav_333","gap-6":"_gap-6_uaxav_336","gap-8":"_gap-8_uaxav_339","gap-12":"_gap-12_uaxav_342","gap-14":"_gap-14_uaxav_345","m-0":"_m-0_uaxav_350","m-1":"_m-1_uaxav_353","m-2":"_m-2_uaxav_356","m-3":"_m-3_uaxav_359","m-4":"_m-4_uaxav_362","m-6":"_m-6_uaxav_365","m-8":"_m-8_uaxav_368","m-12":"_m-12_uaxav_371","m-14":"_m-14_uaxav_374","mx-0":"_mx-0_uaxav_378","mx-1":"_mx-1_uaxav_382","mx-2":"_mx-2_uaxav_386","mx-3":"_mx-3_uaxav_390","mx-4":"_mx-4_uaxav_394","mx-6":"_mx-6_uaxav_398","mx-8":"_mx-8_uaxav_402","mx-12":"_mx-12_uaxav_406","mx-14":"_mx-14_uaxav_410","my-0":"_my-0_uaxav_415","my-1":"_my-1_uaxav_419","my-2":"_my-2_uaxav_423","my-3":"_my-3_uaxav_427","my-4":"_my-4_uaxav_431","my-6":"_my-6_uaxav_435","my-8":"_my-8_uaxav_439","my-12":"_my-12_uaxav_443","my-14":"_my-14_uaxav_447","mt-0":"_mt-0_uaxav_452","mt-1":"_mt-1_uaxav_455","mt-2":"_mt-2_uaxav_458","mt-3":"_mt-3_uaxav_461","mt-4":"_mt-4_uaxav_464","mt-6":"_mt-6_uaxav_467","mt-8":"_mt-8_uaxav_470","mt-12":"_mt-12_uaxav_473","mt-14":"_mt-14_uaxav_476","mb-0":"_mb-0_uaxav_480","mb-1":"_mb-1_uaxav_483","mb-2":"_mb-2_uaxav_486","mb-3":"_mb-3_uaxav_489","mb-4":"_mb-4_uaxav_492","mb-6":"_mb-6_uaxav_495","mb-8":"_mb-8_uaxav_498","mb-12":"_mb-12_uaxav_501","mb-14":"_mb-14_uaxav_504","ml-0":"_ml-0_uaxav_508","ml-1":"_ml-1_uaxav_511","ml-2":"_ml-2_uaxav_514","ml-3":"_ml-3_uaxav_517","ml-4":"_ml-4_uaxav_520","ml-6":"_ml-6_uaxav_523","ml-8":"_ml-8_uaxav_526","ml-12":"_ml-12_uaxav_529","ml-14":"_ml-14_uaxav_532","mr-0":"_mr-0_uaxav_536","mr-1":"_mr-1_uaxav_539","mr-2":"_mr-2_uaxav_542","mr-3":"_mr-3_uaxav_545","mr-4":"_mr-4_uaxav_548","mr-6":"_mr-6_uaxav_551","mr-8":"_mr-8_uaxav_554","mr-12":"_mr-12_uaxav_557","mr-14":"_mr-14_uaxav_560","bg-main":"_bg-main_uaxav_565","bg-subtle":"_bg-subtle_uaxav_568","bg-info-subtle":"_bg-info-subtle_uaxav_571","bg-success-subtle":"_bg-success-subtle_uaxav_574","bg-warning-subtle":"_bg-warning-subtle_uaxav_577","bg-danger-subtle":"_bg-danger-subtle_uaxav_580",border:"_border_uaxav_585",borderBottom:"_borderBottom_uaxav_588","borderColor-main":"_borderColor-main_uaxav_593","borderColor-subtle":"_borderColor-subtle_uaxav_596","borderColor-danger":"_borderColor-danger_uaxav_599","backgroundColor-none":"_backgroundColor-none_uaxav_604","backgroundColor-subtle":"_backgroundColor-subtle_uaxav_607","backgroundColor-danger-subtle":"_backgroundColor-danger-subtle_uaxav_610","backgroundColor-success-subtle":"_backgroundColor-success-subtle_uaxav_613","backgroundColor-warning-subtle":"_backgroundColor-warning-subtle_uaxav_616","backgroundColor-info-subtle":"_backgroundColor-info-subtle_uaxav_619","borderRadius-none":"_borderRadius-none_uaxav_624","borderRadius-sm":"_borderRadius-sm_uaxav_627","borderRadius-md":"_borderRadius-md_uaxav_630","borderRadius-lg":"_borderRadius-lg_uaxav_633","borderRadius-full":"_borderRadius-full_uaxav_636"},Y=({children:o,as:a="div",display:t,padding:s,paddingX:n,paddingY:r,paddingTop:l,paddingBottom:_,paddingLeft:c,paddingRight:i,m:v,mx:g,my:u,mt:m,mb:h,ml:w,mr:p,gap:x,flexDirection:j,alignItems:q,justifyContent:N,flexWrap:T,flexGrow:Q,flexShrink:K,flex:O,fullWidth:de,textAlign:ie,width:me,height:z,gridTemplateColumns:E,backgroundColor:f,border:y,borderBottom:Z,borderColor:pe,borderRadius:xe,className:we,style:I,...Ne})=>{const se={...I,flexGrow:Q,flexShrink:K,flex:O,width:me,height:z,gridTemplateColumns:E};return e.jsx(a,{className:d(k.box,t&&k[`display-${t}`],ie&&k[`textAlign-${ie}`],s!==void 0&&k[`p-${s}`],n!==void 0&&k[`px-${n}`],r!==void 0&&k[`py-${r}`],l!==void 0&&k[`pt-${l}`],_!==void 0&&k[`pb-${_}`],c!==void 0&&k[`pl-${c}`],i!==void 0&&k[`pr-${i}`],v!==void 0&&k[`m-${v}`],g!==void 0&&k[`mx-${g}`],u!==void 0&&k[`my-${u}`],m!==void 0&&k[`mt-${m}`],h!==void 0&&k[`mb-${h}`],w!==void 0&&k[`ml-${w}`],p!==void 0&&k[`mr-${p}`],x!==void 0&&k[`gap-${x}`],j&&k[`flexDirection-${j}`],q&&k[`alignItems-${q}`],N&&k[`justifyContent-${N}`],T&&k[`flexWrap-${T}`],f&&k[`bg-${f}`],y&&k.border,Z&&k.borderBottom,pe&&k[`borderColor-${pe}`],xe&&k[`borderRadius-${xe}`],de&&k.fullWidth,we),style:se,...Ne,children:o})},ne={root:"_root_10ujs_1",list:"_list_10ujs_6",item:"_item_10ujs_16",link:"_link_10ujs_21",current:"_current_10ujs_27",separator:"_separator_10ujs_38"},Le=({href:o,isCurrent:a,children:t,className:s,...n})=>{const r=o&&!a?"a":"span";return e.jsx("li",{className:ne.item,children:e.jsx(r,{href:o,className:d(ne.link,a&&ne.current,s),"aria-current":a?"page":void 0,...n,children:t})})},Se=({children:o,separator:a="/",className:t,...s})=>{const n=$.Children.toArray(o);return e.jsx("nav",{"aria-label":"Breadcrumbs",className:d(ne.root,t),...s,children:e.jsx("ol",{className:ne.list,children:n.map((r,l)=>e.jsxs($.Fragment,{children:[r,l<n.length-1&&e.jsx("li",{className:ne.separator,"aria-hidden":"true",children:a})]},l))})})},ue={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"},W=({size:o="md",variant:a="outline",intent:t="neutral",fullWidth:s=!1,className:n,children:r,...l})=>e.jsx("button",{type:"button",className:d(ue.root,ue[o],ue[a],ue[t],s&&ue.fullWidth,n),...l,children:r}),B={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"},Ee=({padding:o="md",shadow:a="sm",bordered:t=!0,borderColor:s,backgroundColor:n,className:r,children:l,..._})=>{const c={none:B.pNone,sm:B.pSm,md:B.pMd,lg:B.pLg}[o],i={none:B.shadowNone,sm:B.shadowSm,md:B.shadowMd}[a];return e.jsx("div",{className:d(B.root,c,i,t&&B.bordered,s&&B[`borderColor-${s}`],n&&B[`backgroundColor-${n}`],r),..._,children:l})},ze=({title:o,subtitle:a,className:t,children:s,...n})=>e.jsxs("div",{className:d(B.header,t),...n,children:[o&&e.jsx("h3",{className:B.title,children:o}),a&&e.jsx("p",{className:B.subtitle,children:a}),s]}),De=({className:o,children:a,...t})=>e.jsx("div",{className:d(B.content,o),...t,children:a}),We=({className:o,children:a,...t})=>e.jsx("div",{className:d(B.footer,o),...t,children:a}),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"},Me=({label:o,error:a,helperText:t,className:s,disabled:n,id:r,...l})=>{const _=$.useId(),c=r??`ds-checkbox-${_}`,i=t?`${c}-help`:void 0;return e.jsxs("div",{className:d(F.wrapper,s),children:[e.jsxs("label",{htmlFor:c,className:d(F.container,n&&F.disabled,a&&F.error),children:[e.jsx("input",{type:"checkbox",id:c,disabled:n,className:F.input,"aria-describedby":i,"aria-invalid":a||void 0,...l}),e.jsx("span",{className:F.control,children:e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round",className:F.checkmark,children:e.jsx("polyline",{points:"20 6 9 17 4 12"})})}),o&&e.jsx("span",{className:F.label,children:o})]}),t&&e.jsx("span",{id:i,className:d(F.helperText,a&&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"},Ae=({options:o,value:a,defaultValue:t,onChange:s,placeholder:n="Select an option",label:r,helperText:l,error:_,disabled:c,size:i="md",className:v,id:g,fullWidth:u=!1})=>{const m=$.useId(),h=g??`ds-dropdown-${m}`,w=l?`${h}-help`:void 0,[p,x]=$.useState(!1),[j,q]=$.useState(t),[N,T]=$.useState(-1),Q=$.useRef(null),K=$.useRef(null),O=a!==void 0?a:j,de=o.find(f=>f.value===O),ie=N>=0?`${h}-opt-${N}`:void 0,me=()=>{if(!c){const f=!p;if(x(f),f){if(N===-1){const y=o.findIndex(Z=>Z.value===O);T(y>=0?y:0)}}else T(-1)}},z=(f,y)=>{f.disabled||(a===void 0&&q(f.value),s?.(f.value),x(!1),T(y),K.current?.focus())},E=f=>{if(!c)switch(f.key){case"ArrowDown":f.preventDefault(),p?T(y=>y<o.length-1?y+1:y):(x(!0),T(o.findIndex(y=>y.value===O)||0));break;case"ArrowUp":f.preventDefault(),p?T(y=>y>0?y-1:y):(x(!0),T(o.findIndex(y=>y.value===O)||o.length-1));break;case"Enter":case" ":f.preventDefault(),p?N>=0&&z(o[N],N):(x(!0),T(o.findIndex(y=>y.value===O)||0));break;case"Escape":p&&(f.preventDefault(),x(!1),T(-1),K.current?.focus());break;case"Tab":p&&(x(!1),T(-1));break;case"Home":p&&(f.preventDefault(),T(0));break;case"End":p&&(f.preventDefault(),T(o.length-1));break}};return $.useEffect(()=>{p&&N>=0&&document.getElementById(`${h}-opt-${N}`)?.scrollIntoView({block:"nearest"})},[N,p,h]),$.useEffect(()=>{const f=y=>{Q.current&&!Q.current.contains(y.target)&&(x(!1),T(-1))};return document.addEventListener("mousedown",f),()=>{document.removeEventListener("mousedown",f)}},[]),e.jsxs("div",{className:d(C.wrapper,C[i],u&&C.fullWidth,_&&C.error,v),ref:Q,children:[r&&e.jsx("label",{htmlFor:h,className:C.label,children:r}),e.jsxs("div",{className:C.container,children:[e.jsxs("button",{id:h,ref:K,type:"button",className:d(C.trigger,p&&C.isOpen),onClick:me,onKeyDown:E,disabled:c,"aria-haspopup":"listbox","aria-expanded":p,"aria-describedby":w,"aria-invalid":_||void 0,"aria-controls":p?`${h}-menu`:void 0,"aria-activedescendant":p?ie:void 0,children:[e.jsx("span",{className:C.selectedLabel,children:de?de.label:n}),e.jsx("span",{className:C.icon,"aria-hidden":"true",children:e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M2.5 4.5L6 8L9.5 4.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),p&&e.jsx("ul",{id:`${h}-menu`,className:C.menu,role:"listbox","aria-labelledby":r?void 0:h,children:o.map((f,y)=>{const Z=f.value===O,pe=y===N;return e.jsxs("li",{id:`${h}-opt-${y}`,role:"option","aria-selected":Z,className:d(C.option,Z&&C.optionSelected,pe&&C.optionFocused,f.disabled&&C.optionDisabled),onClick:()=>z(f,y),onMouseEnter:()=>!f.disabled&&T(y),children:[e.jsx("span",{className:C.optionLabel,children:f.label}),f.description&&e.jsx("span",{className:C.optionDescription,children:f.description})]},f.value)})})]}),l&&e.jsx("span",{id:w,className:d(C.helperText,_&&C.errorText),children:l})]})},re={root:"_root_dlc85_1",container:"_container_dlc85_8",sideContainer:"_sideContainer_dlc85_17",title:"_title_dlc85_28",welcome:"_welcome_dlc85_36"},ve=({id:o,logo:a,title:t,user:s,onLogin:n,onLogout:r,onCreateAccount:l})=>{const _={size:"sm",intent:"info"};return e.jsx("header",{id:o,className:re.root,children:e.jsxs("div",{className:re.container,children:[e.jsxs("div",{className:re.sideContainer,children:[a,e.jsx("h1",{className:re.title,children:t})]}),e.jsx("div",{className:re.sideContainer,children:s?e.jsxs(e.Fragment,{children:[e.jsxs("span",{className:re.welcome,children:["Welcome, ",e.jsx("b",{children:s.name}),"!"]}),e.jsx(W,{..._,onClick:r,children:"Log out"})]}):e.jsxs(e.Fragment,{children:[e.jsx(W,{..._,onClick:n,children:"Log in"}),e.jsx(W,{size:"sm",intent:"info",variant:"solid",onClick:l,children:"Sign up"})]})})]})})},P={root:"_root_19xrh_1",container:"_container_19xrh_7",leftSection:"_leftSection_19xrh_16",nav:"_nav_19xrh_22",navList:"_navList_19xrh_28",navItem:"_navItem_19xrh_36",navLink:"_navLink_19xrh_41",disabled:"_disabled_19xrh_59",active:"_active_19xrh_63",rightSection:"_rightSection_19xrh_73"},Te=({id:o,items:a,activeId:t,logo:s,actions:n,onItemClick:r,className:l})=>e.jsx("nav",{id:o,className:d(P.root,l),children:e.jsxs("div",{className:P.container,children:[s&&e.jsx("div",{className:P.leftSection,children:s}),e.jsx("div",{className:P.nav,children:e.jsx("ul",{className:P.navList,children:a.map(_=>e.jsx("li",{className:P.navItem,children:e.jsx("button",{type:"button",className:d(P.navLink,t===_.id&&P.active,_.disabled&&P.disabled),onClick:()=>!_.disabled&&r?.(_.id),disabled:_.disabled,"aria-current":t===_.id?"page":void 0,children:_.label})},_.id))})}),n&&e.jsx("div",{className:P.rightSection,children:n})]})}),R={wrapper:"_wrapper_bh3e1_1",label:"_label_bh3e1_8",inputRoot:"_inputRoot_bh3e1_15",sm:"_sm_bh3e1_47",md:"_md_bh3e1_53",lg:"_lg_bh3e1_63",error:"_error_bh3e1_70",helperText:"_helperText_bh3e1_79",errorText:"_errorText_bh3e1_85"},Fe=({size:o="md",error:a,label:t,helperText:s,className:n,id:r,...l})=>{const _=$.useId(),c=r??`ds-input-${_}`,i=s?`${c}-help`:void 0;return e.jsxs("div",{className:d(R.wrapper,n),children:[t&&e.jsx("label",{htmlFor:c,className:R.label,children:t}),e.jsx("input",{id:c,className:d(R.inputRoot,R[o],a&&R.error),"aria-describedby":i,"aria-invalid":a||void 0,...l}),s&&e.jsx("span",{id:i,className:d(R.helperText,a&&R.errorText),children:s})]})},$e={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"},Pe=({id:o,size:a="md",intent:t="neutral",className:s})=>e.jsx("div",{id:o,className:d($e.loader,$e[a],$e[t],s),role:"status","aria-label":"Loading"}),H={overlay:"_overlay_1dgq2_1",modal:"_modal_1dgq2_15",header:"_header_1dgq2_27",title:"_title_1dgq2_35",closeButton:"_closeButton_1dgq2_42",content:"_content_1dgq2_50",footer:"_footer_1dgq2_56",sm:"_sm_1dgq2_67",md:"_md_1dgq2_70",lg:"_lg_1dgq2_73",xl:"_xl_1dgq2_76",full:"_full_1dgq2_79",loading:"_loading_1dgq2_85"},Oe=({isOpen:o,onClose:a,title:t,children:s,footer:n,size:r="md",isLoading:l=!1,className:_,id:c})=>{const i=$.useRef(null),v=$.useRef(null),g=$.useId(),u=c??`ds-modal-${g}`,m=`${u}-title`;return $.useEffect(()=>{const h=w=>{if(w.key==="Escape"&&!l){a();return}if(w.key==="Tab"&&i.current){const p=i.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),x=p[0],j=p[p.length-1];w.shiftKey?document.activeElement===x&&(j.focus(),w.preventDefault()):document.activeElement===j&&(x.focus(),w.preventDefault())}};return o&&(v.current=document.activeElement,document.body.style.overflow="hidden",window.addEventListener("keydown",h),setTimeout(()=>{const w=i.current?.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');w&&w.length>0&&w[0].focus()},0)),()=>{document.body.style.overflow="unset",window.removeEventListener("keydown",h),v.current?.focus()}},[o,a,l]),o?Ce.createPortal(e.jsx("div",{className:H.overlay,onClick:()=>!l&&a(),children:e.jsxs("div",{id:u,className:d(H.modal,H[r],l&&H.loading,_),onClick:h=>h.stopPropagation(),role:"dialog","aria-modal":"true","aria-labelledby":t?m:void 0,ref:i,children:[e.jsxs("div",{className:H.header,children:[t&&e.jsx("h2",{id:m,className:H.title,children:t}),e.jsx(W,{variant:"subtle",size:"sm",onClick:a,className:H.closeButton,"aria-label":"Close modal",disabled:l,children:"✕"})]}),e.jsx("div",{className:H.content,children:s}),n&&e.jsx("div",{className:H.footer,children:n})]})}),document.body):null},_e={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"},He=({intent:o="neutral",title:a,children:t,onClose:s,className:n,...r})=>e.jsxs("div",{className:d(_e.root,_e[o],n),role:"alert",...r,children:[e.jsxs("div",{className:_e.content,children:[a&&e.jsx("div",{className:_e.title,children:a}),e.jsx("div",{className:_e.message,children:t})]}),s&&e.jsx(W,{variant:"subtle",size:"xs",onClick:s,className:_e.closeButton,"aria-label":"Close notification",children:"✕"})]}),L={root:"_root_o4mj7_1",list:"_list_o4mj7_6",item:"_item_o4mj7_15",ellipsis:"_ellipsis_o4mj7_19",pageButton:"_pageButton_o4mj7_29"},Ke=(o,a,t)=>Math.min(Math.max(o,a),t),be=(o,a)=>{const t=[];for(let s=o;s<=a;s+=1)t.push(s);return t},Ve=(o,a,t,s,n)=>{if(o<=0)return[];if(!n)return be(1,o);const l=t*2+1+s*2+2;if(o<=l)return be(1,o);const _=be(1,Math.min(s,o)),c=be(Math.max(o-s+1,s+1),o),i=Math.max(a-t,s+2),v=Math.min(a+t,o-s-1),g=i>s+2,u=v<o-s-1,m=[..._],h=g?i:s+1,w=u?v:o-s;return g&&m.push("ellipsis"),h<=w&&m.push(...be(h,w)),u&&m.push("ellipsis"),m.push(...c),m},Ge=({id:o,count:a,page:t,defaultPage:s=1,onPageChange:n,onFirstClick:r,onLastClick:l,onNextClick:_,onPrevClick:c,siblingCount:i=1,boundaryCount:v=1,showFirstLast:g=!0,showPrevNext:u=!0,showEllipsis:m=!0,disabled:h=!1,size:w="sm",variant:p="outline",intent:x="neutral",activeVariant:j="solid",activeIntent:q,labels:N,ariaLabel:T="Pagination",getPageLabel:Q,className:K})=>{const O=$.useId(),de=o??`ds-pagination-${O}`,[ie,me]=$.useState(s),z=Math.max(0,a),E=Ke(t??ie,1,Math.max(1,z)),f=$.useMemo(()=>Ve(z,E,i,v,m),[z,E,i,v,m]),y=I=>{h||I===E||(t===void 0&&me(I),n?.(I))},Z=()=>{y(1),r?.(1)},pe=()=>{const I=z;y(I),l?.(I)},xe=()=>{const I=Math.max(1,E-1);y(I),c?.(I)},we=()=>{const I=Math.min(z,E+1);y(I),_?.(I)};return z<=0?null:e.jsx("nav",{id:de,"aria-label":T,className:d(L.root,K),children:e.jsxs("ul",{className:L.list,children:[g&&e.jsx("li",{className:L.item,children:e.jsx(W,{size:w,variant:p,intent:x,className:L.pageButton,onClick:Z,disabled:h||E===1,"aria-label":"Go to first page",children:N?.first??"First"})}),u&&e.jsx("li",{className:L.item,children:e.jsx(W,{size:w,variant:p,intent:x,className:L.pageButton,onClick:xe,disabled:h||E===1,"aria-label":"Go to previous page",children:N?.prev??"Prev"})}),f.map((I,Ne)=>{if(I==="ellipsis")return e.jsx("li",{className:L.item,"aria-hidden":"true",children:e.jsx("span",{className:L.ellipsis,children:"…"})},`ellipsis-${Ne}`);const se=I===E,$o=Q?.(I,se)??`Page ${I}${se?", current page":""}`;return e.jsx("li",{className:L.item,children:e.jsx(W,{size:w,variant:se?j:p,intent:se?q??x:x,className:L.pageButton,onClick:()=>y(I),disabled:h,"aria-current":se?"page":void 0,"aria-label":$o,children:I})},I)}),u&&e.jsx("li",{className:L.item,children:e.jsx(W,{size:w,variant:p,intent:x,className:L.pageButton,onClick:we,disabled:h||E===z,"aria-label":"Go to next page",children:N?.next??"Next"})}),g&&e.jsx("li",{className:L.item,children:e.jsx(W,{size:w,variant:p,intent:x,className:L.pageButton,onClick:pe,disabled:h||E===z,"aria-label":"Go to last page",children:N?.last??"Last"})})]})})},V={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"},Ue=({value:o,max:a=100,size:t="md",intent:s="info",showLabel:n=!1,label:r,className:l,id:_})=>{const c=$.useId(),i=_??`ds-progressbar-${c}`,v=a>0?a:0,g=Math.min(Math.max(0,o),v),u=v>0?Math.min(Math.max(0,g/v*100),100):0,m=r?`${i}-label`:void 0;return e.jsxs("div",{id:i,className:d(V.wrapper,V[t],V[s],l),children:[(r||n)&&e.jsxs("div",{className:V.labelWrapper,children:[r&&e.jsx("span",{id:m,className:V.label,children:r}),n&&e.jsxs("span",{className:V.percentage,children:[Math.round(u),"%"]})]}),e.jsx("div",{className:V.progressRoot,role:"progressbar","aria-valuenow":g,"aria-valuemin":0,"aria-valuemax":a,"aria-labelledby":m,"aria-label":r?void 0:"Progress",children:e.jsx("div",{className:V.indicator,style:{width:`${u}%`}})})]})},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"},Je=({size:o="md",label:a,helperText:t,error:s,className:n,id:r,...l})=>{const _=$.useId(),c=r??`ds-radio-${_}`,i=t?`${c}-help`:void 0;return e.jsxs("div",{className:d(M.wrapper,n),children:[e.jsxs("label",{htmlFor:c,className:d(M.label,M[o]),children:[e.jsxs("div",{className:M.inputWrapper,children:[e.jsx("input",{type:"radio",id:c,className:d(M.radioRoot,M[o],s&&M.error),"aria-describedby":i,"aria-invalid":s||void 0,...l}),e.jsx("span",{className:M.checkmark})]}),a&&e.jsx("span",{className:M.labelText,children:a})]}),t&&e.jsx("span",{id:i,className:d(M.helperText,s&&M.errorText),children:t})]})},ge={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"},Qe=({variant:o="rectangular",width:a,height:t,animation:s="pulse",className:n,style:r,"aria-hidden":l,..._})=>e.jsx(Y,{className:d(ge.root,ge[o],s!=="none"&&ge[s],n),width:a,height:t,style:r,"aria-hidden":l??!0,..._}),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"},Ze=({step:o,index:a,status:t,isInteractive:s,onStepClick:n,isLast:r,id:l})=>{const _=!!o.disabled,c=s?"button":"div",i=t==="error"?"!":String(a+1),v=()=>{s&&!_&&n?.(o,a)},g=u=>{s&&!_&&(u.key==="Enter"||u.key===" ")&&(u.preventDefault(),n?.(o,a))};return e.jsxs("li",{className:d(A.step,A[t],_&&A.disabled),children:[e.jsxs(c,{id:l,type:s?"button":void 0,className:d(A.stepRow,s&&A.interactive),onClick:v,onKeyDown:g,"aria-current":t==="current"?"step":void 0,"aria-disabled":_?!0:void 0,disabled:s&&_?!0:void 0,tabIndex:s&&!_?0:void 0,children:[e.jsx("span",{className:A.marker,"aria-hidden":"true",children:i}),e.jsxs("span",{className:A.text,children:[e.jsx("span",{className:A.label,children:o.label}),o.description&&e.jsx("span",{className:A.description,children:o.description})]})]}),!r&&e.jsx("span",{className:d(A.connector,A[`connector-${t}`]),"aria-hidden":"true"})]})},fe={root:"_root_cxvk2_1",sm:"_sm_cxvk2_15",lg:"_lg_cxvk2_22",horizontal:"_horizontal_cxvk2_29",vertical:"_vertical_cxvk2_35"},Xe=(o,a)=>Number.isNaN(o)||a<=0?-1:Math.min(Math.max(o,0),a-1),Ye=(o,a)=>typeof o=="number"?Xe(o,a.length):typeof o=="string"?a.findIndex(t=>t.id===o):a.findIndex(t=>t.status==="current"),Re=(o,a,t)=>t||(a===-1?"upcoming":o<a?"completed":o===a?"current":"upcoming"),eo=({steps:o,currentStep:a,orientation:t="horizontal",size:s="md",onStepClick:n,ariaLabel:r,className:l,id:_,...c})=>{const i=$.useId(),v=_??`ds-stepper-${i}`,g=Ye(a,o),u=r??"Progress";return e.jsx("ol",{id:v,className:d(fe.root,fe[t],fe[s],l),"aria-label":u,"data-orientation":t,...c,children:o.map((m,h)=>e.jsx(Ze,{id:`${v}-step-${m.id}`,step:m,index:h,status:Re(h,g,m.status),isInteractive:!!n,onStepClick:n,isLast:h===o.length-1},m.id))})},ee={wrapper:"_wrapper_6vjc4_1",label:"_label_6vjc4_8",selectRoot:"_selectRoot_6vjc4_15",sm:"_sm_6vjc4_49",md:"_md_6vjc4_56",lg:"_lg_6vjc4_63",error:"_error_6vjc4_71",helperText:"_helperText_6vjc4_80",errorText:"_errorText_6vjc4_86"},oo=({size:o="md",error:a,label:t,helperText:s,className:n,id:r,options:l,children:_,...c})=>{const i=$.useId(),v=r??`ds-select-${i}`,g=s?`${v}-help`:void 0;return e.jsxs("div",{className:d(ee.wrapper,n),children:[t&&e.jsx("label",{htmlFor:v,className:ee.label,children:t}),e.jsx("select",{id:v,className:d(ee.selectRoot,ee[o],a&&ee.error),"aria-describedby":g,"aria-invalid":a||void 0,...c,children:l?l.map(u=>e.jsx("option",{value:u.value,disabled:u.disabled,children:u.label},u.value)):_}),s&&e.jsx("span",{id:g,className:d(ee.helperText,a&&ee.errorText),children:s})]})},G={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"},ao=({label:o,helperText:a,className:t,disabled:s,id:n,...r})=>{const l=$.useId(),_=n??`ds-switch-${l}`,c=a?`${_}-help`:void 0;return e.jsxs("div",{className:d(G.wrapper,t),children:[e.jsxs("label",{htmlFor:_,className:d(G.container,s&&G.disabled),children:[e.jsx("input",{type:"checkbox",id:_,role:"switch",disabled:s,className:G.input,"aria-describedby":c,...r}),e.jsx("span",{className:G.track,children:e.jsx("span",{className:G.thumb})}),o&&e.jsx("span",{className:G.label,children:o})]}),a&&e.jsx("span",{id:c,className:G.helperText,children:a})]})},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"},to=({children:o,className:a,striped:t,hoverable:s,dense:n,isLoading:r,...l})=>e.jsx("div",{className:d(S.wrapper,r&&S.loading,a),children:e.jsx("table",{className:d(S.table,t&&S.striped,s&&S.hoverable,n&&S.dense),"aria-busy":r||void 0,...l,children:o})}),so=({children:o,className:a,...t})=>e.jsx("thead",{className:d(S.thead,a),...t,children:o}),no=({children:o,className:a,...t})=>e.jsx("tbody",{className:d(S.tbody,a),...t,children:o}),ro=({children:o,className:a,...t})=>e.jsx("tfoot",{className:d(S.tfoot,a),...t,children:o}),_o=({children:o,className:a,...t})=>e.jsx("tr",{className:d(S.tr,a),...t,children:o}),lo=({children:o,className:a,align:t,...s})=>e.jsx("th",{className:d(S.th,t&&S[`align-${t}`],a),...s,children:o}),co=({children:o,className:a,align:t,...s})=>e.jsx("td",{className:d(S.td,t&&S[`align-${t}`],a),...s,children:o}),U={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"},io=({items:o,defaultActiveId:a,activeId:t,onChange:s,className:n,variant:r="line",id:l})=>{const _=$.useId(),c=l??`ds-tabs-${_}`,[i,v]=$.useState(a||(o.length>0?o[0].id:"")),g=t!==void 0?t:i,u=$.useRef(null),m=(p,x)=>{x||(t===void 0&&v(p),s?.(p))},h=p=>{const x=o.filter(N=>!N.disabled),j=x.findIndex(N=>N.id===g);let q=-1;if(p.key==="ArrowRight"||p.key==="ArrowDown"?q=(j+1)%x.length:p.key==="ArrowLeft"||p.key==="ArrowUp"?q=(j-1+x.length)%x.length:p.key==="Home"?q=0:p.key==="End"&&(q=x.length-1),q!==-1){p.preventDefault();const N=x[q].id;m(N);const T=u.current?.querySelectorAll('[role="tab"]');Array.from(T||[]).find(K=>K.getAttribute("data-id")===N)?.focus()}},w=o.find(p=>p.id===g);return e.jsxs("div",{id:c,className:d(U.root,n),children:[e.jsx("div",{role:"tablist",ref:u,className:d(U.tabList,r==="pill"&&U.pillList),onKeyDown:h,children:o.map(p=>{const x=p.id===g,j=!!p.disabled,q=j?-1:x?0:-1;return e.jsx("button",{role:"tab",id:`${c}-tab-${p.id}`,"aria-selected":x,"aria-controls":`${c}-panel-${p.id}`,"aria-disabled":j,tabIndex:q,disabled:j,"data-id":p.id,className:d(U.tabItem,r==="pill"&&U.pillItem,x&&U.active,j&&U.disabled),onClick:()=>m(p.id,j),children:p.label},p.id)})}),e.jsx("div",{role:"tabpanel",id:`${c}-panel-${g}`,"aria-labelledby":`${c}-tab-${g}`,className:U.tabPanel,tabIndex:0,children:w?.content})]})},le={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"},po={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"},ye=({children:o,variant:a="body-md",as:t,align:s,weight:n,color:r,noWrap:l,className:_,...c})=>{const i=t||po[a]||"span";return e.jsx(i,{className:d(le.root,le[a],s&&le[s],n&&le[n],r&&le[`color-${r}`],l&&le.noWrap,_),...c,children:o})},oe={wrapper:"_wrapper_1229p_1",label:"_label_1229p_8",textareaRoot:"_textareaRoot_1229p_15",sm:"_sm_1229p_49",md:"_md_1229p_54",lg:"_lg_1229p_59",error:"_error_1229p_65",helperText:"_helperText_1229p_74",errorText:"_errorText_1229p_80"},uo=({size:o="md",error:a,label:t,helperText:s,className:n,id:r,rows:l=4,..._})=>{const c=$.useId(),i=r??`ds-textarea-${c}`,v=s?`${i}-help`:void 0;return e.jsxs("div",{className:d(oe.wrapper,n),children:[t&&e.jsx("label",{htmlFor:i,className:oe.label,children:t}),e.jsx("textarea",{id:i,rows:l,className:d(oe.textareaRoot,oe[o],a&&oe.error),"aria-describedby":v,"aria-invalid":a||void 0,..._}),s&&e.jsx("span",{id:v,className:d(oe.helperText,a&&oe.errorText),children:s})]})},ce={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"},bo=({content:o,children:a,position:t="top",variant:s="dark",delay:n=200,className:r,id:l})=>{const[_,c]=$.useState(!1),i=$.useRef(null),v=$.useId(),g=l??`ds-tooltip-${v}`,u=`${g}-content`,m=()=>{i.current=window.setTimeout(()=>{c(!0)},n)},h=()=>{i.current&&window.clearTimeout(i.current),c(!1)},w=x=>{x.key==="Escape"&&h()},p=$.isValidElement(a)?(()=>{const x=a;return $.cloneElement(x,{"aria-describedby":[x.props["aria-describedby"],u].filter(Boolean).join(" ")})})():a;return e.jsxs("div",{id:g,className:d(ce.root,r),onMouseEnter:m,onMouseLeave:h,onFocus:m,onBlur:h,onKeyDown:w,children:[e.jsx("div",{className:ce.trigger,children:p}),_&&e.jsx("div",{className:d(ce.tooltip,ce[t],ce[s],_&&ce.visible),id:u,role:"tooltip",children:o})]})},ke={root:"_root_1j5ko_1",main:"_main_1j5ko_8",container:"_container_1j5ko_13"},mo=({headerLogo:o,headerTitle:a="Tharaday",user:t,navItems:s,activeNavId:n,navActions:r,children:l,onLogin:_,onLogout:c,onCreateAccount:i,onNavItemClick:v})=>e.jsxs("div",{className:ke.root,children:[e.jsx(ve,{logo:o,title:a,user:t,onLogin:_,onLogout:c,onCreateAccount:i}),e.jsx(Te,{items:s,activeId:n,actions:r,onItemClick:v}),e.jsx("main",{className:ke.main,children:e.jsx("div",{className:ke.container,children:l})})]}),ae={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"},ho=({logo:o,title:a,description:t,children:s})=>e.jsx(Y,{className:ae.root,children:e.jsxs(Y,{className:ae.card,children:[e.jsxs(Y,{className:ae.header,children:[o&&e.jsx(Y,{className:ae.logo,children:o}),a&&e.jsx(ye,{variant:"h3",as:"h1",className:ae.title,children:a}),t&&e.jsx(ye,{variant:"body-sm",color:"subtle",className:ae.description,children:t})]}),e.jsx(Y,{className:ae.content,children:s})]})}),J={root:"_root_1vwxr_1",main:"_main_1vwxr_7",container:"_container_1vwxr_11",topBar:"_topBar_1vwxr_20",stats:"_stats_1vwxr_27",content:"_content_1vwxr_33"},vo=({headerLogo:o,headerTitle:a="Tharaday",breadcrumbs:t,actions:s,stats:n,children:r,user:l,onLogin:_,onLogout:c,onCreateAccount:i})=>e.jsxs("div",{className:J.root,children:[e.jsx(ve,{logo:o,title:a,user:l,onLogin:_,onLogout:c,onCreateAccount:i}),e.jsx("main",{className:J.main,children:e.jsxs("div",{className:J.container,children:[(t||s)&&e.jsxs("div",{className:J.topBar,children:[e.jsx("div",{className:J.breadcrumbs,children:t}),e.jsx("div",{className:J.actions,children:s})]}),n&&e.jsx("div",{className:J.stats,children:n}),e.jsx("div",{className:J.content,children:r})]})})]}),te={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:a="Tharaday",breadcrumbs:t,sidebar:s,children:n,user:r,onLogin:l,onLogout:_,onCreateAccount:c})=>e.jsxs("div",{className:te.root,children:[e.jsx(ve,{logo:o,title:a,user:r,onLogin:l,onLogout:_,onCreateAccount:c}),e.jsx("main",{className:te.main,children:e.jsxs("div",{className:te.container,children:[t&&e.jsx("div",{className:te.breadcrumbs,children:t}),e.jsxs("div",{className:te.layoutBody,children:[s&&e.jsx("aside",{className:te.sidebar,children:s}),e.jsx("section",{className:te.content,children:n})]})]})})]});b.Accordion=je,b.AppLayout=mo,b.AuthLayout=ho,b.Avatar=Be,b.Badge=qe,b.Box=Y,b.BreadcrumbItem=Le,b.Breadcrumbs=Se,b.Button=W,b.Card=Ee,b.CardContent=De,b.CardFooter=We,b.CardHeader=ze,b.Checkbox=Me,b.DashboardLayout=vo,b.Dropdown=Ae,b.Header=ve,b.Input=Fe,b.Loader=Pe,b.Modal=Oe,b.NavBar=Te,b.Notification=He,b.Pagination=Ge,b.ProgressBar=Ue,b.RadioButton=Je,b.Select=oo,b.SettingsLayout=xo,b.Skeleton=Qe,b.Stepper=eo,b.Switch=ao,b.Table=to,b.TableBody=no,b.TableCell=co,b.TableFooter=ro,b.TableHead=lo,b.TableHeader=so,b.TableRow=_o,b.Tabs=io,b.Text=ye,b.Textarea=uo,b.Tooltip=bo,Object.defineProperty(b,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,$,jo){"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 d(){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 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:e,allowMultiple:n=!1,defaultExpanded:t=[],variant:s="default",size:r="md",className:c,id:a})=>{const _=$.useId(),l=a??`ds-accordion-${_}`,[p,u]=$.useState(t),f=b=>{u(h=>h.includes(b)?h.filter(g=>g!==b):n?[...h,b]:[b])};return o.jsx("div",{id:l,className:d(D.root,D[s],D[r],c),children:e.map(b=>{const h=p.includes(b.id);return o.jsxs("div",{className:D.item,children:[o.jsxs("button",{type:"button",id:`${l}-header-${b.id}`,className:D.header,onClick:()=>f(b.id),disabled:b.isDisabled,"aria-expanded":h,"aria-controls":`${l}-content-${b.id}`,children:[o.jsx("span",{children:b.title}),o.jsx("span",{className:d(D.icon,h&&D.iconExpanded),children:"▼"})]}),o.jsx("div",{id:`${l}-content-${b.id}`,role:"region","aria-labelledby":`${l}-header-${b.id}`,className:d(D.contentWrapper,h&&D.contentExpanded),children:o.jsx("div",{className:D.content,children:o.jsx("div",{className:d(D.contentBody,h&&D.contentBodyExpanded),children:b.content})})})]},b.id)})})},X={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:c,...a})=>{const[_,l]=$.useState(!1),p=n??t,u=b=>b.split(" ").map(h=>h[0]).slice(0,2).join(""),f=()=>e&&!_?o.jsx("img",{src:e,alt:p||"",className:X.image,onError:()=>l(!0)}):r?o.jsx("span",{className:X.fallback,children:r}):t?o.jsx("span",{className:X.fallback,children:u(t)}):o.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:d(X.image,X.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:d(X.root,X[s],c),...a,children:f()})},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,...c})=>o.jsx("span",{className:d(uo.root,uo[e],uo[n],uo[t],s),...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"},Y=({children:e,as:n="div",display:t,padding:s,paddingX:r,paddingY:c,paddingTop:a,paddingBottom:_,paddingLeft:l,paddingRight:p,m:u,mx:f,my:b,mt:h,mb:g,ml:N,mr:i,gap:y,flexDirection:j,alignItems:B,justifyContent:w,flexWrap:T,flexGrow:Q,flexShrink:K,flex:O,fullWidth:io,textAlign:po,width:yo,height:z,gridTemplateColumns:E,backgroundColor:v,border:x,borderBottom:Z,borderColor:bo,borderRadius:go,className:No,style:I,...Io})=>{const so={...I,flexGrow:Q,flexShrink:K,flex:O,width:yo,height:z,gridTemplateColumns:E};return o.jsx(n,{className:d(k.box,t&&k[`display-${t}`],po&&k[`textAlign-${po}`],s!==void 0&&k[`p-${s}`],r!==void 0&&k[`px-${r}`],c!==void 0&&k[`py-${c}`],a!==void 0&&k[`pt-${a}`],_!==void 0&&k[`pb-${_}`],l!==void 0&&k[`pl-${l}`],p!==void 0&&k[`pr-${p}`],u!==void 0&&k[`m-${u}`],f!==void 0&&k[`mx-${f}`],b!==void 0&&k[`my-${b}`],h!==void 0&&k[`mt-${h}`],g!==void 0&&k[`mb-${g}`],N!==void 0&&k[`ml-${N}`],i!==void 0&&k[`mr-${i}`],y!==void 0&&k[`gap-${y}`],j&&k[`flexDirection-${j}`],B&&k[`alignItems-${B}`],w&&k[`justifyContent-${w}`],T&&k[`flexWrap-${T}`],v&&k[`bg-${v}`],x&&k.border,Z&&k.borderBottom,bo&&k[`borderColor-${bo}`],go&&k[`borderRadius-${go}`],io&&k.fullWidth,No),style:so,...Io,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"},So=({href:e,isCurrent:n,children:t,className:s,...r})=>{const c=e&&!n?"a":"span";return o.jsx("li",{className:ro.item,children:o.jsx(c,{href:e,className:d(ro.link,n&&ro.current,s),"aria-current":n?"page":void 0,...r,children:t})})},Eo=({children:e,separator:n="/",className:t,...s})=>{const r=$.Children.toArray(e);return o.jsx("nav",{"aria-label":"Breadcrumbs",className:d(ro.root,t),...s,children:o.jsx("ol",{className:ro.list,children:r.map((c,a)=>o.jsxs($.Fragment,{children:[c,a<r.length-1&&o.jsx("li",{className:ro.separator,"aria-hidden":"true",children:n})]},a))})})},mo={root:"_root_1flxt_1",xs:"_xs_1flxt_31",sm:"_sm_1flxt_39",md:"_md_1flxt_46",lg:"_lg_1flxt_53",xl:"_xl_1flxt_60",solid:"_solid_1flxt_70",success:"_success_1flxt_82",warning:"_warning_1flxt_92",danger:"_danger_1flxt_102",info:"_info_1flxt_112",outline:"_outline_1flxt_123",subtle:"_subtle_1flxt_192",fullWidth:"_fullWidth_1flxt_245"},W=({size:e="md",variant:n="outline",intent:t="neutral",fullWidth:s=!1,className:r,children:c,...a})=>o.jsx("button",{type:"button",className:d(mo.root,mo[e],mo[n],mo[t],s&&mo.fullWidth,r),...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"},zo=({padding:e="md",shadow:n="sm",bordered:t=!0,borderColor:s,backgroundColor:r,className:c,children:a,..._})=>{const l={none:q.pNone,sm:q.pSm,md:q.pMd,lg:q.pLg}[e],p={none:q.shadowNone,sm:q.shadowSm,md:q.shadowMd}[n];return o.jsx("div",{className:d(q.root,l,p,t&&q.bordered,s&&q[`borderColor-${s}`],r&&q[`backgroundColor-${r}`],c),..._,children:a})},Do=({title:e,subtitle:n,className:t,children:s,...r})=>o.jsxs("div",{className:d(q.header,t),...r,children:[e&&o.jsx("h3",{className:q.title,children:e}),n&&o.jsx("p",{className:q.subtitle,children:n}),s]}),Wo=({className:e,children:n,...t})=>o.jsx("div",{className:d(q.content,e),...t,children:n}),Mo=({className:e,children:n,...t})=>o.jsx("div",{className:d(q.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"},Ao=({label:e,error:n,helperText:t,className:s,disabled:r,id:c,...a})=>{const _=$.useId(),l=c??`ds-checkbox-${_}`,p=t?`${l}-help`:void 0;return o.jsxs("div",{className:d(F.wrapper,s),children:[o.jsxs("label",{htmlFor:l,className:d(F.container,r&&F.disabled,n&&F.error),children:[o.jsx("input",{type:"checkbox",id:l,disabled:r,className:F.input,"aria-describedby":p,"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:p,className:d(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"},Fo=({options:e,value:n,defaultValue:t,onChange:s,placeholder:r="Select an option",label:c,helperText:a,error:_,disabled:l,size:p="md",className:u,id:f,fullWidth:b=!1})=>{const h=$.useId(),g=f??`ds-dropdown-${h}`,N=a?`${g}-help`:void 0,[i,y]=$.useState(!1),[j,B]=$.useState(t),[w,T]=$.useState(-1),Q=$.useRef(null),K=$.useRef(null),O=n!==void 0?n:j,io=e.find(v=>v.value===O),po=w>=0?`${g}-opt-${w}`:void 0,yo=()=>{if(!l){const v=!i;if(y(v),v){if(w===-1){const x=e.findIndex(Z=>Z.value===O);T(x>=0?x:0)}}else T(-1)}},z=(v,x)=>{v.disabled||(n===void 0&&B(v.value),s?.(v.value),y(!1),T(x),K.current?.focus())},E=v=>{if(!l)switch(v.key){case"ArrowDown":v.preventDefault(),i?T(x=>x<e.length-1?x+1:x):(y(!0),T(e.findIndex(x=>x.value===O)||0));break;case"ArrowUp":v.preventDefault(),i?T(x=>x>0?x-1:x):(y(!0),T(e.findIndex(x=>x.value===O)||e.length-1));break;case"Enter":case" ":v.preventDefault(),i?w>=0&&z(e[w],w):(y(!0),T(e.findIndex(x=>x.value===O)||0));break;case"Escape":i&&(v.preventDefault(),y(!1),T(-1),K.current?.focus());break;case"Tab":i&&(y(!1),T(-1));break;case"Home":i&&(v.preventDefault(),T(0));break;case"End":i&&(v.preventDefault(),T(e.length-1));break}};return $.useEffect(()=>{i&&w>=0&&document.getElementById(`${g}-opt-${w}`)?.scrollIntoView({block:"nearest"})},[w,i,g]),$.useEffect(()=>{const v=x=>{Q.current&&!Q.current.contains(x.target)&&(y(!1),T(-1))};return document.addEventListener("mousedown",v),()=>{document.removeEventListener("mousedown",v)}},[]),o.jsxs("div",{className:d(C.wrapper,C[p],b&&C.fullWidth,_&&C.error,u),ref:Q,children:[c&&o.jsx("label",{htmlFor:g,className:C.label,children:c}),o.jsxs("div",{className:C.container,children:[o.jsxs("button",{id:g,ref:K,type:"button",className:d(C.trigger,i&&C.isOpen),onClick:yo,onKeyDown:E,disabled:l,"aria-haspopup":"listbox","aria-expanded":i,"aria-describedby":N,"aria-invalid":_||void 0,"aria-controls":i?`${g}-menu`:void 0,"aria-activedescendant":i?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"})})})]}),i&&o.jsx("ul",{id:`${g}-menu`,className:C.menu,role:"listbox","aria-labelledby":c?void 0:g,children:e.map((v,x)=>{const Z=v.value===O,bo=x===w;return o.jsxs("li",{id:`${g}-opt-${x}`,role:"option","aria-selected":Z,className:d(C.option,Z&&C.optionSelected,bo&&C.optionFocused,v.disabled&&C.optionDisabled),onClick:()=>z(v,x),onMouseEnter:()=>!v.disabled&&T(x),children:[o.jsx("span",{className:C.optionLabel,children:v.label}),v.description&&o.jsx("span",{className:C.optionDescription,children:v.description})]},v.value)})})]}),a&&o.jsx("span",{id:N,className:d(C.helperText,_&&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:c,onCreateAccount:a})=>{const _={size:"sm",intent:"info"};return o.jsx("header",{id:e,className:co.root,children:o.jsxs("div",{className:co.container,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(W,{..._,onClick:c,children:"Log out"})]}):o.jsxs(o.Fragment,{children:[o.jsx(W,{..._,onClick:r,children:"Log in"}),o.jsx(W,{size:"sm",intent:"info",variant:"solid",onClick:a,children:"Sign up"})]})})]})})},P={root:"_root_19xrh_1",container:"_container_19xrh_7",leftSection:"_leftSection_19xrh_16",nav:"_nav_19xrh_22",navList:"_navList_19xrh_28",navItem:"_navItem_19xrh_36",navLink:"_navLink_19xrh_41",disabled:"_disabled_19xrh_59",active:"_active_19xrh_63",rightSection:"_rightSection_19xrh_73"},Co=({id:e,items:n,activeId:t,logo:s,actions:r,onItemClick:c,className:a})=>o.jsx("nav",{id:e,className:d(P.root,a),children:o.jsxs("div",{className:P.container,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(_=>o.jsx("li",{className:P.navItem,children:o.jsx("button",{type:"button",className:d(P.navLink,t===_.id&&P.active,_.disabled&&P.disabled),onClick:()=>!_.disabled&&c?.(_.id),disabled:_.disabled,"aria-current":t===_.id?"page":void 0,children:_.label})},_.id))})}),r&&o.jsx("div",{className:P.rightSection,children:r})]})}),R={wrapper:"_wrapper_bh3e1_1",label:"_label_bh3e1_8",inputRoot:"_inputRoot_bh3e1_15",sm:"_sm_bh3e1_47",md:"_md_bh3e1_53",lg:"_lg_bh3e1_63",error:"_error_bh3e1_70",helperText:"_helperText_bh3e1_79",errorText:"_errorText_bh3e1_85"},Po=({size:e="md",error:n,label:t,helperText:s,className:r,id:c,...a})=>{const _=$.useId(),l=c??`ds-input-${_}`,p=s?`${l}-help`:void 0;return o.jsxs("div",{className:d(R.wrapper,r),children:[t&&o.jsx("label",{htmlFor:l,className:R.label,children:t}),o.jsx("input",{id:l,className:d(R.inputRoot,R[e],n&&R.error),"aria-describedby":p,"aria-invalid":n||void 0,...a}),s&&o.jsx("span",{id:p,className:d(R.helperText,n&&R.errorText),children:s})]})},fo={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:d(fo.loader,fo[n],fo[t],s),role:"status","aria-label":"Loading"}),H={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:e,onClose:n,title:t,children:s,footer:r,size:c="md",isLoading:a=!1,className:_,id:l})=>{const p=$.useRef(null),u=$.useRef(null),f=$.useRef(n),b=$.useId(),h=l??`ds-modal-${b}`,g=`${h}-title`;return $.useEffect(()=>{f.current=n},[n]),$.useEffect(()=>{const N=i=>{if(i.key==="Escape"&&!a){f.current();return}if(i.key==="Tab"&&p.current){const y=p.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),j=y[0],B=y[y.length-1];i.shiftKey?document.activeElement===j&&(B.focus(),i.preventDefault()):document.activeElement===B&&(j.focus(),i.preventDefault())}};return e&&(u.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),u.current?.focus()}},[e,a]),e?jo.createPortal(o.jsx("div",{className:H.overlay,onClick:()=>!a&&n(),children:o.jsxs("div",{id:h,className:d(H.modal,H[c],a&&H.loading,_),onClick:N=>N.stopPropagation(),role:"dialog","aria-modal":"true","aria-labelledby":t?g:void 0,ref:p,children:[o.jsxs("div",{className:H.header,children:[t&&o.jsx("h2",{id:g,className:H.title,children:t}),o.jsx(W,{variant:"subtle",size:"sm",onClick:n,className:H.closeButton,"aria-label":"Close modal",disabled:a,children:"✕"})]}),o.jsx("div",{className:H.content,children:s}),r&&o.jsx("div",{className:H.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"},Ko=({intent:e="neutral",title:n,children:t,onClose:s,className:r,...c})=>o.jsxs("div",{className:d(_o.root,_o[e],r),role:"alert",...c,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(W,{variant:"subtle",size:"xs",onClick:s,className:_o.closeButton,"aria-label":"Close notification",children:"✕"})]}),L={root:"_root_o4mj7_1",list:"_list_o4mj7_6",item:"_item_o4mj7_15",ellipsis:"_ellipsis_o4mj7_19",pageButton:"_pageButton_o4mj7_29"},Vo=(e,n,t)=>Math.min(Math.max(e,n),t),ho=(e,n)=>{const t=[];for(let s=e;s<=n;s+=1)t.push(s);return t},Go=(e,n,t,s,r)=>{if(e<=0)return[];if(!r)return ho(1,e);const a=t*2+1+s*2+2;if(e<=a)return ho(1,e);const _=ho(1,Math.min(s,e)),l=ho(Math.max(e-s+1,s+1),e),p=Math.max(n-t,s+2),u=Math.min(n+t,e-s-1),f=p>s+2,b=u<e-s-1,h=[..._],g=f?p:s+1,N=b?u:e-s;return f&&h.push("ellipsis"),g<=N&&h.push(...ho(g,N)),b&&h.push("ellipsis"),h.push(...l),h},Uo=({id:e,count:n,page:t,defaultPage:s=1,onPageChange:r,onFirstClick:c,onLastClick:a,onNextClick:_,onPrevClick:l,siblingCount:p=1,boundaryCount:u=1,showFirstLast:f=!0,showPrevNext:b=!0,showEllipsis:h=!0,disabled:g=!1,size:N="sm",variant:i="outline",intent:y="neutral",activeVariant:j="solid",activeIntent:B,labels:w,ariaLabel:T="Pagination",getPageLabel:Q,className:K})=>{const O=$.useId(),io=e??`ds-pagination-${O}`,[po,yo]=$.useState(s),z=Math.max(0,n),E=Vo(t??po,1,Math.max(1,z)),v=$.useMemo(()=>Go(z,E,p,u,h),[z,E,p,u,h]),x=I=>{g||I===E||(t===void 0&&yo(I),r?.(I))},Z=()=>{x(1),c?.(1)},bo=()=>{const I=z;x(I),a?.(I)},go=()=>{const I=Math.max(1,E-1);x(I),l?.(I)},No=()=>{const I=Math.min(z,E+1);x(I),_?.(I)};return z<=0?null:o.jsx("nav",{id:io,"aria-label":T,className:d(L.root,K),children:o.jsxs("ul",{className:L.list,children:[f&&o.jsx("li",{className:L.item,children:o.jsx(W,{size:N,variant:i,intent:y,className:L.pageButton,onClick:Z,disabled:g||E===1,"aria-label":"Go to first page",children:w?.first??"First"})}),b&&o.jsx("li",{className:L.item,children:o.jsx(W,{size:N,variant:i,intent:y,className:L.pageButton,onClick:go,disabled:g||E===1,"aria-label":"Go to previous page",children:w?.prev??"Prev"})}),v.map((I,Io)=>{if(I==="ellipsis")return o.jsx("li",{className:L.item,"aria-hidden":"true",children:o.jsx("span",{className:L.ellipsis,children:"…"})},`ellipsis-${Io}`);const so=I===E,ge=Q?.(I,so)??`Page ${I}${so?", current page":""}`;return o.jsx("li",{className:L.item,children:o.jsx(W,{size:N,variant:so?j:i,intent:so?B??y:y,className:L.pageButton,onClick:()=>x(I),disabled:g,"aria-current":so?"page":void 0,"aria-label":ge,children:I})},I)}),b&&o.jsx("li",{className:L.item,children:o.jsx(W,{size:N,variant:i,intent:y,className:L.pageButton,onClick:No,disabled:g||E===z,"aria-label":"Go to next page",children:w?.next??"Next"})}),f&&o.jsx("li",{className:L.item,children:o.jsx(W,{size:N,variant:i,intent:y,className:L.pageButton,onClick:bo,disabled:g||E===z,"aria-label":"Go to last page",children:w?.last??"Last"})})]})})},V={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:e,max:n=100,size:t="md",intent:s="info",showLabel:r=!1,label:c,className:a,id:_})=>{const l=$.useId(),p=_??`ds-progressbar-${l}`,u=n>0?n:0,f=Math.min(Math.max(0,e),u),b=u>0?Math.min(Math.max(0,f/u*100),100):0,h=c?`${p}-label`:void 0;return o.jsxs("div",{id:p,className:d(V.wrapper,V[t],V[s],a),children:[(c||r)&&o.jsxs("div",{className:V.labelWrapper,children:[c&&o.jsx("span",{id:h,className:V.label,children:c}),r&&o.jsxs("span",{className:V.percentage,children:[Math.round(b),"%"]})]}),o.jsx("div",{className:V.progressRoot,role:"progressbar","aria-valuenow":f,"aria-valuemin":0,"aria-valuemax":n,"aria-labelledby":h,"aria-label":c?void 0:"Progress",children:o.jsx("div",{className:V.indicator,style:{width:`${b}%`}})})]})},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"},Qo=({size:e="md",label:n,helperText:t,error:s,className:r,id:c,...a})=>{const _=$.useId(),l=c??`ds-radio-${_}`,p=t?`${l}-help`:void 0;return o.jsxs("div",{className:d(M.wrapper,r),children:[o.jsxs("label",{htmlFor:l,className:d(M.label,M[e]),children:[o.jsxs("div",{className:M.inputWrapper,children:[o.jsx("input",{type:"radio",id:l,className:d(M.radioRoot,M[e],s&&M.error),"aria-describedby":p,"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:p,className:d(M.helperText,s&&M.errorText),children:t})]})},vo={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:e="rectangular",width:n,height:t,animation:s="pulse",className:r,style:c,"aria-hidden":a,..._})=>o.jsx(Y,{className:d(vo.root,vo[e],s!=="none"&&vo[s],r),width:n,height:t,style:c,"aria-hidden":a??!0,..._}),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"},Xo=({step:e,index:n,status:t,isInteractive:s,onStepClick:r,isLast:c,id:a})=>{const _=!!e.disabled,l=s?"button":"div",p=t==="error"?"!":String(n+1),u=()=>{s&&!_&&r?.(e,n)},f=b=>{s&&!_&&(b.key==="Enter"||b.key===" ")&&(b.preventDefault(),r?.(e,n))};return o.jsxs("li",{className:d(A.step,A[t],_&&A.disabled),children:[o.jsxs(l,{id:a,type:s?"button":void 0,className:d(A.stepRow,s&&A.interactive),onClick:u,onKeyDown:f,"aria-current":t==="current"?"step":void 0,"aria-disabled":_?!0:void 0,disabled:s&&_?!0:void 0,tabIndex:s&&!_?0:void 0,children:[o.jsx("span",{className:A.marker,"aria-hidden":"true",children:p}),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})]})]}),!c&&o.jsx("span",{className:d(A.connector,A[`connector-${t}`]),"aria-hidden":"true"})]})},xo={root:"_root_cxvk2_1",sm:"_sm_cxvk2_15",lg:"_lg_cxvk2_22",horizontal:"_horizontal_cxvk2_29",vertical:"_vertical_cxvk2_35"},Yo=(e,n)=>Number.isNaN(e)||n<=0?-1:Math.min(Math.max(e,0),n-1),Ro=(e,n)=>typeof e=="number"?Yo(e,n.length):typeof e=="string"?n.findIndex(t=>t.id===e):n.findIndex(t=>t.status==="current"),oe=(e,n,t)=>t||(n===-1?"upcoming":e<n?"completed":e===n?"current":"upcoming"),ee=({steps:e,currentStep:n,orientation:t="horizontal",size:s="md",onStepClick:r,ariaLabel:c,className:a,id:_,...l})=>{const p=$.useId(),u=_??`ds-stepper-${p}`,f=Ro(n,e),b=c??"Progress";return o.jsx("ol",{id:u,className:d(xo.root,xo[t],xo[s],a),"aria-label":b,"data-orientation":t,...l,children:e.map((h,g)=>o.jsx(Xo,{id:`${u}-step-${h.id}`,step:h,index:g,status:oe(g,f,h.status),isInteractive:!!r,onStepClick:r,isLast:g===e.length-1},h.id))})},oo={wrapper:"_wrapper_6vjc4_1",label:"_label_6vjc4_8",selectRoot:"_selectRoot_6vjc4_15",sm:"_sm_6vjc4_49",md:"_md_6vjc4_56",lg:"_lg_6vjc4_63",error:"_error_6vjc4_71",helperText:"_helperText_6vjc4_80",errorText:"_errorText_6vjc4_86"},ne=({size:e="md",error:n,label:t,helperText:s,className:r,id:c,options:a,children:_,...l})=>{const p=$.useId(),u=c??`ds-select-${p}`,f=s?`${u}-help`:void 0;return o.jsxs("div",{className:d(oo.wrapper,r),children:[t&&o.jsx("label",{htmlFor:u,className:oo.label,children:t}),o.jsx("select",{id:u,className:d(oo.selectRoot,oo[e],n&&oo.error),"aria-describedby":f,"aria-invalid":n||void 0,...l,children:a?a.map(b=>o.jsx("option",{value:b.value,disabled:b.disabled,children:b.label},b.value)):_}),s&&o.jsx("span",{id:f,className:d(oo.helperText,n&&oo.errorText),children:s})]})},G={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"},te=({label:e,helperText:n,className:t,disabled:s,id:r,...c})=>{const a=$.useId(),_=r??`ds-switch-${a}`,l=n?`${_}-help`:void 0;return o.jsxs("div",{className:d(G.wrapper,t),children:[o.jsxs("label",{htmlFor:_,className:d(G.container,s&&G.disabled),children:[o.jsx("input",{type:"checkbox",id:_,role:"switch",disabled:s,className:G.input,"aria-describedby":l,...c}),o.jsx("span",{className:G.track,children:o.jsx("span",{className:G.thumb})}),e&&o.jsx("span",{className:G.label,children:e})]}),n&&o.jsx("span",{id:l,className:G.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"},se=({children:e,className:n,striped:t,hoverable:s,dense:r,isLoading:c,...a})=>o.jsx("div",{className:d(S.wrapper,c&&S.loading,n),children:o.jsx("table",{className:d(S.table,t&&S.striped,s&&S.hoverable,r&&S.dense),"aria-busy":c||void 0,...a,children:e})}),re=({children:e,className:n,...t})=>o.jsx("thead",{className:d(S.thead,n),...t,children:e}),ce=({children:e,className:n,...t})=>o.jsx("tbody",{className:d(S.tbody,n),...t,children:e}),_e=({children:e,className:n,...t})=>o.jsx("tfoot",{className:d(S.tfoot,n),...t,children:e}),ae=({children:e,className:n,...t})=>o.jsx("tr",{className:d(S.tr,n),...t,children:e}),le=({children:e,className:n,align:t,...s})=>o.jsx("th",{className:d(S.th,t&&S[`align-${t}`],n),...s,children:e}),de=({children:e,className:n,align:t,...s})=>o.jsx("td",{className:d(S.td,t&&S[`align-${t}`],n),...s,children:e}),U={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"},ie=({items:e,defaultActiveId:n,activeId:t,onChange:s,className:r,variant:c="line",id:a})=>{const _=$.useId(),l=a??`ds-tabs-${_}`,[p,u]=$.useState(n||(e.length>0?e[0].id:"")),f=t!==void 0?t:p,b=$.useRef(null),h=(i,y)=>{y||(t===void 0&&u(i),s?.(i))},g=i=>{const y=e.filter(w=>!w.disabled),j=y.findIndex(w=>w.id===f);let B=-1;if(i.key==="ArrowRight"||i.key==="ArrowDown"?B=(j+1)%y.length:i.key==="ArrowLeft"||i.key==="ArrowUp"?B=(j-1+y.length)%y.length:i.key==="Home"?B=0:i.key==="End"&&(B=y.length-1),B!==-1){i.preventDefault();const w=y[B].id;h(w);const T=b.current?.querySelectorAll('[role="tab"]');Array.from(T||[]).find(K=>K.getAttribute("data-id")===w)?.focus()}},N=e.find(i=>i.id===f);return o.jsxs("div",{id:l,className:d(U.root,r),children:[o.jsx("div",{role:"tablist",ref:b,className:d(U.tabList,c==="pill"&&U.pillList),onKeyDown:g,children:e.map(i=>{const y=i.id===f,j=!!i.disabled,B=j?-1:y?0:-1;return o.jsx("button",{role:"tab",id:`${l}-tab-${i.id}`,"aria-selected":y,"aria-controls":`${l}-panel-${i.id}`,"aria-disabled":j,tabIndex:B,disabled:j,"data-id":i.id,className:d(U.tabItem,c==="pill"&&U.pillItem,y&&U.active,j&&U.disabled),onClick:()=>h(i.id,j),children:i.label},i.id)})}),o.jsx("div",{role:"tabpanel",id:`${l}-panel-${f}`,"aria-labelledby":`${l}-tab-${f}`,className:U.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"},pe={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:c,noWrap:a,className:_,...l})=>{const p=t||pe[n]||"span";return o.jsx(p,{className:d(ao.root,ao[n],s&&ao[s],r&&ao[r],c&&ao[`color-${c}`],a&&ao.noWrap,_),...l,children:e})},eo={wrapper:"_wrapper_1229p_1",label:"_label_1229p_8",textareaRoot:"_textareaRoot_1229p_15",sm:"_sm_1229p_49",md:"_md_1229p_54",lg:"_lg_1229p_59",error:"_error_1229p_65",helperText:"_helperText_1229p_74",errorText:"_errorText_1229p_80"},be=({size:e="md",error:n,label:t,helperText:s,className:r,id:c,rows:a=4,..._})=>{const l=$.useId(),p=c??`ds-textarea-${l}`,u=s?`${p}-help`:void 0;return o.jsxs("div",{className:d(eo.wrapper,r),children:[t&&o.jsx("label",{htmlFor:p,className:eo.label,children:t}),o.jsx("textarea",{id:p,rows:a,className:d(eo.textareaRoot,eo[e],n&&eo.error),"aria-describedby":u,"aria-invalid":n||void 0,..._}),s&&o.jsx("span",{id:u,className:d(eo.helperText,n&&eo.errorText),children:s})]})},lo={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"},me=({content:e,children:n,position:t="top",variant:s="dark",delay:r=200,className:c,id:a})=>{const[_,l]=$.useState(!1),p=$.useRef(null),u=$.useId(),f=a??`ds-tooltip-${u}`,b=`${f}-content`,h=()=>{p.current=window.setTimeout(()=>{l(!0)},r)},g=()=>{p.current&&window.clearTimeout(p.current),l(!1)},N=y=>{y.key==="Escape"&&g()},i=$.isValidElement(n)?(()=>{const y=n;return $.cloneElement(y,{"aria-describedby":[y.props["aria-describedby"],b].filter(Boolean).join(" ")})})():n;return o.jsxs("div",{id:f,className:d(lo.root,c),onMouseEnter:h,onMouseLeave:g,onFocus:h,onBlur:g,onKeyDown:N,children:[o.jsx("div",{className:lo.trigger,children:i}),_&&o.jsx("div",{className:d(lo.tooltip,lo[t],lo[s],_&&lo.visible),id:b,role:"tooltip",children:e})]})},wo={root:"_root_1j5ko_1",main:"_main_1j5ko_8",container:"_container_1j5ko_13"},he=({headerLogo:e,headerTitle:n="Tharaday",user:t,navItems:s,activeNavId:r,navActions:c,children:a,onLogin:_,onLogout:l,onCreateAccount:p,onNavItemClick:u})=>o.jsxs("div",{className:wo.root,children:[o.jsx($o,{logo:e,title:n,user:t,onLogin:_,onLogout:l,onCreateAccount:p}),o.jsx(Co,{items:s,activeId:r,actions:c,onItemClick:u}),o.jsx("main",{className:wo.main,children:o.jsx("div",{className:wo.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"},ye=({logo:e,title:n,description:t,children:s})=>o.jsx(Y,{className:no.root,children:o.jsxs(Y,{className:no.card,children:[o.jsxs(Y,{className:no.header,children:[e&&o.jsx(Y,{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(Y,{className:no.content,children:s})]})}),J={root:"_root_1vwxr_1",main:"_main_1vwxr_7",container:"_container_1vwxr_11",topBar:"_topBar_1vwxr_20",stats:"_stats_1vwxr_27",content:"_content_1vwxr_33"},ue=({headerLogo:e,headerTitle:n="Tharaday",breadcrumbs:t,actions:s,stats:r,children:c,user:a,onLogin:_,onLogout:l,onCreateAccount:p})=>o.jsxs("div",{className:J.root,children:[o.jsx($o,{logo:e,title:n,user:a,onLogin:_,onLogout:l,onCreateAccount:p}),o.jsx("main",{className:J.main,children:o.jsxs("div",{className:J.container,children:[(t||s)&&o.jsxs("div",{className:J.topBar,children:[o.jsx("div",{className:J.breadcrumbs,children:t}),o.jsx("div",{className:J.actions,children:s})]}),r&&o.jsx("div",{className:J.stats,children:r}),o.jsx("div",{className:J.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"},$e=({headerLogo:e,headerTitle:n="Tharaday",breadcrumbs:t,sidebar:s,children:r,user:c,onLogin:a,onLogout:_,onCreateAccount:l})=>o.jsxs("div",{className:to.root,children:[o.jsx($o,{logo:e,title:n,user:c,onLogin:a,onLogout:_,onCreateAccount:l}),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=Bo,m.AppLayout=he,m.AuthLayout=ye,m.Avatar=qo,m.Badge=Lo,m.Box=Y,m.BreadcrumbItem=So,m.Breadcrumbs=Eo,m.Button=W,m.Card=zo,m.CardContent=Wo,m.CardFooter=Mo,m.CardHeader=Do,m.Checkbox=Ao,m.DashboardLayout=ue,m.Dropdown=Fo,m.Header=$o,m.Input=Po,m.Loader=Oo,m.Modal=Ho,m.NavBar=Co,m.Notification=Ko,m.Pagination=Uo,m.ProgressBar=Jo,m.RadioButton=Qo,m.Select=ne,m.SettingsLayout=$e,m.Skeleton=Zo,m.Stepper=ee,m.Switch=te,m.Table=se,m.TableBody=ce,m.TableCell=de,m.TableFooter=_e,m.TableHead=le,m.TableHeader=re,m.TableRow=ae,m.Tabs=ie,m.Text=ko,m.Textarea=be,m.Tooltip=me,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tharaday",
3
- "version": "0.1.1",
3
+ "version": "0.2.1",
4
4
  "author": "Ania Wyroba",
5
5
  "publishConfig": {
6
6
  "access": "public",
@@ -69,16 +69,16 @@
69
69
  },
70
70
  "dependencies": {
71
71
  "clsx": "^2.1.1",
72
- "react": "^19.2.3",
73
- "react-dom": "^19.2.3"
72
+ "react": "^19",
73
+ "react-dom": "^19"
74
74
  },
75
75
  "devDependencies": {
76
76
  "@eslint/js": "^9.39.2",
77
- "@storybook/addon-a11y": "^10.2.1",
78
- "@storybook/react-vite": "^10.2.1",
77
+ "@storybook/addon-a11y": "^10",
78
+ "@storybook/react-vite": "^10",
79
79
  "@types/node": "^25.1.0",
80
- "@types/react": "^19.2.10",
81
- "@types/react-dom": "^19.2.3",
80
+ "@types/react": "^19",
81
+ "@types/react-dom": "^19",
82
82
  "@vitejs/plugin-react": "^5.1.2",
83
83
  "eslint": "^9.39.2",
84
84
  "eslint-config-prettier": "^10.1.8",
@@ -86,12 +86,12 @@
86
86
  "eslint-plugin-react": "^7.37.5",
87
87
  "eslint-plugin-react-hooks": "^7.0.1",
88
88
  "eslint-plugin-react-refresh": "^0.4.26",
89
- "eslint-plugin-storybook": "^10.2.1",
90
- "globals": "^17.2.0",
89
+ "eslint-plugin-storybook": "^10",
90
+ "globals": "^17.3.0",
91
91
  "husky": "^9.1.7",
92
92
  "prettier": "^3.8.1",
93
93
  "standard-version": "^9.5.0",
94
- "storybook": "^10.2.1",
94
+ "storybook": "^10",
95
95
  "typescript": "~5.9.3",
96
96
  "typescript-eslint": "^8.54.0",
97
97
  "vite": "^7.3.1",
package/src/components/Box/Box.module.css CHANGED
@@ -118,12 +118,18 @@
118
118
  .p-4 {
119
119
  padding: var(--ds-space-4);
120
120
  }
121
+ .p-5 {
122
+ padding: var(--ds-space-5);
123
+ }
121
124
  .p-6 {
122
125
  padding: var(--ds-space-6);
123
126
  }
124
127
  .p-8 {
125
128
  padding: var(--ds-space-8);
126
129
  }
130
+ .p-10 {
131
+ padding: var(--ds-space-10);
132
+ }
127
133
  .p-12 {
128
134
  padding: var(--ds-space-12);
129
135
  }
@@ -151,6 +157,10 @@
151
157
  padding-left: var(--ds-space-4);
152
158
  padding-right: var(--ds-space-4);
153
159
  }
160
+ .px-5 {
161
+ padding-left: var(--ds-space-5);
162
+ padding-right: var(--ds-space-5);
163
+ }
154
164
  .px-6 {
155
165
  padding-left: var(--ds-space-6);
156
166
  padding-right: var(--ds-space-6);
@@ -159,6 +169,10 @@
159
169
  padding-left: var(--ds-space-8);
160
170
  padding-right: var(--ds-space-8);
161
171
  }
172
+ .px-10 {
173
+ padding-left: var(--ds-space-10);
174
+ padding-right: var(--ds-space-10);
175
+ }
162
176
  .px-12 {
163
177
  padding-left: var(--ds-space-12);
164
178
  padding-right: var(--ds-space-12);
@@ -188,6 +202,10 @@
188
202
  padding-top: var(--ds-space-4);
189
203
  padding-bottom: var(--ds-space-4);
190
204
  }
205
+ .py-5 {
206
+ padding-top: var(--ds-space-5);
207
+ padding-bottom: var(--ds-space-5);
208
+ }
191
209
  .py-6 {
192
210
  padding-top: var(--ds-space-6);
193
211
  padding-bottom: var(--ds-space-6);
@@ -196,6 +214,10 @@
196
214
  padding-top: var(--ds-space-8);
197
215
  padding-bottom: var(--ds-space-8);
198
216
  }
217
+ .py-10 {
218
+ padding-top: var(--ds-space-10);
219
+ padding-bottom: var(--ds-space-10);
220
+ }
199
221
  .py-12 {
200
222
  padding-top: var(--ds-space-12);
201
223
  padding-bottom: var(--ds-space-12);
@@ -220,12 +242,18 @@
220
242
  .pt-4 {
221
243
  padding-top: var(--ds-space-4);
222
244
  }
245
+ .pt-5 {
246
+ padding-top: var(--ds-space-5);
247
+ }
223
248
  .pt-6 {
224
249
  padding-top: var(--ds-space-6);
225
250
  }
226
251
  .pt-8 {
227
252
  padding-top: var(--ds-space-8);
228
253
  }
254
+ .pt-10 {
255
+ padding-top: var(--ds-space-10);
256
+ }
229
257
  .pt-12 {
230
258
  padding-top: var(--ds-space-12);
231
259
  }
@@ -248,12 +276,18 @@
248
276
  .pb-4 {
249
277
  padding-bottom: var(--ds-space-4);
250
278
  }
279
+ .pb-5 {
280
+ padding-bottom: var(--ds-space-5);
281
+ }
251
282
  .pb-6 {
252
283
  padding-bottom: var(--ds-space-6);
253
284
  }
254
285
  .pb-8 {
255
286
  padding-bottom: var(--ds-space-8);
256
287
  }
288
+ .pb-10 {
289
+ padding-bottom: var(--ds-space-10);
290
+ }
257
291
  .pb-12 {
258
292
  padding-bottom: var(--ds-space-12);
259
293
  }
@@ -276,12 +310,18 @@
276
310
  .pl-4 {
277
311
  padding-left: var(--ds-space-4);
278
312
  }
313
+ .pl-5 {
314
+ padding-left: var(--ds-space-5);
315
+ }
279
316
  .pl-6 {
280
317
  padding-left: var(--ds-space-6);
281
318
  }
282
319
  .pl-8 {
283
320
  padding-left: var(--ds-space-8);
284
321
  }
322
+ .pl-10 {
323
+ padding-left: var(--ds-space-10);
324
+ }
285
325
  .pl-12 {
286
326
  padding-left: var(--ds-space-12);
287
327
  }
@@ -304,12 +344,18 @@
304
344
  .pr-4 {
305
345
  padding-right: var(--ds-space-4);
306
346
  }
347
+ .pr-5 {
348
+ padding-right: var(--ds-space-5);
349
+ }
307
350
  .pr-6 {
308
351
  padding-right: var(--ds-space-6);
309
352
  }
310
353
  .pr-8 {
311
354
  padding-right: var(--ds-space-8);
312
355
  }
356
+ .pr-10 {
357
+ padding-right: var(--ds-space-10);
358
+ }
313
359
  .pr-12 {
314
360
  padding-right: var(--ds-space-12);
315
361
  }
@@ -333,12 +379,18 @@
333
379
  .gap-4 {
334
380
  gap: var(--ds-space-4);
335
381
  }
382
+ .gap-5 {
383
+ gap: var(--ds-space-5);
384
+ }
336
385
  .gap-6 {
337
386
  gap: var(--ds-space-6);
338
387
  }
339
388
  .gap-8 {
340
389
  gap: var(--ds-space-8);
341
390
  }
391
+ .gap-10 {
392
+ gap: var(--ds-space-10);
393
+ }
342
394
  .gap-12 {
343
395
  gap: var(--ds-space-12);
344
396
  }
@@ -362,12 +414,18 @@
362
414
  .m-4 {
363
415
  margin: var(--ds-space-4);
364
416
  }
417
+ .m-5 {
418
+ margin: var(--ds-space-5);
419
+ }
365
420
  .m-6 {
366
421
  margin: var(--ds-space-6);
367
422
  }
368
423
  .m-8 {
369
424
  margin: var(--ds-space-8);
370
425
  }
426
+ .m-10 {
427
+ margin: var(--ds-space-10);
428
+ }
371
429
  .m-12 {
372
430
  margin: var(--ds-space-12);
373
431
  }
@@ -395,6 +453,10 @@
395
453
  margin-left: var(--ds-space-4);
396
454
  margin-right: var(--ds-space-4);
397
455
  }
456
+ .mx-5 {
457
+ margin-left: var(--ds-space-5);
458
+ margin-right: var(--ds-space-5);
459
+ }
398
460
  .mx-6 {
399
461
  margin-left: var(--ds-space-6);
400
462
  margin-right: var(--ds-space-6);
@@ -403,6 +465,10 @@
403
465
  margin-left: var(--ds-space-8);
404
466
  margin-right: var(--ds-space-8);
405
467
  }
468
+ .mx-10 {
469
+ margin-left: var(--ds-space-10);
470
+ margin-right: var(--ds-space-10);
471
+ }
406
472
  .mx-12 {
407
473
  margin-left: var(--ds-space-12);
408
474
  margin-right: var(--ds-space-12);
@@ -432,6 +498,10 @@
432
498
  margin-top: var(--ds-space-4);
433
499
  margin-bottom: var(--ds-space-4);
434
500
  }
501
+ .my-5 {
502
+ margin-top: var(--ds-space-5);
503
+ margin-bottom: var(--ds-space-5);
504
+ }
435
505
  .my-6 {
436
506
  margin-top: var(--ds-space-6);
437
507
  margin-bottom: var(--ds-space-6);
@@ -440,6 +510,10 @@
440
510
  margin-top: var(--ds-space-8);
441
511
  margin-bottom: var(--ds-space-8);
442
512
  }
513
+ .my-10 {
514
+ margin-top: var(--ds-space-10);
515
+ margin-bottom: var(--ds-space-10);
516
+ }
443
517
  .my-12 {
444
518
  margin-top: var(--ds-space-12);
445
519
  margin-bottom: var(--ds-space-12);
@@ -464,12 +538,18 @@
464
538
  .mt-4 {
465
539
  margin-top: var(--ds-space-4);
466
540
  }
541
+ .mt-5 {
542
+ margin-top: var(--ds-space-5);
543
+ }
467
544
  .mt-6 {
468
545
  margin-top: var(--ds-space-6);
469
546
  }
470
547
  .mt-8 {
471
548
  margin-top: var(--ds-space-8);
472
549
  }
550
+ .mt-10 {
551
+ margin-top: var(--ds-space-10);
552
+ }
473
553
  .mt-12 {
474
554
  margin-top: var(--ds-space-12);
475
555
  }
@@ -492,12 +572,18 @@
492
572
  .mb-4 {
493
573
  margin-bottom: var(--ds-space-4);
494
574
  }
575
+ .mb-5 {
576
+ margin-bottom: var(--ds-space-5);
577
+ }
495
578
  .mb-6 {
496
579
  margin-bottom: var(--ds-space-6);
497
580
  }
498
581
  .mb-8 {
499
582
  margin-bottom: var(--ds-space-8);
500
583
  }
584
+ .mb-10 {
585
+ margin-bottom: var(--ds-space-10);
586
+ }
501
587
  .mb-12 {
502
588
  margin-bottom: var(--ds-space-12);
503
589
  }
@@ -520,12 +606,18 @@
520
606
  .ml-4 {
521
607
  margin-left: var(--ds-space-4);
522
608
  }
609
+ .ml-5 {
610
+ margin-left: var(--ds-space-5);
611
+ }
523
612
  .ml-6 {
524
613
  margin-left: var(--ds-space-6);
525
614
  }
526
615
  .ml-8 {
527
616
  margin-left: var(--ds-space-8);
528
617
  }
618
+ .ml-10 {
619
+ margin-left: var(--ds-space-10);
620
+ }
529
621
  .ml-12 {
530
622
  margin-left: var(--ds-space-12);
531
623
  }
@@ -548,12 +640,18 @@
548
640
  .mr-4 {
549
641
  margin-right: var(--ds-space-4);
550
642
  }
643
+ .mr-5 {
644
+ margin-right: var(--ds-space-5);
645
+ }
551
646
  .mr-6 {
552
647
  margin-right: var(--ds-space-6);
553
648
  }
554
649
  .mr-8 {
555
650
  margin-right: var(--ds-space-8);
556
651
  }
652
+ .mr-10 {
653
+ margin-right: var(--ds-space-10);
654
+ }
557
655
  .mr-12 {
558
656
  margin-right: var(--ds-space-12);
559
657
  }
package/src/components/Box/Box.stories.tsx CHANGED
@@ -13,11 +13,11 @@ const meta = {
13
13
  },
14
14
  padding: {
15
15
  control: 'select',
16
- options: [0, 1, 2, 3, 4, 6, 8, 12, 14],
16
+ options: [0, 1, 2, 3, 4, 5, 6, 8, 10, 12, 14],
17
17
  },
18
18
  gap: {
19
19
  control: 'select',
20
- options: [0, 1, 2, 3, 4, 6, 8, 12, 14],
20
+ options: [0, 1, 2, 3, 4, 5, 6, 8, 10, 12, 14],
21
21
  },
22
22
  flexDirection: {
23
23
  control: 'select',
package/src/components/Box/Box.types.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import type { HTMLAttributes, ReactNode, ElementType } from 'react';
2
2
 
3
- export type BoxPadding = 0 | 1 | 2 | 3 | 4 | 6 | 8 | 12 | 14;
4
- export type BoxMargin = 0 | 1 | 2 | 3 | 4 | 6 | 8 | 12 | 14;
5
- export type BoxGap = 0 | 1 | 2 | 3 | 4 | 6 | 8 | 12 | 14;
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;
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';
package/src/components/Modal/Modal.module.css CHANGED
@@ -45,6 +45,12 @@
45
45
  width: var(--ds-space-8) !important;
46
46
  height: var(--ds-space-8) !important;
47
47
  min-width: unset !important;
48
+ font-size: var(--ds-font-size-lg) !important;
49
+ font-weight: var(--ds-font-weight-semibold);
50
+ line-height: 1 !important;
51
+ display: flex;
52
+ align-items: center;
53
+ justify-content: center;
48
54
  }
49
55
 
50
56
  .content {
@@ -79,7 +85,6 @@
79
85
  .full {
80
86
  max-width: 100%;
81
87
  height: 100%;
82
- border-radius: 0;
83
88
  }
84
89
 
85
90
  .loading {