@soybeanjs/headless 0.29.0-beta.9 → 0.29.1

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

@@ -0,0 +1,221 @@
+import { Placement, UiClass } from "../../types/common.js";
+import { BaseProps } from "../../types/vue.js";
+import { ButtonProps } from "../button/types.js";
+import { PopperArrowProps } from "../popper/types.js";
+import { PortalProps } from "../portal/types.js";
+import { PopoverCloseProps, PopoverPopupProps, PopoverPositionerEmits, PopoverPositionerProps, PopoverRootEmits, PopoverRootProps, PopoverTriggerProps, PopoverUiSlot } from "../popover/types.js";
+
+//#region src/components/popconfirm/types.d.ts
+/**
+ * Supported popconfirm values.
+ */
+type PopconfirmType = 'error' | 'success' | 'warning' | 'info';
+/**
+ * Properties for the PopconfirmConfirm component.
+ */
+interface PopconfirmConfirmProps extends ButtonProps {}
+/**
+ * Events for the PopconfirmConfirm component.
+ */
+type PopconfirmConfirmEmits = {
+  /**
+   * Emitted when confirm occurs.
+   */
+  confirm: [event: PointerEvent];
+};
+/**
+ * Properties for the PopconfirmCancel component.
+ */
+interface PopconfirmCancelProps extends ButtonProps {}
+/**
+ * Events for the PopconfirmCancel component.
+ */
+type PopconfirmCancelEmits = {
+  /**
+   * Emitted when cancel occurs.
+   */
+  cancel: [event: PointerEvent];
+};
+/**
+ * Properties for the PopconfirmHeader component.
+ */
+interface PopconfirmHeaderProps extends BaseProps {}
+/**
+ * Properties for the PopconfirmTitle component.
+ */
+interface PopconfirmTitleProps extends BaseProps {}
+/**
+ * Properties for the PopconfirmDescription component.
+ */
+interface PopconfirmDescriptionProps extends BaseProps {}
+/**
+ * Properties for the PopconfirmContent component.
+ */
+interface PopconfirmContentProps extends BaseProps {}
+/**
+ * Properties for the PopconfirmFooter component.
+ */
+interface PopconfirmFooterProps extends BaseProps {}
+/**
+ * Properties for the PopconfirmCompact component.
+ */
+interface PopconfirmCompactProps extends PopoverRootProps {
+  /**
+   * Type.
+   */
+  type?: PopconfirmType;
+  /**
+   * Placement.
+   */
+  placement?: Placement;
+  /**
+   * Title text rendered by the component.
+   */
+  title?: string;
+  /**
+   * Description text rendered by the component.
+   */
+  description?: string;
+  /**
+   * Content.
+   */
+  content?: string;
+  /**
+   * Whether to show an arrow.
+   *
+   * @defaultValue true
+   */
+  showArrow?: boolean;
+  /**
+   * Whether to show an icon.
+   *
+   * @defaultValue true
+   */
+  showIcon?: boolean;
+  /**
+   * The text of the confirm button.
+   *
+   * Defaults to the localized `dialog.confirm` message from `ConfigProvider`.
+   */
+  confirmText?: string;
+  /**
+   * The text of the cancel button.
+   *
+   * Defaults to the localized `dialog.cancel` message from `ConfigProvider`.
+   */
+  cancelText?: string;
+  /**
+   * Determines whether the cancel button is shown.
+   *
+   * @defaultValue 'onlyWarning'
+   */
+  showCancel?: 'onlyWarning' | boolean;
+  /**
+   * Properties forwarded to the trigger element.
+   */
+  triggerProps?: PopoverTriggerProps;
+  /**
+   * Properties forwarded to the portal element.
+   */
+  portalProps?: PortalProps;
+  /**
+   * Properties forwarded to the positioner element.
+   */
+  positionerProps?: PopoverPositionerProps;
+  /**
+   * Properties forwarded to the popup element.
+   */
+  popupProps?: PopoverPopupProps;
+  /**
+   * Properties forwarded to the arrow element.
+   */
+  arrowProps?: PopperArrowProps;
+  /**
+   * Properties forwarded to the close element.
+   */
+  closeProps?: PopoverCloseProps;
+  /**
+   * Properties forwarded to the header element.
+   */
+  headerProps?: PopconfirmHeaderProps;
+  /**
+   * Properties forwarded to the title element.
+   */
+  titleProps?: PopconfirmTitleProps;
+  /**
+   * Properties forwarded to the description element.
+   */
+  descriptionProps?: PopconfirmDescriptionProps;
+  /**
+   * Properties forwarded to the content element.
+   */
+  contentProps?: PopconfirmContentProps;
+  /**
+   * Properties forwarded to the footer element.
+   */
+  footerProps?: PopconfirmFooterProps;
+  /**
+   * Properties forwarded to the confirm element.
+   */
+  confirmProps?: PopconfirmConfirmProps;
+  /**
+   * Properties forwarded to the cancel element.
+   */
+  cancelProps?: PopconfirmCancelProps;
+}
+/**
+ * Events for the PopconfirmCompact component.
+ */
+type PopconfirmCompactEmits = PopoverRootEmits & PopoverPositionerEmits & PopconfirmConfirmEmits & PopconfirmCancelEmits;
+/**
+ * Slot properties for the PopconfirmCompact component.
+ */
+interface PopconfirmCompactBaseSlotProps {
+  /**
+   * Whether the component is open.
+   */
+  open: boolean;
+  /**
+   * Close exposed in the slot scope.
+   */
+  close: () => void;
+}
+/**
+ * Slots for the PopconfirmCompact component.
+ */
+type PopconfirmCompactSlots = {
+  /**
+   * Custom content for the default slot.
+   */
+  default?: (props: PopconfirmCompactBaseSlotProps) => any;
+  /**
+   * Custom content for the trigger slot.
+   */
+  trigger?: (props: PopconfirmCompactBaseSlotProps) => any;
+  /**
+   * Custom content for the title slot.
+   */
+  title?: (props: PopconfirmCompactBaseSlotProps) => any;
+  /**
+   * Custom content for the description slot.
+   */
+  description?: (props: PopconfirmCompactBaseSlotProps) => any;
+  /**
+   * Custom content for the footer slot.
+   */
+  footer?: (props: PopconfirmCompactBaseSlotProps) => any;
+  /**
+   * Custom content for the close slot.
+   */
+  close?: (props: PopconfirmCompactBaseSlotProps) => any;
+};
+/**
+ * Available UI slots for the Popconfirm component.
+ */
+type PopconfirmUiSlot = PopoverUiSlot | 'header' | 'icon' | 'title' | 'description' | 'content' | 'footer' | 'cancel' | 'confirm';
+/**
+ * UI class overrides for the Popconfirm component.
+ */
+type PopconfirmUi = UiClass<PopconfirmUiSlot>;
+//#endregion
+export { PopconfirmCancelEmits, PopconfirmCancelProps, PopconfirmCompactBaseSlotProps, PopconfirmCompactEmits, PopconfirmCompactProps, PopconfirmCompactSlots, PopconfirmConfirmEmits, PopconfirmConfirmProps, PopconfirmContentProps, PopconfirmDescriptionProps, PopconfirmFooterProps, PopconfirmHeaderProps, PopconfirmTitleProps, PopconfirmType, PopconfirmUi, PopconfirmUiSlot };

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

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

