@soybeanjs/headless 0.17.0 → 0.19.0

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

@@ -1,15 +1,17 @@
-import { IconValue } from "../_icon/types.js";
 import { DefinedValue, Direction, SelectionEmits, SelectionProps, UiClass } from "../../types/common.js";
 import { PointerDownOutsideEvent } from "../../types/event.js";
 import { DismissableLayerProps, ForceMountProps, FormFieldCommonProps } from "../../types/component.js";
-import { PrimitiveProps } from "../primitive/types.js";
+import { BaseProps } from "../../types/vue.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { ButtonProps } from "../button/types.js";
+import { IconValue } from "../_icon/types.js";
 import { PopperAnchorProps, PopperArrowProps, PopperPositionerProps } from "../popper/types.js";
 import { PortalProps } from "../portal/types.js";
-import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { ComputedRef, ShallowRef } from "vue";
 
 //#region src/components/select/types.d.ts
 /**
- * Props for the select root component.
+ * Properties for the SelectRoot component.
  */
 interface SelectRootProps<T extends DefinedValue = DefinedValue, M extends boolean = false> extends SelectionProps<M, T>, FormFieldCommonProps {
   /** The controlled open state of the Select. Can be bind as `v-model:open`. */
@@ -27,21 +29,21 @@ interface SelectRootProps<T extends DefinedValue = DefinedValue, M extends boole
   disabled?: boolean;
 }
 /**
- * Emits for the select root component.
+ * Events for the SelectRoot component.
  */
 type SelectRootEmits<T extends DefinedValue = DefinedValue, M extends boolean = false> = SelectionEmits<M, T> & {
   /** Event handler called when the open state of the context menu changes. */'update:open': [value: boolean];
 };
 /**
- * Props for the select popup component.
+ * Properties for the SelectPopup component.
  */
