@soybeanjs/ui 0.0.1-beta.3 → 0.0.2-beta.7

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

@@ -0,0 +1,24 @@
+import { SegmentOptionData, SegmentProps } from "./types.js";
+import * as vue237 from "vue";
+import { AcceptableValue } from "@soybeanjs/headless";
+
+//#region src/components/segment/segment.vue.d.ts
+declare const __VLS_export: <T extends AcceptableValue = AcceptableValue, S extends SegmentOptionData<NonNullable<T>> = SegmentOptionData<NonNullable<T>>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: __VLS_PrettifyLocal<SegmentProps<T, S> & {
+    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
+  }> & vue237.PublicProps;
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    item?: (props: S & {
+      active: boolean;
+    }) => any;
+  };
+  emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
+}>) => vue237.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = { [K in keyof T as K]: T[K] } & {};
+//#endregion
+export { _default };

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

@@ -0,0 +1,26 @@
+import { ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { TabsFill, TabsShape } from "../../variants/tabs.js";
+import { TabsExtendedUi } from "../tabs/types.js";
+import { AcceptableValue, DefinedValue, TabsIndicatorProps, TabsListProps, TabsRootProps, TabsTriggerProps } from "@soybeanjs/headless";
+
+//#region src/components/segment/types.d.ts
+interface SegmentOptionData<T extends DefinedValue = DefinedValue> {
+  value: T;
+  label: string;
+  disabled?: boolean;
+}
+type SegmentExtendedUi = TabsExtendedUi;
+interface SegmentProps<T extends AcceptableValue, S extends SegmentOptionData<NonNullable<T>> = SegmentOptionData<NonNullable<T>>> extends TabsRootProps<T> {
+  ui?: Partial<SegmentExtendedUi>;
+  size?: ThemeSize;
+  shape?: TabsShape;
+  items: S[];
+  fill?: TabsFill;
+  enableIndicator?: boolean;
+  listProps?: TabsListProps;
+  triggerProps?: TabsTriggerProps;
+  indicatorProps?: TabsIndicatorProps;
+}
+//#endregion
+export { SegmentExtendedUi, SegmentOptionData, SegmentProps };

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

@@ -0,0 +1,4 @@
+import { SelectEmits, SelectGroupOptionData, SelectGroupOptionEmits, SelectGroupOptionProps, SelectOptionData, SelectOptionEmits, SelectOptionProps, SelectProps, SelectSingleOptionData, SelectSingleOptionEmits, SelectSingleOptionProps } from "./types.js";
+import { _default } from "./select.vue.js";
+import { SelectArrowProps, SelectContentEmits, SelectContentProps, SelectGroupLabelProps, SelectGroupProps, SelectItemEmits, SelectItemEvent, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectPosition, SelectRootEmits, SelectRootProps, SelectScrollDownButtonProps, SelectScrollUpButtonProps, SelectSeparatorProps, SelectTriggerIconProps, SelectTriggerProps, SelectValueProps, SelectViewportProps } from "@soybeanjs/headless/select";
+export { type SelectArrowProps, type SelectContentEmits, type SelectContentProps, type SelectGroupLabelProps, type SelectGroupProps, type SelectItemEmits, type SelectItemEvent, type SelectItemIndicatorProps, type SelectItemProps, type SelectItemTextProps, type SelectPosition, type SelectRootEmits, type SelectRootProps, type SelectScrollDownButtonProps, type SelectScrollUpButtonProps, type SelectSeparatorProps, type SelectTriggerIconProps, type SelectTriggerProps, type SelectValueProps, type SelectViewportProps };

package/dist/components/select/select-group-option.js

@@ -0,0 +1 @@
+import e from"./select-single-option.js";import{Fragment as t,createBlock as n,createCommentVNode as r,createElementBlock as i,createTextVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderList as f,renderSlot as p,toDisplayString as m,unref as h,withCtx as g}from"vue";import{SelectGroup as _,SelectGroupLabel as v,SelectSeparator as y}from"@soybeanjs/headless";var b=s({name:`SSelectGroupOption`,__name:`select-group-option`,props:{item:{},groupLabelProps:{},itemProps:{},itemTextProps:{},itemIndicatorProps:{},separatorProps:{}},emits:[`select`],setup(s,{emit:b}){let x=b;return(b,S)=>(d(),n(h(_),null,{default:g(()=>[o(h(v),u(c(s.groupLabelProps)),{default:g(()=>[p(b.$slots,`group-label`,{},()=>[a(m(s.item.label),1)])]),_:3},16),s.item.separator?(d(),n(h(y),u(l({key:0},s.separatorProps)),null,16)):r(`v-if`,!0),(d(!0),i(t,null,f(s.item.items,t=>(d(),n(e,l({key:String(t.value)},{ref_for:!0},s.itemProps,{item:t,value:t.value,"text-value":t.textValue,disabled:t.disabled,"item-text-props":s.itemTextProps,"item-indicator-props":s.itemIndicatorProps,"separator-props":s.separatorProps,onSelect:S[0]||=e=>x(`select`,e)}),{"item-leading":g(()=>[p(b.$slots,`item-leading`,{item:t})]),"item-text":g(()=>[p(b.$slots,`item-text`,{item:t})]),"item-trailing":g(()=>[p(b.$slots,`item-trailing`,{item:t})]),"item-indicator":g(()=>[p(b.$slots,`item-indicator`,{item:t})]),_:2},1040,[`item`,`value`,`text-value`,`disabled`,`item-text-props`,`item-indicator-props`,`separator-props`]))),128))]),_:3}))}});export{b as default};

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

@@ -0,0 +1 @@
+import e from"./select-single-option.js";import t from"./select-group-option.js";import{isGroupOption as n}from"./shared.js";import{Fragment as r,computed as i,createBlock as a,createElementBlock as o,createSlots as s,createTextVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderList as m,renderSlot as h,toDisplayString as g,unref as _,useSlots as v,withCtx as y}from"vue";var b=l({name:`SSelectOption`,__name:`select-option`,props:{item:{},groupProps:{},groupLabelProps:{},itemProps:{},itemTextProps:{},itemIndicatorProps:{},separatorProps:{}},emits:[`select`],setup(l,{emit:b}){let x=b,S=v(),C=i(()=>Object.keys(S).filter(e=>e!==`group-label`));return(i,v)=>_(n)(l.item)?(p(),a(t,d({key:0},l.groupProps,{item:l.item,"group-label-props":l.groupLabelProps,"item-props":l.itemProps,"item-text-props":l.itemTextProps,"item-indicator-props":l.itemIndicatorProps,"separator-props":l.separatorProps,onSelect:v[0]||=e=>x(`select`,e)}),s({"group-label":y(()=>[h(i.$slots,`group-label`,{item:l.item},()=>[c(g(l.item.label),1)])]),_:2},[m(C.value,e=>({name:e,fn:y(t=>[h(i.$slots,e,f(u(t)))])}))]),1040,[`item`,`group-label-props`,`item-props`,`item-text-props`,`item-indicator-props`,`separator-props`])):(p(),a(e,d({key:1},l.itemProps,{item:l.item,value:l.item.value,"text-value":l.item.textValue,disabled:l.item.disabled,"item-text-props":l.itemTextProps,"item-indicator-props":l.itemIndicatorProps,"separator-props":l.separatorProps,onSelect:v[1]||=e=>x(`select`,e)}),{default:y(()=>[(p(!0),o(r,null,m(C.value,e=>h(i.$slots,e,{key:e,item:l.item})),128))]),_:3},16,[`item`,`value`,`text-value`,`disabled`,`item-text-props`,`item-indicator-props`,`separator-props`]))}});export{b as default};

package/dist/components/select/select-single-option.js

@@ -0,0 +1 @@
+import e from"../icon/icon.js";import{Fragment as t,createBlock as n,createCommentVNode as r,createElementBlock as i,createTextVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toDisplayString as p,unref as m,useAttrs as h,withCtx as g}from"vue";import{SelectItem as _,SelectItemIndicator as v,SelectItemText as y,SelectSeparator as b}from"@soybeanjs/headless";var x=s({name:`SSelectSingleOption`,inheritAttrs:!1,__name:`select-single-option`,props:{item:{},itemTextProps:{},itemIndicatorProps:{},separatorProps:{}},emits:[`select`],setup(s,{emit:x}){let S=x,C=h();return(h,x)=>(d(),i(t,null,[o(m(_),l(m(C),{value:s.item.value,"text-value":s.item.textValue,disabled:s.item.disabled,onSelect:x[0]||=e=>S(`select`,e)}),{default:g(()=>[f(h.$slots,`item-leading`,{},()=>[s.item.icon?(d(),n(e,{key:0,icon:s.item.icon},null,8,[`icon`])):r(`v-if`,!0)]),o(m(y),u(c(s.itemTextProps)),{default:g(()=>[f(h.$slots,`item-text`,{},()=>[a(p(s.item.label),1)])]),_:3},16),f(h.$slots,`item-trailing`),o(m(v),u(c(s.itemIndicatorProps)),{default:g(()=>[f(h.$slots,`item-indicator`,{},()=>[o(e,{icon:`lucide:check`})])]),_:3},16)]),_:3},16,[`value`,`text-value`,`disabled`]),s.item.separator?(d(),n(m(b),u(l({key:0},s.separatorProps)),null,16)):r(`v-if`,!0)],64))}});export{x as default};

package/dist/components/select/select.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import t from"../icon/icon.js";import{selectVariants as n}from"../../variants/select.js";import{isGroupOption as r}from"./shared.js";import i from"./select-option.js";import{Fragment as a,computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,createSlots as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeProps as h,openBlock as g,renderList as _,renderSlot as v,toHandlers as y,unref as b,useSlots as x,withCtx as S}from"vue";import{useForwardListeners as C,useOmitProps as w}from"@soybeanjs/headless/composables";import{SelectArrow as T,SelectContent as E,SelectPortal as D,SelectRoot as O,SelectScrollDownButton as k,SelectScrollUpButton as A,SelectTrigger as j,SelectTriggerIcon as M,SelectValue as N,SelectViewport as P,provideSelectThemeContext as F}from"@soybeanjs/headless";var I=f({name:`SSelect`,inheritAttrs:!1,__name:`select`,props:{ui:{},size:{},items:{},showArrow:{type:Boolean},triggerProps:{},triggerIconProps:{},valueProps:{},portalProps:{},contentProps:{},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:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`,`closeAutoFocus`,`escapeKeyDown`,`pointerDownOutside`,`select`],setup(f,{emit:I}){let L=f,R=I,z=x(),B=o(()=>Object.keys(z).filter(e=>e.startsWith(`item-`)||e===`group-label`)),V=w(L,[`ui`,`size`,`items`,`triggerProps`,`triggerIconProps`,`valueProps`,`portalProps`,`contentProps`,`viewportProps`,`scrollDownButtonProps`,`scrollUpButtonProps`,`groupProps`,`groupLabelProps`,`itemProps`,`itemTextProps`,`itemIndicatorProps`,`separatorProps`,`arrowProps`]),H=C(R),U=e=>r(e)?`group-${e.label}`:e.value;return F({ui:o(()=>e(n({size:L.size}),L.ui))}),(e,n)=>(g(),s(b(O),m(b(V),{"onUpdate:modelValue":n[1]||=e=>R(`update:modelValue`,e)}),{default:S(()=>[d(b(j),h(p(f.triggerProps)),{default:S(()=>[v(e.$slots,`trigger-leading`),d(b(N),h(p(f.valueProps)),{default:S(t=>[v(e.$slots,`trigger-value`,h(p(t)))]),_:3},16),v(e.$slots,`trigger-trailing`),d(b(M),h(p(f.triggerIconProps)),{default:S(()=>[v(e.$slots,`trigger-icon`,{},()=>[d(t,{icon:`lucide:chevrons-up-down`})])]),_:3},16)]),_:3},16),d(b(D),h(p(f.portalProps)),{default:S(()=>[d(b(E),m(f.contentProps,y(b(H))),{default:S(()=>[d(b(A),h(p(f.scrollUpButtonProps)),{default:S(()=>[v(e.$slots,`scroll-up-button`,{},()=>[d(t,{icon:`lucide:chevron-up`})])]),_:3},16),d(b(P),h(p(f.viewportProps)),{default:S(()=>[(g(!0),l(a,null,_(f.items,t=>(g(),s(i,{key:U(t),item:t,"group-props":f.groupProps,"group-label-props":f.groupLabelProps,"item-props":f.itemProps,"item-text-props":f.itemTextProps,"item-indicator-props":f.itemIndicatorProps,"separator-props":f.separatorProps,onSelect:n[0]||=e=>R(`select`,e)},u({_:2},[_(B.value,t=>({name:t,fn:S(n=>[v(e.$slots,t,m({ref_for:!0},n))])}))]),1032,[`item`,`group-props`,`group-label-props`,`item-props`,`item-text-props`,`item-indicator-props`,`separator-props`]))),128))]),_:3},16),d(b(k),h(p(f.scrollDownButtonProps)),{default:S(()=>[v(e.$slots,`scroll-down-button`,{},()=>[d(t,{icon:`lucide:chevron-down`})])]),_:3},16),f.showArrow?(g(),s(b(T),h(m({key:0},f.arrowProps)),null,16)):c(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{I as default};

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

@@ -0,0 +1,52 @@
+import { SelectOptionData, SelectProps } from "./types.js";
+import * as vue246 from "vue";
+import * as _soybeanjs_headless140 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, S extends SelectOptionData<T> = SelectOptionData<T>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: __VLS_PrettifyLocal<SelectProps<T, M, S> & {
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
+    onSelect?: ((event: _soybeanjs_headless140.SelectItemEvent<T>) => any) | undefined;
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _soybeanjs_headless140.PointerDownOutsideEvent) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  }> & vue246.PublicProps;
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    'trigger-leading'?: () => any;
+    'trigger-value'?: (props: {
+      modelValue: SelectProps<T, M, S>["modelValue"];
+      selectedLabel: string[];
+      slotText: string;
+    }) => any;
+    'trigger-trailing'?: () => any;
+    'trigger-icon'?: () => any;
+    'scroll-up-button'?: () => any;
+    'scroll-down-button'?: () => any;
+    'group-label'?: (props: {
+      item: S;
+    }) => any;
+    'item-text'?: (props: {
+      item: S;
+    }) => any;
+    'item-leading'?: (props: {
+      item: S;
+    }) => any;
+    'item-trailing'?: (props: {
+      item: S;
+    }) => any;
+    'item-indicator'?: (props: {
+      item: S;
+    }) => any;
+  };
+  emit: ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "select", event: _soybeanjs_headless140.SelectItemEvent<T>) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless140.PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+}>) => vue246.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = { [K in keyof T as K]: T[K] } & {};
+//#endregion
+export { _default };

package/dist/components/select/shared.js

@@ -0,0 +1 @@
+function e(e){return`items`in e}export{e as isGroupOption};

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

@@ -0,0 +1,74 @@
+import { ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { IconValue } from "../icon/types.js";
+import { HTMLAttributes } from "vue";
+import { DefinedValue, SelectArrowProps, SelectContentEmits, SelectContentProps, SelectGroupLabelProps, SelectGroupProps, SelectItemEmits, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectPortalProps, SelectRootEmits, SelectRootProps, SelectScrollDownButtonProps, SelectScrollUpButtonProps, SelectSeparatorProps, SelectTriggerIconProps, SelectTriggerProps, SelectUi, SelectValueProps, SelectViewportProps } from "@soybeanjs/headless";
+
+//#region src/components/select/types.d.ts
+interface SelectSingleOptionData<T extends DefinedValue = DefinedValue> extends Pick<SelectItemProps, 'disabled' | 'textValue'> {
+  value: T;
+  /**
+   * The icon of the dropdown item.
+   *
+   * if it is a string, it will be used as the icon name of the iconify.
+   */
+  icon?: IconValue;
+  /** The label to display in the dropdown. */
+  label: string;
+  /** whether to show a separator above this option */
+  separator?: boolean;
+}
+interface SelectGroupOptionData<T extends DefinedValue = DefinedValue> extends Pick<SelectSingleOptionData<T>, 'separator' | 'label'> {
+  items: SelectSingleOptionData<T>[];
+}
+type SelectOptionData<T extends DefinedValue = DefinedValue> = SelectSingleOptionData<T> | SelectGroupOptionData<T>;
+interface SelectSingleOptionProps<T extends DefinedValue = DefinedValue> extends /** @vue-ignore */Omit<HTMLAttributes, 'onSelect'> {
+  item: SelectSingleOptionData<T>;
+  itemTextProps?: SelectItemTextProps;
+  itemIndicatorProps?: SelectItemIndicatorProps;
+  separatorProps?: SelectSeparatorProps;
+}
+type SelectSingleOptionEmits<T extends DefinedValue = DefinedValue> = SelectItemEmits<T>;
+interface SelectGroupOptionProps<T extends DefinedValue = DefinedValue> extends SelectGroupProps {
+  item: SelectGroupOptionData<T>;
+  groupLabelProps?: SelectGroupLabelProps;
+  itemProps?: SelectItemProps;
+  itemTextProps?: SelectItemTextProps;
+  itemIndicatorProps?: SelectItemIndicatorProps;
+  separatorProps?: SelectSeparatorProps;
+}
+type SelectGroupOptionEmits<T extends DefinedValue = DefinedValue> = SelectItemEmits<T>;
+interface SelectOptionProps<T extends DefinedValue = DefinedValue> extends /** @vue-ignore */Omit<HTMLAttributes, 'onSelect'> {
+  item: SelectOptionData<T>;
+  groupProps?: SelectGroupProps;
+  groupLabelProps?: SelectGroupLabelProps;
+  itemProps?: SelectItemProps;
+  itemTextProps?: SelectItemTextProps;
+  itemIndicatorProps?: SelectItemIndicatorProps;
+  separatorProps?: SelectSeparatorProps;
+}
+type SelectOptionEmits<T extends DefinedValue = DefinedValue> = SelectItemEmits<T>;
+interface SelectProps<T extends DefinedValue = DefinedValue, M extends boolean = false, S extends SelectOptionData<T> = SelectOptionData<T>> extends SelectRootProps<T, M> {
+  ui?: Partial<SelectUi>;
+  size?: ThemeSize;
+  items: S[];
+  showArrow?: boolean;
+  triggerProps?: SelectTriggerProps;
+  triggerIconProps?: SelectTriggerIconProps;
+  valueProps?: SelectValueProps;
+  portalProps?: SelectPortalProps;
+  contentProps?: SelectContentProps;
+  viewportProps?: SelectViewportProps;
+  scrollDownButtonProps?: SelectScrollDownButtonProps;
+  scrollUpButtonProps?: SelectScrollUpButtonProps;
+  groupProps?: SelectGroupProps;
+  groupLabelProps?: SelectGroupLabelProps;
+  itemProps?: SelectItemProps;
+  itemTextProps?: SelectItemTextProps;
+  itemIndicatorProps?: SelectItemIndicatorProps;
+  separatorProps?: SelectSeparatorProps;
+  arrowProps?: SelectArrowProps;
+}
+type SelectEmits<T extends DefinedValue = DefinedValue, M extends boolean = false> = SelectRootEmits<T, M> & SelectContentEmits & SelectOptionEmits<T>;
+//#endregion
+export { SelectEmits, SelectGroupOptionData, SelectGroupOptionEmits, SelectGroupOptionProps, SelectOptionData, SelectOptionEmits, SelectOptionProps, SelectProps, SelectSingleOptionData, SelectSingleOptionEmits, SelectSingleOptionProps };

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

@@ -0,0 +1,4 @@
+import { SeparatorProps } from "./types.js";
+import { _default } from "./separator.vue.js";
+import { SeparatorLabelProps, SeparatorRootProps } from "@soybeanjs/headless/separator";
+export { type SeparatorLabelProps, type SeparatorRootProps };

package/dist/components/separator/separator.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{separatorVariants as t}from"../../variants/separator.js";import{computed as n,createBlock as r,createCommentVNode as i,createTextVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,toDisplayString as d,unref as f,useSlots as p,withCtx as m}from"vue";import{useOmitProps as h}from"@soybeanjs/headless/composables";import{SeparatorLabel as g,SeparatorRoot as _,provideSeparatorThemeContext as v}from"@soybeanjs/headless";var y=o({name:`SSeparator`,__name:`separator`,props:{size:{},ui:{},align:{},border:{},label:{},labelProps:{},orientation:{default:`horizontal`},decorative:{type:Boolean}},setup(o){let y=o,b=p(),x=h(y,[`size`,`ui`,`align`,`border`,`label`,`labelProps`]),S=n(()=>y.orientation===`horizontal`&&(b.default||y.label));return v({ui:n(()=>e(t({size:y.size,orientation:y.orientation,align:y.align,border:y.border}),y.ui))}),(e,t)=>(u(),r(f(_),l(s(f(x))),{default:m(()=>[S.value?(u(),r(f(g),l(c({key:0},o.labelProps)),{default:m(()=>[a(d(o.label),1)]),_:1},16)):i(`v-if`,!0)]),_:1},16))}});export{y as default};

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

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

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

@@ -0,0 +1,16 @@
+import { ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { SeparatorBorder } from "../../variants/separator.js";
+import { Align, SeparatorLabelProps, SeparatorRootProps, SeparatorUi } from "@soybeanjs/headless";
+
+//#region src/components/separator/types.d.ts
+interface SeparatorProps extends SeparatorRootProps {
+  size?: ThemeSize;
+  ui?: Partial<SeparatorUi>;
+  align?: Align;
+  border?: SeparatorBorder;
+  label?: string;
+  labelProps?: SeparatorLabelProps;
+}
+//#endregion
+export { SeparatorProps };

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

@@ -0,0 +1,5 @@
+import { SwitchShape } from "../../variants/switch.js";
+import { SwitchEmits, SwitchProps } from "./types.js";
+import { _default } from "./switch.vue.js";
+import { SwitchControlProps, SwitchRootEmits, SwitchRootProps, SwitchThumbProps } from "@soybeanjs/headless/switch";
+export { type SwitchControlProps, type SwitchRootEmits, type SwitchRootProps, type SwitchThumbProps };

package/dist/components/switch/switch.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{switchVariants as t}from"../../variants/switch.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,useId as f,withCtx as p}from"vue";import{useOmitProps as m}from"@soybeanjs/headless/composables";import{SwitchControl as h,SwitchRoot as g,SwitchThumb as _,provideSwitchThemeContext as v}from"@soybeanjs/headless";var y=a({name:`SSwitch`,__name:`switch`,props:{ui:{},color:{},size:{},shape:{},controlProps:{},thumbProps:{},defaultValue:{},modelValue:{default:void 0},disabled:{type:Boolean},value:{},name:{},required:{type:Boolean},trueValue:{default:!0},falseValue:{default:!1}},emits:[`update:modelValue`],setup(a,{emit:y}){let b=a,x=y,S=m(b,[`ui`,`color`,`size`,`shape`,`controlProps`,`thumbProps`]),C=f(),w=n(()=>b.id||`switch-${C}`);return v({ui:n(()=>e(t({color:b.color,size:b.size,shape:b.shape}),b.ui))}),(e,t)=>(l(),r(d(g),s(d(S),{"onUpdate:modelValue":t[0]||=e=>x(`update:modelValue`,e)}),{default:p(t=>[u(e.$slots,`leading`,c(o(t))),i(d(h),s(a.controlProps,{id:w.value}),{default:p(()=>[i(d(_),c(o(a.thumbProps)),{default:p(()=>[u(e.$slots,`default`,c(o(t)))]),_:2},1040)]),_:2},1040,[`id`]),u(e.$slots,`trailing`,c(o(t)))]),_:3},16))}});export{y as default};