@soybeanjs/headless 0.15.0-beta.1 → 0.15.0-beta.3

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

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

@@ -0,0 +1,52 @@
+import { ProgressOptions } from "./types.js";
+
+//#region src/components/progress/state.d.ts
+declare class ProgressObserver {
+  static options: Required<ProgressOptions>;
+  static status: number | null;
+  private static pending;
+  private static isPaused;
+  private static trickleTimer;
+  static reset(): typeof ProgressObserver;
+  static configure(options: Partial<ProgressOptions>): typeof ProgressObserver;
+  static isStarted(): boolean;
+  static isRendered(): boolean;
+  /**
+   * Set the progress status.
+   * This method updates the progress status for every progress element present in the DOM.
+   * If a template is provided, it will create a new progress element if one does not already exist.
+   * If the template is null, it relies on user-inserted elements.
+   */
+  static set(n: number): typeof ProgressObserver;
+  static start(): typeof ProgressObserver;
+  static done(force?: boolean): typeof ProgressObserver;
+  static inc(amount?: number): typeof ProgressObserver;
+  static dec(amount?: number): typeof ProgressObserver;
+  static trickle(): typeof ProgressObserver;
+  static promise(input: any): typeof ProgressObserver;
+  /**
+   * Renders the BProgress component.
+   * If a template is provided, it will create a progress element if none exists in the parent.
+   * If the template is null, it relies on the user to insert their own elements marked with the "soybean-progress" class.
+   * When using indeterminate mode with a custom template, the template should include the indeterminate element.
+   */
+  static render(fromStart?: boolean): HTMLElement[];
+  /**
+   * Remove the progress element from the DOM.
+   * If a progress element is provided, only that element is removed;
+   * otherwise, all progress elements and associated classes are removed.
+   * For user-provided templates (when options.template === null), the element
+   * is hidden instead of being removed.
+   */
+  static remove(progressElement?: HTMLElement): void;
+  static pause(): typeof ProgressObserver;
+  static resume(): typeof ProgressObserver;
+  private static queue;
+  private static next;
+  private static clearTrickleTimer;
+  private static startTrickling;
+  private static barPositionCSS;
+}
+declare const progress: typeof ProgressObserver;
+//#endregion
+export { progress };

package/dist/components/progress/state.js

@@ -0,0 +1 @@
+import{clamp as e}from"../../shared/value.js";import{isClient as t}from"../../shared/env.js";import"../../shared/index.js";import{_defineProperty as n}from"../../_virtual/_@oxc-project_runtime@0.127.0/helpers/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]`)!==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]`));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]`).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};

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

@@ -1,10 +1,11 @@
-import { UiClass } from "../../types/common.js";
+import { Direction, UiClass } from "../../types/common.js";
 import { PrimitiveProps } from "../primitive/types.js";
 import { ComputedRef, HTMLAttributes, SVGAttributes } from "vue";
 
 //#region src/components/progress/types.d.ts
 type ProgressState = 'indeterminate' | 'loading' | 'complete';
 interface ProgressRootProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  dir?: Direction;
   /** The controlled progress value. Can be bind as `v-model`. */
   modelValue?: number | null;
   /** The maximum progress value. */
@@ -22,7 +23,9 @@ interface ProgressIndicatorProps extends PrimitiveProps, /** @vue-ignore */HTMLA
 interface ProgressCircleProps extends /** @vue-ignore */SVGAttributes {
   strokeWidth?: number;
 }
