@soybeanjs/headless 0.29.0-beta.9 → 0.29.1

package/dist/components/radio-group/radio-group-root.vue.d.ts

@@ -0,0 +1,25 @@
+import { DefinedWithBooleanValue } from "../../types/common.js";
+import { RadioGroupRootProps } from "./types.js";
+
+//#region src/components/radio-group/radio-group-root.vue.d.ts
+declare const __VLS_export: <T extends DefinedWithBooleanValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: import("vue").PublicProps & __VLS_PrettifyLocal<RadioGroupRootProps<T> & {
+    "onUpdate:modelValue"?: ((payload: T | null) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {
+      modelValue: ((T | undefined) & Exclude<T, undefined>) | null;
+    }) => any;
+  };
+  emit: (evt: "update:modelValue", payload: T | null) => void;
+}>) => import("vue").VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

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

@@ -0,0 +1,184 @@
+import { DataOrientation, DefinedWithBooleanValue, Direction, UiClass } from "../../types/common.js";
+import { ForceMountProps, FormFieldCommonProps } from "../../types/component.js";
+import { BaseProps } from "../../types/vue.js";
+import { IconValue } from "../_icon/types.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { ButtonProps } from "../button/types.js";
+import { LabelProps } from "../label/types.js";
+import { ComputedRef, ShallowRef } from "vue";
+
+//#region src/components/radio-group/types.d.ts
+/**
+ * Properties for the RadioGroupRoot component.
+ */
+interface RadioGroupRootProps<T extends DefinedWithBooleanValue = DefinedWithBooleanValue> extends FormFieldCommonProps, BaseProps {
+  /** The controlled value of the radio item to check. Can be bound as `v-model`. */
+  modelValue?: T | null;
+  /**
+   * The value of the radio item that should be checked when initially rendered. Use when you do not need to control the
+   * state of the radio items.
+   */
+  defaultValue?: T;
+  /** When `true`, prevents the user from interacting with radio items. */
+  disabled?: boolean;
+  /** The orientation of the component. */
+  orientation?: DataOrientation;
+  /** The reading direction of the radio group when applicable. */
+  dir?: Direction;
+  /** When `true`, keyboard navigation will loop from last item to first, and vice versa. */
+  loop?: boolean;
+}
+/**
+ * Events for the RadioGroupRoot component.
+ */
+type RadioGroupRootEmits<T extends DefinedWithBooleanValue> = {
+  /** Event handler called when the radio group value changes */'update:modelValue': [payload: T | null];
+};
+/**
+ * Properties for the RadioGroupItem component.
+ */
+interface RadioGroupItemProps extends FormFieldCommonProps, BaseProps {
+  /** The value given as data when submitted with a `name`. */
+  value: DefinedWithBooleanValue;
+  /** When `true`, prevents the user from interacting with the radio item. */
+  disabled?: boolean;
+}
+/**
+ * Type information for RadioSelectEvent.
+ */
+type RadioSelectEvent = CustomEvent<{
+  /**
+   * Original event.
+   */
+  originalEvent: MouseEvent;
+  /**
+   * Value associated with the current item.
+   */
+  value: DefinedWithBooleanValue;
+}>;
+/**
+ * Events for the RadioGroupItem component.
+ */
+type RadioGroupItemEmits = {
+  /** Event handler called when the radio item is selected */select: [event: RadioSelectEvent];
+};
+/**
+ * Properties for the RadioGroupControl component.
+ */
+interface RadioGroupControlProps extends ButtonProps {
+  /** Id of the element */
+  id?: string;
+}
+/**
+ * Properties for the RadioGroupIndicator component.
+ */
+interface RadioGroupIndicatorProps extends ForceMountProps, PrimitiveWithBaseProps {}
+/**
+ * Option data for the RadioGroup component.
+ */
+interface RadioGroupOptionData<T extends DefinedWithBooleanValue = DefinedWithBooleanValue> {
+  /**
+   * Value associated with the current item.
+   */
+  value: T;
+  /**
+   * Label text rendered by the component.
+   */
+  label: string;
+  /**
+   * Whether the component is disabled.
+   */
+  disabled?: boolean;
+}
+/**
+ * Properties for the RadioGroupCompact component.
+ */
+interface RadioGroupCompactProps<T extends RadioGroupOptionData = RadioGroupOptionData> extends RadioGroupRootProps<T['value']> {
+  /**
+   * Items rendered by the component.
+   */
+  items: T[];
+  /**
+   * Properties forwarded to the item element.
+   */
+  itemProps?: RadioGroupItemProps;
+  /**
+   * Properties forwarded to the control element.
+   */
+  controlProps?: RadioGroupControlProps;
+  /**
+   * Properties forwarded to the indicator element.
+   */
+  indicatorProps?: RadioGroupIndicatorProps;
+  /**
+   * Properties forwarded to the label element.
+   */
+  labelProps?: LabelProps;
+}
+/**
+ * Events for the RadioGroupCompact component.
+ */
+type RadioGroupCompactEmits<T extends DefinedWithBooleanValue = DefinedWithBooleanValue> = RadioGroupRootEmits<T>;
+/**
+ * Option data for the RadioGroupCard component.
+ */
+interface RadioGroupCardOptionData<T extends DefinedWithBooleanValue = DefinedWithBooleanValue> extends RadioGroupOptionData<T> {
+  /**
+   * Icon rendered by the component.
+   */
+  icon?: IconValue;
+  /**
+   * Description text rendered by the component.
+   */
+  description?: string;
+}
+/**
+ * Properties for the RadioGroupCard component.
+ */
+interface RadioGroupCardCompactProps<T extends RadioGroupCardOptionData = RadioGroupCardOptionData> extends RadioGroupCompactProps<T> {
+  /**
+   * Properties forwarded to the content element.
+   */
+  contentProps?: BaseProps;
+  /**
+   * Properties forwarded to the text content element.
+   */
+  textContentProps?: BaseProps;
+  /**
+   * Properties forwarded to the description element.
+   */
+  descriptionProps?: BaseProps;
+}
+/**
+ * Events for the RadioGroupCardCompact component.
+ */
+type RadioGroupCardCompactEmits<T extends DefinedWithBooleanValue = DefinedWithBooleanValue> = RadioGroupCompactEmits<T>;
+/**
+ * Slots for the RadioGroupCompact component.
+ */
+type RadioGroupCardCompactSlots<T extends RadioGroupCardOptionData = RadioGroupCardOptionData> = {
+  /**
+   * Slot for rendering custom description content within the radio card.
+   */
+  description?: (props: {
+    item: T;
+  }) => any;
+};
+/**
+ * Available UI slots for the RadioGroup component.
+ */
+type RadioGroupUiSlot = 'root' | 'item' | 'indicator' | 'label' | 'control';
+/**
+ * UI class overrides for the RadioGroup component.
+ */
+type RadioGroupUi = UiClass<RadioGroupUiSlot>;
+/**
+ * Available UI slots for the RadioGroupCard component.
+ */
+type RadioGroupCardUiSlot = RadioGroupUiSlot | 'content' | 'textContent' | 'description' | 'icon';
+/**
+ * UI class overrides for the RadioGroupCard component.
+ */
+type RadioGroupCardUi = UiClass<RadioGroupCardUiSlot>;
+//#endregion
+export { RadioGroupCardCompactEmits, RadioGroupCardCompactProps, RadioGroupCardCompactSlots, RadioGroupCardOptionData, RadioGroupCardUi, RadioGroupCardUiSlot, RadioGroupCompactEmits, RadioGroupCompactProps, RadioGroupControlProps, RadioGroupIndicatorProps, RadioGroupItemEmits, RadioGroupItemProps, RadioGroupOptionData, RadioGroupRootEmits, RadioGroupRootProps, RadioGroupUi, RadioGroupUiSlot, RadioSelectEvent };

