tharaday 0.3.2 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/dist/components/Input/Input.d.ts +1 -1
  2. package/dist/components/Input/Input.stories.d.ts +4 -1
  3. package/dist/components/Input/Input.types.d.ts +1 -0
  4. package/dist/components/Select/Select.d.ts +1 -1
  5. package/dist/components/Select/Select.stories.d.ts +4 -1
  6. package/dist/components/Select/Select.types.d.ts +1 -0
  7. package/dist/components/Textarea/Textarea.d.ts +1 -1
  8. package/dist/components/Textarea/Textarea.stories.d.ts +4 -1
  9. package/dist/components/Textarea/Textarea.types.d.ts +1 -0
  10. package/dist/ds.css +1 -1
  11. package/dist/ds.js +725 -719
  12. package/dist/ds.umd.cjs +1 -1
  13. package/package.json +1 -1
  14. package/src/components/Input/Input.module.css +11 -2
  15. package/src/components/Input/Input.stories.tsx +3 -0
  16. package/src/components/Input/Input.tsx +2 -1
  17. package/src/components/Input/Input.types.ts +1 -0
  18. package/src/components/Select/Select.module.css +11 -2
  19. package/src/components/Select/Select.stories.tsx +3 -0
  20. package/src/components/Select/Select.tsx +2 -1
  21. package/src/components/Select/Select.types.ts +1 -0
  22. package/src/components/Textarea/Textarea.module.css +11 -2
  23. package/src/components/Textarea/Textarea.stories.tsx +3 -0
  24. package/src/components/Textarea/Textarea.tsx +2 -1
  25. package/src/components/Textarea/Textarea.types.ts +1 -0
