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

package/dist/components/button/button-link.vue.d.ts

@@ -0,0 +1,28 @@
+import { ButtonVariant } from "../../variants/button.js";
+import { ButtonLinkProps } from "./types.js";
+import * as vue44 from "vue";
+
+//#region src/components/button/button-link.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: vue44.DefineComponent<ButtonLinkProps, {}, {}, {}, {}, vue44.ComponentOptionsMixin, vue44.ComponentOptionsMixin, {}, string, vue44.PublicProps, Readonly<ButtonLinkProps> & Readonly<{}>, {
+  disabled: boolean;
+  replace: boolean;
+  variant: ButtonVariant;
+  viewTransition: boolean;
+  external: boolean;
+  noRel: boolean;
+  prefetch: boolean;
+  noPrefetch: boolean;
+}, {}, {}, {}, string, vue44.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/button/button-loading.js

@@ -0,0 +1 @@
+import e from"../icon/icon.js";import t from"./button.js";import{computed as n,createBlock as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,createVNode as s,defineComponent as c,mergeProps as l,openBlock as u,ref as d,renderSlot as f,toDisplayString as p,unref as m,useAttrs as h,watchEffect as g,withCtx as _}from"vue";import{useOmitProps as v}from"@soybeanjs/headless/composables";const y={key:0,style:{display:`contents`}},b={style:{position:`absolute`,inset:`0`,"justify-content":`center`,"align-items":`center`,display:`flex`,gap:`0.25rem`,"z-index":`1`}},x={key:0},S={style:{visibility:`hidden`,display:`contents`}};var C=c({name:`SButtonLoading`,inheritAttrs:!1,__name:`button-loading`,props:{loading:{type:Boolean},loadingText:{},loadingDuration:{},autoLoading:{type:Boolean},loadingIcon:{default:`svg-spinners:270-ring`},loadingIconProps:{},loadingPosition:{default:`start`},color:{},size:{},variant:{},shape:{},shadow:{},fitContent:{type:Boolean},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(c){let C=c,w=h(),T=d(!1),E=n(()=>C.disabled||T.value),D=async e=>{C.autoLoading&&(T.value=!0);try{(Array.isArray(w.onClick)?w.onClick:[w.onClick]).forEach(t=>t?.(e))}finally{C.autoLoading&&(C.loadingDuration&&await new Promise(e=>{setTimeout(e,C.loadingDuration)}),T.value=!1)}},O=v(C,[`loading`,`loadingText`,`loadingDuration`,`autoLoading`,`loadingIcon`,`loadingIconProps`,`loadingPosition`],w,{onClick:D});return g(()=>{T.value=C.loading}),(n,d)=>(u(),r(t,l(m(O),{disabled:E.value,style:{position:`relative`},onClick:D}),{leading:_(()=>[T.value&&c.loadingPosition===`start`?(u(),r(e,l({key:0,icon:c.loadingIcon},c.loadingIconProps),null,16,[`icon`])):f(n.$slots,`leading`,{key:1})]),trailing:_(()=>[T.value&&c.loadingPosition===`end`?(u(),r(e,l({key:0,icon:c.loadingIcon},c.loadingIconProps),null,16,[`icon`])):f(n.$slots,`trailing`,{key:1})]),default:_(()=>[T.value&&c.loadingPosition===`center`?(u(),a(`span`,y,[o(`span`,b,[s(e,l({icon:c.loadingIcon},c.loadingIconProps),null,16,[`icon`]),c.loadingText?(u(),a(`span`,x,p(c.loadingText),1)):i(`v-if`,!0)]),o(`span`,S,[f(n.$slots,`default`,{loading:T.value})])])):f(n.$slots,`default`,{key:1,loading:T.value})]),_:3},16,[`disabled`]))}});export{C as default};

package/dist/components/button/button-loading.vue.d.ts

@@ -0,0 +1,33 @@
+import { ButtonLoadingProps } from "./types.js";
+import { Align } from "../../headless/dist/types/common.js";
+import "../../headless/dist/index.js";
+import * as vue34 from "vue";
+
+//#region src/components/button/button-loading.vue.d.ts
+declare var __VLS_14: {}, __VLS_20: {
+    loading: true;
+  }, __VLS_22: {
+    loading: boolean;
+  }, __VLS_29: {};
+type __VLS_Slots = {} & {
+  leading?: (props: typeof __VLS_14) => any;
+} & {
+  default?: (props: typeof __VLS_20) => any;
+} & {
+  default?: (props: typeof __VLS_22) => any;
+} & {
+  trailing?: (props: typeof __VLS_29) => any;
+};
+declare const __VLS_base: vue34.DefineComponent<ButtonLoadingProps, {}, {}, {}, {}, vue34.ComponentOptionsMixin, vue34.ComponentOptionsMixin, {}, string, vue34.PublicProps, Readonly<ButtonLoadingProps> & Readonly<{}>, {
+  loadingIcon: string;
+  loadingPosition: Align;
+}, {}, {}, {}, string, vue34.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/button/button.js

@@ -0,0 +1 @@
+import{cn as e}from"../../theme/merge.js";import{buttonVariants as t}from"../../variants/button.js";import{useButtonGroupContext as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";import{useOmitProps as d}from"@soybeanjs/headless/composables";import{Button as f}from"@soybeanjs/headless";var p=a({name:`SButton`,__name:`button`,props:{color:{},size:{},variant:{},shape:{},shadow:{},fitContent:{type:Boolean},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`click`],setup(a,{emit:p}){let m=a,h=p,g=n(),_=d(m,[`size`,`color`,`variant`,`shape`,`shadow`,`disabled`]),v=r(()=>{let{size:n,color:r,variant:i,shape:a,shadow:o,fitContent:s}=g||{};return e(t({size:m.size||n?.value,color:m.color||r?.value,variant:m.variant||i?.value,shape:m.shape||a?.value,shadow:m.shadow||o?.value,fitContent:m.fitContent||s?.value}),m.class)}),y=r(()=>m.disabled||g?.disabled.value);return(e,t)=>(s(),i(l(f),o(l(_),{class:v.value,disabled:y.value,onClick:t[0]||=e=>h(`click`,e)}),{default:u(()=>[c(e.$slots,`leading`),c(e.$slots,`default`),c(e.$slots,`trailing`)]),_:3},16,[`class`,`disabled`]))}});export{p as default};

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

@@ -0,0 +1,26 @@
+import { ButtonProps } from "./types.js";
+import * as vue29 from "vue";
+
+//#region src/components/button/button.vue.d.ts
+declare var __VLS_10: {}, __VLS_12: {}, __VLS_14: {};
+type __VLS_Slots = {} & {
+  leading?: (props: typeof __VLS_10) => any;
+} & {
+  default?: (props: typeof __VLS_12) => any;
+} & {
+  trailing?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: vue29.DefineComponent<ButtonProps, {}, {}, {}, {}, vue29.ComponentOptionsMixin, vue29.ComponentOptionsMixin, {
+  click: (event: MouseEvent) => any;
+}, string, vue29.PublicProps, Readonly<ButtonProps> & Readonly<{
+  onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue29.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/button/context.js

@@ -0,0 +1 @@
+import{useContext as e}from"@soybeanjs/headless/composables";const[t,n]=e(`ButtonGroup`,e=>e);export{t as provideButtonGroupContext,n as useButtonGroupContext};

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

@@ -0,0 +1,7 @@
+import { ButtonShadow, ButtonShape, ButtonVariant } from "../../variants/button.js";
+import { ButtonEmits, ButtonGroupProps, ButtonIconProps, ButtonLinkProps, ButtonLoadingProps, ButtonProps } from "./types.js";
+import { _default } from "./button.vue.js";
+import { _default as _default$1 } from "./button-loading.vue.js";
+import { _default as _default$2 } from "./button-icon.vue.js";
+import { _default as _default$3 } from "./button-link.vue.js";
+import { _default as _default$4 } from "./button-group.vue.js";

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

@@ -0,0 +1,80 @@
+import { ThemeColor, ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { IconProps } from "../icon/types.js";
+import { ButtonShadow, ButtonShape, ButtonVariant } from "../../variants/button.js";
+import { LinkProps as LinkProps$1 } from "../link/types.js";
+import { Align, ButtonEmits, ButtonProps, DataOrientation, Direction, PropsToContext } from "@soybeanjs/headless";
+
+//#region src/components/button/types.d.ts
+interface ButtonProps$1 extends ButtonProps {
+  color?: ThemeColor;
+  size?: ThemeSize;
+  variant?: ButtonVariant;
+  shape?: ButtonShape;
+  shadow?: ButtonShadow;
+  fitContent?: boolean;
+}
+interface ButtonIconProps extends ButtonProps$1 {
+  /** The icon name of iconify. */
+  icon: string;
+  /** The props of the icon. */
+  iconProps?: Partial<IconProps>;
+}
+interface ButtonLoadingProps extends ButtonProps$1 {
+  /**
+   * Whether the button is loading.
+   *
+   * @default false
+   */
+  loading?: boolean;
+  /**
+   * The text to display when the button is loading.
+   *
+   * It will be displayed when the loading position is center.
+   */
+  loadingText?: string;
+  /**
+   * The duration of the loading state in milliseconds.
+   *
+   * @default 150 ms
+   */
+  loadingDuration?: number;
+  /**
+   * Whether to automatically handle loading state during click event. When true, the button will show loading state
+   * during click event execution. When false, you need to manually control the loading state.
+   *
+   * @default false
+   */
+  autoLoading?: boolean;
+  /**
+   * The icon name of iconify to display when the button is loading.
+   *
+   * @default 'svg-spinners:270-ring'
+   */
+  loadingIcon?: string;
+  /** The props of the loading icon. */
+  loadingIconProps?: Partial<IconProps>;
+  /**
+   * The position of the loading icon.
+   *
+   * @default 'start'
+   */
+  loadingPosition?: Align;
+}
+type ButtonLinkProps = ButtonProps$1 & LinkProps$1;
+interface ButtonGroupProps extends ButtonProps$1 {
+  /**
+   * The orientation of the button group.
+   *
+   * @default 'horizontal'
+   */
+  orientation?: DataOrientation;
+  /**
+   * The direction of the button group.
+   *
+   * @default 'ltr'
+   */
+  dir?: Direction;
+}
+//#endregion
+export { type ButtonEmits, ButtonGroupProps, ButtonIconProps, ButtonLinkProps, ButtonLoadingProps, ButtonProps$1 as ButtonProps };

package/dist/components/card/card.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{cardVariants as t}from"../../variants/card.js";import{computed as n,createBlock as r,createCommentVNode 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,useSlots as h,withCtx as g}from"vue";import{useOmitProps as _}from"@soybeanjs/headless/composables";import{CardContent as v,CardDescription as y,CardFooter as b,CardHeader as x,CardRoot as S,CardTitle as C,CardTitleRoot as w,provideCardThemeContext as T}from"@soybeanjs/headless";var E=s({name:`SCard`,__name:`card`,props:{size:{},ui:{},title:{},description:{},scrollable:{type:Boolean,default:!0},split:{type:Boolean},flexHeight:{type:Boolean},headerProps:{},contentProps:{},footerProps:{},titleRootProps:{},titleProps:{},descriptionProps:{}},setup(s){let E=s,D=_(E,[`size`,`ui`,`title`,`description`,`scrollable`,`split`,`headerProps`,`contentProps`,`footerProps`,`titleRootProps`,`titleProps`,`descriptionProps`]),O=h(),k=n(()=>!!(O.header||O.title||O.description||O.extra||E.title||E.description));return T({ui:n(()=>e(t({size:E.size,scrollable:E.scrollable,split:E.split}),E.ui))}),(e,t)=>(d(),r(m(S),u(c(m(D))),{default:g(()=>[k.value?(d(),r(m(x),u(l({key:0},E.headerProps)),{default:g(()=>[o(m(w),u(c(E.titleRootProps)),{default:g(()=>[f(e.$slots,`title-leading`),o(m(C),u(c(E.titleProps)),{default:g(()=>[f(e.$slots,`title`,{},()=>[a(p(s.title),1)])]),_:3},16),f(e.$slots,`title-trailing`)]),_:3},16),f(e.$slots,`extra`),O.description||s.description?(d(),r(m(y),u(l({key:0},E.descriptionProps)),{default:g(()=>[f(e.$slots,`description`,{},()=>[a(p(s.description),1)])]),_:3},16)):i(`v-if`,!0)]),_:3},16)):i(`v-if`,!0),o(m(v),u(c(E.contentProps)),{default:g(()=>[f(e.$slots,`default`)]),_:3},16),O.footer?(d(),r(m(b),u(l({key:1},E.footerProps)),{default:g(()=>[f(e.$slots,`footer`)]),_:3},16)):i(`v-if`,!0)]),_:3},16))}});export{E as default};

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

@@ -0,0 +1,28 @@
+import { CardProps } from "./types.js";
+import * as vue24 from "vue";
+
+//#region src/components/card/card.vue.d.ts
+type Slots = {
+  default: () => any;
+  header: () => any;
+  'title-root': () => any;
+  title: () => any;
+  'title-leading': () => any;
+  'title-trailing': () => any;
+  extra: () => any;
+  footer: () => any;
+  description: () => any;
+};
+type __VLS_Slots = Slots;
+declare const __VLS_base: vue24.DefineComponent<CardProps, {}, {}, {}, {}, vue24.ComponentOptionsMixin, vue24.ComponentOptionsMixin, {}, string, vue24.PublicProps, Readonly<CardProps> & Readonly<{}>, {
+  scrollable: boolean;
+}, {}, {}, {}, string, vue24.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/card/index.d.ts

@@ -0,0 +1,4 @@
+import { CardProps } from "./types.js";
+import { _default } from "./card.vue.js";
+import { CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardRootProps, CardTitleProps, CardTitleRootProps } from "@soybeanjs/headless/card";
+export { type CardContentProps, type CardDescriptionProps, type CardFooterProps, type CardHeaderProps, type CardRootProps, type CardTitleProps, type CardTitleRootProps };

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

@@ -0,0 +1,37 @@
+import { ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardRootProps, CardTitleProps, CardTitleRootProps, CardUi } from "@soybeanjs/headless";
+
+//#region src/components/card/types.d.ts
+interface CardProps extends CardRootProps {
+  size?: ThemeSize;
+  ui?: Partial<CardUi>;
+  title?: string;
+  description?: string;
+  /**
+   * If true, the content will be scrollable when the root has height and content is taller than the root
+   *
+   * @default false
+   */
+  scrollable?: boolean;
+  /**
+   * If true, the card will add divider between title and content and footer
+   *
+   * @default false
+   */
+  split?: boolean;
+  /**
+   * If true, the content will be flex-grow and overflow-hidden
+   *
+   * @default false
+   */
+  flexHeight?: boolean;
+  headerProps?: CardHeaderProps;
+  contentProps?: CardContentProps;
+  footerProps?: CardFooterProps;
+  titleRootProps?: CardTitleRootProps;
+  titleProps?: CardTitleProps;
+  descriptionProps?: CardDescriptionProps;
+}
+//#endregion
+export { CardProps };

package/dist/components/checkbox/checkbox-card-group.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{checkboxCardVariants as t}from"../../variants/checkbox.js";import n from"./checkbox-card.js";import{Fragment as r,computed as i,createBlock as a,createElementBlock as o,defineComponent as s,mergeProps as c,openBlock as l,renderList as u,unref as d,withCtx as f}from"vue";import{useOmitProps as p}from"@soybeanjs/headless/composables";import{CheckboxGroupRoot as m}from"@soybeanjs/headless";var h=s({name:`SCheckboxCardGroup`,__name:`checkbox-card-group`,props:{ui:{},color:{},size:{},shape:{},items:{},rootProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},rovingFocus:{type:Boolean},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:h}){let g=s,_=h,v=p(g,[`ui`,`color`,`size`,`shape`,`items`,`rootProps`,`controlProps`,`indicatorProps`,`labelProps`]),y=i(()=>e(t(),g.ui));return(e,t)=>(l(),a(d(m),c(d(v),{class:y.value.groupRoot,"onUpdate:modelValue":t[0]||=e=>_(`update:modelValue`,e)}),{default:f(()=>[(l(!0),o(r,null,u(s.items,(e,t)=>(l(),a(n,c({key:t},{ref_for:!0},s.rootProps,{color:s.color,size:s.size,shape:s.shape,label:e.label,value:e.value,icon:e.icon,description:e.description,disabled:s.disabled||e.disabled,"control-props":s.controlProps,"indicator-props":s.indicatorProps,"label-props":s.labelProps}),null,16,[`color`,`size`,`shape`,`label`,`value`,`icon`,`description`,`disabled`,`control-props`,`indicator-props`,`label-props`]))),128))]),_:1},16,[`class`]))}});export{h as default};

package/dist/components/checkbox/checkbox-card-group.vue.d.ts

@@ -0,0 +1,20 @@
+import { CheckboxCardGroupOptionData, CheckboxCardGroupProps } from "./types.js";
+import * as vue71 from "vue";
+import { DefinedValue } from "@soybeanjs/headless";
+
+//#region src/components/checkbox/checkbox-card-group.vue.d.ts
+declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends CheckboxCardGroupOptionData<T> = CheckboxCardGroupOptionData<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<CheckboxCardGroupProps<T, S> & {
+    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
+  }> & vue71.PublicProps;
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {};
+  emit: (evt: "update:modelValue", value: T[]) => void;
+}>) => vue71.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/checkbox/checkbox-card.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import t from"../icon/icon.js";import{checkboxCardVariants as n}from"../../variants/checkbox.js";import{Transition as r,computed as i,createBlock as a,createCommentVNode as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,createVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeClass as m,normalizeProps as h,openBlock as g,renderSlot as _,toDisplayString as v,unref as y,useId as b,useSlots as x,withCtx as S}from"vue";import{useOmitProps as C}from"@soybeanjs/headless/composables";import{CheckboxControl as w,CheckboxIndicator as T,CheckboxLabel as E,CheckboxRoot as D,Slot as O,provideCheckboxThemeContext as k}from"@soybeanjs/headless";const A={key:0};var j=d({name:`SCheckboxCard`,__name:`checkbox-card`,props:{ui:{},icon:{},description:{},color:{},size:{},shape:{},label:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{type:[Boolean,String,null],default:void 0},defaultValue:{type:[Boolean,String]},value:{},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(d,{emit:j}){let M=d,N=j,P=x(),F=C(M,[`ui`,`color`,`size`,`shape`,`label`,`icon`,`description`,`controlProps`,`indicatorProps`,`labelProps`]),I=b(),L=i(()=>M.id||`checkbox-${I}`),R=i(()=>M.modelValue===`indeterminate`),z=i(()=>e(n({color:M.color,size:M.size,shape:M.shape}),M.ui));return k({ui:z}),(e,n)=>(g(),a(y(D),p(y(F),{"onUpdate:modelValue":n[0]||=e=>N(`update:modelValue`,e)}),{default:S(()=>[c(`div`,{class:m(z.value.content)},[d.icon?(g(),a(t,{key:0,icon:d.icon,class:m(z.value.icon)},null,8,[`icon`,`class`])):o(`v-if`,!0),c(`div`,{class:m(z.value.textContent)},[u(y(E),p(d.labelProps,{for:L.value}),{default:S(()=>[_(e.$slots,`default`,{id:L.value},()=>[l(v(d.label),1)])]),_:3},16,[`for`]),y(P).description||d.description?(g(),a(y(O),{key:0,class:m(z.value.description)},{default:S(()=>[_(e.$slots,`description`,{},()=>[d.description?(g(),s(`p`,A,v(d.description),1)):o(`v-if`,!0)])]),_:3},8,[`class`])):o(`v-if`,!0)],2)],2),u(y(w),p(d.controlProps,{id:L.value,class:`checkbox-control`}),{default:S(()=>[u(r,{"enter-active-class":`transition-50`,"enter-from-class":`opacity-0 scale-0`},{default:S(()=>[u(y(T),h(f(d.indicatorProps)),{default:S(()=>[u(t,{icon:R.value?`lucide:minus`:`lucide:check`,class:`size-full`},null,8,[`icon`])]),_:1},16)]),_:1})]),_:1},16,[`id`])]),_:3},16))}});export{j as default};

package/dist/components/checkbox/checkbox-card.vue.d.ts

@@ -0,0 +1,29 @@
+import { CheckboxCardProps } from "./types.js";
+import * as vue59 from "vue";
+import * as _soybeanjs_headless4 from "@soybeanjs/headless";
+
+//#region src/components/checkbox/checkbox-card.vue.d.ts
+declare var __VLS_19: {
+    id: string;
+  }, __VLS_26: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_19) => any;
+} & {
+  description?: (props: typeof __VLS_26) => any;
+};
+declare const __VLS_base: vue59.DefineComponent<CheckboxCardProps, {}, {}, {}, {}, vue59.ComponentOptionsMixin, vue59.ComponentOptionsMixin, {
+  "update:modelValue": (value: _soybeanjs_headless4.CheckedState | null) => any;
+}, string, vue59.PublicProps, Readonly<CheckboxCardProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: _soybeanjs_headless4.CheckedState | null) => any) | undefined;
+}>, {
+  modelValue: _soybeanjs_headless4.CheckedState | null;
+}, {}, {}, {}, string, vue59.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/checkbox/checkbox-group.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{checkboxVariants as t}from"../../variants/checkbox.js";import n from"./checkbox.js";import{Fragment as r,computed as i,createBlock as a,createElementBlock as o,defineComponent as s,mergeProps as c,openBlock as l,renderList as u,unref as d,withCtx as f}from"vue";import{useOmitProps as p}from"@soybeanjs/headless/composables";import{CheckboxGroupRoot as m}from"@soybeanjs/headless";var h=s({name:`SCheckboxGroup`,__name:`checkbox-group`,props:{ui:{},color:{},size:{},shape:{},items:{},rootProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},rovingFocus:{type:Boolean},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:h}){let g=s,_=h,v=p(g,[`ui`,`color`,`size`,`shape`,`items`,`rootProps`,`controlProps`,`indicatorProps`,`labelProps`]),y=i(()=>e(t(),g.ui));return(e,t)=>(l(),a(d(m),c(d(v),{class:y.value.groupRoot,"onUpdate:modelValue":t[0]||=e=>_(`update:modelValue`,e)}),{default:f(()=>[(l(!0),o(r,null,u(s.items,(e,t)=>(l(),a(n,c({key:t},{ref_for:!0},s.rootProps,{color:s.color,size:s.size,shape:s.shape,label:e.label,value:e.value,disabled:s.disabled||e.disabled,"control-props":s.controlProps,"indicator-props":s.indicatorProps,"label-props":s.labelProps}),null,16,[`color`,`size`,`shape`,`label`,`value`,`disabled`,`control-props`,`indicator-props`,`label-props`]))),128))]),_:1},16,[`class`]))}});export{h as default};

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