package/dist/components/roving-focus/context.js

@@ -0,0 +1 @@
+import{isNullish as e}from"../../shared/guard.js";import{wrapArray as t}from"../../shared/object.js";import{isElementHasAttribute as n}from"../../shared/dom.js";import{getFocusIntent as r,tryFocusFirst as i}from"../../shared/focus.js";import{useContext as a}from"../../composables/use-context.js";import{useDirection as o}from"../config-provider/context.js";import"../../shared/index.js";import{useCollection as s}from"../../composables/use-collection.js";import{useControllableState as c}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{computed as l,nextTick as u,onBeforeUnmount as d,onMounted as f,shallowRef as p,useId as m}from"vue";const h={bubbles:!1,cancelable:!0},{provideCollectionContext:g,useCollectionContext:_,useCollectionItem:v}=s(`RovingFocusGroup`),[y,b]=a(`RovingFocusGroup`,e=>{let{onContainerElementChange:t,getOrderedItems:r,getOrderedElements:a}=g(),{loop:s,orientation:u,defaultCurrentTabStopId:d,preventScrollOnEntryFocus:f,onEntryFocus:m,onUpdateCurrentTabStopId:_}=e,v=o(e.dir),y=c(()=>e.currentTabStopId.value,_,d.value??``),b=e=>{y.value=e},x=p(!1),S=p(!1),C=()=>{x.value=!0},w=p(0);return{onContainerElementChange:t,loop:s,dir:v,orientation:u,currentTabStopId:y,onItemFocus:b,onItemShiftTab:C,onFocusableItemAdd:()=>{w.value++},onFocusableItemRemove:()=>{w.value--},rovingFocusGroupProps:l(()=>({tabindex:x.value||w.value===0?`-1`:`0`,"data-orientation":u.value,dir:v.value,"data-loop":s.value?``:void 0,style:`outline: none`})),rovingFocusGroupListeners:{mousedown:()=>{S.value=!0},mouseup:()=>{setTimeout(()=>{S.value=!1},1)},focus:e=>{let t=!S.value;if(!e.currentTarget||e.target!==e.currentTarget||!t||x.value){S.value=!1;return}let r=new CustomEvent(`rovingFocusGroup.onEntryFocus`,h);if(e.currentTarget.dispatchEvent(r),m?.(r),r.defaultPrevented)return;let o=a();i([o.find(e=>n(e,`active`)),o.find(e=>n(e,`highlighted`)),o.find(e=>e.id===y.value),...o].filter(Boolean),f.value)},blur:()=>{x.value=!1}},getOrderedItems:r}});function x(n={}){let{getOrderedElements:a}=_(`RovingFocusItem`),{setItemElement:o}=v(n.itemData),{currentTabStopId:s,orientation:c,dir:p,loop:h,onItemFocus:g,onItemShiftTab:y,onFocusableItemAdd:x,onFocusableItemRemove:S}=b(`RovingFocusItem`),{active:C,allowShiftKey:w}=n,T=m(),E=l(()=>n.tabStopId?.value??T),D=l(()=>n.focusable?.value??!0),O=l(()=>s.value===E.value),k=n=>{if(n.key===`Tab`&&n.shiftKey){y();return}if(n.target!==n.currentTarget)return;let o=r(n,c.value,p.value);if(e(o)||n.metaKey||n.ctrlKey||n.altKey||!w?.value&&n.shiftKey)return;n.preventDefault();let s=a();if(o===`last`&&s.reverse(),o===`prev`||o===`next`){o===`prev`&&s.reverse();let e=s.indexOf(n.currentTarget);s=h.value?t(s,e+1):s.slice(e+1)}u(()=>{i(s)})},A=l(()=>({tabindex:O.value?`0`:`-1`,"data-soybean-collection-item":``,"data-orientation":c.value,"data-active":C?.value?``:void 0,"data-disabled":D.value?void 0:``})),j={mousedown:e=>{D.value?g(E.value):e.preventDefault()},focus:()=>{g(E.value)},keydown:k};return f(()=>{x()}),d(()=>{S()}),{setItemElement:o,rovingFocusItemProps:A,rovingFocusItemListeners:j}}export{y as provideRovingFocusGroupContext,v as useCollectionItem,x as useRovingFocusItem};

