@wisemen/vue-core-design-system 1.17.0 → 1.18.1

package/dist/index.cjs

@@ -680,10 +680,10 @@ Example: <UIConfigProvider :file-upload-adapter="myAdapter"><UIBaseFileUploadRoo
       group-focus-visible:opacity-100
       group-active:h-28 group-active:-translate-x-2 group-active:scale-100
       group-active:opacity-100 group-active:brightness-95
-    `},variants:{variant:{"bordered-inline":{pane:`
+    `},variants:{variant:{"bordered-inline":{content:`rounded-lg`,pane:`
           inset-y-2 right-2 rounded-lg border border-secondary shadow-floating
           max-md:inset-2! max-md:w-auto!
-        `,resizeHandle:`-inset-y-2`},"bordered-overlay":{pane:`
+        `,resizeHandle:`-inset-y-2`},"bordered-overlay":{content:`rounded-lg`,pane:`
           inset-y-2 right-2 rounded-lg border border-secondary shadow-floating
           max-md:inset-2! max-md:w-auto!
         `,resizeHandle:`-inset-y-2`},"full-height-inline":{pane:`
@@ -858,7 +858,7 @@ Example: <UIConfigProvider :file-upload-adapter="myAdapter"><UIBaseFileUploadRoo
           dark:text-warning-200
         `},color:`warning`,variant:`translucent`}],slots:{base:`
       inline-flex min-w-fit items-center justify-center rounded-full border