@@ -0,0 +1,20 @@
+import { CheckboxGroupOptionData, CheckboxGroupProps } from "./types.js";
+import * as vue64 from "vue";
+import { DefinedValue } from "@soybeanjs/headless";
+
+//#region src/components/checkbox/checkbox-group.vue.d.ts
+declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends CheckboxGroupOptionData<T> = CheckboxGroupOptionData<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<CheckboxGroupProps<T, S> & {
+    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
+  }> & vue64.PublicProps;
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {};
+  emit: (evt: "update:modelValue", value: T[]) => void;
+}>) => vue64.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/checkbox/checkbox.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import t from"../icon/icon.js";import{checkboxVariants as n}from"../../variants/checkbox.js";import{Transition as r,computed as i,createBlock as a,createTextVNode as o,createVNode as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeProps as d,openBlock as f,renderSlot as p,toDisplayString as m,unref as h,useId as g,withCtx as _}from"vue";import{useOmitProps as v}from"@soybeanjs/headless/composables";import{CheckboxControl as y,CheckboxIndicator as b,CheckboxLabel as x,CheckboxRoot as S,provideCheckboxThemeContext as C}from"@soybeanjs/headless";var w=c({name:`SCheckbox`,__name:`checkbox`,props:{ui:{},color:{},size:{},shape:{},label:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{type:[Boolean,String,null],default:void 0},defaultValue:{type:[Boolean,String]},value:{},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(c,{emit:w}){let T=c,E=w,D=v(T,[`color`,`size`,`ui`,`label`,`controlProps`,`indicatorProps`,`labelProps`]),O=g(),k=i(()=>T.id||`checkbox-${O}`);return C({ui:i(()=>e(n({color:T.color,size:T.size,shape:T.shape}),T.ui))}),(e,n)=>(f(),a(h(S),u(h(D),{"onUpdate:modelValue":n[0]||=e=>E(`update:modelValue`,e)}),{default:_(n=>[s(h(y),u(c.controlProps,{id:k.value}),{default:_(()=>[s(r,{"enter-active-class":`transition-50`,"enter-from-class":`opacity-0 scale-0`},{default:_(()=>[s(h(b),d(l(c.indicatorProps)),{default:_(()=>[p(e.$slots,`indicator`,d(l(n)),()=>[s(t,{icon:n.state===`indeterminate`?`lucide:minus`:`lucide:check`,class:`size-full`},null,8,[`icon`])])]),_:2},1040)]),_:2},1024)]),_:2},1040,[`id`]),s(h(x),u(c.labelProps,{for:k.value}),{default:_(()=>[p(e.$slots,`default`,u(n,{id:k.value}),()=>[o(m(c.label),1)])]),_:2},1040,[`for`])]),_:3},16))}});export{w as default};

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

@@ -0,0 +1,34 @@
+import { CheckboxProps } from "./types.js";
+import * as vue66 from "vue";
+import * as _soybeanjs_headless7 from "@soybeanjs/headless";
+
+//#region src/components/checkbox/checkbox.vue.d.ts
+declare var __VLS_25: {
+    modelValue: _soybeanjs_headless7.CheckedState | null | undefined;
+    state: _soybeanjs_headless7.CheckedState;
+  }, __VLS_36: {
+    id: string;
+    modelValue: _soybeanjs_headless7.CheckedState | null | undefined;
+    state: _soybeanjs_headless7.CheckedState;
+  };
+type __VLS_Slots = {} & {
+  indicator?: (props: typeof __VLS_25) => any;
+} & {
+  default?: (props: typeof __VLS_36) => any;
+};
+declare const __VLS_base: vue66.DefineComponent<CheckboxProps, {}, {}, {}, {}, vue66.ComponentOptionsMixin, vue66.ComponentOptionsMixin, {
+  "update:modelValue": (value: _soybeanjs_headless7.CheckedState | null) => any;
+}, string, vue66.PublicProps, Readonly<CheckboxProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: _soybeanjs_headless7.CheckedState | null) => any) | undefined;
+}>, {
+  modelValue: _soybeanjs_headless7.CheckedState | null;
+}, {}, {}, {}, string, vue66.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/checkbox/index.d.ts

