@soybeanjs/ui 0.14.0 → 0.15.0-beta.2

package/dist/components/progress/loading-bar.vue.d.ts

@@ -0,0 +1,25 @@
+import { ThemeColor, ThemeSize } from "../../theme/types.js";
+import { LoadingBarProviderProps } from "./types.js";
+import * as _$vue from "vue";
+import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
+
+//#region src/components/progress/loading-bar.vue.d.ts
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<LoadingBarProviderProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<LoadingBarProviderProps> & Readonly<{}>, {
+  size: ThemeSize;
+  color: ThemeColor;
+  ui: Partial<_$_soybeanjs_headless0.ProgressUi>;
+  errorColor: ThemeColor;
+}, {}, {}, {}, 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/progress/progress-circle.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{circleProgressVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createElementBlock as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeClass as u,normalizeProps as d,openBlock as f,renderSlot as p,toHandlers as m,unref as h,useSlots as g,withCtx as _}from"vue";import{useForwardListeners as v,useOmitProps as y}from"@soybeanjs/headless/composables";import{ProgressCircle as b,ProgressRoot as x,provideProgressUi as S}from"@soybeanjs/headless";const C=s({name:`SProgressCircle`,__name:`progress-circle`,props:{class:{},color:{},size:{},ui:{},strokeWidth:{},modelValue:{},max:{},getValueLabel:{type:Function},getValueText:{type:Function},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:max`],setup(s,{emit:C}){let w=s,T=C,E=g(),D=y(w,[`class`,`color`,`size`,`ui`,`strokeWidth`]),O=v(T),k=n(()=>e(t({color:w.color,size:w.size}),w.ui,{root:w.class})),A=n(()=>!!E.default);return S(k),(e,t)=>(f(),r(h(x),l(h(D),m(h(O))),{default:_(()=>[o(h(b),{"stroke-width":s.strokeWidth},{default:_(t=>[A.value?(f(),a(`div`,{key:0,class:u(k.value.label)},[p(e.$slots,`default`,d(c(t)))],2)):i(`v-if`,!0)]),_:3},8,[`stroke-width`])]),_:3},16))}});export{C as default};

package/dist/components/progress/progress-circle.vue.d.ts

@@ -0,0 +1,29 @@
+import { ProgressCircleProps, ProgressState } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/progress/progress-circle.vue.d.ts
+type Slots = {
+  default?: (props: {
+    modelValue: ProgressCircleProps['modelValue'];
+    max: number;
+    progressState: ProgressState;
+    valuePercent: number | null;
+  }) => any;
+};
+type __VLS_Slots = Slots;
+declare const __VLS_base: _$vue.DefineComponent<ProgressCircleProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: number | null | undefined) => any;
+  "update:max": (value: number) => any;
+}, string, _$vue.PublicProps, Readonly<ProgressCircleProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: number | null | undefined) => any) | undefined;
+  "onUpdate:max"?: ((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/progress/progress.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{getProgressIndicatorStyle as t}from"./shared.js";import{progressVariants as n}from"./variants.js";import{useConfigProvider as r}from"../config-provider/context.js";import"../config-provider/index.js";import{computed as i,createBlock as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toHandlers as p,unref as m,withCtx as h}from"vue";import{useForwardListeners as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{ProgressIndicator as v,ProgressRoot as y,provideProgressUi as b}from"@soybeanjs/headless";const x=s({name:`SProgress`,__name:`progress`,props:{class:{},color:{},size:{},ui:{},indicatorProps:{},modelValue:{},max:{},getValueLabel:{type:Function},getValueText:{type:Function},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:max`],setup(s,{emit:x}){let S=s,C=x,w=_(S,[`class`,`color`,`size`,`ui`,`indicatorProps`]),T=g(C),{dir:E}=r(`Progress`),D=e=>t(e,E.value);return b(i(()=>e(n({color:S.color,size:S.size}),S.ui,{root:S.class}))),(e,t)=>(d(),a(m(y),l(m(w),p(m(T))),{default:h(t=>[o(m(v),l(s.indicatorProps,{style:D(t.valuePercent)}),{default:h(()=>[f(e.$slots,`default`,u(c(t)))]),_:2},1040,[`style`])]),_:3},16))}});export{x as default};

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