package/dist/components/popover/context.js

@@ -0,0 +1 @@
+import{getDisclosureState as e}from"../../shared/value.js";import{useContext as t}from"../../composables/use-context.js";import"../../shared/index.js";import{useUiContext as n}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{providePopperUi as r}from"../popper/context.js";import{computed as i,shallowRef as a,useId as o}from"vue";const[s,c]=t(`PopoverRoot`,t=>{let{open:n}=t,r=e=>{n.value=e},s=()=>{n.value=!n.value},c=i(()=>e(n.value)),l=a(),u=e=>{l.value=e},d=a(``),f=`soybean-popover-trigger-${o()}`,p=()=>{d.value||(d.value=f)},m=a(),h=e=>{m.value=e},g=a(``),_=`soybean-popover-popup-${o()}`,v=()=>{g.value||(g.value=_)},y=a(!1);return{...t,onOpenChange:r,onOpenToggle:s,dataState:c,triggerElement:l,onTriggerElementChange:u,triggerId:d,initTriggerId:p,popupElement:m,onPopupElementChange:h,popupId:g,initPopupId:v,hasCustomAnchor:y}}),[l,u]=n(`Popover`,e=>(r(e),e));export{s as providePopoverRootContext,l as providePopoverUi,c as usePopoverRootContext,u as usePopoverUi};

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