-    `,label:`font-medium`},variants:{size:{lg:{base:`h-5 min-w-5 px-xxs`,label:`text-xs`},md:{base:`h-4 min-w-4 px-xxs`,label:`text-[0.625rem]`}},color:{blue:{},brand:{},error:{},gray:{},pink:{},purple:{},success:{},warning:{}},variant:{outline:{base:`bg-transparent`},solid:{},translucent:{}}}}),RE=[`aria-label`],zE=(0,f.defineComponent)({__name:`NumberBadge`,props:{ariaLabel:{default:null},color:{default:`gray`},size:{default:`md`},value:{},variant:{default:`translucent`}},setup(e){let t=e,n=(0,f.computed)(()=>LE({color:t.color,size:t.size,variant:t.variant}));return(e,r)=>((0,f.openBlock)(),(0,f.createElementBlock)(`span`,{class:(0,f.normalizeClass)(n.value.base()),"aria-label":t.ariaLabel??void 0,role:`status`},[(0,f.createVNode)((0,f.unref)(U),{text:t.value,class:(0,f.normalizeClass)(n.value.label())},null,8,[`text`,`class`])],10,RE))}}),BE=(0,f.defineComponent)({__name:`TabsItemContent`,props:{isLabelHidden:{type:Boolean,default:!1},count:{default:null},icon:{default:void 0},label:{}},setup(e){let t=e;return(e,n)=>((0,f.openBlock)(),(0,f.createElementBlock)(f.Fragment,null,[t.icon==null?(0,f.createCommentVNode)(``,!0):((0,f.openBlock)(),(0,f.createBlock)((0,f.resolveDynamicComponent)(t.icon),{key:0,class:`size-4 shrink-0`})),(0,f.createVNode)((0,f.unref)(U),{text:t.label,class:(0,f.normalizeClass)([{"sr-only":t.isLabelHidden},`text-xs`])},null,8,[`text`,`class`]),t.count==null?(0,f.createCommentVNode)(``,!0):((0,f.openBlock)(),(0,f.createBlock)((0,f.unref)(zE),{key:1,value:t.count.toString(),size:`md`},null,8,[`value`]))],64))}}),VE=(0,f.defineComponent)({__name:`TabsItem`,props:{isLabelHidden:{type:Boolean},count:{default:null},disabledReason:{default:null},icon:{default:void 0},label:{},value:{},isDisabled:{type:Boolean,default:!1}},setup(e){let t=e,n=NE();return(e,r)=>((0,f.openBlock)(),(0,f.createBlock)((0,f.unref)(W),{"is-disabled":t.disabledReason==null,label:t.disabledReason},{default:(0,f.withCtx)(()=>[(0,f.createVNode)(Z,null,{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(h.TabsTrigger),{value:t.value,disabled:t.isDisabled,class:(0,f.normalizeClass)((0,f.unref)(n).variants.value.item())},{default:(0,f.withCtx)(()=>[(0,f.createVNode)(BE,{count:t.count,icon:t.icon,"is-label-hidden":t.isLabelHidden,label:t.label},null,8,[`count`,`icon`,`is-label-hidden`,`label`])]),_:1},8,[`value`,`disabled`,`class`])]),_:1})]),_:1},8,[`is-disabled`,`label`]))}}),HE=(0,f.defineComponent)({__name:`TabsIndicator`,setup(e){let{variants:t}=NE();return(e,n)=>((0,f.openBlock)(),(0,f.createBlock)((0,f.unref)(h.TabsIndicator),{class:(0,f.normalizeClass)((0,f.unref)(t).indicator())},{default:(0,f.withCtx)(()=>[(0,f.createElementVNode)(`div`,{class:(0,f.normalizeClass)((0,f.unref)(t).indicatorInner())},null,2)]),_:1},8,[`class`]))}}),UE=[`aria-label`],WE=[`data-orientation`],GE=[`aria-label`],KE=(0,f.defineComponent)({__name:`TabsList`,setup(e){let t=(0,g.useI18n)(),n=(0,f.ref)(null),{hasHorizontalOverflow:r,hasReachedHorizontalEnd:i,isScrolledHorizontally:a,orientation:o,scrollToLeft:s,scrollToRight:c,setScrollContainerRef:l,variants:u}=NE();return(0,f.onMounted)(()=>{if(n.value===null)throw Error(`scrollContainerRef is null`);l(n.value)}),(e,l)=>((0,f.openBlock)(),(0,f.createElementBlock)(`div`,{class:(0,f.normalizeClass)((0,f.unref)(u).base())},[(0,f.unref)(a)&&(0,f.unref)(r)&&(0,f.unref)(o)===`horizontal`?((0,f.openBlock)(),(0,f.createElementBlock)(`div`,{key:0,class:(0,f.normalizeClass)([(0,f.unref)(u).scrollEdge(),`left-0 justify-start bg-linear-to-r from-50%`])},[(0,f.createElementVNode)(`button`,{"aria-label":(0,f.unref)(t).t(`component.tabs.scroll_left`),class:(0,f.normalizeClass)((0,f.unref)(u).scrollButton()),tabindex:`-1`,type:`button`,onClick:l[0]||=(...e)=>(0,f.unref)(s)&&(0,f.unref)(s)(...e)},[(0,f.createVNode)((0,f.unref)(ln),{class:`size-3`})],10,UE)],2)):(0,f.createCommentVNode)(``,!0),(0,f.createElementVNode)(`div`,{ref_key:`scrollContainerRef`,ref:n,class:(0,f.normalizeClass)((0,f.unref)(u).scrollContainer()),"data-orientation":(0,f.unref)(o)},[(0,f.createVNode)((0,f.unref)(h.TabsList),{class:(0,f.normalizeClass)((0,f.unref)(u).list())},{default:(0,f.withCtx)(()=>[(0,f.renderSlot)(e.$slots,`default`),(0,f.createVNode)(HE)]),_:3},8,[`class`])],10,WE),!(0,f.unref)(i)&&(0,f.unref)(r)&&(0,f.unref)(o)===`horizontal`?((0,f.openBlock)(),(0,f.createElementBlock)(`div`,{key:1,class:(0,f.normalizeClass)([(0,f.unref)(u).scrollEdge(),`right-0 justify-end bg-linear-to-l from-50%`])},[(0,f.createElementVNode)(`button`,{"aria-label":(0,f.unref)(t).t(`component.tabs.scroll_right`),class:(0,f.normalizeClass)((0,f.unref)(u).scrollButton()),tabindex:`-1`,type:`button`,onClick:l[1]||=(...e)=>(0,f.unref)(c)&&(0,f.unref)(c)(...e)},[(0,f.createVNode)((0,f.unref)(pn),{class:`size-3`})],10,GE)],2)):(0,f.createCommentVNode)(``,!0)],2))}}),qE=(0,f.defineComponent)({__name:`TabsRouterLink`,props:{isFullWidth:{type:Boolean,default:!1},orientation:{default:`horizontal`},underlineTabsHorizontalListPadding:{default:`none`},variant:{default:`underline`}},setup(e){let t=e;t.underlineTabsHorizontalListPadding!==`none`&&t.variant!==`underline`&&console.warn("[TabsRouterLink] `underlineTabsHorizontalListPadding` only applies to the `underline` variant.");let n=(0,y.useRoute)(),r=(0,y.useRouter)(),i=(0,f.computed)(()=>n.name);function a(e){e!==i.value&&r.replace({name:e})}let{hasHorizontalOverflow:o,hasReachedHorizontalEnd:s,isScrolledHorizontally:c,scrollToActiveTab:l,scrollToLeft:u,scrollToRight:d,setScrollContainerRef:p}=jE({activeValue:i}),m=(0,f.computed)(()=>PE({isFullWidth:t.isFullWidth,underlineTabsHorizontalListPadding:t.underlineTabsHorizontalListPadding,variant:t.variant}));return(0,f.onMounted)(()=>{l()}),ME({activeValue:i,...Xr(t),hasHorizontalOverflow:o,hasReachedHorizontalEnd:s,isScrolledHorizontally:c,scrollToLeft:u,scrollToRight:d,setScrollContainerRef:p,variants:m}),(e,n)=>((0,f.openBlock)(),(0,f.createBlock)((0,f.unref)(h.TabsRoot),{"model-value":i.value,orientation:t.orientation,"onUpdate:modelValue":a},{default:(0,f.withCtx)(()=>[(0,f.createVNode)(KE,null,{default:(0,f.withCtx)(()=>[(0,f.renderSlot)(e.$slots,`default`)]),_:3})]),_:3},8,[`model-value`,`orientation`]))}}),JE=(0,f.defineComponent)({__name:`TabsRouterLinkContent`,setup(e){return(e,t)=>((0,f.openBlock)(),(0,f.createBlock)((0,f.unref)(h.Primitive),{"as-child":!0,role:`tabpanel`},{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(y.RouterView))]),_:1}))}}),YE=(0,f.defineComponent)({__name:`TabsRouterLinkItem`,props:{isLabelHidden:{type:Boolean},count:{default:null},disabledReason:{default:null},icon:{default:void 0},label:{},to:{},isDisabled:{type:Boolean,default:!1}},setup(e){let t=e,n=NE().variants,r=(0,y.useRouter)(),i=(0,f.computed)(()=>r.resolve(t.to).name);return(e,r)=>((0,f.openBlock)(),(0,f.createBlock)((0,f.unref)(W),{"is-disabled":t.disabledReason==null,label:t.disabledReason},{default:(0,f.withCtx)(()=>[(0,f.createElementVNode)(`div`,null,[(0,f.createVNode)(Z,null,{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(h.TabsTrigger),{value:i.value,disabled:t.isDisabled,"as-child":!0,class:(0,f.normalizeClass)((0,f.unref)(n).item())},{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(y.RouterLink),{to:t.to,replace:!0},{default:(0,f.withCtx)(()=>[(0,f.createVNode)(BE,{count:t.count,icon:t.icon,"is-label-hidden":t.isLabelHidden,label:t.label},null,8,[`count`,`icon`,`is-label-hidden`,`label`])]),_:1},8,[`to`])]),_:1},8,[`value`,`disabled`,`class`])]),_:1})])]),_:1},8,[`is-disabled`,`label`]))}}),XE=(0,f.defineComponent)({__name:`DashboardPageDetailPaneTabs`,props:{modelValue:{required:!0},modelModifiers:{}},emits:[`update:modelValue`],setup(e){let t=(0,f.useModel)(e,`modelValue`);return(e,n)=>((0,f.openBlock)(),(0,f.createBlock)((0,f.unref)(FE),{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,"is-full-width":!0,variant:`underline`,"underline-tabs-horizontal-list-padding":`lg`,class:`flex flex-1 flex-col overflow-hidden`},{default:(0,f.withCtx)(()=>[(0,f.renderSlot)(e.$slots,`default`)]),_:3},8,[`modelValue`]))}}),ZE=(0,f.defineComponent)({__name:`DashboardPageDetailPaneTabsContent`,props:{asChild:{type:Boolean,default:!0},value:{}},setup(e){let t=e;return(e,n)=>((0,f.openBlock)(),(0,f.createBlock)((0,f.unref)(IE),{"as-child":t.asChild,value:t.value,tabindex:t.asChild?void 0:-1},{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(Iy),{tabindex:`0`,class:`flex flex-1 flex-col`},{default:(0,f.withCtx)(()=>[(0,f.renderSlot)(e.$slots,`default`)]),_:3})]),_:3},8,[`as-child`,`value`,`tabindex`]))}}),QE={class:`sticky top-0 z-10 bg-primary`},$E=(0,f.defineComponent)({__name:`DashboardPageDetailPaneTabsList`,setup(e){let{hasTabs:t}=rE();return(0,f.onMounted)(()=>{t.value=!0}),(0,f.onBeforeUnmount)(()=>{t.value=!1}),(e,t)=>((0,f.openBlock)(),(0,f.createElementBlock)(`div`,QE,[(0,f.createVNode)((0,f.unref)(KE),null,{default:(0,f.withCtx)(()=>[(0,f.renderSlot)(e.$slots,`default`)]),_:3})]))}}),eD=(0,f.defineComponent)({__name:`DashboardPageDetailPaneToggle`,setup(e){let{isOpen:t,toggle:n}=hE(),r=(0,g.useI18n)(),i=(0,p.createAction)({id:`toggle-detail-pane`,name:()=>r.t(`action.global.toggle_detail_pane.name`),execute:()=>{n()},group:(0,p.useActionGroup)().navigation,icon:()=>t.value?$n:Vn,keyboardShortcut:{key:`I`,mod:!0},keywords:r.t(`action.global.toggle_detail_pane.keywords`).split(` `)}),a=(0,f.computed)(()=>t.value?r.t(`component.dashboard_page_detail_pane_toggle.collapse`):r.t(`component.dashboard_page_detail_pane_toggle.expand`));return(e,n)=>((0,f.openBlock)(),(0,f.createBlock)(W,{label:a.value,"keyboard-shortcut":(0,f.unref)(i).keyboardShortcut},{default:(0,f.withCtx)(()=>[(0,f.createVNode)(Cs,{"is-current-context-only":!1,action:(0,f.unref)(i),"group-priority":(0,f.unref)(p.GroupPriority).NAVIGATION},{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(Z),null,{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(h.Toggle),{"model-value":(0,f.unref)(t),"data-state":(0,f.unref)(t)?`open`:`closed`,"aria-label":a.value,class:`group/toggle -mr-xxs flex size-6 items-center justify-center rounded-sm duration-150 hover:bg-secondary-hover`},{default:(0,f.withCtx)(()=>[...n[0]||=[(0,f.createElementVNode)(`div`,{class:`flex h-3 w-3.5 justify-end rounded-[0.1875rem] border border-fg-tertiary p-[0.09375rem] duration-150 group-data-[state=open]/toggle:border-fg-tertiary dark:group-data-[state=open]/toggle:border-fg-secondary`},[(0,f.createElementVNode)(`div`,{class:`h-full w-0.5 rounded-[1px] bg-fg-tertiary duration-150 group-data-[state=open]/toggle:w-1 group-data-[state=open]/toggle:bg-fg-tertiary dark:group-data-[state=open]/toggle:bg-fg-secondary`})],-1)]]),_:1},8,[`model-value`,`data-state`,`aria-label`])]),_:1})]),_:1},8,[`action`,`group-priority`])]),_:1},8,[`label`,`keyboard-shortcut`]))}}),tD=(0,f.defineComponent)({__name:`DashboardPageHeaderActions`,setup(e){return(e,t)=>((0,f.openBlock)(),(0,f.createBlock)(I,{gap:`xs`},{default:(0,f.withCtx)(()=>[(0,f.renderSlot)(e.$slots,`default`)]),_:3}))}}),nD={class:`border-b border-secondary`},rD={class:`flex h-11 items-center`},iD={key:0,class:`flex h-11 items-center border-t border-secondary`},aD=(0,f.defineComponent)({__name:`DashboardPageHeader`,setup(e){let t=(0,f.useSlots)(),n=(0,m.useBreakpoints)({lg:1024}).smaller(`lg`),r=(0,f.computed)(()=>!!t[`action-right`]);return(e,t)=>((0,f.openBlock)(),(0,f.createElementBlock)(`header`,nD,[(0,f.createElementVNode)(`div`,rD,[(0,f.createVNode)(qT,null,{default:(0,f.withCtx)(()=>[(0,f.createVNode)(I,{justify:`between`},{default:(0,f.withCtx)(()=>[(0,f.createVNode)(I,{gap:`none`},{default:(0,f.withCtx)(()=>[(0,f.renderSlot)(e.$slots,`action-left`)]),_:3}),(0,f.renderSlot)(e.$slots,`action-center`),(0,f.createVNode)(I,{gap:`xs`},{default:(0,f.withCtx)(()=>[(0,f.unref)(n)?(0,f.createCommentVNode)(``,!0):(0,f.renderSlot)(e.$slots,`action-right`,{key:0}),(0,f.createVNode)(tD,null,{default:(0,f.withCtx)(()=>[(0,f.renderSlot)(e.$slots,`master-actions`)]),_:3})]),_:3})]),_:3})]),_:3})]),(0,f.unref)(n)&&r.value?((0,f.openBlock)(),(0,f.createElementBlock)(`div`,iD,[(0,f.createVNode)(qT,null,{default:(0,f.withCtx)(()=>[(0,f.createVNode)(I,{justify:`end`},{default:(0,f.withCtx)(()=>[(0,f.createVNode)(I,{gap:`xs`},{default:(0,f.withCtx)(()=>[(0,f.renderSlot)(e.$slots,`action-right`)]),_:3})]),_:3})]),_:3})])):(0,f.createCommentVNode)(``,!0)]))}}),oD=(0,f.defineComponent)({__name:`DashboardPageHeaderMasterActionButton`,props:{icon:{},label:{}},setup(e){let t=e;return(e,n)=>((0,f.openBlock)(),(0,f.createBlock)(X,{icon:t.icon,label:t.label,variant:`tertiary`},null,8,[`icon`,`label`]))}});function sD({maxDate:e,minDate:t,modelValue:n}){let r=J(),i=(0,f.computed)(()=>r.dateLocale.value??navigator.language),a=S.Temporal.Now.plainDateISO(),o=(0,f.shallowRef)(new x.CalendarDate(a.year,a.month,a.day));function s(e){o.value=e}function c(e){return new x.CalendarDate(e.year,e.month,e.day)}function l(e){return S.Temporal.PlainDate.from({day:e.day,month:e.month,year:e.year})}let u=(0,f.computed)({get:()=>{if(n.value!==null)return c(n.value)},set:e=>{e==null?n.value=null:n.value=l(e)}}),d=(0,f.computed)(()=>{if(t.value!=null)return c(t.value)});return{plainDateToCalendarDate:c,calendarPlaceholder:o,calendarValue:u,locale:i,maxDateValue:(0,f.computed)(()=>{if(e.value!=null)return c(e.value)}),minDateValue:d,setPlaceholder:s}}var cD=V({slots:{field:`flex h-full flex-1 items-center px-sm`,literal:`text-placeholder select-none`,segment:`
+    `,label:`font-medium`},variants:{size:{lg:{base:`h-5 min-w-5 px-xxs`,label:`text-xs`},md:{base:`h-4 min-w-4 px-xxs`,label:`text-[0.625rem]`}},color:{blue:{},brand:{},error:{},gray:{},pink:{},purple:{},success:{},warning:{}},variant:{outline:{base:`bg-transparent`},solid:{},translucent:{}}}}),RE=[`aria-label`],zE=(0,f.defineComponent)({__name:`NumberBadge`,props:{ariaLabel:{default:null},color:{default:`gray`},size:{default:`md`},value:{},variant:{default:`translucent`}},setup(e){let t=e,n=(0,f.computed)(()=>LE({color:t.color,size:t.size,variant:t.variant}));return(e,r)=>((0,f.openBlock)(),(0,f.createElementBlock)(`span`,{class:(0,f.normalizeClass)(n.value.base()),"aria-label":t.ariaLabel??void 0,role:`status`},[(0,f.createVNode)((0,f.unref)(U),{text:t.value,class:(0,f.normalizeClass)(n.value.label())},null,8,[`text`,`class`])],10,RE))}}),BE=(0,f.defineComponent)({__name:`TabsItemContent`,props:{isLabelHidden:{type:Boolean,default:!1},config:{default:null},count:{default:null},icon:{default:void 0},label:{}},setup(e){let t=e,n=(0,f.computed)(()=>t.config?.left==null?t.icon==null?{type:`none`}:{icon:t.icon,type:`icon`}:t.config.left),r=(0,f.computed)(()=>t.config?.indicator==null?t.count==null?{type:`none`}:{type:`count`,value:t.count}:t.config.indicator);return(e,i)=>((0,f.openBlock)(),(0,f.createElementBlock)(f.Fragment,null,[n.value.type===`icon`?((0,f.openBlock)(),(0,f.createBlock)((0,f.resolveDynamicComponent)(n.value.icon),{key:0,class:`size-4 shrink-0`})):(0,f.createCommentVNode)(``,!0),(0,f.createVNode)((0,f.unref)(U),{text:t.label,class:(0,f.normalizeClass)([{"sr-only":t.isLabelHidden},`text-xs`])},null,8,[`text`,`class`]),r.value.type===`count`?((0,f.openBlock)(),(0,f.createBlock)((0,f.unref)(zE),{key:1,value:r.value.value.toString(),size:`md`},null,8,[`value`])):r.value.type===`dot`?((0,f.openBlock)(),(0,f.createBlock)((0,f.unref)(Po),{key:2,color:r.value.color??`error`,size:`sm`},null,8,[`color`])):(0,f.createCommentVNode)(``,!0)],64))}}),VE=(0,f.defineComponent)({__name:`TabsItem`,props:{isLabelHidden:{type:Boolean},config:{default:null},count:{default:null},disabledReason:{default:null},icon:{default:void 0},label:{},value:{},isDisabled:{type:Boolean,default:!1}},setup(e){let t=e,n=NE();return(e,r)=>((0,f.openBlock)(),(0,f.createBlock)((0,f.unref)(W),{"is-disabled":t.disabledReason==null,label:t.disabledReason},{default:(0,f.withCtx)(()=>[(0,f.createVNode)(Z,null,{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(h.TabsTrigger),{value:t.value,disabled:t.isDisabled,class:(0,f.normalizeClass)((0,f.unref)(n).variants.value.item())},{default:(0,f.withCtx)(()=>[(0,f.createVNode)(BE,{config:t.config,count:t.count,icon:t.icon,"is-label-hidden":t.isLabelHidden,label:t.label},null,8,[`config`,`count`,`icon`,`is-label-hidden`,`label`])]),_:1},8,[`value`,`disabled`,`class`])]),_:1})]),_:1},8,[`is-disabled`,`label`]))}}),HE=(0,f.defineComponent)({__name:`TabsIndicator`,setup(e){let{variants:t}=NE();return(e,n)=>((0,f.openBlock)(),(0,f.createBlock)((0,f.unref)(h.TabsIndicator),{class:(0,f.normalizeClass)((0,f.unref)(t).indicator())},{default:(0,f.withCtx)(()=>[(0,f.createElementVNode)(`div`,{class:(0,f.normalizeClass)((0,f.unref)(t).indicatorInner())},null,2)]),_:1},8,[`class`]))}}),UE=[`aria-label`],WE=[`data-orientation`],GE=[`aria-label`],KE=(0,f.defineComponent)({__name:`TabsList`,setup(e){let t=(0,g.useI18n)(),n=(0,f.ref)(null),{hasHorizontalOverflow:r,hasReachedHorizontalEnd:i,isScrolledHorizontally:a,orientation:o,scrollToLeft:s,scrollToRight:c,setScrollContainerRef:l,variants:u}=NE();return(0,f.onMounted)(()=>{if(n.value===null)throw Error(`scrollContainerRef is null`);l(n.value)}),(e,l)=>((0,f.openBlock)(),(0,f.createElementBlock)(`div`,{class:(0,f.normalizeClass)((0,f.unref)(u).base())},[(0,f.unref)(a)&&(0,f.unref)(r)&&(0,f.unref)(o)===`horizontal`?((0,f.openBlock)(),(0,f.createElementBlock)(`div`,{key:0,class:(0,f.normalizeClass)([(0,f.unref)(u).scrollEdge(),`left-0 justify-start bg-linear-to-r from-50%`])},[(0,f.createElementVNode)(`button`,{"aria-label":(0,f.unref)(t).t(`component.tabs.scroll_left`),class:(0,f.normalizeClass)((0,f.unref)(u).scrollButton()),tabindex:`-1`,type:`button`,onClick:l[0]||=(...e)=>(0,f.unref)(s)&&(0,f.unref)(s)(...e)},[(0,f.createVNode)((0,f.unref)(ln),{class:`size-3`})],10,UE)],2)):(0,f.createCommentVNode)(``,!0),(0,f.createElementVNode)(`div`,{ref_key:`scrollContainerRef`,ref:n,class:(0,f.normalizeClass)((0,f.unref)(u).scrollContainer()),"data-orientation":(0,f.unref)(o)},[(0,f.createVNode)((0,f.unref)(h.TabsList),{class:(0,f.normalizeClass)((0,f.unref)(u).list())},{default:(0,f.withCtx)(()=>[(0,f.renderSlot)(e.$slots,`default`),(0,f.createVNode)(HE)]),_:3},8,[`class`])],10,WE),!(0,f.unref)(i)&&(0,f.unref)(r)&&(0,f.unref)(o)===`horizontal`?((0,f.openBlock)(),(0,f.createElementBlock)(`div`,{key:1,class:(0,f.normalizeClass)([(0,f.unref)(u).scrollEdge(),`right-0 justify-end bg-linear-to-l from-50%`])},[(0,f.createElementVNode)(`button`,{"aria-label":(0,f.unref)(t).t(`component.tabs.scroll_right`),class:(0,f.normalizeClass)((0,f.unref)(u).scrollButton()),tabindex:`-1`,type:`button`,onClick:l[1]||=(...e)=>(0,f.unref)(c)&&(0,f.unref)(c)(...e)},[(0,f.createVNode)((0,f.unref)(pn),{class:`size-3`})],10,GE)],2)):(0,f.createCommentVNode)(``,!0)],2))}}),qE=(0,f.defineComponent)({__name:`TabsRouterLink`,props:{isFullWidth:{type:Boolean,default:!1},orientation:{default:`horizontal`},underlineTabsHorizontalListPadding:{default:`none`},variant:{default:`underline`}},setup(e){let t=e;t.underlineTabsHorizontalListPadding!==`none`&&t.variant!==`underline`&&console.warn("[TabsRouterLink] `underlineTabsHorizontalListPadding` only applies to the `underline` variant.");let n=(0,y.useRoute)(),r=(0,y.useRouter)(),i=(0,f.computed)(()=>n.name);function a(e){e!==i.value&&r.replace({name:e})}let{hasHorizontalOverflow:o,hasReachedHorizontalEnd:s,isScrolledHorizontally:c,scrollToActiveTab:l,scrollToLeft:u,scrollToRight:d,setScrollContainerRef:p}=jE({activeValue:i}),m=(0,f.computed)(()=>PE({isFullWidth:t.isFullWidth,underlineTabsHorizontalListPadding:t.underlineTabsHorizontalListPadding,variant:t.variant}));return(0,f.onMounted)(()=>{l()}),ME({activeValue:i,...Xr(t),hasHorizontalOverflow:o,hasReachedHorizontalEnd:s,isScrolledHorizontally:c,scrollToLeft:u,scrollToRight:d,setScrollContainerRef:p,variants:m}),(e,n)=>((0,f.openBlock)(),(0,f.createBlock)((0,f.unref)(h.TabsRoot),{"model-value":i.value,orientation:t.orientation,"onUpdate:modelValue":a},{default:(0,f.withCtx)(()=>[(0,f.createVNode)(KE,null,{default:(0,f.withCtx)(()=>[(0,f.renderSlot)(e.$slots,`default`)]),_:3})]),_:3},8,[`model-value`,`orientation`]))}}),JE=(0,f.defineComponent)({__name:`TabsRouterLinkContent`,setup(e){return(e,t)=>((0,f.openBlock)(),(0,f.createBlock)((0,f.unref)(h.Primitive),{"as-child":!0,role:`tabpanel`},{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(y.RouterView))]),_:1}))}}),YE=(0,f.defineComponent)({__name:`TabsRouterLinkItem`,props:{isLabelHidden:{type:Boolean},config:{default:null},count:{default:null},disabledReason:{default:null},icon:{default:void 0},label:{},to:{},isDisabled:{type:Boolean,default:!1}},setup(e){let t=e,n=NE().variants,r=(0,y.useRouter)(),i=(0,f.computed)(()=>r.resolve(t.to).name);return(e,r)=>((0,f.openBlock)(),(0,f.createBlock)((0,f.unref)(W),{"is-disabled":t.disabledReason==null,label:t.disabledReason},{default:(0,f.withCtx)(()=>[(0,f.createElementVNode)(`div`,null,[(0,f.createVNode)(Z,null,{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(h.TabsTrigger),{value:i.value,disabled:t.isDisabled,"as-child":!0,class:(0,f.normalizeClass)((0,f.unref)(n).item())},{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(y.RouterLink),{to:t.to,replace:!0},{default:(0,f.withCtx)(()=>[(0,f.createVNode)(BE,{config:t.config,count:t.count,icon:t.icon,"is-label-hidden":t.isLabelHidden,label:t.label},null,8,[`config`,`count`,`icon`,`is-label-hidden`,`label`])]),_:1},8,[`to`])]),_:1},8,[`value`,`disabled`,`class`])]),_:1})])]),_:1},8,[`is-disabled`,`label`]))}}),XE=(0,f.defineComponent)({__name:`DashboardPageDetailPaneTabs`,props:{modelValue:{required:!0},modelModifiers:{}},emits:[`update:modelValue`],setup(e){let t=(0,f.useModel)(e,`modelValue`);return(e,n)=>((0,f.openBlock)(),(0,f.createBlock)((0,f.unref)(FE),{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,"is-full-width":!0,variant:`underline`,"underline-tabs-horizontal-list-padding":`lg`,class:`flex flex-1 flex-col overflow-hidden`},{default:(0,f.withCtx)(()=>[(0,f.renderSlot)(e.$slots,`default`)]),_:3},8,[`modelValue`]))}}),ZE=(0,f.defineComponent)({__name:`DashboardPageDetailPaneTabsContent`,props:{asChild:{type:Boolean,default:!0},value:{}},setup(e){let t=e;return(e,n)=>((0,f.openBlock)(),(0,f.createBlock)((0,f.unref)(IE),{"as-child":t.asChild,value:t.value,tabindex:t.asChild?void 0:-1},{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(Iy),{tabindex:`0`,class:`flex flex-1 flex-col`},{default:(0,f.withCtx)(()=>[(0,f.renderSlot)(e.$slots,`default`)]),_:3})]),_:3},8,[`as-child`,`value`,`tabindex`]))}}),QE={class:`sticky top-0 z-10 bg-primary`},$E=(0,f.defineComponent)({__name:`DashboardPageDetailPaneTabsList`,setup(e){let{hasTabs:t}=rE();return(0,f.onMounted)(()=>{t.value=!0}),(0,f.onBeforeUnmount)(()=>{t.value=!1}),(e,t)=>((0,f.openBlock)(),(0,f.createElementBlock)(`div`,QE,[(0,f.createVNode)((0,f.unref)(KE),null,{default:(0,f.withCtx)(()=>[(0,f.renderSlot)(e.$slots,`default`)]),_:3})]))}}),eD=(0,f.defineComponent)({__name:`DashboardPageDetailPaneToggle`,setup(e){let{isOpen:t,toggle:n}=hE(),r=(0,g.useI18n)(),i=(0,p.createAction)({id:`toggle-detail-pane`,name:()=>r.t(`action.global.toggle_detail_pane.name`),execute:()=>{n()},group:(0,p.useActionGroup)().navigation,icon:()=>t.value?$n:Vn,keyboardShortcut:{key:`I`,mod:!0},keywords:r.t(`action.global.toggle_detail_pane.keywords`).split(` `)}),a=(0,f.computed)(()=>t.value?r.t(`component.dashboard_page_detail_pane_toggle.collapse`):r.t(`component.dashboard_page_detail_pane_toggle.expand`));return(e,n)=>((0,f.openBlock)(),(0,f.createBlock)(W,{label:a.value,"keyboard-shortcut":(0,f.unref)(i).keyboardShortcut},{default:(0,f.withCtx)(()=>[(0,f.createVNode)(Cs,{"is-current-context-only":!1,action:(0,f.unref)(i),"group-priority":(0,f.unref)(p.GroupPriority).NAVIGATION},{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(Z),null,{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(h.Toggle),{"model-value":(0,f.unref)(t),"data-state":(0,f.unref)(t)?`open`:`closed`,"aria-label":a.value,class:`group/toggle -mr-xxs flex size-6 items-center justify-center rounded-sm duration-150 hover:bg-secondary-hover`},{default:(0,f.withCtx)(()=>[...n[0]||=[(0,f.createElementVNode)(`div`,{class:`flex h-3 w-3.5 justify-end rounded-[0.1875rem] border border-fg-tertiary p-[0.09375rem] duration-150 group-data-[state=open]/toggle:border-fg-tertiary dark:group-data-[state=open]/toggle:border-fg-secondary`},[(0,f.createElementVNode)(`div`,{class:`h-full w-0.5 rounded-[1px] bg-fg-tertiary duration-150 group-data-[state=open]/toggle:w-1 group-data-[state=open]/toggle:bg-fg-tertiary dark:group-data-[state=open]/toggle:bg-fg-secondary`})],-1)]]),_:1},8,[`model-value`,`data-state`,`aria-label`])]),_:1})]),_:1},8,[`action`,`group-priority`])]),_:1},8,[`label`,`keyboard-shortcut`]))}}),tD=(0,f.defineComponent)({__name:`DashboardPageHeaderActions`,setup(e){return(e,t)=>((0,f.openBlock)(),(0,f.createBlock)(I,{gap:`xs`},{default:(0,f.withCtx)(()=>[(0,f.renderSlot)(e.$slots,`default`)]),_:3}))}}),nD={class:`border-b border-secondary`},rD={class:`flex h-11 items-center`},iD={key:0,class:`flex h-11 items-center border-t border-secondary`},aD=(0,f.defineComponent)({__name:`DashboardPageHeader`,setup(e){let t=(0,f.useSlots)(),n=(0,m.useBreakpoints)({lg:1024}).smaller(`lg`),r=(0,f.computed)(()=>!!t[`action-right`]);return(e,t)=>((0,f.openBlock)(),(0,f.createElementBlock)(`header`,nD,[(0,f.createElementVNode)(`div`,rD,[(0,f.createVNode)(qT,null,{default:(0,f.withCtx)(()=>[(0,f.createVNode)(I,{justify:`between`},{default:(0,f.withCtx)(()=>[(0,f.createVNode)(I,{gap:`none`},{default:(0,f.withCtx)(()=>[(0,f.renderSlot)(e.$slots,`action-left`)]),_:3}),(0,f.renderSlot)(e.$slots,`action-center`),(0,f.createVNode)(I,{gap:`xs`},{default:(0,f.withCtx)(()=>[(0,f.unref)(n)?(0,f.createCommentVNode)(``,!0):(0,f.renderSlot)(e.$slots,`action-right`,{key:0}),(0,f.createVNode)(tD,null,{default:(0,f.withCtx)(()=>[(0,f.renderSlot)(e.$slots,`master-actions`)]),_:3})]),_:3})]),_:3})]),_:3})]),(0,f.unref)(n)&&r.value?((0,f.openBlock)(),(0,f.createElementBlock)(`div`,iD,[(0,f.createVNode)(qT,null,{default:(0,f.withCtx)(()=>[(0,f.createVNode)(I,{justify:`end`},{default:(0,f.withCtx)(()=>[(0,f.createVNode)(I,{gap:`xs`},{default:(0,f.withCtx)(()=>[(0,f.renderSlot)(e.$slots,`action-right`)]),_:3})]),_:3})]),_:3})])):(0,f.createCommentVNode)(``,!0)]))}}),oD=(0,f.defineComponent)({__name:`DashboardPageHeaderMasterActionButton`,props:{icon:{},label:{}},setup(e){let t=e;return(e,n)=>((0,f.openBlock)(),(0,f.createBlock)(X,{icon:t.icon,label:t.label,variant:`tertiary`},null,8,[`icon`,`label`]))}});function sD({maxDate:e,minDate:t,modelValue:n}){let r=J(),i=(0,f.computed)(()=>r.dateLocale.value??navigator.language);function a(n){return t.value!==null&&S.Temporal.PlainDate.compare(n,t.value)<0?t.value:e.value!==null&&S.Temporal.PlainDate.compare(n,e.value)>0?e.value:n}let o=a(n.value??S.Temporal.Now.plainDateISO()),s=(0,f.shallowRef)(new x.CalendarDate(o.year,o.month,o.day));function c(e){s.value=e}(0,f.watch)(n,e=>{e!==null&&(s.value=new x.CalendarDate(e.year,e.month,e.day))});function l(e){return new x.CalendarDate(e.year,e.month,e.day)}function u(e){return S.Temporal.PlainDate.from({day:e.day,month:e.month,year:e.year})}let d=(0,f.computed)({get:()=>{if(n.value!==null)return l(n.value)},set:e=>{e==null?n.value=null:n.value=u(e)}}),p=(0,f.computed)(()=>{if(t.value!=null)return l(t.value)});return{plainDateToCalendarDate:l,calendarPlaceholder:s,calendarValue:d,locale:i,maxDateValue:(0,f.computed)(()=>{if(e.value!=null)return l(e.value)}),minDateValue:p,setPlaceholder:c}}var cD=V({slots:{field:`flex h-full flex-1 items-center px-sm`,literal:`text-placeholder select-none`,segment:`
       rounded-xs px-xxs text-primary tabular-nums caret-transparent outline-none
       group-data-disabled/field-wrapper:pointer-events-none
       hover:bg-secondary-hover hover:text-primary