package/dist/components/roving-focus/index.d.ts

@@ -0,0 +1,4 @@
+import { RovingFocusGroupEmits, RovingFocusGroupProps, RovingFocusItemProps } from "./types.js";
+import { _default } from "./roving-focus-group.vue.js";
+import { _default as _default$1 } from "./roving-focus-item.vue.js";
+export { _default as RovingFocusGroup, type RovingFocusGroupEmits, type RovingFocusGroupProps, _default$1 as RovingFocusItem, type RovingFocusItemProps };

package/dist/components/roving-focus/index.js

@@ -0,0 +1 @@
+import e from"./roving-focus-group.js";import t from"./roving-focus-item.js";export{e as RovingFocusGroup,t as RovingFocusItem};

package/dist/components/roving-focus/roving-focus-group.js

@@ -0,0 +1 @@
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import{provideRovingFocusGroupContext as r}from"./context.js";import{createBlock as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,toHandlers as l,unref as u,withCtx as d}from"vue";const f=a({name:`RovingFocusGroup`,__name:`roving-focus-group`,props:{orientation:{default:void 0},dir:{},loop:{type:Boolean,default:!1},currentTabStopId:{},defaultCurrentTabStopId:{},preventScrollOnEntryFocus:{type:Boolean,default:!1},asChild:{type:Boolean},as:{}},emits:[`entryFocus`,`update:currentTabStopId`],setup(a,{expose:f,emit:p}){let m=a,h=p,{onContainerElementChange:g,rovingFocusGroupProps:_,rovingFocusGroupListeners:v,getOrderedItems:y}=r({...e(m,[`loop`,`orientation`,`dir`,`currentTabStopId`,`defaultCurrentTabStopId`,`preventScrollOnEntryFocus`]),onUpdateCurrentTabStopId:e=>{h(`update:currentTabStopId`,e)},onEntryFocus:e=>{h(`entryFocus`,e)}}),[b,x]=t(g);return f({getItems:y}),(e,t)=>(s(),i(u(n),o(u(_),{ref:u(x),as:a.as,"as-child":a.asChild,"data-soybean-roving-focus-group":``},l(u(v))),{default:d(()=>[c(e.$slots,`default`)]),_:3},16,[`as`,`as-child`]))}});export{f as default};

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