@@ -0,0 +1,30 @@
+import { ProgressProps } from "./types.js";
+import * as _$vue from "vue";
+import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
+
+//#region src/components/progress/progress.vue.d.ts
+declare var __VLS_14: {
+  modelValue: number | null | undefined;
+  max: number;
+  progressState: _$_soybeanjs_headless0.ProgressState;
+  valuePercent: number | null;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<ProgressProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: number | null | undefined) => any;
+  "update:max": (value: number) => any;
+}, string, _$vue.PublicProps, Readonly<ProgressProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: number | null | undefined) => any) | undefined;
+  "onUpdate:max"?: ((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/progress/shared.d.ts

@@ -0,0 +1,7 @@
+//#region src/components/progress/shared.d.ts
+/** Resolve linear progress translateX for LTR and RTL layouts. */
+declare function getProgressIndicatorStyle(valuePercent: number | null, direction?: 'ltr' | 'rtl'): {
+  transform: string;
+} | undefined;
+//#endregion
+export { getProgressIndicatorStyle };

package/dist/components/progress/shared.js

@@ -0,0 +1 @@
+function e(e,t=`ltr`){if(e!==null)return{transform:`translateX(${t===`rtl`?100-e:-(100-e)}%)`}}export{e as getProgressIndicatorStyle};

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

@@ -0,0 +1,43 @@
+import { ThemeColor, ThemeSize } from "../../theme/types.js";
+import { ShallowRef } from "vue";
+import { ClassValue, ProgressIndicatorProps, ProgressRootEmits, ProgressRootProps, ProgressState, ProgressUi, PropsToContext } from "@soybeanjs/headless";
+
+//#region src/components/progress/types.d.ts
+interface ProgressProps extends ProgressRootProps {
+  class?: ClassValue;
+  color?: ThemeColor;
+  size?: ThemeSize;
+  ui?: Partial<ProgressUi>;
+  indicatorProps?: ProgressIndicatorProps;
+}
+interface ProgressCircleProps extends ProgressRootProps {
+  class?: ClassValue;
+  color?: ThemeColor;
+  size?: ThemeSize;
+  ui?: Partial<ProgressUi>;
+  strokeWidth?: number;
+}
+interface LoadingBarProviderProps {
+  color?: ThemeColor;
+  errorColor?: ThemeColor;
+  size?: ThemeSize;
+  ui?: Partial<ProgressUi>;
+}
+type ProgressEmits = ProgressRootEmits;
+type ProgressCircleEmits = ProgressRootEmits;
+interface UseLoadingBarReturn {
+  start: () => void;
+  finish: () => void;
+  error: () => void;
+  set: (value: number) => void;
+  clear: () => void;
+}
+interface LoadingBarProviderContext extends Pick<UseLoadingBarReturn, 'clear'> {
+  useLoadingBar: UseLoadingBarReturn;
+  visible: ShallowRef<boolean>;
+  modelValue: ShallowRef<number>;
+  color: ShallowRef<ThemeColor>;
+}
+interface LoadingBarProviderContextParams extends PropsToContext<Required<Pick<LoadingBarProviderProps, 'color' | 'errorColor'>>> {}
+//#endregion
+export { LoadingBarProviderContext, LoadingBarProviderContextParams, LoadingBarProviderProps, ProgressCircleEmits, ProgressCircleProps, ProgressEmits, ProgressProps, type ProgressState, UseLoadingBarReturn };

package/dist/components/progress/variants.js

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`relative w-full overflow-hidden rounded-full bg-muted`,indicator:`h-full w-full flex-1 rounded-full transition-[transform,width] duration-300 data-[state=indeterminate]:w-2/5 data-[state=indeterminate]:opacity-80`,circle:``,track:``,label:``},variants:{color:{primary:{indicator:`bg-primary`},destructive:{indicator:`bg-destructive`},success:{indicator:`bg-success`},warning:{indicator:`bg-warning`},info:{indicator:`bg-info`},carbon:{indicator:`bg-carbon`},secondary:{indicator:`bg-secondary-foreground/20`},accent:{indicator:`bg-accent-foreground/20`}},size:{xs:{root:`h-1.5`},sm:{root:`h-2`},md:{root:`h-2.5`},lg:{root:`h-3`},xl:{root:`h-3.5`},"2xl":{root:`h-4`}}},defaultVariants:{color:`primary`,size:`md`}}),n=e({slots:{root:`relative inline-flex shrink-0 items-center justify-center rounded-full`,indicator:`fill-none stroke-current transition-[stroke-dasharray,stroke-dashoffset] duration-300 ease-in-out`,circle:`size-full`,track:`fill-none stroke-current text-muted`,label:`pointer-events-none absolute inset-0 flex items-center justify-center`},variants:{color:{primary:{indicator:`text-primary`},destructive:{indicator:`text-destructive`},success:{indicator:`text-success`},warning:{indicator:`text-warning`},info:{indicator:`text-info`},carbon:{indicator:`text-carbon`},secondary:{indicator:`text-secondary-foreground/40`},accent:{indicator:`text-accent-foreground/40`}},size:{xs:{root:`h-8 w-8 text-[10px]`},sm:{root:`h-10 w-10 text-xs`},md:{root:`h-12 w-12 text-sm`},lg:{root:`h-16 w-16 text-base`},xl:{root:`h-20 w-20 text-lg`},"2xl":{root:`h-24 w-24 text-xl`}}},defaultVariants:{color:`primary`,size:`md`}});export{n as circleProgressVariants,t as progressVariants};

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

