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

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),a=n.value??S.Temporal.Now.plainDateISO(),o=(0,f.shallowRef)(new x.CalendarDate(a.year,a.month,a.day));function s(e){o.value=e}(0,f.watch)(n,e=>{e!==null&&(o.value=new x.CalendarDate(e.year,e.month,e.day))});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:`
       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
@@ -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,10 +30358,13 @@ 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));
+	let r = v_(), i = o(() => r.dateLocale.value ?? navigator.language), a = n.value ?? Kr.Now.plainDateISO(), s = ie(new Ur(a.year, a.month, a.day));
 	function c(e) {
 		s.value = e;
 	}
+	V(n, (e) => {
+		e !== null && (s.value = new Ur(e.year, e.month, e.day));
+	});
 	function l(e) {
 		return new Ur(e.year, e.month, e.day);
 	}
@@ -34826,7 +34848,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.0",
   "license": "SEE LICENSE IN LICENSE.md",
   "repository": {
     "type": "git",
@@ -66,9 +66,9 @@
     "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-icons": "0.0.3"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "5.0.2",