@soybeanjs/headless 0.14.0 → 0.15.0-beta.1

package/dist/components/toggle-group/types.d.ts

@@ -0,0 +1,30 @@
+import { DataOrientation, DefinedValue, Direction, SelectionEmits, SelectionProps, UiClass } from "../../types/common.js";
+import { FormFieldCommonProps } from "../../types/component.js";
+import { PrimitiveProps } from "../primitive/types.js";
+import { ButtonProps } from "../button/types.js";
+import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+
+//#region src/components/toggle-group/types.d.ts
+interface ToggleGroupRootProps<M extends boolean = false, T extends DefinedValue = string> extends SelectionProps<M, T>, FormFieldCommonProps, PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  /** When `false`, navigating through items with arrow keys is disabled. */
+  rovingFocus?: boolean;
+  /** When `true`, prevents interaction with all items in the group. */
+  disabled?: boolean;
+  /** The orientation of the component. */
+  orientation?: DataOrientation;
+  /** The reading direction of the group when applicable. */
+  dir?: Direction;
+  /** When `true`, keyboard navigation loops from last to first item, and vice versa. */
+  loop?: boolean;
+}
+type ToggleGroupRootEmits<M extends boolean = false, T extends DefinedValue = string> = SelectionEmits<M, T>;
+interface ToggleGroupItemProps<T extends DefinedValue = string> extends ButtonProps {
+  /** A unique value that identifies the item inside the group. */
+  value: T;
+  /** When `true`, prevents interaction with the item. */
+  disabled?: boolean;
+}
+type ToggleGroupUiSlot = 'root' | 'item';
+type ToggleGroupUi = UiClass<ToggleGroupUiSlot>;
+//#endregion
+export { ToggleGroupItemProps, ToggleGroupRootEmits, ToggleGroupRootProps, ToggleGroupUi, ToggleGroupUiSlot };

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