+interface ProgressProviderProps extends ProgressOptions {}
 interface ProgressRootContext {
+  dir: ComputedRef<Direction>;
   modelValue: ComputedRef<number | null | undefined>;
   max: ComputedRef<number>;
   progressState: ComputedRef<ProgressState>;
@@ -30,5 +33,15 @@ interface ProgressRootContext {
 }
 type ProgressUiSlot = 'root' | 'indicator' | 'circle' | 'track' | 'label';
 type ProgressUi = UiClass<ProgressUiSlot>;
+type ProgressProviderUiSlot = 'root' | 'indicator';
+interface ProgressOptions {
+  direction?: Direction;
+  minimum?: number;
+  maximum?: number;
+  easing?: string;
+  speed?: number;
+  trickle?: boolean;
+  trickleSpeed?: number;
+}
 //#endregion
-export { ProgressCircleProps, ProgressIndicatorProps, ProgressRootContext, ProgressRootEmits, ProgressRootProps, ProgressState, ProgressUi, ProgressUiSlot };
+export { ProgressCircleProps, ProgressIndicatorProps, ProgressOptions, ProgressProviderProps, ProgressProviderUiSlot, ProgressRootContext, ProgressRootEmits, ProgressRootProps, ProgressState, ProgressUi, ProgressUiSlot };

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

@@ -1,8 +1,9 @@
-import { ClassValue, UiClass } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { RadioGroupUiSlot } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/radio-group/context.d.ts
-declare const provideRadioGroupUi: (ui: _$vue.ComputedRef<Partial<UiClass<RadioGroupUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<RadioGroupUiSlot>>>, useRadioGroupUi: <S extends RadioGroupUiSlot | undefined = undefined>(slot?: S | undefined) => S extends RadioGroupUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<RadioGroupUiSlot>>>;
+declare const provideRadioGroupUi: (ui: _$vue.ComputedRef<Partial<UiClass<RadioGroupUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<RadioGroupUiSlot>>>, useRadioGroupUi: UseUiConsumer<RadioGroupUiSlot>;
 //#endregion
 export { provideRadioGroupUi };

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

@@ -1,9 +1,10 @@
 import { LabelProps } from "../label/types.js";
-import { RadioGroupControlProps, RadioGroupIndicatorProps, RadioGroupItemEmits, RadioGroupItemProps, RadioGroupRootEmits, RadioGroupRootProps, RadioGroupUi, RadioGroupUiSlot, RadioSelectEvent } from "./types.js";
-import { _default as _default$4 } from "./radio-group-root.vue.js";
-import { _default as _default$2 } from "./radio-group-item.vue.js";
-import { _default } from "./radio-group-control.vue.js";
-import { _default as _default$1 } from "./radio-group-indicator.vue.js";
-import { _default as _default$3 } from "./radio-group-label.vue.js";
+import { RadioGroupCompactEmits, RadioGroupCompactProps, RadioGroupControlProps, RadioGroupIndicatorProps, RadioGroupItemEmits, RadioGroupItemProps, RadioGroupOptionData, RadioGroupRootEmits, RadioGroupRootProps, RadioGroupUi, RadioGroupUiSlot, RadioSelectEvent } from "./types.js";
+import { _default as _default$5 } from "./radio-group-root.vue.js";
+import { _default } from "./radio-group-compact.vue.js";
+import { _default as _default$3 } from "./radio-group-item.vue.js";
+import { _default as _default$1 } from "./radio-group-control.vue.js";
+import { _default as _default$2 } from "./radio-group-indicator.vue.js";
+import { _default as _default$4 } from "./radio-group-label.vue.js";
 import { provideRadioGroupUi } from "./context.js";
-export { _default as RadioGroupControl, type RadioGroupControlProps, _default$1 as RadioGroupIndicator, type RadioGroupIndicatorProps, _default$2 as RadioGroupItem, type RadioGroupItemEmits, type RadioGroupItemProps, _default$3 as RadioGroupLabel, type LabelProps as RadioGroupLabelProps, _default$4 as RadioGroupRoot, type RadioGroupRootEmits, type RadioGroupRootProps, type RadioGroupUi, type RadioGroupUiSlot, type RadioSelectEvent, provideRadioGroupUi };
+export { _default as RadioGroupCompact, type RadioGroupCompactEmits, type RadioGroupCompactProps, _default$1 as RadioGroupControl, type RadioGroupControlProps, _default$2 as RadioGroupIndicator, type RadioGroupIndicatorProps, _default$3 as RadioGroupItem, type RadioGroupItemEmits, type RadioGroupItemProps, _default$4 as RadioGroupLabel, type LabelProps as RadioGroupLabelProps, type RadioGroupOptionData, _default$5 as RadioGroupRoot, type RadioGroupRootEmits, type RadioGroupRootProps, type RadioGroupUi, type RadioGroupUiSlot, type RadioSelectEvent, provideRadioGroupUi };

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

@@ -1 +1 @@
-import{provideRadioGroupUi as e}from"./context.js";import t from"./radio-group-root.js";import n from"./radio-group-item.js";import r from"./radio-group-control.js";import i from"./radio-group-indicator.js";import a from"./radio-group-label.js";export{r as RadioGroupControl,i as RadioGroupIndicator,n as RadioGroupItem,a as RadioGroupLabel,t as RadioGroupRoot,e as provideRadioGroupUi};
+import{provideRadioGroupUi as e}from"./context.js";import t from"./radio-group-root.js";import n from"./radio-group-control.js";import r from"./radio-group-indicator.js";import i from"./radio-group-item.js";import a from"./radio-group-label.js";import o from"./radio-group-compact.js";export{o as RadioGroupCompact,n as RadioGroupControl,r as RadioGroupIndicator,i as RadioGroupItem,a as RadioGroupLabel,t as RadioGroupRoot,e as provideRadioGroupUi};

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

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./radio-group-root.js";import n from"./radio-group-control.js";import r from"./radio-group-indicator.js";import i from"./radio-group-item.js";import a from"./radio-group-label.js";import{Fragment as o,Transition as s,createBlock as c,createElementBlock as l,createTextVNode as u,createVNode as d,defineComponent as f,mergeProps as p,openBlock as m,renderList as h,toDisplayString as g,unref as _,useId as v,withCtx as y}from"vue";const b=f({name:`RadioGroupCompact`,__name:`radio-group-compact`,props:{items:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(f,{emit:b}){let x=f,S=b,C=e(x,[`items`,`itemProps`,`controlProps`,`indicatorProps`,`labelProps`]),w=v(),T=e=>String(e.value),E=e=>`${x.itemProps?.id||`radio-${w}`}-${e}`,D=e=>{S(`update:modelValue`,e)};return(e,v)=>(m(),c(t,p(_(C),{"onUpdate:modelValue":D}),{default:y(()=>[(m(!0),l(o,null,h(f.items,(e,t)=>(m(),c(i,p({key:T(e)},{ref_for:!0},f.itemProps,{value:e.value,disabled:f.disabled||e.disabled}),{default:y(()=>[d(n,p({ref_for:!0},f.controlProps,{id:E(t)}),{default:y(()=>[d(s,{"enter-active-class":`transition`,"enter-from-class":`opacity-0 scale-0`},{default:y(()=>[d(r,p({ref_for:!0},f.indicatorProps),null,16)]),_:1})]),_:1},16,[`id`]),d(a,p({ref_for:!0},f.labelProps),{default:y(()=>[u(g(e.label),1)]),_:2},1040)]),_:2},1040,[`value`,`disabled`]))),128))]),_:1},16))}});export{b as default};

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

@@ -0,0 +1,22 @@
+import { AcceptableBooleanValue } from "../../types/common.js";
+import { RadioGroupCompactProps, RadioGroupOptionData } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/radio-group/radio-group-compact.vue.d.ts
+declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioGroupOptionData<T> = RadioGroupOptionData<T>>(__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: _$vue.PublicProps & __VLS_PrettifyLocal<RadioGroupCompactProps<T, S> & {
+    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {};
+  emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
+}>) => _$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/radio-group-root.js

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

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

@@ -43,7 +43,20 @@ interface RadioGroupControlProps extends /** @vue-ignore */ButtonHTMLAttributes
   id?: string;
 }
 interface RadioGroupIndicatorProps extends PrimitiveProps, ForceMountProps, /** @vue-ignore */HTMLAttributes {}
+interface RadioGroupOptionData<T extends AcceptableBooleanValue = AcceptableBooleanValue> {
+  value: NonNullable<T>;
+  label: string;
+  disabled?: boolean;
+}
+interface RadioGroupCompactProps<T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioGroupOptionData<T> = RadioGroupOptionData<T>> extends RadioGroupRootProps<T> {
+  items: S[];
+  itemProps?: RadioGroupItemProps;
+  controlProps?: RadioGroupControlProps;
+  indicatorProps?: RadioGroupIndicatorProps;
+  labelProps?: LabelProps;
+}
+type RadioGroupCompactEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = RadioGroupRootEmits<T>;
 type RadioGroupUiSlot = 'root' | 'item' | 'indicator' | 'label' | 'control';
 type RadioGroupUi = UiClass<RadioGroupUiSlot>;
 //#endregion
-export { RadioGroupControlProps, RadioGroupIndicatorProps, RadioGroupItemEmits, RadioGroupItemProps, RadioGroupRootEmits, RadioGroupRootProps, RadioGroupUi, RadioGroupUiSlot, RadioSelectEvent };
+export { RadioGroupCompactEmits, RadioGroupCompactProps, RadioGroupControlProps, RadioGroupIndicatorProps, RadioGroupItemEmits, RadioGroupItemProps, RadioGroupOptionData, RadioGroupRootEmits, RadioGroupRootProps, RadioGroupUi, RadioGroupUiSlot, RadioSelectEvent };

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

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

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

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

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

@@ -1 +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{useNonce as r}from"../config-provider/context.js";import{useScrollAreaRootContext as i,useScrollAreaUi as a}from"./context.js";import{Fragment as o,computed as s,createElementBlock as c,createElementVNode as l,createTextVNode as u,createVNode as d,defineComponent as f,mergeProps as p,normalizeStyle as m,openBlock as h,renderSlot as g,unref as _,useAttrs as v,withCtx as y}from"vue";const b=f({name:`ScrollAreaViewport`,inheritAttrs:!1,__name:`scroll-area-viewport`,props:{nonce:{},asChild:{type:Boolean},as:{default:`div`}},setup(f){let b=f,x=v(),S=r(()=>b.nonce),{scrollbarXEnabled:C,scrollbarYEnabled:w,onViewportChange:T,onContentChange:E}=i(`ScrollAreaViewport`),D=a(`viewport`),O=t(b,[`nonce`,`as`,`asChild`],x),k=s(()=>({...O.value,tabindex:O.value.tabindex??0})),[,A]=e(T),[,j]=e(E),M=s(()=>({overflowX:C.value?`scroll`:`hidden`,overflowY:w.value?`scroll`:`hidden`})),N=s(()=>({minWidth:C.value?`fit-content`:void 0}));return(e,t)=>(h(),c(o,null,[l(`div`,p({ref:_(A),"data-soybean-scroll-area-viewport":``},k.value,{class:_(D),style:M.value}),[d(_(n),{ref:_(j),as:f.as,"as-child":f.asChild,style:m(N.value)},{default:y(()=>[g(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`style`])],16),d(_(n),{as:`style`,nonce:_(S)},{default:y(()=>[...t[0]||(t[0]=[u(` [data-soybean-scroll-area-viewport] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } [data-soybean-scroll-area-viewport]::-webkit-scrollbar { display: none; } `,-1)])]),_:1},8,[`nonce`])],64))}});export{b as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{useNonce as n}from"../config-provider/context.js";import{Primitive as r}from"../primitive/primitive.js";import"../primitive/index.js";import{useScrollAreaRootContext as i,useScrollAreaUi as a}from"./context.js";import{Fragment as o,computed as s,createElementBlock as c,createElementVNode as l,createTextVNode as u,createVNode as d,defineComponent as f,mergeProps as p,normalizeStyle as m,openBlock as h,renderSlot as g,unref as _,useAttrs as v,withCtx as y}from"vue";const b=f({name:`ScrollAreaViewport`,inheritAttrs:!1,__name:`scroll-area-viewport`,props:{nonce:{},asChild:{type:Boolean},as:{default:`div`}},setup(f){let b=f,x=v(),S=n(()=>b.nonce),{scrollbarXEnabled:C,scrollbarYEnabled:w,onViewportChange:T,onContentChange:E}=i(`ScrollAreaViewport`),D=a(`viewport`),O=t(b,[`nonce`,`as`,`asChild`],x),k=s(()=>({...O.value,tabindex:O.value.tabindex??0})),[,A]=e(T),[,j]=e(E),M=s(()=>({overflowX:C.value?`scroll`:`hidden`,overflowY:w.value?`scroll`:`hidden`})),N=s(()=>({minWidth:C.value?`fit-content`:void 0}));return(e,t)=>(h(),c(o,null,[l(`div`,p({ref:_(A),"data-soybean-scroll-area-viewport":``},k.value,{class:_(D),style:M.value}),[d(_(r),{ref:_(j),as:f.as,"as-child":f.asChild,style:m(N.value)},{default:y(()=>[g(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`style`])],16),d(_(r),{as:`style`,nonce:_(S)},{default:y(()=>[...t[0]||(t[0]=[u(` [data-soybean-scroll-area-viewport] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } [data-soybean-scroll-area-viewport]::-webkit-scrollbar { display: none; } `,-1)])]),_:1},8,[`nonce`])],64))}});export{b as default};

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

@@ -0,0 +1,8 @@
+import { TabsIndicatorProps, TabsListProps, TabsOptionData, TabsRootEmits, TabsRootProps, TabsTriggerProps } from "../tabs/types.js";
+import { _default as _default$3 } from "../tabs/tabs-root.vue.js";
+import { _default as _default$2 } from "../tabs/tabs-list.vue.js";
+import { _default as _default$4 } from "../tabs/tabs-trigger.vue.js";
+import { _default as _default$1 } from "../tabs/tabs-indicator.vue.js";
+import { SegmentCompactEmits, SegmentCompactProps, SegmentCompactSlots, SegmentUi, SegmentUiSlot } from "./types.js";
+import { _default } from "./segment-compact.vue.js";
+export { _default as SegmentCompact, SegmentCompactEmits, SegmentCompactProps, SegmentCompactSlots, _default$1 as SegmentIndicator, TabsIndicatorProps as SegmentIndicatorProps, _default$2 as SegmentList, TabsListProps as SegmentListProps, TabsOptionData as SegmentOptionData, _default$3 as SegmentRoot, TabsRootEmits as SegmentRootEmits, TabsRootProps as SegmentRootProps, _default$4 as SegmentTrigger, TabsTriggerProps as SegmentTriggerProps, SegmentUi, SegmentUiSlot };

package/dist/components/segment/index.js

@@ -0,0 +1 @@
+import e from"../tabs/tabs-root.js";import t from"../tabs/tabs-list.js";import n from"../tabs/tabs-trigger.js";import r from"../tabs/tabs-indicator.js";import"../tabs/index.js";import i from"./segment-compact.js";export{i as SegmentCompact,r as SegmentIndicator,t as SegmentList,e as SegmentRoot,n as SegmentTrigger};

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

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{useTabsUi as t}from"../tabs/context.js";import n from"../tabs/tabs-root.js";import r from"../tabs/tabs-list.js";import i from"../tabs/tabs-trigger.js";import a from"../tabs/tabs-indicator.js";import"../tabs/index.js";import{Fragment as o,createBlock as s,createCommentVNode as c,createElementBlock as l,createElementVNode as u,createTextVNode as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeClass as g,normalizeProps as _,openBlock as v,renderList as y,renderSlot as b,toDisplayString as x,unref as S,withCtx as C}from"vue";const w=p({name:`SegmentCompact`,__name:`segment-compact`,props:{items:{},enableIndicator:{type:Boolean,default:!0},listProps:{},triggerProps:{},indicatorProps:{},modelValue:{default:void 0},defaultValue:{},activationMode:{},unmountOnHide:{type:Boolean,default:!0},orientation:{},dir:{},loop:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(p,{emit:w}){let T=p,E=w,D=e(T,[`items`,`enableIndicator`,`listProps`,`triggerProps`,`indicatorProps`]),O=t(),k=e=>{E(`update:modelValue`,e)};return(e,t)=>(v(),s(S(n),h(S(D),{"onUpdate:modelValue":k}),{default:C(()=>[f(S(r),_(m(p.listProps)),{default:C(()=>[(v(!0),l(o,null,y(p.items,t=>(v(),s(S(i),h({key:t.value},{ref_for:!0},p.triggerProps,{value:t.value,disabled:t.disabled}),{default:C(n=>[b(e.$slots,`item`,h({ref_for:!0},{...t,...n}),()=>[d(x(t.label),1)])]),_:2},1040,[`value`,`disabled`]))),128)),p.enableIndicator?(v(),s(S(a),_(h({key:0},p.indicatorProps)),{default:C(()=>[b(e.$slots,`indicator`,{},()=>[u(`div`,{class:g(S(O).indicatorContent)},null,2)])]),_:3},16)):c(`v-if`,!0)]),_:3},16)]),_:3},16))}});export{w as default};

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

@@ -0,0 +1,22 @@
+import { TabsOptionData } from "../tabs/types.js";
+import { SegmentCompactProps, SegmentCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/segment/segment-compact.vue.d.ts
+declare const __VLS_export: <T extends TabsOptionData = TabsOptionData>(__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: _$vue.PublicProps & __VLS_PrettifyLocal<SegmentCompactProps<T> & {
+    "onUpdate:modelValue"?: ((payload: T["value"]) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: SegmentCompactSlots<T>;
+  emit: (evt: "update:modelValue", payload: T["value"]) => void;
+}>) => _$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/segment/types.d.ts

@@ -0,0 +1,22 @@
+import { AcceptableValue, UiClass } from "../../types/common.js";
+import { TabsIndicatorProps, TabsListProps, TabsOptionData, TabsRootEmits, TabsRootProps, TabsTriggerProps, TabsUiSlot } from "../tabs/types.js";
+
+//#region src/components/segment/types.d.ts
+interface SegmentCompactProps<T extends TabsOptionData> extends TabsRootProps<T['value'] | null> {
+  items: T[];
+  enableIndicator?: boolean;
+  listProps?: TabsListProps;
+  triggerProps?: TabsTriggerProps;
+  indicatorProps?: TabsIndicatorProps;
+}
+type SegmentCompactEmits<T extends AcceptableValue = AcceptableValue> = TabsRootEmits<T>;
+type SegmentCompactSlots<T extends TabsOptionData = TabsOptionData> = {
+  item?: (props: T & {
+    active: boolean;
+  }) => any;
+  indicator?: () => any;
+};
+type SegmentUiSlot = Exclude<TabsUiSlot, 'content'>;
+type SegmentUi = UiClass<SegmentUiSlot>;
+//#endregion
+export { SegmentCompactEmits, SegmentCompactProps, SegmentCompactSlots, SegmentUi, SegmentUiSlot };

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

@@ -1,8 +1,9 @@
-import { ClassValue, UiClass } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { SelectUiSlot } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/select/context.d.ts
-declare const provideSelectUi: (ui: _$vue.ComputedRef<Partial<UiClass<SelectUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<SelectUiSlot>>>, useSelectUi: <S extends SelectUiSlot | undefined = undefined>(slot?: S | undefined) => S extends SelectUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<SelectUiSlot>>>;
+declare const provideSelectUi: (ui: _$vue.ComputedRef<Partial<UiClass<SelectUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<SelectUiSlot>>>, useSelectUi: UseUiConsumer<SelectUiSlot>;
 //#endregion
 export { provideSelectUi };

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

@@ -1,21 +1,22 @@
-import { PortalProps } from "../portal/types.js";
-import { _default as _default$7 } from "../portal/portal.vue.js";
 import { PopperArrowProps } from "../popper/types.js";
-import { SelectContentEmits, SelectContentProps, SelectGroupLabelProps, SelectGroupProps, SelectItemEmits, SelectItemEvent, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectPopupProps, SelectPosition, SelectRootEmits, SelectRootProps, SelectScrollDownButtonProps, SelectScrollUpButtonProps, SelectSeparatorProps, SelectTriggerIconProps, SelectTriggerProps, SelectUi, SelectUiSlot, SelectValueProps, SelectViewportProps } from "./types.js";
-import { _default as _default$8 } from "./select-root.vue.js";
-import { _default as _default$12 } from "./select-trigger.vue.js";
-import { _default as _default$1 } from "./select-content.vue.js";
-import { _default as _default$15 } from "./select-viewport.vue.js";
-import { _default as _default$2 } from "./select-group.vue.js";
-import { _default as _default$3 } from "./select-group-label.vue.js";
-import { _default as _default$4 } from "./select-item.vue.js";
-import { _default as _default$5 } from "./select-item-indicator.vue.js";
-import { _default as _default$6 } from "./select-item-text.vue.js";
-import { _default as _default$14 } from "./select-value.vue.js";
-import { _default as _default$13 } from "./select-trigger-icon.vue.js";
-import { _default as _default$10 } from "./select-scroll-up-button.vue.js";
-import { _default as _default$9 } from "./select-scroll-down-button.vue.js";
-import { _default as _default$11 } from "./select-separator.vue.js";
+import { PortalProps } from "../portal/types.js";
+import { _default as _default$8 } from "../portal/portal.vue.js";
+import { SelectCompactEmits, SelectCompactProps, SelectCompactSlots, SelectContentEmits, SelectContentProps, SelectGroupLabelProps, SelectGroupOptionData, SelectGroupProps, SelectItemEmits, SelectItemEvent, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectOptionData, SelectPopupProps, SelectPosition, SelectRootEmits, SelectRootProps, SelectScrollDownButtonProps, SelectScrollUpButtonProps, SelectSeparatorProps, SelectSingleOptionData, SelectTriggerIconProps, SelectTriggerProps, SelectUi, SelectUiSlot, SelectValueProps, SelectViewportProps } from "./types.js";
+import { _default as _default$9 } from "./select-root.vue.js";
+import { _default as _default$1 } from "./select-compact.vue.js";
+import { _default as _default$13 } from "./select-trigger.vue.js";
+import { _default as _default$2 } from "./select-content.vue.js";
+import { _default as _default$16 } from "./select-viewport.vue.js";
+import { _default as _default$3 } from "./select-group.vue.js";
+import { _default as _default$4 } from "./select-group-label.vue.js";
+import { _default as _default$5 } from "./select-item.vue.js";
+import { _default as _default$6 } from "./select-item-indicator.vue.js";
+import { _default as _default$7 } from "./select-item-text.vue.js";
+import { _default as _default$15 } from "./select-value.vue.js";
+import { _default as _default$14 } from "./select-trigger-icon.vue.js";
+import { _default as _default$11 } from "./select-scroll-up-button.vue.js";
+import { _default as _default$10 } from "./select-scroll-down-button.vue.js";
+import { _default as _default$12 } from "./select-separator.vue.js";
 import { _default } from "./select-arrow.vue.js";
 import { provideSelectUi } from "./context.js";
-export { _default as SelectArrow, type PopperArrowProps as SelectArrowProps, _default$1 as SelectContent, type SelectContentEmits, type SelectContentProps, _default$2 as SelectGroup, _default$3 as SelectGroupLabel, type SelectGroupLabelProps, type SelectGroupProps, _default$4 as SelectItem, type SelectItemEmits, type SelectItemEvent, _default$5 as SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemProps, _default$6 as SelectItemText, type SelectItemTextProps, type SelectPopupProps, _default$7 as SelectPortal, type PortalProps as SelectPortalProps, type SelectPosition, _default$8 as SelectRoot, type SelectRootEmits, type SelectRootProps, _default$9 as SelectScrollDownButton, type SelectScrollDownButtonProps, _default$10 as SelectScrollUpButton, type SelectScrollUpButtonProps, _default$11 as SelectSeparator, type SelectSeparatorProps, _default$12 as SelectTrigger, _default$13 as SelectTriggerIcon, type SelectTriggerIconProps, type SelectTriggerProps, type SelectUi, type SelectUiSlot, _default$14 as SelectValue, type SelectValueProps, _default$15 as SelectViewport, type SelectViewportProps, provideSelectUi };
+export { _default as SelectArrow, type PopperArrowProps as SelectArrowProps, _default$1 as SelectCompact, type SelectCompactEmits, type SelectCompactProps, type SelectCompactSlots, _default$2 as SelectContent, type SelectContentEmits, type SelectContentProps, _default$3 as SelectGroup, _default$4 as SelectGroupLabel, type SelectGroupLabelProps, type SelectGroupOptionData, type SelectGroupProps, _default$5 as SelectItem, type SelectItemEmits, type SelectItemEvent, _default$6 as SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemProps, _default$7 as SelectItemText, type SelectItemTextProps, type SelectOptionData, type SelectPopupProps, _default$8 as SelectPortal, type PortalProps as SelectPortalProps, type SelectPosition, _default$9 as SelectRoot, type SelectRootEmits, type SelectRootProps, _default$10 as SelectScrollDownButton, type SelectScrollDownButtonProps, _default$11 as SelectScrollUpButton, type SelectScrollUpButtonProps, _default$12 as SelectSeparator, type SelectSeparatorProps, type SelectSingleOptionData, _default$13 as SelectTrigger, _default$14 as SelectTriggerIcon, type SelectTriggerIconProps, type SelectTriggerProps, type SelectUi, type SelectUiSlot, _default$15 as SelectValue, type SelectValueProps, _default$16 as SelectViewport, type SelectViewportProps, provideSelectUi };

package/dist/components/select/index.js

@@ -1 +1 @@
-import e from"../portal/portal.js";import{provideSelectUi as t}from"./context.js";import n from"./select-root.js";import r from"./select-trigger.js";import i from"./select-content.js";import a from"./select-viewport.js";import o from"./select-group.js";import s from"./select-group-label.js";import c from"./select-item.js";import l from"./select-item-indicator.js";import u from"./select-item-text.js";import d from"./select-value.js";import f from"./select-trigger-icon.js";import p from"./select-scroll-up-button.js";import m from"./select-scroll-down-button.js";import h from"./select-separator.js";import g from"./select-arrow.js";export{g as SelectArrow,i as SelectContent,o as SelectGroup,s as SelectGroupLabel,c as SelectItem,l as SelectItemIndicator,u as SelectItemText,e as SelectPortal,n as SelectRoot,m as SelectScrollDownButton,p as SelectScrollUpButton,h as SelectSeparator,r as SelectTrigger,f as SelectTriggerIcon,d as SelectValue,a as SelectViewport,t as provideSelectUi};
+import e from"../portal/portal.js";import{provideSelectUi as t}from"./context.js";import n from"./select-root.js";import r from"./select-arrow.js";import i from"./select-content.js";import a from"./select-group.js";import o from"./select-group-label.js";import s from"./select-item.js";import c from"./select-item-indicator.js";import l from"./select-item-text.js";import u from"./select-scroll-down-button.js";import d from"./select-scroll-up-button.js";import f from"./select-separator.js";import p from"./select-trigger.js";import m from"./select-trigger-icon.js";import h from"./select-value.js";import g from"./select-viewport.js";import _ from"./select-compact.js";export{r as SelectArrow,_ as SelectCompact,i as SelectContent,a as SelectGroup,o as SelectGroupLabel,s as SelectItem,c as SelectItemIndicator,l as SelectItemText,e as SelectPortal,n as SelectRoot,u as SelectScrollDownButton,d as SelectScrollUpButton,f as SelectSeparator,p as SelectTrigger,m as SelectTriggerIcon,h as SelectValue,g as SelectViewport,t as provideSelectUi};

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

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import n from"../portal/portal.js";import"../portal/index.js";import r from"./select-root.js";import i from"./select-arrow.js";import{isGroupOption as a}from"./shared.js";import o from"./select-content.js";import s from"./select-group.js";import c from"./select-group-label.js";import l from"./select-item.js";import u from"./select-item-indicator.js";import d from"./select-item-text.js";import f from"./select-scroll-down-button.js";import p from"./select-scroll-up-button.js";import m from"./select-separator.js";import h from"./select-trigger.js";import g from"./select-trigger-icon.js";import _ from"./select-value.js";import v from"./select-viewport.js";import{Fragment as y,computed as b,createBlock as x,createCommentVNode as S,createElementBlock as C,createTextVNode as w,createVNode as T,defineComponent as E,guardReactiveProps as D,mergeProps as O,normalizeProps as k,openBlock as A,renderList as j,renderSlot as M,toDisplayString as N,unref as P,withCtx as F}from"vue";const I=E({name:`SelectCompact`,__name:`select-compact`,props:{items:{},showArrow:{type:Boolean},triggerProps:{},triggerIconProps:{},placeholder:{},valueProps:{},portalProps:{},contentProps:{},placement:{},popupProps:{},viewportProps:{},scrollDownButtonProps:{},scrollUpButtonProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemTextProps:{},itemIndicatorProps:{},separatorProps:{},arrowProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},dir:{},autocomplete:{},disabled:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`,`closeAutoFocus`,`escapeKeyDown`,`pointerDownOutside`,`select`],setup(E,{emit:I}){let L=E,R=I,z=e(L,[`items`,`showArrow`,`triggerProps`,`triggerIconProps`,`placeholder`,`valueProps`,`portalProps`,`contentProps`,`placement`,`popupProps`,`viewportProps`,`scrollDownButtonProps`,`scrollUpButtonProps`,`groupProps`,`groupLabelProps`,`itemProps`,`itemTextProps`,`itemIndicatorProps`,`separatorProps`,`arrowProps`]),B=b(()=>({...L.valueProps,placeholder:L.placeholder??L.valueProps?.placeholder})),V=b(()=>({...L.contentProps,placement:L.placement??L.contentProps?.placement,popupProps:L.popupProps??L.contentProps?.popupProps})),H=e=>a(e)?`group-${e.label}`:`item-${String(e.value)}`,U=e=>e,W=e=>{R(`update:modelValue`,e)},G=e=>{R(`select`,e)};return(e,b)=>(A(),x(r,O(P(z),{"onUpdate:modelValue":W,"onUpdate:open":b[5]||(b[5]=e=>R(`update:open`,e))}),{default:F(()=>[T(h,k(D(E.triggerProps)),{default:F(()=>[M(e.$slots,`trigger-leading`),T(_,k(D(B.value)),{default:F(t=>[M(e.$slots,`trigger-value`,k(D(U(t))))]),_:3},16),M(e.$slots,`trigger-trailing`),T(g,k(D(E.triggerIconProps)),{default:F(()=>[M(e.$slots,`trigger-icon`,{},()=>[T(t,{icon:`lucide:chevrons-up-down`})])]),_:3},16)]),_:3},16),T(P(n),k(D(E.portalProps)),{default:F(()=>[T(o,O(V.value,{onCloseAutoFocus:b[2]||(b[2]=e=>R(`closeAutoFocus`,e)),onEscapeKeyDown:b[3]||(b[3]=e=>R(`escapeKeyDown`,e)),onPointerDownOutside:b[4]||(b[4]=e=>R(`pointerDownOutside`,e))}),{default:F(()=>[T(p,k(D(E.scrollUpButtonProps)),{default:F(()=>[M(e.$slots,`scroll-up-button`,{},()=>[T(t,{icon:`lucide:chevron-up`})])]),_:3},16),T(v,k(D(E.viewportProps)),{default:F(()=>[(A(!0),C(y,null,j(E.items,n=>(A(),C(y,{key:H(n)},[P(a)(n)?(A(),x(s,O({key:0,ref_for:!0},E.groupProps),{default:F(()=>[T(c,O({ref_for:!0},E.groupLabelProps),{default:F(()=>[M(e.$slots,`group-label`,{item:n},()=>[w(N(n.label),1)])]),_:2},1040),n.separator?(A(),x(m,O({key:0,ref_for:!0},E.separatorProps),null,16)):S(`v-if`,!0),(A(!0),C(y,null,j(n.items,n=>(A(),C(y,{key:String(n.value)},[T(l,O({ref_for:!0},E.itemProps,{value:n.value,"text-value":n.textValue,disabled:n.disabled,onSelect:b[0]||(b[0]=e=>G(e))}),{default:F(()=>[M(e.$slots,`item-leading`,{item:n},()=>[n.icon?(A(),x(t,{key:0,icon:n.icon},null,8,[`icon`])):S(`v-if`,!0)]),T(d,O({ref_for:!0},E.itemTextProps),{default:F(()=>[M(e.$slots,`item-text`,{item:n},()=>[w(N(n.label),1)])]),_:2},1040),M(e.$slots,`item-trailing`,{item:n}),T(u,O({ref_for:!0},E.itemIndicatorProps),{default:F(()=>[M(e.$slots,`item-indicator`,{item:n},()=>[T(t,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`text-value`,`disabled`]),n.separator?(A(),x(m,O({key:0,ref_for:!0},E.separatorProps),null,16)):S(`v-if`,!0)],64))),128))]),_:2},1040)):(A(),C(y,{key:1},[T(l,O({ref_for:!0},E.itemProps,{value:n.value,"text-value":n.textValue,disabled:n.disabled,onSelect:b[1]||(b[1]=e=>G(e))}),{default:F(()=>[M(e.$slots,`item-leading`,{item:n},()=>[n.icon?(A(),x(t,{key:0,icon:n.icon},null,8,[`icon`])):S(`v-if`,!0)]),T(d,O({ref_for:!0},E.itemTextProps),{default:F(()=>[M(e.$slots,`item-text`,{item:n},()=>[w(N(n.label),1)])]),_:2},1040),M(e.$slots,`item-trailing`,{item:n}),T(u,O({ref_for:!0},E.itemIndicatorProps),{default:F(()=>[M(e.$slots,`item-indicator`,{item:n},()=>[T(t,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`text-value`,`disabled`]),n.separator?(A(),x(m,O({key:0,ref_for:!0},E.separatorProps),null,16)):S(`v-if`,!0)],64))],64))),128))]),_:3},16),T(f,k(D(E.scrollDownButtonProps)),{default:F(()=>[M(e.$slots,`scroll-down-button`,{},()=>[T(t,{icon:`lucide:chevron-down`})])]),_:3},16),E.showArrow?(A(),x(i,k(O({key:0},E.arrowProps)),null,16)):S(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{I as default};

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

@@ -0,0 +1,28 @@
+import { DefinedValue } from "../../types/common.js";
+import { PointerDownOutsideEvent } from "../../types/event.js";
+import { SelectCompactProps, SelectCompactSlots, SelectItemEvent } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/select/select-compact.vue.d.ts
+declare const __VLS_export: <T extends DefinedValue = DefinedValue, M extends boolean = false>(__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: _$vue.PublicProps & __VLS_PrettifyLocal<SelectCompactProps<T, M> & {
+    onSelect?: ((event: SelectItemEvent<T>) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: SelectCompactSlots<T, M>;
+  emit: ((evt: "select", event: SelectItemEvent<T>) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+}>) => _$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/select/select-content.vue.d.ts

@@ -18,9 +18,9 @@ declare const __VLS_base: _$vue.DefineComponent<SelectContentProps, {}, {}, {},
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
-  position: SelectPosition;
   avoidCollisions: boolean;
   prioritizePosition: boolean;
+  position: SelectPosition;
   bodyLock: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1 +1 @@
-import{isNullish as e}from"../../shared/guard.js";import{isFormControl as t,transformPropsToContext as n}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as r}from"../../composables/use-controllable-state.js";import{useSelection as i}from"../../composables/use-selection.js";import"../../composables/index.js";import a from"../popper/popper-root.js";import"../popper/index.js";import{provideCollectionContext as o,provideSelectRootContext as s}from"./context.js";import c from"./select-bubble-select.js";import{Fragment as l,computed as u,createBlock as d,createCommentVNode as f,createElementBlock as p,defineComponent as m,mergeProps as h,openBlock as g,renderList as _,renderSlot as v,unref as y,withCtx as b}from"vue";const x={key:0,value:``},S=m({name:`SelectRoot`,inheritAttrs:!1,__name:`select-root`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},dir:{},autocomplete:{},disabled:{type:Boolean},modelValue:{default:void 0},defaultValue:{},multiple:{},singleClearable:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`],setup(m,{emit:S}){let C=m,w=S,{modelValue:T,isMultiple:E,onModelValueChange:D,isEmptyModelValue:O}=i(C,e=>{w(`update:modelValue`,e)}),k=r(()=>C.open,e=>{w(`update:open`,e)},C.defaultOpen),{triggerElement:A,options:j,nativeSelectKey:M}=s({...n(C,[`dir`,`autocomplete`,`disabled`,`required`,`singleClearable`]),open:k,modelValue:T,onModelValueChange:D,isMultiple:E,isEmptyModelValue:O});o();let N=u(()=>t(A.value));return(t,n)=>(g(),d(y(a),null,{default:b(()=>[v(t.$slots,`default`,{modelValue:y(T),open:!!y(k)}),N.value?(g(),d(c,{key:y(M),"aria-hidden":`true`,tabindex:`-1`,multiple:m.multiple,required:m.required,name:m.name,autocomplete:m.autocomplete,disabled:m.disabled,value:y(T)},{default:b(()=>[y(e)(y(T))?(g(),p(`option`,x)):f(`v-if`,!0),(g(!0),p(l,null,_(y(j),e=>(g(),p(`option`,h({key:e.value??``},{ref_for:!0},e),null,16))),128))]),_:1},8,[`multiple`,`required`,`name`,`autocomplete`,`disabled`,`value`])):f(`v-if`,!0)]),_:3}))}});export{S as default};
+import{isNullish as e}from"../../shared/guard.js";import{isFormControl as t,transformPropsToContext as n}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as r}from"../../composables/use-controllable-state.js";import{useSelection as i}from"../../composables/use-selection.js";import"../../composables/index.js";import a from"../popper/popper-root.js";import"../popper/index.js";import{provideCollectionContext as o,provideSelectRootContext as s}from"./context.js";import c from"./select-bubble-select.js";import{Fragment as l,computed as u,createBlock as d,createCommentVNode as f,createElementBlock as p,defineComponent as m,mergeProps as h,openBlock as g,renderList as _,renderSlot as v,unref as y,withCtx as b}from"vue";const x={key:0,value:``},S=m({name:`SelectRoot`,inheritAttrs:!1,__name:`select-root`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},dir:{},autocomplete:{},disabled:{type:Boolean},modelValue:{default:void 0},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`],setup(m,{emit:S}){let C=m,w=S,{modelValue:T,isMultiple:E,onModelValueChange:D,isEmptyModelValue:O}=i(C,e=>{w(`update:modelValue`,e)}),k=r(()=>C.open,e=>{w(`update:open`,e)},C.defaultOpen),{triggerElement:A,options:j,nativeSelectKey:M}=s({...n(C,[`dir`,`autocomplete`,`disabled`,`required`,`clearable`]),open:k,modelValue:T,onModelValueChange:D,isMultiple:E,isEmptyModelValue:O});o();let N=u(()=>t(A.value));return(t,n)=>(g(),d(y(a),null,{default:b(()=>[v(t.$slots,`default`,{modelValue:y(T),open:!!y(k)}),N.value?(g(),d(c,{key:y(M),"aria-hidden":`true`,tabindex:`-1`,multiple:m.multiple,required:m.required,name:m.name,autocomplete:m.autocomplete,disabled:m.disabled,value:y(T)},{default:b(()=>[y(e)(y(T))?(g(),p(`option`,x)):f(`v-if`,!0),(g(!0),p(l,null,_(y(j),e=>(g(),p(`option`,h({key:e.value??``},{ref_for:!0},e),null,16))),128))]),_:1},8,[`multiple`,`required`,`name`,`autocomplete`,`disabled`,`value`])):f(`v-if`,!0)]),_:3}))}});export{S as default};

package/dist/components/select/select-viewport.js

@@ -1,4 +1,4 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useNonce as n}from"../config-provider/context.js";import{useSelectContentContext as r,useSelectItemAlignedPositionContext as i,useSelectUi as a}from"./context.js";import"./shared.js";import{Fragment as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,createVNode as u,defineComponent as d,mergeProps as f,openBlock as p,renderSlot as m,toDisplayString as h,unref as g,useAttrs as _,withCtx as v}from"vue";const y=d({name:`SelectViewport`,inheritAttrs:!1,__name:`select-viewport`,props:{nonce:{}},setup(d){let y=d,b=_(),{onViewportElementChange:x}=r(`SelectViewport`),[S,C]=e(x),w=i(),T=n(()=>y.nonce),E=a(`viewport`),D=0;function O(e){let t=e.currentTarget,{positionerElement:n,shouldExpandOnScroll:r}=w??{};if(!n?.value||!r?.value){D=t.scrollTop;return}let i=Math.abs(D-t.scrollTop);if(i<=0)return;let a=window.innerHeight-20,o=Number.parseFloat(n.value.style.minHeight),s=Number.parseFloat(n.value.style.height),c=Math.max(o,s);if(c<a){let e=c+i,r=Math.min(a,e),o=e-r;n.value.style.height=`${r}px`,n.value.style.bottom===`0px`&&(t.scrollTop=o>0?o:0,n.value.style.justifyContent=`flex-end`)}D=t.scrollTop}return(e,n)=>(p(),s(o,null,[c(`div`,f(g(b),{ref:g(C),class:g(E),"data-soybean-select-viewport":``,role:`presentation`,style:`position:relative;flex:1;overflow:hidden auto;`,onScroll:O}),[m(e.$slots,`default`)],16),u(g(t),{as:`style`,nonce:g(T)},{default:v(()=>[l(h(`
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{useNonce as t}from"../config-provider/context.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import{useSelectContentContext as r,useSelectItemAlignedPositionContext as i,useSelectUi as a}from"./context.js";import"./shared.js";import{Fragment as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,createVNode as u,defineComponent as d,mergeProps as f,openBlock as p,renderSlot as m,toDisplayString as h,unref as g,useAttrs as _,withCtx as v}from"vue";const y=d({name:`SelectViewport`,inheritAttrs:!1,__name:`select-viewport`,props:{nonce:{}},setup(d){let y=d,b=_(),{onViewportElementChange:x}=r(`SelectViewport`),[S,C]=e(x),w=i(),T=t(()=>y.nonce),E=a(`viewport`),D=0;function O(e){let t=e.currentTarget,{positionerElement:n,shouldExpandOnScroll:r}=w??{};if(!n?.value||!r?.value){D=t.scrollTop;return}let i=Math.abs(D-t.scrollTop);if(i<=0)return;let a=window.innerHeight-20,o=Number.parseFloat(n.value.style.minHeight),s=Number.parseFloat(n.value.style.height),c=Math.max(o,s);if(c<a){let e=c+i,r=Math.min(a,e),o=e-r;n.value.style.height=`${r}px`,n.value.style.bottom===`0px`&&(t.scrollTop=o>0?o:0,n.value.style.justifyContent=`flex-end`)}D=t.scrollTop}return(e,t)=>(p(),s(o,null,[c(`div`,f(g(b),{ref:g(C),class:g(E),"data-soybean-select-viewport":``,role:`presentation`,style:`position:relative;flex:1;overflow:hidden auto;`,onScroll:O}),[m(e.$slots,`default`)],16),u(g(n),{as:`style`,nonce:g(T)},{default:v(()=>[l(h(`
 [data-soybean-select-viewport] {
   scrollbar-width: none;
   -ms-overflow-style: none;

package/dist/components/select/shared.js

@@ -1 +1 @@
-import{isNullish as e}from"../../shared/guard.js";import"../../shared/index.js";const t={popupTransformOrigin:`--soybean-select-popup-transform-origin`,popupAvailableWidth:`--soybean-select-popup-available-width`,popupAvailableHeight:`--soybean-select-popup-available-height`,triggerWidth:`--soybean-select-trigger-width`,triggerHeight:`--soybean-select-trigger-height`},n=[` `,`Enter`,`ArrowUp`,`ArrowDown`],r=[` `,`Enter`],i=`select.select`;function a(t){return e(t)||t===``||Array.isArray(t)&&t.length===0}export{n as OPEN_KEYS,r as SELECTION_KEYS,i as SELECT_EVENT,t as selectCssVars,a as shouldShowPlaceholder};
+import{isNullish as e}from"../../shared/guard.js";import"../../shared/index.js";const t={popupTransformOrigin:`--soybean-select-popup-transform-origin`,popupAvailableWidth:`--soybean-select-popup-available-width`,popupAvailableHeight:`--soybean-select-popup-available-height`,triggerWidth:`--soybean-select-trigger-width`,triggerHeight:`--soybean-select-trigger-height`},n=[` `,`Enter`,`ArrowUp`,`ArrowDown`],r=[` `,`Enter`],i=`select.select`;function a(t){return e(t)||t===``||Array.isArray(t)&&t.length===0}function o(e){return`items`in e}export{n as OPEN_KEYS,r as SELECTION_KEYS,i as SELECT_EVENT,o as isGroupOption,t as selectCssVars,a as shouldShowPlaceholder};

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

@@ -1,8 +1,10 @@
+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 { PopperAnchorProps, PopperArrowProps, PopperPositionerProps } from "../popper/types.js";
+import { PortalProps } from "../portal/types.js";
 import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/select/types.d.ts
@@ -83,6 +85,64 @@ type SelectItemEmits<T extends DefinedValue = DefinedValue> = {
 };
 interface SelectItemTextProps extends /** @vue-ignore */HTMLAttributes {}
 interface SelectItemIndicatorProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface SelectSingleOptionData<T extends DefinedValue = DefinedValue> extends Pick<SelectItemProps, 'disabled' | 'textValue'> {
+  value: T;
+  icon?: IconValue;
+  label: string;
+  separator?: boolean;
+}
+interface SelectGroupOptionData<T extends DefinedValue = DefinedValue> extends Pick<SelectSingleOptionData<T>, 'label' | 'separator'> {
+  items: SelectSingleOptionData<T>[];
+}
+type SelectOptionData<T extends DefinedValue = DefinedValue> = SelectSingleOptionData<T> | SelectGroupOptionData<T>;
+interface SelectCompactProps<T extends DefinedValue = DefinedValue, M extends boolean = false> extends SelectRootProps<T, M> {
+  items: SelectOptionData<T>[];
+  showArrow?: boolean;
+  triggerProps?: SelectTriggerProps;
+  triggerIconProps?: SelectTriggerIconProps;
+  placeholder?: string;
+  valueProps?: SelectValueProps;
+  portalProps?: PortalProps;
+  contentProps?: SelectContentProps;
+  placement?: PopperPositionerProps['placement'];
+  popupProps?: SelectPopupProps;
+  viewportProps?: SelectViewportProps;
+  scrollDownButtonProps?: SelectScrollDownButtonProps;
+  scrollUpButtonProps?: SelectScrollUpButtonProps;
+  groupProps?: SelectGroupProps;
+  groupLabelProps?: SelectGroupLabelProps;
+  itemProps?: SelectItemProps;
+  itemTextProps?: SelectItemTextProps;
+  itemIndicatorProps?: SelectItemIndicatorProps;
+  separatorProps?: SelectSeparatorProps;
+  arrowProps?: PopperArrowProps;
+}
+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;
+interface SelectCompactTriggerValueSlotProps<T extends DefinedValue = DefinedValue, M extends boolean = false> {
+  modelValue: SelectCompactModelValue<T, M>;
+  selectedLabel: string[];
+  slotText: string;
+}
+interface SelectCompactGroupLabelSlotProps<T extends DefinedValue = DefinedValue> {
+  item: SelectGroupOptionData<T>;
+}
+interface SelectCompactItemSlotProps<T extends DefinedValue = DefinedValue> {
+  item: SelectSingleOptionData<T>;
+}
+type SelectCompactSlots<T extends DefinedValue = DefinedValue, M extends boolean = false> = {
+  'trigger-leading'?: () => any;
+  'trigger-value'?: (props: SelectCompactTriggerValueSlotProps<T, M>) => any;
+  'trigger-trailing'?: () => any;
+  'trigger-icon'?: () => any;
+  'scroll-up-button'?: () => any;
+  'scroll-down-button'?: () => any;
+  'group-label'?: (props: SelectCompactGroupLabelSlotProps<T>) => any;
+  'item-text'?: (props: SelectCompactItemSlotProps<T>) => any;
+  'item-leading'?: (props: SelectCompactItemSlotProps<T>) => any;
+  'item-trailing'?: (props: SelectCompactItemSlotProps<T>) => any;
+  'item-indicator'?: (props: SelectCompactItemSlotProps<T>) => any;
+};
 interface SelectValueProps extends /** @vue-ignore */HTMLAttributes {
   /** The content that will be rendered inside the `SelectValue` when no `value` or `defaultValue` is set. */
   placeholder?: string;
@@ -94,4 +154,4 @@ interface SelectScrollUpButtonProps extends SelectScrollButtonImplProps {}
 type SelectUiSlot = 'trigger' | 'triggerIcon' | 'value' | 'positioner' | 'popup' | 'viewport' | 'group' | 'groupLabel' | 'item' | 'itemText' | 'itemIndicator' | 'separator' | 'scrollUpButton' | 'scrollDownButton' | 'arrow';
 type SelectUi = UiClass<SelectUiSlot>;
 //#endregion
-export { SelectContentEmits, SelectContentProps, SelectGroupLabelProps, SelectGroupProps, SelectItemEmits, SelectItemEvent, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectPopupProps, SelectPosition, SelectRootEmits, SelectRootProps, SelectScrollDownButtonProps, SelectScrollUpButtonProps, SelectSeparatorProps, SelectTriggerIconProps, SelectTriggerProps, SelectUi, SelectUiSlot, SelectValueProps, SelectViewportProps };
+export { SelectCompactEmits, SelectCompactProps, SelectCompactSlots, SelectContentEmits, SelectContentProps, SelectGroupLabelProps, SelectGroupOptionData, SelectGroupProps, SelectItemEmits, SelectItemEvent, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectOptionData, SelectPopupProps, SelectPosition, SelectRootEmits, SelectRootProps, SelectScrollDownButtonProps, SelectScrollUpButtonProps, SelectSeparatorProps, SelectSingleOptionData, SelectTriggerIconProps, SelectTriggerProps, SelectUi, SelectUiSlot, SelectValueProps, SelectViewportProps };