-interface SelectPopupProps extends /** @vue-ignore */HTMLAttributes {}
+interface SelectPopupProps extends BaseProps {}
 /**
- * Type information for the select position component.
+ * Type information for SelectPosition.
  */
 type SelectPosition = 'item-aligned' | 'popper';
 /**
- * Props for the select content impl component.
+ * Properties for the SelectContentImpl component.
  */
 interface SelectContentImplProps extends PopperPositionerProps, DismissableLayerProps {
   /**
@@ -59,12 +61,12 @@ interface SelectContentImplProps extends PopperPositionerProps, DismissableLayer
    */
   bodyLock?: boolean;
   /**
-   * Props forwarded to the popup element.
+   * Properties forwarded to the popup element.
    */
   popupProps?: SelectPopupProps;
 }
 /**
- * Emits for the select content impl component.
+ * Events for the SelectContentImpl component.
  */
 type SelectContentImplEmits = {
   /**
@@ -75,17 +77,17 @@ type SelectContentImplEmits = {
   pointerDownOutside: [event: PointerDownOutsideEvent];
 };
 /**
- * Props for the select content component.
+ * Properties for the SelectContent component.
  */
 interface SelectContentProps extends SelectContentImplProps, ForceMountProps {}
 /**
- * Emits for the select content component.
+ * Events for the SelectContent component.
  */
 type SelectContentEmits = SelectContentImplEmits;
 /**
- * Props for the select viewport component.
+ * Properties for the SelectViewport component.
  */
-interface SelectViewportProps extends /** @vue-ignore */HTMLAttributes {
+interface SelectViewportProps extends BaseProps {
   /**
    * Will add `nonce` attribute to the style tag which can be used by Content Security Policy. <br> If omitted, inherits
    * globally from `ConfigProvider`.
@@ -93,15 +95,15 @@ interface SelectViewportProps extends /** @vue-ignore */HTMLAttributes {
   nonce?: string;
 }
 /**
- * Props for the select group component.
+ * Properties for the SelectGroup component.
  */
-interface SelectGroupProps extends /** @vue-ignore */Omit<HTMLAttributes, 'onSelect'> {}
+interface SelectGroupProps extends Omit<BaseProps, 'onSelect'> {}
 /**
- * Props for the select group label component.
+ * Properties for the SelectGroupLabel component.
  */
-interface SelectGroupLabelProps extends /** @vue-ignore */HTMLAttributes {}
+interface SelectGroupLabelProps extends BaseProps {}
 /**
- * Props for the select trigger component.
+ * Properties for the SelectTrigger component.
  */
 interface SelectTriggerProps extends PopperAnchorProps {
   /**
@@ -110,13 +112,13 @@ interface SelectTriggerProps extends PopperAnchorProps {
   disabled?: boolean;
 }
 /**
- * Props for the select trigger icon component.
+ * Properties for the SelectTriggerIcon component.
  */
-interface SelectTriggerIconProps extends /** @vue-ignore */HTMLAttributes {}
+interface SelectTriggerIconProps extends BaseProps {}
 /**
- * Props for the select item component.
+ * Properties for the SelectItem component.
  */
-interface SelectItemProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'onSelect'> {
+interface SelectItemProps extends Omit<PrimitiveWithBaseProps, 'onSelect'> {
   /** The value given as data when submitted with a `name`. */
   value: DefinedValue;
   /** When `true`, prevents the user from interacting with the item. */
@@ -128,7 +130,7 @@ interface SelectItemProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAtt
   textValue?: string;
 }
 /**
- * Type information for the select item event component.
+ * Type information for SelectItemEvent.
  */
 type SelectItemEvent<T extends DefinedValue = DefinedValue> = CustomEvent<{
   /**
@@ -141,21 +143,21 @@ type SelectItemEvent<T extends DefinedValue = DefinedValue> = CustomEvent<{
   value: T;
 }>;
 /**
- * Emits for the select item component.
+ * Events for the SelectItem component.
  */
 type SelectItemEmits<T extends DefinedValue = DefinedValue> = {
   /** Event handler called when the selecting item. <br> It can be prevented by calling `event.preventDefault`. */select: [event: SelectItemEvent<T>];
 };
 /**
- * Props for the select item text component.
+ * Properties for the SelectItemText component.
  */
-interface SelectItemTextProps extends /** @vue-ignore */HTMLAttributes {}
+interface SelectItemTextProps extends BaseProps {}
 /**
- * Props for the select item indicator component.
+ * Properties for the SelectItemIndicator component.
  */
-interface SelectItemIndicatorProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface SelectItemIndicatorProps extends PrimitiveWithBaseProps {}
 /**
- * Option data for the select single component.
+ * Option data for the SelectSingle component.
  */
 interface SelectSingleOptionData<T extends DefinedValue = DefinedValue> extends Pick<SelectItemProps, 'disabled' | 'textValue'> {
   /**
@@ -176,7 +178,7 @@ interface SelectSingleOptionData<T extends DefinedValue = DefinedValue> extends
   separator?: boolean;
 }
 /**
- * Option data for the select group component.
+ * Option data for the SelectGroup component.
  */
 interface SelectGroupOptionData<T extends DefinedValue = DefinedValue> extends Pick<SelectSingleOptionData<T>, 'label' | 'separator'> {
   /**
@@ -185,11 +187,11 @@ interface SelectGroupOptionData<T extends DefinedValue = DefinedValue> extends P
   items: SelectSingleOptionData<T>[];
 }
 /**
- * Option data for the select component.
+ * Option data for the Select component.
  */
 type SelectOptionData<T extends DefinedValue = DefinedValue> = SelectSingleOptionData<T> | SelectGroupOptionData<T>;
 /**
- * Props for the select compact component.
+ * Properties for the SelectCompact component.
  */
 interface SelectCompactProps<T extends DefinedValue = DefinedValue, M extends boolean = false> extends SelectRootProps<T, M> {
   /**
@@ -201,11 +203,11 @@ interface SelectCompactProps<T extends DefinedValue = DefinedValue, M extends bo
    */
   showArrow?: boolean;
   /**
-   * Props forwarded to the trigger element.
+   * Properties forwarded to the trigger element.
    */
   triggerProps?: SelectTriggerProps;
   /**
-   * Props forwarded to the trigger icon element.
+   * Properties forwarded to the trigger icon element.
    */
   triggerIconProps?: SelectTriggerIconProps;
   /**
@@ -213,15 +215,15 @@ interface SelectCompactProps<T extends DefinedValue = DefinedValue, M extends bo
    */
   placeholder?: string;
   /**
-   * Props forwarded to the value element.
+   * Properties forwarded to the value element.
    */
   valueProps?: SelectValueProps;
   /**
-   * Props forwarded to the portal element.
+   * Properties forwarded to the portal element.
    */
   portalProps?: PortalProps;
   /**
-   * Props forwarded to the content element.
+   * Properties forwarded to the content element.
    */
   contentProps?: SelectContentProps;
   /**
@@ -229,57 +231,57 @@ interface SelectCompactProps<T extends DefinedValue = DefinedValue, M extends bo
    */
   placement?: PopperPositionerProps['placement'];
   /**
-   * Props forwarded to the popup element.
+   * Properties forwarded to the popup element.
    */
   popupProps?: SelectPopupProps;
   /**
-   * Props forwarded to the viewport element.
+   * Properties forwarded to the viewport element.
    */
   viewportProps?: SelectViewportProps;
   /**
-   * Props forwarded to the scroll down button element.
+   * Properties forwarded to the scroll down button element.
    */
   scrollDownButtonProps?: SelectScrollDownButtonProps;
   /**
-   * Props forwarded to the scroll up button element.
+   * Properties forwarded to the scroll up button element.
    */
   scrollUpButtonProps?: SelectScrollUpButtonProps;
   /**
-   * Props forwarded to the group element.
+   * Properties forwarded to the group element.
    */
   groupProps?: SelectGroupProps;
   /**
-   * Props forwarded to the group label element.
+   * Properties forwarded to the group label element.
    */
   groupLabelProps?: SelectGroupLabelProps;
   /**
-   * Props forwarded to the item element.
+   * Properties forwarded to the item element.
    */
   itemProps?: SelectItemProps;
   /**
-   * Props forwarded to the item text element.
+   * Properties forwarded to the item text element.
    */
   itemTextProps?: SelectItemTextProps;
   /**
-   * Props forwarded to the item indicator element.
+   * Properties forwarded to the item indicator element.
    */
   itemIndicatorProps?: SelectItemIndicatorProps;
   /**
-   * Props forwarded to the separator element.
+   * Properties forwarded to the separator element.
    */
   separatorProps?: SelectSeparatorProps;
   /**
-   * Props forwarded to the arrow element.
+   * Properties forwarded to the arrow element.
    */
   arrowProps?: PopperArrowProps;
 }
 /**
- * Emits for the select compact component.
+ * Events for the SelectCompact component.
  */
 type SelectCompactEmits<T extends DefinedValue = DefinedValue, M extends boolean = false> = SelectRootEmits<T, M> & SelectContentEmits & SelectItemEmits<T>;
 type SelectCompactModelValue<T extends DefinedValue = DefinedValue, M extends boolean = false> = (M extends true ? T[] : T) | undefined;
 /**
- * Slot props for the select compact trigger value component.
+ * Slot properties for the SelectCompactTriggerValue component.
  */
 interface SelectCompactTriggerValueSlotProps<T extends DefinedValue = DefinedValue, M extends boolean = false> {
   /**
@@ -296,7 +298,7 @@ interface SelectCompactTriggerValueSlotProps<T extends DefinedValue = DefinedVal
   slotText: string;
 }
 /**
- * Slot props for the select compact group label component.
+ * Slot properties for the SelectCompactGroupLabel component.
  */
 interface SelectCompactGroupLabelSlotProps<T extends DefinedValue = DefinedValue> {
   /**
@@ -305,7 +307,7 @@ interface SelectCompactGroupLabelSlotProps<T extends DefinedValue = DefinedValue
   item: SelectGroupOptionData<T>;
 }
 /**
- * Slot props for the select compact item component.
+ * Slot properties for the SelectCompactItem component.
  */
 interface SelectCompactItemSlotProps<T extends DefinedValue = DefinedValue> {
   /**
@@ -314,7 +316,7 @@ interface SelectCompactItemSlotProps<T extends DefinedValue = DefinedValue> {
   item: SelectSingleOptionData<T>;
 }
 /**
- * Slots for the select compact component.
+ * Slots for the SelectCompact component.
  */
 type SelectCompactSlots<T extends DefinedValue = DefinedValue, M extends boolean = false> = {
   /**
@@ -363,34 +365,34 @@ type SelectCompactSlots<T extends DefinedValue = DefinedValue, M extends boolean
   'item-indicator'?: (props: SelectCompactItemSlotProps<T>) => any;
 };
 /**
- * Props for the select value component.
+ * Properties for the SelectValue component.
  */
-interface SelectValueProps extends /** @vue-ignore */HTMLAttributes {
+interface SelectValueProps extends BaseProps {
   /** The content that will be rendered inside the `SelectValue` when no `value` or `defaultValue` is set. */
   placeholder?: string;
 }
 /**
- * Props for the select separator component.
+ * Properties for the SelectSeparator component.
  */
-interface SelectSeparatorProps extends /** @vue-ignore */HTMLAttributes {}
+interface SelectSeparatorProps extends BaseProps {}
 /**
- * Props for the select scroll button impl component.
+ * Properties for the SelectScrollButtonImpl component.
  */
-interface SelectScrollButtonImplProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {}
+interface SelectScrollButtonImplProps extends ButtonProps {}
 /**
- * Props for the select scroll down button component.
+ * Properties for the SelectScrollDownButton component.
  */
 interface SelectScrollDownButtonProps extends SelectScrollButtonImplProps {}
 /**
- * Props for the select scroll up button component.
+ * Properties for the SelectScrollUpButton component.
  */
 interface SelectScrollUpButtonProps extends SelectScrollButtonImplProps {}
 /**
- * Available UI slots for the select component.
+ * Available UI slots for the Select component.
  */
 type SelectUiSlot = 'trigger' | 'triggerIcon' | 'value' | 'positioner' | 'popup' | 'viewport' | 'group' | 'groupLabel' | 'item' | 'itemText' | 'itemIndicator' | 'separator' | 'scrollUpButton' | 'scrollDownButton' | 'arrow';
 /**
- * UI class overrides for the select component.
+ * UI class overrides for the Select component.
  */
 type SelectUi = UiClass<SelectUiSlot>;
 //#endregion

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

@@ -1,5 +1,6 @@
-import { SeparatorLabelProps, SeparatorRootProps, SeparatorUi, SeparatorUiSlot } from "./types.js";
-import { _default as _default$1 } from "./separator-root.vue.js";
-import { _default } from "./separator-label.vue.js";
+import { SeparatorCompactProps, SeparatorCompactSlots, SeparatorLabelProps, SeparatorRootProps, SeparatorUi, SeparatorUiSlot } from "./types.js";
+import { _default as _default$2 } from "./separator-root.vue.js";
+import { _default } from "./separator-compact.vue.js";
+import { _default as _default$1 } from "./separator-label.vue.js";
 import { provideSeparatorUi } from "./context.js";
-export { _default as SeparatorLabel, type SeparatorLabelProps, _default$1 as SeparatorRoot, type SeparatorRootProps, type SeparatorUi, type SeparatorUiSlot, provideSeparatorUi };
+export { _default as SeparatorCompact, type SeparatorCompactProps, type SeparatorCompactSlots, _default$1 as SeparatorLabel, type SeparatorLabelProps, _default$2 as SeparatorRoot, type SeparatorRootProps, type SeparatorUi, type SeparatorUiSlot, provideSeparatorUi };

package/dist/components/separator/index.js

@@ -1 +1 @@
-import{provideSeparatorUi as e}from"./context.js";import t from"./separator-root.js";import n from"./separator-label.js";export{n as SeparatorLabel,t as SeparatorRoot,e as provideSeparatorUi};
+import{provideSeparatorUi as e}from"./context.js";import t from"./separator-root.js";import n from"./separator-label.js";import r from"./separator-compact.js";export{r as SeparatorCompact,n as SeparatorLabel,t as SeparatorRoot,e as provideSeparatorUi};

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

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./separator-root.js";import n from"./separator-label.js";import{computed as r,createBlock as i,createCommentVNode as a,createTextVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toDisplayString as p,unref as m,useSlots as h,withCtx as g}from"vue";const _=s({name:`SeparatorCompact`,__name:`separator-compact`,props:{label:{},labelProps:{},orientation:{},decorative:{type:Boolean}},setup(s){let _=s,v=h(),y=e(_,[`label`,`labelProps`]),b=r(()=>(v.label||_.label)&&_.orientation!==`vertical`);return(e,r)=>(d(),i(t,u(c(m(y))),{default:g(()=>[b.value?(d(),i(n,u(l({key:0},s.labelProps)),{default:g(()=>[f(e.$slots,`label`,{},()=>[o(p(s.label),1)])]),_:3},16)):a(`v-if`,!0)]),_:3},16))}});export{_ as default};

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

@@ -0,0 +1,18 @@
+import { SeparatorCompactProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/separator/separator-compact.vue.d.ts
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+  label?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<SeparatorCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<SeparatorCompactProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/separator/separator-label.js

@@ -1 +1 @@
-import{useSeparatorUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`SeparatorLabel`,__name:`separator-label`,setup(n){let s=e(`label`);return(e,n)=>(i(),t(`span`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useSeparatorUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`SeparatorLabel`,__name:`separator-label`,setup(n){let s=e(`label`);return(e,n)=>(i(),t(`span`,{"data-soybean-separator-label":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1 +1 @@
-import{useSeparatorUi as e}from"./context.js";import{computed as t,createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";const c=[`data-orientation`,`aria-orientation`,`role`],l=r({name:`SeparatorRoot`,__name:`separator-root`,props:{orientation:{default:`horizontal`},decorative:{type:Boolean,default:!1}},setup(r){let l=r,u=e(`root`),d=[`horizontal`,`vertical`],f=t(()=>d.includes(l.orientation)?l.orientation:`horizontal`),p=t(()=>f.value===`vertical`?l.orientation:void 0);return(e,t)=>(a(),n(`div`,{class:i(s(u)),"data-orientation":f.value,"aria-orientation":p.value,role:r.decorative?`none`:`separator`},[o(e.$slots,`default`)],10,c))}});export{l as default};
+import{useSeparatorUi as e}from"./context.js";import{computed as t,createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";const c=[`data-orientation`,`aria-orientation`,`role`],l=r({name:`SeparatorRoot`,__name:`separator-root`,props:{orientation:{default:`horizontal`},decorative:{type:Boolean,default:!1}},setup(r){let l=r,u=e(`root`),d=[`horizontal`,`vertical`],f=t(()=>d.includes(l.orientation)?l.orientation:`horizontal`),p=t(()=>f.value===`vertical`?l.orientation:void 0);return(e,t)=>(a(),n(`div`,{"data-soybean-separator-root":``,class:i(s(u)),"data-orientation":f.value,"aria-orientation":p.value,role:r.decorative?`none`:`separator`},[o(e.$slots,`default`)],10,c))}});export{l as default};

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

@@ -1,15 +1,14 @@
 import { DataOrientation, UiClass } from "../../types/common.js";
-import { HTMLAttributes } from "vue";
-
+import { BaseProps } from "../../types/vue.js";
 //#region src/components/separator/types.d.ts
 /**
- * Props for the separator label component.
+ * Properties for the SeparatorLabel component.
  */
-interface SeparatorLabelProps extends /** @vue-ignore */HTMLAttributes {}
+interface SeparatorLabelProps extends BaseProps {}
 /**
- * Props for the separator root component.
+ * Properties for the SeparatorRoot component.
  */
-interface SeparatorRootProps extends /** @vue-ignore */HTMLAttributes {
+interface SeparatorRootProps extends BaseProps {
   /**
    * Orientation of the component.
    *
@@ -23,12 +22,34 @@ interface SeparatorRootProps extends /** @vue-ignore */HTMLAttributes {
   decorative?: boolean;
 }
 /**
- * Available UI slots for the separator component.
+ * Properties for the SeparatorCompact component.
+ */
+interface SeparatorCompactProps extends SeparatorRootProps {
+  /**
+   * Label text rendered by the component.
+   */
+  label?: string;
+  /**
+   * Properties forwarded to the label element.
+   */
+  labelProps?: SeparatorLabelProps;
+}
+/**
+ * Slots for the SeparatorCompact component.
+ */
+interface SeparatorCompactSlots {
+  /**
+   * Custom content for the label slot.
+   */
+  default?: () => any;
+}
+/**
+ * Available UI slots for the Separator component.
  */
 type SeparatorUiSlot = 'root' | 'label';
 /**
- * UI class overrides for the separator component.
+ * UI class overrides for the Separator component.
  */
 type SeparatorUi = UiClass<SeparatorUiSlot>;
 //#endregion
-export { SeparatorLabelProps, SeparatorRootProps, SeparatorUi, SeparatorUiSlot };
+export { SeparatorCompactProps, SeparatorCompactSlots, SeparatorLabelProps, SeparatorRootProps, SeparatorUi, SeparatorUiSlot };

package/dist/components/skeleton/skeleton.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{computed as t,createBlock as n,defineComponent as r,openBlock as i,renderSlot as a,unref as o,useAttrs as s,withCtx as c}from"vue";const l=r({name:`Skeleton`,__name:`skeleton`,props:{asChild:{type:Boolean},as:{default:`div`}},setup(r){let l=s(),u=t(()=>l[`aria-hidden`]??!0);return(t,s)=>(i(),n(o(e),{as:r.as,"as-child":r.asChild,"aria-hidden":u.value},{default:c(()=>[a(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`aria-hidden`]))}});export{l as default};
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{computed as t,createBlock as n,defineComponent as r,openBlock as i,renderSlot as a,unref as o,useAttrs as s,withCtx as c}from"vue";const l=r({name:`Skeleton`,__name:`skeleton`,props:{asChild:{type:Boolean},as:{}},setup(r){let l=s(),u=t(()=>l[`aria-hidden`]??!0);return(t,s)=>(i(),n(o(e),{"data-soybean-skeleton":``,as:r.as,"as-child":r.asChild,"aria-hidden":u.value},{default:c(()=>[a(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`aria-hidden`]))}});export{l as default};

package/dist/components/skeleton/skeleton.vue.d.ts

@@ -1,4 +1,3 @@
-import { AsTag } from "../primitive/types.js";
 import { SkeletonProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -7,9 +6,7 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<SkeletonProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<SkeletonProps> & Readonly<{}>, {
-  as: AsTag | _$vue.Component;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<SkeletonProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<SkeletonProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,10 +1,9 @@
-import { PrimitiveProps } from "../primitive/types.js";
-import { HTMLAttributes } from "vue";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
 
 //#region src/components/skeleton/types.d.ts
 /**
- * Props for the skeleton component.
+ * Properties for the Skeleton component.
  */
-interface SkeletonProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface SkeletonProps extends PrimitiveWithBaseProps {}
 //#endregion
 export { SkeletonProps };

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

@@ -1,7 +1,8 @@
-import { SliderRangeProps, SliderRootContext, SliderRootEmits, SliderRootProps, SliderSlideDirection, SliderThumbAlignment, SliderThumbProps, SliderTrackProps, SliderUi, SliderUiSlot } from "./types.js";
-import { _default as _default$1 } from "./slider-root.vue.js";
-import { _default as _default$3 } from "./slider-track.vue.js";
-import { _default } from "./slider-range.vue.js";
-import { _default as _default$2 } from "./slider-thumb.vue.js";
+import { SliderCompactEmits, SliderCompactProps, SliderCompactSlotProps, SliderCompactSlots, SliderRangeProps, SliderRootContext, SliderRootEmits, SliderRootProps, SliderSlideDirection, SliderThumbAlignment, SliderThumbProps, SliderTrackProps, SliderUi, SliderUiSlot } from "./types.js";
+import { _default } from "./slider-compact.vue.js";
+import { _default as _default$2 } from "./slider-root.vue.js";
+import { _default as _default$4 } from "./slider-track.vue.js";
+import { _default as _default$1 } from "./slider-range.vue.js";
+import { _default as _default$3 } from "./slider-thumb.vue.js";
 import { provideSliderUi } from "./context.js";
-export { _default as SliderRange, type SliderRangeProps, _default$1 as SliderRoot, type SliderRootContext, type SliderRootEmits, type SliderRootProps, type SliderSlideDirection, _default$2 as SliderThumb, type SliderThumbAlignment, type SliderThumbProps, _default$3 as SliderTrack, type SliderTrackProps, type SliderUi, type SliderUiSlot, provideSliderUi };
+export { _default as SliderCompact, type SliderCompactEmits, type SliderCompactProps, type SliderCompactSlotProps, type SliderCompactSlots, _default$1 as SliderRange, type SliderRangeProps, _default$2 as SliderRoot, type SliderRootContext, type SliderRootEmits, type SliderRootProps, type SliderSlideDirection, _default$3 as SliderThumb, type SliderThumbAlignment, type SliderThumbProps, _default$4 as SliderTrack, type SliderTrackProps, type SliderUi, type SliderUiSlot, provideSliderUi };

package/dist/components/slider/index.js

@@ -1 +1 @@
-import{provideSliderUi as e}from"./context.js";import t from"./slider-root.js";import n from"./slider-track.js";import r from"./slider-range.js";import i from"./slider-thumb.js";export{r as SliderRange,t as SliderRoot,i as SliderThumb,n as SliderTrack,e as provideSliderUi};
+import{provideSliderUi as e}from"./context.js";import t from"./slider-range.js";import n from"./slider-root.js";import r from"./slider-thumb.js";import i from"./slider-track.js";import a from"./slider-compact.js";export{a as SliderCompact,t as SliderRange,n as SliderRoot,r as SliderThumb,i as SliderTrack,e as provideSliderUi};

package/dist/components/slider/shared.js

@@ -1 +1 @@
-import{clamp as e,snapValueToStep as t}from"../../shared/value.js";import"../../shared/index.js";const n=[0],r=[`PageUp`,`PageDown`],i=[`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`],a={"from-left":[`Home`,`PageDown`,`ArrowDown`,`ArrowLeft`],"from-right":[`Home`,`PageDown`,`ArrowDown`,`ArrowRight`],"from-bottom":[`Home`,`PageDown`,`ArrowDown`,`ArrowLeft`],"from-top":[`Home`,`PageUp`,`ArrowUp`,`ArrowLeft`]};function o(e){return typeof e==`number`&&!Number.isNaN(e)?e:0}function s(e,t){return typeof e==`number`&&!Number.isNaN(e)&&e>t?e:Math.max(100,t+1)}function c(e){return typeof e==`number`&&!Number.isNaN(e)&&e>0?e:1}function l(e){return typeof e==`number`&&!Number.isNaN(e)&&e>=0?Math.floor(e):0}function u(e,t){return Array.isArray(e)&&e.length>0?e:t?.length?t:n}function d(e,n){return[...u(e,n.defaultValue)].map(e=>t(e,n.min,n.max,n.step)).sort((e,t)=>e-t)}function f(e,t){return e===t?!0:!e||!t||e.length!==t.length?!1:e.every((e,n)=>e===t[n])}function p(e,t,n){let r=[...e];return r[n]=t,r.sort((e,t)=>e-t)}function m(e,t){if(e.length<=1)return 0;let n=e.map(e=>Math.abs(e-t)),r=Math.min(...n);return n.indexOf(r)}function h(e,t){return n=>{if(e[0]===e[1]||t[0]===t[1])return t[0];let r=(t[1]-t[0])/(e[1]-e[0]);return t[0]+r*(n-e[0])}}function g(e){return e.slice(0,-1).map((t,n)=>e[n+1]-t)}function _(e,t){if(t<=0)return!0;let n=g(e);return Math.min(...n)>=t}function v(t,n,r){let i=r-n;return i<=0?0:e((t-n)/i*100,0,100)}function y(e,t,n){let r=e/2;return(r-h([0,50],[0,r])(t)*n)*n}function b(e,t){if(t>2)return`Value ${e+1} of ${t}`;if(t===2)return[`Minimum`,`Maximum`][e]}function x(e,t,n){return e===`vertical`?n?{startEdge:`top`,endEdge:`bottom`,slideDirection:`from-top`}:{startEdge:`bottom`,endEdge:`top`,slideDirection:`from-bottom`}:t===`ltr`&&!n||t===`rtl`&&n?{startEdge:`left`,endEdge:`right`,slideDirection:`from-left`}:{startEdge:`right`,endEdge:`left`,slideDirection:`from-right`}}function S(t,n,r){let i=r.orientation===`horizontal`?n.width:n.height;if(i<=0)return r.min;let a=e((r.orientation===`horizontal`?r.startEdge===`left`?t.clientX-n.left:n.right-t.clientX:r.startEdge===`bottom`?n.bottom-t.clientY:t.clientY-n.top)/i,0,1);return r.min+a*(r.max-r.min)}export{i as ARROW_KEYS,a as BACK_KEYS,r as PAGE_KEYS,v as convertValueToPercentage,m as getClosestValueIndex,p as getNextSortedValues,x as getSliderSideState,S as getSliderValueFromPointer,y as getThumbInBoundsOffset,b as getThumbLabel,l as getValidMinStepsBetweenThumbs,s as getValidSliderMax,o as getValidSliderMin,c as getValidSliderStep,_ as hasMinStepsBetweenValues,f as isSliderValuesEqual,d as normalizeSliderValues};
+import{interpolate as e}from"../../shared/string.js";import{clamp as t,snapValueToStep as n}from"../../shared/value.js";import"../../shared/index.js";const r=[0],i=[`PageUp`,`PageDown`],a=[`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`],o={"from-left":[`Home`,`PageDown`,`ArrowDown`,`ArrowLeft`],"from-right":[`Home`,`PageDown`,`ArrowDown`,`ArrowRight`],"from-bottom":[`Home`,`PageDown`,`ArrowDown`,`ArrowLeft`],"from-top":[`Home`,`PageUp`,`ArrowUp`,`ArrowLeft`]};function s(e){return typeof e==`number`&&!Number.isNaN(e)?e:0}function c(e,t){return typeof e==`number`&&!Number.isNaN(e)&&e>t?e:Math.max(100,t+1)}function l(e){return typeof e==`number`&&!Number.isNaN(e)&&e>0?e:1}function u(e){return typeof e==`number`&&!Number.isNaN(e)&&e>=0?Math.floor(e):0}function d(e,t){return Array.isArray(e)&&e.length>0?e:t?.length?t:r}function f(e,t){return[...d(e,t.defaultValue)].map(e=>n(e,t.min,t.max,t.step)).sort((e,t)=>e-t)}function p(e,t){return e===t?!0:!e||!t||e.length!==t.length?!1:e.every((e,n)=>e===t[n])}function m(e,t,n){let r=[...e];return r[n]=t,r.sort((e,t)=>e-t)}function h(e,t){if(e.length<=1)return 0;let n=e.map(e=>Math.abs(e-t)),r=Math.min(...n);return n.indexOf(r)}function g(e,t){return n=>{if(e[0]===e[1]||t[0]===t[1])return t[0];let r=(t[1]-t[0])/(e[1]-e[0]);return t[0]+r*(n-e[0])}}function _(e){return e.slice(0,-1).map((t,n)=>e[n+1]-t)}function v(e,t){if(t<=0)return!0;let n=_(e);return Math.min(...n)>=t}function y(e,n,r){let i=r-n;return i<=0?0:t((e-n)/i*100,0,100)}function b(e,t,n){let r=e/2;return(r-g([0,50],[0,r])(t)*n)*n}function x(t,n,r){if(n>2)return e(r.valueN,{index:String(t+1),total:String(n)});if(n===2)return[r.minimum,r.maximum][t]}function S(e,t,n){return e===`vertical`?n?{startEdge:`top`,endEdge:`bottom`,slideDirection:`from-top`}:{startEdge:`bottom`,endEdge:`top`,slideDirection:`from-bottom`}:t===`ltr`&&!n||t===`rtl`&&n?{startEdge:`left`,endEdge:`right`,slideDirection:`from-left`}:{startEdge:`right`,endEdge:`left`,slideDirection:`from-right`}}function C(e,n,r){let i=r.orientation===`horizontal`?n.width:n.height;if(i<=0)return r.min;let a=t((r.orientation===`horizontal`?r.startEdge===`left`?e.clientX-n.left:n.right-e.clientX:r.startEdge===`bottom`?n.bottom-e.clientY:e.clientY-n.top)/i,0,1);return r.min+a*(r.max-r.min)}export{a as ARROW_KEYS,o as BACK_KEYS,i as PAGE_KEYS,y as convertValueToPercentage,h as getClosestValueIndex,m as getNextSortedValues,S as getSliderSideState,C as getSliderValueFromPointer,b as getThumbInBoundsOffset,x as getThumbLabel,u as getValidMinStepsBetweenThumbs,c as getValidSliderMax,s as getValidSliderMin,l as getValidSliderStep,v as hasMinStepsBetweenValues,p as isSliderValuesEqual,f as normalizeSliderValues};

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

@@ -0,0 +1 @@
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"./slider-range.js";import r from"./slider-root.js";import i from"./slider-thumb.js";import a from"./slider-track.js";import{Fragment as o,createBlock as s,createElementBlock as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,withCtx as y}from"vue";const b=u({name:`SliderCompact`,__name:`slider-compact`,props:{trackProps:{},rangeProps:{},thumbProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},inverted:{type:Boolean},min:{},max:{},step:{},minStepsBetweenThumbs:{},thumbAlignment:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`valueCommit`],setup(u,{emit:b}){let x=u,S=b,C=t(x,[`trackProps`,`rangeProps`,`thumbProps`]),w=e(S);return(e,t)=>(m(),s(r,f(v(C),_(v(w))),{default:y(({modelValue:t})=>[l(a,p(d(u.trackProps)),{default:y(()=>[l(n,p(d(u.rangeProps)),null,16)]),_:1},16),(m(!0),c(o,null,h(t,(n,r)=>(m(),s(i,f({key:`${r}-${n}`},{ref_for:!0},u.thumbProps,{index:r}),{default:y(()=>[g(e.$slots,`default`,{index:r,modelValue:t,value:n})]),_:2},1040,[`index`]))),128))]),_:3},16))}});export{b as default};

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

@@ -0,0 +1,21 @@
+import { SliderCompactProps, SliderCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/slider/slider-compact.vue.d.ts
+type __VLS_Slots = SliderCompactSlots;
+declare const __VLS_base: _$vue.DefineComponent<SliderCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: number[]) => any;
+  valueCommit: (value: number[]) => any;
+}, string, _$vue.PublicProps, Readonly<SliderCompactProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: number[]) => any) | undefined;
+  onValueCommit?: ((value: number[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/slider/slider-range.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useSliderRootContext as t,useSliderUi as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,normalizeClass as o,normalizeStyle as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=a({name:`SliderRange`,__name:`slider-range`,props:{asChild:{type:Boolean},as:{default:`div`}},setup(a){let f=n(`range`),{currentModelValue:p,disabled:m,orientation:h,startEdge:g,endEdge:_,getPercentage:v}=t(`SliderRange`),y=r(()=>p.value.map(e=>v(e))),b=r(()=>p.value.length>1?Math.min(...y.value):0),x=r(()=>100-Math.max(...y.value,0)),S=r(()=>({[g.value]:`${b.value}%`,[_.value]:`${x.value}%`}));return(t,n)=>(c(),i(u(e),{as:a.as,"as-child":a.asChild,class:o(u(f)),"data-disabled":u(m)?``:void 0,"data-orientation":u(h),style:s(S.value)},{default:d(()=>[l(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-orientation`,`style`]))}});export{f as default};
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useSliderRootContext as t,useSliderUi as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,normalizeClass as o,normalizeStyle as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=a({name:`SliderRange`,__name:`slider-range`,props:{asChild:{type:Boolean},as:{}},setup(a){let f=n(`range`),{currentModelValue:p,disabled:m,orientation:h,startEdge:g,endEdge:_,getPercentage:v}=t(`SliderRange`),y=r(()=>p.value.map(e=>v(e))),b=r(()=>p.value.length>1?Math.min(...y.value):0),x=r(()=>100-Math.max(...y.value,0)),S=r(()=>({[g.value]:`${b.value}%`,[_.value]:`${x.value}%`}));return(t,n)=>(c(),i(u(e),{as:a.as,"as-child":a.asChild,"data-soybean-slider-range":``,class:o(u(f)),"data-disabled":u(m)?``:void 0,"data-orientation":u(h),style:s(S.value)},{default:d(()=>[l(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-orientation`,`style`]))}});export{f as default};

package/dist/components/slider/slider-range.vue.d.ts

@@ -1,4 +1,3 @@
-import { AsTag } from "../primitive/types.js";
 import { SliderRangeProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -7,9 +6,7 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<SliderRangeProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<SliderRangeProps> & Readonly<{}>, {
-  as: AsTag | _$vue.Component;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<SliderRangeProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<SliderRangeProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {