@soybeanjs/headless 0.23.1 → 0.24.1

package/dist/components/tree/tree-root.js

@@ -1 +1 @@
-import{MAP_KEY_TO_FOCUS_INTENT as e}from"../../constants/common.js";import{isNullish as t}from"../../shared/guard.js";import{flattenChildren as n}from"../../shared/object.js";import{getActiveElement as r}from"../../shared/dom.js";import{transformPropsToContext as i}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as a}from"../../composables/use-controllable-state.js";import{useTypeahead as o}from"../../composables/use-typeahead.js";import"../../composables/index.js";import{Primitive as s}from"../primitive/primitive.js";import"../primitive/index.js";import c from"../roving-focus/roving-focus-group.js";import{provideTreeRootContext as l}from"./context.js";import{useSelectionBehavior as u}from"./hooks.js";import{findParentPath as d,flattenItems as f}from"./shared.js";import{computed as p,createBlock as m,createVNode as h,defineComponent as g,nextTick as _,openBlock as v,renderSlot as y,shallowRef as b,unref as x,useTemplateRef as S,withCtx as C,withKeys as w,withModifiers as T}from"vue";import{createEventHook as E}from"@vueuse/core";const D=g({name:`TreeRoot`,__name:`tree-root`,props:{modelValue:{},defaultValue:{},multiple:{},items:{},expanded:{},defaultExpanded:{},selectionBehavior:{default:`toggle`},toggleBehavior:{default:`multiple`},dir:{},loop:{type:Boolean,default:!0},disabled:{type:Boolean},propagateSelect:{type:Boolean},bubbleSelect:{type:Boolean},allowParentSelect:{type:Boolean},asChild:{type:Boolean},as:{default:`ul`}},emits:[`update:modelValue`,`update:expanded`],setup(g,{emit:D}){let O=g,k=D,A=S(`rovingFocusGroupRef`),{handleTypeaheadSearch:j}=o(),M=b(!1),N=E(),P=a(()=>O.modelValue,e=>{k(`update:modelValue`,e)},R()),F=p(()=>O.multiple&&Array.isArray(P.value)?P.value:[P.value]),{onSelectItem:I,handleMultipleReplace:L}=u(P,()=>O.multiple,()=>O.selectionBehavior);function R(){return t(O.defaultValue)?O.multiple?[]:``:O.defaultValue}let z=a(()=>O.expanded,e=>{k(`update:expanded`,e??[])},O.defaultExpanded??[]),B=p(()=>f(O.items,z.value)),V=e=>{if(!O.disabled)if(M.value)N.trigger(e);else{let t=A.value?.getItems()??[];j(e.key,t)}},H=t=>{if(O.disabled||M.value)return;let n=e[t.key];_(()=>{L(n,r(),B.value.map(e=>e.value),A.value?.getItems)})},U=e=>{if(O.disabled||!e.parent||!O.multiple||!Array.isArray(P.value))return;let t=B.value.find(t=>e.parent&&t.value===e.parent.value);if(!t)return;let n=P.value;t.data.children?.every(e=>n.find(t=>t===e.value))?P.value=[...n,t.data.value]:P.value=n.filter(e=>e!==t.data.value),U(t)},W=e=>{if(O.disabled)return;let t=B.value.find(t=>t.value===e);if(!(t?.hasChildren&&!O.allowParentSelect)&&(I(e),O.bubbleSelect&&O.multiple&&Array.isArray(P.value)&&t&&U(t),O.propagateSelect&&O.multiple&&Array.isArray(P.value))){if(!t)return;let r=n(t.data.children);P.value.includes(e)?P.value=P.value.filter(e=>!r.some(t=>t.value===e)):P.value=[...P.value,...r]}},G=e=>{if(!O.disabled&&B.value.find(t=>t.value===e)?.data?.children){if(z.value.includes(e)){z.value=z.value.filter(t=>t!==e);return}if(O.toggleBehavior===`single`){let t=d(e,O.items);t?z.value=[...t,e]:z.value=[e]}else z.value=[...z.value,e]}};return l({modelValue:P,expanded:z,selectedKeys:F,onSelect:W,onToggle:G,expandedItems:B,isVirtual:M,virtualKeydownHook:N,getItems:()=>A.value?.getItems()??[],handleMultipleReplace:L,...i(O,[`items`,`multiple`,`disabled`,`dir`,`selectionBehavior`,`propagateSelect`,`bubbleSelect`])}),(e,t)=>(v(),m(c,{ref_key:`rovingFocusGroupRef`,ref:A,"as-child":``,orientation:`vertical`,dir:g.dir,loop:g.loop},{default:C(()=>[h(x(s),{as:g.as,"as-child":g.asChild,"data-soybean-tree-root":``,"aria-disabled":g.disabled?!0:void 0,"aria-multiselectable":g.multiple?!0:void 0,"data-disabled":g.disabled?``:void 0,role:`tree`,onKeydown:[V,w(T(H,[`shift`]),[`up`,`down`])]},{default:C(()=>[y(e.$slots,`default`,{flattenItems:B.value,modelValue:x(P),expanded:x(z),select:W,toggle:G})]),_:3},8,[`as`,`as-child`,`aria-disabled`,`aria-multiselectable`,`data-disabled`,`onKeydown`])]),_:3},8,[`dir`,`loop`]))}});export{D as default};
+import{MAP_KEY_TO_FOCUS_INTENT as e}from"../../constants/common.js";import{isNullish as t}from"../../shared/guard.js";import{flattenChildren as n}from"../../shared/object.js";import{getActiveElement as r}from"../../shared/dom.js";import{transformPropsToContext as i}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as a}from"../../composables/use-controllable-state.js";import{useTypeahead as o}from"../../composables/use-typeahead.js";import"../../composables/index.js";import{Primitive as s}from"../primitive/primitive.js";import"../primitive/index.js";import c from"../roving-focus/roving-focus-group.js";import{findParentPath as l,flattenItems as u}from"./shared.js";import{provideTreeRootContext as d}from"./context.js";import{useSelectionBehavior as f}from"./hooks.js";import{computed as p,createBlock as m,createVNode as h,defineComponent as g,nextTick as _,openBlock as v,renderSlot as y,shallowRef as b,unref as x,useTemplateRef as S,withCtx as C,withKeys as w,withModifiers as T}from"vue";import{createEventHook as E}from"@vueuse/core";const D=g({name:`TreeRoot`,__name:`tree-root`,props:{modelValue:{},defaultValue:{},multiple:{},items:{},expanded:{},defaultExpanded:{},selectionBehavior:{default:`toggle`},toggleBehavior:{default:`multiple`},dir:{},loop:{type:Boolean,default:!0},disabled:{type:Boolean},propagateSelect:{type:Boolean},bubbleSelect:{type:Boolean},allowParentSelect:{type:Boolean},asChild:{type:Boolean},as:{default:`ul`}},emits:[`update:modelValue`,`update:expanded`],setup(g,{emit:D}){let O=g,k=D,A=S(`rovingFocusGroupRef`),{handleTypeaheadSearch:j}=o(),M=b(!1),N=E(),P=a(()=>O.modelValue,e=>{k(`update:modelValue`,e)},R()),F=p(()=>O.multiple&&Array.isArray(P.value)?P.value:[P.value]),{onSelectItem:I,handleMultipleReplace:L}=f(P,()=>O.multiple,()=>O.selectionBehavior);function R(){return t(O.defaultValue)?O.multiple?[]:``:O.defaultValue}let z=a(()=>O.expanded,e=>{k(`update:expanded`,e??[])},O.defaultExpanded??[]),B=p(()=>u(O.items,z.value)),V=e=>{if(!O.disabled)if(M.value)N.trigger(e);else{let t=A.value?.getItems()??[];j(e.key,t)}},H=t=>{if(O.disabled||M.value)return;let n=e[t.key];_(()=>{L(n,r(),B.value.map(e=>e.value),A.value?.getItems)})},U=e=>{if(O.disabled||!e.parent||!O.multiple||!Array.isArray(P.value))return;let t=B.value.find(t=>e.parent&&t.value===e.parent.value);if(!t)return;let n=P.value;t.data.children?.every(e=>n.find(t=>t===e.value))?P.value=[...n,t.data.value]:P.value=n.filter(e=>e!==t.data.value),U(t)},W=e=>{if(O.disabled)return;let t=B.value.find(t=>t.value===e);if(!(t?.hasChildren&&!O.allowParentSelect)&&(I(e),O.bubbleSelect&&O.multiple&&Array.isArray(P.value)&&t&&U(t),O.propagateSelect&&O.multiple&&Array.isArray(P.value))){if(!t)return;let r=n(t.data.children);P.value.includes(e)?P.value=P.value.filter(e=>!r.some(t=>t.value===e)):P.value=[...P.value,...r]}},G=e=>{if(!O.disabled&&B.value.find(t=>t.value===e)?.data?.children){if(z.value.includes(e)){z.value=z.value.filter(t=>t!==e);return}if(O.toggleBehavior===`single`){let t=l(e,O.items);t?z.value=[...t,e]:z.value=[e]}else z.value=[...z.value,e]}};return d({modelValue:P,expanded:z,selectedKeys:F,onSelect:W,onToggle:G,expandedItems:B,isVirtual:M,virtualKeydownHook:N,getItems:()=>A.value?.getItems()??[],handleMultipleReplace:L,...i(O,[`items`,`multiple`,`disabled`,`dir`,`selectionBehavior`,`propagateSelect`,`bubbleSelect`])}),(e,t)=>(v(),m(c,{ref_key:`rovingFocusGroupRef`,ref:A,"as-child":``,orientation:`vertical`,dir:g.dir,loop:g.loop},{default:C(()=>[h(x(s),{as:g.as,"as-child":g.asChild,"data-soybean-tree-root":``,"aria-disabled":g.disabled?!0:void 0,"aria-multiselectable":g.multiple?!0:void 0,"data-disabled":g.disabled?``:void 0,role:`tree`,onKeydown:[V,w(T(H,[`shift`]),[`up`,`down`])]},{default:C(()=>[y(e.$slots,`default`,{flattenItems:B.value,modelValue:x(P),expanded:x(z),select:W,toggle:G})]),_:3},8,[`as`,`as-child`,`aria-disabled`,`aria-multiselectable`,`data-disabled`,`onKeydown`])]),_:3},8,[`dir`,`loop`]))}});export{D as default};

package/dist/components/tree-menu/index.js

@@ -1 +1 @@
-import{provideTreeMenuRootContext as e,provideTreeMenuUi as t,useTreeMenuRootContext as n}from"./context.js";import r from"./tree-menu-button.js";import i from"./tree-menu-collapsible.js";import a from"./tree-menu-slot-compact.js";import o from"./tree-menu-item.js";import s from"./tree-menu-sub.js";import c from"./tree-menu-option-compact.js";import l from"./tree-menu-group.js";import u from"./tree-menu-group-label.js";import d from"./tree-menu-group-root.js";import f from"./tree-menu-options-compact.js";import p from"./tree-menu-root.js";import m from"./tree-menu-compact.js";export{r as TreeMenuButton,i as TreeMenuCollapsible,m as TreeMenuCompact,l as TreeMenuGroup,u as TreeMenuGroupLabel,d as TreeMenuGroupRoot,o as TreeMenuItem,c as TreeMenuOptionCompact,f as TreeMenuOptionsCompact,p as TreeMenuRoot,a as TreeMenuSlotCompact,s as TreeMenuSub,e as provideTreeMenuRootContext,t as provideTreeMenuUi,n as useTreeMenuRootContext};
+import{provideTreeMenuRootContext as e,provideTreeMenuUi as t,useTreeMenuRootContext as n}from"./context.js";import r from"./tree-menu-group-label.js";import i from"./tree-menu-group-root.js";import a from"./tree-menu-group.js";import o from"./tree-menu-button.js";import s from"./tree-menu-collapsible.js";import c from"./tree-menu-item.js";import l from"./tree-menu-slot-compact.js";import u from"./tree-menu-sub.js";import d from"./tree-menu-option-compact.js";import f from"./tree-menu-options-compact.js";import p from"./tree-menu-root.js";import m from"./tree-menu-compact.js";export{o as TreeMenuButton,s as TreeMenuCollapsible,m as TreeMenuCompact,a as TreeMenuGroup,r as TreeMenuGroupLabel,i as TreeMenuGroupRoot,c as TreeMenuItem,d as TreeMenuOptionCompact,f as TreeMenuOptionsCompact,p as TreeMenuRoot,l as TreeMenuSlotCompact,u as TreeMenuSub,e as provideTreeMenuRootContext,t as provideTreeMenuUi,n as useTreeMenuRootContext};

package/dist/components/tree-menu/tree-menu-option-compact.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../link/link.js";import n from"../dropdown-menu/dropdown-menu-compact.js";import r from"../tooltip/tooltip-compact.js";import{useTreeMenuRootContext as i,useTreeMenuUi as a}from"./context.js";import o from"./tree-menu-button.js";import s from"./tree-menu-collapsible.js";import c from"./tree-menu-slot-compact.js";import l from"./tree-menu-item.js";import u from"./tree-menu-sub.js";import{Fragment as d,computed as f,createBlock as p,createCommentVNode as m,createElementBlock as h,createElementVNode as g,createSlots as _,createVNode as v,defineComponent as y,guardReactiveProps as b,mergeProps as x,normalizeClass as S,normalizeProps as C,openBlock as w,renderList as T,renderSlot as E,resolveComponent as D,unref as O,useSlots as k,withCtx as A}from"vue";import{keysOf as j}from"@soybeanjs/utils";const M=y({name:`TreeMenuOptionCompact`,__name:`tree-menu-option-compact`,props:{as:{default:`li`},item:{},side:{},activePaths:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`selectDropdown`],setup(y,{emit:M}){let N=y,P=M,F=k(),I=e(N,[`as`,`item`]),L=f(()=>j(F)),R=a(),{collapsed:z,modelValue:B,onModelValueChange:V}=i(`TreeMenuCompactOption`),H=f(()=>N.item.children??[]),U=f(()=>!!H.value.length),W=f(()=>B.value===N.item.value?!1:!!N.activePaths?.includes(N.item.value)),G=f(()=>!!(N.item.to||N.item.href)),K=f(()=>{if(!G.value)return{};let{disabled:e,to:t,href:n,target:r,external:i}=N.item;return{...N.linkProps,disabled:e,to:t,href:n,target:r,external:i}}),q=f(()=>z.value&&U.value),J=f(()=>z.value&&!q.value?N.item.label:void 0),Y=f(()=>N.side===`left`?`right`:`left`),X=f(()=>({...N.item.tooltipProps,placement:N.item.tooltipProps?.placement??Y.value})),Z=f(()=>({...N.item.dropdownMenuProps,placement:N.item.dropdownMenuProps?.placement??Y.value,trigger:N.item.dropdownMenuProps?.trigger??`hover`})),Q=()=>{N.item.disabled||V(N.item.value)},$=e=>{N.item.disabled||(V(e.value),P(`selectDropdown`,e.value))};return(e,i)=>{let a=D(`TreeMenuOptionCompact`,!0);return U.value?(w(),p(l,x({key:1},y.itemProps,{"as-child":``,value:y.item.value,disabled:y.item.disabled}),{default:A(()=>[v(s,x(y.collapsibleProps,{as:y.as,"disabled-collapsible":O(z)}),{trigger:A(()=>[v(o,x(y.buttonProps,{"disabled-active":``,"data-child-active":W.value?``:void 0}),{default:A(()=>[v(c,{item:y.item},_({_:2},[T(L.value,t=>({name:t,fn:A(n=>[E(e.$slots,t,C(b(n)))])}))]),1032,[`item`])]),_:3},16,[`data-child-active`])]),extra:A(()=>[q.value?(w(),p(n,x({key:0},Z.value,{items:H.value,disabled:y.item.disabled,"active-value":O(B),"data-menu":y.item.label,onSelect:$}),{trigger:A(()=>[g(`div`,{class:S(O(R).itemAbsolute)},null,2)]),_:1},16,[`items`,`disabled`,`active-value`,`data-menu`])):m(`v-if`,!0)]),default:A(()=>[v(u,C(b(y.subProps)),{default:A(()=>[(w(!0),h(d,null,T(H.value,t=>(w(),p(a,x({key:t.value},{ref_for:!0},O(I),{item:t,side:y.side,"active-paths":y.activePaths,onSelectDropdown:i[0]||(i[0]=e=>P(`selectDropdown`,e))}),_({_:2},[T(L.value,t=>({name:t,fn:A(n=>[E(e.$slots,t,x({ref_for:!0},n))])}))]),1040,[`item`,`side`,`active-paths`]))),128))]),_:3},16)]),_:3},16,[`as`,`disabled-collapsible`])]),_:3},16,[`value`,`disabled`])):(w(),p(l,x({key:0},y.itemProps,{as:y.as,value:y.item.value,disabled:y.item.disabled}),{default:A(()=>[G.value?(w(),p(o,x({key:0},y.buttonProps,{"as-child":``}),{default:A(()=>[v(t,C(b(K.value)),{default:A(({isHref:t})=>[v(c,{item:y.item,"show-link-icon":t},_({_:2},[T(L.value,t=>({name:t,fn:A(n=>[E(e.$slots,t,C(b(n)))])}))]),1032,[`item`,`show-link-icon`])]),_:3},16)]),_:3},16)):(w(),p(o,C(x({key:1},y.buttonProps)),{default:A(()=>[v(c,{item:y.item},_({_:2},[T(L.value,t=>({name:t,fn:A(n=>[E(e.$slots,t,C(b(n)))])}))]),1032,[`item`])]),_:3},16)),J.value?(w(),p(r,x({key:2},X.value,{content:J.value}),{trigger:A(()=>[G.value?(w(),p(t,x({key:0},K.value,{class:O(R).itemAbsolute,onClick:Q}),null,16,[`class`])):(w(),h(`div`,{key:1,class:S(O(R).itemAbsolute),onClick:Q},null,2))]),_:1},16,[`content`])):m(`v-if`,!0)]),_:3},16,[`as`,`value`,`disabled`]))}}});export{M as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../link/link.js";import n from"../dropdown-menu/dropdown-menu-compact.js";import r from"../tooltip/tooltip-compact.js";import{useTreeMenuRootContext as i,useTreeMenuUi as a}from"./context.js";import o from"./tree-menu-button.js";import s from"./tree-menu-collapsible.js";import c from"./tree-menu-item.js";import l from"./tree-menu-slot-compact.js";import u from"./tree-menu-sub.js";import{Fragment as d,computed as f,createBlock as p,createCommentVNode as m,createElementBlock as h,createElementVNode as g,createSlots as _,createVNode as v,defineComponent as y,guardReactiveProps as b,mergeProps as x,normalizeClass as S,normalizeProps as C,openBlock as w,renderList as T,renderSlot as E,resolveComponent as D,unref as O,useSlots as k,withCtx as A}from"vue";import{keysOf as j}from"@soybeanjs/utils";const M=y({name:`TreeMenuOptionCompact`,__name:`tree-menu-option-compact`,props:{as:{default:`li`},item:{},side:{},activePaths:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`selectDropdown`],setup(y,{emit:M}){let N=y,P=M,F=k(),I=e(N,[`as`,`item`]),L=f(()=>j(F)),R=a(),{collapsed:z,modelValue:B,onModelValueChange:V}=i(`TreeMenuCompactOption`),H=f(()=>N.item.children??[]),U=f(()=>!!H.value.length),W=f(()=>B.value===N.item.value?!1:!!N.activePaths?.includes(N.item.value)),G=f(()=>!!(N.item.to||N.item.href)),K=f(()=>{if(!G.value)return{};let{disabled:e,to:t,href:n,target:r,external:i}=N.item;return{...N.linkProps,disabled:e,to:t,href:n,target:r,external:i}}),q=f(()=>z.value&&U.value),J=f(()=>z.value&&!q.value?N.item.label:void 0),Y=f(()=>N.side===`left`?`right`:`left`),X=f(()=>({...N.item.tooltipProps,placement:N.item.tooltipProps?.placement??Y.value})),Z=f(()=>({...N.item.dropdownMenuProps,placement:N.item.dropdownMenuProps?.placement??Y.value,trigger:N.item.dropdownMenuProps?.trigger??`hover`})),Q=()=>{N.item.disabled||V(N.item.value)},$=e=>{N.item.disabled||(V(e.value),P(`selectDropdown`,e.value))};return(e,i)=>{let a=D(`TreeMenuOptionCompact`,!0);return U.value?(w(),p(c,x({key:1},y.itemProps,{"as-child":``,value:y.item.value,disabled:y.item.disabled}),{default:A(()=>[v(s,x(y.collapsibleProps,{as:y.as,"disabled-collapsible":O(z)}),{trigger:A(()=>[v(o,x(y.buttonProps,{"disabled-active":``,"data-child-active":W.value?``:void 0}),{default:A(()=>[v(l,{item:y.item},_({_:2},[T(L.value,t=>({name:t,fn:A(n=>[E(e.$slots,t,C(b(n)))])}))]),1032,[`item`])]),_:3},16,[`data-child-active`])]),extra:A(()=>[q.value?(w(),p(n,x({key:0},Z.value,{items:H.value,disabled:y.item.disabled,"active-value":O(B),"data-menu":y.item.label,onSelect:$}),{trigger:A(()=>[g(`div`,{class:S(O(R).itemAbsolute)},null,2)]),_:1},16,[`items`,`disabled`,`active-value`,`data-menu`])):m(`v-if`,!0)]),default:A(()=>[v(u,C(b(y.subProps)),{default:A(()=>[(w(!0),h(d,null,T(H.value,t=>(w(),p(a,x({key:t.value},{ref_for:!0},O(I),{item:t,side:y.side,"active-paths":y.activePaths,onSelectDropdown:i[0]||(i[0]=e=>P(`selectDropdown`,e))}),_({_:2},[T(L.value,t=>({name:t,fn:A(n=>[E(e.$slots,t,x({ref_for:!0},n))])}))]),1040,[`item`,`side`,`active-paths`]))),128))]),_:3},16)]),_:3},16,[`as`,`disabled-collapsible`])]),_:3},16,[`value`,`disabled`])):(w(),p(c,x({key:0},y.itemProps,{as:y.as,value:y.item.value,disabled:y.item.disabled}),{default:A(()=>[G.value?(w(),p(o,x({key:0},y.buttonProps,{"as-child":``}),{default:A(()=>[v(t,C(b(K.value)),{default:A(({isHref:t})=>[v(l,{item:y.item,"show-link-icon":t},_({_:2},[T(L.value,t=>({name:t,fn:A(n=>[E(e.$slots,t,C(b(n)))])}))]),1032,[`item`,`show-link-icon`])]),_:3},16)]),_:3},16)):(w(),p(o,C(x({key:1},y.buttonProps)),{default:A(()=>[v(l,{item:y.item},_({_:2},[T(L.value,t=>({name:t,fn:A(n=>[E(e.$slots,t,C(b(n)))])}))]),1032,[`item`])]),_:3},16)),J.value?(w(),p(r,x({key:2},X.value,{content:J.value}),{trigger:A(()=>[G.value?(w(),p(t,x({key:0},K.value,{class:O(R).itemAbsolute,onClick:Q}),null,16,[`class`])):(w(),h(`div`,{key:1,class:S(O(R).itemAbsolute),onClick:Q},null,2))]),_:1},16,[`content`])):m(`v-if`,!0)]),_:3},16,[`as`,`value`,`disabled`]))}}});export{M as default};

package/dist/components/tree-menu/tree-menu-options-compact.js

@@ -1 +1 @@
-import{getTreePaths as e}from"../../shared/tree.js";import"../../shared/index.js";import{usePickProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import{useTreeMenuRootContext as r}from"./context.js";import{filterHiddenTreeMenuOptions as i}from"./shared.js";import a from"./tree-menu-option-compact.js";import o from"./tree-menu-group.js";import s from"./tree-menu-group-label.js";import c from"./tree-menu-group-root.js";import{Fragment as l,computed as u,createBlock as d,createCommentVNode as f,createElementBlock as p,createElementVNode as m,createSlots as h,createVNode as g,defineComponent as _,mergeProps as v,openBlock as y,renderList as b,renderSlot as x,toDisplayString as S,unref as C,useSlots as w,withCtx as T}from"vue";import{keysOf as E}from"@soybeanjs/utils";const D=_({name:`TreeMenuCompactOptions`,__name:`tree-menu-options-compact`,props:{items:{},groupRootProps:{},groupProps:{},groupLabelProps:{},showGroupIcon:{type:Boolean},side:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`selectDropdown`],setup(_,{emit:D}){let O=_,k=D,A=w(),j=u(()=>E(A).filter(e=>e!==`group-label`)),M=t(O,[`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),{modelValue:N}=r(`TreeMenuCompactOptions`),P=u(()=>i(O.items)),F=u(()=>e(N.value,P.value));return(e,t)=>(y(!0),p(l,null,b(P.value,r=>(y(),p(l,{key:r.value},[r.isGroup?(y(),d(c,v({key:0,ref_for:!0},_.groupRootProps),{default:T(()=>[g(s,v({ref_for:!0},_.groupLabelProps),{default:T(()=>[x(e.$slots,`group-label`,{item:r},()=>[_.showGroupIcon&&r.icon?(y(),d(n,{key:0,icon:r.icon,"aria-hidden":`true`},null,8,[`icon`])):f(`v-if`,!0),m(`span`,null,S(r.label),1)])]),_:2},1040),g(o,v({ref_for:!0},_.groupProps),{default:T(()=>[(y(!0),p(l,null,b(r.children,n=>(y(),d(a,v({key:n.value},{ref_for:!0},C(M),{item:n,side:_.side,"active-paths":F.value,onSelectDropdown:t[0]||(t[0]=e=>k(`selectDropdown`,e))}),h({_:2},[b(j.value,t=>({name:t,fn:T(n=>[x(e.$slots,t,v({ref_for:!0},n))])}))]),1040,[`item`,`side`,`active-paths`]))),128))]),_:2},1040)]),_:2},1040)):(y(),d(a,v({key:1,as:`div`},{ref_for:!0},C(M),{item:r,side:_.side,"active-paths":F.value,onSelectDropdown:t[1]||(t[1]=e=>k(`selectDropdown`,e))}),h({_:2},[b(j.value,t=>({name:t,fn:T(n=>[x(e.$slots,t,v({ref_for:!0},n))])}))]),1040,[`item`,`side`,`active-paths`]))],64))),128))}});export{D as default};
+import{getTreePaths as e}from"../../shared/tree.js";import"../../shared/index.js";import{usePickProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import{filterHiddenTreeMenuOptions as r}from"./shared.js";import{useTreeMenuRootContext as i}from"./context.js";import a from"./tree-menu-group-label.js";import o from"./tree-menu-group-root.js";import s from"./tree-menu-group.js";import c from"./tree-menu-option-compact.js";import{Fragment as l,computed as u,createBlock as d,createCommentVNode as f,createElementBlock as p,createElementVNode as m,createSlots as h,createVNode as g,defineComponent as _,mergeProps as v,openBlock as y,renderList as b,renderSlot as x,toDisplayString as S,unref as C,useSlots as w,withCtx as T}from"vue";import{keysOf as E}from"@soybeanjs/utils";const D=_({name:`TreeMenuCompactOptions`,__name:`tree-menu-options-compact`,props:{items:{},groupRootProps:{},groupProps:{},groupLabelProps:{},showGroupIcon:{type:Boolean},side:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`selectDropdown`],setup(_,{emit:D}){let O=_,k=D,A=w(),j=u(()=>E(A).filter(e=>e!==`group-label`)),M=t(O,[`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),{modelValue:N}=i(`TreeMenuCompactOptions`),P=u(()=>r(O.items)),F=u(()=>e(N.value,P.value));return(e,t)=>(y(!0),p(l,null,b(P.value,r=>(y(),p(l,{key:r.value},[r.isGroup?(y(),d(o,v({key:0,ref_for:!0},_.groupRootProps),{default:T(()=>[g(a,v({ref_for:!0},_.groupLabelProps),{default:T(()=>[x(e.$slots,`group-label`,{item:r},()=>[_.showGroupIcon&&r.icon?(y(),d(n,{key:0,icon:r.icon,"aria-hidden":`true`},null,8,[`icon`])):f(`v-if`,!0),m(`span`,null,S(r.label),1)])]),_:2},1040),g(s,v({ref_for:!0},_.groupProps),{default:T(()=>[(y(!0),p(l,null,b(r.children,n=>(y(),d(c,v({key:n.value},{ref_for:!0},C(M),{item:n,side:_.side,"active-paths":F.value,onSelectDropdown:t[0]||(t[0]=e=>k(`selectDropdown`,e))}),h({_:2},[b(j.value,t=>({name:t,fn:T(n=>[x(e.$slots,t,v({ref_for:!0},n))])}))]),1040,[`item`,`side`,`active-paths`]))),128))]),_:2},1040)]),_:2},1040)):(y(),d(c,v({key:1,as:`div`},{ref_for:!0},C(M),{item:r,side:_.side,"active-paths":F.value,onSelectDropdown:t[1]||(t[1]=e=>k(`selectDropdown`,e))}),h({_:2},[b(j.value,t=>({name:t,fn:T(n=>[x(e.$slots,t,v({ref_for:!0},n))])}))]),1040,[`item`,`side`,`active-paths`]))],64))),128))}});export{D as default};

package/dist/components/tree-menu/tree-menu-root.js

@@ -1 +1 @@
-import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{provideTreeMenuRootContext as t,useTreeMenuUi as n}from"./context.js";import{treeMenuCssVars as r}from"./shared.js";import{computed as i,createElementBlock as a,defineComponent as o,normalizeClass as s,normalizeStyle as c,openBlock as l,renderSlot as u,unref as d,watch as f}from"vue";const p=[`data-state`],m=o({name:`TreeMenuRoot`,__name:`tree-menu-root`,props:{modelValue:{},defaultValue:{default:``},expanded:{},defaultExpanded:{default:()=>[]},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean,default:!1},collapsedWidth:{default:50},indent:{default:16},pxToRem:{type:Function,default:e=>e/16}},emits:[`update:modelValue`,`update:expanded`,`update:collapsed`],setup(o,{emit:m}){let h=o,g=m,_=n(`root`),v=e(()=>h.modelValue,e=>{g(`update:modelValue`,e)},h.defaultValue),y=e(()=>h.expanded,e=>{g(`update:expanded`,e)},h.defaultExpanded),b=e(()=>h.collapsed,e=>{g(`update:collapsed`,e)},h.defaultCollapsed),x=i(()=>b.value?`collapsed`:`expanded`),S=i(()=>{let e=h.pxToRem(h.collapsedWidth),t=h.pxToRem(h.indent);return{[r.collapsedWidth]:`${e}rem`,[r.indent]:`${t}rem`}}),C=null;return f(b,e=>{if(e){C=[...y.value??[]],y.value=[];return}C?.length&&(y.value=[...C],C=null)}),t({modelValue:v,expanded:y,collapsed:b}),(e,t)=>(l(),a(`div`,{"data-soybean-tree-menu-root":``,class:s(d(_)),"data-state":x.value,style:c(S.value)},[u(e.$slots,`default`)],14,p))}});export{m as default};
+import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{treeMenuCssVars as t}from"./shared.js";import{provideTreeMenuRootContext as n,useTreeMenuUi as r}from"./context.js";import{computed as i,createElementBlock as a,defineComponent as o,normalizeClass as s,normalizeStyle as c,openBlock as l,renderSlot as u,unref as d,watch as f}from"vue";const p=[`data-state`],m=o({name:`TreeMenuRoot`,__name:`tree-menu-root`,props:{modelValue:{},defaultValue:{default:``},expanded:{},defaultExpanded:{default:()=>[]},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean,default:!1},collapsedWidth:{default:50},indent:{default:16},pxToRem:{type:Function,default:e=>e/16}},emits:[`update:modelValue`,`update:expanded`,`update:collapsed`],setup(o,{emit:m}){let h=o,g=m,_=r(`root`),v=e(()=>h.modelValue,e=>{g(`update:modelValue`,e)},h.defaultValue),y=e(()=>h.expanded,e=>{g(`update:expanded`,e)},h.defaultExpanded),b=e(()=>h.collapsed,e=>{g(`update:collapsed`,e)},h.defaultCollapsed),x=i(()=>b.value?`collapsed`:`expanded`),S=i(()=>{let e=h.pxToRem(h.collapsedWidth),n=h.pxToRem(h.indent);return{[t.collapsedWidth]:`${e}rem`,[t.indent]:`${n}rem`}}),C=null;return f(b,e=>{if(e){C=[...y.value??[]],y.value=[];return}C?.length&&(y.value=[...C],C=null)}),n({modelValue:v,expanded:y,collapsed:b}),(e,t)=>(l(),a(`div`,{"data-soybean-tree-menu-root":``,class:s(d(_)),"data-state":x.value,style:c(S.value)},[u(e.$slots,`default`)],14,p))}});export{m as default};

package/dist/components/tree-menu/tree-menu-root.vue.d.ts

@@ -15,8 +15,8 @@ declare const __VLS_base: import("vue").DefineComponent<TreeMenuRootProps, {}, {
   "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
 }>, {
   defaultValue: string;
-  collapsed: boolean;
   defaultExpanded: string[];
+  collapsed: boolean;
   indent: number;
   defaultCollapsed: boolean;
   collapsedWidth: number;

package/dist/components/tree-menu/types.d.ts

@@ -1,8 +1,8 @@
 import { HorizontalSide, UiClass } from "../../types/common.js";
 import { BaseProps } from "../../types/vue.js";
+import { IconValue } from "../_icon/types.js";
 import { AsTag, PrimitiveWithBaseProps } from "../primitive/types.js";
 import { ButtonProps } from "../button/types.js";
-import { IconValue } from "../_icon/types.js";
 import { LinkBaseProps, LinkProps } from "../link/types.js";
 import { BadgeCompactProps } from "../badge/types.js";
 import { TooltipCompactProps } from "../tooltip/types.js";

package/dist/components/virtualizer/virtualizer-root.js

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useExposedElement as t}from"../../composables/use-exposed-element.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import{provideVirtualizerContext as r}from"./context.js";import{getVirtualizerPadding as i}from"./shared.js";import{computed as a,createBlock as o,defineComponent as s,normalizeStyle as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";import{useVirtualizer as p}from"@tanstack/vue-virtual";const m=s({name:`VirtualizerRoot`,__name:`virtualizer-root`,props:{height:{},items:{},options:{},dynamic:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let m=s,[h,g]=t(),_=a(()=>i(h.value)),v=p(a(()=>({estimateSize:()=>28,...m.options,count:m.items.length,scrollPaddingStart:_.value.start,scrollPaddingEnd:_.value.end,getScrollElement:()=>h.value??null}))),y=a(()=>v.value.getVirtualItems()),b=a(()=>v.value.getTotalSize()),x=a(()=>`height:${m.height};overflow:auto;`),S=a(()=>m.options?.horizontal??!1);return r({virtualizer:v,virtualItems:y,contentStyle:a(()=>{let e=`position:relative;`;return S.value?e+=`width:${b.value}px;height:100%;`:e+=`width:100%;height:${b.value}px;`,e}),isHorizontal:S,totalSize:b,...e(m,[`dynamic`])}),(e,t)=>(l(),o(d(n),{ref:d(g),as:s.as,"as-child":s.asChild,"data-soybean-virtualizer-root":``,style:c(x.value),tabindex:`-1`},{default:f(()=>[u(e.$slots,`default`,{virtualItems:y.value,items:s.items})]),_:3},8,[`as`,`as-child`,`style`]))}});export{m as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useExposedElement as t}from"../../composables/use-exposed-element.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import{getVirtualizerPadding as r}from"./shared.js";import{provideVirtualizerContext as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,normalizeStyle as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";import{useVirtualizer as p}from"@tanstack/vue-virtual";const m=s({name:`VirtualizerRoot`,__name:`virtualizer-root`,props:{height:{},items:{},options:{},dynamic:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let m=s,[h,g]=t(),_=a(()=>r(h.value)),v=p(a(()=>({estimateSize:()=>28,...m.options,count:m.items.length,scrollPaddingStart:_.value.start,scrollPaddingEnd:_.value.end,getScrollElement:()=>h.value??null}))),y=a(()=>v.value.getVirtualItems()),b=a(()=>v.value.getTotalSize()),x=a(()=>`height:${m.height};overflow:auto;`),S=a(()=>m.options?.horizontal??!1);return i({virtualizer:v,virtualItems:y,contentStyle:a(()=>{let e=`position:relative;`;return S.value?e+=`width:${b.value}px;height:100%;`:e+=`width:100%;height:${b.value}px;`,e}),isHorizontal:S,totalSize:b,...e(m,[`dynamic`])}),(e,t)=>(l(),o(d(n),{ref:d(g),as:s.as,"as-child":s.asChild,"data-soybean-virtualizer-root":``,style:c(x.value),tabindex:`-1`},{default:f(()=>[u(e.$slots,`default`,{virtualItems:y.value,items:s.items})]),_:3},8,[`as`,`as-child`,`style`]))}});export{m as default};