@@ -0,0 +1,4 @@
+import { ScrollAreaEmits, ScrollAreaProps } from "./types.js";
+import { _default } from "./scroll-area.vue.js";
+import { ScrollAreaCornerProps, ScrollAreaOrientation, ScrollAreaRootEmits, ScrollAreaRootProps, ScrollAreaScrollbarProps, ScrollAreaState, ScrollAreaThumbProps, ScrollAreaType, ScrollAreaUi, ScrollAreaUiSlot, ScrollAreaViewportProps } from "@soybeanjs/headless/scroll-area";
+export { type ScrollAreaCornerProps, type ScrollAreaOrientation, type ScrollAreaRootEmits, type ScrollAreaRootProps, type ScrollAreaScrollbarProps, type ScrollAreaState, type ScrollAreaThumbProps, type ScrollAreaType, type ScrollAreaUi, type ScrollAreaUiSlot, type ScrollAreaViewportProps };

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

@@ -0,0 +1 @@
+import"./scroll-area.js";

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

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{scrollAreaVariants as t}from"./variants.js";import{computed as n,createBlock as r,createVNode as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";import{useOmitProps as p}from"@soybeanjs/headless/composables";import{ScrollAreaCorner as m,ScrollAreaRoot as h,ScrollAreaScrollbar as g,ScrollAreaThumb as _,ScrollAreaViewport as v,provideScrollAreaUi as y}from"@soybeanjs/headless";const b=a({name:`SScrollArea`,__name:`scroll-area`,props:{class:{},ui:{},viewportProps:{},verticalScrollbarProps:{},horizontalScrollbarProps:{},thumbProps:{},cornerProps:{},type:{},dir:{},scrollHideDelay:{},asChild:{type:Boolean},as:{}},setup(a){let b=a,x=p(b,[`class`,`ui`,`viewportProps`,`verticalScrollbarProps`,`horizontalScrollbarProps`,`thumbProps`,`cornerProps`]);return y(n(()=>e(t(),b.ui,{root:b.class}))),(e,t)=>(l(),r(d(h),c(o(d(x))),{default:f(()=>[i(d(v),c(o(a.viewportProps)),{default:f(()=>[u(e.$slots,`default`)]),_:3},16),i(d(g),s({orientation:`vertical`},a.verticalScrollbarProps),{default:f(()=>[i(d(_),c(o(a.thumbProps)),null,16)]),_:1},16),i(d(g),s({orientation:`horizontal`},a.horizontalScrollbarProps),{default:f(()=>[i(d(_),c(o(a.thumbProps)),null,16)]),_:1},16),i(d(m),c(o(a.cornerProps)),null,16)]),_:3},16))}});export{b as default};

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

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

@@ -0,0 +1,15 @@
+import { ClassValue, ScrollAreaCornerProps, ScrollAreaRootEmits, ScrollAreaRootProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaUi, ScrollAreaViewportProps } from "@soybeanjs/headless";
+
+//#region src/components/scroll-area/types.d.ts
+interface ScrollAreaProps extends ScrollAreaRootProps {
+  class?: ClassValue;
+  ui?: Partial<ScrollAreaUi>;
+  viewportProps?: ScrollAreaViewportProps;
+  verticalScrollbarProps?: Omit<ScrollAreaScrollbarProps, 'orientation'>;
+  horizontalScrollbarProps?: Omit<ScrollAreaScrollbarProps, 'orientation'>;
+  thumbProps?: ScrollAreaThumbProps;
+  cornerProps?: ScrollAreaCornerProps;
+}
+type ScrollAreaEmits = ScrollAreaRootEmits;
+//#endregion
+export { ScrollAreaEmits, ScrollAreaProps };

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

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`relative overflow-hidden`,viewport:`size-full rounded-[inherit] outline-none focus-visible:outline-1 focus-visible:ring-3 focus-visible:ring-ring/50`,scrollbar:[`absolute flex touch-none select-none p-px transition-opacity duration-200 ease-out`,`data-[state=hidden]:pointer-events-none data-[state=hidden]:opacity-0`,`data-[orientation=vertical]:inset-y-0 data-[orientation=vertical]:right-0 data-[orientation=vertical]:w-2.5 data-[orientation=vertical]:border-l data-[orientation=vertical]:border-l-transparent`,`rtl:data-[orientation=vertical]:right-auto rtl:data-[orientation=vertical]:left-0`,`data-[orientation=horizontal]:inset-x-0 data-[orientation=horizontal]:bottom-0 data-[orientation=horizontal]:h-2.5 data-[orientation=horizontal]:flex-col data-[orientation=horizontal]:border-t data-[orientation=horizontal]:border-t-transparent`],thumb:`relative flex-1 rounded-full bg-border`,corner:`absolute bottom-0 right-0 bg-border/50 rtl:right-auto rtl:left-0`}});export{t as scrollAreaVariants};

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

