@soybeanjs/headless 0.14.0 → 0.15.0-beta.2

package/dist/components/menubar/menubar-menu.vue.d.ts

@@ -0,0 +1,22 @@
+import { DefinedValue } from "../../types/common.js";
+import { MenubarMenuProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/menubar/menubar-menu.vue.d.ts
+declare var __VLS_10: {
+  open: boolean;
+  value: DefinedValue;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<MenubarMenuProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<MenubarMenuProps> & 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/menubar/menubar-root.js

@@ -0,0 +1 @@
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useOmitProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as i}from"../primitive/primitive.js";import"../primitive/index.js";import a from"../roving-focus/roving-focus-group.js";import"../roving-focus/index.js";import{provideMenubarCollectionContext as o,provideMenubarRootContext as s,useMenubarUi as c}from"./context.js";import{computed as l,createBlock as u,createVNode as d,defineComponent as f,mergeProps as p,openBlock as m,renderSlot as h,shallowRef as g,unref as _,withCtx as v}from"vue";const y=f({name:`MenubarRoot`,__name:`menubar-root`,props:{modelValue:{default:void 0},defaultValue:{},dir:{},loop:{type:Boolean,default:!1},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(f,{emit:y}){let b=f,x=y,S=c(`root`),C=r(b,[`class`,`modelValue`,`defaultValue`,`dir`,`loop`]),w=l(()=>[S.value,b.class]),T=t(()=>b.modelValue,e=>{x(`update:modelValue`,e??``)},b.defaultValue??``),E=g(null);s({modelValue:T,currentTabStopId:E,...e(b,[`dir`,`loop`])});let{onContainerElementChange:D}=o(),[O,k]=n(D);return(e,t)=>(m(),u(_(a),{"current-tab-stop-id":E.value,"onUpdate:currentTabStopId":t[0]||(t[0]=e=>E.value=e),"as-child":``,orientation:`horizontal`,dir:f.dir,loop:f.loop},{default:v(()=>[d(_(i),p(_(C),{ref:_(k),as:f.as,"as-child":f.asChild,class:w.value,role:`menubar`,dir:f.dir,"data-slot":`root`}),{default:v(()=>[h(e.$slots,`default`,{modelValue:_(T)})]),_:3},16,[`as`,`as-child`,`class`,`dir`])]),_:3},8,[`current-tab-stop-id`,`dir`,`loop`]))}});export{y as default};

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

@@ -0,0 +1,29 @@
+import { DefinedValue } from "../../types/common.js";
+import { MenubarRootProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/menubar/menubar-root.vue.d.ts
+type __VLS_Props = MenubarRootProps;
+declare var __VLS_14: {
+  modelValue: string;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: DefinedValue) => any;
+}, string, _$vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
+  "onUpdate:modelValue"?: ((value: DefinedValue) => any) | undefined;
+}>, {
+  modelValue: DefinedValue;
+  loop: boolean;
+}, {}, {}, {}, 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/menubar/menubar-sub-content.js

@@ -0,0 +1 @@
+import{wrapArray as e}from"../../shared/object.js";import"../../shared/index.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import"../../composables/index.js";import n from"../menu/menu-sub-content.js";import"../menu/index.js";import{useMenubarCollectionContext as r,useMenubarMenuContext as i,useMenubarRootContext as a}from"./context.js";import{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:`MenubarSubContent`,__name:`menubar-sub-content`,props:{popupProps:{},placement:{},sideOffset:{},sideFlip:{type:Boolean},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},forceMount:{type:Boolean},loop:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(s,{emit:m}){let h=s,g=t(m),{dir:_,loop:v,onMenuOpen:y}=a(`MenubarSubContent`),{value:b}=i(`MenubarSubContent`),{getOrderedItems:x}=r(`MenubarSubContent`),S=t=>{let n=t.target,r=_.value===`rtl`?`ArrowLeft`:`ArrowRight`;if(t.key!==r||n.hasAttribute(`data-soybean-menubar-subtrigger`))return;let i=x().map(e=>e.data.value),a=i.findIndex(e=>e===b.value),o=(v.value?e(i,a+1):i.slice(a+1))[0];o&&y(o)};return(e,t)=>(l(),o(f(n),c(h,{"data-slot":`sub-content`},d(f(g)),{onKeydown:S}),{default:p(()=>[u(e.$slots,`default`)]),_:3},16))}});export{m as default};

package/dist/components/menubar/menubar-sub-content.vue.d.ts

@@ -0,0 +1,35 @@
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import { MenubarSubContentProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/menubar/menubar-sub-content.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<MenubarSubContentProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  closeAutoFocus: (event: Event) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+  entryFocus: (event: Event) => any;
+  focusOutside: (event: FocusOutsideEvent) => any;
+  interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
+  openAutoFocus: (event: Event) => any;
+}, string, _$vue.PublicProps, Readonly<MenubarSubContentProps> & Readonly<{
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
+  onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
+  onOpenAutoFocus?: ((event: Event) => 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/menubar/menubar-sub-trigger.js

@@ -0,0 +1 @@
+import e from"../menu/menu-sub-trigger.js";import"../menu/index.js";import{createBlock as t,defineComponent as n,mergeProps as r,openBlock as i,renderSlot as a,unref as o,withCtx as s}from"vue";const c=n({name:`MenubarSubTrigger`,__name:`menubar-sub-trigger`,props:{disabled:{type:Boolean},textValue:{},asChild:{type:Boolean},as:{}},setup(n){let c=n;return(n,l)=>(i(),t(o(e),r(c,{"data-slot":`sub-trigger`,"data-soybean-menubar-subtrigger":``}),{default:s(()=>[a(n.$slots,`default`)]),_:3},16))}});export{c as default};

package/dist/components/menubar/menubar-sub-trigger.vue.d.ts

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

@@ -0,0 +1 @@
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import n from"../popper/popper-anchor.js";import r from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import"../menu/index.js";import{useMenubarCollectionItem as i,useMenubarMenuContext as a,useMenubarRootContext as o,useMenubarUi as s}from"./context.js";import{isTriggerLink as c}from"./shared.js";import{createBlock as l,createVNode as u,defineComponent as d,mergeProps as f,openBlock as p,renderSlot as m,shallowRef as h,unref as g,withCtx as _,withKeys as v}from"vue";const y=d({name:`MenubarTrigger`,__name:`menubar-trigger`,props:{disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(d){let y=d,{isLinkTriggerHovered:b,modelValue:x,onMenuOpen:S,onMenuToggle:C,setTriggerLink:w}=o(`MenubarTrigger`),{value:T,triggerId:E,contentId:D,triggerElement:O,wasKeyboardTriggerOpen:k,open:A}=a(`MenubarTrigger`),j=s(`trigger`),{itemProps:M,onItemElementChange:N}=i(()=>({value:T.value})),[P,F]=e(e=>{O.value=e,N(e)}),I=h(!1),L=()=>c(P.value),R=e=>{if(y.disabled||e.button!==0||e.ctrlKey)return;if(L()){w();return}let t=A.value;S(T.value),t||e.preventDefault()},z=()=>{!x.value&&!b.value||A.value||(L()?w():S(T.value),P.value?.focus())},B=()=>{I.value=!0},V=()=>{I.value=!1},H=e=>{y.disabled||L()||([`Enter`,` `].includes(e.key)&&C(T.value),e.key===`ArrowDown`&&S(T.value),[`Enter`,` `,`ArrowDown`].includes(e.key)&&(k.value=!0,e.preventDefault()))};return(e,i)=>(p(),l(g(r),{"as-child":``,focusable:!d.disabled,"tab-stop-id":String(g(T))},{default:_(()=>[u(g(n),{"as-child":``},{default:_(()=>[u(g(t),f(g(M),{id:g(E),ref:g(F),as:d.as,"as-child":d.asChild,class:g(j),type:d.as===`button`?`button`:void 0,role:`menuitem`,"aria-haspopup":`menu`,"aria-expanded":g(A),"aria-controls":g(A)?g(D):void 0,"data-highlighted":I.value?``:void 0,"data-state":g(A)?`open`:`closed`,"data-disabled":d.disabled?``:void 0,disabled:d.disabled,"data-value":g(T),"data-slot":`trigger`,onPointerdown:R,onPointerenter:z,onKeydown:v(H,[`enter`,`space`,`arrow-down`]),onFocus:B,onBlur:V}),{default:_(()=>[m(e.$slots,`default`)]),_:3},16,[`id`,`as`,`as-child`,`class`,`type`,`aria-expanded`,`aria-controls`,`data-highlighted`,`data-state`,`data-disabled`,`disabled`,`data-value`])]),_:3})]),_:3},8,[`focusable`,`tab-stop-id`]))}});export{y as default};

package/dist/components/menubar/menubar-trigger.vue.d.ts

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

@@ -0,0 +1 @@
+function e(e){return e?e.tagName===`A`||e.hasAttribute(`href`):!1}export{e as isTriggerLink};

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

@@ -0,0 +1,54 @@
+import { DefinedValue, Direction, Placement, UiClass } from "../../types/common.js";
+import { PrimitiveProps } from "../primitive/types.js";
+import { PortalProps } from "../portal/types.js";
+import { PopperArrowProps } from "../popper/types.js";
+import { MenuContentEmits, MenuContentProps, MenuOptionData, MenuOptionsCompactEmits, MenuOptionsCompactProps, MenuOptionsCompactSlots, MenuPopupProps, MenuSubContentEmits, MenuSubContentProps, MenuSubTriggerProps, MenuUiSlot } from "../menu/types.js";
+import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+
+//#region src/components/menubar/types.d.ts
+interface MenubarRootProps<T extends DefinedValue = DefinedValue> extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'onSelect'> {
+  /** The controlled value of the menu to open. Can be used as `v-model`. */
+  modelValue?: T;
+  /** The value of the menu that should be open when initially rendered. */
+  defaultValue?: T;
+  /** The reading direction of the menubar when applicable. */
+  dir?: Direction;
+  /** When `true`, keyboard navigation loops from last trigger to first and vice versa. */
+  loop?: boolean;
+}
+type MenubarRootEmits<T extends DefinedValue = DefinedValue> = {
+  'update:modelValue': [value: T];
+};
+interface MenubarMenuProps {
+  /** A unique value that associates the trigger with the active root value when controlled. */
+  value?: DefinedValue;
+}
+interface MenubarTriggerProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {
+  /** When `true`, prevents the user from interacting with the trigger. */
+  disabled?: boolean;
+}
+type MenubarContentEmits = MenuContentEmits;
+interface MenubarContentProps extends MenuContentProps {}
+interface MenubarSubTriggerProps extends MenuSubTriggerProps {}
+interface MenubarSubContentProps extends MenuSubContentProps {}
+type MenubarSubContentEmits = MenuSubContentEmits;
+interface MenubarCompactProps<T extends DefinedValue = DefinedValue> extends MenubarRootProps<T>, MenuOptionsCompactProps<T> {
+  disabled?: boolean;
+  placement?: Placement;
+  showArrow?: boolean;
+  triggerProps?: MenubarTriggerProps;
+  portalProps?: PortalProps;
+  contentProps?: MenubarContentProps;
+  popupProps?: MenuPopupProps;
+  arrowProps?: PopperArrowProps;
+}
+type MenubarCompactEmits<T extends DefinedValue = DefinedValue> = MenubarRootEmits<T> & MenuContentEmits & MenuOptionsCompactEmits<T>;
+type MenubarCompactSlots<T extends DefinedValue = DefinedValue> = MenuOptionsCompactSlots<T> & {
+  trigger: (data: {
+    item: MenuOptionData<T>;
+  }) => any;
+};
+type MenubarUiSlot = 'root' | 'trigger' | MenuUiSlot;
+type MenubarUi = UiClass<MenubarUiSlot>;
+//#endregion
+export { MenubarCompactEmits, MenubarCompactProps, MenubarCompactSlots, MenubarContentEmits, MenubarContentProps, MenubarMenuProps, MenubarRootEmits, MenubarRootProps, MenubarSubContentEmits, MenubarSubContentProps, MenubarSubTriggerProps, MenubarTriggerProps, MenubarUi, MenubarUiSlot };

package/dist/components/page-tabs/page-tabs-item.vue.d.ts

@@ -7,12 +7,12 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<PageTabsItemProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {} & {
-  close: () => any;
   click: () => any;
+  close: () => any;
   pin: (pinned: boolean) => any;
 }, string, _$vue.PublicProps, Readonly<PageTabsItemProps> & Readonly<{
-  onClose?: (() => any) | undefined;
   onClick?: (() => any) | undefined;
+  onClose?: (() => any) | undefined;
   onPin?: ((pinned: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1,13 +1,13 @@
 import { PortalProps } from "../portal/types.js";
 import { _default as _default$4 } from "../portal/portal.vue.js";
 import { PopperAnchorProps, PopperArrowProps, PopperUi, PopperUiSlot } from "../popper/types.js";
-import { _default as _default$1 } from "../popper/popper-arrow.vue.js";
 import { PopoverCloseEmits, PopoverCloseProps, PopoverPopupProps, PopoverPositionerEmits, PopoverPositionerProps, PopoverRootEmits, PopoverRootProps, PopoverTriggerProps } from "./types.js";
+import { _default as _default$1 } from "../popper/popper-arrow.vue.js";
+import { providePopperUi } from "../popper/context.js";
 import { _default as _default$6 } from "./popover-root.vue.js";
 import { _default as _default$7 } from "./popover-trigger.vue.js";
 import { _default } from "./popover-anchor.vue.js";
 import { _default as _default$5 } from "./popover-positioner.vue.js";
 import { _default as _default$3 } from "./popover-popup.vue.js";
 import { _default as _default$2 } from "./popover-close.vue.js";
-import { providePopperUi } from "../popper/context.js";
 export { _default as PopoverAnchor, type PopperAnchorProps as PopoverAnchorProps, _default$1 as PopoverArrow, type PopperArrowProps as PopoverArrowProps, _default$2 as PopoverClose, type PopoverCloseEmits, type PopoverCloseProps, _default$3 as PopoverPopup, type PopoverPopupProps, _default$4 as PopoverPortal, type PortalProps as PopoverPortalProps, _default$5 as PopoverPositioner, type PopoverPositionerEmits, type PopoverPositionerProps, _default$6 as PopoverRoot, type PopoverRootEmits, type PopoverRootProps, _default$7 as PopoverTrigger, type PopoverTriggerProps, type PopperUi as PopoverUi, type PopperUiSlot as PopoverUiSlot, providePopperUi as providePopoverUi };

package/dist/components/popover/popover-positioner.vue.d.ts

@@ -8,15 +8,15 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<PopoverPositionerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  escapeKeyDown: (event: KeyboardEvent) => any;
   closeAutoFocus: (event: Event) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
 }, string, _$vue.PublicProps, Readonly<PopoverPositionerProps> & Readonly<{
-  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;

package/dist/components/popper/popper-positioner.vue.d.ts

@@ -117,8 +117,8 @@ declare const __VLS_base: _$vue.DefineComponent<PopperPositionerProps, {}, {}, {
   contextmenu: string;
   dir: string;
   draggable: boolean | "true" | "false";
-  enterkeyhint: "done" | "next" | "search" | "enter" | "go" | "previous" | "send";
-  enterKeyHint: "done" | "next" | "search" | "enter" | "go" | "previous" | "send";
+  enterkeyhint: "done" | "next" | "enter" | "go" | "previous" | "search" | "send";
+  enterKeyHint: "done" | "next" | "enter" | "go" | "previous" | "search" | "send";
   hidden: "" | "hidden" | (boolean | "true" | "false") | "until-found";
   id: string;
   inert: boolean | "true" | "false";
@@ -203,9 +203,9 @@ declare const __VLS_base: _$vue.DefineComponent<PopperPositionerProps, {}, {}, {
   'aria-valuenow': string | number;
   'aria-valuetext': string;
   align: Align;
-  side: _$_floating_ui_utils0.Side;
   reference: _$_floating_ui_dom0.ReferenceElement;
   placement: Placement$1;
+  side: _$_floating_ui_utils0.Side;
   sideOffset: number;
   sideFlip: boolean;
   alignOffset: number;

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

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

package/dist/components/progress/context.js

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[n,r]=e(`ProgressRoot`),[i,a]=t(`ProgressUi`);export{n as provideProgressRootContext,i as provideProgressUi,r as useProgressRootContext,a as useProgressUi};

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

@@ -0,0 +1,6 @@
+import { ProgressCircleProps, ProgressIndicatorProps, ProgressRootContext, ProgressRootEmits, ProgressRootProps, ProgressState, ProgressUi, ProgressUiSlot } from "./types.js";
+import { _default as _default$2 } from "./progress-root.vue.js";
+import { _default as _default$1 } from "./progress-indicator.vue.js";
+import { _default } from "./progress-circle.vue.js";
+import { provideProgressUi } from "./context.js";
+export { _default as ProgressCircle, type ProgressCircleProps, _default$1 as ProgressIndicator, type ProgressIndicatorProps, _default$2 as ProgressRoot, type ProgressRootContext, type ProgressRootEmits, type ProgressRootProps, type ProgressState, type ProgressUi, type ProgressUiSlot, provideProgressUi };

package/dist/components/progress/index.js

@@ -0,0 +1 @@
+import{provideProgressUi as e}from"./context.js";import t from"./progress-root.js";import n from"./progress-indicator.js";import r from"./progress-circle.js";export{r as ProgressCircle,n as ProgressIndicator,t as ProgressRoot,e as provideProgressUi};

package/dist/components/progress/progress-circle.js

@@ -0,0 +1 @@
+import{useProgressRootContext as e,useProgressUi as t}from"./context.js";import{getProgressCircleDasharray as n,getProgressCircleDashoffset as r,getProgressCircleRadius as i,getValidProgressCircleStrokeWidth as a}from"./shared.js";import{Fragment as o,computed as s,createElementBlock as c,createElementVNode as l,defineComponent as u,mergeProps as d,normalizeClass as f,openBlock as p,renderSlot as m,unref as h,useAttrs as g}from"vue";const _=[`viewBox`],v=[`cx`,`cy`,`r`,`stroke-width`],y=[`cx`,`cy`,`r`,`stroke-width`,`stroke-dasharray`,`stroke-dashoffset`,`data-state`,`data-value`,`data-max`,`transform`],b=u({name:`ProgressCircle`,inheritAttrs:!1,__name:`progress-circle`,props:{strokeWidth:{default:8}},setup(u){let b=u,x=g(),S=t(`circle`),C=t(`track`),w=t(`indicator`),{max:T,modelValue:E,progressState:D,valuePercent:O}=e(`ProgressCircle`),k=s(()=>a(b.strokeWidth)),A=s(()=>i(k.value)),j=s(()=>2*Math.PI*A.value);return(e,t)=>(p(),c(o,null,[(p(),c(`svg`,d(h(x),{fill:`none`,class:h(S),viewBox:`0 0 ${h(100)} ${h(100)}`,"aria-hidden":`true`}),[l(`circle`,{cx:h(50),cy:h(50),r:A.value,"stroke-width":k.value,class:f(h(C))},null,10,v),l(`circle`,{cx:h(50),cy:h(50),r:A.value,"stroke-width":k.value,"stroke-dasharray":h(n)(j.value,h(D)),"stroke-dashoffset":h(r)(h(O),j.value,h(D)),"data-state":h(D),"data-value":h(E)??void 0,"data-max":h(T),class:f(h(w)),"stroke-linecap":`round`,transform:`rotate(-90 ${h(50)} ${h(50)})`},null,10,y)],16,_)),m(e.$slots,`default`,{modelValue:h(E),max:h(T),progressState:h(D),valuePercent:h(O)})],64))}});export{b as default};

package/dist/components/progress/progress-circle.vue.d.ts

@@ -0,0 +1,25 @@
+import { ProgressCircleProps, ProgressState } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/progress/progress-circle.vue.d.ts
+declare var __VLS_1: {
+  modelValue: number | null | undefined;
+  max: number;
+  progressState: ProgressState;
+  valuePercent: number | null;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<ProgressCircleProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ProgressCircleProps> & Readonly<{}>, {
+  strokeWidth: number;
+}, {}, {}, {}, 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/progress/progress-indicator.js

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useProgressRootContext as t,useProgressUi as n}from"./context.js";import{createBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`ProgressIndicator`,__name:`progress-indicator`,props:{asChild:{type:Boolean},as:{default:`div`}},setup(i){let u=n(`indicator`),{max:d,modelValue:f,progressState:p}=t(`ProgressIndicator`);return(t,n)=>(o(),r(c(e),{as:i.as,"as-child":i.asChild,class:a(c(u)),"data-state":c(p),"data-value":c(f)??void 0,"data-max":c(d)},{default:l(()=>[s(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`data-state`,`data-value`,`data-max`]))}});export{u as default};

package/dist/components/progress/progress-indicator.vue.d.ts

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

@@ -0,0 +1 @@
+import{isNullish as e}from"../../shared/guard.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as r}from"../primitive/primitive.js";import"../primitive/index.js";import{provideProgressRootContext as i,useProgressUi as a}from"./context.js";import{getValidMax as o,getValidModelValue as s,getValueLabel as c}from"./shared.js";import{computed as l,createBlock as u,defineComponent as d,mergeProps as f,openBlock as p,renderSlot as m,unref as h,useAttrs as g,watch as _,withCtx as v}from"vue";const y=d({name:`ProgressRoot`,inheritAttrs:!1,__name:`progress-root`,props:{modelValue:{},max:{},getValueLabel:{type:Function,default:c},getValueText:{},asChild:{type:Boolean},as:{default:`div`}},emits:[`update:modelValue`,`update:max`],setup(c,{emit:d}){let y=c,b=d,x=g(),S=a(`root`),C=t(()=>y.modelValue,e=>{b(`update:modelValue`,e)},void 0),w=t(()=>y.max,e=>{b(`update:max`,e??100)},100),T=l(()=>o(w.value)),E=l(()=>s(C.value,T.value)),D=n(y,[`modelValue`,`max`,`getValueLabel`,`getValueText`],x,l(()=>typeof E.value==`number`?{"aria-valuenow":E.value}:{})),O=l(()=>e(E.value)?`indeterminate`:E.value===T.value?`complete`:`loading`),k=l(()=>e(E.value)?null:E.value/T.value*100),A=l(()=>y.getValueLabel?.(E.value,T.value)),j=l(()=>y.getValueText?.(E.value,T.value));function M(e){return typeof e==`string`&&e.trim().length>0?e:void 0}function N(e){return M(x[e])}let P=l(()=>N(`aria-label`)??M(A.value)??`Progress`),F=l(()=>N(`aria-valuetext`)??M(j.value));return _(T,e=>{e!==w.value&&(w.value=e)},{immediate:!0}),_(E,e=>{e!==C.value&&(C.value=e)},{immediate:!0}),i({modelValue:E,max:T,progressState:O,valuePercent:k}),(e,t)=>(p(),u(h(r),f(h(D),{class:h(S),role:`progressbar`,"aria-label":P.value,"aria-valuemin":0,"aria-valuemax":T.value,"aria-valuetext":F.value,"data-state":O.value,"data-value":E.value??void 0,"data-max":T.value}),{default:v(()=>[m(e.$slots,`default`,{modelValue:E.value,max:T.value,progressState:O.value,valuePercent:k.value})]),_:3},16,[`class`,`aria-label`,`aria-valuemax`,`aria-valuetext`,`data-state`,`data-value`,`data-max`]))}});export{y as default};

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

@@ -0,0 +1,33 @@
+import { AsTag } from "../primitive/types.js";
+import { ProgressRootProps, ProgressState } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/progress/progress-root.vue.d.ts
+declare var __VLS_8: {
+  modelValue: number | null | undefined;
+  max: number;
+  progressState: ProgressState;
+  valuePercent: number | null;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<ProgressRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: number | null | undefined) => any;
+  "update:max": (value: number) => any;
+}, string, _$vue.PublicProps, Readonly<ProgressRootProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: number | null | undefined) => any) | undefined;
+  "onUpdate:max"?: ((value: number) => any) | undefined;
+}>, {
+  as: AsTag | _$vue.Component;
+  getValueLabel: (value: number | null | undefined, max: number) => string | 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/progress/shared.js

@@ -0,0 +1 @@
+import{isNullish as e}from"../../shared/guard.js";import"../../shared/index.js";function t(e){return typeof e==`number`&&!Number.isNaN(e)&&e>0}function n(e,t){if(typeof e==`number`)return`${Math.round(e/(typeof t==`number`&&t>0?t:100)*100)}%`}function r(e){return t(e)?e:100}function i(n,r){return e(n)?n:!t(n)&&n!==0||n<0||n>r?null:n}function a(e){return!t(e)||e<1||e>25?8:e}function o(e){return(100-e)/2}function s(e,t){return t===`indeterminate`?`${e*.35} ${e}`:`${e} ${e}`}function c(e,t,n){return n===`indeterminate`?t*.25:e===null?t:t*(1-e/100)}export{s as getProgressCircleDasharray,c as getProgressCircleDashoffset,o as getProgressCircleRadius,r as getValidMax,i as getValidModelValue,a as getValidProgressCircleStrokeWidth,n as getValueLabel};

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

@@ -0,0 +1,34 @@
+import { UiClass } from "../../types/common.js";
+import { PrimitiveProps } from "../primitive/types.js";
+import { ComputedRef, HTMLAttributes, SVGAttributes } from "vue";
+
+//#region src/components/progress/types.d.ts
+type ProgressState = 'indeterminate' | 'loading' | 'complete';
+interface ProgressRootProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  /** The controlled progress value. Can be bind as `v-model`. */
+  modelValue?: number | null;
+  /** The maximum progress value. */
+  max?: number;
+  /** The accessible label of the current progress value. */
+  getValueLabel?: (value: number | null | undefined, max: number) => string | undefined;
+  /** The accessible text of the current progress value. */
+  getValueText?: (value: number | null | undefined, max: number) => string | undefined;
+}
+type ProgressRootEmits = {
+  'update:modelValue': [value: number | null | undefined];
+  'update:max': [value: number];
+};
+interface ProgressIndicatorProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface ProgressCircleProps extends /** @vue-ignore */SVGAttributes {
+  strokeWidth?: number;
+}
+interface ProgressRootContext {
+  modelValue: ComputedRef<number | null | undefined>;
+  max: ComputedRef<number>;
+  progressState: ComputedRef<ProgressState>;
+  valuePercent: ComputedRef<number | null>;
+}
+type ProgressUiSlot = 'root' | 'indicator' | 'circle' | 'track' | 'label';
+type ProgressUi = UiClass<ProgressUiSlot>;
+//#endregion
+export { ProgressCircleProps, ProgressIndicatorProps, ProgressRootContext, ProgressRootEmits, ProgressRootProps, ProgressState, ProgressUi, ProgressUiSlot };

package/dist/components/radio-group/radio-group-root.js

@@ -1 +1 @@
-import{isNullish as e}from"../../shared/guard.js";import{isFormControl as t,transformPropsToContext as n}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as r}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import i from"../roving-focus/roving-focus-group.js";import"../roving-focus/index.js";import a from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.js";import{provideRadioGroupRootContext as o,useRadioGroupUi as s}from"./context.js";import{computed as c,createBlock as l,createCommentVNode as u,createElementVNode as d,defineComponent as f,normalizeClass as p,openBlock as m,renderSlot as h,unref as g,useTemplateRef as _,withCtx as v}from"vue";const y=[`data-disabled`,`aria-orientation`,`aria-required`],b=f({name:`RadioGroupRoot`,__name:`radio-group-root`,props:{modelValue:{default:void 0},defaultValue:{},disabled:{type:Boolean,default:!1},orientation:{default:void 0},dir:{},loop:{type:Boolean,default:!0},name:{},required:{type:Boolean,default:!1}},emits:[`update:modelValue`],setup(f,{emit:b}){let x=f,S=b,C=s(`root`),w=_(`rootElement`),T=r(()=>x.modelValue,t=>{e(t)||S(`update:modelValue`,t)},x.defaultValue),E=c(()=>t(w.value));return o({...n(x,[`disabled`,`orientation`,`dir`,`loop`,`name`,`required`]),modelValue:T}),(e,t)=>(m(),l(g(i),{"as-child":``,orientation:f.orientation,dir:f.dir,loop:f.loop},{default:v(()=>[d(`div`,{ref_key:`rootElement`,ref:w,class:p(g(C)),role:`radiogroup`,"data-disabled":f.disabled?``:void 0,"aria-orientation":f.orientation,"aria-required":f.required},[h(e.$slots,`default`,{modelValue:g(T)}),E.value&&f.name?(m(),l(g(a),{key:0,required:f.required,disabled:f.disabled,value:g(T),name:f.name},null,8,[`required`,`disabled`,`value`,`name`])):u(`v-if`,!0)],10,y)]),_:3},8,[`orientation`,`dir`,`loop`]))}});export{b as default};
+import{isNullish as e}from"../../shared/guard.js";import{isFormControl as t,transformPropsToContext as n}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as r}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import i from"../visually-hidden/visually-hidden-input.js";import a from"../roving-focus/roving-focus-group.js";import"../roving-focus/index.js";import"../visually-hidden/index.js";import{provideRadioGroupRootContext as o,useRadioGroupUi as s}from"./context.js";import{computed as c,createBlock as l,createCommentVNode as u,createElementVNode as d,defineComponent as f,normalizeClass as p,openBlock as m,renderSlot as h,unref as g,useTemplateRef as _,withCtx as v}from"vue";const y=[`data-disabled`,`aria-orientation`,`aria-required`],b=f({name:`RadioGroupRoot`,__name:`radio-group-root`,props:{modelValue:{default:void 0},defaultValue:{},disabled:{type:Boolean,default:!1},orientation:{default:void 0},dir:{},loop:{type:Boolean,default:!0},name:{},required:{type:Boolean,default:!1}},emits:[`update:modelValue`],setup(f,{emit:b}){let x=f,S=b,C=s(`root`),w=_(`rootElement`),T=r(()=>x.modelValue,t=>{e(t)||S(`update:modelValue`,t)},x.defaultValue),E=c(()=>t(w.value));return o({...n(x,[`disabled`,`orientation`,`dir`,`loop`,`name`,`required`]),modelValue:T}),(e,t)=>(m(),l(g(a),{"as-child":``,orientation:f.orientation,dir:f.dir,loop:f.loop},{default:v(()=>[d(`div`,{ref_key:`rootElement`,ref:w,class:p(g(C)),role:`radiogroup`,"data-disabled":f.disabled?``:void 0,"aria-orientation":f.orientation,"aria-required":f.required},[h(e.$slots,`default`,{modelValue:g(T)}),E.value&&f.name?(m(),l(g(i),{key:0,required:f.required,disabled:f.disabled,value:g(T),name:f.name},null,8,[`required`,`disabled`,`value`,`name`])):u(`v-if`,!0)],10,y)]),_:3},8,[`orientation`,`dir`,`loop`]))}});export{b as default};

package/dist/components/roving-focus/roving-focus-group.vue.d.ts

@@ -1,6 +1,6 @@
 import { DataOrientation } from "../../types/common.js";
-import { RovingFocusGroupProps } from "./types.js";
 import { CollectionItemData } from "../../composables/use-collection.js";
+import { RovingFocusGroupProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/roving-focus/roving-focus-group.vue.d.ts

package/dist/components/scroll-area/context.d.ts

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

package/dist/components/scroll-area/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{computed as n}from"vue";const[r,i]=e(`ScrollAreaRoot`),[a,o]=e(`ScrollAreaScrollbar`),[s,c]=t(`ScrollAreaUi`,e=>n(()=>e.value??{}));export{r as provideScrollAreaRootContext,a as provideScrollAreaScrollbarContext,s as provideScrollAreaUi,i as useScrollAreaRootContext,o as useScrollAreaScrollbarContext,c as useScrollAreaUi};

package/dist/components/scroll-area/index.d.ts

@@ -0,0 +1,8 @@
+import { ScrollAreaCornerProps, ScrollAreaOrientation, ScrollAreaRootEmits, ScrollAreaRootProps, ScrollAreaScrollbarProps, ScrollAreaState, ScrollAreaThumbProps, ScrollAreaType, ScrollAreaUi, ScrollAreaUiSlot, ScrollAreaViewportProps } from "./types.js";
+import { _default as _default$1 } from "./scroll-area-root.vue.js";
+import { _default as _default$4 } from "./scroll-area-viewport.vue.js";
+import { _default as _default$2 } from "./scroll-area-scrollbar.vue.js";
+import { _default as _default$3 } from "./scroll-area-thumb.vue.js";
+import { _default } from "./scroll-area-corner.vue.js";
+import { provideScrollAreaUi } from "./context.js";
+export { _default as ScrollAreaCorner, type ScrollAreaCornerProps, type ScrollAreaOrientation, _default$1 as ScrollAreaRoot, type ScrollAreaRootEmits, type ScrollAreaRootProps, _default$2 as ScrollAreaScrollbar, type ScrollAreaScrollbarProps, type ScrollAreaState, _default$3 as ScrollAreaThumb, type ScrollAreaThumbProps, type ScrollAreaType, type ScrollAreaUi, type ScrollAreaUiSlot, _default$4 as ScrollAreaViewport, type ScrollAreaViewportProps, provideScrollAreaUi };

package/dist/components/scroll-area/index.js

@@ -0,0 +1 @@
+import{provideScrollAreaUi as e}from"./context.js";import t from"./scroll-area-root.js";import n from"./scroll-area-viewport.js";import r from"./scroll-area-scrollbar.js";import i from"./scroll-area-thumb.js";import a from"./scroll-area-corner.js";export{a as ScrollAreaCorner,t as ScrollAreaRoot,r as ScrollAreaScrollbar,i as ScrollAreaThumb,n as ScrollAreaViewport,e as provideScrollAreaUi};

package/dist/components/scroll-area/scroll-area-corner.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useScrollAreaRootContext as n,useScrollAreaUi as r}from"./context.js";import{computed as i,createBlock as a,createCommentVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,useAttrs as f,withCtx as p}from"vue";const m=s({name:`ScrollAreaCorner`,inheritAttrs:!1,__name:`scroll-area-corner`,props:{asChild:{type:Boolean},as:{default:`div`}},setup(s){let m=e(s,[],f()),h=r(`corner`),{scrollbarXSize:g,scrollbarYSize:_,scrollbarXVisible:v,scrollbarYVisible:y}=n(`ScrollAreaCorner`),b=i(()=>v.value&&y.value),x=i(()=>({width:`${_.value}px`,height:`${g.value}px`}));return(e,n)=>b.value?(l(),a(d(t),c({key:0},d(m),{as:s.as,"as-child":s.asChild,class:d(h),"aria-hidden":!0,style:x.value}),{default:p(()=>[u(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`class`,`style`])):o(`v-if`,!0)}});export{m as default};

package/dist/components/scroll-area/scroll-area-corner.vue.d.ts

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

@@ -0,0 +1 @@
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useExposedElement as t}from"../../composables/use-exposed-element.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as r}from"../primitive/primitive.js";import"../primitive/index.js";import{useDirection as i}from"../config-provider/context.js";import{provideScrollAreaRootContext as a,useScrollAreaUi as o}from"./context.js";import{createBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,shallowRef as f,unref as p,useAttrs as m,withCtx as h}from"vue";const g=c({name:`ScrollAreaRoot`,inheritAttrs:!1,__name:`scroll-area-root`,props:{type:{default:`hover`},dir:{},scrollHideDelay:{default:600},asChild:{type:Boolean},as:{default:`div`}},setup(c){let g=c,_=n(g,[`dir`,`scrollHideDelay`,`type`],m()),v=o(`root`),y=i(()=>g.dir),[b,x]=t(),S=f(!1),C=f(),w=f(),T=f(!1),E=f(!1),D=f(!1),O=f(!1),k=f(0),A=f(0);function j(e,t){if(e===`horizontal`){T.value=t;return}E.value=t}function M(e,t){if(e===`horizontal`){D.value=t;return}O.value=t}function N(e,t){if(e===`horizontal`){k.value=t;return}A.value=t}return a({dir:y,isHovering:S,rootElement:b,viewportElement:C,contentElement:w,scrollbarXEnabled:T,scrollbarYEnabled:E,scrollbarXVisible:D,scrollbarYVisible:O,scrollbarXSize:k,scrollbarYSize:A,onViewportChange:e=>{C.value=e},onContentChange:e=>{w.value=e},onScrollbarEnabledChange:j,onScrollbarVisibleChange:M,onScrollbarSizeChange:N,...e(g,[`scrollHideDelay`,`type`])}),(e,t)=>(u(),s(p(r),l(p(_),{ref:p(x),as:c.as,"as-child":c.asChild,class:p(v),dir:p(y),onPointerenter:t[0]||(t[0]=e=>S.value=!0),onPointerleave:t[1]||(t[1]=e=>S.value=!1)}),{default:h(()=>[d(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`class`,`dir`]))}});export{g as default};

package/dist/components/scroll-area/scroll-area-root.vue.d.ts

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

@@ -0,0 +1 @@
+import{useForwardElement as e}from"../../composables/use-forward-element.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{provideScrollAreaScrollbarContext as r,useScrollAreaRootContext as ee,useScrollAreaUi as te}from"./context.js";import{clamp as i,getScrollPosition as a,getScrollSize as ne,getThumbOffset as re,getThumbSize as ie,setViewportScroll as o}from"./shared.js";import{computed as s,createBlock as ae,defineComponent as c,mergeProps as oe,onUnmounted as se,openBlock as l,renderSlot as ce,shallowRef as u,unref as d,useAttrs as f,watch as p,withCtx as le}from"vue";import{useResizeObserver as m}from"@vueuse/core";const h=c({name:`ScrollAreaScrollbar`,inheritAttrs:!1,__name:`scroll-area-scrollbar`,props:{orientation:{default:`vertical`},asChild:{type:Boolean},as:{default:`div`}},setup(c){let h=c,ue=t(h,[`orientation`],f()),{contentElement:g,dir:_,isHovering:v,onScrollbarEnabledChange:de,onScrollbarSizeChange:fe,onScrollbarVisibleChange:y,scrollHideDelay:b,type:x,viewportElement:S}=ee(`ScrollAreaScrollbar`),pe=te(`scrollbar`),[C,me]=e(),w=u(!1),T=u(!1),E=u(!1),D=u(0),O=u(0),k=u(0),A=u(0),j=u(0),M=u([]),N,P=s(()=>h.orientation),F=s(()=>Math.max(k.value-O.value,0)),I=s(()=>F.value>0&&A.value>0),L=s(()=>ie(O.value,k.value,A.value)),R=s(()=>Math.max(A.value-L.value,0)),z=s(()=>re(D.value,F.value,R.value,P.value,_.value)),B=s(()=>{if(!I.value)return!1;switch(x.value){case`always`:case`auto`:return!0;case`hover`:return v.value||T.value;case`scroll`:return w.value||T.value;case`glimpse`:return E.value||T.value;default:return!1}}),V=s(()=>B.value?`visible`:`hidden`),he=s(()=>P.value===`horizontal`?{width:`${L.value}px`,transform:`translate3d(${z.value}px, 0, 0)`}:{height:`${L.value}px`,transform:`translate3d(0, ${z.value}px, 0)`});function H(){N&&(clearTimeout(N),N=void 0)}function U(e){H(),N=setTimeout(()=>{if(e===`scroll`){w.value=!1;return}E.value=!1},b.value)}function W(){let e=S.value,t=g.value,n=C.value;if(!e||!t||!n)return;let r=ne(e,t,P.value);O.value=r.viewportSize,k.value=r.contentSize,A.value=P.value===`horizontal`?n.clientWidth:n.clientHeight,D.value=a(e,P.value,_.value),fe(P.value,A.value)}function G(){if(x.value===`scroll`){w.value=!0,U(`scroll`);return}x.value===`glimpse`&&(E.value=!0,U(`glimpse`))}function K(e){let t=S.value;if(!t||R.value<=0||F.value<=0)return;let n=i(e/R.value,0,1),r=(P.value===`horizontal`&&_.value===`rtl`?1-n:n)*F.value;o(t,P.value,r,_.value)}function q(e){return P.value===`horizontal`?e.clientX:e.clientY}function J(e){if(!T.value||!C.value)return;let t=C.value.getBoundingClientRect(),n=P.value===`horizontal`?t.left:t.top;K(q(e)-n-j.value)}function Y(){T.value=!1,window.removeEventListener(`pointermove`,J),window.removeEventListener(`pointerup`,X),window.removeEventListener(`pointercancel`,Z),G()}function X(){Y()}function Z(){Y()}function ge(e){if(!C.value||e.button!==0)return;let t=e.target;if(t instanceof HTMLElement&&t.closest(`[data-soybean-scroll-area-thumb]`))return;let n=C.value.getBoundingClientRect(),r=P.value===`horizontal`?n.left:n.top;K(q(e)-r-L.value/2),G()}function _e(e){if(e.button!==0)return;let t=e.currentTarget;if(!(t instanceof HTMLElement))return;let n=t.getBoundingClientRect();j.value=q(e)-(P.value===`horizontal`?n.left:n.top),T.value=!0,H(),window.addEventListener(`pointermove`,J),window.addEventListener(`pointerup`,X),window.addEventListener(`pointercancel`,Z)}function Q(){W(),G()}p(()=>S.value,(e,t)=>{t?.removeEventListener(`scroll`,Q),e&&(e.addEventListener(`scroll`,Q,{passive:!0}),W())},{immediate:!0}),p(B,e=>{y(P.value,e)},{immediate:!0}),p(()=>v.value,e=>{e&&x.value===`glimpse`&&G()}),m(s(()=>[S.value,g.value,C.value].filter(Boolean)),W),r({orientation:P,dataState:V,hasOverflow:I,thumbStyle:he,onThumbPointerDown:_e,onThumbPointerUp:X});function $(e,t){if(de(e,t),t){M.value.includes(e)||(M.value=[...M.value,e]);return}M.value=M.value.filter(t=>t!==e)}return p(()=>h.orientation,(e,t)=>{t&&t!==e&&$(t,!1),$(e,!0)},{immediate:!0}),se(()=>{H(),M.value.forEach(e=>$(e,!1)),y(P.value,!1),Y(),S.value?.removeEventListener(`scroll`,Q)}),(e,t)=>(l(),ae(d(n),oe(d(ue),{ref:d(me),as:c.as,"as-child":c.asChild,class:d(pe),"data-orientation":P.value,"data-state":V.value,"data-soybean-scroll-area-scrollbar":``,"aria-hidden":!0,onPointerdown:ge}),{default:le(()=>[ce(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`class`,`data-orientation`,`data-state`]))}});export{h as default};

package/dist/components/scroll-area/scroll-area-scrollbar.vue.d.ts

@@ -0,0 +1,22 @@
+import { AsTag } from "../primitive/types.js";
+import { ScrollAreaOrientation, ScrollAreaScrollbarProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/scroll-area/scroll-area-scrollbar.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<ScrollAreaScrollbarProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ScrollAreaScrollbarProps> & Readonly<{}>, {
+  orientation: ScrollAreaOrientation;
+  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/scroll-area/scroll-area-thumb.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useScrollAreaScrollbarContext as n,useScrollAreaUi as r}from"./context.js";import{createBlock as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,unref as l,useAttrs as u,withCtx as d}from"vue";const f=a({name:`ScrollAreaThumb`,inheritAttrs:!1,__name:`scroll-area-thumb`,props:{asChild:{type:Boolean},as:{default:`div`}},setup(a){let f=e(a,[],u()),p=r(`thumb`),{dataState:m,hasOverflow:h,onThumbPointerDown:g,onThumbPointerUp:_,orientation:v,thumbStyle:y}=n(`ScrollAreaThumb`);return(e,n)=>(s(),i(l(t),o(l(f),{as:a.as,"as-child":a.asChild,class:l(p),"data-orientation":l(v),"data-state":l(m),"data-soybean-scroll-area-thumb":``,"aria-hidden":!0,hidden:l(h)?void 0:``,style:l(y),onPointerdown:l(g),onPointerup:l(_)}),{default:d(()=>[c(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`class`,`data-orientation`,`data-state`,`hidden`,`style`,`onPointerdown`,`onPointerup`]))}});export{f as default};