@@ -945,7 +945,7 @@ Example: <UIConfigProvider :file-upload-adapter="myAdapter"><UIBaseFileUploadRoo
       outline-none
       disabled:cursor-not-allowed disabled:text-disabled
       data-placeholder:text-placeholder
-    `},variants:{size:{md:{trigger:`gap-sm px-md`},sm:{trigger:`gap-xxs px-sm`}}}}),xD=1;function SD(e){try{if(typeof Intl>`u`||Intl.Locale===void 0)return xD;let t=new Intl.Locale(e);if(typeof t.getWeekInfo!=`function`)return xD;let{firstDay:n}=t.getWeekInfo();return n<1||n>7?xD:n===7?0:n}catch{return xD}}var CD=(0,f.defineComponent)({inheritAttrs:!1,__name:`DateField`,props:(0,f.mergeModels)((0,f.mergeDefaults)({maxDate:{},minDate:{},isPickerHidden:{type:Boolean},getDayConfig:{type:Function},size:{},id:{},isReadonly:{type:Boolean},isRequired:{type:Boolean},name:{},class:{},style:{},isDisabled:{type:Boolean},disabledReason:{},isErrorMessageHidden:{type:Boolean},isHorizontal:{type:Boolean},isLabelHidden:{type:Boolean},errorMessage:{},for:{},helpText:{},hideErrorMessage:{type:Boolean},hint:{},label:{},isLoading:{type:Boolean},iconLeft:{},iconRight:{},placeholder:{}},{...ry,...iy,...ay,maxDate:null,minDate:null,isPickerHidden:!1,size:`md`}),{modelValue:{required:!0},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let t=e,n=(0,f.useModel)(e,`modelValue`),r=(0,g.useI18n)(),i=t.id??(0,f.useId)(),a=(0,f.useAttrs)(),{isError:o,ariaDescribedBy:s,ariaInvalid:c}=ty(i,t),l=(0,f.ref)(!1),{calendarPlaceholder:u,calendarValue:d,locale:p,maxDateValue:m,minDateValue:_,setPlaceholder:v}=sD({maxDate:(0,f.toRef)(t,`maxDate`),minDate:(0,f.toRef)(t,`minDate`),modelValue:n}),y=(0,f.computed)(()=>cD({size:t.size}));return uD({datePickerStyle:(0,f.computed)(()=>bD({size:t.size})),placeholder:u,setPlaceholder:v,onClose:()=>{l.value=!1}}),(e,n)=>((0,f.openBlock)(),(0,f.createBlock)(Ay,{"error-message":t.errorMessage,"is-disabled":t.isDisabled,"is-required":t.isRequired,"disabled-reason":t.disabledReason,hint:t.hint,label:t.label,class:(0,f.normalizeClass)(t.class),style:(0,f.normalizeStyle)(t.style),for:(0,f.unref)(i),"help-text":t.helpText,"hide-error-message":t.hideErrorMessage,"is-error-message-hidden":t.isErrorMessageHidden,"is-label-hidden":t.isLabelHidden},{"label-left":(0,f.withCtx)(()=>[(0,f.renderSlot)(e.$slots,`label-left`)]),"label-right":(0,f.withCtx)(()=>[(0,f.renderSlot)(e.$slots,`label-right`)]),default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(h.DatePickerRoot),{id:(0,f.unref)(i),modelValue:(0,f.unref)(d),"onUpdate:modelValue":n[0]||=e=>(0,f.isRef)(d)?d.value=e:null,open:l.value,"onUpdate:open":n[1]||=e=>l.value=e,placeholder:(0,f.unref)(u),"onUpdate:placeholder":n[2]||=e=>(0,f.isRef)(u)?u.value=e:null,"week-starts-on":(0,f.unref)(SD)((0,f.unref)(p)),disabled:t.isDisabled,"max-value":(0,f.unref)(m),"min-value":(0,f.unref)(_),readonly:t.isReadonly,required:t.isRequired,locale:(0,f.unref)(p)},{default:(0,f.withCtx)(()=>[(0,f.createVNode)(Sy,{"is-disabled":t.isDisabled,"is-error":(0,f.unref)(o),"is-loading":t.isLoading,"is-readonly":t.isReadonly,size:t.size},(0,f.createSlots)({default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(h.DatePickerField),(0,f.mergeProps)({id:(0,f.unref)(i)},(0,f.unref)(a),{"aria-describedby":(0,f.unref)(s),"aria-invalid":(0,f.unref)(c),"aria-required":t.isRequired||void 0,class:y.value.field()}),{default:(0,f.withCtx)(({segments:e})=>[((0,f.openBlock)(!0),(0,f.createElementBlock)(f.Fragment,null,(0,f.renderList)(e,({part:e,value:t})=>((0,f.openBlock)(),(0,f.createElementBlock)(f.Fragment,{key:e},[e===`literal`?((0,f.openBlock)(),(0,f.createBlock)((0,f.unref)(h.DatePickerInput),{key:1,part:e,class:(0,f.normalizeClass)(y.value.literal())},{default:(0,f.withCtx)(()=>[(0,f.createTextVNode)((0,f.toDisplayString)(t),1)]),_:2},1032,[`part`,`class`])):((0,f.openBlock)(),(0,f.createBlock)((0,f.unref)(h.DatePickerInput),{key:0,part:e,class:(0,f.normalizeClass)(y.value.segment()),"data-field-wrapper":``},{default:(0,f.withCtx)(()=>[(0,f.createTextVNode)((0,f.toDisplayString)(t),1)]),_:2},1032,[`part`,`class`]))],64))),128))]),_:1},16,[`id`,`aria-describedby`,`aria-invalid`,`aria-required`,`class`])]),_:2},[t.isPickerHidden?void 0:{name:`right`,fn:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(h.DatePickerTrigger),{"as-child":!0},{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(X),{"is-disabled":t.isDisabled||t.isReadonly,"is-tooltip-disabled":!0,icon:(0,f.unref)(Xt),label:(0,f.unref)(r).t(`component.date_picker.open`),class:(0,f.normalizeClass)({"mr-xs":t.size===`md`,"mr-xxs":t.size===`sm`}),size:`xs`,type:`button`,variant:`tertiary`},null,8,[`is-disabled`,`icon`,`label`,`class`])]),_:1})]),key:`0`}]),1032,[`is-disabled`,`is-error`,`is-loading`,`is-readonly`,`size`]),(0,f.createVNode)(ei,{"as-child":!0},{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(h.DatePickerContent),{"side-offset":8,"collision-padding":10,"data-animation":`popover-default`,class:`z-50 origin-(--reka-popover-content-transform-origin) will-change-[transform,opacity]`,align:`end`},{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(h.DatePickerCalendar),{class:`flex flex-col gap-lg overflow-hidden rounded-2xl border border-secondary bg-primary px-xl py-lg shadow-lg`,"weekday-format":`short`},{default:(0,f.withCtx)(({weekDays:e,grid:n})=>[(0,f.createVNode)(yD),((0,f.openBlock)(!0),(0,f.createElementBlock)(f.Fragment,null,(0,f.renderList)(n,n=>((0,f.openBlock)(),(0,f.createBlock)(pD,{key:n.value.toString(),"get-day-config":t.getDayConfig,month:n,"week-days":e},null,8,[`get-day-config`,`month`,`week-days`]))),128))]),_:1})]),_:1})]),_:1})]),_:1},8,[`id`,`modelValue`,`open`,`placeholder`,`week-starts-on`,`disabled`,`max-value`,`min-value`,`readonly`,`required`,`locale`])]),_:3},8,[`error-message`,`is-disabled`,`is-required`,`disabled-reason`,`hint`,`label`,`class`,`style`,`for`,`help-text`,`hide-error-message`,`is-error-message-hidden`,`is-label-hidden`]))}}),wD=(0,f.defineComponent)({inheritAttrs:!1,__name:`DatePicker`,props:(0,f.mergeModels)({maxDate:{default:null},minDate:{default:null},hasFixedWeeks:{type:Boolean,default:!1},fixedWeeks:{type:Boolean},getDayConfig:{},size:{default:`md`}},{modelValue:{required:!0},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let t=e,n=(0,f.useAttrs)(),r=(0,f.useModel)(e,`modelValue`),{calendarPlaceholder:i,calendarValue:a,locale:o,maxDateValue:s,minDateValue:c,setPlaceholder:l}=sD({maxDate:(0,f.toRef)(t,`maxDate`),minDate:(0,f.toRef)(t,`minDate`),modelValue:r}),u=(0,f.computed)(()=>t.hasFixedWeeks||t.fixedWeeks===!0);return uD({datePickerStyle:(0,f.computed)(()=>bD({size:t.size})),placeholder:i,setPlaceholder:l}),(e,r)=>((0,f.openBlock)(),(0,f.createBlock)(ei,null,{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(h.DatePickerRoot),(0,f.mergeProps)((0,f.unref)(n),{modelValue:(0,f.unref)(a),"onUpdate:modelValue":r[0]||=e=>(0,f.isRef)(a)?a.value=e:null,placeholder:(0,f.unref)(i),"onUpdate:placeholder":r[1]||=e=>(0,f.isRef)(i)?i.value=e:null,"week-starts-on":(0,f.unref)(SD)((0,f.unref)(o)),"max-value":(0,f.unref)(s),"min-value":(0,f.unref)(c),locale:(0,f.unref)(o),"fixed-weeks":u.value}),{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(h.DatePickerCalendar),{"fixed-weeks":!1,class:`flex flex-col gap-lg overflow-hidden bg-primary p-2xl px-3xl`,"weekday-format":`short`},{default:(0,f.withCtx)(({weekDays:e,grid:n})=>[(0,f.createVNode)(yD),((0,f.openBlock)(!0),(0,f.createElementBlock)(f.Fragment,null,(0,f.renderList)(n,n=>((0,f.openBlock)(),(0,f.createBlock)(pD,{key:n.value.toString(),"get-day-config":t.getDayConfig,month:n,"week-days":e},null,8,[`get-day-config`,`month`,`week-days`]))),128))]),_:1})]),_:1},16,[`modelValue`,`placeholder`,`week-starts-on`,`max-value`,`min-value`,`locale`,`fixed-weeks`])]),_:1}))}});function TD({maxDate:e,minDate:t,modelValue:n}){let r=J(),i=(0,f.computed)(()=>r.dateLocale.value??navigator.language),a=(0,f.ref)(!1),o=(0,m.useBreakpoints)({md:768}).smaller(`md`),s=S.Temporal.Now.plainDateISO(),c=n.value.from??s,l=(0,f.shallowRef)(new x.CalendarDate(c.year,c.month,1)),u=(0,f.shallowRef)({end:n.value?.until==null?void 0:h(n.value.until),start:n.value?.from==null?void 0:h(n.value.from)});function d(e){if(e.start!=null&&e.end!=null&&e.start.compare(e.end)>0){a.value=!0;return}a.value=!1,u.value=e}function p(e){l.value=e}function h(e){return new x.CalendarDate(e.year,e.month,e.day)}function g(e){return S.Temporal.PlainDate.from({day:e.day,month:e.month,year:e.year})}(0,f.watch)(u,e=>{e.start!=null&&e.end!=null?n.value={from:g(e.start),until:g(e.end)}:e.start==null&&e.end==null&&(n.value={from:null,until:null})},{deep:!0});function _(e){e===null?u.value={end:void 0,start:void 0}:u.value={end:h(e.until),start:h(e.from)}}function v(){let e=n.value?.from==null?void 0:h(n.value.from),t=n.value?.until==null?void 0:h(n.value.until),r=e==null?u.value.start!=null:u.value.start==null||e.compare(u.value.start)!==0,i=t==null?u.value.end!=null:u.value.end==null||t.compare(u.value.end)!==0;!r&&!i||(u.value={end:t,start:e})}(0,f.watch)(n,v);let y=(0,f.computed)(()=>{if(t.value!=null)return h(t.value)});return{isInvalidRange:a,isSingleMonth:o,calendarPlaceholder:l,draftValue:u,locale:i,maxDateValue:(0,f.computed)(()=>{if(e.value!=null)return h(e.value)}),minDateValue:y,setPlaceholder:p,setPreset:_,syncDraftFromModel:v,onDraftValueUpdate:d}}var[ED,DD]=F(`dateRangeFieldContext`),OD=V({slots:{field:`ml-sm flex h-full min-w-0 flex-1 items-center`,literal:`text-placeholder select-none`,segment:`
+    `},variants:{size:{md:{trigger:`gap-sm px-md`},sm:{trigger:`gap-xxs px-sm`}}}}),xD=1;function SD(e){try{if(typeof Intl>`u`||Intl.Locale===void 0)return xD;let t=new Intl.Locale(e);if(typeof t.getWeekInfo!=`function`)return xD;let{firstDay:n}=t.getWeekInfo();return n<1||n>7?xD:n===7?0:n}catch{return xD}}var CD=(0,f.defineComponent)({inheritAttrs:!1,__name:`DateField`,props:(0,f.mergeModels)((0,f.mergeDefaults)({maxDate:{},minDate:{},isPickerHidden:{type:Boolean},getDayConfig:{type:Function},size:{},id:{},isReadonly:{type:Boolean},isRequired:{type:Boolean},name:{},class:{},style:{},isDisabled:{type:Boolean},disabledReason:{},isErrorMessageHidden:{type:Boolean},isHorizontal:{type:Boolean},isLabelHidden:{type:Boolean},errorMessage:{},for:{},helpText:{},hideErrorMessage:{type:Boolean},hint:{},label:{},isLoading:{type:Boolean},iconLeft:{},iconRight:{},placeholder:{}},{...ry,...iy,...ay,maxDate:null,minDate:null,isPickerHidden:!1,size:`md`}),{modelValue:{required:!0},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let t=e,n=(0,f.useModel)(e,`modelValue`),r=(0,g.useI18n)(),i=t.id??(0,f.useId)(),a=(0,f.useAttrs)(),{isError:o,ariaDescribedBy:s,ariaInvalid:c}=ty(i,t),l=(0,f.ref)(!1),{calendarPlaceholder:u,calendarValue:d,locale:p,maxDateValue:m,minDateValue:_,setPlaceholder:v}=sD({maxDate:(0,f.toRef)(t,`maxDate`),minDate:(0,f.toRef)(t,`minDate`),modelValue:n}),y=(0,f.computed)(()=>cD({size:t.size}));return uD({datePickerStyle:(0,f.computed)(()=>bD({size:t.size})),placeholder:u,setPlaceholder:v,onClose:()=>{l.value=!1}}),(e,n)=>((0,f.openBlock)(),(0,f.createBlock)(Ay,{"error-message":t.errorMessage,"is-disabled":t.isDisabled,"is-required":t.isRequired,"disabled-reason":t.disabledReason,hint:t.hint,label:t.label,class:(0,f.normalizeClass)(t.class),style:(0,f.normalizeStyle)(t.style),for:(0,f.unref)(i),"help-text":t.helpText,"hide-error-message":t.hideErrorMessage,"is-error-message-hidden":t.isErrorMessageHidden,"is-label-hidden":t.isLabelHidden},{"label-left":(0,f.withCtx)(()=>[(0,f.renderSlot)(e.$slots,`label-left`)]),"label-right":(0,f.withCtx)(()=>[(0,f.renderSlot)(e.$slots,`label-right`)]),default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(h.DatePickerRoot),{id:(0,f.unref)(i),modelValue:(0,f.unref)(d),"onUpdate:modelValue":n[0]||=e=>(0,f.isRef)(d)?d.value=e:null,open:l.value,"onUpdate:open":n[1]||=e=>l.value=e,placeholder:(0,f.unref)(u),"onUpdate:placeholder":n[2]||=e=>(0,f.isRef)(u)?u.value=e:null,"week-starts-on":(0,f.unref)(SD)((0,f.unref)(p)),disabled:t.isDisabled,"max-value":(0,f.unref)(m),"min-value":(0,f.unref)(_),readonly:t.isReadonly,required:t.isRequired,locale:(0,f.unref)(p)},{default:(0,f.withCtx)(()=>[(0,f.createVNode)(Sy,{"is-disabled":t.isDisabled,"is-error":(0,f.unref)(o),"is-loading":t.isLoading,"is-readonly":t.isReadonly,size:t.size},(0,f.createSlots)({default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(h.DatePickerField),(0,f.mergeProps)({id:(0,f.unref)(i)},(0,f.unref)(a),{"aria-describedby":(0,f.unref)(s),"aria-invalid":(0,f.unref)(c),"aria-required":t.isRequired||void 0,class:y.value.field()}),{default:(0,f.withCtx)(({segments:e})=>[((0,f.openBlock)(!0),(0,f.createElementBlock)(f.Fragment,null,(0,f.renderList)(e,({part:e,value:t})=>((0,f.openBlock)(),(0,f.createElementBlock)(f.Fragment,{key:e},[e===`literal`?((0,f.openBlock)(),(0,f.createBlock)((0,f.unref)(h.DatePickerInput),{key:1,part:e,class:(0,f.normalizeClass)(y.value.literal())},{default:(0,f.withCtx)(()=>[(0,f.createTextVNode)((0,f.toDisplayString)(t),1)]),_:2},1032,[`part`,`class`])):((0,f.openBlock)(),(0,f.createBlock)((0,f.unref)(h.DatePickerInput),{key:0,part:e,class:(0,f.normalizeClass)(y.value.segment()),"data-field-wrapper":``},{default:(0,f.withCtx)(()=>[(0,f.createTextVNode)((0,f.toDisplayString)(t),1)]),_:2},1032,[`part`,`class`]))],64))),128))]),_:1},16,[`id`,`aria-describedby`,`aria-invalid`,`aria-required`,`class`])]),_:2},[t.isPickerHidden?void 0:{name:`right`,fn:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(h.DatePickerTrigger),{"as-child":!0},{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(X),{"is-disabled":t.isDisabled||t.isReadonly,"is-tooltip-disabled":!0,icon:(0,f.unref)(Xt),label:(0,f.unref)(r).t(`component.date_picker.open`),class:(0,f.normalizeClass)({"mr-xs":t.size===`md`,"mr-xxs":t.size===`sm`}),size:`xs`,type:`button`,variant:`tertiary`},null,8,[`is-disabled`,`icon`,`label`,`class`])]),_:1})]),key:`0`}]),1032,[`is-disabled`,`is-error`,`is-loading`,`is-readonly`,`size`]),(0,f.createVNode)(ei,{"as-child":!0},{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(h.DatePickerContent),{"side-offset":8,"collision-padding":10,"data-animation":`popover-default`,class:`z-50 origin-(--reka-popover-content-transform-origin) will-change-[transform,opacity]`,align:`end`},{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(h.DatePickerCalendar),{class:`flex flex-col gap-lg overflow-hidden rounded-2xl border border-secondary bg-primary px-xl py-lg shadow-lg`,"weekday-format":`short`},{default:(0,f.withCtx)(({weekDays:e,grid:n})=>[(0,f.createVNode)(yD),((0,f.openBlock)(!0),(0,f.createElementBlock)(f.Fragment,null,(0,f.renderList)(n,n=>((0,f.openBlock)(),(0,f.createBlock)(pD,{key:n.value.toString(),"get-day-config":t.getDayConfig,month:n,"week-days":e},null,8,[`get-day-config`,`month`,`week-days`]))),128))]),_:1})]),_:1})]),_:1})]),_:1},8,[`id`,`modelValue`,`open`,`placeholder`,`week-starts-on`,`disabled`,`max-value`,`min-value`,`readonly`,`required`,`locale`])]),_:3},8,[`error-message`,`is-disabled`,`is-required`,`disabled-reason`,`hint`,`label`,`class`,`style`,`for`,`help-text`,`hide-error-message`,`is-error-message-hidden`,`is-label-hidden`]))}}),wD=(0,f.defineComponent)({inheritAttrs:!1,__name:`DatePicker`,props:(0,f.mergeModels)({maxDate:{default:null},minDate:{default:null},hasFixedWeeks:{type:Boolean,default:!1},fixedWeeks:{type:Boolean},getDayConfig:{},size:{default:`md`}},{modelValue:{required:!0},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let t=e,n=(0,f.useAttrs)(),r=(0,f.useModel)(e,`modelValue`),{calendarPlaceholder:i,calendarValue:a,locale:o,maxDateValue:s,minDateValue:c,setPlaceholder:l}=sD({maxDate:(0,f.toRef)(t,`maxDate`),minDate:(0,f.toRef)(t,`minDate`),modelValue:r}),u=(0,f.computed)(()=>t.hasFixedWeeks||t.fixedWeeks===!0);return uD({datePickerStyle:(0,f.computed)(()=>bD({size:t.size})),placeholder:i,setPlaceholder:l}),(e,r)=>((0,f.openBlock)(),(0,f.createBlock)(ei,null,{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(h.DatePickerRoot),(0,f.mergeProps)((0,f.unref)(n),{modelValue:(0,f.unref)(a),"onUpdate:modelValue":r[0]||=e=>(0,f.isRef)(a)?a.value=e:null,placeholder:(0,f.unref)(i),"onUpdate:placeholder":r[1]||=e=>(0,f.isRef)(i)?i.value=e:null,"week-starts-on":(0,f.unref)(SD)((0,f.unref)(o)),"max-value":(0,f.unref)(s),"min-value":(0,f.unref)(c),locale:(0,f.unref)(o),"fixed-weeks":u.value}),{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(h.DatePickerCalendar),{"fixed-weeks":!1,class:`flex flex-col gap-lg overflow-hidden bg-primary p-2xl px-3xl`,"weekday-format":`short`},{default:(0,f.withCtx)(({weekDays:e,grid:n})=>[(0,f.createVNode)(yD),((0,f.openBlock)(!0),(0,f.createElementBlock)(f.Fragment,null,(0,f.renderList)(n,n=>((0,f.openBlock)(),(0,f.createBlock)(pD,{key:n.value.toString(),"get-day-config":t.getDayConfig,month:n,"week-days":e},null,8,[`get-day-config`,`month`,`week-days`]))),128))]),_:1})]),_:1},16,[`modelValue`,`placeholder`,`week-starts-on`,`max-value`,`min-value`,`locale`,`fixed-weeks`])]),_:1}))}});function TD({maxDate:e,minDate:t,modelValue:n}){let r=J(),i=(0,f.computed)(()=>r.dateLocale.value??navigator.language),a=(0,f.ref)(!1),o=(0,m.useBreakpoints)({md:768}).smaller(`md`);function s(n){return t.value!==null&&S.Temporal.PlainDate.compare(n,t.value)<0?t.value:e.value!==null&&S.Temporal.PlainDate.compare(n,e.value)>0?e.value:n}let c=S.Temporal.Now.plainDateISO(),l=s(n.value.from??c),u=(0,f.shallowRef)(new x.CalendarDate(l.year,l.month,1)),d=(0,f.shallowRef)({end:n.value?.until==null?void 0:g(n.value.until),start:n.value?.from==null?void 0:g(n.value.from)});function p(e){if(e.start!=null&&e.end!=null&&e.start.compare(e.end)>0){a.value=!0;return}a.value=!1,d.value=e}function h(e){u.value=e}function g(e){return new x.CalendarDate(e.year,e.month,e.day)}function _(e){return S.Temporal.PlainDate.from({day:e.day,month:e.month,year:e.year})}(0,f.watch)(d,e=>{e.start!=null&&e.end!=null?n.value={from:_(e.start),until:_(e.end)}:e.start==null&&e.end==null&&(n.value={from:null,until:null})},{deep:!0});function v(e){e===null?d.value={end:void 0,start:void 0}:d.value={end:g(e.until),start:g(e.from)}}function y(){let e=n.value?.from==null?void 0:g(n.value.from),t=n.value?.until==null?void 0:g(n.value.until),r=e==null?d.value.start!=null:d.value.start==null||e.compare(d.value.start)!==0,i=t==null?d.value.end!=null:d.value.end==null||t.compare(d.value.end)!==0;!r&&!i||(d.value={end:t,start:e})}(0,f.watch)(n,y);let b=(0,f.computed)(()=>{if(t.value!=null)return g(t.value)});return{isInvalidRange:a,isSingleMonth:o,calendarPlaceholder:u,draftValue:d,locale:i,maxDateValue:(0,f.computed)(()=>{if(e.value!=null)return g(e.value)}),minDateValue:b,setPlaceholder:h,setPreset:v,syncDraftFromModel:y,onDraftValueUpdate:p}}var[ED,DD]=F(`dateRangeFieldContext`),OD=V({slots:{field:`ml-sm flex h-full min-w-0 flex-1 items-center`,literal:`text-placeholder select-none`,segment:`
       rounded-sm text-primary tabular-nums caret-transparent outline-none
       group-data-disabled/field-wrapper:pointer-events-none
       hover:bg-secondary-hover hover:text-primary