@@ -0,0 +1,30 @@
+import { DataOrientation } from "../../types/common.js";
+import { CollectionItemData } from "../../composables/use-collection.js";
+import { RovingFocusGroupProps } from "./types.js";
+//#region src/components/roving-focus/roving-focus-group.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<RovingFocusGroupProps, {
+  getItems: (excludeDisabled?: boolean) => CollectionItemData<Record<string, any>>[];
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  entryFocus: (event: Event) => any;
+  "update:currentTabStopId": (value: string | null | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<RovingFocusGroupProps> & Readonly<{
+  onEntryFocus?: ((event: Event) => any) | undefined;
+  "onUpdate:currentTabStopId"?: ((value: string | null | undefined) => any) | undefined;
+}>, {
+  orientation: DataOrientation;
+  preventScrollOnEntryFocus: boolean;
+  loop: 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/roving-focus/roving-focus-item.js

@@ -0,0 +1 @@
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useRovingFocusItem as n}from"./context.js";import{createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,toHandlers as c,unref as l,withCtx as u}from"vue";const d=i({name:`RovingFocusItem`,__name:`roving-focus-item`,props:{tabStopId:{},focusable:{type:Boolean,default:!0},active:{type:Boolean},allowShiftKey:{type:Boolean},itemData:{},asChild:{type:Boolean},as:{}},setup(i){let{setItemElement:d,rovingFocusItemProps:f,rovingFocusItemListeners:p}=n(e(i,[`tabStopId`,`focusable`,`active`,`allowShiftKey`,`itemData`]));return(e,n)=>(o(),r(l(t),a(l(f),{ref:l(d),as:i.as,"as-child":i.asChild,"data-soybean-roving-focus-item":``},c(l(p))),{default:u(()=>[s(e.$slots,`default`)]),_:3},16,[`as`,`as-child`]))}});export{d as default};

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

@@ -0,0 +1,19 @@
+import { RovingFocusItemProps } from "./types.js";
+
+//#region src/components/roving-focus/roving-focus-item.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<RovingFocusItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RovingFocusItemProps> & Readonly<{}>, {
+  focusable: 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/roving-focus/types.d.ts

@@ -0,0 +1,65 @@
+import { DataOrientation, Direction } from "../../types/common.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+
+//#region src/components/roving-focus/types.d.ts
+/**
+ * Properties for the RovingFocusGroup component.
+ */
+interface RovingFocusGroupProps extends PrimitiveWithBaseProps {
+  /** The orientation of the group. Mainly so arrow navigation is done accordingly (left & right vs. up & down) */
+  orientation?: DataOrientation;
+  /** The direction of navigation between items. */
+  dir?: Direction;
+  /**
+   * Whether keyboard navigation should loop around
+   *
+   * @defaultValue false
+   */
+  loop?: boolean;
+  /** The controlled value of the current stop item. Can be bound as `v-model`. */
+  currentTabStopId?: string | null;
+  /**
+   * The value of the current stop item.
+   *
+   * Use when you do not need to control the state of the stop item.
+   */
+  defaultCurrentTabStopId?: string;
+  /** When `true`, will prevent scrolling to the focus item when focused. */
+  preventScrollOnEntryFocus?: boolean;
+}
+/**
+ * Events for the RovingFocusGroup component.
+ */
+type RovingFocusGroupEmits = {
+  /**
+   * Emitted when entry focus occurs.
+   */
+  entryFocus: [event: Event];
+  /**
+   * Emitted when the current tab stop id value changes.
+   */
+  'update:currentTabStopId': [value: string | null | undefined];
+};
+/**
+ * Properties for the RovingFocusItem component.
+ */
+interface RovingFocusItemProps extends PrimitiveWithBaseProps {
+  /**
+   * Tab stop id.
+   */
+  tabStopId?: string;
+  /**
+   * When `false`, item will not be focusable.
+   *
+   * @defaultValue `true`
+   */
+  focusable?: boolean;
+  /** When `true`, item will be initially focused. */
+  active?: boolean;
+  /** When `true`, shift + arrow key will allow focusing on next/previous item. */
+  allowShiftKey?: boolean;
+  /** Additional data to be passed to the collection item. */
+  itemData?: Record<string, any>;
+}
+//#endregion
+export { RovingFocusGroupEmits, RovingFocusGroupProps, RovingFocusItemProps };

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

@@ -0,0 +1,7 @@
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import { ScrollAreaUiSlot } from "./types.js";
+//#region src/components/scroll-area/context.d.ts
+declare const provideScrollAreaUi: (ui: import("vue").ComputedRef<Partial<UiClass<ScrollAreaUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<ScrollAreaUiSlot>>>, useScrollAreaUi: UseUiConsumer<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,9 @@
+import { ScrollAreaCompactEmits, ScrollAreaCompactProps, ScrollAreaCompactSlots, ScrollAreaCornerProps, ScrollAreaOrientation, ScrollAreaRootEmits, ScrollAreaRootProps, ScrollAreaScrollbarProps, ScrollAreaState, ScrollAreaThumbProps, ScrollAreaType, ScrollAreaUi, ScrollAreaUiSlot, ScrollAreaViewportProps } from "./types.js";
+import { _default as _default$2 } from "./scroll-area-root.vue.js";
+import { _default as _default$5 } from "./scroll-area-viewport.vue.js";
+import { _default as _default$3 } from "./scroll-area-scrollbar.vue.js";
+import { _default as _default$4 } from "./scroll-area-thumb.vue.js";
+import { _default as _default$1 } from "./scroll-area-corner.vue.js";
+import { _default } from "./scroll-area-compact.vue.js";
+import { provideScrollAreaUi } from "./context.js";
+export { _default as ScrollAreaCompact, type ScrollAreaCompactEmits, type ScrollAreaCompactProps, type ScrollAreaCompactSlots, _default$1 as ScrollAreaCorner, type ScrollAreaCornerProps, type ScrollAreaOrientation, _default$2 as ScrollAreaRoot, type ScrollAreaRootEmits, type ScrollAreaRootProps, _default$3 as ScrollAreaScrollbar, type ScrollAreaScrollbarProps, type ScrollAreaState, _default$4 as ScrollAreaThumb, type ScrollAreaThumbProps, type ScrollAreaType, type ScrollAreaUi, type ScrollAreaUiSlot, _default$5 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";import o from"./scroll-area-compact.js";export{o as ScrollAreaCompact,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-compact.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.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";import{createBlock as o,createVNode as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeProps as d,openBlock as f,renderSlot as p,unref as m,withCtx as h}from"vue";const g=c({name:`ScrollAreaCompact`,__name:`scroll-area-compact`,props:{viewportProps:{},verticalScrollbarProps:{},horizontalScrollbarProps:{},thumbProps:{},cornerProps:{},type:{},dir:{},scrollHideDelay:{},asChild:{type:Boolean},as:{}},setup(c){let g=e(c,[`viewportProps`,`verticalScrollbarProps`,`horizontalScrollbarProps`,`thumbProps`,`cornerProps`]);return(e,_)=>(f(),o(t,d(l(m(g))),{default:h(()=>[s(n,d(l(c.viewportProps)),{default:h(()=>[p(e.$slots,`default`)]),_:3},16),s(r,u({orientation:`vertical`},c.verticalScrollbarProps),{default:h(()=>[s(i,d(l(c.thumbProps)),null,16)]),_:1},16),s(r,u({orientation:`horizontal`},c.horizontalScrollbarProps),{default:h(()=>[s(i,d(l(c.thumbProps)),null,16)]),_:1},16),s(a,d(l(c.cornerProps)),null,16)]),_:3},16))}});export{g as default};

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

@@ -0,0 +1,14 @@
+import { ScrollAreaCompactProps, ScrollAreaCompactSlots } from "./types.js";
+
+//#region src/components/scroll-area/scroll-area-compact.vue.d.ts
+type __VLS_Slots = ScrollAreaCompactSlots;
+declare const __VLS_base: import("vue").DefineComponent<ScrollAreaCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScrollAreaCompactProps> & 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/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:{}},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,"data-soybean-scroll-area-corner":``,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,17 @@
+import { ScrollAreaCornerProps } from "./types.js";
+
+//#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: import("vue").DefineComponent<ScrollAreaCornerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScrollAreaCornerProps> & 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/scroll-area/scroll-area-root.js

@@ -0,0 +1 @@
+import{transformPropsToContext as e}from"../../shared/vue.js";import{useDirection as t}from"../config-provider/context.js";import"../../shared/index.js";import{useExposedElement as n}from"../../composables/use-exposed-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{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:{}},setup(c){let g=c,_=r(g,[`dir`,`scrollHideDelay`,`type`],m()),v=o(`root`),y=t(()=>g.dir),[b,x]=n(),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(i),l(p(_),{ref:p(x),as:c.as,"as-child":c.asChild,"data-soybean-scroll-area-root":``,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,20 @@
+import { ScrollAreaRootProps, ScrollAreaType } from "./types.js";
+
+//#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: import("vue").DefineComponent<ScrollAreaRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScrollAreaRootProps> & Readonly<{}>, {
+  type: ScrollAreaType;
+  scrollHideDelay: number;
+}, {}, {}, {}, 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/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:{}},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,"data-soybean-scroll-area-scrollbar":``,class:d(pe),"data-orientation":P.value,"data-state":V.value,"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,19 @@
+import { ScrollAreaOrientation, ScrollAreaScrollbarProps } from "./types.js";
+
+//#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: import("vue").DefineComponent<ScrollAreaScrollbarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScrollAreaScrollbarProps> & Readonly<{}>, {
+  orientation: ScrollAreaOrientation;
+}, {}, {}, {}, 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/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:{}},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,"data-soybean-scroll-area-thumb":``,class:l(p),"data-orientation":l(v),"data-state":l(m),"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};

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