@@ -0,0 +1,7 @@
+import { CheckboxCardEmits, CheckboxCardGroupEmits, CheckboxCardGroupOptionData, CheckboxCardGroupProps, CheckboxCardProps, CheckboxCardThemeSlot, CheckboxCardUi, CheckboxEmits, CheckboxGroupEmits, CheckboxGroupOptionData, CheckboxGroupProps, CheckboxProps } from "./types.js";
+import { _default } from "./checkbox-group.vue.js";
+import { _default as _default$1 } from "./checkbox.vue.js";
+import { _default as _default$2 } from "./checkbox-card-group.vue.js";
+import { _default as _default$3 } from "./checkbox-card.vue.js";
+import { CheckboxControlProps, CheckboxGroupRootEmits, CheckboxGroupRootProps, CheckboxIndicatorProps, CheckboxLabelProps, CheckboxRootEmits, CheckboxRootProps } from "@soybeanjs/headless/checkbox";
+export { type CheckboxControlProps, type CheckboxGroupRootEmits, type CheckboxGroupRootProps, type CheckboxIndicatorProps, type CheckboxLabelProps, type CheckboxRootEmits, type CheckboxRootProps };

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

@@ -0,0 +1,53 @@
+import { ThemeColor, ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { CheckboxShape } from "../../variants/checkbox.js";
+import { CheckboxControlProps, CheckboxGroupRootEmits, CheckboxGroupRootProps, CheckboxIndicatorProps, CheckboxLabelProps, CheckboxRootEmits, CheckboxRootProps, CheckboxThemeSlot, CheckboxUi, ClassValue, DefinedValue } from "@soybeanjs/headless";
+
+//#region src/components/checkbox/types.d.ts
+interface CheckboxProps extends CheckboxRootProps {
+  ui?: Partial<CheckboxUi>;
+  color?: ThemeColor;
+  size?: ThemeSize;
+  shape?: CheckboxShape;
+  label?: string;
+  controlProps?: CheckboxControlProps;
+  indicatorProps?: CheckboxIndicatorProps;
+  labelProps?: CheckboxLabelProps;
+}
+type CheckboxEmits = CheckboxRootEmits;
+type CheckboxCardThemeSlot = CheckboxThemeSlot | 'content' | 'textContent' | 'icon' | 'description';
+type CheckboxCardUi = Record<CheckboxCardThemeSlot, ClassValue>;
+interface CheckboxCardProps extends CheckboxProps {
+  ui?: Partial<CheckboxCardUi>;
+  icon?: string;
+  description?: string;
+}
+type CheckboxCardEmits = CheckboxEmits;
+interface CheckboxGroupOptionData<T extends DefinedValue = DefinedValue> {
+  value: T;
+  label: string;
+  disabled?: boolean;
+}
+interface CheckboxGroupProps<T extends DefinedValue = DefinedValue, S extends CheckboxGroupOptionData<T> = CheckboxGroupOptionData<T>> extends CheckboxGroupRootProps<T> {
+  ui?: Partial<CheckboxUi>;
+  color?: ThemeColor;
+  size?: ThemeSize;
+  shape?: CheckboxShape;
+  items: S[];
+  rootProps?: CheckboxRootProps;
+  controlProps?: CheckboxControlProps;
+  indicatorProps?: CheckboxIndicatorProps;
+  labelProps?: CheckboxLabelProps;
+}
+type CheckboxGroupEmits<T extends DefinedValue = DefinedValue> = CheckboxGroupRootEmits<T>;
+interface CheckboxCardGroupOptionData<T extends DefinedValue = DefinedValue> extends CheckboxGroupOptionData<T> {
+  icon?: string;
+  description?: string;
+}
+type CheckboxCardGroupProps<T extends DefinedValue = DefinedValue, S extends CheckboxCardGroupOptionData<T> = CheckboxCardGroupOptionData<T>> = CheckboxGroupProps<T, S> & {
+  ui?: Partial<CheckboxCardUi>;
+  items: S[];
+};
+type CheckboxCardGroupEmits<T extends DefinedValue = DefinedValue> = CheckboxGroupEmits<T>;
+//#endregion
+export { CheckboxCardEmits, CheckboxCardGroupEmits, CheckboxCardGroupOptionData, CheckboxCardGroupProps, CheckboxCardProps, CheckboxCardThemeSlot, CheckboxCardUi, CheckboxEmits, CheckboxGroupEmits, CheckboxGroupOptionData, CheckboxGroupProps, CheckboxProps };

package/dist/components/collapsible/collapsible.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{collapsibleVariants as t}from"../../variants/collapsible.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";import{useOmitProps as f}from"@soybeanjs/headless/composables";import{CollapsibleRoot as p,provideCollapsibleThemeContext as m}from"@soybeanjs/headless";var h=i({name:`SCollapsible`,__name:`collapsible`,props:{size:{},ui:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},disabled:{type:Boolean},unmountOnHide:{type:Boolean,default:!0},asChild:{type:Boolean},as:{}},emits:[`update:open`],setup(i,{emit:h}){let g=i,_=h,v=f(g,[`class`,`size`,`ui`]);return m({ui:n(()=>e(t({size:g.size}),g.ui))}),(e,t)=>(c(),r(u(p),o(u(v),{"onUpdate:open":t[0]||=e=>_(`update:open`,e)}),{default:d(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16))}});export{h as default};

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

@@ -0,0 +1,28 @@
+import { CollapsibleProps } from "./types.js";
+import * as vue75 from "vue";
+
+//#region src/components/collapsible/collapsible.vue.d.ts
+declare var __VLS_10: {
+  open: boolean | undefined;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: vue75.DefineComponent<CollapsibleProps, {}, {}, {}, {}, vue75.ComponentOptionsMixin, vue75.ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
+}, string, vue75.PublicProps, Readonly<CollapsibleProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+  open: boolean;
+  defaultOpen: boolean;
+  unmountOnHide: boolean;
+}, {}, {}, {}, string, vue75.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/collapsible/index.d.ts

@@ -0,0 +1,4 @@
+import { CollapsibleEmits, CollapsibleProps } from "./types.js";
+import { _default } from "./collapsible.vue.js";
+import { CollapsibleContent as SCollapsibleContent, CollapsibleContentProps, CollapsibleRootEmits, CollapsibleRootProps, CollapsibleTrigger as SCollapsibleTrigger, CollapsibleTriggerProps } from "@soybeanjs/headless/collapsible";
+export { type CollapsibleContentProps, type CollapsibleRootEmits, type CollapsibleRootProps, type CollapsibleTriggerProps, SCollapsibleContent, SCollapsibleTrigger };

package/dist/components/collapsible/index.js

@@ -0,0 +1 @@
+import e from"./collapsible.js";import{CollapsibleContent as t,CollapsibleTrigger as n}from"@soybeanjs/headless/collapsible";export{t as SCollapsibleContent,n as SCollapsibleTrigger};

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

@@ -0,0 +1,12 @@
+import { ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { CollapsibleRootEmits, CollapsibleRootProps, CollapsibleUi } from "@soybeanjs/headless";
+
+//#region src/components/collapsible/types.d.ts
+interface CollapsibleProps extends CollapsibleRootProps {
+  size?: ThemeSize;
+  ui?: Partial<CollapsibleUi>;
+}
+type CollapsibleEmits = CollapsibleRootEmits;
+//#endregion
+export { CollapsibleEmits, CollapsibleProps };

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

@@ -0,0 +1 @@
+import{useCommandExtraThemeContext as e}from"./context.js";import t from"./command-single-option.js";import{Fragment as n,computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createSlots as s,createTextVNode as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toDisplayString as _,unref as v,useSlots as y,withCtx as b}from"vue";import{useOmitProps as x}from"@soybeanjs/headless/composables";import{ListboxGroup as S,ListboxGroupLabel as C,SeparatorRoot as w}from"@soybeanjs/headless";var T=u({name:`SCommandGroupOption`,inheritAttrs:!1,__name:`command-group-option`,props:{item:{},groupLabelProps:{},itemProps:{},itemLabelProps:{},shortcutProps:{},separatorProps:{}},emits:[`select`],setup(u,{emit:T}){let E=u,D=T,O=x(E,[`item`,`groupLabelProps`,`itemProps`,`itemLabelProps`,`shortcutProps`,`separatorProps`]),k=y(),A=r(()=>Object.keys(k)),j=e(),M=r(()=>j?.ui?.value);return(e,r)=>(m(),o(n,null,[l(v(S),p(d(v(O))),{default:b(()=>[l(v(C),p(d(u.groupLabelProps)),{default:b(()=>[c(_(u.item.label),1)]),_:1},16),(m(!0),o(n,null,h(u.item.items,n=>(m(),i(t,f({key:String(n.value)},{ref_for:!0},u.itemProps,{item:n,"item-label-props":u.itemLabelProps,"shortcut-props":u.shortcutProps,"separator-props":u.separatorProps,onSelect:r[0]||=e=>D(`select`,e)}),s({_:2},[h(A.value,t=>({name:t,fn:b(()=>[g(e.$slots,t,{item:n})])}))]),1040,[`item`,`item-label-props`,`shortcut-props`,`separator-props`]))),128))]),_:3},16),u.item.separator?(m(),i(v(w),f({key:0},u.separatorProps,{class:M.value?.separator}),null,16,[`class`])):a(`v-if`,!0)],64))}});export{T as default};

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

@@ -0,0 +1 @@
+import e from"./command-single-option.js";import t from"./command-group-option.js";import{isCommandGroupOption as n}from"./shared.js";import{computed as r,createBlock as i,createSlots as a,defineComponent as o,mergeProps as s,openBlock as c,renderList as l,renderSlot as u,unref as d,useSlots as f,withCtx as p}from"vue";var m=o({name:`SCommandOption`,inheritAttrs:!1,__name:`command-option`,props:{item:{},groupProps:{},groupLabelProps:{},itemProps:{},itemLabelProps:{},shortcutProps:{},separatorProps:{}},emits:[`select`],setup(o,{emit:m}){let h=m,g=f(),_=r(()=>Object.keys(g));return(r,f)=>d(n)(o.item)?(c(),i(t,s({key:0},o.groupProps,{item:o.item,"group-label-props":o.groupLabelProps,"item-props":o.itemProps,"item-label-props":o.itemLabelProps,"shortcut-props":o.shortcutProps,"separator-props":o.separatorProps,onSelect:f[0]||=e=>h(`select`,e)}),a({_:2},[l(_.value,e=>({name:e,fn:p(t=>[u(r.$slots,e,{item:t.item})])}))]),1040,[`item`,`group-label-props`,`item-props`,`item-label-props`,`shortcut-props`,`separator-props`])):(c(),i(e,s({key:1},o.itemProps,{item:o.item,"item-label-props":o.itemLabelProps,"shortcut-props":o.shortcutProps,"separator-props":o.separatorProps,onSelect:f[1]||=e=>h(`select`,e)}),a({_:2},[l(_.value,e=>({name:e,fn:p(()=>[u(r.$slots,e,{item:o.item})])}))]),1040,[`item`,`item-label-props`,`shortcut-props`,`separator-props`]))}});export{m as default};

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

@@ -0,0 +1 @@
+import e from"../icon/icon.js";import{useCommandExtraThemeContext as t}from"./context.js";import n from"../kbd/kbd.js";import{Fragment as r,computed as i,createBlock as a,createCommentVNode 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,withCtx as _}from"vue";import{useOmitProps as v}from"@soybeanjs/headless/composables";import{ListboxItem as y,SeparatorRoot as b}from"@soybeanjs/headless";var x=d({name:`SCommandSingleOption`,inheritAttrs:!1,__name:`command-single-option`,props:{item:{},itemLabelProps:{},shortcutProps:{},separatorProps:{},asChild:{type:Boolean},as:{}},emits:[`select`],setup(d,{emit:x}){let S=d,C=x,w=v(S,[`item`,`itemLabelProps`,`shortcutProps`,`separatorProps`]),T=t(),E=i(()=>T?.ui?.value);return(t,i)=>(p(),s(r,null,[u(g(y),f(g(w),{value:d.item.value,disabled:d.item.disabled,onSelect:i[0]||=e=>C(`select`,e)}),{default:_(()=>[m(t.$slots,`item-leading`,{},()=>[d.item.icon?(p(),a(e,{key:0,icon:d.item.icon},null,8,[`icon`])):o(`v-if`,!0)]),c(`span`,f({class:E.value?.itemLabel},d.itemLabelProps),[m(t.$slots,`item-label`,{},()=>[l(h(d.item.label),1)])],16),m(t.$slots,`item-trailing`),d.item.shortcut?(p(),a(n,f({key:0},d.shortcutProps,{value:d.item.shortcut,class:E.value?.shortcut}),null,16,[`value`,`class`])):o(`v-if`,!0)]),_:3},16,[`value`,`disabled`]),d.item.separator?(p(),a(g(b),f({key:0},d.separatorProps,{class:E.value?.separator}),null,16,[`class`])):o(`v-if`,!0)],64))}});export{x as default};

package/dist/components/command/command.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import t from"../icon/icon.js";import{commandVariants as n}from"../../variants/command.js";import{provideCommandExtraThemeContext as r}from"./context.js";import{getCommandHighlightSearchOption as i,getCommandItemOptions as a,getCommandSearchOptions as o}from"./shared.js";import s from"./command-option.js";import{Fragment as c,computed as l,createBlock as u,createCommentVNode as d,createElementBlock as f,createTextVNode as p,createVNode as m,defineComponent as h,guardReactiveProps as g,isRef as _,mergeProps as v,normalizeClass as y,normalizeProps as b,openBlock as x,renderList as S,renderSlot as C,toDisplayString as w,unref as T,withCtx as E}from"vue";import{useControllableState as D,useOmitProps as O,usePickProps as k}from"@soybeanjs/headless/composables";import{ListboxContent as A,ListboxFilter as j,ListboxRoot as M,provideListboxThemeContext as N}from"@soybeanjs/headless";import{useFuse as P}from"@vueuse/integrations/useFuse";import{defu as F}from"defu";var I=h({name:`SCommand`,__name:`command`,props:{size:{},ui:{},items:{},listProps:{},itemProps:{},itemLabelProps:{},groupProps:{},groupLabelProps:{},shortcutProps:{},separatorProps:{},inputProps:{},searchTerm:{},clearable:{type:Boolean},fuseOptions:{},emptyProps:{},emptyLabel:{},orientation:{},dir:{},disabled:{type:Boolean},selectionBehavior:{},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`,`select`,`update:searchTerm`],setup(h,{emit:I}){let L=h,R=I,z=O(L,[`size`,`ui`,`items`,`listProps`,`itemProps`,`itemLabelProps`,`groupProps`,`groupLabelProps`,`shortcutProps`,`separatorProps`,`inputProps`,`searchTerm`,`fuseOptions`,`emptyProps`,`emptyLabel`]),B=k(L,[`itemProps`,`itemLabelProps`,`groupProps`,`groupLabelProps`,`shortcutProps`,`separatorProps`]),V=D(()=>L.searchTerm,e=>{R(`update:searchTerm`,e)},L.inputProps?.defaultValue||``),H=l(()=>F(L.fuseOptions,{fuseOptions:{ignoreLocation:!0,threshold:.1,keys:[`label`,`groupLabel`]},resultLimit:12,matchAllWhenSearchEmpty:!0})),{results:U}=P(V,l(()=>o(L.items)),H),W=l(()=>a(U.value.map(e=>i(e.item,V.value)))),G=l(()=>e(n({size:L.size}),L.ui));return N({ui:l(()=>({...G.value,content:G.value.list,filterRoot:G.value.inputRoot,filterControl:G.value.inputControl,itemIndicator:``,virtualizer:``}))}),r({ui:G}),(e,n)=>(x(),u(T(M),v(T(z),{"onUpdate:modelValue":n[2]||=e=>R(`update:modelValue`,e)}),{default:E(()=>[m(T(j),v(h.inputProps,{modelValue:T(V),"onUpdate:modelValue":n[0]||=e=>_(V)?V.value=e:null,autofocus:``}),{leading:E(()=>[C(e.$slots,`input-leading`,{},()=>[m(t,{icon:`lucide:search`,class:y(G.value.inputIcon)},null,8,[`class`])])]),trailing:E(({clear:n})=>[h.clearable?(x(),u(t,{key:0,icon:`lucide:x`,class:y(G.value.inputClearable),onClick:n},null,8,[`class`,`onClick`])):d(`v-if`,!0),C(e.$slots,`input-trailing`)]),_:3},16,[`modelValue`]),m(T(A),b(g(h.listProps)),{default:E(()=>[!W.value.length&&T(V)?(x(),f(`div`,{key:0,class:y(G.value.empty)},[C(e.$slots,`empty`,{},()=>[p(w(h.emptyLabel),1)])],2)):d(`v-if`,!0),(x(!0),f(c,null,S(W.value,(t,r)=>(x(),u(s,v({ref_for:!0},T(B),{key:r,item:t,onSelect:n[1]||=e=>R(`select`,e)}),{"item-leading":E(t=>[C(e.$slots,`item-leading`,{item:t.item})]),"item-trailing":E(t=>[C(e.$slots,`item-trailing`,{item:t.item})]),"item-label":E(t=>[C(e.$slots,`item-label`,{item:t.item})]),_:2},1040,[`item`]))),128))]),_:3},16)]),_:3},16))}});export{I as default};

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

@@ -0,0 +1,45 @@
+import { ListboxCollectionItemData } from "../../headless/dist/components/listbox/types.js";
+import { CommandOptionData, CommandProps, CommandSingleOptionData } from "./types.js";
+import * as vue73 from "vue";
+import * as _soybeanjs_headless_composables0 from "@soybeanjs/headless/composables";
+import * as _soybeanjs_headless14 from "@soybeanjs/headless";
+
+//#region src/components/command/command.vue.d.ts
+declare const __VLS_export: <T extends CommandOptionData = CommandOptionData>(__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<CommandProps<T> & {
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onHighlight?: ((payload?: _soybeanjs_headless_composables0.CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
+    onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
+    onLeave?: ((event: Event) => any) | undefined;
+    onSelect?: ((event: _soybeanjs_headless14.SelectEvent<string>) => any) | undefined;
+    "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
+  }> & vue73.PublicProps;
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    'input-leading'?: (props: {}) => any;
+  } & {
+    'input-trailing'?: (props: {}) => any;
+  } & {
+    empty?: (props: {}) => any;
+  } & {
+    'item-leading'?: (props: {
+      item: CommandSingleOptionData;
+    }) => any;
+  } & {
+    'item-trailing'?: (props: {
+      item: CommandSingleOptionData;
+    }) => any;
+  } & {
+    'item-label'?: (props: {
+      item: CommandSingleOptionData;
+    }) => any;
+  };
+  emit: ((evt: "update:modelValue", value: string) => void) & ((evt: "highlight", payload?: _soybeanjs_headless_composables0.CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "leave", event: Event) => void) & ((evt: "select", event: _soybeanjs_headless14.SelectEvent<string>) => void) & ((evt: "update:searchTerm", value: string) => void);
+}>) => vue73.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/command/context.js

@@ -0,0 +1 @@
+import{useContext as e}from"@soybeanjs/headless/composables";const[t,n]=e(`CommandExtraTheme`,e=>e);export{t as provideCommandExtraThemeContext,n as useCommandExtraThemeContext};

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

@@ -0,0 +1,2 @@
+import { CommandEmits, CommandEmptyProps, CommandExtraThemeContextParams, CommandExtraThemeSlot, CommandExtraUi, CommandGroupLabelProps, CommandGroupOptionData, CommandGroupOptionEmits, CommandGroupOptionProps, CommandGroupProps, CommandHighlightSearchOptionData, CommandInputProps, CommandItemEmits, CommandItemLabelProps, CommandItemProps, CommandListProps, CommandOptionData, CommandOptionEmits, CommandOptionProps, CommandProps, CommandRootEmits, CommandRootProps, CommandSearchOptionData, CommandSearchTermEmits, CommandSeparatorProps, CommandShortcutProps, CommandSingleOptionData, CommandSingleOptionEmits, CommandSingleOptionProps, CommandThemeSlot, CommandUi } from "./types.js";
+import { _default } from "./command.vue.js";

package/dist/components/command/shared.js

@@ -0,0 +1 @@
+function e(e){return!!e?.items}function t(t){return t.flatMap(t=>e(t)?t.items.map(e=>({groupLabel:t.label,groupSeparator:t.separator,...e})):[t])}function n(e,t){return{...e,labelHtml:a(e,t,`label`)}}function r(e){let t=e.reduce((e,t)=>{let{groupLabel:n,groupSeparator:r,...i}=t;return n?(e[n]||(e[n]={label:n,separator:r,items:[]}),e[n].items.push(i)):e[t.label]=i,e},{});return Object.values(t)}function i(e,t){let n=``,r=0,i=!1;for(let a=e.length-1;a>=0;a--){if(e[a]===`>`)i=!0;else if(e[a]===`<`){i=!1,n=e[a]+n;continue}if(i||r++,r<=t)n=e[a]+n;else{n=`...${n}`;break}}return n}function a(e,t,n,r){function a(e,n=[]){e||=``;let r=``,a=0;n.forEach(n=>{if(n.length===2&&n[0]===n[1])return;let i=n[1]+1,o=i-n[0]>=t.length;r+=[e.substring(a,n[0]),o&&`<mark>`,e.substring(n[0],i),o&&`</mark>`].filter(Boolean).join(``),a=i}),r+=e.substring(a);let o=r.indexOf(`<mark>`);return o!==-1&&(r=i(r,r.length-o)),r}let o=e?.matches?.find(e=>(!n||e.key===n)&&!r?.includes(e.key));if(o)return a(o.value,o.indices)}export{n as getCommandHighlightSearchOption,r as getCommandItemOptions,t as getCommandSearchOptions,e as isCommandGroupOption};