@@ -7,11 +7,11 @@ import { DefinedValue } from "@soybeanjs/headless";
 declare const __VLS_export: <T extends 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<SelectProps<T, M> & {
     onSelect?: ((event: _$_soybeanjs_headless0.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: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
@@ -44,7 +44,7 @@ declare const __VLS_export: <T extends DefinedValue, M extends boolean = false>(
       item: SelectSingleOptionData<T>;
     }) => any;
   };
-  emit: ((evt: "select", event: _$_soybeanjs_headless0.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: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  emit: ((evt: "select", event: _$_soybeanjs_headless0.SelectItemEvent<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -0,0 +1,3 @@
+import { SkeletonShape } from "./variants.js";
+import { SkeletonProps } from "./types.js";
+import { _default } from "./skeleton.vue.js";

package/dist/components/skeleton/index.js

@@ -0,0 +1 @@
+import"./skeleton.js";

package/dist/components/skeleton/skeleton.js

@@ -0,0 +1 @@
+import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import{skeletonVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";import{useOmitProps as u}from"@soybeanjs/headless/composables";import{Skeleton as d}from"@soybeanjs/headless";const f=i({name:`SSkeleton`,__name:`skeleton`,props:{class:{},size:{},animated:{type:Boolean,default:!0},shape:{},asChild:{type:Boolean},as:{}},setup(i){let f=i,p=u(f,[`class`,`size`,`animated`,`shape`]),m=n(()=>e(t({size:f.size,animated:f.animated,shape:f.shape}),f.class));return(e,t)=>(o(),r(c(d),a(c(p),{class:m.value}),{default:l(()=>[s(e.$slots,`default`)]),_:3},16,[`class`]))}});export{f as default};

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

@@ -0,0 +1,20 @@
+import { SkeletonProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/skeleton/skeleton.vue.d.ts
+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<{}>, {
+  animated: boolean;
+}, {}, {}, {}, 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/skeleton/types.d.ts

@@ -0,0 +1,16 @@
+import { ThemeSize } from "../../theme/types.js";
+import { SkeletonShape } from "./variants.js";
+import { ClassValue, SkeletonProps } from "@soybeanjs/headless";
+
+//#region src/components/skeleton/types.d.ts
+interface SkeletonProps$1 extends SkeletonProps {
+  class?: ClassValue;
+  size?: ThemeSize;
+  /**
+   * Whether the skeleton should have an animation effect. Defaults to `true`.
+   */
+  animated?: boolean;
+  shape?: SkeletonShape;
+}
+//#endregion
+export { SkeletonProps$1 as SkeletonProps };

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

@@ -0,0 +1,60 @@
+import * as _$tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/skeleton/variants.d.ts
+declare const skeletonVariants: _$tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+  };
+  shape: {
+    auto: string;
+    rounded: string;
+  };
+  animated: {
+    true: string;
+    false: string;
+  };
+}, undefined, "block shrink-0 bg-muted", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+  };
+  shape: {
+    auto: string;
+    rounded: string;
+  };
+  animated: {
+    true: string;
+    false: string;
+  };
+}, undefined, _$tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+  };
+  shape: {
+    auto: string;
+    rounded: string;
+  };
+  animated: {
+    true: string;
+    false: string;
+  };
+}, undefined, "block shrink-0 bg-muted", unknown, unknown, undefined>>;
+type SkeletonVariants = VariantProps<typeof skeletonVariants>;
+type SkeletonShape = NonNullable<SkeletonVariants['shape']>;
+//#endregion
+export { SkeletonShape };

package/dist/components/skeleton/variants.js

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({base:`block shrink-0 bg-muted`,variants:{size:{xs:`h-3 w-16`,sm:`h-4 w-24`,md:`h-5 w-32`,lg:`h-6 w-40`,xl:`h-8 w-48`,"2xl":`h-10 w-56`},shape:{auto:`rounded-md`,rounded:`rounded-full`},animated:{true:`animate-pulse`,false:``}},defaultVariants:{size:`md`,shape:`auto`,animated:!0}});export{t as skeletonVariants};

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

@@ -0,0 +1,4 @@
+import { SliderEmits, SliderProps } from "./types.js";
+import { _default } from "./slider.vue.js";
+import { SliderRangeProps, SliderRootEmits, SliderRootProps, SliderThumbProps, SliderTrackProps, SliderUi, SliderUiSlot } from "@soybeanjs/headless/slider";
+export { type SliderRangeProps, type SliderRootEmits, type SliderRootProps, type SliderThumbProps, type SliderTrackProps, type SliderUi, type SliderUiSlot };

package/dist/components/slider/index.js

@@ -0,0 +1 @@
+import"./slider.js";

package/dist/components/slider/slider.js

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

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

@@ -0,0 +1,28 @@
+import { SliderProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/slider/slider.vue.d.ts
+declare var __VLS_25: {
+  index: number;
+  modelValue: number[];
+  value: number;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_25) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<SliderProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: number[]) => any;
+  valueCommit: (value: number[]) => any;
+}, string, _$vue.PublicProps, Readonly<SliderProps> & 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/types.d.ts