@@ -1016,9 +1016,9 @@ Example: <UIConfigProvider :file-upload-adapter="myAdapter"><UIBaseFileUploadRoo
       outline-none
       disabled:cursor-not-allowed
     `}}),vA=(0,f.defineComponent)({__name:`RadioGroupIndicator`,setup(e){let{radioGroupStyle:t}=gA();return(e,n)=>((0,f.openBlock)(),(0,f.createBlock)((0,f.unref)(_.AnimatePresence),null,{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(h.RadioGroupIndicator),{class:(0,f.normalizeClass)((0,f.unref)(t).indicator()),"as-child":!0},{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(_.Motion),{initial:{opacity:0,scale:1.5},animate:{opacity:1,scale:1},exit:{opacity:0,scale:1.5},transition:{duration:.3,type:`spring`,bounce:0}})]),_:1},8,[`class`])]),_:1}))}}),yA=(0,f.defineComponent)({__name:`BaseRadioGroup`,props:{id:{},isLabelHidden:{type:Boolean,default:!1},description:{default:null},label:{},value:{},isDisabled:{type:Boolean,default:!1},disabledReason:{default:null}},emits:[`blur`,`focus`],setup(e,{emit:t}){let n=e,r=t,i=(0,f.computed)(()=>_A());return hA({radioGroupStyle:i}),(e,t)=>((0,f.openBlock)(),(0,f.createBlock)(W,{"is-disabled":!n.isDisabled||n.disabledReason==null,label:n.disabledReason},{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(h.RadioGroupItem),{id:n.id??void 0,disabled:n.isDisabled,value:n.value,class:(0,f.normalizeClass)(i.value.root()),onBlur:t[0]||=e=>r(`blur`),onFocus:t[1]||=e=>r(`focus`)},{default:(0,f.withCtx)(()=>[(0,f.createVNode)(I,{align:`start`},{default:(0,f.withCtx)(()=>[(0,f.createElementVNode)(`div`,{class:(0,f.normalizeClass)(i.value.control())},[(0,f.createVNode)(vA)],2),(0,f.createVNode)(G,{class:(0,f.normalizeClass)(n.isLabelHidden&&`sr-only`),gap:`none`},{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(U),{text:n.label,class:(0,f.normalizeClass)(i.value.label())},null,8,[`text`,`class`]),n.description?((0,f.openBlock)(),(0,f.createBlock)((0,f.unref)(U),{key:0,text:n.description,class:(0,f.normalizeClass)(i.value.description())},null,8,[`text`,`class`])):(0,f.createCommentVNode)(``,!0)]),_:1},8,[`class`])]),_:1})]),_:1},8,[`id`,`disabled`,`value`,`class`])]),_:1},8,[`is-disabled`,`label`]))}}),bA=(0,f.defineComponent)({__name:`RadioGroupItem`,props:(0,f.mergeDefaults)({id:{},isLabelHidden:{type:Boolean},description:{},label:{},value:{},isDisabled:{type:Boolean},disabledReason:{}},{...mA}),setup(e){let t=e;return(e,n)=>((0,f.openBlock)(),(0,f.createBlock)(yA,(0,f.normalizeProps)((0,f.guardReactiveProps)(t)),null,16))}}),[xA,SA]=F(`radioGroupContext`),CA=(0,f.defineComponent)({__name:`RadioGroupRoot`,props:(0,f.mergeModels)({orientation:{default:`vertical`},id:{},isReadonly:{type:Boolean},isRequired:{type:Boolean},name:{},class:{},style:{},isDisabled:{type:Boolean,default:!1},disabledReason:{default:null},isErrorMessageHidden:{type:Boolean,default:!1},isHorizontal:{type:Boolean},isLabelHidden:{type:Boolean},errorMessage:{},for:{},helpText:{},hideErrorMessage:{type:Boolean,default:!1},hint:{},label:{}},{modelValue:{required:!0},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let t=e,n=(0,f.useModel)(e,`modelValue`);return xA({isDisabled:(0,f.computed)(()=>t.isDisabled),modelValue:n,orientation:(0,f.computed)(()=>t.orientation)}),(e,r)=>((0,f.openBlock)(),(0,f.createBlock)(W,{"is-disabled":!t.isDisabled||t.disabledReason==null,label:t.disabledReason},{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(h.RadioGroupRoot),{modelValue:n.value,"onUpdate:modelValue":r[0]||=e=>n.value=e,orientation:t.orientation,disabled:t.isDisabled},{default:(0,f.withCtx)(()=>[(0,f.renderSlot)(e.$slots,`default`)]),_:3},8,[`modelValue`,`orientation`,`disabled`])]),_:3},8,[`is-disabled`,`label`]))}}),wA=/Mobi|Android/i;function TA(){return wA.test(navigator.userAgent)}var EA=(0,f.defineComponent)({__name:`RelativeDateTime`,props:{dateTime:{},leadingText:{default:null}},setup(e){let t=e,n=(0,f.useAttrs)(),r=S.Temporal.Now.instant(),i=(0,C.useDateTimeFormat)(),a=(0,f.ref)(!0);function o(){TA()&&(a.value=!a.value)}return(e,s)=>((0,f.openBlock)(),(0,f.createBlock)((0,f.unref)(W),{label:(0,f.unref)(i).toDateTime(t.dateTime,!0)},{default:(0,f.withCtx)(()=>[(0,f.createElementVNode)(`span`,(0,f.normalizeProps)((0,f.guardReactiveProps)((0,f.unref)(n))),[(0,f.createTextVNode)((0,f.toDisplayString)(t.leadingText)+` `,1),(0,f.createVNode)(sO,{value:(0,f.unref)(i).toDateTime(t.dateTime,!0),class:`whitespace-nowrap`,onClick:o},{default:(0,f.withCtx)(()=>[a.value?((0,f.openBlock)(),(0,f.createElementBlock)(f.Fragment,{key:0},[(0,f.createTextVNode)((0,f.toDisplayString)((0,f.unref)(i).toRelativeTime(t.dateTime,(0,f.unref)(r))),1)],64)):((0,f.openBlock)(),(0,f.createElementBlock)(f.Fragment,{key:1},[(0,f.createTextVNode)((0,f.toDisplayString)((0,f.unref)(i).toDateTime(t.dateTime,!0)),1)],64))]),_:1},8,[`value`])],16)]),_:1},8,[`label`]))}});function DA(){return process.env.ENVIRONMENT!==`production`}new class{prefix;constructor(e={}){this.prefix=e.prefix??``}buildArgs(e,t){return typeof e==`string`?[`${this.prefix.length>0?`${this.prefix} `:``}${e}`,...t]:this.prefix.length>0?[this.prefix,e,...t]:[e,...t]}log(e,t,...n){let r=this.buildArgs(t,n);switch(e){case`debug`:console.debug(...r);break;case`info`:console.info(...r);break;case`warn`:console.warn(...r);break;case`error`:console.error(...r);break}}debug(e,...t){DA()&&this.log(`debug`,e,...t)}error(e,...t){this.log(`error`,e,...t)}info(e,...t){DA()&&this.log(`info`,e,...t)}warn(e,...t){this.log(`warn`,e,...t)}};var OA=/([a-z])([A-Z])/g,kA=/([A-Z]+)([A-Z][a-z])/g,AA=/[\u0300-\u036F]/g,jA=/[^\w\s-]/g,MA=/[\s_]+/g,NA=/^-+|-+$/g,PA=/<[^>]*>/g,FA=class{static camelToKebab(e){return e.replace(OA,`$1-$2`).replace(kA,`$1-$2`).toLowerCase()}static capitalize(e){return e.length===0?e:e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()}static isEmpty(e){return e==null||e.trim().length===0}static slugify(e){return e.toLowerCase().trim().normalize(`NFD`).replace(AA,``).replace(jA,``).replace(MA,`-`).replace(NA,``)}static stripHtml(e){return e.replace(PA,``)}static trimOrNull(e){return e?.trim()||null}static trimOrUndefined(e){return e?.trim()||void 0}static truncate(e,t){return e.length<=t?e:`${e.slice(0,t)}...`}},IA=(0,f.defineComponent)({__name:`SearchField`,props:{search:{}},setup(e){let t=e,n=(0,f.useTemplateRef)(`textField`),r=(0,f.useId)(),i=(0,g.useI18n)();return ut(`Mod+F`,()=>{n.value?.input?.focus()},{preventDefault:!0}),(e,n)=>((0,f.openBlock)(),(0,f.createBlock)((0,f.unref)(vb),{id:(0,f.unref)(r),ref:`textField`,"model-value":t.search.search.value,placeholder:(0,f.unref)(i).t(`component.search_input.placeholder`),"icon-left":(0,f.unref)(hr),"aria-label":(0,f.unref)(i).t(`component.search_input.placeholder`),size:`sm`,class:`w-44`,"onUpdate:modelValue":n[1]||=e=>t.search.updateSearch(e??``)},{right:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(_.AnimatePresence),{initial:!1},{default:(0,f.withCtx)(()=>[(0,f.unref)(FA).isEmpty(t.search.search.value)?(0,f.createCommentVNode)(``,!0):((0,f.openBlock)(),(0,f.createBlock)((0,f.unref)(_.Motion),{key:0,transition:{duration:.2,type:`spring`,bounce:0},initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},class:`mr-xxs flex items-center justify-center`},{default:(0,f.withCtx)(()=>[(0,f.createVNode)((0,f.unref)(X),{label:(0,f.unref)(i).t(`component.search_input.clear`),icon:(0,f.unref)(zr),variant:`tertiary`,size:`xs`,onClick:n[0]||=e=>t.search.clear()},null,8,[`label`,`icon`])]),_:1}))]),_:1})]),_:1},8,[`id`,`model-value`,`placeholder`,`icon-left`,`aria-label`]))}}),LA=50,RA=`search`;function zA(e){let t=e?.persistInUrl===!1?!1:e?.persistInUrl??RA,n=t===!0||typeof t==`string`?(0,b.useRouteQuery)(`search`,``,{mode:`replace`}):(0,f.ref)(``),r=(0,f.ref)(n.value),i=(0,f.ref)(!1),a=(0,f.computed)(()=>!FA.isEmpty(r.value)),o=null;function s(){n.value=``,r.value=``,i.value=!1,o&&clearTimeout(o)}(0,f.watch)(n,t=>{o&&clearTimeout(o),i.value=!0,o=setTimeout(()=>{r.value=t,i.value=!1},e?.debounceMs??LA)},{immediate:!0});function c(e,t=!1){n.value=e,t&&(o&&clearTimeout(o),r.value=e,i.value=!1)}return{isActive:a,isDebouncing:i,clear:s,debouncedSearch:r,search:n,updateSearch:c}}var[BA,VA]=F(`switchContext`),HA=V({slots:{root:`
