@soybeanjs/headless 0.30.0-beta.3 → 0.40.0-beta.1

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

@@ -0,0 +1,299 @@
+import { Direction, Placement, UiClass } from "../../types/common.js";
+import { BaseProps, ToContext } from "../../types/vue.js";
+import "../../types/index.js";
+import { IconValue } from "../_icon/types.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { ButtonProps } from "../button/types.js";
+import { LinkBaseProps, LinkExtraProps } from "../link/types.js";
+import { PopperArrowProps, PopperPortalProps } from "../popper/types.js";
+import { KbdValue } from "../kbd/types.js";
+import { SeparatorRootProps } from "../separator/types.js";
+import { MenuGroupLabelProps, MenuItemProps, MenuOptionsCompactSlots, MenuPopupProps, MenuShortcutProps, MenuSubContentProps, MenuSubTriggerProps } from "../menu/types.js";
+import "../menu/index.js";
+import { DropdownMenuTriggerProps, DropdownMenuTriggerType } from "../dropdown-menu/types.js";
+import { TreeMenuBaseItemProps } from "../tree-menu/types.js";
+import { ComputedRef } from "vue";
+//#region src/components/tree-nav/types.d.ts
+/**
+ * Base option data for a TreeNav entry.
+ *
+ * Item customization beyond the fields below (badges, tags, tooltips,
+ * actions...) is provided via slots instead of extra data fields.
+ */
+export interface TreeNavBaseOptionData extends TreeMenuBaseItemProps, LinkBaseProps {
+  /**
+   * Whether the option is a pure visual group container that only groups its children and never becomes selected itself.
+   */
+  isGroup?: boolean;
+  /**
+   * The label of the option.
+   */
+  label: string;
+  /**
+   * The icon rendered before the label.
+   */
+  icon?: IconValue;
+  /**
+   * The shortcut rendered at the end of the option inside branch popups.
+   */
+  shortcut?: KbdValue | KbdValue[];
+  /**
+   * Whether to show a separator after this option inside branch popups.
+   */
+  separator?: boolean;
+  /**
+   * Whether the option is hidden.
+   */
+  hidden?: boolean;
+}
+/**
+ * Recursive option data for the TreeNav component.
+ */
+export type TreeNavOptionData<T extends TreeNavBaseOptionData = TreeNavBaseOptionData> = Omit<T, 'children'> & {
+  /**
+   * Child options rendered inside the branch popup.
+   */
+  children?: TreeNavOptionData<T>[];
+};
+/**
+ * Properties for the TreeNavRoot component.
+ */
+export interface TreeNavRootProps extends Omit<PrimitiveWithBaseProps, 'onSelect'> {
+  /** The value of the currently selected item. Can be used as `v-model`. */
+  modelValue?: string;
+  /** The value of the item that should be selected when initially rendered. */
+  defaultValue?: string;
+  /** The reading direction of the component when applicable. */
+  dir?: Direction;
+  /**
+   * How branch popups are opened.
+   *
+   * - `click`: The popup will be opened when the trigger is clicked.
+   * - `hover`: The popup will be opened when the trigger is hovered.
+   *
+   * @defaultValue 'hover'
+   */
+  trigger?: DropdownMenuTriggerType;
+  /**
+   * The duration from when the pointer enters a branch trigger until the
+   * popup gets opened in hover mode.
+   *
+   * @defaultValue 150
+   */
+  delayDuration?: number;
+  /**
+   * How much time a user has to enter another branch trigger without
+   * incurring a delay again.
+   *
+   * @defaultValue 300
+   */
+  skipDelayDuration?: number;
+  /**
+   * The preferred placement of branch popups relative to their trigger.
+   *
+   * @defaultValue 'bottom-start'
+   */
+  placement?: Placement;
+  /**
+   * Whether branch popups show an arrow.
+   *
+   * @defaultValue false
+   */
+  showArrow?: boolean;
+  /**
+   * Whether the whole navigation bar is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * Properties forwarded to the link element of link items.
+   */
+  linkProps?: LinkExtraProps;
+  /**
+   * Properties forwarded to the item element of popup items.
+   */
+  itemProps?: MenuItemProps;
+  /**
+   * Properties forwarded to the group label element of popup group labels.
+   */
+  groupLabelProps?: MenuGroupLabelProps;
+  /**
+   * Properties forwarded to the shortcut element of popup items.
+   */
+  shortcutProps?: MenuShortcutProps;
+  /**
+   * Properties forwarded to the separator element of popup separators.
+   */
+  separatorProps?: SeparatorRootProps;
+  /**
+   * Properties forwarded to the sub trigger element of popup branches.
+   */
+  subTriggerProps?: MenuSubTriggerProps;
+  /**
+   * Properties forwarded to the sub content element of popup branches.
+   */
+  subContentProps?: MenuSubContentProps;
+  /**
+   * Properties forwarded to the portal element of popups.
+   */
+  portalProps?: PopperPortalProps;
+  /**
+   * Properties forwarded to the popup element of popups.
+   */
+  popupProps?: MenuPopupProps;
+  /**
+   * Properties forwarded to the trigger element of branch popups.
+   */
+  triggerProps?: DropdownMenuTriggerProps;
+  /**
+   * Properties forwarded to the arrow element of popups.
+   */
+  arrowProps?: PopperArrowProps;
+}
+/**
+ * Events for the TreeNavRoot component.
+ */
+export interface TreeNavRootEmits {
+  /**
+   * Emitted when the selected value changes.
+   */
+  'update:modelValue': [value: string];
+  /**
+   * Emitted when an item is selected.
+   */
+  select: [item: TreeNavOptionData, event: Event];
+}
+/**
+ * Slots for the TreeNavRoot component.
+ */
+export interface TreeNavRootSlots {
+  /**
+   * Default content rendered inside the nav root.
+   */
+  default?: () => any;
+}
+/**
+ * Properties for the TreeNavRoot component
+ */
+export interface TreeNavOverflowProps extends BaseProps {}
+/**
+ * Configuration shared by the TreeNav primitives.
+ *
+ * Top-level link and popup-related props are provided as individual reactive
+ * entries (`toContext`), so each field stays independently
+ * consumable instead of being nested inside grouped prop objects.
+ */
+export interface TreeNavRootContextParams extends ToContext<TreeNavRootProps, 'dir' | 'disabled' | 'trigger' | 'delayDuration' | 'skipDelayDuration' | 'placement' | 'showArrow' | 'portalProps' | 'popupProps' | 'triggerProps' | 'arrowProps' | 'itemProps' | 'linkProps' | 'groupLabelProps' | 'shortcutProps' | 'separatorProps' | 'subTriggerProps' | 'subContentProps'> {
+  /**
+   * Current selected value.
+   */
+  selected: ComputedRef<string | undefined>;
+  /**
+   * Select an entry. Guarded against disabled bars and entries.
+   */
+  onSelect(item: TreeNavOptionData, event: Event): void;
+  /**
+   * The value of the branch popup that is currently open, if any. Drives the
+   * controlled popups so the root can switch them during key navigation.
+   */
+  openValue: ComputedRef<string | undefined>;
+  /**
+   * Track branch popup open state changes reported by the popups.
+   */
+  onBranchOpenChange(value: string, isOpen: boolean): void;
+  /**
+   * Menubar-style ArrowLeft/ArrowRight while a branch popup is open: move to
+   * the previous/next trigger, opening its popup (branch) or focusing it
+   * (link/leaf). Reported from both the popup and its own trigger so the
+   * navigation also works while the focus rests on the open trigger.
+   */
+  onPopupArrowNavigation(value: string, event: KeyboardEvent): void;
+}
+/**
+ * Properties for the TreeNavOptionCompact component.
+ */
+export interface TreeNavOptionCompactProps {
+  /**
+   * Current item data.
+   */
+  item: TreeNavOptionData;
+  /**
+   * Whether the selected leaf lives inside this branch subtree.
+   */
+  childSelected?: boolean;
+}
+/**
+ * Display entry describing the trailing "more" trigger when `collapsible`.
+ */
+export interface TreeNavMoreEntry {
+  /** Label of the "more" trigger. */
+  label: string;
+  /** Icon of the "more" trigger. */
+  icon?: IconValue;
+}
+/**
+ * Properties for the TreeNavOptionsCompact component.
+ */
+export interface TreeNavOptionsCompactProps {
+  /**
+   * Top-level items rendered as visible entries.
+   */
+  items: TreeNavOptionData[];
+  /**
+   * Items collapsed into the trailing "more" popup.
+   */
+  moreItems?: TreeNavOptionData[];
+  /**
+   * Label of the trailing "more" trigger.
+   *
+   * @defaultValue 'More'
+   */
+  moreLabel?: string;
+  /**
+   * Icon of the trailing "more" trigger.
+   *
+   * @defaultValue 'lucide:ellipsis'
+   */
+  moreIcon?: IconValue;
+  /**
+   * Properties forwarded to the trailing "more" trigger button.
+   */
+  moreProps?: ButtonProps;
+}
+/**
+ * Slots for the TreeNavOptionsCompact component.
+ */
+export type TreeNavOptionsCompactSlots = MenuOptionsCompactSlots & {
+  /**
+   * Custom content for the trailing "more" trigger when present.
+   */
+  'more-trigger'?: (props: TreeNavMoreEntry) => any;
+};
+/**
+ * Properties for the TreeNavCompact component.
+ */
+export interface TreeNavCompactProps extends TreeNavRootProps, TreeNavOptionsCompactProps {
+  /**
+   * Whether top-level overflow items collapse into a trailing "more" branch
+   * popup so the bar always fits inside its container.
+   *
+   * @defaultValue false
+   */
+  collapsible?: boolean;
+}
+/**
+ * Events for the TreeNavCompact component.
+ */
+export type TreeNavCompactEmits = TreeNavRootEmits;
+/**
+ * Slots for the TreeNavCompact component.
+ */
+export type TreeNavCompactSlots = TreeNavOptionsCompactSlots;
+/**
+ * Available UI slots for the TreeNav component.
+ */
+export type TreeNavUiSlot = 'root' | 'overflow' | 'item' | 'itemIcon' | 'itemTriggerIcon' | 'itemLinkIcon';
+/**
+ * UI class overrides for the TreeNav component.
+ */
+export type TreeNavUi = UiClass<TreeNavUiSlot>;
+//#endregion