@@ -0,0 +1,16 @@
+import { ThemeColor, ThemeSize } from "../../theme/types.js";
+import { ClassValue, SliderRangeProps, SliderRootEmits, SliderRootProps, SliderThumbProps, SliderTrackProps, SliderUi } from "@soybeanjs/headless";
+
+//#region src/components/slider/types.d.ts
+interface SliderProps extends SliderRootProps {
+  class?: ClassValue;
+  color?: ThemeColor;
+  size?: ThemeSize;
+  ui?: Partial<SliderUi>;
+  trackProps?: SliderTrackProps;
+  rangeProps?: SliderRangeProps;
+  thumbProps?: Omit<SliderThumbProps, 'index'>;
+}
+type SliderEmits = SliderRootEmits;
+//#endregion
+export { SliderEmits, SliderProps };

package/dist/components/slider/variants.js

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:[`relative flex w-full touch-none select-none items-center`,`data-[disabled]:opacity-50 data-[orientation=vertical]:flex-col data-[orientation=vertical]:min-h-20`],track:[`relative grow overflow-hidden rounded-full bg-muted`,`data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full`],range:`absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full`,thumb:[`absolute block shrink-0 rounded-full bg-background shadow-sm transition-[color,box-shadow]`,`hover:ring-3 focus-visible:outline-none focus-visible:ring-3 data-[disabled]:cursor-not-allowed`]},variants:{color:{primary:{range:`bg-primary`,thumb:`border-primary focus-visible:ring-primary/30 hover:ring-primary/20`},destructive:{range:`bg-destructive`,thumb:`border-destructive focus-visible:ring-destructive/30 hover:ring-destructive/20`},success:{range:`bg-success`,thumb:`border-success focus-visible:ring-success/30 hover:ring-success/20`},warning:{range:`bg-warning`,thumb:`border-warning focus-visible:ring-warning/30 hover:ring-warning/20`},info:{range:`bg-info`,thumb:`border-info focus-visible:ring-info/30 hover:ring-info/20`},carbon:{range:`bg-carbon`,thumb:`border-carbon focus-visible:ring-carbon/30 hover:ring-carbon/20`},secondary:{range:`bg-secondary-foreground/30`,thumb:`border-secondary-foreground/40 focus-visible:ring-secondary-foreground/20 hover:ring-secondary-foreground/20`},accent:{range:`bg-accent-foreground/30`,thumb:`border-accent-foreground/40 focus-visible:ring-accent-foreground/20 hover:ring-accent-foreground/20`}},size:{xs:{root:`h-3 data-[orientation=vertical]:w-3`,track:`data-[orientation=horizontal]:h-1.25 data-[orientation=vertical]:w-1.25`,thumb:`size-3 border`},sm:{root:`h-3.5 data-[orientation=vertical]:w-3.5`,track:`data-[orientation=horizontal]:h-1.5 data-[orientation=vertical]:w-1.5`,thumb:`size-3.5 border`},md:{root:`h-4 data-[orientation=vertical]:w-4`,track:`data-[orientation=horizontal]:h-1.75 data-[orientation=vertical]:w-1.75`,thumb:`size-4 border-2`},lg:{root:`h-4.5 data-[orientation=vertical]:w-4.5`,track:`data-[orientation=horizontal]:h-2 data-[orientation=vertical]:w-2`,thumb:`size-4.5 border-2`},xl:{root:`h-5 data-[orientation=vertical]:w-5`,track:`data-[orientation=horizontal]:h-2.5 data-[orientation=vertical]:w-2.5`,thumb:`size-5 border-3`},"2xl":{root:`h-6 data-[orientation=vertical]:w-6`,track:`data-[orientation=horizontal]:h-3 data-[orientation=vertical]:w-3`,thumb:`size-6 border-3`}}},defaultVariants:{color:`primary`,size:`md`}});export{t as sliderVariants};

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