@@ -0,0 +1,8 @@
+import { ClassValue, UiClass } from "../../types/common.js";
+import { ToolbarUiSlot } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/toolbar/context.d.ts
+declare const provideToolbarUi: (ui: _$vue.ComputedRef<Partial<UiClass<ToolbarUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ToolbarUiSlot>>>, useToolbarUi: <S extends ToolbarUiSlot | undefined = undefined>(slot?: S | undefined) => S extends ToolbarUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<ToolbarUiSlot>>>;
+//#endregion
+export { provideToolbarUi };

package/dist/components/toolbar/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";import{useDirection as n}from"../config-provider/context.js";const[r,i]=e(`ToolbarRoot`,e=>{let t=n(()=>e.dir.value);return{...e,dir:t}}),[a,o]=t(`ToolbarUi`);export{r as provideToolbarRootContext,a as provideToolbarUi,i as useToolbarRootContext,o as useToolbarUi};

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

@@ -0,0 +1,9 @@
+import { ToolbarButtonEmits, ToolbarButtonProps, ToolbarLinkProps, ToolbarRootContext, ToolbarRootContextParams, ToolbarRootProps, ToolbarSeparatorProps, ToolbarToggleGroupEmits, ToolbarToggleGroupProps, ToolbarToggleItemProps, ToolbarUi, ToolbarUiSlot } from "./types.js";
+import { _default as _default$2 } from "./toolbar-root.vue.js";
+import { _default } from "./toolbar-button.vue.js";
+import { _default as _default$1 } from "./toolbar-link.vue.js";
+import { _default as _default$3 } from "./toolbar-separator.vue.js";
+import { _default as _default$4 } from "./toolbar-toggle-group.vue.js";
+import { _default as _default$5 } from "./toolbar-toggle-item.vue.js";
+import { provideToolbarUi } from "./context.js";
+export { _default as ToolbarButton, type ToolbarButtonEmits, type ToolbarButtonProps, _default$1 as ToolbarLink, type ToolbarLinkProps, _default$2 as ToolbarRoot, type ToolbarRootContext, type ToolbarRootContextParams, type ToolbarRootProps, _default$3 as ToolbarSeparator, type ToolbarSeparatorProps, _default$4 as ToolbarToggleGroup, type ToolbarToggleGroupEmits, type ToolbarToggleGroupProps, _default$5 as ToolbarToggleItem, type ToolbarToggleItemProps, type ToolbarUi, type ToolbarUiSlot, provideToolbarUi };

package/dist/components/toolbar/index.js

@@ -0,0 +1 @@
+import{provideToolbarUi as e}from"./context.js";import t from"./toolbar-root.js";import n from"./toolbar-button.js";import r from"./toolbar-link.js";import i from"./toolbar-separator.js";import a from"./toolbar-toggle-group.js";import o from"./toolbar-toggle-item.js";export{n as ToolbarButton,r as ToolbarLink,t as ToolbarRoot,i as ToolbarSeparator,a as ToolbarToggleGroup,o as ToolbarToggleItem,e as provideToolbarUi};

package/dist/components/toolbar/toolbar-button.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../button/button.js";import"../button/index.js";import n from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import{useToolbarUi as r}from"./context.js";import{computed as i,createBlock as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=s({name:`ToolbarButton`,__name:`toolbar-button`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`click`],setup(s,{emit:p}){let m=s,h=p,g=r(`button`),_=e(m,[`class`]),v=i(()=>[g.value,m.class]);return(e,r)=>(l(),a(d(n),{"as-child":``,focusable:!s.disabled},{default:f(()=>[o(d(t),c(d(_),{class:v.value,onClick:r[0]||(r[0]=e=>h(`click`,e))}),{default:f(()=>[u(e.$slots,`default`)]),_:3},16,[`class`])]),_:3},8,[`focusable`]))}});export{p as default};

package/dist/components/toolbar/toolbar-button.vue.d.ts

@@ -0,0 +1,22 @@
+import { ToolbarButtonProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/toolbar/toolbar-button.vue.d.ts
+declare var __VLS_16: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_16) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<ToolbarButtonProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  click: (event: MouseEvent) => any;
+}, string, _$vue.PublicProps, Readonly<ToolbarButtonProps> & Readonly<{
+  onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, _$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/toolbar/toolbar-link.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../link/link.js";import n from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import"../link/index.js";import{useToolbarUi as r}from"./context.js";import{computed as i,createBlock as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=s({name:`ToolbarLink`,__name:`toolbar-link`,props:{to:{},replace:{type:Boolean},href:{},disabled:{type:Boolean},activeClass:{},exactActiveClass:{},inactiveClass:{},prefetchedClass:{},external:{type:Boolean},ariaCurrentValue:{},viewTransition:{type:Boolean},target:{},rel:{},noRel:{type:Boolean},prefetch:{type:Boolean},prefetchOn:{},noPrefetch:{type:Boolean},trailingSlash:{},asChild:{type:Boolean},as:{default:`a`}},setup(s){let p=s,m=r(`link`),h=e(p,[`class`]),g=i(()=>[m.value,p.class]),_=i(()=>!p.disabled&&p.tabindex!==`-1`&&p.tabindex!==-1),v=e=>{e.key!==` `||p.disabled||(e.preventDefault(),e.currentTarget?.click())};return(e,r)=>(l(),a(d(n),{"as-child":``,focusable:_.value},{default:f(()=>[o(d(t),c(d(h),{class:g.value,onKeydown:v}),{default:f(()=>[u(e.$slots,`default`)]),_:3},16,[`class`])]),_:3},8,[`focusable`]))}});export{p as default};

package/dist/components/toolbar/toolbar-link.vue.d.ts

@@ -0,0 +1,21 @@
+import { AsTag } from "../primitive/types.js";
+import { ToolbarLinkProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/toolbar/toolbar-link.vue.d.ts
+declare var __VLS_16: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_16) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<ToolbarLinkProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ToolbarLinkProps> & Readonly<{}>, {
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, string, _$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/toolbar/toolbar-root.js

@@ -0,0 +1 @@
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import r from"../roving-focus/roving-focus-group.js";import"../roving-focus/index.js";import{provideToolbarRootContext as i,useToolbarUi as a}from"./context.js";import{computed as o,createBlock as s,createVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,unref as p,withCtx as m}from"vue";const h=l({name:`ToolbarRoot`,__name:`toolbar-root`,props:{orientation:{default:`horizontal`},dir:{},loop:{type:Boolean},asChild:{type:Boolean},as:{}},setup(l){let h=l,g=a(`root`),_=t(h,[`class`]),v=o(()=>[g.value,h.class]);return i(e(h,[`orientation`,`dir`])),(e,t)=>(d(),s(p(r),{"as-child":``,orientation:l.orientation,dir:l.dir,loop:l.loop},{default:m(()=>[c(p(n),u(p(_),{as:l.as,"as-child":l.asChild,class:v.value,role:`toolbar`,"aria-orientation":l.orientation,dir:l.dir,"data-orientation":l.orientation}),{default:m(()=>[f(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`class`,`aria-orientation`,`dir`,`data-orientation`])]),_:3},8,[`orientation`,`dir`,`loop`]))}});export{h as default};

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

@@ -0,0 +1,21 @@
+import { DataOrientation } from "../../types/common.js";
+import { ToolbarRootProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/toolbar/toolbar-root.vue.d.ts
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<ToolbarRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ToolbarRootProps> & Readonly<{}>, {
+  orientation: DataOrientation;
+}, {}, {}, {}, string, _$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/toolbar/toolbar-separator.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../separator/separator-root.js";import"../separator/index.js";import{useToolbarRootContext as n,useToolbarUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=o({name:`ToolbarSeparator`,__name:`toolbar-separator`,props:{decorative:{type:Boolean}},setup(o){let f=o,{orientation:p}=n(`ToolbarSeparator`),m=r(`separator`),h=e(f,[`class`]),g=i(()=>[m.value,f.class]),_=i(()=>p.value===`horizontal`?`vertical`:`horizontal`);return(e,n)=>(c(),a(u(t),s(u(h),{class:g.value,orientation:_.value}),{default:d(()=>[l(e.$slots,`default`)]),_:3},16,[`class`,`orientation`]))}});export{f as default};

package/dist/components/toolbar/toolbar-separator.vue.d.ts

@@ -0,0 +1,18 @@
+import { ToolbarSeparatorProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/toolbar/toolbar-separator.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<ToolbarSeparatorProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ToolbarSeparatorProps> & Readonly<{}>, {}, {}, {}, {}, string, _$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/toolbar/toolbar-toggle-group.js

@@ -0,0 +1 @@
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../toggle-group/toggle-group-root.js";import"../toggle-group/index.js";import{useToolbarRootContext as r,useToolbarUi as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toHandlers as d,unref as f,withCtx as p}from"vue";const m=s({name:`ToolbarToggleGroup`,__name:`toolbar-toggle-group`,props:{rovingFocus:{type:Boolean},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},singleClearable:{type:Boolean},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(s,{emit:m}){let h=s,g=m,{orientation:_,dir:v}=r(`ToolbarToggleGroup`),y=i(`toggleGroup`),b=t(h,[`class`,`dir`,`loop`,`rovingFocus`]),x=e(g),S=a(()=>[y.value,h.class]);return(e,t)=>(l(),o(f(n),c(f(b),{class:S.value,dir:h.dir??f(v),orientation:h.orientation??f(_),"roving-focus":!1},d(f(x))),{default:p(()=>[u(e.$slots,`default`)]),_:3},16,[`class`,`dir`,`orientation`]))}});export{m as default};

package/dist/components/toolbar/toolbar-toggle-group.vue.d.ts

@@ -0,0 +1,24 @@
+import { DefinedValue } from "../../types/common.js";
+import { ToolbarToggleGroupProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/toolbar/toolbar-toggle-group.vue.d.ts
+declare const __VLS_export: <M extends boolean = false, T extends DefinedValue = string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: _$vue.PublicProps & __VLS_PrettifyLocal<ToolbarToggleGroupProps<M, T> & {
+    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {}) => any;
+  };
+  emit: (evt: "update:modelValue", value: M extends true ? T[] : T) => void;
+}>) => _$vue.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

package/dist/components/toolbar/toolbar-toggle-item.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import{useToggleGroupRootContext as n}from"../toggle-group/context.js";import r from"../toggle-group/toggle-group-item.js";import"../toggle-group/index.js";import{useToolbarUi as i}from"./context.js";import{computed as a,createBlock as o,createVNode as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,unref as f,withCtx as p}from"vue";const m=c({name:`ToolbarToggleItem`,__name:`toolbar-toggle-item`,props:{value:{},disabled:{type:Boolean},type:{},asChild:{type:Boolean},as:{}},setup(c){let m=c,h=i(`toggleItem`),g=e(m,[`class`]),{disabled:_}=n(`ToolbarToggleItem`),v=a(()=>_.value||m.disabled),y=a(()=>[h.value,m.class]);return(e,n)=>(u(),o(f(t),{"as-child":``,focusable:!v.value},{default:p(()=>[s(f(r),l(f(g),{class:y.value}),{default:p(()=>[d(e.$slots,`default`)]),_:3},16,[`class`])]),_:3},8,[`focusable`]))}});export{m as default};

package/dist/components/toolbar/toolbar-toggle-item.vue.d.ts

@@ -0,0 +1,22 @@
+import { DefinedValue } from "../../types/common.js";
+import { ToolbarToggleItemProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/toolbar/toolbar-toggle-item.vue.d.ts
+declare const __VLS_export: <T extends DefinedValue = string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: _$vue.PublicProps & __VLS_PrettifyLocal<ToolbarToggleItemProps<T>> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {}) => any;
+  };
+  emit: {};
+}>) => _$vue.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

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

@@ -0,0 +1,36 @@
+import { DataOrientation, DefinedValue, Direction, UiClass } from "../../types/common.js";
+import { PrimitiveProps } from "../primitive/types.js";
+import { LinkProps } from "../link/types.js";
+import { SeparatorRootProps } from "../separator/types.js";
+import { ButtonEmits, ButtonProps } from "../button/types.js";
+import { ToggleGroupItemProps, ToggleGroupRootEmits, ToggleGroupRootProps } from "../toggle-group/types.js";
+import { ComputedRef, HTMLAttributes } from "vue";
+
+//#region src/components/toolbar/types.d.ts
+interface ToolbarRootProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  /** The orientation of the toolbar. */
+  orientation?: DataOrientation;
+  /** The reading direction of the toolbar. */
+  dir?: Direction;
+  /** Whether keyboard roving focus loops. */
+  loop?: boolean;
+}
+interface ToolbarRootContext {
+  orientation: ComputedRef<DataOrientation>;
+  dir: ComputedRef<Direction>;
+}
+interface ToolbarRootContextParams {
+  orientation: ComputedRef<DataOrientation>;
+  dir: ComputedRef<Direction | undefined>;
+}
+type ToolbarUiSlot = 'root' | 'button' | 'link' | 'separator' | 'toggleGroup' | 'toggleItem';
+type ToolbarUi = UiClass<ToolbarUiSlot>;
+interface ToolbarButtonProps extends ButtonProps {}
+type ToolbarButtonEmits = ButtonEmits;
+interface ToolbarLinkProps extends LinkProps {}
+interface ToolbarSeparatorProps extends Omit<SeparatorRootProps, 'orientation'> {}
+interface ToolbarToggleGroupProps<M extends boolean = false, T extends DefinedValue = string> extends ToggleGroupRootProps<M, T> {}
+type ToolbarToggleGroupEmits<M extends boolean = false, T extends DefinedValue = string> = ToggleGroupRootEmits<M, T>;
+interface ToolbarToggleItemProps<T extends DefinedValue = string> extends ToggleGroupItemProps<T> {}
+//#endregion
+export { ToolbarButtonEmits, ToolbarButtonProps, ToolbarLinkProps, ToolbarRootContext, ToolbarRootContextParams, ToolbarRootProps, ToolbarSeparatorProps, ToolbarToggleGroupEmits, ToolbarToggleGroupProps, ToolbarToggleItemProps, ToolbarUi, ToolbarUiSlot };

package/dist/components/tooltip/tooltip-popup.js

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import t from"../visually-hidden/visually-hidden.js";import"../visually-hidden/index.js";import{popperCssVars as n}from"../popper/shared.js";import r from"../popper/popper-popup.js";import"../popper/index.js";import{useTooltipRootContext as i}from"./context.js";import{tooltipCssVars as a}from"./shared.js";import{computed as o,createBlock as s,createTextVNode as c,createVNode as l,defineComponent as u,openBlock as d,renderSlot as f,toDisplayString as p,unref as m,withCtx as h}from"vue";const g=u({name:`TooltipPopup`,__name:`tooltip-popup`,props:{ariaLabel:{}},setup(u){let g=u,{popupId:_,dataState:v,initPopupId:y,onPopupElementChange:b}=i(`TooltipPopup`),[x,S]=e(b),C={[a.transformOrigin]:`var(${n.transformOrigin})`,[a.availableWidth]:`var(${n.availableWidth})`,[a.availableHeight]:`var(${n.availableHeight})`,[a.anchorWidth]:`var(${n.anchorWidth})`,[a.anchorHeight]:`var(${n.anchorHeight})`},w=o(()=>g.ariaLabel??x.value?.textContent);return y(),(e,n)=>(d(),s(m(r),{ref:m(S),"data-dismissable-layer":``,"data-state":m(v),style:C},{default:h(()=>[f(e.$slots,`default`),l(m(t),{id:m(_),role:`tooltip`},{default:h(()=>[c(p(w.value),1)]),_:1},8,[`id`])]),_:3},8,[`data-state`]))}});export{g as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import t from"../visually-hidden/visually-hidden.js";import{popperCssVars as n}from"../popper/shared.js";import r from"../popper/popper-popup.js";import"../popper/index.js";import"../visually-hidden/index.js";import{useTooltipRootContext as i}from"./context.js";import{tooltipCssVars as a}from"./shared.js";import{computed as o,createBlock as s,createTextVNode as c,createVNode as l,defineComponent as u,openBlock as d,renderSlot as f,toDisplayString as p,unref as m,withCtx as h}from"vue";const g=u({name:`TooltipPopup`,__name:`tooltip-popup`,props:{ariaLabel:{}},setup(u){let g=u,{popupId:_,dataState:v,initPopupId:y,onPopupElementChange:b}=i(`TooltipPopup`),[x,S]=e(b),C={[a.transformOrigin]:`var(${n.transformOrigin})`,[a.availableWidth]:`var(${n.availableWidth})`,[a.availableHeight]:`var(${n.availableHeight})`,[a.anchorWidth]:`var(${n.anchorWidth})`,[a.anchorHeight]:`var(${n.anchorHeight})`},w=o(()=>g.ariaLabel??x.value?.textContent);return y(),(e,n)=>(d(),s(m(r),{ref:m(S),"data-dismissable-layer":``,"data-state":m(v),style:C},{default:h(()=>[f(e.$slots,`default`),l(m(t),{id:m(_),role:`tooltip`},{default:h(()=>[c(p(w.value),1)]),_:1},8,[`id`])]),_:3},8,[`data-state`]))}});export{g as default};

package/dist/components/tree-menu/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(`TreeMenuRoot`,e=>{let{modelValue:t,expanded:n,collapsed:r}=e,i=e=>{t.value=e},a=e=>{n.value=e},o=e=>{n.value.includes(e)?n.value=n.value.filter(t=>t!==e):n.value=[...n.value,e]},s=e=>{r.value=e};return{...e,onModelValueChange:i,onExpandedChange:a,onExpandedToggle:o,onCollapsedChange:s}}),[i,a]=e(`TreeMenuItem`),[o,s]=t(`TreeMenuUi`);export{i as provideTreeMenuItemContext,n as provideTreeMenuRootContext,o as provideTreeMenuUi,a as useTreeMenuItemContext,r as useTreeMenuRootContext,s as useTreeMenuUi};
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{provideCollapsibleUi as n}from"../collapsible/context.js";import{computed as r}from"vue";const[i,a]=e(`TreeMenuRoot`,e=>{let{modelValue:t,expanded:n,collapsed:r}=e,i=e=>{t.value=e},a=e=>{n.value=e},o=e=>{n.value.includes(e)?n.value=n.value.filter(t=>t!==e):n.value=[...n.value,e]},s=e=>{r.value=e};return{...e,onModelValueChange:i,onExpandedChange:a,onExpandedToggle:o,onCollapsedChange:s}}),[o,s]=e(`TreeMenuItem`),[c,l]=t(`TreeMenuUi`,e=>(n(r(()=>({root:e.value.collapsibleRoot,trigger:e.value.collapsibleTrigger,content:e.value.collapsibleContent}))),e));export{o as provideTreeMenuItemContext,i as provideTreeMenuRootContext,c as provideTreeMenuUi,s as useTreeMenuItemContext,a as useTreeMenuRootContext,l as useTreeMenuUi};

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

@@ -1 +1 @@
-import e from"../collapsible/collapsible-root.js";import t from"../collapsible/collapsible-content.js";import n from"../collapsible/collapsible-trigger.js";import"../collapsible/index.js";import{useTreeMenuItemContext as r,useTreeMenuUi as i}from"./context.js";import{computed as a,createBlock as o,createVNode as s,defineComponent as c,normalizeClass as l,openBlock as u,renderSlot as d,unref as f,withCtx as p}from"vue";const m=c({name:`TreeMenuCollapsible`,__name:`tree-menu-collapsible`,props:{disabledCollapsible:{type:Boolean},asChild:{type:Boolean},as:{}},setup(c){let m=c,{isExpanded:h,onExpandedToggle:g}=r(`TreeMenuCollapsible`),_=i(`collapsibleContent`),v=a(()=>!m.disabledCollapsible&&h.value);return(r,i)=>(u(),o(f(e),{as:c.as,open:v.value,"onUpdate:open":f(g)},{default:p(()=>[s(f(n),{"as-child":``,"disabled-collapsible":c.disabledCollapsible},{default:p(()=>[d(r.$slots,`trigger`)]),_:3},8,[`disabled-collapsible`]),d(r.$slots,`extra`),s(f(t),{class:l(f(_))},{default:p(()=>[d(r.$slots,`default`)]),_:3},8,[`class`])]),_:3},8,[`as`,`open`,`onUpdate:open`]))}});export{m as default};
+import e from"../collapsible/collapsible-root.js";import t from"../collapsible/collapsible-content.js";import n from"../collapsible/collapsible-trigger.js";import"../collapsible/index.js";import{useTreeMenuItemContext as r}from"./context.js";import{computed as i,createBlock as a,createVNode as o,defineComponent as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=s({name:`TreeMenuCollapsible`,__name:`tree-menu-collapsible`,props:{disabledCollapsible:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let f=s,{isExpanded:p,onExpandedToggle:m}=r(`TreeMenuCollapsible`),h=i(()=>!f.disabledCollapsible&&p.value);return(r,i)=>(c(),a(u(e),{as:s.as,open:h.value,"onUpdate:open":u(m)},{default:d(()=>[o(u(n),{"as-child":``,"disabled-collapsible":s.disabledCollapsible},{default:d(()=>[l(r.$slots,`trigger`)]),_:3},8,[`disabled-collapsible`]),l(r.$slots,`extra`),o(u(t),null,{default:d(()=>[l(r.$slots,`default`)]),_:3})]),_:3},8,[`as`,`open`,`onUpdate:open`]))}});export{f as default};

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

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

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

@@ -71,7 +71,7 @@ interface TreeMenuRootContextParams {
   expanded: ShallowRef<string[]>;
   collapsed: ShallowRef<boolean>;
 }
-type TreeMenuUiSlot = 'root' | 'groupRoot' | 'groupLabel' | 'group' | 'item' | 'button' | 'sub' | 'subItem' | 'subButton' | 'collapsibleContent';
+type TreeMenuUiSlot = 'root' | 'groupRoot' | 'groupLabel' | 'group' | 'item' | 'button' | 'sub' | 'subItem' | 'subButton' | 'collapsibleRoot' | 'collapsibleTrigger' | 'collapsibleContent';
 type TreeMenuUi = UiClass<TreeMenuUiSlot>;
 //#endregion
 export { TreeMenuBaseItemProps, TreeMenuButtonProps, TreeMenuCollapsedState, TreeMenuCollapsibleProps, TreeMenuGroupLabelProps, TreeMenuGroupProps, TreeMenuGroupRootProps, TreeMenuItemProps, TreeMenuRootContextParams, TreeMenuRootEmits, TreeMenuRootProps, TreeMenuSubProps, TreeMenuUi, TreeMenuUiSlot };

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();return s(n(()=>c.checked??c.value),(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),feature:i.feature,as:`input`},null,8,[`feature`]))}});export{c as default};
+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();return s(n(()=>c.checked??c.value),(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),feature:i.feature,as:`input`,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.vue.d.ts

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

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

@@ -8,8 +8,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<VisuallyHiddenProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<VisuallyHiddenProps> & Readonly<{}>, {
-  as: AsTag | _$vue.Component;
   feature: VisuallyHiddenFeature;
+  as: AsTag | _$vue.Component;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/composables/use-dismissable-layer.js

@@ -1 +1 @@
-import{isClient as e}from"../shared/env.js";import{handleAndDispatchCustomEvent as t}from"../shared/event.js";import"../shared/index.js";import{useEscapeKeyDown as n}from"./use-escape-key-down.js";import{computed as r,nextTick as i,onBeforeUnmount as a,onMounted as o,onWatcherCleanup as s,shallowReactive as c,toValue as l,watch as u,watchEffect as d}from"vue";const f=`data-dismissable-layer`,p={layers:c(new Set),layersWithOutsidePointerEventsDisabled:c(new Set),branches:c(new Set)};let m;function h(e,t={}){let{disableOutsidePointerEvents:i,onEscapeKeyDown:a,onPointerDownOutside:o,onFocusOutside:c,onInteractOutside:d,onDismiss:f}=t,h=()=>e.value?.ownerDocument??globalThis?.document,g=r(()=>e.value?Array.from(p.layers).indexOf(e.value):-1),y=r(()=>p.layersWithOutsidePointerEventsDisabled.size>0),b=r(()=>{let e=Array.from(p.layers),[t]=[...p.layersWithOutsidePointerEventsDisabled].slice(-1),n=t?e.indexOf(t):-1;return g.value>=n}),x=r(()=>{if(y.value)return b.value?`auto`:`none`});return _(e,e=>{if(!b.value)return;let t=e.target;[...p.branches].some(e=>e.contains(t))||(o?.(e),d?.(e),e.defaultPrevented||f?.())}),v(e,e=>{let t=e.target;[...p.branches].some(e=>e.contains(t))||(c?.(e),d?.(e),e.defaultPrevented||f?.())}),n(h,e=>{g.value===p.layers.size-1&&(a?.(e),e.defaultPrevented||(e.preventDefault(),f?.()))}),u(e,e=>{if(!e)return;let t=h(),n=l(i);n&&(p.layersWithOutsidePointerEventsDisabled.size===0&&(m=t.body.style.pointerEvents,t.body.style.pointerEvents=`none`),p.layersWithOutsidePointerEventsDisabled.add(e)),p.layers.add(e),s(()=>{n&&p.layersWithOutsidePointerEventsDisabled.size===1&&(m?t.body.style.pointerEvents=m:t.body.style.removeProperty(`pointer-events`)),p.layers.delete(e),p.layersWithOutsidePointerEventsDisabled.delete(e)})}),{pointerEvents:x}}function g(e){o(()=>{e.value&&p.branches.add(e.value)}),a(()=>{e.value&&p.branches.delete(e.value)})}function _(n,r,i=!0){let a=!1,o=()=>{};return d(()=>{if(!e||!l(i)||!n.value)return;let c=n.value.ownerDocument;async function u(e){if(!n.value)return;let i=e.target;if(a=y(n.value,i),i&&!a){let n={originalEvent:e};function i(){t(`dismissableLayer.pointerDownOutside`,r,n)}e.pointerType===`touch`?(c.removeEventListener(`click`,o),o=i,c.addEventListener(`click`,o,{once:!0})):i()}else c.removeEventListener(`click`,o);a=!1}let d=window.setTimeout(()=>{c.addEventListener(`pointerdown`,u)},0);s(()=>{window.clearTimeout(d),c.removeEventListener(`pointerdown`,u),c.removeEventListener(`click`,o)})}),{onPointerdownCapture:()=>{l(i)&&(a=!0)}}}function v(n,r,a=!0){let o=!1,c=async e=>{await i(),n.value&&(o=y(n.value,e.target),e.target&&!o&&t(`dismissableLayer.focusOutside`,r,{originalEvent:e}))};return d(()=>{if(!e||!l(a)||!n.value)return;let t=n.value.ownerDocument;t.addEventListener(`focusin`,c),s(()=>{t.removeEventListener(`focusin`,c)})}),{onFocusCapture:()=>{l(a)&&(o=!0)},onBlurCapture:()=>{l(a)&&(o=!1)}}}function y(e,t){if(!e)return!1;if(e.contains(t))return!0;let n=b(e),r=t.closest(`[${f}]`);if(!n||!r)return!1;if(n===r)return!0;let i=Array.from(n.ownerDocument.querySelectorAll(`[${f}]`));return i.indexOf(n)<i.indexOf(r)}function b(e){return e.hasAttribute(f)?e:e.querySelector(`[${f}]`)}export{h as useDismissableLayer,g as useDismissableLayerBranch,v as useFocusOutside,_ as usePointerdownOutside};
+import{isClient as e}from"../shared/env.js";import{handleAndDispatchCustomEvent as t}from"../shared/event.js";import"../shared/index.js";import{useEscapeKeyDown as n}from"./use-escape-key-down.js";import{computed as r,onBeforeUnmount as i,onMounted as a,onWatcherCleanup as o,shallowReactive as s,toValue as c,watch as l,watchEffect as u}from"vue";const d=`data-dismissable-layer`,f={layers:s(new Set),layersWithOutsidePointerEventsDisabled:s(new Set),branches:s(new Set)};let p;function m(e,t={}){let{disableOutsidePointerEvents:i,onEscapeKeyDown:a,onPointerDownOutside:s,onFocusOutside:u,onInteractOutside:d,onDismiss:m}=t,h=()=>e.value?.ownerDocument??globalThis?.document,v=r(()=>e.value?Array.from(f.layers).indexOf(e.value):-1),y=r(()=>f.layersWithOutsidePointerEventsDisabled.size>0),b=r(()=>{let e=Array.from(f.layers),[t]=[...f.layersWithOutsidePointerEventsDisabled].slice(-1),n=t?e.indexOf(t):-1;return v.value>=n}),x=r(()=>{if(y.value)return b.value?`auto`:`none`});return g(e,e=>{if(!b.value)return;let t=e.target;[...f.branches].some(e=>e.contains(t))||(s?.(e),d?.(e),e.defaultPrevented||m?.())}),_(e,e=>{let t=e.target;[...f.branches].some(e=>e.contains(t))||(u?.(e),d?.(e),e.defaultPrevented||m?.())}),n(h,e=>{v.value===f.layers.size-1&&(a?.(e),e.defaultPrevented||(e.preventDefault(),m?.()))}),l(e,e=>{if(!e)return;let t=h(),n=c(i);n&&(f.layersWithOutsidePointerEventsDisabled.size===0&&(p=t.body.style.pointerEvents,t.body.style.pointerEvents=`none`),f.layersWithOutsidePointerEventsDisabled.add(e)),f.layers.add(e),o(()=>{n&&f.layersWithOutsidePointerEventsDisabled.size===1&&(p?t.body.style.pointerEvents=p:t.body.style.removeProperty(`pointer-events`)),f.layers.delete(e),f.layersWithOutsidePointerEventsDisabled.delete(e)})}),{pointerEvents:x}}function h(e){a(()=>{e.value&&f.branches.add(e.value)}),i(()=>{e.value&&f.branches.delete(e.value)})}function g(n,r,i=!0){let a=!1,s=()=>{};return u(()=>{if(!e||!c(i)||!n.value)return;let l=n.value.ownerDocument;async function u(e){if(!n.value)return;let i=e.target;if(a=v(n.value,i),i&&!a){let n={originalEvent:e};function i(){t(`dismissableLayer.pointerDownOutside`,r,n)}e.pointerType===`touch`?(l.removeEventListener(`click`,s),s=i,l.addEventListener(`click`,s,{once:!0})):i()}else l.removeEventListener(`click`,s);a=!1}let d=window.setTimeout(()=>{l.addEventListener(`pointerdown`,u)},0);o(()=>{window.clearTimeout(d),l.removeEventListener(`pointerdown`,u),l.removeEventListener(`click`,s)})}),{onPointerdownCapture:()=>{c(i)&&(a=!0)}}}function _(n,r,i=!0){let a=!1,s=e=>{if(!n.value||a)return;let i=e.target;i instanceof HTMLElement&&(a=v(n.value,i),a||t(`dismissableLayer.focusOutside`,r,{originalEvent:e}))};return u(()=>{if(!e||!c(i)||!n.value)return;let t=n.value.ownerDocument;t.addEventListener(`focusin`,s),o(()=>{t.removeEventListener(`focusin`,s)})}),{onFocusCapture:()=>{c(i)&&(a=!0)},onBlurCapture:()=>{c(i)&&(a=!1)}}}function v(e,t){if(!e)return!1;if(e.contains(t))return!0;let n=y(e),r=t.closest(`[${d}]`);if(!n||!r)return!1;if(n===r)return!0;let i=Array.from(n.ownerDocument.querySelectorAll(`[${d}]`));return i.indexOf(n)<i.indexOf(r)}function y(e){return e.hasAttribute(d)?e:e.querySelector(`[${d}]`)}export{m as useDismissableLayer,h as useDismissableLayerBranch,_ as useFocusOutside,g as usePointerdownOutside};

package/dist/composables/use-focus-scope.js

@@ -1 +1 @@
-import{arrayRemove as e}from"../shared/object.js";import{getActiveElement as t,removeLinks as n}from"../shared/dom.js";import{focus as r,focusFirstAndSelect as i,getTabbableCandidates as a,getTabbableEdges as o}from"../shared/focus.js";import{isClient as s}from"../shared/env.js";import"../shared/index.js";import{nextTick as c,onWatcherCleanup as l,toValue as u,watch as d,watchEffect as f}from"vue";const p=`focusScope.autoFocusOnOpen`,m={bubbles:!1,cancelable:!0},h=_();function g(e,g){let{loop:_,trapped:v,onOpenAutoFocus:y,onCloseAutoFocus:b}=g||{},x,S={paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}};if(s){function o(t){if(S.paused||!e.value)return;let n=t.target;e.value.contains(n)?x=n:r(x,{select:!0})}function s(t){if(S.paused||!e.value)return;let n=t.relatedTarget;n!==null&&(e.value.contains(n)||r(x,{select:!0}))}function g(){e.value?.contains(x)||r(e.value)}f(()=>{if(!u(v))return;document.addEventListener(`focusin`,o),document.addEventListener(`focusout`,s);let t=new MutationObserver(g);e.value&&t.observe(e.value,{childList:!0,subtree:!0}),l(()=>{document.removeEventListener(`focusin`,o),document.removeEventListener(`focusout`,s),t.disconnect()})}),d(e,async(e,o,s)=>{if(await c(),!e)return;h.add(S);let l=t();if(!e.contains(l)){let o=new CustomEvent(p,m);y&&e.addEventListener(p,y),e.dispatchEvent(o),o.defaultPrevented||(i(n(a(e)),{select:!0}),t()===l&&r(e))}s(()=>{y&&e.removeEventListener(p,y),b&&e.removeEventListener(`focusScope.autoFocusOnClose`,b),h.remove(S)})})}function C(e){let n=u(_),i=u(v);if(!n&&!i||S.paused)return;let a=e.key===`Tab`&&!e.altKey&&!e.ctrlKey&&!e.metaKey,s=t();if(!a||!s)return;let c=e.currentTarget,[l,d]=o(c);l&&d?!e.shiftKey&&s===d?(e.preventDefault(),n&&r(l,{select:!0})):e.shiftKey&&s===l&&(e.preventDefault(),n&&r(d,{select:!0})):s===c&&e.preventDefault()}return{onKeydown:C}}function _(){let t=[];return{add(n){let r=t[0];n!==r&&r?.pause(),t=e(t,n),t.unshift(n)},remove(n){t=e(t,n),t[0]?.resume()}}}export{g as useFocusScope};
+import{arrayRemove as e}from"../shared/object.js";import{getActiveElement as t,removeLinks as n}from"../shared/dom.js";import{focus as r,focusFirstAndSelect as i,getTabbableCandidates as a,getTabbableEdges as o}from"../shared/focus.js";import{isClient as s}from"../shared/env.js";import"../shared/index.js";import{nextTick as c,onWatcherCleanup as l,toValue as u,watch as d,watchEffect as f}from"vue";const p=`focusScope.autoFocusOnOpen`,m=`focusScope.autoFocusOnClose`,h={bubbles:!1,cancelable:!0},g=v();function _(e,_){let{loop:v,trapped:y,onOpenAutoFocus:b,onCloseAutoFocus:x}=_||{},S,C={paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}};if(s){function o(t){if(C.paused||!e.value)return;let n=t.target;e.value.contains(n)?S=n:r(S,{select:!0})}function s(t){if(C.paused||!e.value)return;let n=t.relatedTarget;n!==null&&(e.value.contains(n)||r(S,{select:!0}))}function _(){e.value?.contains(S)||r(e.value)}f(()=>{if(!u(y))return;document.addEventListener(`focusin`,o),document.addEventListener(`focusout`,s);let t=new MutationObserver(_);e.value&&t.observe(e.value,{childList:!0,subtree:!0}),l(()=>{document.removeEventListener(`focusin`,o),document.removeEventListener(`focusout`,s),t.disconnect()})}),d(e,async(e,o,s)=>{if(await c(),!e)return;g.add(C);let l=t(),u=e.contains(l);if(b&&e.addEventListener(p,b),x&&e.addEventListener(m,x),!u){let o=new CustomEvent(p,h);e.dispatchEvent(o),o.defaultPrevented||(i(n(a(e)),{select:!0}),t()===l&&r(e))}s(()=>{b&&e.removeEventListener(p,b);let t=new CustomEvent(m,h);e.dispatchEvent(t),window.setTimeout(()=>{t.defaultPrevented||r(l??document.body,{select:!0}),x&&e.removeEventListener(m,x),g.remove(C)},0)})})}function w(e){let n=u(v),i=u(y);if(!n&&!i||C.paused)return;let a=e.key===`Tab`&&!e.altKey&&!e.ctrlKey&&!e.metaKey,s=t();if(!a||!s)return;let c=e.currentTarget,[l,d]=o(c);l&&d?!e.shiftKey&&s===d?(e.preventDefault(),n&&r(l,{select:!0})):e.shiftKey&&s===l&&(e.preventDefault(),n&&r(d,{select:!0})):s===c&&e.preventDefault()}return{onKeydown:w}}function v(){let t=[];return{add(n){let r=t[0];n!==r&&r?.pause(),t=e(t,n),t.unshift(n)},remove(n){t=e(t,n),t[0]?.resume()}}}export{_ as useFocusScope};