package/dist/components/virtualizer/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import"../../composables/index.js";import{computed as t}from"vue";const[n,r]=e(`Virtualizer`,e=>{let{dynamic:n,isHorizontal:r}=e,i=t(()=>n.value&&!r.value);return{...e,isVerticalDynamic:i}});export{n as provideVirtualizerContext,r as useVirtualizerContext};
+import{useContext as e}from"../../composables/use-context.js";import{computed as t}from"vue";const[n,r]=e(`Virtualizer`,e=>{let{dynamic:n,isHorizontal:r}=e,i=t(()=>n.value&&!r.value);return{...e,isVerticalDynamic:i}});export{n as provideVirtualizerContext,r as useVirtualizerContext};

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

@@ -11,7 +11,7 @@ interface VirtualizerOptions$1 extends Omit<PartialKeys<VirtualizerOptions<HTMLE
 /**
  * Properties for the VirtualizerRoot component.
  */
-interface VirtualizerRootProps<T extends Record<string, any> = Record<string, any>> extends PrimitiveWithBaseProps {
+export interface VirtualizerRootProps<T extends Record<string, any> = Record<string, any>> extends PrimitiveWithBaseProps {
   /**
    * The height of the virtualizer root
    */
@@ -32,11 +32,11 @@ interface VirtualizerRootProps<T extends Record<string, any> = Record<string, an
 /**
  * Properties for the VirtualizerDynamicContent component.
  */
-interface VirtualizerDynamicContentProps extends BaseProps {}
+export interface VirtualizerDynamicContentProps extends BaseProps {}
 /**
  * Properties for the VirtualizerContent component.
  */
-interface VirtualizerContentProps extends PrimitiveWithBaseProps {
+export interface VirtualizerContentProps extends PrimitiveWithBaseProps {
   /**
    * Properties forwarded to the dynamic content element.
    */
@@ -45,7 +45,7 @@ interface VirtualizerContentProps extends PrimitiveWithBaseProps {
 /**
  * Properties for the VirtualizerItem component.
  */
-interface VirtualizerItemProps extends PrimitiveWithBaseProps {
+export interface VirtualizerItemProps extends PrimitiveWithBaseProps {
   /**
    * Data.
    */
@@ -56,4 +56,4 @@ interface VirtualizerItemProps extends PrimitiveWithBaseProps {
   customStyle?: boolean;
 }
 //#endregion
-export { VirtualizerContentProps, VirtualizerDynamicContentProps, VirtualizerItemProps, VirtualizerOptions$1 as VirtualizerOptions, VirtualizerRootProps };
+export { VirtualizerOptions$1 as VirtualizerOptions };

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

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useVirtualizerContext as t}from"./context.js";import{computed as n,createBlock as r,createElementBlock as i,defineComponent as a,mergeProps as o,normalizeStyle as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=a({name:`VirtualizerContent`,__name:`virtualizer-content`,props:{dynamicContentProps:{},asChild:{type:Boolean},as:{}},setup(a){let{contentStyle:f,virtualItems:p,isVerticalDynamic:m}=t(`VirtualizerContent`),h=n(()=>p.value[0]?.start??0),g=n(()=>`position:absolute;left:0;top:0;width:100%;transform:translateY(${h.value}px);`);return(t,n)=>(c(),r(u(e),{as:a.as,"as-child":a.asChild,"data-soybean-virtualizer-content":``,style:s(u(f))},{default:d(()=>[u(m)?(c(),i(`div`,o({key:0},a.dynamicContentProps,{style:g.value}),[l(t.$slots,`default`)],16)):l(t.$slots,`default`,{},void 0,void 0,1)]),_:3},8,[`as`,`as-child`,`style`]))}});export{f as default};
+import{Primitive as e}from"../primitive/primitive.js";import{useVirtualizerContext as t}from"./context.js";import{computed as n,createBlock as r,createElementBlock as i,defineComponent as a,mergeProps as o,normalizeStyle as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=a({name:`VirtualizerContent`,__name:`virtualizer-content`,props:{dynamicContentProps:{},asChild:{type:Boolean},as:{}},setup(a){let{contentStyle:f,virtualItems:p,isVerticalDynamic:m}=t(`VirtualizerContent`),h=n(()=>p.value[0]?.start??0),g=n(()=>`position:absolute;left:0;top:0;width:100%;transform:translateY(${h.value}px);`);return(t,n)=>(c(),r(u(e),{as:a.as,"as-child":a.asChild,"data-soybean-virtualizer-content":``,style:s(u(f))},{default:d(()=>[u(m)?(c(),i(`div`,o({key:0},a.dynamicContentProps,{style:g.value}),[l(t.$slots,`default`)],16)):l(t.$slots,`default`,{},void 0,void 0,1)]),_:3},8,[`as`,`as-child`,`style`]))}});export{f as default};

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

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useVirtualizerContext as t}from"./context.js";import{computed as n,createBlock as r,defineComponent as i,normalizeStyle as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`VirtualizerItem`,__name:`virtualizer-item`,props:{data:{},customStyle:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){let u=i,{isHorizontal:d,dynamic:f,isVerticalDynamic:p,totalSize:m}=t(`VirtualizerItem`),h=n(()=>u.data.start??0),g=n(()=>u.data.size??0),_=n(()=>{if(p.value||u.customStyle)return``;let e=`position:absolute;left:0;top:0;`;return f.value?(e+=`height:100%;transform:translateX(${h.value}px);`,e):(d.value?e+=`width:${g.value}px;height:100%;transform:translateX(${h.value}px);`:e+=`width:100%;height:${g.value}px;transform:translateY(${h.value}px);`,e)});return(t,n)=>(o(),r(c(e),{as:i.as,"as-child":i.asChild,"data-soybean-virtualizer-item":``,"data-index":i.data.index,"aria-setsize":c(m),"aria-posinset":i.data.index+1,style:a(_.value)},{default:l(()=>[s(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`data-index`,`aria-setsize`,`aria-posinset`,`style`]))}});export{u as default};
+import{Primitive as e}from"../primitive/primitive.js";import{useVirtualizerContext as t}from"./context.js";import{computed as n,createBlock as r,defineComponent as i,normalizeStyle as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`VirtualizerItem`,__name:`virtualizer-item`,props:{data:{},customStyle:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){let u=i,{isHorizontal:d,dynamic:f,isVerticalDynamic:p,totalSize:m}=t(`VirtualizerItem`),h=n(()=>u.data.start??0),g=n(()=>u.data.size??0),_=n(()=>{if(p.value||u.customStyle)return``;let e=`position:absolute;left:0;top:0;`;return f.value?(e+=`height:100%;transform:translateX(${h.value}px);`,e):(d.value?e+=`width:${g.value}px;height:100%;transform:translateX(${h.value}px);`:e+=`width:100%;height:${g.value}px;transform:translateY(${h.value}px);`,e)});return(t,n)=>(o(),r(c(e),{as:i.as,"as-child":i.asChild,"data-soybean-virtualizer-item":``,"data-index":i.data.index,"aria-setsize":c(m),"aria-posinset":i.data.index+1,style:a(_.value)},{default:l(()=>[s(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`data-index`,`aria-setsize`,`aria-posinset`,`style`]))}});export{u as default};

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{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),C=a(()=>{let e=`position:relative;`;return S.value?e+=`width:${b.value}px;height:100%;`:e+=`width:100%;height:${b.value}px;`,e});return i({virtualizer:v,virtualItems:y,contentStyle:C,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,totalSize:b.value,items:s.items})]),_:3},8,[`as`,`as-child`,`style`]))}});export{m as default};
+import{toContext as e}from"../../shared/vue.js";import{useExposedElement as t}from"../../composables/use-exposed-element.js";import{Primitive as n}from"../primitive/primitive.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),C=a(()=>{let e=`position:relative;`;return S.value?e+=`width:${b.value}px;height:100%;`:e+=`width:100%;height:${b.value}px;`,e});return i({virtualizer:v,virtualItems:y,contentStyle:C,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,totalSize:b.value,items:s.items})]),_:3},8,[`as`,`as-child`,`style`]))}});export{m as default};

package/dist/components/visually-hidden/types.d.ts

@@ -3,11 +3,11 @@ import { PrimitiveWithBaseProps } from "../primitive/types.js";
 /**
  * Type information for VisuallyHiddenFeature.
  */
-type VisuallyHiddenFeature = 'focusable' | 'fully-hidden';
+export type VisuallyHiddenFeature = 'focusable' | 'fully-hidden';
 /**
  * Properties for the VisuallyHidden component.
  */
-interface VisuallyHiddenProps extends PrimitiveWithBaseProps {
+export interface VisuallyHiddenProps extends PrimitiveWithBaseProps {
   /**
    * Feature.
    */
@@ -16,7 +16,7 @@ interface VisuallyHiddenProps extends PrimitiveWithBaseProps {
 /**
  * Properties for the VisuallyHiddenInput component.
  */
-interface VisuallyHiddenInputProps {
+export interface VisuallyHiddenInputProps {
   /**
    * Name.
    */
@@ -42,5 +42,4 @@ interface VisuallyHiddenInputProps {
    */
   feature?: VisuallyHiddenFeature;
 }
-//#endregion
-export { VisuallyHiddenFeature, VisuallyHiddenInputProps, VisuallyHiddenProps };
+//#endregion

package/dist/components/visually-hidden/visually-hidden-input-bubble.js

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import t from"./visually-hidden.js";import{computed as n,createBlock as r,defineComponent as i,openBlock as a,unref as o,watch as s}from"vue";const c=i({name:`VisuallyHiddenInputBubble`,__name:`visually-hidden-input-bubble`,props:{name:{},value:{},checked:{type:Boolean,default:void 0},required:{type:Boolean},disabled:{type:Boolean},feature:{default:`fully-hidden`}},setup(i){let c=i,[l,u]=e(),d=n(()=>c.checked??c.value);return s(d,(e,t)=>{let n=l.value;if(!n||e===t)return;let r=window.HTMLInputElement.prototype,i=Object.getOwnPropertyDescriptor(r,`value`)?.set;if(!i)return;let a=new Event(`input`,{bubbles:!0}),o=new Event(`change`,{bubbles:!0});i.call(n,e),n.dispatchEvent(a),n.dispatchEvent(o)}),(e,n)=>(a(),r(t,{ref:o(u),as:`input`,"data-soybean-visually-hidden-input-bubble":``,feature:i.feature,name:i.name,value:i.value,checked:i.checked,required:i.required,disabled:i.disabled},null,8,[`feature`,`name`,`value`,`checked`,`required`,`disabled`]))}});export{c as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import t from"./visually-hidden.js";import{computed as n,createBlock as r,defineComponent as i,openBlock as a,unref as o,watch as s}from"vue";const c=i({name:`VisuallyHiddenInputBubble`,__name:`visually-hidden-input-bubble`,props:{name:{},value:{},checked:{type:Boolean,default:void 0},required:{type:Boolean},disabled:{type:Boolean},feature:{default:`fully-hidden`}},setup(i){let c=i,[l,u]=e(),d=n(()=>c.checked??c.value);return s(d,(e,t)=>{let n=l.value;if(!n||e===t)return;let r=window.HTMLInputElement.prototype,i=Object.getOwnPropertyDescriptor(r,`value`)?.set;if(!i)return;let a=new Event(`input`,{bubbles:!0}),o=new Event(`change`,{bubbles:!0});i.call(n,e),n.dispatchEvent(a),n.dispatchEvent(o)}),(e,n)=>(a(),r(t,{ref:o(u),as:`input`,"data-soybean-visually-hidden-input-bubble":``,feature:i.feature,name:i.name,value:i.value,checked:i.checked,required:i.required,disabled:i.disabled},null,8,[`feature`,`name`,`value`,`checked`,`required`,`disabled`]))}});export{c as default};

package/dist/components/visually-hidden/visually-hidden-input.js

@@ -1 +1 @@
-import{isArrayValue as e}from"../../shared/guard.js";import{parseFormValue as t}from"../../shared/form.js";import"../../shared/index.js";import n from"./visually-hidden-input-bubble.js";import{Fragment as r,computed as i,createBlock as a,createCommentVNode as o,createElementBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderList as d,unref as f,useAttrs as p}from"vue";const m=c({name:`VisuallyHiddenInput`,inheritAttrs:!1,__name:`visually-hidden-input`,props:{name:{},value:{},checked:{type:Boolean,default:void 0},required:{type:Boolean},disabled:{type:Boolean},feature:{default:`fully-hidden`}},setup(c){let m=c,h=p(),g=i(()=>{let{value:e,name:n}=m;return t(n,e)}),_=i(()=>m.required&&e(m.value)&&m.value.length===0);return(e,t)=>(u(),s(r,null,[o(` We render single input if it's required `),_.value?(u(),a(n,l({key:c.name},{...m,...f(h)},{"data-soybean-visually-hidden-input":``,name:c.name,value:c.value}),null,16,[`name`,`value`])):(u(!0),s(r,{key:1},d(g.value,e=>(u(),a(n,l({key:e.name},{ref_for:!0},{...m,...f(h)},{"data-soybean-visually-hidden-input":``,name:e.name,value:e.value}),null,16,[`name`,`value`]))),128))],2112))}});export{m as default};
+import{isArrayValue as e}from"../../shared/guard.js";import{parseFormValue as t}from"../../shared/form.js";import n from"./visually-hidden-input-bubble.js";import{Fragment as r,computed as i,createBlock as a,createCommentVNode as o,createElementBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderList as d,unref as f,useAttrs as p}from"vue";const m=c({name:`VisuallyHiddenInput`,inheritAttrs:!1,__name:`visually-hidden-input`,props:{name:{},value:{},checked:{type:Boolean,default:void 0},required:{type:Boolean},disabled:{type:Boolean},feature:{default:`fully-hidden`}},setup(c){let m=c,h=p(),g=i(()=>{let{value:e,name:n}=m;return t(n,e)}),_=i(()=>m.required&&e(m.value)&&m.value.length===0);return(e,t)=>(u(),s(r,null,[o(` We render single input if it's required `),_.value?(u(),a(n,l({key:c.name},{...m,...f(h)},{"data-soybean-visually-hidden-input":``,name:c.name,value:c.value}),null,16,[`name`,`value`])):(u(!0),s(r,{key:1},d(g.value,e=>(u(),a(n,l({key:e.name},{ref_for:!0},{...m,...f(h)},{"data-soybean-visually-hidden-input":``,name:e.name,value:e.value}),null,16,[`name`,`value`]))),128))],2112))}});export{m as default};

package/dist/components/visually-hidden/visually-hidden-input.vue.d.ts

@@ -1,8 +1,8 @@
 import { VisuallyHiddenFeature, VisuallyHiddenInputProps } from "./types.js";
 //#region src/components/visually-hidden/visually-hidden-input.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<VisuallyHiddenInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VisuallyHiddenInputProps> & Readonly<{}>, {
-  feature: VisuallyHiddenFeature;
   checked: boolean;
+  feature: VisuallyHiddenFeature;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/visually-hidden/visually-hidden.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{createBlock as t,defineComponent as n,openBlock as r,renderSlot as i,unref as a,withCtx as o}from"vue";const s=n({name:`VisuallyHidden`,__name:`visually-hidden`,props:{feature:{default:`focusable`},asChild:{type:Boolean},as:{default:`span`}},setup(n){return(s,c)=>(r(),t(a(e),{as:n.as,"as-child":n.asChild,"data-soybean-visually-hidden":``,"aria-hidden":n.feature===`focusable`?`true`:void 0,"data-hidden":n.feature===`fully-hidden`?``:void 0,tabindex:n.feature===`fully-hidden`?`-1`:void 0,style:{position:`absolute`,top:`-1px`,left:`-1px`,width:`1px`,height:`1px`,padding:`0`,margin:`-1px`,border:`0`,overflow:`hidden`,clip:`rect(0, 0, 0, 0)`,"clip-path":`inset(50%)`,"white-space":`nowrap`,"word-wrap":`normal`}},{default:o(()=>[i(s.$slots,`default`)]),_:3},8,[`as`,`as-child`,`aria-hidden`,`data-hidden`,`tabindex`]))}});export{s as default};
+import{Primitive as e}from"../primitive/primitive.js";import{createBlock as t,defineComponent as n,openBlock as r,renderSlot as i,unref as a,withCtx as o}from"vue";const s=n({name:`VisuallyHidden`,__name:`visually-hidden`,props:{feature:{default:`focusable`},asChild:{type:Boolean},as:{default:`span`}},setup(n){return(s,c)=>(r(),t(a(e),{as:n.as,"as-child":n.asChild,"data-soybean-visually-hidden":``,"aria-hidden":n.feature===`focusable`?`true`:void 0,"data-hidden":n.feature===`fully-hidden`?``:void 0,tabindex:n.feature===`fully-hidden`?`-1`:void 0,style:{position:`absolute`,top:`-1px`,left:`-1px`,width:`1px`,height:`1px`,padding:`0`,margin:`-1px`,border:`0`,overflow:`hidden`,clip:`rect(0, 0, 0, 0)`,"clip-path":`inset(50%)`,"white-space":`nowrap`,"word-wrap":`normal`}},{default:o(()=>[i(s.$slots,`default`)]),_:3},8,[`as`,`as-child`,`aria-hidden`,`data-hidden`,`tabindex`]))}});export{s as default};

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

@@ -1,8 +1,8 @@
 import { UiClass } from "../../types/common.js";
-import { UseUiConsumer } from "../../composables/use-ui-context.js";
-import "../../composables/index.js";
 import { WatermarkUiSlot } from "./types.js";
 import "../../index.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.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

package/dist/components/watermark/context.js

@@ -1 +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(`WatermarkCompact`,e=>e),[i,a]=e(`WatermarkRoot`,e=>e),[o,s]=t(`WatermarkUi`);export{n as provideWatermarkCompactContext,i as provideWatermarkRootContext,o as provideWatermarkUi,r as useWatermarkCompactContext,a as useWatermarkRootContext,s as useWatermarkUi};
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";const[n,r]=e(`WatermarkCompact`,e=>e),[i,a]=e(`WatermarkRoot`,e=>e),[o,s]=t(`WatermarkUi`);export{n as provideWatermarkCompactContext,i as provideWatermarkRootContext,o as provideWatermarkUi,r as useWatermarkCompactContext,a as useWatermarkRootContext,s as useWatermarkUi};

package/dist/components/watermark/shared.js

@@ -1 +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{o as DEFAULT_WATERMARK_CONFIG,e as generateWatermarkDataUrl,s as resolveWatermarkConfig};
+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{o as DEFAULT_WATERMARK_CONFIG,e as generateWatermarkDataUrl,s as resolveWatermarkConfig};

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

@@ -6,7 +6,7 @@ import { ComputedRef, ShallowRef } from "vue";
 /**
  * Properties for the WatermarkRoot component.
  */
-interface WatermarkRootProps extends BaseProps {
+export interface WatermarkRootProps extends BaseProps {
   /**
    * The text content of the watermark.
    */
@@ -84,11 +84,11 @@ interface WatermarkRootProps extends BaseProps {
 /**
  * Properties for the WatermarkOverlay component.
  */
-interface WatermarkOverlayProps extends BaseProps {}
+export interface WatermarkOverlayProps extends BaseProps {}
 /**
  * Properties for the WatermarkCompact component.
  */
-interface WatermarkCompactProps extends WatermarkRootProps {
+export interface WatermarkCompactProps extends WatermarkRootProps {
   /**
    * Properties forwarded to the overlay element.
    */
@@ -97,10 +97,9 @@ interface WatermarkCompactProps extends WatermarkRootProps {
 /**
  * Available UI slots for the Watermark component.
  */
-type WatermarkUiSlot = 'root' | 'overlay';
+export type WatermarkUiSlot = 'root' | 'overlay';
 /**
  * UI class overrides for the Watermark component.
  */
-type WatermarkUi = UiClass<WatermarkUiSlot>;
-//#endregion
-export { WatermarkCompactProps, WatermarkOverlayProps, WatermarkRootProps, WatermarkUi, WatermarkUiSlot };
+export type WatermarkUi = UiClass<WatermarkUiSlot>;
+//#endregion

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

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

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{useWatermarkCompactContext as t,useWatermarkRootContext as n,useWatermarkUi as r}from"./context.js";import{computed as i,createCommentVNode as a,createElementBlock as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,openBlock as u,unref as d}from"vue";import{useMutationObserver as f}from"@vueuse/core";const p=s({name:`WatermarkOverlay`,__name:`watermark-overlay`,setup(s){let p=r(`overlay`),m=t(),{overlayStyle:h,defense:g}=n(`WatermarkOverlay`),[_,v]=e(),y=i(()=>c(p.value)),b=i(()=>h.value?.backgroundImage??``);function x(){let e=_.value;return!e||!h.value?!1:!e.hasAttribute(`data-soybean-watermark-overlay`)||e.getAttribute(`aria-hidden`)!==`true`||e.hasAttribute(`hidden`)||e.className!==y.value||e.style.backgroundImage!==b.value?!0:e.style.length!==+!!b.value}return f(_,()=>{!g.value||!h.value||x()&&m?.repairOverlay()},{attributes:!0,attributeFilter:[`aria-hidden`,`class`,`data-soybean-watermark-overlay`,`hidden`,`style`]}),(e,t)=>d(h)?(u(),o(`div`,{key:0,ref:d(v),"data-soybean-watermark-overlay":``,class:c(d(p)),style:l(d(h)),"aria-hidden":`true`},null,6)):a(`v-if`,!0)}});export{p as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useWatermarkCompactContext as t,useWatermarkRootContext as n,useWatermarkUi as r}from"./context.js";import{computed as i,createCommentVNode as a,createElementBlock as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,openBlock as u,unref as d}from"vue";import{useMutationObserver as f}from"@vueuse/core";const p=s({name:`WatermarkOverlay`,__name:`watermark-overlay`,setup(s){let p=r(`overlay`),m=t(),{overlayStyle:h,defense:g}=n(`WatermarkOverlay`),[_,v]=e(),y=i(()=>c(p.value)),b=i(()=>h.value?.backgroundImage??``);function x(){let e=_.value;return!e||!h.value?!1:!e.hasAttribute(`data-soybean-watermark-overlay`)||e.getAttribute(`aria-hidden`)!==`true`||e.hasAttribute(`hidden`)||e.className!==y.value||e.style.backgroundImage!==b.value?!0:e.style.length!==+!!b.value}return f(_,()=>{g.value&&h.value&&x()&&m?.repairOverlay()},{attributes:!0,attributeFilter:[`aria-hidden`,`class`,`data-soybean-watermark-overlay`,`hidden`,`style`]}),(e,t)=>d(h)?(u(),o(`div`,{key:0,ref:d(v),"data-soybean-watermark-overlay":``,class:c(d(p)),style:l(d(h)),"aria-hidden":`true`},null,6)):a(`v-if`,!0)}});export{p as default};

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

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

package/dist/composables/index.d.ts

@@ -1,8 +1,8 @@
 import { useArrowNavigation } from "./use-arrow-navigation.js";
 import { useBodyScrollLock } from "./use-body-scroll-lock.js";
 import { useBoolProp } from "./use-bool-prop.js";
+import { ContextConsumer, ContextConsumerFn, ContextProvider, ContextValue, useContext } from "./use-context.js";
 import { CollectionItemData, useCollection } from "./use-collection.js";
-import { useContext } from "./use-context.js";
 import { useControllableState } from "./use-controllable-state.js";
 import { UseDismissableLayerOptions, useDismissableLayer, useDismissableLayerBranch, useFocusOutside, usePointerdownOutside } from "./use-dismissable-layer.js";
 import { useEscapeKeyDown } from "./use-escape-key-down.js";
@@ -14,15 +14,16 @@ import { useForwardElement } from "./use-forward-element.js";
 import { useForwardListeners } from "./use-forward-listeners.js";
 import { FuseOptions, UseFuseOptions, UseFuseReturn, useFuse } from "./use-fuse.js";
 import { UseGraceAreaOptions, useGraceArea } from "./use-grace-area.js";
-import { useHideOthers } from "./use-hide-others.js";
+import { UseHideOthersOptions, isMarkedAsInert, useHideOthers } from "./use-hide-others.js";
 import { useImageLoadingStatus } from "./use-image-loading-status.js";
 import { useIsUsingKeyboard } from "./use-is-using-keyboard.js";
 import { kbdMap, useKbd } from "./use-kbd.js";
 import { UsePopupEventsOptions, usePopupEvents } from "./use-popup-events.js";
 import { usePresence } from "./use-presence.js";
 import { useOmitProps, usePickProps } from "./use-props.js";
+import { RovingFocusGroupContextParams, RovingFocusGroupEmits, RovingFocusGroupItemOptions, RovingFocusGroupOptions, RovingFocusItemOptions, useRovingFocusGroup, useRovingFocusGroupItem } from "./use-roving-focus.js";
 import { useSelection } from "./use-selection.js";
 import { useStateMachine } from "./use-state-machine.js";
 import { useTypeahead } from "./use-typeahead.js";
 import { UseUiConsumer, useUiContext } from "./use-ui-context.js";
-export { CollectionItemData, FuseOptions, UseDismissableLayerOptions, UseFloatingOptions, UseFloatingReturn, UseFocusScopeOptions, UseFuseOptions, UseFuseReturn, UseGraceAreaOptions, UsePopupEventsOptions, UseUiConsumer, kbdMap, useArrowNavigation, useBodyScrollLock, useBoolProp, useCollection, useContext, useControllableState, useDismissableLayer, useDismissableLayerBranch, useEscapeKeyDown, useExposedElement, useFloating, useFocusGuards, useFocusOutside, useFocusScope, useForwardElement, useForwardListeners, useFuse, useGraceArea, useHideOthers, useImageLoadingStatus, useIsUsingKeyboard, useKbd, useOmitProps, usePickProps, usePointerdownOutside, usePopupEvents, usePresence, useSelection, useStateMachine, useTypeahead, useUiContext };
+export { CollectionItemData, ContextConsumer, ContextConsumerFn, ContextProvider, ContextValue, FuseOptions, RovingFocusGroupContextParams, RovingFocusGroupEmits, RovingFocusGroupItemOptions, RovingFocusGroupOptions, RovingFocusItemOptions, UseDismissableLayerOptions, UseFloatingOptions, UseFloatingReturn, UseFocusScopeOptions, UseFuseOptions, UseFuseReturn, UseGraceAreaOptions, UseHideOthersOptions, UsePopupEventsOptions, UseUiConsumer, isMarkedAsInert, kbdMap, useArrowNavigation, useBodyScrollLock, useBoolProp, useCollection, useContext, useControllableState, useDismissableLayer, useDismissableLayerBranch, useEscapeKeyDown, useExposedElement, useFloating, useFocusGuards, useFocusOutside, useFocusScope, useForwardElement, useForwardListeners, useFuse, useGraceArea, useHideOthers, useImageLoadingStatus, useIsUsingKeyboard, useKbd, useOmitProps, usePickProps, usePointerdownOutside, usePopupEvents, usePresence, useRovingFocusGroup, useRovingFocusGroupItem, useSelection, useStateMachine, useTypeahead, useUiContext };

package/dist/composables/index.js

@@ -1 +1 @@
-import{useArrowNavigation as e}from"./use-arrow-navigation.js";import{useContext as t}from"./use-context.js";import{useBodyScrollLock as n}from"./use-body-scroll-lock.js";import{useBoolProp as r}from"./use-bool-prop.js";import{useCollection as i}from"./use-collection.js";import{useControllableState as a}from"./use-controllable-state.js";import{useEscapeKeyDown as o}from"./use-escape-key-down.js";import{useDismissableLayer as s,useDismissableLayerBranch as c,useFocusOutside as l,usePointerdownOutside as u}from"./use-dismissable-layer.js";import{useForwardElement as d}from"./use-forward-element.js";import{useExposedElement as f}from"./use-exposed-element.js";import{useFloating as p}from"./use-floating.js";import{useFocusGuards as m}from"./use-focus-guards.js";import{useFocusScope as h}from"./use-focus-scope.js";import{useForwardListeners as g}from"./use-forward-listeners.js";import{useFuse as _}from"./use-fuse.js";import{useGraceArea as v}from"./use-grace-area.js";import{useHideOthers as y}from"./use-hide-others.js";import{useImageLoadingStatus as b}from"./use-image-loading-status.js";import{useIsUsingKeyboard as x}from"./use-is-using-keyboard.js";import{kbdMap as S,useKbd as C}from"./use-kbd.js";import{usePopupEvents as w}from"./use-popup-events.js";import{useStateMachine as T}from"./use-state-machine.js";import{usePresence as E}from"./use-presence.js";import{useOmitProps as D,usePickProps as O}from"./use-props.js";import{useSelection as k}from"./use-selection.js";import{useTypeahead as A}from"./use-typeahead.js";import{useUiContext as j}from"./use-ui-context.js";export{S as kbdMap,e as useArrowNavigation,n as useBodyScrollLock,r as useBoolProp,i as useCollection,t as useContext,a as useControllableState,s as useDismissableLayer,c as useDismissableLayerBranch,o as useEscapeKeyDown,f as useExposedElement,p as useFloating,m as useFocusGuards,l as useFocusOutside,h as useFocusScope,d as useForwardElement,g as useForwardListeners,_ as useFuse,v as useGraceArea,y as useHideOthers,b as useImageLoadingStatus,x as useIsUsingKeyboard,C as useKbd,D as useOmitProps,O as usePickProps,u as usePointerdownOutside,w as usePopupEvents,E as usePresence,k as useSelection,T as useStateMachine,A as useTypeahead,j as useUiContext};
+import{useArrowNavigation as e}from"./use-arrow-navigation.js";import{useContext as t}from"./use-context.js";import{useBodyScrollLock as n}from"./use-body-scroll-lock.js";import{useBoolProp as r}from"./use-bool-prop.js";import{useCollection as i}from"./use-collection.js";import{useControllableState as a}from"./use-controllable-state.js";import{useEscapeKeyDown as o}from"./use-escape-key-down.js";import{useDismissableLayer as s,useDismissableLayerBranch as c,useFocusOutside as l,usePointerdownOutside as u}from"./use-dismissable-layer.js";import{useForwardElement as d}from"./use-forward-element.js";import{useExposedElement as f}from"./use-exposed-element.js";import{useFloating as p}from"./use-floating.js";import{useFocusGuards as m}from"./use-focus-guards.js";import{useFocusScope as h}from"./use-focus-scope.js";import{useForwardListeners as g}from"./use-forward-listeners.js";import{useFuse as _}from"./use-fuse.js";import{useGraceArea as v}from"./use-grace-area.js";import{isMarkedAsInert as y,useHideOthers as b}from"./use-hide-others.js";import{useImageLoadingStatus as x}from"./use-image-loading-status.js";import{useIsUsingKeyboard as S}from"./use-is-using-keyboard.js";import{kbdMap as C,useKbd as w}from"./use-kbd.js";import{usePopupEvents as T}from"./use-popup-events.js";import{useStateMachine as E}from"./use-state-machine.js";import{usePresence as D}from"./use-presence.js";import{useOmitProps as O,usePickProps as k}from"./use-props.js";import{useRovingFocusGroup as A,useRovingFocusGroupItem as j}from"./use-roving-focus.js";import{useSelection as M}from"./use-selection.js";import{useTypeahead as N}from"./use-typeahead.js";import{useUiContext as P}from"./use-ui-context.js";export{y as isMarkedAsInert,C as kbdMap,e as useArrowNavigation,n as useBodyScrollLock,r as useBoolProp,i as useCollection,t as useContext,a as useControllableState,s as useDismissableLayer,c as useDismissableLayerBranch,o as useEscapeKeyDown,f as useExposedElement,p as useFloating,m as useFocusGuards,l as useFocusOutside,h as useFocusScope,d as useForwardElement,g as useForwardListeners,_ as useFuse,v as useGraceArea,b as useHideOthers,x as useImageLoadingStatus,S as useIsUsingKeyboard,w as useKbd,O as useOmitProps,k as usePickProps,u as usePointerdownOutside,T as usePopupEvents,D as usePresence,A as useRovingFocusGroup,j as useRovingFocusGroupItem,M as useSelection,E as useStateMachine,N as useTypeahead,P as useUiContext};

package/dist/composables/use-arrow-navigation.d.ts

@@ -65,6 +65,5 @@ interface ArrowNavigationOptions {
  * @param options further options
  * @returns the navigated html element or null if none
  */
-declare function useArrowNavigation(e: KeyboardEvent, currentElement: HTMLElement, parentElement: HTMLElement | undefined, options?: ArrowNavigationOptions): HTMLElement | null;
-//#endregion
-export { useArrowNavigation };
+export declare function useArrowNavigation(e: KeyboardEvent, currentElement: HTMLElement, parentElement: HTMLElement | undefined, options?: ArrowNavigationOptions): HTMLElement | null;
+//#endregion

package/dist/composables/use-body-scroll-lock.d.ts

@@ -4,6 +4,5 @@
  *
  * @returns A function to unlock the scroll
  */
-declare function useBodyScrollLock(): () => void;
-//#endregion
-export { useBodyScrollLock };
+export declare function useBodyScrollLock(): () => void;
+//#endregion

package/dist/composables/use-body-scroll-lock.js

@@ -1,4 +1,4 @@
-import{isClient as e,isIOS as t}from"../shared/env.js";import"../shared/index.js";const n=`data-scroll-lock`,r=`scroll-lock-styles`,i={BODY:`scroll-lock-body`,BODY_WITH_SCROLLBAR:`scroll-lock-body-with-scrollbar`,HTML:`scroll-lock-html`},a=`
+import{isClient as e,isIOS as t}from"../shared/env.js";const n=`data-scroll-lock`,r=`scroll-lock-styles`,i={BODY:`scroll-lock-body`,BODY_WITH_SCROLLBAR:`scroll-lock-body-with-scrollbar`,HTML:`scroll-lock-html`},a=`
   .${i.BODY} {
     position: fixed !important;
     overflow-x: hidden !important;
@@ -15,4 +15,4 @@ import{isClient as e,isIOS as t}from"../shared/env.js";import"../shared/index.js
   .${i.HTML} {
     scroll-behavior: auto !important;
   }
-`;function o(){if(!e)return()=>{};let r=document.body;if(r.hasAttribute(n))return()=>{};m();let i=window.scrollY;s(r,i,l());let a=t()?u():void 0;return()=>c(r,i,a)}function s(e,t,r){e.style.top=`-${t}px`,e.classList.add(i.BODY),r&&e.classList.add(i.BODY_WITH_SCROLLBAR),document.documentElement.classList.add(i.HTML),e.setAttribute(n,`true`)}function c(e,t,r){e.classList.remove(i.BODY,i.BODY_WITH_SCROLLBAR),document.documentElement.classList.remove(i.HTML),e.style.top=``,e.removeAttribute(n),window.scrollTo(0,t),r?.()}function l(){return document.body.scrollHeight>window.innerHeight}function u(){let e=e=>{d(e)&&e.preventDefault()};return document.addEventListener(`touchmove`,e,{passive:!1}),()=>{document.removeEventListener(`touchmove`,e)}}function d(e){if(e.touches.length>1)return!1;let t=e.target;return!f(t)}function f(e){let t=e;for(;t&&t.tagName!==`BODY`;){if(p(window.getComputedStyle(t),t))return!0;t=t.parentElement}return!1}function p(e,t){let n=e.overflowX===`scroll`||e.overflowY===`scroll`,r=e.overflowX===`auto`&&t.clientWidth<t.scrollWidth||e.overflowY===`auto`&&t.clientHeight<t.scrollHeight;return n||r}function m(){if(!document.getElementById(r)){let e=document.createElement(`style`);e.id=r,e.textContent=a,document.head.appendChild(e)}}export{o as useBodyScrollLock};
+`;let o=0,s;function c(){if(!e)return()=>{};if(o+=1,o===1){let e=document.body;g();let n=window.scrollY;l(e,n,d());let r=t()?f():void 0;s=()=>u(e,n,r)}let n=!1;return()=>{n||(n=!0,o=Math.max(0,o-1),o===0&&(s?.(),s=void 0))}}function l(e,t,r){e.style.top=`-${t}px`,e.classList.add(i.BODY),r&&e.classList.add(i.BODY_WITH_SCROLLBAR),document.documentElement.classList.add(i.HTML),e.setAttribute(n,`true`)}function u(e,t,r){e.classList.remove(i.BODY,i.BODY_WITH_SCROLLBAR),document.documentElement.classList.remove(i.HTML),e.style.top=``,e.removeAttribute(n),window.scrollTo(0,t),r?.()}function d(){return document.body.scrollHeight>window.innerHeight}function f(){let e=e=>{p(e)&&e.preventDefault()};return document.addEventListener(`touchmove`,e,{passive:!1}),()=>{document.removeEventListener(`touchmove`,e)}}function p(e){if(e.touches.length>1)return!1;let t=e.target;return!m(t)}function m(e){let t=e;for(;t&&t.tagName!==`BODY`;){if(h(window.getComputedStyle(t),t))return!0;t=t.parentElement}return!1}function h(e,t){let n=e.overflowX===`scroll`||e.overflowY===`scroll`,r=e.overflowX===`auto`&&t.clientWidth<t.scrollWidth||e.overflowY===`auto`&&t.clientHeight<t.scrollHeight;return n||r}function g(){if(!document.getElementById(r)){let e=document.createElement(`style`);e.id=r,e.textContent=a,document.head.appendChild(e)}}export{c as useBodyScrollLock};

package/dist/composables/use-bool-prop.d.ts

@@ -5,6 +5,5 @@
  * It can get undefined value for boolean props witch are not set default value
  * @param key
  */
-declare function useBoolProp(key: string): import("vue").ComputedRef<boolean | undefined>;
-//#endregion
-export { useBoolProp };
+export declare function useBoolProp(key: string): import("vue").ComputedRef<boolean | undefined>;
+//#endregion