@@ -0,0 +1,2 @@
+import { SpinnerIcon, SpinnerProps } from "./types.js";
+import { _default } from "./spinner.vue.js";

package/dist/components/spinner/index.js

@@ -0,0 +1 @@
+import"./spinner.js";

package/dist/components/spinner/spinner.js

@@ -0,0 +1 @@
+import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import t from"../icon/icon.js";import{spinnerVariants as n}from"./variants.js";import{computed as r,createBlock as i,defineComponent as a,mergeProps as o,openBlock as s,unref as c}from"vue";import{useOmitProps as l}from"@soybeanjs/headless/composables";const u=a({name:`SSpinner`,__name:`spinner`,props:{class:{},color:{},icon:{default:`svg-spinners:270-ring`},size:{},ssr:{type:Boolean},customise:{},id:{},style:{},title:{},mode:{},flip:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},rotate:{},hFlip:{type:Boolean},vFlip:{type:Boolean},width:{},height:{},inline:{type:Boolean},ariaHidden:{type:Boolean}},setup(a){let u=a,d=l(u,[`class`,`color`,`size`]),f=r(()=>e(n({color:u.color,size:u.size}),u.class));return(e,n)=>(s(),i(t,o(c(d),{class:f.value}),null,16,[`class`]))}});export{u as default};

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