-      group/switch relative isolate h-5 w-8 overflow-hidden rounded-full border
-      border-solid border-gray-200 bg-quaternary px-xxs outline-offset-3
-      outline-brand-600 duration-200
+      group/switch relative isolate h-5 w-8 shrink-0 overflow-hidden
+      rounded-full border border-solid border-gray-200 bg-quaternary px-xxs
+      outline-offset-3 outline-brand-600 duration-200
       disabled:cursor-not-allowed disabled:border-disabled-subtle
       disabled:bg-disabled
       data-invalid:bg-error-secondary data-invalid:outline-error-600

package/dist/index.js

@@ -29207,10 +29207,12 @@ var SA = /* @__PURE__ */ h({
 	},
 	variants: { variant: {
 		"bordered-inline": {
+			content: "rounded-lg",
 			pane: "\n          inset-y-2 right-2 rounded-lg border border-secondary shadow-floating\n          max-md:inset-2! max-md:w-auto!\n        ",
 			resizeHandle: "-inset-y-2"
 		},
 		"bordered-overlay": {
+			content: "rounded-lg",
 			pane: "\n          inset-y-2 right-2 rounded-lg border border-secondary shadow-floating\n          max-md:inset-2! max-md:w-auto!\n        ",
 			resizeHandle: "-inset-y-2"
 		},
@@ -29934,32 +29936,44 @@ var [ej, tj] = K("tabsContext"), nj = pu({
 			type: Boolean,
 			default: !1
 		},
+		config: { default: null },
 		count: { default: null },
 		icon: { default: void 0 },
 		label: {}
 	},
 	setup(e) {
-		let t = e;
-		return (e, n) => (A(), l(i, null, [
-			t.icon == null ? c("", !0) : (A(), s(F(t.icon), {
+		let t = e, n = o(() => t.config?.left == null ? t.icon == null ? { type: "none" } : {
+			icon: t.icon,
+			type: "icon"
+		} : t.config.left), r = o(() => t.config?.indicator == null ? t.count == null ? { type: "none" } : {
+			type: "count",
+			value: t.count
+		} : t.config.indicator);
+		return (e, a) => (A(), l(i, null, [
+			n.value.type === "icon" ? (A(), s(F(n.value.icon), {
 				key: 0,
 				class: "size-4 shrink-0"
-			})),
+			})) : c("", !0),
 			m(R(Q), {
 				text: t.label,
 				class: E([{ "sr-only": t.isLabelHidden }, "text-xs"])
 			}, null, 8, ["text", "class"]),
-			t.count == null ? c("", !0) : (A(), s(R(sj), {
+			r.value.type === "count" ? (A(), s(R(sj), {
 				key: 1,
-				value: t.count.toString(),
+				value: r.value.value.toString(),
 				size: "md"
-			}, null, 8, ["value"]))
+			}, null, 8, ["value"])) : r.value.type === "dot" ? (A(), s(R(Ju), {
+				key: 2,
+				color: r.value.color ?? "error",
+				size: "sm"
+			}, null, 8, ["color"])) : c("", !0)
 		], 64));
 	}
 }), lj = /* @__PURE__ */ h({
 	__name: "TabsItem",
 	props: {
 		isLabelHidden: { type: Boolean },
+		config: { default: null },
 		count: { default: null },
 		disabledReason: { default: null },
 		icon: { default: void 0 },
@@ -29983,11 +29997,13 @@ var [ej, tj] = K("tabsContext"), nj = pu({
 					class: E(R(n).variants.value.item())
 				}, {
 					default: H(() => [m(cj, {
+						config: t.config,
 						count: t.count,
 						icon: t.icon,
 						"is-label-hidden": t.isLabelHidden,
 						label: t.label
 					}, null, 8, [
+						"config",
 						"count",
 						"icon",
 						"is-label-hidden",
@@ -30114,6 +30130,7 @@ var [ej, tj] = K("tabsContext"), nj = pu({
 	__name: "TabsRouterLinkItem",
 	props: {
 		isLabelHidden: { type: Boolean },
+		config: { default: null },
 		count: { default: null },
 		disabledReason: { default: null },
 		icon: { default: void 0 },
@@ -30142,11 +30159,13 @@ var [ej, tj] = K("tabsContext"), nj = pu({
 						replace: !0
 					}, {
 						default: H(() => [m(cj, {
+							config: t.config,
 							count: t.count,
 							icon: t.icon,
 							"is-label-hidden": t.isLabelHidden,
 							label: t.label
 						}, null, 8, [
+							"config",
 							"count",
 							"icon",
 							"is-label-hidden",
@@ -30339,40 +30358,47 @@ var [ej, tj] = K("tabsContext"), nj = pu({
 //#endregion
 //#region src/composables/datePicker.composable.ts
 function kj({ maxDate: e, minDate: t, modelValue: n }) {
-	let r = v_(), i = o(() => r.dateLocale.value ?? navigator.language), a = Kr.Now.plainDateISO(), s = ie(new Ur(a.year, a.month, a.day));
-	function c(e) {
-		s.value = e;
+	let r = v_(), i = o(() => r.dateLocale.value ?? navigator.language);
+	function a(n) {
+		return t.value !== null && Kr.PlainDate.compare(n, t.value) < 0 ? t.value : e.value !== null && Kr.PlainDate.compare(n, e.value) > 0 ? e.value : n;
 	}
+	let s = a(n.value ?? Kr.Now.plainDateISO()), c = ie(new Ur(s.year, s.month, s.day));
 	function l(e) {
-		return new Ur(e.year, e.month, e.day);
+		c.value = e;
 	}
+	V(n, (e) => {
+		e !== null && (c.value = new Ur(e.year, e.month, e.day));
+	});
 	function u(e) {
+		return new Ur(e.year, e.month, e.day);
+	}
+	function d(e) {
 		return Kr.PlainDate.from({
 			day: e.day,
 			month: e.month,
 			year: e.year
 		});
 	}
-	let d = o({
+	let f = o({
 		get: () => {
-			if (n.value !== null) return l(n.value);
+			if (n.value !== null) return u(n.value);
 		},
 		set: (e) => {
-			e == null ? n.value = null : n.value = u(e);
+			e == null ? n.value = null : n.value = d(e);
 		}
-	}), f = o(() => {
-		if (t.value != null) return l(t.value);
+	}), p = o(() => {
+		if (t.value != null) return u(t.value);
 	});
 	return {
-		plainDateToCalendarDate: l,
-		calendarPlaceholder: s,
-		calendarValue: d,
+		plainDateToCalendarDate: u,
+		calendarPlaceholder: c,
+		calendarValue: f,
 		locale: i,
 		maxDateValue: o(() => {
-			if (e.value != null) return l(e.value);
+			if (e.value != null) return u(e.value);
 		}),
-		minDateValue: f,
-		setPlaceholder: c
+		minDateValue: p,
+		setPlaceholder: l
 	};
 }
 //#endregion
@@ -31014,73 +31040,77 @@ var Gj = /* @__PURE__ */ h({
 //#endregion
 //#region src/composables/dateRangePicker.composable.ts
 function qj({ maxDate: e, minDate: t, modelValue: n }) {
-	let r = v_(), i = o(() => r.dateLocale.value ?? navigator.language), a = M(!1), s = Le({ md: 768 }).smaller("md"), c = Kr.Now.plainDateISO(), l = n.value.from ?? c, u = ie(new Ur(l.year, l.month, 1)), d = ie({
-		end: n.value?.until == null ? void 0 : m(n.value.until),
-		start: n.value?.from == null ? void 0 : m(n.value.from)
+	let r = v_(), i = o(() => r.dateLocale.value ?? navigator.language), a = M(!1), s = Le({ md: 768 }).smaller("md");
+	function c(n) {
+		return t.value !== null && Kr.PlainDate.compare(n, t.value) < 0 ? t.value : e.value !== null && Kr.PlainDate.compare(n, e.value) > 0 ? e.value : n;
+	}
+	let l = Kr.Now.plainDateISO(), u = c(n.value.from ?? l), d = ie(new Ur(u.year, u.month, 1)), f = ie({
+		end: n.value?.until == null ? void 0 : h(n.value.until),
+		start: n.value?.from == null ? void 0 : h(n.value.from)
 	});
-	function f(e) {
+	function p(e) {
 		if (e.start != null && e.end != null && e.start.compare(e.end) > 0) {
 			a.value = !0;
 			return;
 		}
-		a.value = !1, d.value = e;
-	}
-	function p(e) {
-		u.value = e;
+		a.value = !1, f.value = e;
 	}
 	function m(e) {
-		return new Ur(e.year, e.month, e.day);
+		d.value = e;
 	}
 	function h(e) {
+		return new Ur(e.year, e.month, e.day);
+	}
+	function g(e) {
 		return Kr.PlainDate.from({
 			day: e.day,
 			month: e.month,
 			year: e.year
 		});
 	}
-	V(d, (e) => {
+	V(f, (e) => {
 		e.start != null && e.end != null ? n.value = {
-			from: h(e.start),
-			until: h(e.end)
+			from: g(e.start),
+			until: g(e.end)
 		} : e.start == null && e.end == null && (n.value = {
 			from: null,
 			until: null
 		});
 	}, { deep: !0 });
-	function g(e) {
-		e === null ? d.value = {
+	function _(e) {
+		e === null ? f.value = {
 			end: void 0,
 			start: void 0
-		} : d.value = {
-			end: m(e.until),
-			start: m(e.from)
+		} : f.value = {
+			end: h(e.until),
+			start: h(e.from)
 		};
 	}
-	function _() {
-		let e = n.value?.from == null ? void 0 : m(n.value.from), t = n.value?.until == null ? void 0 : m(n.value.until), r = e == null ? d.value.start != null : d.value.start == null || e.compare(d.value.start) !== 0, i = t == null ? d.value.end != null : d.value.end == null || t.compare(d.value.end) !== 0;
-		!r && !i || (d.value = {
+	function v() {
+		let e = n.value?.from == null ? void 0 : h(n.value.from), t = n.value?.until == null ? void 0 : h(n.value.until), r = e == null ? f.value.start != null : f.value.start == null || e.compare(f.value.start) !== 0, i = t == null ? f.value.end != null : f.value.end == null || t.compare(f.value.end) !== 0;
+		!r && !i || (f.value = {
 			end: t,
 			start: e
 		});
 	}
-	V(n, _);
-	let v = o(() => {
-		if (t.value != null) return m(t.value);
+	V(n, v);
+	let y = o(() => {
+		if (t.value != null) return h(t.value);
 	});
 	return {
 		isInvalidRange: a,
 		isSingleMonth: s,
-		calendarPlaceholder: u,
-		draftValue: d,
+		calendarPlaceholder: d,
+		draftValue: f,
 		locale: i,
 		maxDateValue: o(() => {
-			if (e.value != null) return m(e.value);
+			if (e.value != null) return h(e.value);
 		}),
-		minDateValue: v,
-		setPlaceholder: p,
-		setPreset: g,
-		syncDraftFromModel: _,
-		onDraftValueUpdate: f
+		minDateValue: y,
+		setPlaceholder: m,
+		setPreset: _,
+		syncDraftFromModel: v,
+		onDraftValueUpdate: p
 	};
 }
 //#endregion
@@ -34826,7 +34856,7 @@ function sF(e) {
 //#endregion
 //#region src/ui/switch/switch.context.ts
 var [cF, lF] = K("switchContext"), uF = Z({ slots: {
-	root: "\n      group/switch relative isolate h-5 w-8 overflow-hidden rounded-full border\n      border-solid border-gray-200 bg-quaternary px-xxs outline-offset-3\n      outline-brand-600 duration-200\n      disabled:cursor-not-allowed disabled:border-disabled-subtle\n      disabled:bg-disabled\n      data-invalid:bg-error-secondary data-invalid:outline-error-600\n      data-[state=checked]:border-brand-600 data-[state=checked]:bg-brand-solid\n      disabled:data-[state=checked]:border-disabled-subtle\n      disabled:data-[state=checked]:bg-disabled\n      data-invalid:data-[state=checked]:border-error\n      data-invalid:data-[state=checked]:bg-error-solid\n      data-invalid:data-[state=unchecked]:border-error\n      dark:border-gray-700\n    ",
+	root: "\n      group/switch relative isolate h-5 w-8 shrink-0 overflow-hidden\n      rounded-full border border-solid border-gray-200 bg-quaternary px-xxs\n      outline-offset-3 outline-brand-600 duration-200\n      disabled:cursor-not-allowed disabled:border-disabled-subtle\n      disabled:bg-disabled\n      data-invalid:bg-error-secondary data-invalid:outline-error-600\n      data-[state=checked]:border-brand-600 data-[state=checked]:bg-brand-solid\n      disabled:data-[state=checked]:border-disabled-subtle\n      disabled:data-[state=checked]:bg-disabled\n      data-invalid:data-[state=checked]:border-error\n      data-invalid:data-[state=checked]:bg-error-solid\n      data-invalid:data-[state=unchecked]:border-error\n      dark:border-gray-700\n    ",
 	thumb: "\n      flex size-3.5 items-center justify-center overflow-hidden rounded-full\n      bg-white shadow-xs duration-200\n      data-[state=checked]:translate-x-3\n    ",
 	thumbIcon: "\n      size-2.5 text-gray-800\n      group-data-[state=checked]/switch:text-brand-600\n    "
 } }), dF = /* @__PURE__ */ h({

package/dist/ui/dashboard-page/detail-pane/detailPane.style.d.ts

@@ -1,10 +1,12 @@
 export declare const createDetailPaneStyle: import('tailwind-variants').TVReturnType<{
     variant: {
         'bordered-inline': {
+            content: string;
             pane: string;
             resizeHandle: string;
         };
         'bordered-overlay': {
+            content: string;
             pane: string;
             resizeHandle: string;
         };
@@ -26,10 +28,12 @@ export declare const createDetailPaneStyle: import('tailwind-variants').TVReturn
 }, undefined, {
     variant: {
         'bordered-inline': {
+            content: string;
             pane: string;
             resizeHandle: string;
         };
         'bordered-overlay': {
+            content: string;
             pane: string;
             resizeHandle: string;
         };
@@ -51,10 +55,12 @@ export declare const createDetailPaneStyle: import('tailwind-variants').TVReturn
 }, import('tailwind-variants').TVReturnType<{
     variant: {
         'bordered-inline': {
+            content: string;
             pane: string;
             resizeHandle: string;
         };
         'bordered-overlay': {
+            content: string;
             pane: string;
             resizeHandle: string;
         };

package/dist/ui/tabs/TabsItem.d.ts

@@ -4,5 +4,6 @@ declare const _default: import('vue').DefineComponent<TabsItemProps, {}, {}, {},
     disabledReason: string | null;
     icon: import('vue').Component;
     count: number | null;
+    config: import('./tabs.type').TabsItemConfig | null;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/ui/tabs/TabsItemContent.d.ts

@@ -1,13 +1,18 @@
 import { Component } from 'vue';
+import { TabsItemConfig } from './tabs.type';
 type __VLS_Props = {
     isLabelHidden?: boolean;
+    config?: TabsItemConfig | null;
+    /** @deprecated Use `config.indicator` instead. */
     count?: number | null;
+    /** @deprecated Use `config.left` instead. */
     icon?: Component;
     label: string;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     icon: Component;
     count: number | null;
+    config: TabsItemConfig | null;
     isLabelHidden: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/ui/tabs/TabsRouterLinkItem.d.ts

@@ -4,5 +4,6 @@ declare const _default: import('vue').DefineComponent<TabsRouterLinkItemProps, {
     disabledReason: string | null;
     icon: import('vue').Component;
     count: number | null;
+    config: import('./tabs.type').TabsItemConfig | null;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/ui/tabs/index.d.ts

@@ -1,4 +1,5 @@
 export type { TabsContentProps as UITabsContentProps, TabsItemProps as UITabsItemProps, TabsProps as UITabsProps, TabsRouterLinkItemProps as UITabsRouterLinkItemProps, } from './tabs.props';
+export type { TabsItemConfig as UITabsItemConfig, TabsItemIndicatorConfig as UITabsItemIndicatorConfig, TabsItemLeftConfig as UITabsItemLeftConfig, } from './tabs.type';
 export { default as UITabs } from './Tabs';
 export { default as UITabsContent } from './TabsContent';
 export { default as UITabsItem } from './TabsItem';

package/dist/ui/tabs/tabs.props.d.ts

@@ -1,6 +1,7 @@
 import { Component } from 'vue';
 import { RegisteredRouteLocationRaw } from '../../register';
 import { DisabledWithReason } from '../../types/disabledWithReason.type';
+import { TabsItemConfig } from './tabs.type';
 export type TabsVariant = 'button-border' | 'button-brand' | 'underline';
 export type TabsHorizontalListPadding = 'lg' | 'md' | 'none' | 'sm' | 'xl';
 export interface TabsProps {
@@ -30,8 +31,14 @@ export interface TabsItemProps extends DisabledWithReason {
      * @default false
      */
     isLabelHidden?: boolean;
+    /**
+     * Configuration object for the tab's left content and indicator.
+     */
+    config?: TabsItemConfig | null;
     /**
      * A count to display as a badge on the right side of the tab.
+     *
+     * @deprecated Use `config.indicator` instead.
      */
     count?: number | null;
     /**
@@ -42,6 +49,8 @@ export interface TabsItemProps extends DisabledWithReason {
     disabledReason?: string | null;
     /**
      * An optional icon to be displayed alongside the tab label.
+     *
+     * @deprecated Use `config.left` instead.
      */
     icon?: Component;
     /**
@@ -71,8 +80,14 @@ export interface TabsRouterLinkItemProps extends DisabledWithReason {
      * @default false
      */
     isLabelHidden?: boolean;
+    /**
+     * Configuration object for the tab's left content and indicator.
+     */
+    config?: TabsItemConfig | null;
     /**
      * A count to display as a badge on the right side of the tab.
+     *
+     * @deprecated Use `config.indicator` instead.
      */
     count?: number | null;
     /**
@@ -83,6 +98,8 @@ export interface TabsRouterLinkItemProps extends DisabledWithReason {
     disabledReason?: string | null;
     /**
      * An optional icon to be displayed alongside the tab label.
+     *
+     * @deprecated Use `config.left` instead.
      */
     icon?: Component;
     /**

package/dist/ui/tabs/tabs.type.d.ts

@@ -0,0 +1,31 @@
+import { Component } from 'vue';
+import { DotColor } from '../dot/dot.props';
+export interface TabsItemLeftConfig {
+    icon: Component;
+    type: 'icon';
+}
+export type TabsItemIndicatorConfig = {
+    /**
+     * The color of the dot.
+     * @default 'error'
+     */
+    color?: DotColor;
+    type: 'dot';
+} | {
+    type: 'count';
+    /**
+     * The number to display inside the badge.
+     */
+    value: number;
+};
+export interface TabsItemConfig {
+    /**
+     * An indicator displayed on the right side of the tab.
+     * Supports a dot (e.g. to flag a form error) or a count badge. Supersedes `count` when set.
+     */
+    indicator?: TabsItemIndicatorConfig | null;
+    /**
+     * Content displayed to the left of the label. Supersedes `icon` when set.
+     */
+    left?: TabsItemLeftConfig | null;
+}

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "type": "module",
-  "version": "1.17.0",
+  "version": "1.18.1",
   "license": "SEE LICENSE IN LICENSE.md",
   "repository": {
     "type": "git",
@@ -48,9 +48,9 @@
     "vue-router": "^4.6.4",
     "vue-sonner": "2.0.9",
     "zod": "4.3.5",
-    "@wisemen/vue-core-actions": "^0.2.2",
+    "@wisemen/vue-core-dates": "^1.1.0",
     "formango": "^3.2.5",
-    "@wisemen/vue-core-dates": "^1.1.0"
+    "@wisemen/vue-core-actions": "^0.2.2"
   },
   "dependencies": {
     "@tailwindcss/vite": "4.1.18",
@@ -65,10 +65,10 @@
     "vue-component-meta": "3.2.6",
     "vue-component-type-helpers": "3.3.0",
     "vue-sonner": "2.0.9",
-    "@wisemen/vue-core-api-utils": "2.0.5",
     "@wisemen/vue-core-icons": "0.0.3",
+    "@wisemen/vue-core-utils": "0.1.1",
     "@wisemen/vue-core-dates": "1.1.0",
-    "@wisemen/vue-core-utils": "0.1.1"
+    "@wisemen/vue-core-api-utils": "2.0.5"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "5.0.2",
@@ -104,8 +104,8 @@
     "zod": "4.3.5",
     "@wisemen/eslint-config-vue": "2.1.4",
     "@wisemen/vue-core-actions": "0.2.2",
-    "@wisemen/vue-core-dates": "1.1.0",
     "@wisemen/vue-core-tailwind-config": "0.1.2",
+    "@wisemen/vue-core-dates": "1.1.0",
     "formango": "3.2.5"
   },
   "scripts": {