@@ -0,0 +1,14 @@
+import { PopperAnchorProps, PopperArrowProps } from "../popper/types.js";
+import { PortalProps } from "../portal/types.js";
+import { _default as _default$5 } from "../portal/portal.vue.js";
+import { _default as _default$1 } from "../popper/popper-arrow.vue.js";
+import { PopoverCloseEmits, PopoverCloseProps, PopoverCompactEmits, PopoverCompactProps, PopoverCompactSlots, PopoverPopupProps, PopoverPositionerEmits, PopoverPositionerProps, PopoverRootEmits, PopoverRootProps, PopoverTriggerProps, PopoverUi, PopoverUiSlot } from "./types.js";
+import { _default as _default$7 } from "./popover-root.vue.js";
+import { _default as _default$8 } from "./popover-trigger.vue.js";
+import { _default as _default$6 } from "./popover-positioner.vue.js";
+import { _default as _default$4 } from "./popover-popup.vue.js";
+import { _default as _default$2 } from "./popover-close.vue.js";
+import { _default as _default$3 } from "./popover-compact.vue.js";
+import { _default } from "./popover-anchor.vue.js";
+import { providePopoverUi } from "./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 PopoverCompact, type PopoverCompactEmits, type PopoverCompactProps, type PopoverCompactSlots, _default$4 as PopoverPopup, type PopoverPopupProps, _default$5 as PopoverPortal, type PortalProps as PopoverPortalProps, _default$6 as PopoverPositioner, type PopoverPositionerEmits, type PopoverPositionerProps, _default$7 as PopoverRoot, type PopoverRootEmits, type PopoverRootProps, _default$8 as PopoverTrigger, type PopoverTriggerProps, type PopoverUi, type PopoverUiSlot, providePopoverUi };

package/dist/components/popover/index.js

@@ -0,0 +1 @@
+import e from"../portal/portal.js";import t from"../popper/popper-arrow.js";import{providePopoverUi as n}from"./context.js";import r from"./popover-close.js";import i from"./popover-popup.js";import a from"./popover-positioner.js";import o from"./popover-root.js";import s from"./popover-trigger.js";import c from"./popover-compact.js";import l from"./popover-anchor.js";export{l as PopoverAnchor,t as PopoverArrow,r as PopoverClose,c as PopoverCompact,i as PopoverPopup,e as PopoverPortal,a as PopoverPositioner,o as PopoverRoot,s as PopoverTrigger,n as providePopoverUi};

package/dist/components/popover/popover-anchor.js

@@ -0,0 +1 @@
+import e from"../popper/popper-anchor.js";import"../popper/index.js";import{usePopoverRootContext as t}from"./context.js";import{createBlock as n,defineComponent as r,mergeProps as i,onBeforeMount as a,onUnmounted as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=r({name:`PopoverAnchor`,__name:`popover-anchor`,props:{reference:{},asChild:{type:Boolean},as:{}},setup(r){let d=r,{hasCustomAnchor:f}=t(`PopoverAnchor`);return a(()=>{f.value=!0}),o(()=>{f.value=!1}),(t,r)=>(s(),n(l(e),i({"data-soybean-popover-anchor":``},d),{default:u(()=>[c(t.$slots,`default`)]),_:3},16))}});export{d as default};

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

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

package/dist/components/popover/popover-close.js

@@ -0,0 +1 @@
+import e from"../button/button.js";import{usePopoverRootContext as t,usePopoverUi as n}from"./context.js";import{createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`PopoverClose`,__name:`popover-close`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`close`],setup(i,{emit:u}){let d=i,f=u,{onOpenChange:p}=t(`PopoverClose`),m=n(`close`),h=e=>{f(`close`,e),p(!1)};return(t,n)=>(o(),r(e,a({"data-soybean-popover-close":``},d,{class:c(m),onClick:h}),{default:l(()=>[s(t.$slots,`default`)]),_:3},16,[`class`]))}});export{u as default};

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

