@soybeanjs/ui 0.13.8 → 0.15.0-beta.1

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

@@ -1,17 +1,17 @@
 import { SelectGroupOptionData, SelectProps, SelectSingleOptionData } from "./types.js";
-import * as vue from "vue";
-import * as _soybeanjs_headless0 from "@soybeanjs/headless";
+import * as _$vue from "vue";
+import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/select/select.vue.d.ts
 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;
+  props: _$vue.PublicProps & __VLS_PrettifyLocal<SelectProps<T, M> & {
+    onSelect?: ((event: _$_soybeanjs_headless0.SelectItemEvent<T>) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => 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,8 +44,8 @@ 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:open", value: boolean) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
-}>) => vue.VNode & {
+  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>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,11 +1,11 @@
 import { SeparatorProps } from "./types.js";
-import * as vue from "vue";
-import * as _soybeanjs_headless0 from "@soybeanjs/headless";
+import * as _$vue from "vue";
+import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/separator/separator.vue.d.ts
-declare const __VLS_export: vue.DefineComponent<SeparatorProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<SeparatorProps> & Readonly<{}>, {
-  orientation: _soybeanjs_headless0.DataOrientation;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: _$vue.DefineComponent<SeparatorProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<SeparatorProps> & Readonly<{}>, {
+  orientation: _$_soybeanjs_headless0.DataOrientation;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
 export { _default };

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

@@ -1,8 +1,8 @@
-import * as tailwind_variants0 from "tailwind-variants";
+import * as _$tailwind_variants0 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/separator/variants.d.ts
-declare const separatorVariants: tailwind_variants0.TVReturnType<{
+declare const separatorVariants: _$tailwind_variants0.TVReturnType<{
   size: {
     xs: {
       label: string;
@@ -114,7 +114,7 @@ declare const separatorVariants: tailwind_variants0.TVReturnType<{
 }, {
   root: string;
   label: string;
-}, tailwind_variants0.TVReturnType<{
+}, _$tailwind_variants0.TVReturnType<{
   size: {
     xs: {
       label: string;

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};