package/dist/components/watermark/context.d.ts

@@ -0,0 +1,7 @@
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import { WatermarkUiSlot } from "./types.js";
+//#region src/components/watermark/context.d.ts
+declare const provideWatermarkUi: (ui: import("vue").ComputedRef<Partial<UiClass<WatermarkUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<WatermarkUiSlot>>>, useWatermarkUi: UseUiConsumer<WatermarkUiSlot>;
+//#endregion
+export { provideWatermarkUi };

package/dist/components/watermark/context.js

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[n,r]=e(`WatermarkRoot`,e=>e),[i,a]=t(`WatermarkUi`);export{n as provideWatermarkRootContext,i as provideWatermarkUi,r as useWatermarkRootContext,a as useWatermarkUi};

package/dist/components/watermark/index.d.ts

@@ -0,0 +1,6 @@
+import { WatermarkCompactProps, WatermarkOverlayProps, WatermarkRootProps, WatermarkUi, WatermarkUiSlot } from "./types.js";
+import { _default } from "./watermark-compact.vue.js";
+import { _default as _default$1 } from "./watermark-overlay.vue.js";
+import { _default as _default$2 } from "./watermark-root.vue.js";
+import { provideWatermarkUi } from "./context.js";
+export { _default as WatermarkCompact, type WatermarkCompactProps, _default$1 as WatermarkOverlay, type WatermarkOverlayProps, _default$2 as WatermarkRoot, type WatermarkRootProps, type WatermarkUi, type WatermarkUiSlot, provideWatermarkUi };

package/dist/components/watermark/index.js

@@ -0,0 +1 @@
+import{provideWatermarkUi as e}from"./context.js";import t from"./watermark-overlay.js";import n from"./watermark-root.js";import r from"./watermark-compact.js";export{r as WatermarkCompact,t as WatermarkOverlay,n as WatermarkRoot,e as provideWatermarkUi};

package/dist/components/watermark/shared.js

@@ -0,0 +1 @@
+function e(e,o){if(typeof window>`u`)return;let{content:s,fontSize:c,fontFamily:l,fontColor:u,fontWeight:d,rotate:f,gap:p,offset:m,cross:h}=e;if(!s&&!o)return;let g=document.createElement(`canvas`),_=g.getContext(`2d`);if(!_)return;let v=f*Math.PI/180,y=Math.abs(Math.sin(v)),b=Math.abs(Math.cos(v));if(o){let r=e.width??Math.ceil(o.width*b+o.height*y+p[0]),a=e.height??Math.ceil(o.width*y+o.height*b+p[1]);g.width=r,g.height=a;let s={loadedImage:o,rotateRad:v,offset:m};h?n(_,r,a,i,s):t(_,r,a,i,s)}else{let i=a(s,c,l,d),o=c,f=e.width??Math.ceil(i*b+o*y+p[0]),x=e.height??Math.ceil(i*y+o*b+p[1]);g.width=f,g.height=x;let S={content:s,fontSize:c,fontFamily:l,fontColor:u,fontWeight:d,rotateRad:v,offset:m};h?n(_,f,x,r,S):t(_,f,x,r,S)}return g.toDataURL()}function t(e,t,n,r,i){r(e,t/2+i.offset[0],n/2+i.offset[1],i.rotateRad,i)}function n(e,t,n,r,i){r(e,t/2,n/2,i.rotateRad,i),r(e,t/2,n/2,-i.rotateRad,i)}function r(e,t,n,r,i){let{content:a,fontSize:o,fontFamily:s,fontColor:c,fontWeight:l}=i;!a||o===void 0||s===void 0||c===void 0||(e.save(),e.translate(t,n),e.rotate(r),e.font=`${l??`normal`} ${o}px ${s}`,e.fillStyle=c,e.textAlign=`center`,e.textBaseline=`middle`,e.fillText(a,0,0),e.restore())}function i(e,t,n,r,i){let{loadedImage:a}=i;a&&(e.save(),e.translate(t,n),e.rotate(r),e.drawImage(a,-a.width/2,-a.height/2),e.restore())}function a(e,t,n,r){if(!e)return 0;let i=document.createElement(`canvas`).getContext(`2d`);return i?(i.font=`${r} ${t}px ${n}`,i.measureText(e).width):0}const o={fontSize:16,fontFamily:`sans-serif`,fontColor:`rgba(0, 0, 0, 0.15)`,fontWeight:`normal`,rotate:-22,gap:[100,100],offset:[0,0],cross:!1};function s(e){return{content:e.content,image:e.image,fontSize:e.fontSize??o.fontSize,fontFamily:e.fontFamily??o.fontFamily,fontColor:e.fontColor??o.fontColor,fontWeight:e.fontWeight??o.fontWeight,rotate:e.rotate??o.rotate,gap:e.gap??o.gap,offset:e.offset??o.offset,width:e.width,height:e.height,cross:e.cross??o.cross}}export{e as generateWatermarkDataUrl,s as resolveWatermarkConfig};

package/dist/components/watermark/types.d.ts

@@ -0,0 +1,100 @@
+import { UiClass } from "../../types/common.js";
+import { BaseProps } from "../../types/vue.js";
+import { ShallowRef } from "vue";
+
+//#region src/components/watermark/types.d.ts
+/**
+ * Properties for the WatermarkRoot component.
+ */
+interface WatermarkRootProps extends BaseProps {
+  /**
+   * The text content of the watermark.
+   */
+  content?: string;
+  /**
+   * The image URL of the watermark.
+   * When both content and image are provided, image takes priority.
+   */
+  image?: string;
+  /**
+   * The font size of the watermark text in pixels.
+   *
+   * @defaultValue 16
+   */
+  fontSize?: number;
+  /**
+   * The font family of the watermark text.
+   *
+   * @defaultValue 'sans-serif'
+   */
+  fontFamily?: string;
+  /**
+   * The font color of the watermark text.
+   *
+   * @defaultValue 'rgba(0, 0, 0, 0.15)'
+   */
+  fontColor?: string;
+  /**
+   * The font weight of the watermark text.
+   *
+   * @defaultValue 'normal'
+   */
+  fontWeight?: number | string;
+  /**
+   * The rotation angle of the watermark in degrees.
+   *
+   * @defaultValue -22
+   */
+  rotate?: number;
+  /**
+   * The gap between watermark tiles in pixels, as [x, y].
+   *
+   * @defaultValue [100, 100]
+   */
+  gap?: [number, number];
+  /**
+   * The offset of the watermark within each tile in pixels, as [x, y].
+   *
+   * @defaultValue [0, 0]
+   */
+  offset?: [number, number];
+  /**
+   * The width of a single watermark tile in pixels.
+   * When not provided, it is calculated automatically based on text dimensions and gap.
+   */
+  width?: number;
+  /**
+   * The height of a single watermark tile in pixels.
+   * When not provided, it is calculated automatically based on text dimensions and gap.
+   */
+  height?: number;
+  /**
+   * When true, renders a diagonal cross pattern with two overlapping watermarks.
+   *
+   * @defaultValue false
+   */
+  cross?: boolean;
+}
+/**
+ * Properties for the WatermarkOverlay component.
+ */
+interface WatermarkOverlayProps extends BaseProps {}
+/**
+ * Properties for the WatermarkCompact component.
+ */
+interface WatermarkCompactProps extends WatermarkRootProps {
+  /**
+   * Properties forwarded to the overlay element.
+   */
+  overlayProps?: WatermarkOverlayProps;
+}
+/**
+ * Available UI slots for the Watermark component.
+ */
+type WatermarkUiSlot = 'root' | 'overlay';
+/**
+ * UI class overrides for the Watermark component.
+ */
+type WatermarkUi = UiClass<WatermarkUiSlot>;
+//#endregion
+export { WatermarkCompactProps, WatermarkOverlayProps, WatermarkRootProps, WatermarkUi, WatermarkUiSlot };

package/dist/components/watermark/watermark-compact.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./watermark-overlay.js";import n from"./watermark-root.js";import{createBlock as r,createVNode as i,defineComponent as a,guardReactiveProps as o,normalizeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=a({name:`WatermarkCompact`,__name:`watermark-compact`,props:{overlayProps:{},content:{},image:{},fontSize:{},fontFamily:{},fontColor:{},fontWeight:{},rotate:{},gap:{},offset:{},width:{},height:{},cross:{type:Boolean}},setup(a){let f=e(a,[`overlayProps`]);return(e,p)=>(c(),r(n,s(o(u(f))),{default:d(()=>[l(e.$slots,`default`),i(t,s(o(a.overlayProps)),null,16)]),_:3},16))}});export{f as default};

package/dist/components/watermark/watermark-compact.vue.d.ts

@@ -0,0 +1,17 @@
+import { WatermarkCompactProps } from "./types.js";
+
+//#region src/components/watermark/watermark-compact.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<WatermarkCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<WatermarkCompactProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/watermark/watermark-overlay.js

@@ -0,0 +1 @@
+import{useWatermarkRootContext as e,useWatermarkUi as t}from"./context.js";import{createCommentVNode as n,createElementBlock as r,defineComponent as i,normalizeClass as a,normalizeStyle as o,openBlock as s,unref as c}from"vue";const l=i({name:`WatermarkOverlay`,__name:`watermark-overlay`,setup(i){let l=t(`overlay`),{overlayStyle:u}=e(`WatermarkOverlay`);return(e,t)=>c(u)?(s(),r(`div`,{key:0,"data-soybean-watermark-overlay":``,class:a(c(l)),style:o(c(u)),"aria-hidden":`true`},null,6)):n(`v-if`,!0)}});export{l as default};

package/dist/components/watermark/watermark-overlay.vue.d.ts

@@ -0,0 +1,7 @@
+import { WatermarkOverlayProps } from "./types.js";
+
+//#region src/components/watermark/watermark-overlay.vue.d.ts
+declare const __VLS_export: import("vue").DefineComponent<WatermarkOverlayProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<WatermarkOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };

package/dist/components/watermark/watermark-root.js

@@ -0,0 +1 @@
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{provideWatermarkRootContext as t,useWatermarkUi as n}from"./context.js";import{generateWatermarkDataUrl as r,resolveWatermarkConfig as i}from"./shared.js";import{createElementBlock as a,defineComponent as o,normalizeClass as s,onBeforeUnmount as c,openBlock as l,renderSlot as u,shallowRef as d,unref as f,watch as p}from"vue";const m=o({name:`WatermarkRoot`,__name:`watermark-root`,props:{content:{},image:{},fontSize:{},fontFamily:{},fontColor:{},fontWeight:{},rotate:{},gap:{},offset:{},width:{},height:{},cross:{type:Boolean}},setup(o,{expose:m}){let h=o,g=n(`root`),[_,v]=e(),y=d(),b=d(),x=d(null),S=d(null);function C(){let e=S.value;e&&(e.img.removeEventListener(`load`,w),e.img.removeEventListener(`error`,T),S.value=null)}function w(){let e=S.value;if(!e||e.img!==this)return;x.value=this;let t=r(e.config,this);y.value=t,b.value=t?{backgroundImage:`url(${t})`}:void 0,S.value=null}function T(){let e=S.value;!e||e.img!==this||(x.value=null,y.value=void 0,b.value=void 0,S.value=null)}function E(e){C();let t=new Image;t.crossOrigin=`anonymous`,S.value={img:t,config:e},t.addEventListener(`load`,w),t.addEventListener(`error`,T),t.src=h.image}function D(){let e=i(h);if(h.image)E(e);else{let t=r(e);y.value=t,b.value=t?{backgroundImage:`url(${t})`}:void 0}}return p(()=>[h.content,h.image,h.fontSize,h.fontFamily,h.fontColor,h.fontWeight,h.rotate,h.gap,h.offset,h.width,h.height,h.cross],()=>{D()},{immediate:!0}),t({overlayStyle:b}),c(()=>{C()}),m({rootElement:_,dataUrl:y}),(e,t)=>(l(),a(`div`,{ref:f(v),"data-soybean-watermark-root":``,class:s(f(g))},[u(e.$slots,`default`)],2))}});export{m as default};