@@ -0,0 +1,17 @@
+import { ScrollAreaThumbProps } from "./types.js";
+
+//#region src/components/scroll-area/scroll-area-thumb.vue.d.ts
+declare var __VLS_11: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ScrollAreaThumbProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScrollAreaThumbProps> & 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/scroll-area/scroll-area-viewport.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{useScrollAreaRootContext as r,useScrollAreaUi as i}from"./context.js";import{computed as a,createElementBlock as o,createVNode as s,defineComponent as c,mergeProps as l,normalizeStyle as u,openBlock as d,renderSlot as f,unref as p,withCtx as m}from"vue";const h=c({name:`ScrollAreaViewport`,__name:`scroll-area-viewport`,props:{nonce:{},asChild:{type:Boolean},as:{}},setup(c){let h=c,{scrollbarXEnabled:g,scrollbarYEnabled:_,onViewportChange:v,onContentChange:y}=r(`ScrollAreaViewport`),b=i(`viewport`),x=t(h,[`nonce`,`as`,`asChild`]),S=a(()=>({...x.value,tabindex:x.value.tabindex??0})),[,C]=e(v),[,w]=e(y),T=a(()=>({overflowX:g.value?`scroll`:`hidden`,overflowY:_.value?`scroll`:`hidden`})),E=a(()=>({minWidth:g.value?`fit-content`:void 0}));return(e,t)=>(d(),o(`div`,l({ref:p(C)},S.value,{"data-soybean-scroll-area-viewport":``,class:[p(b),`soybean-headless-scrollbar-hidden`],style:T.value}),[s(p(n),{ref:p(w),as:c.as,"as-child":c.asChild,style:u(E.value)},{default:m(()=>[f(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`style`])],16))}});export{h as default};

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

@@ -0,0 +1,17 @@
+import { ScrollAreaViewportProps } from "./types.js";
+
+//#region src/components/scroll-area/scroll-area-viewport.vue.d.ts
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ScrollAreaViewportProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScrollAreaViewportProps> & 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/scroll-area/shared.js

@@ -0,0 +1 @@
+const e=new WeakMap;function t(e,t,n){return Math.min(Math.max(e,t),n)}function n(e,t){return e===`horizontal`?t.horizontal:t.vertical}function r(e,n,r){return e<=0||n<=0||r<=0?0:t(e/n*r,18,r)}function i(e,n,r,i,a){if(n<=0||r<=0)return 0;let o=t(e/n,0,1);return i===`horizontal`&&a===`rtl`?r-o*r:o*r}function a(t){let n=e.get(t);if(n)return n;let r=t.createElement(`div`),i=t.createElement(`div`);r.dir=`rtl`,r.style.width=`4px`,r.style.height=`1px`,r.style.position=`absolute`,r.style.top=`-1000px`,r.style.overflow=`scroll`,i.style.width=`8px`,i.style.height=`1px`,r.appendChild(i),t.body.appendChild(r);let a=r.scrollLeft>0?`default`:(r.scrollLeft=1,r.scrollLeft===0?`negative`:`reverse`);return t.body.removeChild(r),e.set(t,a),a}function o(e){let t=Math.max(e.scrollWidth-e.clientWidth,0);switch(a(e.ownerDocument)){case`negative`:return-e.scrollLeft;case`reverse`:return t-e.scrollLeft;default:return e.scrollLeft}}function s(e,t){let n=Math.max(e.scrollWidth-e.clientWidth,0);switch(a(e.ownerDocument)){case`negative`:e.scrollLeft=-t;break;case`reverse`:e.scrollLeft=n-t;break;default:e.scrollLeft=t;break}}function c(e,t,n){return t===`horizontal`&&n===`rtl`?o(e):t===`horizontal`?e.scrollLeft:e.scrollTop}function l(e,t,n,r){if(t===`horizontal`){if(r===`rtl`){s(e,n);return}e.scrollLeft=n;return}e.scrollTop=n}function u(e,t,r){let i=n(r,{horizontal:e.clientWidth,vertical:e.clientHeight}),a=n(r,{horizontal:Math.max(t.scrollWidth,t.offsetWidth),vertical:Math.max(t.scrollHeight,t.offsetHeight)});return{viewportSize:i,contentSize:a,maxScrollPosition:Math.max(a-i,0)}}export{t as clamp,c as getScrollPosition,u as getScrollSize,i as getThumbOffset,r as getThumbSize,l as setViewportScroll};