@@ -0,0 +1,21 @@
+import { PopoverCloseProps } from "./types.js";
+
+//#region src/components/popover/popover-close.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<PopoverCloseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  close: (args_0: PointerEvent) => any;
+}, string, import("vue").PublicProps, Readonly<PopoverCloseProps> & Readonly<{
+  onClose?: ((args_0: PointerEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/popover/popover-compact.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"../_icon/icon.js";import r from"../portal/portal.js";import i from"../popper/popper-arrow.js";import a from"./popover-close.js";import o from"./popover-popup.js";import s from"./popover-positioner.js";import c from"./popover-root.js";import l from"./popover-trigger.js";import{computed as u,createBlock as d,createCommentVNode as f,createVNode as p,defineComponent as m,guardReactiveProps as h,mergeProps as g,normalizeProps as _,openBlock as v,renderSlot as y,toHandlers as b,unref as x,useSlots as S,withCtx as C}from"vue";const w=m({name:`PopoverCompact`,inheritAttrs:!1,__name:`popover-compact`,props:{placement:{},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(m,{emit:w}){let T=m,E=w,D=S(),O=t(T,[`placement`,`showArrow`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),k=e(E),A=u(()=>({...T.triggerProps,asChild:T.triggerProps?.asChild??!0})),j=u(()=>({...T.positionerProps,placement:T.placement??T.positionerProps?.placement}));return(e,t)=>(v(),d(c,g(x(O),{"onUpdate:open":t[0]||(t[0]=e=>E(`update:open`,e))}),{default:C(t=>[p(l,_(h(A.value)),{default:C(()=>[y(e.$slots,`trigger`)]),_:3},16),p(r,_(h(m.portalProps)),{default:C(()=>[p(s,g(j.value,b(x(k))),{default:C(()=>[p(o,_(h(m.popupProps)),{default:C(()=>[y(e.$slots,`default`,_(h(t))),m.showArrow?(v(),d(i,_(g({key:0},m.arrowProps)),null,16)):f(`v-if`,!0)]),_:2},1040),D.close?(v(),d(a,_(g({key:0},m.closeProps)),{default:C(()=>[y(e.$slots,`close`,{},()=>[p(n,{icon:`lucide:x`})])]),_:3},16)):f(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{w as default};

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

@@ -0,0 +1,34 @@
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import { PopoverCompactProps, PopoverCompactSlots } from "./types.js";
+//#region src/components/popover/popover-compact.vue.d.ts
+type __VLS_Slots = PopoverCompactSlots;
+declare const __VLS_base: import("vue").DefineComponent<PopoverCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+  focusOutside: (event: FocusOutsideEvent) => any;
+  interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
+  openAutoFocus: (event: Event) => any;
+  closeAutoFocus: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<PopoverCompactProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
+  onOpenAutoFocus?: ((event: Event) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
+}>, {
+  open: boolean;
+  showArrow: boolean;
+  defaultOpen: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{popperCssVars as t}from"../popper/shared.js";import n from"../popper/popper-popup.js";import"../popper/index.js";import{usePopoverRootContext as r}from"./context.js";import{popoverCssVars as i}from"./shared.js";import{createBlock as a,defineComponent as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=o({name:`PopoverPopup`,__name:`popover-popup`,setup(o){let{dataState:d,triggerId:f,popupId:p,initPopupId:m,onPopupElementChange:h}=r(`PopoverPopup`),[g,_]=e(h),v={[i.transformOrigin]:`var(${t.transformOrigin})`,[i.availableWidth]:`var(${t.availableWidth})`,[i.availableHeight]:`var(${t.availableHeight})`,[i.anchorWidth]:`var(${t.anchorWidth})`,[i.anchorHeight]:`var(${t.anchorHeight})`};return m(),(e,t)=>(s(),a(l(n),{id:l(p),ref:l(_),"data-soybean-popover-popup":``,"aria-labelledby":l(f),"data-dismissable-layer":``,"data-state":l(d),role:`dialog`,tabindex:`-1`,style:v},{default:u(()=>[c(e.$slots,`default`)]),_:3},8,[`id`,`aria-labelledby`,`data-state`]))}});export{d as default};

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

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

package/dist/components/popover/popover-positioner-impl.js

@@ -0,0 +1 @@
+import{useBodyScrollLock as e}from"../../composables/use-body-scroll-lock.js";import{useDismissableLayer as t}from"../../composables/use-dismissable-layer.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useFocusGuards as r}from"../../composables/use-focus-guards.js";import{useFocusScope as i}from"../../composables/use-focus-scope.js";import{useHideOthers as a}from"../../composables/use-hide-others.js";import{useOmitProps as o}from"../../composables/use-props.js";import"../../composables/index.js";import s from"../popper/popper-positioner.js";import"../popper/index.js";import{usePopoverRootContext as c}from"./context.js";import{createBlock as l,defineComponent as u,mergeProps as d,onWatcherCleanup as f,openBlock as p,renderSlot as m,unref as h,watchEffect as g,watchPostEffect as _,withCtx as v}from"vue";const y=u({name:`PopoverPositionerImpl`,__name:`popover-positioner-impl`,props:{placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},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:{},trapFocus:{type:Boolean},disableOutsidePointerEvents:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(u,{emit:y}){let b=u,x=y,{modal:S,popupElement:C,onOpenChange:w}=c(`PopoverPositionerImpl`),[T,E]=n(),{pointerEvents:D}=t(T,{disableOutsidePointerEvents:()=>b.disableOutsidePointerEvents,onEscapeKeyDown:e=>{x(`escapeKeyDown`,e)},onPointerDownOutside:e=>{x(`pointerDownOutside`,e)},onFocusOutside:e=>{x(`focusOutside`,e)},onInteractOutside:e=>{x(`interactOutside`,e)},onDismiss:()=>{w(!1)}}),{onKeydown:O}=i(T,{trapped:()=>b.trapFocus,loop:!0,onOpenAutoFocus:e=>{x(`openAutoFocus`,e)},onCloseAutoFocus:e=>{x(`closeAutoFocus`,e)}}),k=o(b,[`disableOutsidePointerEvents`,`trapFocus`]);return r(),a(T,S),g(()=>{S.value&&f(e())}),_(()=>{C.value&&D.value&&(C.value.style.pointerEvents=D.value)}),(e,t)=>(p(),l(h(s),d(h(k),{ref:h(E),"data-soybean-popover-positioner-impl":``,onKeydown:h(O)}),{default:v(()=>[m(e.$slots,`default`)]),_:3},16,[`onKeydown`]))}});export{y as default};

package/dist/components/popover/popover-positioner.js

@@ -0,0 +1 @@
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePopupEvents as t}from"../../composables/use-popup-events.js";import{usePresence as n}from"../../composables/use-presence.js";import{useOmitProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import{usePopoverRootContext as i}from"./context.js";import a from"./popover-positioner-impl.js";import{computed as o,createBlock as s,createCommentVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,shallowRef as p,toHandlers as m,unref as h,withCtx as g}from"vue";const _=l({name:`PopoverPositioner`,__name:`popover-positioner`,props:{placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean,default:!0},reference:{},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(l,{emit:_}){let v=l,y=r(v,[`forceMount`]),b=e(_),{popupElement:x,open:S,modal:C,triggerElement:w}=i(`PopoverPositioner`),T=v.forceMount?p(!0):n(x,S),E=o(()=>C.value&&S.value),{onPointerDownOutside:D,onFocusOutside:O,onInteractOutside:k,onCloseAutoFocus:A}=t({modal:C,triggerElement:w});return(e,t)=>h(T)?(d(),s(a,u({key:0},h(y),{"data-soybean-popover-positioner":``,"trap-focus":E.value,"disable-outside-pointer-events":h(C)},m(h(b)),{onPointerDownOutside:h(D),onFocusOutside:h(O),onInteractOutside:h(k),onCloseAutoFocus:h(A)}),{default:g(()=>[f(e.$slots,`default`)]),_:3},16,[`trap-focus`,`disable-outside-pointer-events`,`onPointerDownOutside`,`onFocusOutside`,`onInteractOutside`,`onCloseAutoFocus`])):c(`v-if`,!0)}});export{_ as default};

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

@@ -0,0 +1,34 @@
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import { PopoverPositionerProps } from "./types.js";
+//#region src/components/popover/popover-positioner.vue.d.ts
+declare var __VLS_13: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<PopoverPositionerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+  focusOutside: (event: FocusOutsideEvent) => any;
+  interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
+  openAutoFocus: (event: Event) => any;
+  closeAutoFocus: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<PopoverPositionerProps> & Readonly<{
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
+  onOpenAutoFocus?: ((event: Event) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
+}>, {
+  avoidCollisions: boolean;
+  prioritizePosition: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/popover/popover-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"../../composables/index.js";import n from"../popper/popper-root.js";import"../popper/index.js";import{providePopoverRootContext as r}from"./context.js";import{createBlock as i,defineComponent as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=a({name:`PopoverRoot`,inheritAttrs:!1,__name:`popover-root`,props:{disabled:{type:Boolean},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean}},emits:[`update:open`],setup(a,{emit:u}){let d=a,f=u,p=t(()=>d.open,e=>{f(`update:open`,e)},d.defaultOpen),m=()=>{p.value=!1};return r({...e(d,[`modal`,`disabled`]),open:p}),(e,t)=>(o(),i(c(n),{dir:a.dir},{default:l(()=>[s(e.$slots,`default`,{open:c(p),close:m})]),_:3},8,[`dir`]))}});export{u as default};

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

@@ -0,0 +1,26 @@
+import { PopoverRootProps } from "./types.js";
+
+//#region src/components/popover/popover-root.vue.d.ts
+declare var __VLS_8: {
+  open: boolean;
+  close: () => void;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<PopoverRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<PopoverRootProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+  open: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/popover/popover-trigger.js

@@ -0,0 +1 @@
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import t from"../button/button.js";import n from"../popper/popper-anchor.js";import"../popper/index.js";import{usePopoverRootContext as r,usePopoverUi as i}from"./context.js";import{createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,resolveDynamicComponent as u,unref as d,withCtx as f}from"vue";const p=o({name:`PopoverTrigger`,__name:`popover-trigger`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(o){let p=o,m=i(`trigger`),{open:h,onOpenToggle:g,dataState:_,popupId:v,disabled:y,initTriggerId:b,onTriggerElementChange:x,hasCustomAnchor:S}=r(`PopoverTrigger`),[C,w]=e(x);return b(),(e,r)=>(c(),a(u(d(S)?t:d(n)),s({ref:d(w)},p,{"data-soybean-popover-trigger":``,class:d(m),as:d(S)?p.as:t,"aria-haspopup":`dialog`,"aria-expanded":d(h)||!1,"aria-controls":d(h)?d(v):void 0,disabled:d(y),"data-state":d(_),onClick:d(g)}),{default:f(()=>[l(e.$slots,`default`)]),_:3},16,[`class`,`as`,`aria-expanded`,`aria-controls`,`disabled`,`data-state`,`onClick`]))}});export{p as default};

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

@@ -0,0 +1,20 @@
+import { AsTag } from "../primitive/types.js";
+import { PopoverTriggerProps } from "./types.js";
+
+//#region src/components/popover/popover-trigger.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<PopoverTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PopoverTriggerProps> & Readonly<{}>, {
+  as: AsTag | import("vue").Component;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/popover/shared.js

@@ -0,0 +1 @@
+const e={transformOrigin:`--soybean-popover-transform-origin`,availableWidth:`--soybean-popover-available-width`,availableHeight:`--soybean-popover-available-height`,anchorWidth:`--soybean-popover-anchor-width`,anchorHeight:`--soybean-popover-anchor-height`};export{e as popoverCssVars};

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

@@ -0,0 +1,126 @@
+import { UiClass } from "../../types/common.js";
+import { DismissableLayerEmits, FocusScopeEmits, ForceMountProps } from "../../types/component.js";
+import { ButtonProps } from "../button/types.js";
+import { PopperAnchorProps, PopperArrowProps, PopperPopupProps, PopperPositionerProps, PopperRootProps, PopperUiSlot } from "../popper/types.js";
+import { PortalProps } from "../portal/types.js";
+import { DialogBaseProps, DialogRootEmits } from "../dialog/types.js";
+import { ShallowRef } from "vue";
+
+//#region src/components/popover/types.d.ts
+/**
+ * Properties for the PopoverRoot component.
+ */
+interface PopoverRootProps extends PopperRootProps, DialogBaseProps {
+  /**
+   * Whether the component is disabled.
+   */
+  disabled?: boolean;
+}
+/**
+ * Events for the PopoverRoot component.
+ */
+type PopoverRootEmits = DialogRootEmits;
+/**
+ * Properties for the PopoverClose component.
+ */
+interface PopoverCloseProps extends ButtonProps {}
+/**
+ * Events for the PopoverClose component.
+ */
+type PopoverCloseEmits = {
+  /**
+   * Emitted when close occurs.
+   */
+  close: [PointerEvent];
+};
+/**
+ * Events for the PopoverPositionerImpl component.
+ */
+type PopoverPositionerImplEmits = DismissableLayerEmits & FocusScopeEmits;
+/**
+ * Properties for the PopoverPositioner component.
+ */
+interface PopoverPositionerProps extends PopperPositionerProps, ForceMountProps {}
+/**
+ * Events for the PopoverPositioner component.
+ */
+type PopoverPositionerEmits = PopoverPositionerImplEmits;
+/**
+ * Properties for the PopoverPopup component.
+ */
+interface PopoverPopupProps extends PopperPopupProps {}
+/**
+ * Properties for the PopoverTrigger component.
+ */
+interface PopoverTriggerProps extends ButtonProps {}
+/**
+ * Properties for the PopoverCompact component.
+ */
+interface PopoverCompactProps extends PopoverRootProps {
+  /**
+   * Placement.
+   */
+  placement?: PopperPositionerProps['placement'];
+  /**
+   * Whether to show an arrow.
+   */
+  showArrow?: boolean;
+  /**
+   * Properties forwarded to the trigger element.
+   */
+  triggerProps?: PopoverTriggerProps;
+  /**
+   * Properties forwarded to the portal element.
+   */
+  portalProps?: PortalProps;
+  /**
+   * Properties forwarded to the positioner element.
+   */
+  positionerProps?: PopoverPositionerProps;
+  /**
+   * Properties forwarded to the popup element.
+   */
+  popupProps?: PopoverPopupProps;
+  /**
+   * Properties forwarded to the arrow element.
+   */
+  arrowProps?: PopperArrowProps;
+  /**
+   * Properties forwarded to the close element.
+   */
+  closeProps?: PopoverCloseProps;
+}
+/**
+ * Events for the PopoverCompact component.
+ */
+type PopoverCompactEmits = PopoverRootEmits & PopoverPositionerEmits;
+/**
+ * Slots for the PopoverCompact component.
+ */
+type PopoverCompactSlots = {
+  /**
+   * Custom content for the default slot.
+   */
+  default?: (props: {
+    open: boolean;
+    close: () => void;
+  }) => any;
+  /**
+   * Custom content for the trigger slot.
+   */
+  trigger?: () => any;
+  /**
+   * Custom content for the close slot.
+   */
+  close?: () => any;
+};
+/**
+ * Available UI slots for the Popover component.
+ */
+type PopoverUiSlot = PopperUiSlot | 'trigger' | 'close';
+/**
+ * UI class overrides for the Popover component.
+ */
+type PopoverUi = UiClass<PopoverUiSlot>;
+//#endregion
+export { PopoverCloseEmits, PopoverCloseProps, PopoverCompactEmits, PopoverCompactProps, PopoverCompactSlots, PopoverPopupProps, PopoverPositionerEmits, PopoverPositionerProps, PopoverRootEmits, PopoverRootProps, PopoverTriggerProps, PopoverUi, PopoverUiSlot };

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

@@ -0,0 +1,9 @@
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import { PopperUiSlot } from "./types.js";
+import { ReferenceElement } from "@floating-ui/dom";
+
+//#region src/components/popper/context.d.ts
+declare const providePopperUi: (ui: import("vue").ComputedRef<Partial<UiClass<PopperUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<PopperUiSlot>>>, usePopperUi: UseUiConsumer<PopperUiSlot>;
+//#endregion
+export { providePopperUi };

package/dist/components/popper/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{shallowRef as n}from"vue";const[r,i]=e(`PopperRoot`,e=>{let t=n(),r=e=>{t.value=e},i=n(),a=e=>{i.value=e};return{...e,popupElement:t,onPopupElementChange:r,anchorElement:i,onAnchorElementChange:a}}),[a,o]=e(`PopperPositioner`,e=>{let t=n(null),r=e=>{t.value=e??null};return{...e,arrowElement:t,onArrowElementChange:r}}),[s,c]=t(`PopperUi`);export{a as providePopperPositionerContext,r as providePopperRootContext,s as providePopperUi,o as usePopperPositionerContext,i as usePopperRootContext,c as usePopperUi};

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

@@ -0,0 +1,8 @@
+import { PopperAnchorProps, PopperArrowProps, PopperPopupProps, PopperPositionerProps, PopperUi, PopperUiSlot } from "./types.js";
+import { _default } from "./popper-anchor.vue.js";
+import { _default as _default$4 } from "./popper-root.vue.js";
+import { _default as _default$3 } from "./popper-positioner.vue.js";
+import { _default as _default$2 } from "./popper-popup.vue.js";
+import { _default as _default$1 } from "./popper-arrow.vue.js";
+import { providePopperUi } from "./context.js";
+export { _default as PopperAnchor, type PopperAnchorProps, _default$1 as PopperArrow, type PopperArrowProps, _default$2 as PopperPopup, type PopperPopupProps, _default$3 as PopperPositioner, type PopperPositionerProps, _default$4 as PopperRoot, type PopperUi, type PopperUiSlot, providePopperUi };

package/dist/components/popper/index.js

@@ -0,0 +1 @@
+import{providePopperUi as e}from"./context.js";import t from"./popper-anchor.js";import n from"./popper-root.js";import r from"./popper-positioner.js";import i from"./popper-popup.js";import a from"./popper-arrow.js";export{t as PopperAnchor,a as PopperArrow,i as PopperPopup,r as PopperPositioner,n as PopperRoot,e as providePopperUi};

package/dist/components/popper/popper-anchor.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{usePopperRootContext as r,usePopperUi as i}from"./context.js";import{createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,watchEffect as d,withCtx as f}from"vue";const p=o({name:`PopperAnchor`,__name:`popper-anchor`,props:{reference:{},asChild:{type:Boolean},as:{}},setup(o){let p=o,m=t(p,[`reference`]),h=i(`anchor`),{dir:g,onAnchorElementChange:_}=r(`PopperAnchor`),[v,y]=e(e=>{p.reference||_(e)});return d(()=>{p.reference&&_(p.reference)}),(e,t)=>(c(),a(u(n),s(u(m),{ref:u(y),"data-soybean-popper-anchor":``,class:u(h),dir:u(g)}),{default:f(()=>[l(e.$slots,`default`)]),_:3},16,[`class`,`dir`]))}});export{p as default};