package/dist/components/watermark/watermark-root.vue.d.ts

@@ -0,0 +1,20 @@
+import { WatermarkRootProps } from "./types.js";
+
+//#region src/components/watermark/watermark-root.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<WatermarkRootProps, {
+  rootElement: import("vue").ShallowRef<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+  dataUrl: import("vue").ShallowRef<string | undefined, string | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<WatermarkRootProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/constants/components.d.ts

@@ -89,6 +89,7 @@ declare const components: {
   treeMenu: string[];
   virtualizer: string[];
   visuallyHidden: string[];
+  watermark: string[];
 };
 //#endregion
 export { components };

package/dist/constants/components.js

@@ -1 +1 @@
-const e={accordion:[`AccordionCompact`,`AccordionRoot`,`AccordionItem`,`AccordionHeader`,`AccordionTrigger`,`AccordionContent`,`AccordionDescription`],affix:[`AffixCompact`,`AffixRoot`,`AffixPlaceholder`,`AffixContent`],alert:[`AlertCompact`,`AlertRoot`,`AlertContent`,`AlertTitle`,`AlertDescription`,`AlertClose`],anchor:[`AnchorCompact`,`AnchorItemCompact`,`AnchorLink`,`AnchorRoot`],arrow:[`Arrow`],aspectRatio:[`AspectRatio`],autocomplete:[`AutocompleteCompact`,`AutocompleteRoot`,`AutocompleteAnchor`,`AutocompleteInput`,`AutocompleteTrigger`,`AutocompletePortal`,`AutocompleteContent`,`AutocompleteViewport`,`AutocompleteGroup`,`AutocompleteGroupLabel`,`AutocompleteItem`,`AutocompleteItemIndicator`,`AutocompleteSeparator`],avatar:[`AvatarCompact`,`AvatarRoot`,`AvatarImage`,`AvatarFallback`],backtop:[`Backtop`],badge:[`BadgeCompact`,`BadgeRoot`,`BadgeContent`],bottomSheet:[`BottomSheetTrigger`,`BottomSheetPortal`,`BottomSheetHeader`,`BottomSheetContent`,`BottomSheetFooter`,`BottomSheetTitle`,`BottomSheetDescription`,`BottomSheetClose`,`BottomSheetCancel`,`BottomSheetConfirm`,`BottomSheetCompact`,`BottomSheetRoot`,`BottomSheetRootNested`,`BottomSheetPopup`,`BottomSheetOverlay`,`BottomSheetHandle`],breadcrumb:[`BreadcrumbRoot`,`BreadcrumbCompact`,`BreadcrumbList`,`BreadcrumbItem`,`BreadcrumbLink`,`BreadcrumbPage`,`BreadcrumbSeparator`,`BreadcrumbEllipsis`],button:[`Button`],calendar:[`CalendarCompact`,`CalendarRoot`,`CalendarHeader`,`CalendarHeading`,`CalendarPrev`,`CalendarNext`,`CalendarGrid`,`CalendarGridHead`,`CalendarGridBody`,`CalendarGridRow`,`CalendarHeadCell`,`CalendarCell`,`CalendarCellTrigger`],calendarRange:[`CalendarRangeCompact`,`CalendarRangeRoot`,`CalendarRangeHeader`,`CalendarRangeHeading`,`CalendarRangePrev`,`CalendarRangeNext`,`CalendarRangeGrid`,`CalendarRangeGridHead`,`CalendarRangeGridBody`,`CalendarRangeGridRow`,`CalendarRangeHeadCell`,`CalendarRangeCell`,`CalendarRangeCellTrigger`],card:[`CardRoot`,`CardHeader`,`CardTitle`,`CardTitleRoot`,`CardDescription`,`CardContent`,`CardFooter`,`CardCollapsibleTrigger`,`CardCompact`],carousel:[`CarouselCompact`,`CarouselRoot`,`CarouselContent`,`CarouselContainer`,`CarouselItem`,`CarouselControl`,`CarouselNavigation`,`CarouselNext`,`CarouselPrevious`],checkbox:[`CheckboxCompact`,`CheckboxCardCompact`,`CheckboxGroupCompact`,`CheckboxCardGroupCompact`,`CheckboxGroupRoot`,`CheckboxRoot`,`CheckboxControl`,`CheckboxIndicator`,`CheckboxLabel`],clipboard:[`Clipboard`],collapsible:[`CollapsibleRoot`,`CollapsibleContent`,`CollapsibleTrigger`],colorArea:[`ColorAreaCompact`,`ColorAreaRoot`,`ColorAreaArea`,`ColorAreaThumb`],colorField:[`ColorFieldCompact`,`ColorFieldRoot`,`ColorFieldInput`],colorPicker:[`ColorPickerCompact`,`ColorPickerRoot`,`ColorPickerTrigger`],colorSlider:[`ColorSliderCompact`,`ColorSliderRoot`,`ColorSliderTrack`,`ColorSliderThumb`],colorSwatch:[`ColorSwatchCompact`,`ColorSwatchRoot`,`ColorSwatchChecker`,`ColorSwatchFill`],colorSwatchPicker:[`ColorSwatchPickerCompact`,`ColorSwatchPickerRoot`,`ColorSwatchPickerItem`,`ColorSwatchPickerItemIndicator`,`ColorSwatchPickerItemSwatch`],combobox:[`ComboboxCompact`,`ComboboxRoot`,`ComboboxAnchor`,`ComboboxTrigger`,`ComboboxPortal`,`ComboboxViewport`,`ComboboxContent`,`ComboboxCancel`,`ComboboxArrow`,`ComboboxGroup`,`ComboboxGroupLabel`,`ComboboxInput`,`ComboboxItem`,`ComboboxItemIndicator`,`ComboboxEmpty`,`ComboboxSeparator`,`ComboboxVirtualizer`],command:[`CommandCompact`],configProvider:[`ConfigProvider`],contextMenu:[`ContextMenuRoot`,`ContextMenuTrigger`,`ContextMenuPortal`,`ContextMenuContent`,`ContextMenuAnchor`,`ContextMenuArrow`,`ContextMenuGroup`,`ContextMenuGroupLabel`,`ContextMenuItem`,`ContextMenuItemIndicator`,`ContextMenuCheckboxItem`,`ContextMenuRadioItem`,`ContextMenuSub`,`ContextMenuSubTrigger`,`ContextMenuSubContent`,`ContextMenuSeparator`,`ContextMenuCheckboxGroup`,`ContextMenuRadioGroup`,`ContextMenuCompact`,`ContextMenuCheckboxCompact`,`ContextMenuRadioCompact`,`ContextMenuWrapperCompact`],dateField:[`DateFieldCompact`,`DateFieldRoot`,`DateFieldInput`],datePicker:[`DatePickerCompact`],dateRangeField:[`DateRangeFieldCompact`,`DateRangeFieldRoot`,`DateRangeFieldInput`],dateRangePicker:[`DateRangePickerCompact`],dialog:[`DialogCompact`,`DialogProvider`,`DialogRoot`,`DialogTrigger`,`DialogPortal`,`DialogOverlay`,`DialogPopup`,`DialogHeader`,`DialogContent`,`DialogTitle`,`DialogDescription`,`DialogFooter`,`DialogClose`,`DialogCancel`,`DialogConfirm`],dropdownMenu:[`DropdownMenuRoot`,`DropdownMenuTrigger`,`DropdownMenuPortal`,`DropdownMenuContent`,`DropdownMenuAnchor`,`DropdownMenuArrow`,`DropdownMenuGroup`,`DropdownMenuGroupLabel`,`DropdownMenuItem`,`DropdownMenuItemIndicator`,`DropdownMenuCheckboxItem`,`DropdownMenuRadioItem`,`DropdownMenuSub`,`DropdownMenuSubTrigger`,`DropdownMenuSubContent`,`DropdownMenuSeparator`,`DropdownMenuCheckboxGroup`,`DropdownMenuRadioGroup`,`DropdownMenuCompact`,`DropdownMenuCheckboxCompact`,`DropdownMenuRadioCompact`,`DropdownMenuWrapperCompact`],editable:[`EditableArea`,`EditableCancelTrigger`,`EditableEditTrigger`,`EditableInput`,`EditablePreview`,`EditableRoot`,`EditableSubmitTrigger`,`EditableCompact`],empty:[`EmptyCompact`,`EmptyRoot`,`EmptyHeader`,`EmptyMedia`,`EmptyContent`,`EmptyTitle`,`EmptyDescription`],form:[`FormCompact`,`FormFieldCompact`,`FormFieldArrayCompact`,`FormFieldBaseCompact`,`FormField`,`FormLabel`,`FormControl`,`FormDescription`,`FormError`],hoverCard:[`HoverCardRoot`,`HoverCardTrigger`,`HoverCardPortal`,`HoverCardPositioner`,`HoverCardPopup`,`HoverCardArrow`,`HoverCardCompact`],input:[`InputCompact`,`InputRoot`,`InputControl`,`InputClear`],inputNumber:[`InputNumberCompact`,`InputNumberRoot`,`InputNumberControl`,`InputNumberIncrement`,`InputNumberDecrement`],inputOtp:[`InputOtpCompact`,`InputOtpInput`,`InputOtpPositioner`,`InputOtpRoot`],kbd:[`Kbd`],label:[`Label`],layout:[`LayoutCompact`,`LayoutClassicCompact`,`LayoutRoot`,`LayoutSidebar`,`LayoutRail`,`LayoutMain`,`LayoutHeader`,`LayoutTab`,`LayoutContent`,`LayoutFooter`,`LayoutMobile`,`LayoutTrigger`],link:[`Link`],list:[`ListRoot`,`ListItem`,`ListTitle`,`ListDescription`,`ListContent`],listbox:[`ListboxRoot`,`ListboxContent`,`ListboxGroup`,`ListboxGroupLabel`,`ListboxItem`,`ListboxItemIndicator`,`ListboxFilter`,`ListboxVirtualizer`],menu:[`MenuRoot`,`MenuPortal`,`MenuContent`,`MenuAnchor`,`MenuArrow`,`MenuGroup`,`MenuGroupLabel`,`MenuItem`,`MenuItemIndicator`,`MenuCheckboxItem`,`MenuRadioItem`,`MenuSub`,`MenuSubTrigger`,`MenuSubContent`,`MenuSeparator`,`MenuCheckboxGroup`,`MenuRadioGroup`,`MenuOptionCompact`,`MenuOptionsCompact`,`MenuCheckboxOptionsCompact`,`MenuRadioOptionsCompact`],menubar:[`MenubarRoot`,`MenubarMenu`,`MenubarTrigger`,`MenubarPortal`,`MenubarContent`,`MenubarArrow`,`MenubarGroup`,`MenubarGroupLabel`,`MenubarItem`,`MenubarItemIndicator`,`MenubarCheckboxItem`,`MenubarRadioItem`,`MenubarSub`,`MenubarSubTrigger`,`MenubarSubContent`,`MenubarSeparator`,`MenubarCheckboxGroup`,`MenubarRadioGroup`,`MenubarCompact`],navigationMenu:[`NavigationMenuCompact`,`NavigationMenuRoot`,`NavigationMenuList`,`NavigationMenuItem`,`NavigationMenuTrigger`,`NavigationMenuContent`,`NavigationMenuLink`,`NavigationMenuSubList`,`NavigationMenuViewport`,`NavigationMenuIndicator`],pageTabs:[`PageTabsRoot`,`PageTabsItem`,`PageTabsClose`,`PageTabsPin`,`PageTabsCompact`],pagination:[`PaginationRoot`,`PaginationList`,`PaginationListItem`,`PaginationFirst`,`PaginationPrev`,`PaginationNext`,`PaginationLast`,`PaginationEllipsis`,`PaginationCompact`],password:[`PasswordCompact`],popconfirm:[`PopconfirmCompact`,`PopconfirmRoot`,`PopconfirmTrigger`,`PopconfirmPortal`,`PopconfirmPositioner`,`PopconfirmPopup`,`PopconfirmArrow`,`PopconfirmClose`,`PopconfirmHeader`,`PopconfirmTitle`,`PopconfirmDescription`,`PopconfirmContent`,`PopconfirmFooter`,`PopconfirmConfirm`,`PopconfirmCancel`],popover:[`PopoverCompact`,`PopoverRoot`,`PopoverTrigger`,`PopoverAnchor`,`PopoverPortal`,`PopoverPositioner`,`PopoverPopup`,`PopoverArrow`,`PopoverClose`],popper:[`PopperRoot`,`PopperAnchor`,`PopperPositioner`,`PopperPopup`,`PopperArrow`],portal:[`Portal`],primitive:[`Primitive`],progress:[`ProgressProvider`,`ProgressCompact`,`ProgressCircleCompact`,`ProgressRoot`,`ProgressIndicator`,`ProgressCircle`],radioGroup:[`RadioGroupCompact`,`RadioGroupCardCompact`,`RadioGroupRoot`,`RadioGroupItem`,`RadioGroupControl`,`RadioGroupIndicator`,`RadioGroupLabel`],rovingFocus:[`RovingFocusGroup`,`RovingFocusItem`],scrollArea:[`ScrollAreaRoot`,`ScrollAreaViewport`,`ScrollAreaScrollbar`,`ScrollAreaThumb`,`ScrollAreaCorner`,`ScrollAreaCompact`],segment:[`SegmentRoot`,`SegmentList`,`SegmentTrigger`,`SegmentIndicator`,`SegmentCompact`],select:[`SelectRoot`,`SelectCompact`,`SelectTrigger`,`SelectPortal`,`SelectContent`,`SelectViewport`,`SelectGroup`,`SelectGroupLabel`,`SelectItem`,`SelectItemIndicator`,`SelectItemText`,`SelectValue`,`SelectTriggerIcon`,`SelectScrollUpButton`,`SelectScrollDownButton`,`SelectSeparator`,`SelectArrow`],separator:[`SeparatorCompact`,`SeparatorRoot`,`SeparatorLabel`],skeleton:[`Skeleton`],slider:[`SliderCompact`,`SliderRoot`,`SliderTrack`,`SliderRange`,`SliderThumb`],slot:[`Slot`],splitter:[`SplitterGroup`,`SplitterPanel`,`SplitterResizeHandle`],stepper:[`StepperRoot`,`StepperItem`,`StepperTrigger`,`StepperIndicator`,`StepperSeparator`,`StepperTitle`,`StepperDescription`,`StepperCompact`],switch:[`SwitchRoot`,`SwitchControl`,`SwitchThumb`,`SwitchCompact`],table:[`TableCompact`,`TableRoot`,`TableScroll`,`TableContent`,`TableHeader`,`TableBody`,`TableFooter`,`TableRow`,`TableHead`,`TableCell`],tabs:[`TabsRoot`,`TabsList`,`TabsTrigger`,`TabsContent`,`TabsIndicator`,`TabsCompact`],tag:[`Tag`],tagsInput:[`TagsInputCompact`,`TagsInputRoot`,`TagsInputItem`,`TagsInputItemText`,`TagsInputItemDelete`,`TagsInputControl`,`TagsInputClear`],textarea:[`TextareaCompact`,`TextareaRoot`,`TextareaControl`,`TextareaClear`,`TextareaCounter`],timeField:[`TimeFieldCompact`,`TimeFieldRoot`,`TimeFieldInput`],timeRangeField:[`TimeRangeFieldCompact`,`TimeRangeFieldRoot`,`TimeRangeFieldInput`],toast:[`Toaster`,`ToastProvider`],toggle:[`Toggle`],toggleGroup:[`ToggleGroupRoot`,`ToggleGroupItem`],toolbar:[`ToolbarRoot`,`ToolbarButton`,`ToolbarLink`,`ToolbarSeparator`,`ToolbarToggleGroup`,`ToolbarToggleItem`],tooltip:[`TooltipCompact`,`TooltipRoot`,`TooltipTrigger`,`TooltipPortal`,`TooltipPositioner`,`TooltipPopup`,`TooltipArrow`],tree:[`TreeRoot`,`TreeItem`,`TreeVirtualizerRoot`,`TreeVirtualizerItem`],treeMenu:[`TreeMenuCompact`,`TreeMenuOptionsCompact`,`TreeMenuOptionCompact`,`TreeMenuSlotCompact`,`TreeMenuRoot`,`TreeMenuGroupRoot`,`TreeMenuGroup`,`TreeMenuGroupLabel`,`TreeMenuItem`,`TreeMenuButton`,`TreeMenuCollapsible`,`TreeMenuSub`],virtualizer:[`VirtualizerRoot`,`VirtualizerContent`,`VirtualizerItem`],visuallyHidden:[`VisuallyHidden`,`VisuallyHiddenInput`]};export{e as components};
+const e={accordion:[`AccordionCompact`,`AccordionRoot`,`AccordionItem`,`AccordionHeader`,`AccordionTrigger`,`AccordionContent`,`AccordionDescription`],affix:[`AffixCompact`,`AffixRoot`,`AffixPlaceholder`,`AffixContent`],alert:[`AlertCompact`,`AlertRoot`,`AlertContent`,`AlertTitle`,`AlertDescription`,`AlertClose`],anchor:[`AnchorCompact`,`AnchorItemCompact`,`AnchorLink`,`AnchorRoot`],arrow:[`Arrow`],aspectRatio:[`AspectRatio`],autocomplete:[`AutocompleteCompact`,`AutocompleteRoot`,`AutocompleteAnchor`,`AutocompleteInput`,`AutocompleteTrigger`,`AutocompletePortal`,`AutocompleteContent`,`AutocompleteViewport`,`AutocompleteGroup`,`AutocompleteGroupLabel`,`AutocompleteItem`,`AutocompleteItemIndicator`,`AutocompleteSeparator`],avatar:[`AvatarCompact`,`AvatarRoot`,`AvatarImage`,`AvatarFallback`],backtop:[`Backtop`],badge:[`BadgeCompact`,`BadgeRoot`,`BadgeContent`],bottomSheet:[`BottomSheetTrigger`,`BottomSheetPortal`,`BottomSheetHeader`,`BottomSheetContent`,`BottomSheetFooter`,`BottomSheetTitle`,`BottomSheetDescription`,`BottomSheetClose`,`BottomSheetCancel`,`BottomSheetConfirm`,`BottomSheetCompact`,`BottomSheetRoot`,`BottomSheetRootNested`,`BottomSheetPopup`,`BottomSheetOverlay`,`BottomSheetHandle`],breadcrumb:[`BreadcrumbRoot`,`BreadcrumbCompact`,`BreadcrumbList`,`BreadcrumbItem`,`BreadcrumbLink`,`BreadcrumbPage`,`BreadcrumbSeparator`,`BreadcrumbEllipsis`],button:[`Button`],calendar:[`CalendarCompact`,`CalendarRoot`,`CalendarHeader`,`CalendarHeading`,`CalendarPrev`,`CalendarNext`,`CalendarGrid`,`CalendarGridHead`,`CalendarGridBody`,`CalendarGridRow`,`CalendarHeadCell`,`CalendarCell`,`CalendarCellTrigger`],calendarRange:[`CalendarRangeCompact`,`CalendarRangeRoot`,`CalendarRangeHeader`,`CalendarRangeHeading`,`CalendarRangePrev`,`CalendarRangeNext`,`CalendarRangeGrid`,`CalendarRangeGridHead`,`CalendarRangeGridBody`,`CalendarRangeGridRow`,`CalendarRangeHeadCell`,`CalendarRangeCell`,`CalendarRangeCellTrigger`],card:[`CardRoot`,`CardHeader`,`CardTitle`,`CardTitleRoot`,`CardDescription`,`CardContent`,`CardFooter`,`CardCollapsibleTrigger`,`CardCompact`],carousel:[`CarouselCompact`,`CarouselRoot`,`CarouselContent`,`CarouselContainer`,`CarouselItem`,`CarouselControl`,`CarouselNavigation`,`CarouselNext`,`CarouselPrevious`],checkbox:[`CheckboxCompact`,`CheckboxCardCompact`,`CheckboxGroupCompact`,`CheckboxCardGroupCompact`,`CheckboxGroupRoot`,`CheckboxRoot`,`CheckboxControl`,`CheckboxIndicator`,`CheckboxLabel`],clipboard:[`Clipboard`],collapsible:[`CollapsibleRoot`,`CollapsibleContent`,`CollapsibleTrigger`],colorArea:[`ColorAreaCompact`,`ColorAreaRoot`,`ColorAreaArea`,`ColorAreaThumb`],colorField:[`ColorFieldCompact`,`ColorFieldRoot`,`ColorFieldInput`],colorPicker:[`ColorPickerCompact`,`ColorPickerRoot`,`ColorPickerTrigger`],colorSlider:[`ColorSliderCompact`,`ColorSliderRoot`,`ColorSliderTrack`,`ColorSliderThumb`],colorSwatch:[`ColorSwatchCompact`,`ColorSwatchRoot`,`ColorSwatchChecker`,`ColorSwatchFill`],colorSwatchPicker:[`ColorSwatchPickerCompact`,`ColorSwatchPickerRoot`,`ColorSwatchPickerItem`,`ColorSwatchPickerItemIndicator`,`ColorSwatchPickerItemSwatch`],combobox:[`ComboboxCompact`,`ComboboxRoot`,`ComboboxAnchor`,`ComboboxTrigger`,`ComboboxPortal`,`ComboboxViewport`,`ComboboxContent`,`ComboboxCancel`,`ComboboxArrow`,`ComboboxGroup`,`ComboboxGroupLabel`,`ComboboxInput`,`ComboboxItem`,`ComboboxItemIndicator`,`ComboboxEmpty`,`ComboboxSeparator`,`ComboboxVirtualizer`],command:[`CommandCompact`],configProvider:[`ConfigProvider`],contextMenu:[`ContextMenuRoot`,`ContextMenuTrigger`,`ContextMenuPortal`,`ContextMenuContent`,`ContextMenuAnchor`,`ContextMenuArrow`,`ContextMenuGroup`,`ContextMenuGroupLabel`,`ContextMenuItem`,`ContextMenuItemIndicator`,`ContextMenuCheckboxItem`,`ContextMenuRadioItem`,`ContextMenuSub`,`ContextMenuSubTrigger`,`ContextMenuSubContent`,`ContextMenuSeparator`,`ContextMenuCheckboxGroup`,`ContextMenuRadioGroup`,`ContextMenuCompact`,`ContextMenuCheckboxCompact`,`ContextMenuRadioCompact`,`ContextMenuWrapperCompact`],dateField:[`DateFieldCompact`,`DateFieldRoot`,`DateFieldInput`],datePicker:[`DatePickerCompact`],dateRangeField:[`DateRangeFieldCompact`,`DateRangeFieldRoot`,`DateRangeFieldInput`],dateRangePicker:[`DateRangePickerCompact`],dialog:[`DialogCompact`,`DialogProvider`,`DialogRoot`,`DialogTrigger`,`DialogPortal`,`DialogOverlay`,`DialogPopup`,`DialogHeader`,`DialogContent`,`DialogTitle`,`DialogDescription`,`DialogFooter`,`DialogClose`,`DialogCancel`,`DialogConfirm`],dropdownMenu:[`DropdownMenuRoot`,`DropdownMenuTrigger`,`DropdownMenuPortal`,`DropdownMenuContent`,`DropdownMenuAnchor`,`DropdownMenuArrow`,`DropdownMenuGroup`,`DropdownMenuGroupLabel`,`DropdownMenuItem`,`DropdownMenuItemIndicator`,`DropdownMenuCheckboxItem`,`DropdownMenuRadioItem`,`DropdownMenuSub`,`DropdownMenuSubTrigger`,`DropdownMenuSubContent`,`DropdownMenuSeparator`,`DropdownMenuCheckboxGroup`,`DropdownMenuRadioGroup`,`DropdownMenuCompact`,`DropdownMenuCheckboxCompact`,`DropdownMenuRadioCompact`,`DropdownMenuWrapperCompact`],editable:[`EditableArea`,`EditableCancelTrigger`,`EditableEditTrigger`,`EditableInput`,`EditablePreview`,`EditableRoot`,`EditableSubmitTrigger`,`EditableCompact`],empty:[`EmptyCompact`,`EmptyRoot`,`EmptyHeader`,`EmptyMedia`,`EmptyContent`,`EmptyTitle`,`EmptyDescription`],form:[`FormCompact`,`FormFieldCompact`,`FormFieldArrayCompact`,`FormFieldBaseCompact`,`FormField`,`FormLabel`,`FormControl`,`FormDescription`,`FormError`],hoverCard:[`HoverCardRoot`,`HoverCardTrigger`,`HoverCardPortal`,`HoverCardPositioner`,`HoverCardPopup`,`HoverCardArrow`,`HoverCardCompact`],input:[`InputCompact`,`InputRoot`,`InputControl`,`InputClear`],inputNumber:[`InputNumberCompact`,`InputNumberRoot`,`InputNumberControl`,`InputNumberIncrement`,`InputNumberDecrement`],inputOtp:[`InputOtpCompact`,`InputOtpInput`,`InputOtpPositioner`,`InputOtpRoot`],kbd:[`Kbd`],label:[`Label`],layout:[`LayoutCompact`,`LayoutClassicCompact`,`LayoutRoot`,`LayoutSidebar`,`LayoutRail`,`LayoutMain`,`LayoutHeader`,`LayoutTab`,`LayoutContent`,`LayoutFooter`,`LayoutMobile`,`LayoutTrigger`],link:[`Link`],list:[`ListRoot`,`ListItem`,`ListTitle`,`ListDescription`,`ListContent`],listbox:[`ListboxRoot`,`ListboxContent`,`ListboxGroup`,`ListboxGroupLabel`,`ListboxItem`,`ListboxItemIndicator`,`ListboxFilter`,`ListboxVirtualizer`],menu:[`MenuRoot`,`MenuPortal`,`MenuContent`,`MenuAnchor`,`MenuArrow`,`MenuGroup`,`MenuGroupLabel`,`MenuItem`,`MenuItemIndicator`,`MenuCheckboxItem`,`MenuRadioItem`,`MenuSub`,`MenuSubTrigger`,`MenuSubContent`,`MenuSeparator`,`MenuCheckboxGroup`,`MenuRadioGroup`,`MenuOptionCompact`,`MenuOptionsCompact`,`MenuCheckboxOptionsCompact`,`MenuRadioOptionsCompact`],menubar:[`MenubarRoot`,`MenubarMenu`,`MenubarTrigger`,`MenubarPortal`,`MenubarContent`,`MenubarArrow`,`MenubarGroup`,`MenubarGroupLabel`,`MenubarItem`,`MenubarItemIndicator`,`MenubarCheckboxItem`,`MenubarRadioItem`,`MenubarSub`,`MenubarSubTrigger`,`MenubarSubContent`,`MenubarSeparator`,`MenubarCheckboxGroup`,`MenubarRadioGroup`,`MenubarCompact`],navigationMenu:[`NavigationMenuCompact`,`NavigationMenuRoot`,`NavigationMenuList`,`NavigationMenuItem`,`NavigationMenuTrigger`,`NavigationMenuContent`,`NavigationMenuLink`,`NavigationMenuSubList`,`NavigationMenuViewport`,`NavigationMenuIndicator`],pageTabs:[`PageTabsRoot`,`PageTabsItem`,`PageTabsClose`,`PageTabsPin`,`PageTabsCompact`],pagination:[`PaginationRoot`,`PaginationList`,`PaginationListItem`,`PaginationFirst`,`PaginationPrev`,`PaginationNext`,`PaginationLast`,`PaginationEllipsis`,`PaginationCompact`],password:[`PasswordCompact`],popconfirm:[`PopconfirmCompact`,`PopconfirmRoot`,`PopconfirmTrigger`,`PopconfirmPortal`,`PopconfirmPositioner`,`PopconfirmPopup`,`PopconfirmArrow`,`PopconfirmClose`,`PopconfirmHeader`,`PopconfirmTitle`,`PopconfirmDescription`,`PopconfirmContent`,`PopconfirmFooter`,`PopconfirmConfirm`,`PopconfirmCancel`],popover:[`PopoverCompact`,`PopoverRoot`,`PopoverTrigger`,`PopoverAnchor`,`PopoverPortal`,`PopoverPositioner`,`PopoverPopup`,`PopoverArrow`,`PopoverClose`],popper:[`PopperRoot`,`PopperAnchor`,`PopperPositioner`,`PopperPopup`,`PopperArrow`],portal:[`Portal`],primitive:[`Primitive`],progress:[`ProgressProvider`,`ProgressCompact`,`ProgressCircleCompact`,`ProgressRoot`,`ProgressIndicator`,`ProgressCircle`],radioGroup:[`RadioGroupCompact`,`RadioGroupCardCompact`,`RadioGroupRoot`,`RadioGroupItem`,`RadioGroupControl`,`RadioGroupIndicator`,`RadioGroupLabel`],rovingFocus:[`RovingFocusGroup`,`RovingFocusItem`],scrollArea:[`ScrollAreaRoot`,`ScrollAreaViewport`,`ScrollAreaScrollbar`,`ScrollAreaThumb`,`ScrollAreaCorner`,`ScrollAreaCompact`],segment:[`SegmentRoot`,`SegmentList`,`SegmentTrigger`,`SegmentIndicator`,`SegmentCompact`],select:[`SelectRoot`,`SelectCompact`,`SelectTrigger`,`SelectPortal`,`SelectContent`,`SelectViewport`,`SelectGroup`,`SelectGroupLabel`,`SelectItem`,`SelectItemIndicator`,`SelectItemText`,`SelectValue`,`SelectTriggerIcon`,`SelectScrollUpButton`,`SelectScrollDownButton`,`SelectSeparator`,`SelectArrow`],separator:[`SeparatorCompact`,`SeparatorRoot`,`SeparatorLabel`],skeleton:[`Skeleton`],slider:[`SliderCompact`,`SliderRoot`,`SliderTrack`,`SliderRange`,`SliderThumb`],slot:[`Slot`],splitter:[`SplitterGroup`,`SplitterPanel`,`SplitterResizeHandle`],stepper:[`StepperRoot`,`StepperItem`,`StepperTrigger`,`StepperIndicator`,`StepperSeparator`,`StepperTitle`,`StepperDescription`,`StepperCompact`],switch:[`SwitchRoot`,`SwitchControl`,`SwitchThumb`,`SwitchCompact`],table:[`TableCompact`,`TableRoot`,`TableScroll`,`TableContent`,`TableHeader`,`TableBody`,`TableFooter`,`TableRow`,`TableHead`,`TableCell`],tabs:[`TabsRoot`,`TabsList`,`TabsTrigger`,`TabsContent`,`TabsIndicator`,`TabsCompact`],tag:[`Tag`],tagsInput:[`TagsInputCompact`,`TagsInputRoot`,`TagsInputItem`,`TagsInputItemText`,`TagsInputItemDelete`,`TagsInputControl`,`TagsInputClear`],textarea:[`TextareaCompact`,`TextareaRoot`,`TextareaControl`,`TextareaClear`,`TextareaCounter`],timeField:[`TimeFieldCompact`,`TimeFieldRoot`,`TimeFieldInput`],timeRangeField:[`TimeRangeFieldCompact`,`TimeRangeFieldRoot`,`TimeRangeFieldInput`],toast:[`Toaster`,`ToastProvider`],toggle:[`Toggle`],toggleGroup:[`ToggleGroupRoot`,`ToggleGroupItem`],toolbar:[`ToolbarRoot`,`ToolbarButton`,`ToolbarLink`,`ToolbarSeparator`,`ToolbarToggleGroup`,`ToolbarToggleItem`],tooltip:[`TooltipCompact`,`TooltipRoot`,`TooltipTrigger`,`TooltipPortal`,`TooltipPositioner`,`TooltipPopup`,`TooltipArrow`],tree:[`TreeRoot`,`TreeItem`,`TreeVirtualizerRoot`,`TreeVirtualizerItem`],treeMenu:[`TreeMenuCompact`,`TreeMenuOptionsCompact`,`TreeMenuOptionCompact`,`TreeMenuSlotCompact`,`TreeMenuRoot`,`TreeMenuGroupRoot`,`TreeMenuGroup`,`TreeMenuGroupLabel`,`TreeMenuItem`,`TreeMenuButton`,`TreeMenuCollapsible`,`TreeMenuSub`],virtualizer:[`VirtualizerRoot`,`VirtualizerContent`,`VirtualizerItem`],visuallyHidden:[`VisuallyHidden`,`VisuallyHiddenInput`],watermark:[`WatermarkCompact`,`WatermarkOverlay`,`WatermarkRoot`]};export{e as components};