package/dist/constants/components.d.ts

@@ -1,8 +1,11 @@
 //#region src/constants/components.d.ts
 declare const components: {
   accordion: string[];
+  affix: string[];
   alert: string[];
+  autocomplete: string[];
   alertDialog: string[];
+  anchor: string[];
   arrow: string[];
   aspectRatio: string[];
   avatar: string[];
@@ -10,13 +13,25 @@ declare const components: {
   breadcrumb: string[];
   button: string[];
   card: string[];
+  carousel: string[];
   checkbox: string[];
   collapsible: string[];
+  combobox: string[];
+  colorArea: string[];
+  colorField: string[];
+  colorPicker: string[];
+  colorSlider: string[];
+  colorSwatch: string[];
+  colorSwatchPicker: string[];
   configProvider: string[];
   contextMenu: string[];
+  dataTable: string[];
   dialog: string[];
   dropdownMenu: string[];
+  editable: string[];
+  empty: string[];
   form: string[];
+  hoverCard: string[];
   input: string[];
   inputNumber: string[];
   kbd: string[];
@@ -26,6 +41,7 @@ declare const components: {
   list: string[];
   listbox: string[];
   menu: string[];
+  menubar: string[];
   navigationMenu: string[];
   pageTabs: string[];
   pagination: string[];
@@ -35,15 +51,24 @@ declare const components: {
   primitive: string[];
   radioGroup: string[];
   rovingFocus: string[];
+  scrollArea: string[];
   select: string[];
   separator: string[];
+  skeleton: string[];
+  splitter: string[];
+  slider: string[];
   slot: string[];
+  stepper: string[];
   switch: string[];
   table: string[];
   tabs: string[];
   tag: string[];
+  tagsInput: string[];
   textarea: string[];
   toast: string[];
+  toolbar: string[];
+  toggle: string[];
+  toggleGroup: string[];
   tooltip: string[];
   tree: string[];
   treeMenu: string[];

package/dist/constants/components.js

@@ -1 +1 @@
-const e={accordion:[`AccordionRoot`,`AccordionItem`,`AccordionTrigger`,`AccordionHeader`,`AccordionContent`],alert:[`AlertRoot`,`AlertTitle`,`AlertDescription`,`AlertContent`,`AlertClose`],alertDialog:[`AlertDialogRoot`,`AlertDialogTrigger`,`AlertDialogPortal`,`AlertDialogOverlay`,`AlertDialogContent`,`AlertDialogHeader`,`AlertDialogTitle`,`AlertDialogDescription`,`AlertDialogFooter`,`AlertDialogClose`],arrow:[`Arrow`],aspectRatio:[`AspectRatio`],avatar:[`AvatarRoot`,`AvatarImage`,`AvatarFallback`],badge:[`BadgeRoot`,`BadgeContent`],breadcrumb:[`BreadcrumbRoot`,`BreadcrumbList`,`BreadcrumbItem`,`BreadcrumbLink`,`BreadcrumbPage`,`BreadcrumbSeparator`,`BreadcrumbEllipsis`],button:[`Button`],card:[`CardRoot`,`CardHeader`,`CardTitle`,`CardTitleRoot`,`CardDescription`,`CardContent`,`CardFooter`],checkbox:[`CheckboxGroupRoot`,`CheckboxRoot`,`CheckboxControl`,`CheckboxIndicator`,`CheckboxLabel`],collapsible:[`CollapsibleRoot`,`CollapsibleTrigger`,`CollapsibleContent`],configProvider:[`ConfigProvider`],contextMenu:[`ContextMenuRoot`,`ContextMenuTrigger`,`ContextMenuPortal`,`ContextMenuContent`,`ContextMenuAnchor`,`ContextMenuArrow`,`ContextMenuGroup`,`ContextMenuGroupLabel`,`ContextMenuItem`,`ContextMenuItemIndicator`,`ContextMenuCheckboxItem`,`ContextMenuRadioItem`,`ContextMenuSub`,`ContextMenuSubTrigger`,`ContextMenuSubContent`,`ContextMenuSeparator`,`ContextMenuCheckboxGroup`,`ContextMenuRadioGroup`],dialog:[`DialogRoot`,`DialogTrigger`,`DialogPortal`,`DialogOverlay`,`DialogContent`,`DialogHeader`,`DialogTitle`,`DialogDescription`,`DialogFooter`,`DialogClose`],dropdownMenu:[`DropdownMenuRoot`,`DropdownMenuTrigger`,`DropdownMenuPortal`,`DropdownMenuContent`,`DropdownMenuAnchor`,`DropdownMenuArrow`,`DropdownMenuGroup`,`DropdownMenuGroupLabel`,`DropdownMenuItem`,`DropdownMenuItemIndicator`,`DropdownMenuCheckboxItem`,`DropdownMenuRadioItem`,`DropdownMenuSub`,`DropdownMenuSubTrigger`,`DropdownMenuSubContent`,`DropdownMenuSeparator`,`DropdownMenuCheckboxGroup`,`DropdownMenuRadioGroup`],form:[`FormField`,`FormLabel`,`FormDescription`,`FormError`,`FormFieldArray`],input:[`InputRoot`,`InputControl`],inputNumber:[`InputNumberRoot`,`InputNumberControl`,`InputNumberIncrement`,`InputNumberDecrement`],kbd:[`Kbd`],label:[`Label`],layout:[`LayoutRoot`,`LayoutHeader`,`LayoutMain`,`LayoutSidebar`,`LayoutFooter`,`LayoutRail`,`LayoutMobile`,`LayoutTab`,`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`],navigationMenu:[`NavigationMenuRoot`,`NavigationMenuList`,`NavigationMenuItem`,`NavigationMenuTrigger`,`NavigationMenuContent`,`NavigationMenuLink`,`NavigationMenuSubList`,`NavigationMenuViewport`,`NavigationMenuIndicator`],pageTabs:[`PageTabsRoot`,`PageTabsItem`,`PageTabsClose`,`PageTabsPin`],pagination:[`PaginationRoot`,`PaginationList`,`PaginationListItem`,`PaginationFirst`,`PaginationPrev`,`PaginationNext`,`PaginationLast`,`PaginationEllipsis`],popover:[`PopoverRoot`,`PopoverTrigger`,`PopoverAnchor`,`PopoverPortal`,`PopoverPositioner`,`PopoverPopup`,`PopoverArrow`,`PopoverClose`],popper:[`PopperRoot`,`PopperAnchor`,`PopperPopup`,`PopperArrow`,`PopperPositioner`],portal:[`Portal`],primitive:[`Primitive`],radioGroup:[`RadioGroupRoot`,`RadioGroupItem`,`RadioGroupControl`,`RadioGroupIndicator`,`RadioGroupLabel`],rovingFocus:[`RovingFocusGroup`,`RovingFocusItem`],select:[`SelectRoot`,`SelectTrigger`,`SelectPortal`,`SelectContent`,`SelectViewport`,`SelectGroup`,`SelectGroupLabel`,`SelectItem`,`SelectItemIndicator`,`SelectItemText`,`SelectValue`,`SelectTriggerIcon`,`SelectScrollUpButton`,`SelectScrollDownButton`,`SelectSeparator`,`SelectArrow`],separator:[`SeparatorRoot`,`SeparatorLabel`],slot:[`Slot`],switch:[`SwitchRoot`,`SwitchControl`,`SwitchThumb`],table:[`TableRoot`,`TableContent`,`TableHeader`,`TableBody`,`TableFooter`,`TableRow`,`TableHead`,`TableCell`],tabs:[`TabsRoot`,`TabsList`,`TabsTrigger`,`TabsContent`,`TabsIndicator`],tag:[`Tag`],textarea:[`TextareaRoot`,`TextareaControl`,`TextareaCounter`],toast:[`ToastProvider`,`ToastRoot`,`ToastViewport`,`ToastPortal`,`ToastAction`,`ToastTitle`,`ToastDescription`,`ToastClose`],tooltip:[`TooltipRoot`,`TooltipTrigger`,`TooltipPortal`,`TooltipPositioner`,`TooltipPopup`,`TooltipArrow`],tree:[`TreeRoot`,`TreeItem`,`TreeVirtualizerRoot`,`TreeVirtualizerItem`],treeMenu:[`TreeMenuRoot`,`TreeMenuGroupRoot`,`TreeMenuGroup`,`TreeMenuGroupLabel`,`TreeMenuItem`,`TreeMenuButton`,`TreeMenuCollapsible`,`TreeMenuSub`],virtualizer:[`VirtualizerRoot`,`VirtualizerContent`,`VirtualizerItem`],visuallyHidden:[`VisuallyHidden`,`VisuallyHiddenInput`]};export{e as components};
+const e={accordion:[`AccordionRoot`,`AccordionItem`,`AccordionTrigger`,`AccordionHeader`,`AccordionContent`,`AccordionCompact`],affix:[`AffixRoot`,`AffixPlaceholder`,`AffixContent`],alert:[`AlertRoot`,`AlertTitle`,`AlertDescription`,`AlertContent`,`AlertClose`],autocomplete:[`AutocompleteRoot`,`AutocompleteAnchor`,`AutocompleteInput`,`AutocompleteTrigger`,`AutocompletePortal`,`AutocompleteContent`,`AutocompleteViewport`,`AutocompleteGroup`,`AutocompleteGroupLabel`,`AutocompleteItem`,`AutocompleteItemIndicator`,`AutocompleteSeparator`],alertDialog:[`AlertDialogRoot`,`AlertDialogTrigger`,`AlertDialogPortal`,`AlertDialogOverlay`,`AlertDialogContent`,`AlertDialogHeader`,`AlertDialogTitle`,`AlertDialogDescription`,`AlertDialogFooter`,`AlertDialogClose`],anchor:[`AnchorRoot`,`AnchorLink`],arrow:[`Arrow`],aspectRatio:[`AspectRatio`],avatar:[`AvatarRoot`,`AvatarImage`,`AvatarFallback`],badge:[`BadgeRoot`,`BadgeContent`],breadcrumb:[`BreadcrumbRoot`,`BreadcrumbList`,`BreadcrumbItem`,`BreadcrumbLink`,`BreadcrumbPage`,`BreadcrumbSeparator`,`BreadcrumbEllipsis`],button:[`Button`],card:[`CardRoot`,`CardHeader`,`CardTitle`,`CardTitleRoot`,`CardDescription`,`CardContent`,`CardFooter`],carousel:[`CarouselRoot`,`CarouselContent`,`CarouselItem`,`CarouselPrevious`,`CarouselNext`],checkbox:[`CheckboxGroupRoot`,`CheckboxRoot`,`CheckboxControl`,`CheckboxIndicator`,`CheckboxLabel`],collapsible:[`CollapsibleRoot`,`CollapsibleTrigger`,`CollapsibleContent`],combobox:[`ComboboxRoot`,`ComboboxTrigger`,`ComboboxPortal`,`ComboboxContent`,`ComboboxViewport`,`ComboboxInput`,`ComboboxGroup`,`ComboboxGroupLabel`,`ComboboxItem`,`ComboboxItemIndicator`,`ComboboxEmpty`,`ComboboxSeparator`],colorArea:[`ColorAreaRoot`,`ColorAreaArea`,`ColorAreaThumb`],colorField:[`ColorFieldRoot`,`ColorFieldInput`],colorPicker:[`ColorPickerRoot`],colorSlider:[`ColorSliderRoot`,`ColorSliderTrack`,`ColorSliderThumb`],colorSwatch:[`ColorSwatch`],colorSwatchPicker:[`ColorSwatchPickerRoot`,`ColorSwatchPickerItem`,`ColorSwatchPickerItemIndicator`,`ColorSwatchPickerItemSwatch`],configProvider:[`ConfigProvider`],contextMenu:[`ContextMenuWrapperCompact`,`ContextMenuCompact`,`ContextMenuCheckboxCompact`,`ContextMenuRadioCompact`,`ContextMenuRoot`,`ContextMenuTrigger`,`ContextMenuPortal`,`ContextMenuContent`,`ContextMenuAnchor`,`ContextMenuArrow`,`ContextMenuGroup`,`ContextMenuGroupLabel`,`ContextMenuItem`,`ContextMenuItemIndicator`,`ContextMenuCheckboxItem`,`ContextMenuRadioItem`,`ContextMenuSub`,`ContextMenuSubTrigger`,`ContextMenuSubContent`,`ContextMenuSeparator`,`ContextMenuCheckboxGroup`,`ContextMenuRadioGroup`],dataTable:[`DataTableRoot`],dialog:[`DialogRoot`,`DialogTrigger`,`DialogPortal`,`DialogOverlay`,`DialogContent`,`DialogHeader`,`DialogTitle`,`DialogDescription`,`DialogFooter`,`DialogClose`],dropdownMenu:[`DropdownMenuRoot`,`DropdownMenuTrigger`,`DropdownMenuPortal`,`DropdownMenuContent`,`DropdownMenuAnchor`,`DropdownMenuArrow`,`DropdownMenuGroup`,`DropdownMenuGroupLabel`,`DropdownMenuItem`,`DropdownMenuItemIndicator`,`DropdownMenuCheckboxItem`,`DropdownMenuRadioItem`,`DropdownMenuSub`,`DropdownMenuSubTrigger`,`DropdownMenuSubContent`,`DropdownMenuSeparator`,`DropdownMenuCheckboxGroup`,`DropdownMenuRadioGroup`],editable:[`EditableRoot`,`EditableArea`,`EditablePreview`,`EditableInput`,`EditableEditTrigger`,`EditableSubmitTrigger`,`EditableCancelTrigger`],empty:[`EmptyRoot`,`EmptyHeader`,`EmptyMedia`,`EmptyContent`,`EmptyTitle`,`EmptyDescription`],form:[`FormField`,`FormLabel`,`FormDescription`,`FormError`,`FormFieldArray`],hoverCard:[`HoverCardRoot`,`HoverCardTrigger`,`HoverCardPortal`,`HoverCardPositioner`,`HoverCardPopup`,`HoverCardArrow`],input:[`InputRoot`,`InputControl`],inputNumber:[`InputNumberRoot`,`InputNumberControl`,`InputNumberIncrement`,`InputNumberDecrement`],kbd:[`Kbd`],label:[`Label`],layout:[`LayoutRoot`,`LayoutHeader`,`LayoutMain`,`LayoutSidebar`,`LayoutFooter`,`LayoutRail`,`LayoutMobile`,`LayoutTab`,`LayoutTrigger`],link:[`Link`],list:[`ListRoot`,`ListItem`,`ListTitle`,`ListDescription`,`ListContent`],listbox:[`ListboxRoot`,`ListboxContent`,`ListboxGroup`,`ListboxGroupLabel`,`ListboxItem`,`ListboxItemIndicator`,`ListboxFilter`,`ListboxVirtualizer`],menu:[`MenuOptionCompact`,`MenuOptionsCompact`,`MenuCheckboxOptionsCompact`,`MenuRadioOptionsCompact`,`MenuRoot`,`MenuPortal`,`MenuContent`,`MenuAnchor`,`MenuArrow`,`MenuGroup`,`MenuGroupLabel`,`MenuItem`,`MenuItemIndicator`,`MenuCheckboxItem`,`MenuRadioItem`,`MenuSub`,`MenuSubTrigger`,`MenuSubContent`,`MenuSeparator`,`MenuCheckboxGroup`,`MenuRadioGroup`],menubar:[`MenubarCompact`,`MenubarRoot`,`MenubarMenu`,`MenubarTrigger`,`MenubarPortal`,`MenubarContent`,`MenubarArrow`,`MenubarGroup`,`MenubarGroupLabel`,`MenubarItem`,`MenubarItemIndicator`,`MenubarCheckboxItem`,`MenubarRadioItem`,`MenubarSub`,`MenubarSubTrigger`,`MenubarSubContent`,`MenubarSeparator`,`MenubarCheckboxGroup`,`MenubarRadioGroup`],navigationMenu:[`NavigationMenuRoot`,`NavigationMenuList`,`NavigationMenuItem`,`NavigationMenuTrigger`,`NavigationMenuContent`,`NavigationMenuLink`,`NavigationMenuSubList`,`NavigationMenuViewport`,`NavigationMenuIndicator`],pageTabs:[`PageTabsRoot`,`PageTabsItem`,`PageTabsClose`,`PageTabsPin`],pagination:[`PaginationRoot`,`PaginationList`,`PaginationListItem`,`PaginationFirst`,`PaginationPrev`,`PaginationNext`,`PaginationLast`,`PaginationEllipsis`],popover:[`PopoverRoot`,`PopoverTrigger`,`PopoverAnchor`,`PopoverPortal`,`PopoverPositioner`,`PopoverPopup`,`PopoverArrow`,`PopoverClose`],popper:[`PopperRoot`,`PopperAnchor`,`PopperPopup`,`PopperArrow`,`PopperPositioner`],portal:[`Portal`],primitive:[`Primitive`],radioGroup:[`RadioGroupRoot`,`RadioGroupItem`,`RadioGroupControl`,`RadioGroupIndicator`,`RadioGroupLabel`],rovingFocus:[`RovingFocusGroup`,`RovingFocusItem`],scrollArea:[`ScrollAreaRoot`,`ScrollAreaViewport`,`ScrollAreaScrollbar`,`ScrollAreaThumb`,`ScrollAreaCorner`],select:[`SelectRoot`,`SelectTrigger`,`SelectPortal`,`SelectContent`,`SelectViewport`,`SelectGroup`,`SelectGroupLabel`,`SelectItem`,`SelectItemIndicator`,`SelectItemText`,`SelectValue`,`SelectTriggerIcon`,`SelectScrollUpButton`,`SelectScrollDownButton`,`SelectSeparator`,`SelectArrow`],separator:[`SeparatorRoot`,`SeparatorLabel`],skeleton:[`Skeleton`],splitter:[`SplitterGroup`,`SplitterPanel`,`SplitterResizeHandle`],slider:[`SliderRoot`,`SliderTrack`,`SliderRange`,`SliderThumb`],slot:[`Slot`],stepper:[`StepperRoot`,`StepperItem`,`StepperTrigger`,`StepperIndicator`,`StepperSeparator`,`StepperTitle`,`StepperDescription`],switch:[`SwitchRoot`,`SwitchControl`,`SwitchThumb`],table:[`TableCompact`,`TableRoot`,`TableContent`,`TableHeader`,`TableBody`,`TableFooter`,`TableRow`,`TableHead`,`TableCell`],tabs:[`TabsRoot`,`TabsList`,`TabsTrigger`,`TabsContent`,`TabsIndicator`],tag:[`Tag`],tagsInput:[`TagsInputRoot`,`TagsInputInput`,`TagsInputItem`,`TagsInputItemText`,`TagsInputItemDelete`,`TagsInputClear`],textarea:[`TextareaRoot`,`TextareaControl`,`TextareaCounter`],toast:[`Toaster`],toolbar:[`ToolbarRoot`,`ToolbarButton`,`ToolbarLink`,`ToolbarSeparator`,`ToolbarToggleGroup`,`ToolbarToggleItem`],toggle:[`Toggle`],toggleGroup:[`ToggleGroupRoot`,`ToggleGroupItem`],tooltip:[`TooltipRoot`,`TooltipTrigger`,`TooltipPortal`,`TooltipPositioner`,`TooltipPopup`,`TooltipArrow`],tree:[`TreeRoot`,`TreeItem`,`TreeVirtualizerRoot`,`TreeVirtualizerItem`],treeMenu:[`TreeMenuRoot`,`TreeMenuGroupRoot`,`TreeMenuGroup`,`TreeMenuGroupLabel`,`TreeMenuItem`,`TreeMenuButton`,`TreeMenuCollapsible`,`TreeMenuSub`],virtualizer:[`VirtualizerRoot`,`VirtualizerContent`,`VirtualizerItem`],visuallyHidden:[`VisuallyHidden`,`VisuallyHiddenInput`]};export{e as components};