@soybeanjs/headless 0.30.0 → 0.40.0-beta.1

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

@@ -1,33 +1,112 @@
-import { Align, Direction, Placement as Placement$1, UiClass } from "../../types/common.js";
+import { Align, Direction, DisclosureState, Placement as Placement$1, UiClass } from "../../types/common.js";
+import { DismissableLayerEmits, FocusScopeEmits, ForceMountProps } from "../../types/component.js";
 import { BaseProps } from "../../types/vue.js";
 import "../../types/index.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
-import { ComputedRef } from "vue";
+import { ButtonProps } from "../button/types.js";
+import "../primitive/index.js";
+import "../button/index.js";
+import { PortalProps } from "../portal/types.js";
+import "../portal/index.js";
+import { ComputedRef, ShallowRef, VNodeChild } from "vue";
 import { Padding, ReferenceElement, Side } from "@floating-ui/dom";
 //#region src/components/popper/types.d.ts
-/**
- * Properties for the PopperRoot component.
- */
-interface PopperRootProps {
+export type PopperTriggerType = 'click' | 'hover' | 'contextmenu';
+export type PopperReferenceElement = ReferenceElement;
+export type PopperOpenChangeReason = 'trigger-click' | 'trigger-hover' | 'trigger-contextmenu' | 'trigger-focus' | 'dismiss-outside' | 'dismiss-escape' | 'parent-close' | 'imperative';
+export interface PopperRootProps {
+  dir?: Direction;
+  open?: boolean;
+  defaultOpen?: boolean;
+  modal?: boolean;
+  disabled?: boolean;
+}
+export type PopperRootEmits = {
+  'update:open': [value: boolean, reason: PopperOpenChangeReason];
+};
+export interface PopperRootSlotProps {
+  open: boolean;
+  reason: PopperOpenChangeReason;
+  close: () => void;
+  dir: Direction;
+}
+export type PopperRootSlots = {
+  default?: (props: PopperRootSlotProps) => VNodeChild;
+};
+export interface PopperTriggerProps extends ButtonProps {
+  trigger?: PopperTriggerType;
+  reference?: ReferenceElement;
+  openDelay?: number;
+  closeDelay?: number;
+  skipDelayDuration?: number;
+  pressOpenDelay?: number;
+  openOnFocus?: boolean;
   /**
-   * The direction of the content. Used to determine the placement when not explicitly provided and for RTL flipping behavior.
+   * Open delay applied to focus-driven opens. Defaults to `openDelay`; set `0` to open
+   * instantly on focus (Tooltip semantics).
+   *
+   * @defaultValue inherit from `openDelay`
    */
-  dir?: Direction;
+  focusOpenDelay?: number;
+  /**
+   * When `true`, focus-driven opening only responds to keyboard/programmatic focus
+   * (`:focus-visible`), ignoring pointer-derived focus.
+   *
+   * @defaultValue false
+   */
+  focusVisibleOnly?: boolean;
+  /**
+   * How the trigger references its popup for assistive technology.
+   *
+   * - `controls`: `aria-expanded` + `aria-controls` (expandable widgets: popover / menu)
+   * - `describedby`: `aria-describedby` while open (tooltip-like descriptions)
+   * - `none`: no popup-reference attributes
+   *
+   * @defaultValue 'controls'
+   */
+  ariaMode?: PopperTriggerAriaMode;
+}
+export type PopperTriggerAriaMode = 'controls' | 'describedby' | 'none';
+export interface PopperTriggerConfiguration {
+  type: PopperTriggerType;
+  openDelay: number;
+  focusOpenDelay: number;
+  closeDelay: number;
+  skipDelayDuration: number;
+  pressOpenDelay: number;
+  openOnFocus: boolean;
+  disabled: boolean;
 }
 /**
- * Properties for the PopperAnchor component.
+ * Parameters for creating the shared delay-group context.
  */
-interface PopperAnchorProps extends PrimitiveWithBaseProps {
+export interface PopperDelayGroupParams {
   /**
-   * The reference (or anchor) element that is being referred to for positioning. If not provided will use the current
-   * component as anchor.
+   * How much time a user has to open another member without incurring the open
+   * delay again, counted from the last member close.
    */
-  reference?: ReferenceElement;
+  skipDelayDuration: ComputedRef<number>;
 }
 /**
- * Properties for the PopperPositioner component.
+ * Shared hover-delay coordination across sibling Popper roots — the
+ * `FloatingDelayGroup` pattern. While any member stays open (or within the
+ * skip-delay window after the last member closes) other members skip their
+ * open delay. Nested roots (submenus, popups inside a popup) never join the
+ * group; they keep their own per-root delay machine.
  */
-interface PopperPositionerProps extends BaseProps {
+export interface PopperDelayGroupContext {
+  /** Whether the next member hover open incurs its open delay (skip-delay window state). */
+  isOpenDelayed: ShallowRef<boolean>;
+  /** Reports a member opened; resets the skip-delay window. */
+  onMemberOpen: (member: PopperRootContext) => void;
+  /** Reports a member closed; starts the skip-delay window once the last member closed. */
+  onMemberClose: (member: PopperRootContext) => void;
+}
+/**
+ * Properties for the positioner that floats above the anchor. Mirrors the positioning surface of
+ * the headless `PopperPositioner` with the prototype's own defaults.
+ */
+export interface PopperPositionerProps extends BaseProps, ForceMountProps {
   /**
    * The placement of the floating element.
    *
@@ -150,29 +229,277 @@ interface PopperPositionerProps extends BaseProps {
    * provided, it will replace the default anchor element.
    */
   reference?: ReferenceElement;
+  /**
+   * Whether focus is trapped inside the popup while open (Tab cycles within the layer and body
+   * scroll is locked for modal layers).
+   *
+   * @defaultValue modal
+   */
+  trapFocus?: boolean;
+  /**
+   * When `true`, hovering the popup closes instead of keeping it open (the grace area is disabled,
+   * so leaving the trigger closes the layer immediately).
+   *
+   * @defaultValue false
+   */
+  disableHoverableContent?: boolean;
+  /**
+   * Callback invoked when the pointer finally leaves the grace area. Lets an upper layer (e.g.
+   * Tooltip) run area-scoped close logic without registering its own second grace area.
+   */
+  onGracePointerExit?: () => void;
 }
-/**
- * Events for the PopperPositioner component.
- */
-interface PopperPositionerEmits {
-  /** Event handler called when the positioner is placed */
+export type PopperPositionerEmits = DismissableLayerEmits & FocusScopeEmits & {
   placed: [];
+};
+export interface PopperPopupProps extends BaseProps {}
+export interface PopperArrowProps extends BaseProps {}
+export interface PopperPortalProps extends PortalProps {}
+/** Properties for the anchor (reference) element, optionally overriding the reference. */
+export interface PopperAnchorProps extends PrimitiveWithBaseProps {
+  reference?: ReferenceElement;
+}
+export interface PopperSubProps extends PopperRootProps {}
+export type PopperSubEmits = PopperRootEmits;
+export type PopperSubSlots = PopperRootSlots;
+export interface PopperSubTriggerProps extends PopperTriggerProps {}
+export interface PopperCompactProps extends PopperRootProps {
+  trigger?: PopperTriggerType;
+  openDelay?: number;
+  closeDelay?: number;
+  skipDelayDuration?: number;
+  pressOpenDelay?: number;
+  openOnFocus?: boolean;
+  placement?: Placement$1;
+  showArrow?: boolean;
+  triggerProps?: PopperTriggerProps;
+  portalProps?: PopperPortalProps;
+  positionerProps?: PopperPositionerProps;
+  popupProps?: PopperPopupProps;
+  arrowProps?: PopperArrowProps;
 }
+export type PopperCompactEmits = PopperRootEmits & PopperPositionerEmits;
+export type PopperCompactSlots = {
+  default?: (props: PopperRootSlotProps) => VNodeChild;
+  trigger?: () => VNodeChild;
+};
+export type PopperUiSlot = 'anchor' | 'positioner' | 'popup' | 'arrow' | 'trigger' | 'subTrigger';
+export type PopperUi = UiClass<PopperUiSlot>;
 /**
- * Properties for the PopperPopup component.
+ * Properties for the positioning-only root. The positioning primitives have no open state,
+ * trigger, or dismissal of their own — domain layers (Select / Combobox / Cascader / …)
+ * own the interaction and mount these parts purely for floating placement.
  */
-interface PopperPopupProps extends BaseProps {}
+export interface PopperPositioningRootProps {
+  /**
+   * The direction of the content. Used for RTL-aware rendering of the popup.
+   */
+  dir?: Direction;
+}
 /**
- * Properties for the PopperArrow component.
+ * Anchor and arrow are shared between the interactive shell and positioning-only trees;
+ * use `PopperAnchorProps` / `PopperArrowProps` for both.
  */
-interface PopperArrowProps extends BaseProps {}
 /**
- * Available UI slots for the Popper component.
+ * Properties for the positioning-only positioner. Same positioning surface as
+ * `PopperPositionerProps` minus the interactive-shell concerns (presence, focus trap,
+ * hoverable content) plus an `open` input the domain layer wires to its own state.
+ * Fields are spelled out (not `Omit`) so the SFC compiler can resolve runtime props keys.
  */
-type PopperUiSlot = 'positioner' | 'popup' | 'arrow' | 'anchor';
+export interface PopperPositioningPositionerProps extends BaseProps {
+  /**
+   * Whether the floating layer is open. Drives the positioning lifecycle (`isPositioned`
+   * resets when open flips); the positioning primitive itself has no open state, so
+   * consumers wire their own open state here.
+   *
+   * @defaultValue true
+   */
+  open?: boolean;
+  /**
+   * The placement of the floating element.
+   *
+   * If used, it will override the `side` and `align` props.
+   *
+   * @defaultValue undefined
+   */
+  placement?: Placement$1;
+  /**
+   * The preferred side of the anchor to render against when open. Will be reversed when collisions occur and
+   * avoidCollisions is enabled.
+   *
+   * @defaultValue 'bottom'
+   */
+  side?: Side;
+  /**
+   * The distance in pixels from the anchor.
+   *
+   * @defaultValue 0
+   */
+  sideOffset?: number;
+  /**
+   * Flip to the opposite side when colliding with boundary.
+   *
+   * @defaultValue true
+   */
+  sideFlip?: boolean;
+  /**
+   * The preferred alignment against the anchor. May change when collisions occur.
+   *
+   * @defaultValue 'center'
+   */
+  align?: Align;
+  /**
+   * An offset in pixels from the `start` or `end` alignment options.
+   *
+   * @defaultValue 0
+   */
+  alignOffset?: number;
+  /**
+   * Flip alignment when colliding with boundary.
+   * May only occur when `prioritizePosition` is true.
+   *
+   * @defaultValue true
+   */
+  alignFlip?: boolean;
+  /**
+   * When `true`, overrides the side and align preferences to prevent collisions with boundary edges.
+   *
+   * @defaultValue true
+   */
+  avoidCollisions?: boolean;
+  /**
+   * The element used as the collision boundary. By default this is the viewport, though you can provide additional
+   * element(s) to be included in this check.
+   *
+   * @defaultValue [ ]
+   */
+  collisionBoundary?: Element | null | Array<Element | null>;
+  /**
+   * The distance in pixels from the boundary edges where collision detection should occur. Accepts a number (same for
+   * all sides), or a partial padding object, for example: { top: 20, left: 20 }.
+   *
+   * @defaultValue 0
+   */
+  collisionPadding?: Padding;
+  /**
+   * The padding between the arrow and the edges of the content. If your content has border-radius, this will prevent it
+   * from overflowing the corners.
+   *
+   * @defaultValue 0
+   */
+  arrowPadding?: number;
+  /**
+   * When `true`, hides the arrow when it cannot be centered
+   * to the reference element.
+   *
+   * @defaultValue false
+   */
+  hideShiftedArrow?: boolean;
+  /**
+   * The sticky behavior on the align axis. `partial` will keep the content in the boundary as long as the anchor is at
+   * least partially in the boundary whilst "always" will keep the content in the boundary regardless.
+   *
+   * @defaultValue 'partial'
+   */
+  sticky?: 'partial' | 'always';
+  /**
+   * Whether to hide the content when the anchor becomes fully occluded.
+   *
+   * @defaultValue false
+   */
+  hideWhenDetached?: boolean;
+  /**
+   * The type of CSS position property to use.
+   *
+   * @defaultValue 'fixed'
+   */
+  positionStrategy?: 'absolute' | 'fixed';
+  /**
+   * Strategy to update the position of the floating element on every animation frame.
+   *
+   * @defaultValue 'optimized'
+   */
+  updatePositionStrategy?: 'optimized' | 'always';
+  /**
+   * Whether to disable the update position for the content when the layout shifted.
+   *
+   * @defaultValue false
+   */
+  disableUpdateOnLayoutShift?: boolean;
+  /**
+   * Force content to be position within the viewport. Might overlap the reference element, which may not be desired.
+   *
+   * @defaultValue false
+   */
+  prioritizePosition?: boolean;
+  /**
+   * The custom element or virtual element that will be set as the reference to position the floating element. If
+   * provided, it will replace the default anchor element.
+   */
+  reference?: ReferenceElement;
+}
+export type PopperPositioningPositionerEmits = {
+  /** Event handler called when the positioner is placed */
+  placed: [];
+};
 /**
- * UI class overrides for the Popper component.
+ * Properties for the positioning-only popup.
  */
-type PopperUi = UiClass<PopperUiSlot>;
-//#endregion
-export { PopperAnchorProps, PopperArrowProps, PopperPopupProps, PopperPositionerEmits, PopperPositionerProps, PopperRootProps, PopperUi, PopperUiSlot };
+export interface PopperPositioningPopupProps extends BaseProps {}
+export interface PopperRootContext {
+  open: ShallowRef<boolean>;
+  reason: ShallowRef<PopperOpenChangeReason>;
+  dir: ComputedRef<Direction>;
+  modal: ComputedRef<boolean>;
+  disabled: ComputedRef<boolean>;
+  dataState: ComputedRef<DisclosureState>;
+  triggerType: ShallowRef<PopperTriggerType>;
+  triggerElement: ShallowRef<HTMLElement | undefined>;
+  positionerElement: ShallowRef<HTMLElement | undefined>;
+  popupElement: ShallowRef<HTMLElement | undefined>;
+  anchorElement: ShallowRef<PopperReferenceElement | undefined>;
+  triggerId: ShallowRef<string>;
+  popupId: ShallowRef<string>;
+  hasCustomAnchor: ComputedRef<boolean>;
+  parent: PopperRootContext | undefined;
+  children: ShallowRef<readonly PopperRootContext[]>;
+  isSub: ComputedRef<boolean>;
+  nestingLevel: ComputedRef<number>;
+  isPointerInTransit: ShallowRef<boolean>;
+  isPointerInTree: ComputedRef<boolean>;
+  /** Whether the next hover open still incurs `openDelay` (skip-delay window state). */
+  isOpenDelayed: ShallowRef<boolean>;
+  /** Whether the most recent open went through the open delay (drives `delayed-open` data states). */
+  wasOpenDelayed: ShallowRef<boolean>;
+  configureTrigger: (configuration: PopperTriggerConfiguration) => void;
+  onOpenChange: (value: boolean, reason?: PopperOpenChangeReason) => void;
+  onOpenToggle: (reason: PopperOpenChangeReason) => void;
+  onHoverOpen: (reason?: Extract<PopperOpenChangeReason, 'trigger-hover' | 'trigger-focus'>) => void;
+  onHoverClose: (reason?: Extract<PopperOpenChangeReason, 'trigger-hover' | 'trigger-focus'>) => void;
+  cancelHoverClose: () => void;
+  onTriggerElementChange: (element: HTMLElement | undefined) => void;
+  /**
+   * Overrides the element the hover grace area anchors to. Defaults to the trigger element;
+   * domains with a shared hover surface (e.g. a menubar container) set this so the grace
+   * corridor spans the whole surface instead of a single trigger.
+   */
+  graceTriggerElement: ShallowRef<HTMLElement | undefined>;
+  onGraceTriggerElementChange: (element: HTMLElement | undefined) => void;
+  onPositionerElementChange: (element: HTMLElement | undefined) => void;
+  onPopupElementChange: (element: HTMLElement | undefined) => void;
+  onAnchorElementChange: (element: PopperReferenceElement | undefined) => void;
+  onPositionerUpdateChange: (update: (() => void) | undefined) => void;
+  requestPositionerUpdate: () => void;
+  onTriggerPointerInsideChange: (value: boolean) => void;
+  onPopupPointerInsideChange: (value: boolean) => void;
+  registerCustomAnchor: () => () => void;
+  /**
+   * Registers a domain-level veto for delayed hover closes (e.g. HoverCard text selection).
+   * The guard is consulted when the close timer fires; returning `true` keeps the layer open.
+   */
+  registerHoverCloseGuard: (guard?: () => boolean) => void;
+  registerChild: (child: PopperRootContext) => () => void;
+  closeDescendants: () => void;
+  clearTimers: () => void;
+}
+//#endregion

package/dist/components/popper/use-popper-dismiss.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{useFocusGuards as n}from"../../composables/use-focus-guards.js";import{useFocusScope as r}from"../../composables/use-focus-scope.js";import{usePopupEvents as i}from"../../composables/use-popup-events.js";import{computed as a,nextTick as o,onWatcherCleanup as s,watchEffect as c}from"vue";function l(l){let{layerElement:u,context:d}=l,f=i({modal:d.modal,triggerElement:d.triggerElement}),p=`dismiss-outside`;function m(e){p=`dismiss-escape`,l.onEscapeKeyDown(e)}function h(e){p=`dismiss-outside`,l.onPointerDownOutside(e)}function g(e){p=`dismiss-outside`,f.onFocusOutside(e),d.triggerType.value===`hover`&&e.preventDefault(),l.onFocusOutside(e)}function _(e){f.onInteractOutside(e),l.onInteractOutside(e)}function v(){if(p===`dismiss-outside`&&d.isSub.value){d.onOpenChange(!1,`dismiss-outside`);return}let e=p===`dismiss-escape`||d.modal.value;d.onOpenChange(!1,p),e&&o(()=>{d.triggerElement.value?.focus()})}let y=a(()=>u.value);n(()=>l.trapFocus()||d.isSub.value);let{onKeydown:b}=r(y,{trapped:l.trapFocus,loop:!0,onOpenAutoFocus:e=>{if(!l.trapFocus()){e.preventDefault();return}l.onOpenAutoFocus(e)},onCloseAutoFocus:e=>{if(d.triggerType.value===`hover`){e.preventDefault();return}l.onCloseAutoFocus(e),f.onCloseAutoFocus(e)}});return c(()=>{if(!d.modal.value||!d.open.value)return;let t=e();s(t)}),{...t(u,{disableOutsidePointerEvents:d.modal,onEscapeKeyDown:m,onPointerDownOutside:h,onFocusOutside:g,onInteractOutside:_,onDismiss:v}),onKeydown:b}}export{l as usePopperDismiss};

package/dist/components/popper/use-popper-nesting.js

@@ -0,0 +1 @@
+import{onBeforeUnmount as e,watch as t}from"vue";function n(n){let{parent:r}=n,i=r?.registerChild(n);r&&t(r.open,e=>{e||n.onOpenChange(!1,`parent-close`)},{immediate:!0}),t(n.open,e=>{e||n.closeDescendants()},{immediate:!0}),e(()=>{n.closeDescendants(),n.clearTimers(),i?.()})}export{n as usePopperNesting};

package/dist/components/popper/use-popper-positioning.js

@@ -0,0 +1 @@
+import{useFloating as e}from"../../composables/use-floating.js";import{getFloatingUiMiddleware as t,getPlacement as n,getPlacementAlignment as r,getPlacementSide as i,popperCssVars as a}from"./shared.js";import{computed as o,shallowRef as s,watchPostEffect as c}from"vue";import{autoUpdate as l}from"@floating-ui/dom";function u(u){let{props:d,referenceElement:f,positionerElement:p,arrowElement:m,open:h,popupElement:g}=u,{floatingStyles:_,placement:v,isPositioned:y,middlewareData:b,update:x}=e(f,p,{open:h,strategy:()=>d.positionStrategy,placement:()=>d.placement??n(d.side??`bottom`,d.align??`center`),whileElementsMounted:(...e)=>l(...e,{layoutShift:!d.disableUpdateOnLayoutShift,animationFrame:d.updatePositionStrategy===`always`}),middleware:()=>t(d,m.value)}),S=o(()=>i(v.value)),C=o(()=>r(v.value)??`center`),w=o(()=>b.value.arrow?.centerOffset===0),T=o(()=>b.value.arrow?.x??0),E=o(()=>b.value.arrow?.y??0),D=o(()=>(d.hideShiftedArrow??!0)&&!w.value),O=s(),k=o(()=>{let{transformOrigin:e,hide:t}=b.value;return{..._.value,zIndex:O.value,transform:y.value?_.value.transform:`translate(0, -200%)`,[a.transformOrigin]:[e?.x,e?.y].join(` `),...t?.referenceHidden&&{visibility:`hidden`,pointerEvents:`none`}}});return c(()=>{g.value&&(O.value=window.getComputedStyle(g.value).zIndex)}),{floatingStyles:_,placement:v,isPositioned:y,middlewareData:b,update:x,placedSide:S,placedAlign:C,arrowX:T,arrowY:E,hideArrow:D,positionerStyle:k}}export{u as usePopperPositioning};

package/dist/components/popper/use-popper-trigger.js

@@ -0,0 +1 @@
+import{useVirtualPointReference as e}from"./use-virtual-point-reference.js";import{computed as t,nextTick as n,onBeforeUnmount as r,shallowRef as i,watchEffect as a}from"vue";function o(o,s,c){let{reference:l,setPoint:u}=e({onPointChange:c.onVirtualPointChange}),d=t(()=>o.trigger===`contextmenu`?l:o.reference),f=t(()=>o.openOnFocus??o.trigger===`hover`),p=t(()=>o.pressOpenDelay??700),m=i(),h=!1,g,_,v;function y(){g!==void 0&&(clearTimeout(g),g=void 0)}function b(){_!==void 0&&(clearTimeout(_),_=void 0)}function x(){v?.removeEventListener(`pointerup`,S),v?.removeEventListener(`pointercancel`,S),v=void 0}function S(){y(),x(),b(),_=setTimeout(()=>{h=!1,_=void 0},0)}function C(e){x(),v=e,e.addEventListener(`pointerup`,S,{once:!0}),e.addEventListener(`pointercancel`,S,{once:!0})}function w(e){return e.pointerType!==`mouse`}function T(e){if(!m.value)return!1;let t=e.clientX-m.value.x,n=e.clientY-m.value.y;return Math.hypot(t,n)>8}function E(e){s.onTriggerPointerInsideChange(!0),s.cancelHoverClose(),o.trigger===`hover`&&e.pointerType!==`touch`&&s.onHoverOpen(`trigger-hover`)}function D(e){s.onTriggerPointerInsideChange(!1),o.trigger===`hover`&&e.pointerType!==`touch`&&(s.graceTriggerElement.value||s.onHoverClose(`trigger-hover`))}async function O(e){(f.value||o.trigger===`contextmenu`)&&(h=!0,C(e.currentTarget.ownerDocument)),o.trigger===`contextmenu`&&w(e)&&(await n(),!(e.defaultPrevented||s.disabled.value)&&(y(),u(e.clientX,e.clientY),m.value={x:e.clientX,y:e.clientY},g=setTimeout(()=>{s.onOpenChange(!0,`trigger-contextmenu`),g=void 0},p.value)))}function k(e){o.trigger===`contextmenu`&&w(e)&&T(e)&&y()}function A(){S()}function j(){S()}async function M(e){o.trigger===`click`&&(e.button!==0||e.ctrlKey||s.disabled.value||(s.onOpenToggle(`trigger-click`),await n(),!e.defaultPrevented&&s.open.value&&e.preventDefault()))}async function N(e){o.trigger===`contextmenu`&&(await n(),!(e.defaultPrevented||s.disabled.value)&&(y(),u(e.clientX,e.clientY),s.onOpenChange(!0,`trigger-contextmenu`),e.preventDefault()))}function P(e){!f.value||h||s.disabled.value||(!o.focusVisibleOnly||e.target?.matches?.(`:focus-visible`))&&s.onHoverOpen(`trigger-focus`)}function F(e){if(!f.value)return;let t=e.relatedTarget;t instanceof Node&&s.positionerElement.value?.contains(t)||s.onHoverClose(`trigger-focus`)}return a(()=>{let e=o.trigger??`click`;s.configureTrigger({type:e,openDelay:o.openDelay??(e===`hover`?150:0),focusOpenDelay:o.focusOpenDelay??o.openDelay??(e===`hover`?150:0),closeDelay:o.closeDelay??0,skipDelayDuration:o.skipDelayDuration??300,pressOpenDelay:o.pressOpenDelay??700,openOnFocus:o.openOnFocus??e===`hover`,disabled:o.disabled??!1}),o.id&&(s.triggerId.value=o.id)}),r(()=>{y(),b(),x(),h=!1,s.onTriggerPointerInsideChange(!1)}),{reference:d,onBlur:F,onClick:M,onContextMenu:N,onFocus:P,onPointerCancel:j,onPointerDown:O,onPointerEnter:E,onPointerLeave:D,onPointerMove:k,onPointerUp:A}}export{o as usePopperTrigger};

package/dist/components/popper/use-virtual-point-reference.d.ts

@@ -0,0 +1,28 @@
+import { PopperReferenceElement } from "./types.js";
+//#region src/components/popper/use-virtual-point-reference.d.ts
+interface UseVirtualPointReferenceOptions {
+  /**
+   * Invoked after the point moves so the caller can request a positioner update. Repositioning is
+   * event-driven: without this notification a stable reference alone would never re-render.
+   */
+  onPointChange: () => void;
+}
+interface UseVirtualPointReferenceReturn {
+  /**
+   * A stable zero-size virtual reference whose rect reflects the latest point. The object identity
+   * never changes, so `useFloating`'s reference watch keeps `autoUpdate` mounted instead of tearing
+   * it down and rebuilding it on every point move.
+   */
+  reference: PopperReferenceElement;
+  /** Move the virtual point to the given viewport coordinates and notify the caller. */
+  setPoint: (x: number, y: number) => void;
+}
+/**
+ * Creates a movable virtual-point reference (e.g. the contextmenu pointer coordinates).
+ *
+ * Unlike a computed reference that produces a new object per point change (which forces
+ * `useFloating` to re-attach `autoUpdate` on every update), the reference here is created once and
+ * `getBoundingClientRect` reads the current point at compute time.
+ */
+export declare function useVirtualPointReference(options: UseVirtualPointReferenceOptions): UseVirtualPointReferenceReturn;
+//#endregion

package/dist/components/popper/use-virtual-point-reference.js

@@ -0,0 +1 @@
+function e(e){let t={x:0,y:0},n={getBoundingClientRect:()=>DOMRect.fromRect({x:t.x,y:t.y,width:0,height:0})};function r(n,r){t.x=n,t.y=r,e.onPointChange()}return{reference:n,setPoint:r}}export{e as useVirtualPointReference};

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

@@ -4,7 +4,7 @@ import "../../types/index.js";
 /**
  * Properties for the Portal component.
  */
-interface PortalProps extends ForceMountProps {
+export interface PortalProps extends ForceMountProps {
   /**
    * Vue native teleport component prop `:to`
    *
@@ -24,5 +24,4 @@ interface PortalProps extends ForceMountProps {
    */
   defer?: boolean;
 }
-//#endregion
-export { PortalProps };
+//#endregion

package/dist/components/primitive/primitive.d.ts

@@ -1,5 +1,4 @@
 import { PrimitiveProps } from "./types.js";
 //#region src/components/primitive/primitive.d.ts
-declare const Primitive: import("vue").DefineSetupFnComponent<PrimitiveProps, {}, {}, PrimitiveProps & {}, import("vue").PublicProps>;
-//#endregion
-export { Primitive };
+export declare const Primitive: import("vue").DefineSetupFnComponent<PrimitiveProps, {}, {}, PrimitiveProps & {}, import("vue").PublicProps>;
+//#endregion

package/dist/components/primitive/primitive.js

@@ -1 +1 @@
-import{Slot as e}from"../slot/slot.js";import"../slot/index.js";import{defineComponent as t,h as n}from"vue";const r=new Set([`area`,`input`,`img`]),i=t((t,{slots:i,attrs:a})=>{let o=t.asChild?`template`:t.as;return typeof o==`string`&&r.has(o)?()=>n(o,a):o===`template`?()=>n(e,a,{default:i.default}):()=>n(t.as||`div`,a,{default:i.default})},{name:`Primitive`,inheritAttrs:!1,props:[`as`,`asChild`]});export{i as Primitive};
+import{Slot as e}from"../slot/slot.js";import{defineComponent as t,h as n}from"vue";const r=new Set([`area`,`input`,`img`]),i=t((t,{slots:i,attrs:a})=>{let o=t.asChild?`template`:t.as;return typeof o==`string`&&r.has(o)?()=>n(o,a):o===`template`?()=>n(e,a,{default:i.default}):()=>n(t.as||`div`,a,{default:i.default})},{name:`Primitive`,inheritAttrs:!1,props:[`as`,`asChild`]});export{i as Primitive};

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

@@ -5,11 +5,11 @@ import { Component } from "vue";
 /**
  * Type information for AsTag.
  */
-type AsTag = 'a' | 'button' | 'div' | 'form' | 'h2' | 'h3' | 'img' | 'input' | 'label' | 'li' | 'nav' | 'ol' | 'p' | 'span' | 'svg' | 'ul' | 'template' | ({} & string);
+export type AsTag = 'a' | 'button' | 'div' | 'form' | 'h2' | 'h3' | 'img' | 'input' | 'label' | 'li' | 'nav' | 'ol' | 'p' | 'span' | 'svg' | 'ul' | 'template' | ({} & string);
 /**
  * Properties for the Primitive component.
  */
-interface PrimitiveProps {
+export interface PrimitiveProps {
   /** Change the default rendered element for the one passed as a child, merging their props and behavior. */
   asChild?: boolean;
   /**
@@ -19,6 +19,5 @@ interface PrimitiveProps {
    */
   as?: AsTag | Component;
 }
-interface PrimitiveWithBaseProps extends PrimitiveProps, BaseProps {}
-//#endregion
-export { AsTag, PrimitiveProps, PrimitiveWithBaseProps };
+export interface PrimitiveWithBaseProps extends PrimitiveProps, BaseProps {}
+//#endregion

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

@@ -1,8 +1,8 @@
 import { UiClass } from "../../types/common.js";
-import { UseUiConsumer } from "../../composables/use-ui-context.js";
-import "../../composables/index.js";
 import { ProgressProviderUiSlot, ProgressUiSlot } from "./types.js";
 import "../../index.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
 //#region src/components/progress/context.d.ts
 declare const provideProgressUi: (ui: import("vue").ComputedRef<Partial<UiClass<ProgressUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<ProgressUiSlot>>>, useProgressUi: UseUiConsumer<ProgressUiSlot>;
 declare const provideProgressProviderUi: (ui: import("vue").ComputedRef<Partial<UiClass<ProgressProviderUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<ProgressProviderUiSlot>>>, useProgressProviderUi: UseUiConsumer<ProgressProviderUiSlot>;

package/dist/components/progress/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(`ProgressRoot`),[i,a]=t(`ProgressUi`),[o,s]=t(`ProgressProviderUi`);export{o as provideProgressProviderUi,n as provideProgressRootContext,i as provideProgressUi,s as useProgressProviderUi,r as useProgressRootContext,a as useProgressUi};
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";const[n,r]=e(`ProgressRoot`),[i,a]=t(`ProgressUi`),[o,s]=t(`ProgressProviderUi`);export{o as provideProgressProviderUi,n as provideProgressRootContext,i as provideProgressUi,s as useProgressProviderUi,r as useProgressRootContext,a as useProgressUi};

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

@@ -1 +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{useProgressUi as n}from"./context.js";import r from"./progress-root.js";import i from"./progress-circle-svg.js";import{computed as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeClass as p,normalizeProps as m,openBlock as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`ProgressCircleCompact`,__name:`progress-circle-compact`,props:{strokeWidth:{},circleSvgProps:{},dir:{},modelValue:{},max:{},getValueLabel:{type:Function},getValueText:{type:Function},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:max`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=t(S,[`strokeWidth`,`circleSvgProps`]),E=e(C),D=n(`label`),O=a(()=>({...S.circleSvgProps,strokeWidth:S.strokeWidth??S.circleSvgProps?.strokeWidth}));return(e,t)=>(h(),o(r,f(v(T),_(v(E))),{default:b(t=>[l(i,m(d(O.value)),null,16),w.default?(h(),c(`div`,{key:0,class:p(v(D)),"data-soybean-progress-label":``},[g(e.$slots,`default`,m(d(t)))],2)):s(`v-if`,!0)]),_:3},16))}});export{x as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import{useProgressUi as n}from"./context.js";import r from"./progress-root.js";import i from"./progress-circle-svg.js";import{computed as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeClass as p,normalizeProps as m,openBlock as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`ProgressCircleCompact`,__name:`progress-circle-compact`,props:{strokeWidth:{},circleSvgProps:{},dir:{},modelValue:{},max:{},getValueLabel:{type:Function},getValueText:{type:Function},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:max`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=t(S,[`strokeWidth`,`circleSvgProps`]),E=e(C),D=n(`label`),O=a(()=>({...S.circleSvgProps,strokeWidth:S.strokeWidth??S.circleSvgProps?.strokeWidth}));return(e,t)=>(h(),o(r,f(v(T),_(v(E))),{default:b(t=>[l(i,m(d(O.value)),null,16),w.default?(h(),c(`div`,{key:0,class:p(v(D)),"data-soybean-progress-label":``},[g(e.$slots,`default`,m(d(t)))],2)):s(`v-if`,!0)]),_:3},16))}});export{x as default};

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

@@ -1 +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"./progress-indicator.js";import r from"./progress-root.js";import{createBlock as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderSlot as d,toHandlers as f,unref as p,withCtx as m}from"vue";const h=o({name:`ProgressCompact`,__name:`progress-compact`,props:{indicatorProps:{},dir:{},modelValue:{},max:{},getValueLabel:{type:Function},getValueText:{type:Function},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:max`],setup(o,{emit:h}){let g=o,_=h,v=t(g,[`indicatorProps`]),y=e(_);return(e,t)=>(u(),i(r,c(p(v),f(p(y))),{default:m(t=>[a(n,l(s(o.indicatorProps)),{default:m(()=>[d(e.$slots,`default`,l(s(t)))]),_:2},1040)]),_:3},16))}});export{h as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import n from"./progress-indicator.js";import r from"./progress-root.js";import{createBlock as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderSlot as d,toHandlers as f,unref as p,withCtx as m}from"vue";const h=o({name:`ProgressCompact`,__name:`progress-compact`,props:{indicatorProps:{},dir:{},modelValue:{},max:{},getValueLabel:{type:Function},getValueText:{type:Function},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:max`],setup(o,{emit:h}){let g=o,_=h,v=t(g,[`indicatorProps`]),y=e(_);return(e,t)=>(u(),i(r,c(p(v),f(p(y))),{default:m(t=>[a(n,l(s(o.indicatorProps)),{default:m(()=>[d(e.$slots,`default`,l(s(t)))]),_:2},1040)]),_:3},16))}});export{h as default};

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

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

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

@@ -1 +1 @@
-import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useProgressProviderUi as t}from"./context.js";import{progress as n}from"./state.js";import{createElementBlock as r,createElementVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,unref as c,watchEffect as l}from"vue";const u=[`aria-label`],d=a({name:`ProgressProvider`,__name:`progress-provider`,props:{direction:{},minimum:{},maximum:{},easing:{},speed:{},trickle:{type:Boolean},trickleSpeed:{}},setup(a){let d=a,f=t(),p=e();return l(()=>{n.configure(d)}),(e,t)=>(s(),r(`div`,{"data-soybean-progress-provider":``,class:o(c(f).root),role:`progressbar`,"aria-label":c(p).progress.loading,"aria-valuemin":`0`,"aria-valuemax":`1`,style:{display:`none`}},[i(`div`,{class:o(c(f).indicator),"data-soybean-progress-bar":``},null,2)],10,u))}});export{d as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import{useProgressProviderUi as t}from"./context.js";import{progress as n}from"./state.js";import{createElementBlock as r,createElementVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,unref as c,watchEffect as l}from"vue";const u=[`aria-label`],d=a({name:`ProgressProvider`,__name:`progress-provider`,props:{direction:{},minimum:{},maximum:{},easing:{},speed:{},trickle:{type:Boolean},trickleSpeed:{}},setup(a){let d=a,f=t(),p=e();return l(()=>{n.configure(d)}),(e,t)=>(s(),r(`div`,{"data-soybean-progress-provider":``,"data-allow-mismatch":`style`,class:o(c(f).root),role:`progressbar`,"aria-label":c(p).progress.loading,"aria-valuemin":`0`,"aria-valuemax":`1`,style:{display:`none`}},[i(`div`,{class:o(c(f).indicator),"data-soybean-progress-bar":``},null,2)],10,u))}});export{d as default};

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

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

package/dist/components/progress/shared.js

@@ -1 +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??null:!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)}function l(e,t=`ltr`){if(e!==null)return t===`rtl`?100-e:-(100-e)}export{s as getProgressCircleDasharray,c as getProgressCircleDashoffset,o as getProgressCircleRadius,r as getValidMax,i as getValidModelValue,a as getValidProgressCircleStrokeWidth,n as getValueLabel,l as getValuePercent};
+import{isNullish as e}from"../../shared/guard.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??null:!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)}function l(e,t=`ltr`){if(e!==null)return t===`rtl`?100-e:-(100-e)}export{s as getProgressCircleDasharray,c as getProgressCircleDashoffset,o as getProgressCircleRadius,r as getValidMax,i as getValidModelValue,a as getValidProgressCircleStrokeWidth,n as getValueLabel,l as getValuePercent};

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

@@ -46,6 +46,5 @@ declare class ProgressObserver {
   private static startTrickling;
   private static barPositionCSS;
 }
-declare const progress: typeof ProgressObserver;
-//#endregion
-export { progress };
+export declare const progress: typeof ProgressObserver;
+//#endregion

package/dist/components/progress/state.js

@@ -1 +1 @@
-import{clamp as e}from"../../shared/value.js";import{isClient as t}from"../../shared/env.js";import"../../shared/index.js";import n from"../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/defineProperty.js";import{defu as r}from"defu";const i={direction:`ltr`,minimum:.08,maximum:1,easing:`linear`,speed:200,trickle:!0,trickleSpeed:200};var a=class{static reset(){return this.status=null,this.isPaused=!1,this.pending=[],this.options=i,this.clearTrickleTimer(),this}static configure(e){return this.options=r({...e},this.options),this}static isStarted(){return typeof this.status==`number`}static isRendered(){return t?document.querySelector(`[data-soybean-progress-provider]`)!==null:!1}static set(n){if(!t||this.isPaused)return this;let r=this.isStarted();n=e(n,this.options.minimum,this.options.maximum),this.status=n===this.options.maximum?null:n,this.status===null&&this.clearTrickleTimer();let i=this.render(!r),a=this.options.speed,o=this.options.easing;return i.forEach(e=>e.offsetWidth),this.queue(e=>{i.forEach(e=>{c(e.querySelector(`[data-soybean-progress-bar]`),this.barPositionCSS({n,speed:a,ease:o}))}),n===this.options.maximum?(i.forEach(e=>{c(e,{transition:`none`,opacity:`1`}),e.offsetWidth}),setTimeout(()=>{i.forEach(e=>{c(e,{transition:`all ${a}ms ${o}`,opacity:`0`})}),setTimeout(()=>{i.forEach(e=>{this.remove(e),c(e,{transition:`none`,opacity:`1`})}),e()},a)},a)):setTimeout(e,a)}),this}static start(){return t?(this.status||this.set(0),this.options.trickle&&this.startTrickling(),this):this}static done(e){return!t||!e&&!this.status?this:this.inc(.3+.5*Math.random()).set(1)}static inc(t){if(this.isPaused)return this;let n=this.status;return n?n>1?this:(typeof t!=`number`&&(t=n>=0&&n<.2?.1:n>=.2&&n<.5?.04:n>=.5&&n<.8?.02:n>=.8&&n<.99?.005:0),n=e(n+t,0,.994),this.set(n)):this.start()}static dec(t){if(this.isPaused)return this;let n=this.status;return typeof n==`number`?(typeof t!=`number`&&(t=n>.8?.1:n>.5?.05:n>.2?.02:.01),n=e(n-t,0,.994),this.set(n)):this}static trickle(){return this.isPaused?this:this.inc()}static promise(e){let t=typeof e==`function`?e():e;if(!t)return this;if(typeof t.then==`function`)return this.start(),Promise.resolve(t).then(()=>{this.done()},()=>{this.done(!0)}),this;if(typeof t.state!=`function`||typeof t.always!=`function`||t.state()===`resolved`)return this;let n=0,r=0;return this.start(),n++,r++,t.always(()=>{r--,r===0?(n=0,this.done()):this.set((n-r)/n)}),this}static render(e=!1){if(!t)return[];let n=Array.from(document.querySelectorAll(`[data-soybean-progress-provider]`));return n.forEach(t=>{t.style.display=``;let n=t.querySelector(`[data-soybean-progress-bar]`),r=s(e?0:this.status||0,this.options.direction);c(n,this.barPositionCSS({n:this.status||0,speed:this.options.speed,ease:this.options.easing,percent:r})),typeof this.status==`number`?t.setAttribute(`aria-valuenow`,`${this.status}`):t.removeAttribute(`aria-valuenow`)}),n}static remove(e){t&&(this.clearTrickleTimer(),e?e.style.display=`none`:document.querySelectorAll(`[data-soybean-progress-provider]`).forEach(e=>{let t=e;t.style.display=`none`}))}static pause(){return this.isStarted()?(this.isPaused=!0,this.clearTrickleTimer(),this):this}static resume(){return this.isStarted()?(this.isPaused=!1,this.options.trickle&&this.startTrickling(),this):this}static queue(e){this.pending.push(e),this.pending.length===1&&this.next()}static next(){let e=this.pending.shift();e&&e(this.next.bind(this))}static clearTrickleTimer(){this.trickleTimer&&(clearTimeout(this.trickleTimer),this.trickleTimer=void 0)}static startTrickling(){if(this.trickleTimer||this.isPaused||!this.isStarted())return;let e=()=>{this.trickleTimer=void 0,!(this.isPaused||!this.isStarted())&&(this.trickle(),!this.isPaused&&this.isStarted()&&(this.trickleTimer=setTimeout(e,this.options.trickleSpeed)))};this.trickleTimer=setTimeout(e,this.options.trickleSpeed)}static barPositionCSS({n:e,speed:t,ease:n,percent:r}){return{transform:`translate3d(${r??s(e,this.options.direction)}%,0,0)`,transition:`all ${t}ms ${n}`}}};n(a,`options`,i),n(a,`status`,null),n(a,`pending`,[]),n(a,`isPaused`,!1),n(a,`trickleTimer`,void 0);const o=a;function s(e,t){return t===`rtl`?(1-e)*100:(-1+e)*100}function c(e,t,n){if(typeof t==`string`)n!==void 0&&(e.style[t]=n);else for(let n in t)if(t.hasOwnProperty(n)){let r=t[n];r!==void 0&&(e.style[n]=r)}}export{o as progress};
+import{defu as e}from"../../shared/object.js";import{clamp as t}from"../../shared/value.js";import{isClient as n}from"../../shared/env.js";const r={direction:`ltr`,minimum:.08,maximum:1,easing:`linear`,speed:200,trickle:!0,trickleSpeed:200},i=class{static options=r;static status=null;static pending=[];static isPaused=!1;static trickleTimer;static reset(){return this.status=null,this.isPaused=!1,this.pending=[],this.options=r,this.clearTrickleTimer(),this}static configure(t){return this.options=e({...t},this.options),this}static isStarted(){return typeof this.status==`number`}static isRendered(){return n?document.querySelector(`[data-soybean-progress-provider]`)!==null:!1}static set(e){if(!n||this.isPaused)return this;let r=this.isStarted();e=t(e,this.options.minimum,this.options.maximum),this.status=e===this.options.maximum?null:e,this.status===null&&this.clearTrickleTimer();let i=this.render(!r),a=this.options.speed,s=this.options.easing;return i.forEach(e=>e.offsetWidth),this.queue(t=>{i.forEach(t=>{o(t.querySelector(`[data-soybean-progress-bar]`),this.barPositionCSS({n:e,speed:a,ease:s}))}),e===this.options.maximum?(i.forEach(e=>{o(e,{transition:`none`,opacity:`1`}),e.offsetWidth}),setTimeout(()=>{i.forEach(e=>{o(e,{transition:`all ${a}ms ${s}`,opacity:`0`})}),setTimeout(()=>{i.forEach(e=>{this.remove(e),o(e,{transition:`none`,opacity:`1`})}),t()},a)},a)):setTimeout(t,a)}),this}static start(){return n?(this.status||this.set(0),this.options.trickle&&this.startTrickling(),this):this}static done(e){return!n||!e&&!this.status?this:this.inc(.3+.5*Math.random()).set(1)}static inc(e){if(this.isPaused)return this;let n=this.status;return n?n>1?this:(typeof e!=`number`&&(e=n>=0&&n<.2?.1:n>=.2&&n<.5?.04:n>=.5&&n<.8?.02:n>=.8&&n<.99?.005:0),n=t(n+e,0,.994),this.set(n)):this.start()}static dec(e){if(this.isPaused)return this;let n=this.status;return typeof n==`number`?(typeof e!=`number`&&(e=n>.8?.1:n>.5?.05:n>.2?.02:.01),n=t(n-e,0,.994),this.set(n)):this}static trickle(){return this.isPaused?this:this.inc()}static promise(e){let t=typeof e==`function`?e():e;if(!t)return this;if(typeof t.then==`function`)return this.start(),Promise.resolve(t).then(()=>{this.done()},()=>{this.done(!0)}),this;if(typeof t.state!=`function`||typeof t.always!=`function`||t.state()===`resolved`)return this;let n=0,r=0;return this.start(),n++,r++,t.always(()=>{r--,r===0?(n=0,this.done()):this.set((n-r)/n)}),this}static render(e=!1){if(!n)return[];let t=Array.from(document.querySelectorAll(`[data-soybean-progress-provider]`));return t.forEach(t=>{t.style.display=``;let n=t.querySelector(`[data-soybean-progress-bar]`),r=a(e?0:this.status||0,this.options.direction);o(n,this.barPositionCSS({n:this.status||0,speed:this.options.speed,ease:this.options.easing,percent:r})),typeof this.status==`number`?t.setAttribute(`aria-valuenow`,`${this.status}`):t.removeAttribute(`aria-valuenow`)}),t}static remove(e){n&&(this.clearTrickleTimer(),e?e.style.display=`none`:document.querySelectorAll(`[data-soybean-progress-provider]`).forEach(e=>{let t=e;t.style.display=`none`}))}static pause(){return this.isStarted()?(this.isPaused=!0,this.clearTrickleTimer(),this):this}static resume(){return this.isStarted()?(this.isPaused=!1,this.options.trickle&&this.startTrickling(),this):this}static queue(e){this.pending.push(e),this.pending.length===1&&this.next()}static next(){let e=this.pending.shift();e&&e(this.next.bind(this))}static clearTrickleTimer(){this.trickleTimer&&=(clearTimeout(this.trickleTimer),void 0)}static startTrickling(){if(this.trickleTimer||this.isPaused||!this.isStarted())return;let e=()=>{this.trickleTimer=void 0,!this.isPaused&&this.isStarted()&&(this.trickle(),!this.isPaused&&this.isStarted()&&(this.trickleTimer=setTimeout(e,this.options.trickleSpeed)))};this.trickleTimer=setTimeout(e,this.options.trickleSpeed)}static barPositionCSS({n:e,speed:t,ease:n,percent:r}){return{transform:`translate3d(${r??a(e,this.options.direction)}%,0,0)`,transition:`all ${t}ms ${n}`}}};function a(e,t){return t===`rtl`?(1-e)*100:(-1+e)*100}function o(e,t,n){if(typeof t==`string`)n!==void 0&&(e.style[t]=n);else for(let n in t)if(t.hasOwnProperty(n)){let r=t[n];r!==void 0&&(e.style[n]=r)}}export{i as progress};