package/dist/date/index.js

@@ -1 +1 @@
-import{areAllDaysBetweenValid as e,compareYearMonth as t,getDaysInMonth as n,getDefaultDate as r,getDefaultTime as i,getLastFirstDayOfWeek as a,getMonthsBetween as o,getNextLastDayOfWeek as s,hasTime as c,isAfter as l,isAfterOrSame as u,isBefore as d,isBeforeOrSame as f,isBetween as p,isBetweenInclusive as m,isCalendarDateTime as h,isEqualValue as g,isMonthBetweenInclusive as _,isSameYear as v,isSameYearMonth as y,isTime as b,isYearBetweenInclusive as x,isZonedDateTime as S,parseStringToDateValue as C,toDate as w}from"./comparators.js";import{DEFAULT_DATE_LOCALE as T,createDateRange as E,createDecade as D,createMonth as O,createMonthGrid as k,createMonths as A,createYear as j,createYearGrid as M,createYearRange as N,endOfDecade as P,getDaysBetween as F,getWeekNumber as I,getWeekStartsOn as L,startOfDecade as R}from"./calendar.js";import{useDateFormatter as z}from"./formatter.js";import{ALL_EXCEPT_LITERAL_PARTS as B,ALL_SEGMENT_PARTS as V,DATE_SEGMENT_PARTS as H,EDITABLE_SEGMENT_PARTS as U,NON_EDITABLE_SEGMENT_PARTS as W,TIME_SEGMENT_PARTS as G,isAnySegmentPart as K,isDateSegmentPart as q,isSegmentPart as J,isTimeSegmentPart as Y}from"./parts.js";import{getPlaceholder as X}from"./placeholders.js";import{getInputType as Z,getOptsByGranularity as Q,getTimeInputType as $,handleCalendarInitialFocus as ee,normalizeDateStep as te,normalizeHour12 as ne,normalizeHourCycle as re,normalizeInputValue as ie,normalizeTimeInputValue as ae}from"./utils.js";import{createContent as oe,initializeSegmentValues as se,syncSegmentValues as ce,syncTimeSegmentValues as le}from"./parser.js";import{getSegmentElements as ue,isAcceptableSegmentKey as de,isNumberString as fe,isSegmentNavigationKey as pe}from"./segment.js";import{useDateField as me}from"./use-date-field.js";export{B as ALL_EXCEPT_LITERAL_PARTS,V as ALL_SEGMENT_PARTS,H as DATE_SEGMENT_PARTS,T as DEFAULT_DATE_LOCALE,U as EDITABLE_SEGMENT_PARTS,W as NON_EDITABLE_SEGMENT_PARTS,G as TIME_SEGMENT_PARTS,e as areAllDaysBetweenValid,t as compareYearMonth,oe as createContent,E as createDateRange,D as createDecade,O as createMonth,k as createMonthGrid,A as createMonths,j as createYear,M as createYearGrid,N as createYearRange,P as endOfDecade,F as getDaysBetween,n as getDaysInMonth,r as getDefaultDate,i as getDefaultTime,Z as getInputType,a as getLastFirstDayOfWeek,o as getMonthsBetween,s as getNextLastDayOfWeek,Q as getOptsByGranularity,X as getPlaceholder,ue as getSegmentElements,$ as getTimeInputType,I as getWeekNumber,L as getWeekStartsOn,ee as handleCalendarInitialFocus,c as hasTime,se as initializeSegmentValues,de as isAcceptableSegmentKey,l as isAfter,u as isAfterOrSame,K as isAnySegmentPart,d as isBefore,f as isBeforeOrSame,p as isBetween,m as isBetweenInclusive,h as isCalendarDateTime,q as isDateSegmentPart,g as isEqualValue,_ as isMonthBetweenInclusive,fe as isNumberString,v as isSameYear,y as isSameYearMonth,pe as isSegmentNavigationKey,J as isSegmentPart,b as isTime,Y as isTimeSegmentPart,x as isYearBetweenInclusive,S as isZonedDateTime,te as normalizeDateStep,ne as normalizeHour12,re as normalizeHourCycle,ie as normalizeInputValue,ae as normalizeTimeInputValue,C as parseStringToDateValue,R as startOfDecade,ce as syncSegmentValues,le as syncTimeSegmentValues,w as toDate,me as useDateField,z as useDateFormatter};
+import{areAllDaysBetweenValid as e,compareYearMonth as t,getDaysInMonth as n,getDefaultDate as r,getDefaultTime as i,getLastFirstDayOfWeek as a,getMonthsBetween as o,getNextLastDayOfWeek as s,hasTime as c,isAfter as l,isAfterOrSame as u,isBefore as d,isBeforeOrSame as f,isBetween as p,isBetweenInclusive as m,isCalendarDateTime as h,isEqualValue as g,isMonthBetweenInclusive as _,isSameYear as v,isSameYearMonth as y,isTime as b,isYearBetweenInclusive as x,isZonedDateTime as S,parseStringToDateValue as C,toDate as w}from"./comparators.js";import{DEFAULT_DATE_LOCALE as T,createDateRange as E,createDecade as D,createMonth as O,createMonthGrid as k,createMonths as A,createYear as j,createYearGrid as M,createYearRange as N,endOfDecade as P,getDaysBetween as F,getWeekNumber as I,getWeekStartsOn as L,startOfDecade as R}from"./calendar.js";import{useDateFormatter as z}from"./formatter.js";import{getInputType as B,getOptsByGranularity as V,getTimeInputType as H,handleCalendarInitialFocus as U,normalizeDateStep as W,normalizeHour12 as G,normalizeHourCycle as K,normalizeInputValue as q,normalizeTimeInputValue as J}from"./utils.js";import{ALL_EXCEPT_LITERAL_PARTS as Y,ALL_SEGMENT_PARTS as X,DATE_SEGMENT_PARTS as Z,EDITABLE_SEGMENT_PARTS as Q,NON_EDITABLE_SEGMENT_PARTS as $,TIME_SEGMENT_PARTS as ee,isAnySegmentPart as te,isDateSegmentPart as ne,isSegmentPart as re,isTimeSegmentPart as ie}from"./parts.js";import{getPlaceholder as ae}from"./placeholders.js";import{createContent as oe,initializeSegmentValues as se,syncSegmentValues as ce,syncTimeSegmentValues as le}from"./parser.js";import{getSegmentElements as ue,isAcceptableSegmentKey as de,isNumberString as fe,isSegmentNavigationKey as pe}from"./segment.js";import{useDateField as me}from"./use-date-field.js";export{Y as ALL_EXCEPT_LITERAL_PARTS,X as ALL_SEGMENT_PARTS,Z as DATE_SEGMENT_PARTS,T as DEFAULT_DATE_LOCALE,Q as EDITABLE_SEGMENT_PARTS,$ as NON_EDITABLE_SEGMENT_PARTS,ee as TIME_SEGMENT_PARTS,e as areAllDaysBetweenValid,t as compareYearMonth,oe as createContent,E as createDateRange,D as createDecade,O as createMonth,k as createMonthGrid,A as createMonths,j as createYear,M as createYearGrid,N as createYearRange,P as endOfDecade,F as getDaysBetween,n as getDaysInMonth,r as getDefaultDate,i as getDefaultTime,B as getInputType,a as getLastFirstDayOfWeek,o as getMonthsBetween,s as getNextLastDayOfWeek,V as getOptsByGranularity,ae as getPlaceholder,ue as getSegmentElements,H as getTimeInputType,I as getWeekNumber,L as getWeekStartsOn,U as handleCalendarInitialFocus,c as hasTime,se as initializeSegmentValues,de as isAcceptableSegmentKey,l as isAfter,u as isAfterOrSame,te as isAnySegmentPart,d as isBefore,f as isBeforeOrSame,p as isBetween,m as isBetweenInclusive,h as isCalendarDateTime,ne as isDateSegmentPart,g as isEqualValue,_ as isMonthBetweenInclusive,fe as isNumberString,v as isSameYear,y as isSameYearMonth,pe as isSegmentNavigationKey,re as isSegmentPart,b as isTime,ie as isTimeSegmentPart,x as isYearBetweenInclusive,S as isZonedDateTime,W as normalizeDateStep,G as normalizeHour12,K as normalizeHourCycle,q as normalizeInputValue,J as normalizeTimeInputValue,C as parseStringToDateValue,R as startOfDecade,ce as syncSegmentValues,le as syncTimeSegmentValues,w as toDate,me as useDateField,z as useDateFormatter};