package/dist/ds.umd.cjs CHANGED
@@ -1 +1 @@
1
- (function(m,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("react/jsx-runtime"),require("react"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","react-dom"],o):(m=typeof globalThis<"u"?globalThis:m||self,o(m.DesignSystem={},m.jsxRuntime,m.React,m.ReactDOM))})(this,(function(m,o,$,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_19bm3_1",container:"_container_19bm3_7",leftSection:"_leftSection_19bm3_15",nav:"_nav_19bm3_21",navList:"_navList_19bm3_27",navItem:"_navItem_19bm3_35",navLink:"_navLink_19bm3_40",disabled:"_disabled_19bm3_58",active:"_active_19bm3_62",rightSection:"_rightSection_19bm3_72"},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"})}));
1
+ (function(b,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):(b=typeof globalThis<"u"?globalThis:b||self,o(b.DesignSystem={},b.jsxRuntime,b.React,b.ReactDOM))})(this,(function(b,o,g,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 l(){for(var e,n,t=0,s="",r=arguments.length;t<r;t++)(e=arguments[t])&&(n=To(e))&&(s&&(s+=" "),s+=n);return s}const z={root:"_root_1s3bz_1",default:"_default_1s3bz_8",bordered:"_bordered_1s3bz_14",item:"_item_1s3bz_14",separated:"_separated_1s3bz_24",ghost:"_ghost_1s3bz_34",header:"_header_1s3bz_34",sm:"_sm_1s3bz_65",md:"_md_1s3bz_70",lg:"_lg_1s3bz_75",icon:"_icon_1s3bz_97",iconExpanded:"_iconExpanded_1s3bz_102",contentWrapper:"_contentWrapper_1s3bz_106",contentExpanded:"_contentExpanded_1s3bz_113",content:"_content_1s3bz_106",contentBody:"_contentBody_1s3bz_121",contentBodyExpanded:"_contentBodyExpanded_1s3bz_134"},Bo=({items:e,allowMultiple:n=!1,defaultExpanded:t=[],variant:s="default",size:r="md",className:c,id:a})=>{const _=g.useId(),d=a??`ds-accordion-${_}`,[p,y]=g.useState(t),u=m=>{y(h=>h.includes(m)?h.filter(f=>f!==m):n?[...h,m]:[m])};return o.jsx("div",{id:d,className:l(z.root,z[s],z[r],c),children:e.map(m=>{const h=p.includes(m.id);return o.jsxs("div",{className:z.item,children:[o.jsxs("button",{type:"button",id:`${d}-header-${m.id}`,className:z.header,onClick:()=>u(m.id),disabled:m.isDisabled,"aria-expanded":h,"aria-controls":`${d}-content-${m.id}`,children:[o.jsx("span",{children:m.title}),o.jsx("span",{className:l(z.icon,h&&z.iconExpanded),children:"▼"})]}),o.jsx("div",{id:`${d}-content-${m.id}`,role:"region","aria-labelledby":`${d}-header-${m.id}`,className:l(z.contentWrapper,h&&z.contentExpanded),children:o.jsx("div",{className:z.content,children:o.jsx("div",{className:l(z.contentBody,h&&z.contentBodyExpanded),children:m.content})})})]},m.id)})})},oo={root:"_root_17k2j_1",image:"_image_17k2j_14",defaultIcon:"_defaultIcon_17k2j_20",fallback:"_fallback_17k2j_24",xs:"_xs_17k2j_34",sm:"_sm_17k2j_39",md:"_md_17k2j_44",lg:"_lg_17k2j_49",xl:"_xl_17k2j_54"},Wo=({src:e,alt:n,name:t,size:s="md",fallback:r,className:c,...a})=>{const[_,d]=g.useState(!1),p=n??t,y=m=>m.split(" ").map(h=>h[0]).slice(0,2).join(""),u=()=>e&&!_?o.jsx("img",{src:e,alt:p||"",className:oo.image,onError:()=>d(!0)}):r?o.jsx("span",{className:oo.fallback,children:r}):t?o.jsx("span",{className:oo.fallback,children:y(t)}):o.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:l(oo.image,oo.defaultIcon),"aria-hidden":"true",focusable:"false",children:o.jsx("path",{d:"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"})});return o.jsx("div",{className:l(oo.root,oo[s],c),...a,children:u()})},uo={root:"_root_13wyx_1",sm:"_sm_13wyx_12",md:"_md_13wyx_18",lg:"_lg_13wyx_24",solid:"_solid_13wyx_31",neutral:"_neutral_13wyx_31",success:"_success_13wyx_35",warning:"_warning_13wyx_39",danger:"_danger_13wyx_43",info:"_info_13wyx_47",subtle:"_subtle_13wyx_53",outline:"_outline_13wyx_75"},qo=({variant:e="solid",size:n="md",intent:t="neutral",className:s,children:r,...c})=>o.jsx("span",{className:l(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"},eo=({children:e,as:n="div",display:t,padding:s,paddingX:r,paddingY:c,paddingTop:a,paddingBottom:_,paddingLeft:d,paddingRight:p,m:y,mx:u,my:m,mt:h,mb:f,ml:N,mr:i,gap:$,flexDirection:j,alignItems:B,justifyContent:w,flexWrap:T,flexGrow:Y,flexShrink:K,flex:O,fullWidth:io,textAlign:po,width:yo,height:E,gridTemplateColumns:S,backgroundColor:v,border:x,borderBottom:R,borderColor:bo,borderRadius:go,className:No,style:I,...Io})=>{const so={...I,flexGrow:Y,flexShrink:K,flex:O,width:yo,height:E,gridTemplateColumns:S};return o.jsx(n,{className:l(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-${_}`],d!==void 0&&k[`pl-${d}`],p!==void 0&&k[`pr-${p}`],y!==void 0&&k[`m-${y}`],u!==void 0&&k[`mx-${u}`],m!==void 0&&k[`my-${m}`],h!==void 0&&k[`mt-${h}`],f!==void 0&&k[`mb-${f}`],N!==void 0&&k[`ml-${N}`],i!==void 0&&k[`mr-${i}`],$!==void 0&&k[`gap-${$}`],j&&k[`flexDirection-${j}`],B&&k[`alignItems-${B}`],w&&k[`justifyContent-${w}`],T&&k[`flexWrap-${T}`],v&&k[`bg-${v}`],x&&k.border,R&&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"},Lo=({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:l(ro.link,n&&ro.current,s),"aria-current":n?"page":void 0,...r,children:t})})},So=({children:e,separator:n="/",className:t,...s})=>{const r=g.Children.toArray(e);return o.jsx("nav",{"aria-label":"Breadcrumbs",className:l(ro.root,t),...s,children:o.jsx("ol",{className:ro.list,children:r.map((c,a)=>o.jsxs(g.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"},D=({size:e="md",variant:n="outline",intent:t="neutral",fullWidth:s=!1,className:r,children:c,...a})=>o.jsx("button",{type:"button",className:l(mo.root,mo[e],mo[n],mo[t],s&&mo.fullWidth,r),...a,children:c}),W={root:"_root_1k781_1",bordered:"_bordered_1k781_9",shadowNone:"_shadowNone_1k781_14",shadowSm:"_shadowSm_1k781_17",shadowMd:"_shadowMd_1k781_20","borderColor-main":"_borderColor-main_1k781_25","borderColor-subtle":"_borderColor-subtle_1k781_28","borderColor-danger":"_borderColor-danger_1k781_31","borderColor-success":"_borderColor-success_1k781_34","borderColor-info":"_borderColor-info_1k781_37","borderColor-warning":"_borderColor-warning_1k781_40","backgroundColor-none":"_backgroundColor-none_1k781_45","backgroundColor-subtle":"_backgroundColor-subtle_1k781_48","backgroundColor-danger-subtle":"_backgroundColor-danger-subtle_1k781_51","backgroundColor-success-subtle":"_backgroundColor-success-subtle_1k781_54","backgroundColor-warning-subtle":"_backgroundColor-warning-subtle_1k781_57","backgroundColor-info-subtle":"_backgroundColor-info-subtle_1k781_60",pNone:"_pNone_1k781_65",pSm:"_pSm_1k781_68",pMd:"_pMd_1k781_71",pLg:"_pLg_1k781_74",header:"_header_1k781_79",title:"_title_1k781_85",subtitle:"_subtitle_1k781_93",content:"_content_1k781_100",footer:"_footer_1k781_104"},Eo=({padding:e="md",shadow:n="sm",bordered:t=!0,borderColor:s,backgroundColor:r,className:c,children:a,..._})=>{const d={none:W.pNone,sm:W.pSm,md:W.pMd,lg:W.pLg}[e],p={none:W.shadowNone,sm:W.shadowSm,md:W.shadowMd}[n];return o.jsx("div",{className:l(W.root,d,p,t&&W.bordered,s&&W[`borderColor-${s}`],r&&W[`backgroundColor-${r}`],c),..._,children:a})},zo=({title:e,subtitle:n,className:t,children:s,...r})=>o.jsxs("div",{className:l(W.header,t),...r,children:[e&&o.jsx("h3",{className:W.title,children:e}),n&&o.jsx("p",{className:W.subtitle,children:n}),s]}),Do=({className:e,children:n,...t})=>o.jsx("div",{className:l(W.content,e),...t,children:n}),Mo=({className:e,children:n,...t})=>o.jsx("div",{className:l(W.footer,e),...t,children:n}),F={wrapper:"_wrapper_1mupt_1",container:"_container_1mupt_7",disabled:"_disabled_1mupt_15",input:"_input_1mupt_20",control:"_control_1mupt_28",checkmark:"_checkmark_1mupt_57",label:"_label_1mupt_68",error:"_error_1mupt_75",helperText:"_helperText_1mupt_79",errorText:"_errorText_1mupt_86"},Ao=({label:e,error:n,helperText:t,className:s,disabled:r,id:c,...a})=>{const _=g.useId(),d=c??`ds-checkbox-${_}`,p=t?`${d}-help`:void 0;return o.jsxs("div",{className:l(F.wrapper,s),children:[o.jsxs("label",{htmlFor:d,className:l(F.container,r&&F.disabled,n&&F.error),children:[o.jsx("input",{type:"checkbox",id:d,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:l(F.helperText,n&&F.errorText),children:t})]})},C={wrapper:"_wrapper_qhe61_1",fullWidth:"_fullWidth_qhe61_9",label:"_label_qhe61_13",container:"_container_qhe61_19",trigger:"_trigger_qhe61_23",error:"_error_qhe61_54",sm:"_sm_qhe61_58",lg:"_lg_qhe61_63",icon:"_icon_qhe61_68",isOpen:"_isOpen_qhe61_74",menu:"_menu_qhe61_78",option:"_option_qhe61_95",optionFocused:"_optionFocused_qhe61_104",optionSelected:"_optionSelected_qhe61_108",optionDisabled:"_optionDisabled_qhe61_118",optionLabel:"_optionLabel_qhe61_124",optionDescription:"_optionDescription_qhe61_128",helperText:"_helperText_qhe61_133",errorText:"_errorText_qhe61_138"},Fo=({options:e,value:n,defaultValue:t,onChange:s,placeholder:r="Select an option",label:c,helperText:a,error:_,disabled:d,size:p="md",className:y,id:u,fullWidth:m=!1})=>{const h=g.useId(),f=u??`ds-dropdown-${h}`,N=a?`${f}-help`:void 0,[i,$]=g.useState(!1),[j,B]=g.useState(t),[w,T]=g.useState(-1),Y=g.useRef(null),K=g.useRef(null),O=n!==void 0?n:j,io=e.find(v=>v.value===O),po=w>=0?`${f}-opt-${w}`:void 0,yo=()=>{if(!d){const v=!i;if($(v),v){if(w===-1){const x=e.findIndex(R=>R.value===O);T(x>=0?x:0)}}else T(-1)}},E=(v,x)=>{v.disabled||(n===void 0&&B(v.value),s?.(v.value),$(!1),T(x),K.current?.focus())},S=v=>{if(!d)switch(v.key){case"ArrowDown":v.preventDefault(),i?T(x=>x<e.length-1?x+1:x):($(!0),T(e.findIndex(x=>x.value===O)||0));break;case"ArrowUp":v.preventDefault(),i?T(x=>x>0?x-1:x):($(!0),T(e.findIndex(x=>x.value===O)||e.length-1));break;case"Enter":case" ":v.preventDefault(),i?w>=0&&E(e[w],w):($(!0),T(e.findIndex(x=>x.value===O)||0));break;case"Escape":i&&(v.preventDefault(),$(!1),T(-1),K.current?.focus());break;case"Tab":i&&($(!1),T(-1));break;case"Home":i&&(v.preventDefault(),T(0));break;case"End":i&&(v.preventDefault(),T(e.length-1));break}};return g.useEffect(()=>{i&&w>=0&&document.getElementById(`${f}-opt-${w}`)?.scrollIntoView({block:"nearest"})},[w,i,f]),g.useEffect(()=>{const v=x=>{Y.current&&!Y.current.contains(x.target)&&($(!1),T(-1))};return document.addEventListener("mousedown",v),()=>{document.removeEventListener("mousedown",v)}},[]),o.jsxs("div",{className:l(C.wrapper,C[p],m&&C.fullWidth,_&&C.error,y),ref:Y,children:[c&&o.jsx("label",{htmlFor:f,className:C.label,children:c}),o.jsxs("div",{className:C.container,children:[o.jsxs("button",{id:f,ref:K,type:"button",className:l(C.trigger,i&&C.isOpen),onClick:yo,onKeyDown:S,disabled:d,"aria-haspopup":"listbox","aria-expanded":i,"aria-describedby":N,"aria-invalid":_||void 0,"aria-controls":i?`${f}-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:`${f}-menu`,className:C.menu,role:"listbox","aria-labelledby":c?void 0:f,children:e.map((v,x)=>{const R=v.value===O,bo=x===w;return o.jsxs("li",{id:`${f}-opt-${x}`,role:"option","aria-selected":R,className:l(C.option,R&&C.optionSelected,bo&&C.optionFocused,v.disabled&&C.optionDisabled),onClick:()=>E(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:l(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(D,{..._,onClick:c,children:"Log out"})]}):o.jsxs(o.Fragment,{children:[o.jsx(D,{..._,onClick:r,children:"Log in"}),o.jsx(D,{size:"sm",intent:"info",variant:"solid",onClick:a,children:"Sign up"})]})})]})})},P={root:"_root_19bm3_1",container:"_container_19bm3_7",leftSection:"_leftSection_19bm3_15",nav:"_nav_19bm3_21",navList:"_navList_19bm3_27",navItem:"_navItem_19bm3_35",navLink:"_navLink_19bm3_40",disabled:"_disabled_19bm3_58",active:"_active_19bm3_62",rightSection:"_rightSection_19bm3_72"},Co=({id:e,items:n,activeId:t,logo:s,actions:r,onItemClick:c,className:a})=>o.jsx("nav",{id:e,className:l(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:l(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})]})}),V={wrapper:"_wrapper_15ibj_1",fullWidth:"_fullWidth_15ibj_8",label:"_label_15ibj_13",inputRoot:"_inputRoot_15ibj_20",sm:"_sm_15ibj_56",md:"_md_15ibj_62",lg:"_lg_15ibj_72",error:"_error_15ibj_79",helperText:"_helperText_15ibj_88",errorText:"_errorText_15ibj_94"},Po=({size:e="md",error:n,label:t,helperText:s,fullWidth:r=!1,className:c,id:a,..._})=>{const d=g.useId(),p=a??`ds-input-${d}`,y=s?`${p}-help`:void 0;return o.jsxs("div",{className:l(V.wrapper,r&&V.fullWidth,c),children:[t&&o.jsx("label",{htmlFor:p,className:V.label,children:t}),o.jsx("input",{id:p,className:l(V.inputRoot,V[e],n&&V.error),"aria-describedby":y,"aria-invalid":n||void 0,..._}),s&&o.jsx("span",{id:y,className:l(V.helperText,n&&V.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:l(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:d})=>{const p=g.useRef(null),y=g.useRef(null),u=g.useRef(n),m=g.useId(),h=d??`ds-modal-${m}`,f=`${h}-title`;return g.useEffect(()=>{u.current=n},[n]),g.useEffect(()=>{const N=i=>{if(i.key==="Escape"&&!a){u.current();return}if(i.key==="Tab"&&p.current){const $=p.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),j=$[0],B=$[$.length-1];i.shiftKey?document.activeElement===j&&(B.focus(),i.preventDefault()):document.activeElement===B&&(j.focus(),i.preventDefault())}};return e&&(y.current=document.activeElement,document.body.style.overflow="hidden",window.addEventListener("keydown",N),setTimeout(()=>{const i=p.current?.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');i&&i.length>0&&i[0].focus()},0)),()=>{document.body.style.overflow="unset",window.removeEventListener("keydown",N),y.current?.focus()}},[e,a]),e?jo.createPortal(o.jsx("div",{className:H.overlay,onClick:()=>!a&&n(),children:o.jsxs("div",{id:h,className:l(H.modal,H[c],a&&H.loading,_),onClick:N=>N.stopPropagation(),role:"dialog","aria-modal":"true","aria-labelledby":t?f:void 0,ref:p,children:[o.jsxs("div",{className:H.header,children:[t&&o.jsx("h2",{id:f,className:H.title,children:t}),o.jsx(D,{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:l(_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(D,{variant:"subtle",size:"xs",onClick:s,className:_o.closeButton,"aria-label":"Close notification",children:"✕"})]}),q={root:"_root_o4mj7_1",list:"_list_o4mj7_6",item:"_item_o4mj7_15",ellipsis:"_ellipsis_o4mj7_19",pageButton:"_pageButton_o4mj7_29"},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)),d=ho(Math.max(e-s+1,s+1),e),p=Math.max(n-t,s+2),y=Math.min(n+t,e-s-1),u=p>s+2,m=y<e-s-1,h=[..._],f=u?p:s+1,N=m?y:e-s;return u&&h.push("ellipsis"),f<=N&&h.push(...ho(f,N)),m&&h.push("ellipsis"),h.push(...d),h},Uo=({id:e,count:n,page:t,defaultPage:s=1,onPageChange:r,onFirstClick:c,onLastClick:a,onNextClick:_,onPrevClick:d,siblingCount:p=1,boundaryCount:y=1,showFirstLast:u=!0,showPrevNext:m=!0,showEllipsis:h=!0,disabled:f=!1,size:N="sm",variant:i="outline",intent:$="neutral",activeVariant:j="solid",activeIntent:B,labels:w,ariaLabel:T="Pagination",getPageLabel:Y,className:K})=>{const O=g.useId(),io=e??`ds-pagination-${O}`,[po,yo]=g.useState(s),E=Math.max(0,n),S=Vo(t??po,1,Math.max(1,E)),v=g.useMemo(()=>Go(E,S,p,y,h),[E,S,p,y,h]),x=I=>{f||I===S||(t===void 0&&yo(I),r?.(I))},R=()=>{x(1),c?.(1)},bo=()=>{const I=E;x(I),a?.(I)},go=()=>{const I=Math.max(1,S-1);x(I),d?.(I)},No=()=>{const I=Math.min(E,S+1);x(I),_?.(I)};return E<=0?null:o.jsx("nav",{id:io,"aria-label":T,className:l(q.root,K),children:o.jsxs("ul",{className:q.list,children:[u&&o.jsx("li",{className:q.item,children:o.jsx(D,{size:N,variant:i,intent:$,className:q.pageButton,onClick:R,disabled:f||S===1,"aria-label":"Go to first page",children:w?.first??"First"})}),m&&o.jsx("li",{className:q.item,children:o.jsx(D,{size:N,variant:i,intent:$,className:q.pageButton,onClick:go,disabled:f||S===1,"aria-label":"Go to previous page",children:w?.prev??"Prev"})}),v.map((I,Io)=>{if(I==="ellipsis")return o.jsx("li",{className:q.item,"aria-hidden":"true",children:o.jsx("span",{className:q.ellipsis,children:"…"})},`ellipsis-${Io}`);const so=I===S,ge=Y?.(I,so)??`Page ${I}${so?", current page":""}`;return o.jsx("li",{className:q.item,children:o.jsx(D,{size:N,variant:so?j:i,intent:so?B??$:$,className:q.pageButton,onClick:()=>x(I),disabled:f,"aria-current":so?"page":void 0,"aria-label":ge,children:I})},I)}),m&&o.jsx("li",{className:q.item,children:o.jsx(D,{size:N,variant:i,intent:$,className:q.pageButton,onClick:No,disabled:f||S===E,"aria-label":"Go to next page",children:w?.next??"Next"})}),u&&o.jsx("li",{className:q.item,children:o.jsx(D,{size:N,variant:i,intent:$,className:q.pageButton,onClick:bo,disabled:f||S===E,"aria-label":"Go to last page",children:w?.last??"Last"})})]})})},G={wrapper:"_wrapper_16yvn_1",labelWrapper:"_labelWrapper_16yvn_8",label:"_label_16yvn_8",percentage:"_percentage_16yvn_21",progressRoot:"_progressRoot_16yvn_27",indicator:"_indicator_16yvn_34",sm:"_sm_16yvn_40",md:"_md_16yvn_44",lg:"_lg_16yvn_48",info:"_info_16yvn_53",success:"_success_16yvn_57",warning:"_warning_16yvn_61",danger:"_danger_16yvn_65"},Jo=({value:e,max:n=100,size:t="md",intent:s="info",showLabel:r=!1,label:c,className:a,id:_})=>{const d=g.useId(),p=_??`ds-progressbar-${d}`,y=n>0?n:0,u=Math.min(Math.max(0,e),y),m=y>0?Math.min(Math.max(0,u/y*100),100):0,h=c?`${p}-label`:void 0;return o.jsxs("div",{id:p,className:l(G.wrapper,G[t],G[s],a),children:[(c||r)&&o.jsxs("div",{className:G.labelWrapper,children:[c&&o.jsx("span",{id:h,className:G.label,children:c}),r&&o.jsxs("span",{className:G.percentage,children:[Math.round(m),"%"]})]}),o.jsx("div",{className:G.progressRoot,role:"progressbar","aria-valuenow":u,"aria-valuemin":0,"aria-valuemax":n,"aria-labelledby":h,"aria-label":c?void 0:"Progress",children:o.jsx("div",{className:G.indicator,style:{width:`${m}%`}})})]})},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 _=g.useId(),d=c??`ds-radio-${_}`,p=t?`${d}-help`:void 0;return o.jsxs("div",{className:l(M.wrapper,r),children:[o.jsxs("label",{htmlFor:d,className:l(M.label,M[e]),children:[o.jsxs("div",{className:M.inputWrapper,children:[o.jsx("input",{type:"radio",id:d,className:l(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:l(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(eo,{className:l(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,d=s?"button":"div",p=t==="error"?"!":String(n+1),y=()=>{s&&!_&&r?.(e,n)},u=m=>{s&&!_&&(m.key==="Enter"||m.key===" ")&&(m.preventDefault(),r?.(e,n))};return o.jsxs("li",{className:l(A.step,A[t],_&&A.disabled),children:[o.jsxs(d,{id:a,type:s?"button":void 0,className:l(A.stepRow,s&&A.interactive),onClick:y,onKeyDown:u,"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:l(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:_,...d})=>{const p=g.useId(),y=_??`ds-stepper-${p}`,u=Ro(n,e),m=c??"Progress";return o.jsx("ol",{id:y,className:l(xo.root,xo[t],xo[s],a),"aria-label":m,"data-orientation":t,...d,children:e.map((h,f)=>o.jsx(Xo,{id:`${y}-step-${h.id}`,step:h,index:f,status:oe(f,u,h.status),isInteractive:!!r,onStepClick:r,isLast:f===e.length-1},h.id))})},U={wrapper:"_wrapper_vo2yb_1",fullWidth:"_fullWidth_vo2yb_8",label:"_label_vo2yb_13",selectRoot:"_selectRoot_vo2yb_20",sm:"_sm_vo2yb_58",md:"_md_vo2yb_65",lg:"_lg_vo2yb_72",error:"_error_vo2yb_80",helperText:"_helperText_vo2yb_89",errorText:"_errorText_vo2yb_95"},ne=({size:e="md",error:n,label:t,helperText:s,fullWidth:r=!1,className:c,id:a,options:_,children:d,...p})=>{const y=g.useId(),u=a??`ds-select-${y}`,m=s?`${u}-help`:void 0;return o.jsxs("div",{className:l(U.wrapper,r&&U.fullWidth,c),children:[t&&o.jsx("label",{htmlFor:u,className:U.label,children:t}),o.jsx("select",{id:u,className:l(U.selectRoot,U[e],n&&U.error),"aria-describedby":m,"aria-invalid":n||void 0,...p,children:_?_.map(h=>o.jsx("option",{value:h.value,disabled:h.disabled,children:h.label},h.value)):d}),s&&o.jsx("span",{id:m,className:l(U.helperText,n&&U.errorText),children:s})]})},J={wrapper:"_wrapper_196po_1",container:"_container_196po_7",disabled:"_disabled_196po_15",input:"_input_196po_20",track:"_track_196po_27",thumb:"_thumb_196po_46",label:"_label_196po_62",helperText:"_helperText_196po_69"},te=({label:e,helperText:n,className:t,disabled:s,id:r,...c})=>{const a=g.useId(),_=r??`ds-switch-${a}`,d=n?`${_}-help`:void 0;return o.jsxs("div",{className:l(J.wrapper,t),children:[o.jsxs("label",{htmlFor:_,className:l(J.container,s&&J.disabled),children:[o.jsx("input",{type:"checkbox",id:_,role:"switch",disabled:s,className:J.input,"aria-describedby":d,...c}),o.jsx("span",{className:J.track,children:o.jsx("span",{className:J.thumb})}),e&&o.jsx("span",{className:J.label,children:e})]}),n&&o.jsx("span",{id:d,className:J.helperText,children:n})]})},L={wrapper:"_wrapper_1w3cj_1",table:"_table_1w3cj_8",thead:"_thead_1w3cj_17",tbody:"_tbody_1w3cj_22",tr:"_tr_1w3cj_22",th:"_th_1w3cj_17",td:"_td_1w3cj_40",striped:"_striped_1w3cj_46",hoverable:"_hoverable_1w3cj_50",dense:"_dense_1w3cj_54","align-left":"_align-left_1w3cj_62","align-center":"_align-center_1w3cj_65","align-right":"_align-right_1w3cj_68","align-justify":"_align-justify_1w3cj_71",loading:"_loading_1w3cj_75"},se=({children:e,className:n,striped:t,hoverable:s,dense:r,isLoading:c,...a})=>o.jsx("div",{className:l(L.wrapper,c&&L.loading,n),children:o.jsx("table",{className:l(L.table,t&&L.striped,s&&L.hoverable,r&&L.dense),"aria-busy":c||void 0,...a,children:e})}),re=({children:e,className:n,...t})=>o.jsx("thead",{className:l(L.thead,n),...t,children:e}),ce=({children:e,className:n,...t})=>o.jsx("tbody",{className:l(L.tbody,n),...t,children:e}),_e=({children:e,className:n,...t})=>o.jsx("tfoot",{className:l(L.tfoot,n),...t,children:e}),ae=({children:e,className:n,...t})=>o.jsx("tr",{className:l(L.tr,n),...t,children:e}),le=({children:e,className:n,align:t,...s})=>o.jsx("th",{className:l(L.th,t&&L[`align-${t}`],n),...s,children:e}),de=({children:e,className:n,align:t,...s})=>o.jsx("td",{className:l(L.td,t&&L[`align-${t}`],n),...s,children:e}),Q={root:"_root_1luck_1",tabList:"_tabList_1luck_8",tabItem:"_tabItem_1luck_16",disabled:"_disabled_1luck_27",active:"_active_1luck_27",pillList:"_pillList_1luck_52",pillItem:"_pillItem_1luck_60",tabPanel:"_tabPanel_1luck_72"},ie=({items:e,defaultActiveId:n,activeId:t,onChange:s,className:r,variant:c="line",id:a})=>{const _=g.useId(),d=a??`ds-tabs-${_}`,[p,y]=g.useState(n||(e.length>0?e[0].id:"")),u=t!==void 0?t:p,m=g.useRef(null),h=(i,$)=>{$||(t===void 0&&y(i),s?.(i))},f=i=>{const $=e.filter(w=>!w.disabled),j=$.findIndex(w=>w.id===u);let B=-1;if(i.key==="ArrowRight"||i.key==="ArrowDown"?B=(j+1)%$.length:i.key==="ArrowLeft"||i.key==="ArrowUp"?B=(j-1+$.length)%$.length:i.key==="Home"?B=0:i.key==="End"&&(B=$.length-1),B!==-1){i.preventDefault();const w=$[B].id;h(w);const T=m.current?.querySelectorAll('[role="tab"]');Array.from(T||[]).find(K=>K.getAttribute("data-id")===w)?.focus()}},N=e.find(i=>i.id===u);return o.jsxs("div",{id:d,className:l(Q.root,r),children:[o.jsx("div",{role:"tablist",ref:m,className:l(Q.tabList,c==="pill"&&Q.pillList),onKeyDown:f,children:e.map(i=>{const $=i.id===u,j=!!i.disabled,B=j?-1:$?0:-1;return o.jsx("button",{role:"tab",id:`${d}-tab-${i.id}`,"aria-selected":$,"aria-controls":`${d}-panel-${i.id}`,"aria-disabled":j,tabIndex:B,disabled:j,"data-id":i.id,className:l(Q.tabItem,c==="pill"&&Q.pillItem,$&&Q.active,j&&Q.disabled),onClick:()=>h(i.id,j),children:i.label},i.id)})}),o.jsx("div",{role:"tabpanel",id:`${d}-panel-${u}`,"aria-labelledby":`${d}-tab-${u}`,className:Q.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:_,...d})=>{const p=t||pe[n]||"span";return o.jsx(p,{className:l(ao.root,ao[n],s&&ao[s],r&&ao[r],c&&ao[`color-${c}`],a&&ao.noWrap,_),...d,children:e})},Z={wrapper:"_wrapper_idhh9_1",fullWidth:"_fullWidth_idhh9_8",label:"_label_idhh9_13",textareaRoot:"_textareaRoot_idhh9_20",sm:"_sm_idhh9_58",md:"_md_idhh9_63",lg:"_lg_idhh9_68",error:"_error_idhh9_74",helperText:"_helperText_idhh9_83",errorText:"_errorText_idhh9_89"},be=({size:e="md",error:n,label:t,helperText:s,fullWidth:r=!1,className:c,id:a,rows:_=4,...d})=>{const p=g.useId(),y=a??`ds-textarea-${p}`,u=s?`${y}-help`:void 0;return o.jsxs("div",{className:l(Z.wrapper,r&&Z.fullWidth,c),children:[t&&o.jsx("label",{htmlFor:y,className:Z.label,children:t}),o.jsx("textarea",{id:y,rows:_,className:l(Z.textareaRoot,Z[e],n&&Z.error),"aria-describedby":u,"aria-invalid":n||void 0,...d}),s&&o.jsx("span",{id:u,className:l(Z.helperText,n&&Z.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[_,d]=g.useState(!1),p=g.useRef(null),y=g.useId(),u=a??`ds-tooltip-${y}`,m=`${u}-content`,h=()=>{p.current=window.setTimeout(()=>{d(!0)},r)},f=()=>{p.current&&window.clearTimeout(p.current),d(!1)},N=$=>{$.key==="Escape"&&f()},i=g.isValidElement(n)?(()=>{const $=n;return g.cloneElement($,{"aria-describedby":[$.props["aria-describedby"],m].filter(Boolean).join(" ")})})():n;return o.jsxs("div",{id:u,className:l(lo.root,c),onMouseEnter:h,onMouseLeave:f,onFocus:h,onBlur:f,onKeyDown:N,children:[o.jsx("div",{className:lo.trigger,children:i}),_&&o.jsx("div",{className:l(lo.tooltip,lo[t],lo[s],_&&lo.visible),id:m,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:d,onCreateAccount:p,onNavItemClick:y})=>o.jsxs("div",{className:wo.root,children:[o.jsx($o,{logo:e,title:n,user:t,onLogin:_,onLogout:d,onCreateAccount:p}),o.jsx(Co,{items:s,activeId:r,actions:c,onItemClick:y}),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(eo,{className:no.root,children:o.jsxs(eo,{className:no.card,children:[o.jsxs(eo,{className:no.header,children:[e&&o.jsx(eo,{className:no.logo,children:e}),n&&o.jsx(ko,{variant:"h3",as:"h1",className:no.title,children:n}),t&&o.jsx(ko,{variant:"body-sm",color:"subtle",className:no.description,children:t})]}),o.jsx(eo,{className:no.content,children:s})]})}),X={root:"_root_1vwxr_1",main:"_main_1vwxr_7",container:"_container_1vwxr_11",topBar:"_topBar_1vwxr_20",stats:"_stats_1vwxr_27",content:"_content_1vwxr_33"},ue=({headerLogo:e,headerTitle:n="Tharaday",breadcrumbs:t,actions:s,stats:r,children:c,user:a,onLogin:_,onLogout:d,onCreateAccount:p})=>o.jsxs("div",{className:X.root,children:[o.jsx($o,{logo:e,title:n,user:a,onLogin:_,onLogout:d,onCreateAccount:p}),o.jsx("main",{className:X.main,children:o.jsxs("div",{className:X.container,children:[(t||s)&&o.jsxs("div",{className:X.topBar,children:[o.jsx("div",{className:X.breadcrumbs,children:t}),o.jsx("div",{className:X.actions,children:s})]}),r&&o.jsx("div",{className:X.stats,children:r}),o.jsx("div",{className:X.content,children: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:d})=>o.jsxs("div",{className:to.root,children:[o.jsx($o,{logo:e,title:n,user:c,onLogin:a,onLogout:_,onCreateAccount:d}),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})]})]})})]});b.Accordion=Bo,b.AppLayout=he,b.AuthLayout=ye,b.Avatar=Wo,b.Badge=qo,b.Box=eo,b.BreadcrumbItem=Lo,b.Breadcrumbs=So,b.Button=D,b.Card=Eo,b.CardContent=Do,b.CardFooter=Mo,b.CardHeader=zo,b.Checkbox=Ao,b.DashboardLayout=ue,b.Dropdown=Fo,b.Header=$o,b.Input=Po,b.Loader=Oo,b.Modal=Ho,b.NavBar=Co,b.Notification=Ko,b.Pagination=Uo,b.ProgressBar=Jo,b.RadioButton=Qo,b.Select=ne,b.SettingsLayout=$e,b.Skeleton=Zo,b.Stepper=ee,b.Switch=te,b.Table=se,b.TableBody=ce,b.TableCell=de,b.TableFooter=_e,b.TableHead=le,b.TableHeader=re,b.TableRow=ae,b.Tabs=ie,b.Text=ko,b.Textarea=be,b.Tooltip=me,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})}));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tharaday",
3
- "version": "0.3.2",
3
+ "version": "0.4.0",
4
4
  "author": "Ania Wyroba",
5
5
  "publishConfig": {
6
6
  "access": "public",
package/src/components/Input/Input.module.css CHANGED
@@ -1,8 +1,13 @@
1
1
  .wrapper {
2
- display: flex;
2
+ display: inline-flex;
3
3
  flex-direction: column;
4
4
  gap: var(--ds-space-1);
5
+ width: fit-content;
6
+ }
7
+
8
+ .fullWidth {
5
9
  width: 100%;
10
+ display: flex;
6
11
  }
7
12
 
8
13
  .label {
@@ -14,7 +19,7 @@
14
19
 
15
20
  .inputRoot {
16
21
  box-sizing: border-box;
17
- width: 100%;
22
+ width: auto;
18
23
  font-family: var(--ds-font-family-base);
19
24
  border: 1px solid var(--ds-border-1);
20
25
  border-radius: var(--ds-radius-md);
@@ -25,6 +30,10 @@
25
30
  box-shadow var(--ds-transition-fast);
26
31
  }
27
32
 
33
+ .fullWidth .inputRoot {
34
+ width: 100%;
35
+ }
36
+
28
37
  .inputRoot:focus {
29
38
  outline: none;
30
39
  border-color: var(--ds-ring);
package/src/components/Input/Input.stories.tsx CHANGED
@@ -21,6 +21,9 @@ const meta = {
21
21
  disabled: {
22
22
  control: 'boolean',
23
23
  },
24
+ fullWidth: {
25
+ control: 'boolean',
26
+ },
24
27
  },
25
28
  } satisfies Meta<typeof Input>;
26
29
 
package/src/components/Input/Input.tsx CHANGED
@@ -9,6 +9,7 @@ export const Input = ({
9
9
  error,
10
10
  label,
11
11
  helperText,
12
+ fullWidth = false,
12
13
  className,
13
14
  id,
14
15
  ...props
@@ -18,7 +19,7 @@ export const Input = ({
18
19
  const helperId = helperText ? `${componentId}-help` : undefined;
19
20
 
20
21
  return (
21
- <div className={clsx(styles.wrapper, className)}>
22
+ <div className={clsx(styles.wrapper, fullWidth && styles.fullWidth, className)}>
22
23
  {label && (
23
24
  <label htmlFor={componentId} className={styles.label}>
24
25
  {label}
package/src/components/Input/Input.types.ts CHANGED
@@ -7,4 +7,5 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
7
7
  error?: boolean;
8
8
  label?: string;
9
9
  helperText?: string;
10
+ fullWidth?: boolean;
10
11
  }
package/src/components/Select/Select.module.css CHANGED
@@ -1,8 +1,13 @@
1
1
  .wrapper {
2
- display: flex;
2
+ display: inline-flex;
3
3
  flex-direction: column;
4
4
  gap: var(--ds-space-1);
5
+ width: fit-content;
6
+ }
7
+
8
+ .fullWidth {
5
9
  width: 100%;
10
+ display: flex;
6
11
  }
7
12
 
8
13
  .label {
@@ -14,7 +19,7 @@
14
19
 
15
20
  .selectRoot {
16
21
  box-sizing: border-box;
17
- width: 100%;
22
+ width: auto;
18
23
  font-family: var(--ds-font-family-base);
19
24
  border: 1px solid var(--ds-border-1);
20
25
  border-radius: var(--ds-radius-md);
@@ -31,6 +36,10 @@
31
36
  background-size: 1.25rem;
32
37
  }
33
38
 
39
+ .fullWidth .selectRoot {
40
+ width: 100%;
41
+ }
42
+
34
43
  .selectRoot:focus {
35
44
  outline: none;
36
45
  border-color: var(--ds-ring);
package/src/components/Select/Select.stories.tsx CHANGED
@@ -21,6 +21,9 @@ const meta = {
21
21
  disabled: {
22
22
  control: 'boolean',
23
23
  },
24
+ fullWidth: {
25
+ control: 'boolean',
26
+ },
24
27
  },
25
28
  } satisfies Meta<typeof Select>;
26
29
 
package/src/components/Select/Select.tsx CHANGED
@@ -9,6 +9,7 @@ export const Select = ({
9
9
  error,
10
10
  label,
11
11
  helperText,
12
+ fullWidth = false,
12
13
  className,
13
14
  id,
14
15
  options,
@@ -20,7 +21,7 @@ export const Select = ({
20
21
  const helperId = helperText ? `${componentId}-help` : undefined;
21
22
 
22
23
  return (
23
- <div className={clsx(styles.wrapper, className)}>
24
+ <div className={clsx(styles.wrapper, fullWidth && styles.fullWidth, className)}>
24
25
  {label && (
25
26
  <label htmlFor={componentId} className={styles.label}>
26
27
  {label}
package/src/components/Select/Select.types.ts CHANGED
@@ -15,4 +15,5 @@ export interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement
15
15
  helperText?: string;
16
16
  options?: SelectOption[];
17
17
  children?: ReactNode;
18
+ fullWidth?: boolean;
18
19
  }
package/src/components/Textarea/Textarea.module.css CHANGED
@@ -1,8 +1,13 @@
1
1
  .wrapper {
2
- display: flex;
2
+ display: inline-flex;
3
3
  flex-direction: column;
4
4
  gap: var(--ds-space-1);
5
+ width: fit-content;
6
+ }
7
+
8
+ .fullWidth {
5
9
  width: 100%;
10
+ display: flex;
6
11
  }
7
12
 
8
13
  .label {
@@ -14,7 +19,7 @@
14
19
 
15
20
  .textareaRoot {
16
21
  box-sizing: border-box;
17
- width: 100%;
22
+ width: auto;
18
23
  font-family: var(--ds-font-family-base);
19
24
  border: 1px solid var(--ds-border-1);
20
25
  border-radius: var(--ds-radius-md);
@@ -27,6 +32,10 @@
27
32
  resize: vertical;
28
33
  }
29
34
 
35
+ .fullWidth .textareaRoot {
36
+ width: 100%;
37
+ }
38
+
30
39
  .textareaRoot:focus {
31
40
  outline: none;
32
41
  border-color: var(--ds-ring);
package/src/components/Textarea/Textarea.stories.tsx CHANGED
@@ -21,6 +21,9 @@ const meta = {
21
21
  disabled: {
22
22
  control: 'boolean',
23
23
  },
24
+ fullWidth: {
25
+ control: 'boolean',
26
+ },
24
27
  },
25
28
  } satisfies Meta<typeof Textarea>;
26
29
 
package/src/components/Textarea/Textarea.tsx CHANGED
@@ -9,6 +9,7 @@ export const Textarea = ({
9
9
  error,
10
10
  label,
11
11
  helperText,
12
+ fullWidth = false,
12
13
  className,
13
14
  id,
14
15
  rows = 4,
@@ -19,7 +20,7 @@ export const Textarea = ({
19
20
  const helperId = helperText ? `${componentId}-help` : undefined;
20
21
 
21
22
  return (
22
- <div className={clsx(styles.wrapper, className)}>
23
+ <div className={clsx(styles.wrapper, fullWidth && styles.fullWidth, className)}>
23
24
  {label && (
24
25
  <label htmlFor={componentId} className={styles.label}>
25
26
  {label}
package/src/components/Textarea/Textarea.types.ts CHANGED
@@ -8,4 +8,5 @@ export interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElemen
8
8
  label?: string;
9
9
  helperText?: string;
10
10
  rows?: number;
11
+ fullWidth?: boolean;
11
12
  }