@@ -0,0 +1,10 @@
+import { SpinnerIcon, SpinnerProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/spinner/spinner.vue.d.ts
+declare const __VLS_export: _$vue.DefineComponent<SpinnerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<SpinnerProps> & Readonly<{}>, {
+  icon: SpinnerIcon;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };

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

@@ -0,0 +1,19 @@
+import { ThemeColor, ThemeSize } from "../../theme/types.js";
+import { IconProps } from "../icon/types.js";
+import { ClassValue } from "@soybeanjs/headless";
+
+//#region src/components/spinner/types.d.ts
+type SpinnerIcon = `svg-spinners:${string}`;
+interface SpinnerProps extends Omit<IconProps, 'icon' | 'color'> {
+  class?: ClassValue;
+  color?: ThemeColor;
+  /**
+   * The spinner icon name from the Iconify svg-spinners collection.
+   *
+   * @default 'svg-spinners:270-ring'
+   */
+  icon?: SpinnerIcon;
+  size?: ThemeSize;
+}
+//#endregion
+export { SpinnerIcon, SpinnerProps };

package/dist/components/spinner/variants.js

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({variants:{color:{current:`text-current`,primary:`text-primary`,destructive:`text-destructive`,success:`text-success`,warning:`text-warning`,info:`text-info`,carbon:`text-carbon`,secondary:`text-secondary-foreground/20`,accent:`text-accent-foreground/20`},size:{xs:`size-3`,sm:`size-4`,md:`size-5`,lg:`size-6`,xl:`size-8`,"2xl":`size-10`}},defaultVariants:{color:`current`,size:`md`}});export{t as spinnerVariants};

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

@@ -0,0 +1,5 @@
+import { _default } from "./splitter-group.vue.js";
+import { _default as _default$1 } from "./splitter-panel.vue.js";
+import { _default as _default$2 } from "./splitter-resize-handle.vue.js";
+import { SplitterGroupEmits, SplitterGroupProps, SplitterPanelEmits, SplitterPanelProps, SplitterResizeHandleEmits, SplitterResizeHandleProps, SplitterUi, SplitterUiSlot } from "@soybeanjs/headless/splitter";
+export { type SplitterGroupEmits, type SplitterGroupProps, type SplitterPanelEmits, type SplitterPanelProps, type SplitterResizeHandleEmits, type SplitterResizeHandleProps, type SplitterUi, type SplitterUiSlot };

package/dist/components/splitter/index.js

@@ -0,0 +1 @@
+import"./splitter-group.js";import"./splitter-panel.js";import"./splitter-resize-handle.js";

package/dist/components/splitter/splitter-group.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{splitterVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,toHandlers as c,unref as l,withCtx as u}from"vue";import{useForwardListeners as d,useOmitProps as f}from"@soybeanjs/headless/composables";import{SplitterGroup as p,provideSplitterUi as m}from"@soybeanjs/headless";const h=i({name:`SSplitterGroup`,__name:`splitter-group`,props:{class:{},ui:{},direction:{},dir:{},defaultLayout:{},keyboardResizeBy:{},asChild:{type:Boolean},as:{}},emits:[`layout`],setup(i,{emit:h}){let g=i,_=h,v=f(g,[`class`,`ui`]),y=d(_);return m(n(()=>e(t(),g.ui,{root:g.class}))),(e,t)=>(o(),r(l(p),a({"data-slot":`splitter-group`},l(v),c(l(y))),{default:u(()=>[s(e.$slots,`default`)]),_:3},16))}});export{h as default};

package/dist/components/splitter/splitter-group.vue.d.ts

@@ -0,0 +1,22 @@
+import { SplitterGroupProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/splitter/splitter-group.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<SplitterGroupProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  layout: (value: number[]) => any;
+}, string, _$vue.PublicProps, Readonly<SplitterGroupProps> & Readonly<{
+  onLayout?: ((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/splitter/splitter-panel.js

@@ -0,0 +1 @@
+import{createBlock as e,defineComponent as t,guardReactiveProps as n,mergeProps as r,normalizeProps as i,openBlock as a,renderSlot as o,toHandlers as s,unref as c,withCtx as l}from"vue";import{useForwardListeners as u}from"@soybeanjs/headless/composables";import{SplitterPanel as d}from"@soybeanjs/headless";const f=t({name:`SSplitterPanel`,__name:`splitter-panel`,props:{class:{},defaultSize:{},collapsible:{type:Boolean},collapsedSize:{},maxSize:{},minSize:{},order:{},asChild:{type:Boolean},as:{}},emits:[`collapse`,`expand`,`resize`],setup(t,{emit:f}){let p=t,m=u(f);return(t,u)=>(a(),e(c(d),r({"data-slot":`splitter-panel`},p,s(c(m))),{default:l(e=>[o(t.$slots,`default`,i(n(e)))]),_:3},16))}});export{f as default};

package/dist/components/splitter/splitter-panel.vue.d.ts

@@ -0,0 +1,32 @@
+import { SplitterPanelProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/splitter/splitter-panel.vue.d.ts
+declare var __VLS_8: {
+  isCollapsed: boolean;
+  isExpanded: boolean;
+  collapse: () => void;
+  expand: () => void;
+  resize: (sizeValue: number) => void;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<SplitterPanelProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  resize: (size: number, prevSize: number | undefined) => any;
+  expand: () => any;
+  collapse: () => any;
+}, string, _$vue.PublicProps, Readonly<SplitterPanelProps> & Readonly<{
+  onResize?: ((size: number, prevSize: number | undefined) => any) | undefined;
+  onExpand?: (() => any) | undefined;
+  onCollapse?: (() => 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/splitter/splitter-resize-handle.js

@@ -0,0 +1 @@
+import{computed as e,defineComponent as t,h as n}from"vue";import{SplitterResizeHandle as r}from"@soybeanjs/headless";const i=t({name:`SSplitterResizeHandle`,inheritAttrs:!1,props:{withHandle:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},tabindex:{type:Number,default:0},asChild:{type:Boolean,default:void 0},as:{type:[String,Object,Function],default:void 0},class:{type:null,default:void 0}},emits:{dragging:e=>!0},setup(t,{attrs:i,emit:a,slots:o}){let s=e(()=>({...i,disabled:t.disabled,tabindex:t.tabindex,asChild:t.asChild,as:t.as})),c=e(()=>n(`div`,{class:`bg-background z-10 flex h-4 w-3 items-center justify-center rounded-xs border border-border`,"aria-hidden":`true`},[n(`div`,{class:`flex flex-col items-center gap-0.5`},[n(`span`,{class:`h-0.75 w-0.75 rounded-full bg-muted-foreground/70`}),n(`span`,{class:`h-0.75 w-0.75 rounded-full bg-muted-foreground/70`}),n(`span`,{class:`h-0.75 w-0.75 rounded-full bg-muted-foreground/70`})])]));return()=>n(r,{"data-slot":`splitter-resize-handle`,...s.value,class:t.class,onDragging:e=>a(`dragging`,e)},{default:()=>{if(o.default)return o.default();if(t.withHandle)return[c.value]}})}});export{i as default};