package/dist/date/parser.js

@@ -1 +1 @@
-import{isTime as e,isZonedDateTime as t,toDate as n}from"./comparators.js";import{DATE_SEGMENT_PARTS as r,EDITABLE_SEGMENT_PARTS as i,TIME_SEGMENT_PARTS as a,isDateSegmentPart as o,isSegmentPart as s}from"./parts.js";import{getPlaceholder as c}from"./placeholders.js";import{getOptsByGranularity as l,normalizeHourCycle as u}from"./utils.js";function d(e){return Object.fromEntries(a.map(t=>t===`dayPeriod`?[t,e.formatter.dayPeriod(n(e.value))]:[t,e.value[t]]))}function f(e){let t=r.map(t=>[t,e.value[t]]);return`hour`in e.value?{...Object.fromEntries(t),...d(e)}:Object.fromEntries(t)}function p(e){let t=[`hour`,`minute`,`second`],n=i.map(e=>e===`dayPeriod`?[e,`AM`]:[e,null]).filter(([n])=>e===`minute`&&n===`second`||e===`hour`&&(n===`second`||n===`minute`)?!1:e===`day`?!t.includes(n)&&n!==`dayPeriod`:!0);return Object.fromEntries(n)}function m(e){let{segmentValues:t,dateRef:n,formatter:r,hourCycle:i,locale:a}=e,l=t=>{let n=e.dateMessages;return n?t===`year`?n.placeholder.year:t===`month`?n.placeholder.month:t===`day`?n.placeholder.day:n.placeholder.time:c(t,``,a.value)},d=t,f=e=>{if(`hour`in t){let a=d[e];return a===null?l(e):e===`day`?r.part(n.set({[e]:a,month:`month`in t?t.month??1:1}),e,{hourCycle:u(i)}):r.part(n.set({[e]:a}),e,{hourCycle:u(i)})}if(o(e)){let i=d[e];return i===null?l(e):e===`day`?r.part(n.set({[e]:i,month:t.month??1}),e):r.part(n.set({[e]:i}),e)}return``};return Object.keys(t).reduce((e,n)=>s(n)?`hour`in t&&n===`dayPeriod`?(e[n]=t[n]??c(n,`AM`,a.value),e):(e[n]=h(n,f),e):e,{})}function h(e,t){return t(e)}function g(n){let{formatter:r,dateRef:i,hourCycle:a,hideTimeZone:o}=n,c=m(n);return{obj:c,arr:r.toParts(i,l(n.granularity,a,n.isTimeValue)).map(e=>e.type===`literal`||e.type===`timeZoneName`||e.type===null||!s(e.type)?{part:e.type,value:e.value}:{part:e.type,value:c[e.type]}).filter(n=>!(n.part===null||n.value===null||n.part===`timeZoneName`&&(e(i)||!t(i))||n.part===`timeZoneName`&&o))}}export{g as createContent,p as initializeSegmentValues,f as syncSegmentValues,d as syncTimeSegmentValues};
+import{isTime as e,isZonedDateTime as t,toDate as n}from"./comparators.js";import{getOptsByGranularity as r,normalizeHourCycle as i}from"./utils.js";import{DATE_SEGMENT_PARTS as a,EDITABLE_SEGMENT_PARTS as o,TIME_SEGMENT_PARTS as s,isDateSegmentPart as c,isSegmentPart as l}from"./parts.js";import{getPlaceholder as u}from"./placeholders.js";function d(e){return Object.fromEntries(s.map(t=>t===`dayPeriod`?[t,e.formatter.dayPeriod(n(e.value))]:[t,e.value[t]]))}function f(e){let t=a.map(t=>[t,e.value[t]]);return`hour`in e.value?{...Object.fromEntries(t),...d(e)}:Object.fromEntries(t)}function p(e){let t=[`hour`,`minute`,`second`],n=o.map(e=>e===`dayPeriod`?[e,`AM`]:[e,null]).filter(([n])=>e===`minute`&&n===`second`||e===`hour`&&(n===`second`||n===`minute`)?!1:e===`day`?!t.includes(n)&&n!==`dayPeriod`:!0);return Object.fromEntries(n)}function m(e){let{segmentValues:t,dateRef:n,formatter:r,hourCycle:a,locale:o}=e,s=t=>{let n=e.dateMessages;return n?t===`year`?n.placeholder.year:t===`month`?n.placeholder.month:t===`day`?n.placeholder.day:n.placeholder.time:u(t,``,o.value)},d=t,f=e=>{if(`hour`in t){let o=d[e];return o===null?s(e):e===`day`?r.part(n.set({[e]:o,month:`month`in t?t.month??1:1}),e,{hourCycle:i(a)}):r.part(n.set({[e]:o}),e,{hourCycle:i(a)})}if(c(e)){let i=d[e];return i===null?s(e):e===`day`?r.part(n.set({[e]:i,month:t.month??1}),e):r.part(n.set({[e]:i}),e)}return``};return Object.keys(t).reduce((e,n)=>l(n)?`hour`in t&&n===`dayPeriod`?(e[n]=t[n]??u(n,`AM`,o.value),e):(e[n]=h(n,f),e):e,{})}function h(e,t){return t(e)}function g(n){let{formatter:i,dateRef:a,hourCycle:o,hideTimeZone:s}=n,c=m(n);return{obj:c,arr:i.toParts(a,r(n.granularity,o,n.isTimeValue)).map(e=>e.type===`literal`||e.type===`timeZoneName`||e.type===null||!l(e.type)?{part:e.type,value:e.value}:{part:e.type,value:c[e.type]}).filter(n=>!(n.part===null||n.value===null||n.part===`timeZoneName`&&(e(a)||!t(a))||n.part===`timeZoneName`&&s))}}export{g as createContent,p as initializeSegmentValues,f as syncSegmentValues,d as syncTimeSegmentValues};

package/dist/date/utils.d.ts

@@ -4,7 +4,7 @@ import { DateStep, DateValue, Granularity, HourCycle, TimeGranularity, TimeInput
 declare function getOptsByGranularity(granularity: Granularity, hourCycle: HourCycle, isTimeValue?: boolean): Intl.DateTimeFormatOptions;
 declare function normalizeDateStep(step?: DateStep): DateStep;
 declare function handleCalendarInitialFocus(calendar: HTMLElement): void;
-declare function normalizeHourCycle(hourCycle: HourCycle): "h23" | "h11" | undefined;
+declare function normalizeHourCycle(hourCycle: HourCycle): "h11" | "h23" | undefined;
 declare function normalizeHour12(hourCycle: HourCycle): boolean | undefined;
 declare function getInputType(granularity: Granularity): "date" | "datetime-local";
 declare function normalizeInputValue(date: DateValue | undefined, granularity: Granularity): string;