@soybeanjs/ui 0.14.0 → 0.15.0-beta.1

package/dist/components/toast/toaster.vue.d.ts

@@ -0,0 +1,22 @@
+import { ToasterProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/toast/toaster.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<ToasterProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ToasterProps> & Readonly<{}>, {
+  iconRender: (name: string) => _$vue.VNode;
+  showIcon: boolean;
+  showClose: 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/toast/types.d.ts

@@ -1,60 +1,10 @@
-import { ThemeColor, ThemeSize } from "../../theme/types.js";
-import { ToastPosition } from "./variants.js";
-import { VNode } from "vue";
-import { ClassValue, PropsToContext, ToastDescriptionProps, ToastProviderProps, ToastRootProps, ToastTitleProps, ToastUi, ToastViewportProps } from "@soybeanjs/headless";
+import { ThemeSize } from "../../theme/types.js";
+import { SwipeDirection, ToastPosition, ToastType, ToastUi, ToasterProps } from "@soybeanjs/headless";
 
 //#region src/components/toast/types.d.ts
-type ToastExtraSlot = 'viewport';
-type ToastExtendedTheme = ToastUi & Record<ToastExtraSlot, ClassValue>;
-interface ToastProviderProps$1 extends ToastProviderProps {
-  ui?: Partial<ToastExtendedTheme>;
-  /**
-   * The maximum number of toasts that can be displayed at the same time.
-   *
-   * @defaultValue 3
-   */
-  limits?: number;
-  /**
-   * The delay time before removing the toast.
-   *
-   * @defaultValue 5000 (ms)
-   */
-  removeDelay?: number;
-  /**
-   * The position of the toast.
-   *
-   * @defaultValue 'top-right'
-   */
-  position?: ToastPosition;
-  viewportProps?: ToastViewportProps;
-}
-type ToastColor = 'default' | ThemeColor;
-type ToastType = Extract<ThemeColor, 'destructive' | 'success' | 'warning' | 'info'>;
-interface ToastProps extends ToastRootProps {
-  class?: ClassValue;
+interface ToasterProps$1 extends ToasterProps {
   size?: ThemeSize;
-  ui?: Partial<ToastUi>;
-  type?: ToastType;
-  color?: ToastColor;
-  /**
-   * The position of the toast.
-   *
-   * @defaultValue 'top-right'
-   */
-  position?: ToastPosition;
-  showIcon?: boolean;
-  titleProps?: ToastTitleProps;
-  descriptionProps?: ToastDescriptionProps;
-}
-interface UseToastOptions extends Pick<ToastProps, 'size' | 'ui' | 'type' | 'color' | 'showIcon' | 'duration' | 'forceMount' | 'liveType' | 'position'> {
-  title?: string | VNode;
-  description?: string | VNode;
-  content?: VNode;
-  onClose?: () => void;
-}
-interface UseToastReturn extends Record<ToastType, (options: Omit<UseToastOptions, 'type'>) => void> {
-  (options: UseToastOptions): void;
-  clear: () => void;
+  ui?: ToastUi;
 }
 //#endregion
-export { ToastColor, ToastProps, ToastProviderProps$1 as ToastProviderProps, UseToastOptions, UseToastReturn };
+export { type SwipeDirection, type ToastPosition, type ToastType, ToasterProps$1 as ToasterProps };

package/dist/components/toast/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:[`group pointer-events-auto relative flex flex-col w-full overflow-hidden rounded-md border shadow-lg transition-all-200 dark:bg-background`,`data-[swipe=cancel]:translate-x-0`,`data-[swipe=end]:translate-x-[var(--soybean-toast-swipe-end-x)] data-[swipe=end]:animate-out`,`data-[swipe=move]:translate-x-[var(--soybean-toast-swipe-move-x)] data-[swipe=move]:transition-none`,`data-[state=open]:slide-in-from-top-full sm:slide-in-from-bottom-full data-[state=open]:animate-in`,`data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=closed]:animate-out`],title:`flex items-center font-medium tracking-tight`,description:`[&_p]:leading-relaxed`,close:`absolute`,action:``},variants:{size:{xs:{root:`gap-0.75 px-2 py-1.75 text-2xs`,title:`gap-1.5 leading-3.125`,close:`right-1 top-1`},sm:{root:`gap-1 px-3 py-2.5 text-xs`,title:`gap-1.75 leading-3.75`,close:`right-1.25 top-1.25`},md:{root:`gap-1 px-4 py-3 text-sm`,title:`gap-2 leading-4.375`,close:`right-1.5 top-1.5`},lg:{root:`gap-1.25 px-5 py-3.5 text-base`,title:`gap-2.5 leading-5`,close:`right-1.75 top-1.75`},xl:{root:`gap-1.5 px-6 py-4 text-lg`,title:`gap-3 leading-5.625`,close:`right-2 top-2`},"2xl":{root:`gap-2 px-7 py-4.5 text-xl`,title:`gap-4 leading-6.25`,close:`right-2.5 top-2.5`}},color:{default:{root:`bg-background`},primary:{root:`border-primary bg-primary-100  text-primary`},destructive:{root:`border-destructive bg-destructive-100 text-destructive`},success:{root:`border-success bg-success-100 text-success`},info:{root:`border-info bg-info-100 text-info`},warning:{root:`border-warning bg-warning-100 text-warning`},carbon:{root:`border-carbon bg-carbon-100 text-carbon`},secondary:{root:`border-secondary bg-secondary text-secondary-foreground`},accent:{root:`border-accent bg-accent text-accent-foreground`}}},defaultVariants:{size:`md`,color:`default`}}),n=e({base:[`fixed top-0 z-100 flex max-h-screen w-full flex-col-reverse pointer-events-none`,`focus-visible:outline-none md:max-w-105`],variants:{size:{xs:`gap-1 p-3`,sm:`gap-1.5 p-3.5`,md:`gap-2 p-4`,lg:`gap-2.5 p-4.5`,xl:`gap-3 p-5`,"2xl":`gap-4 p-6`},position:{"top-left":`top-0 left-0`,top:`top-0 left-1/2 -translate-x-1/2`,"top-right":`top-0 right-0`,bottom:`bottom-0 left-1/2 -translate-x-1/2`,"bottom-left":`bottom-0 left-0`,"bottom-right":`bottom-0 right-0`}},defaultVariants:{size:`md`,position:`top-right`}});export{t as toastVariants,n as toastViewportVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{toaster:[`fixed z-[--z-index] list-none outline-none transition-transform-400 ease`,`data-[x-position=right]:end-[--offset-right] data-[x-position=left]:start-[--offset-left] data-[x-position=center]:left-1/2 data-[x-position=center]:-translate-x-1/2`,`data-[y-position=top]:top-[--offset-top] data-[y-position=bottom]:bottom-[--offset-bottom]`],toast:[`group absolute w-full rounded-md bg-popover text-popover-foreground border border-transparent opacity-0 outline-none touch-none`,`data-[y-position=top]:top-0 data-[y-position=top]:[--y:translateY(-100%)]`,`data-[y-position=bottom]:[--lift:-1] data-[y-position=bottom]:bottom-0`,`data-[x-position=left]:start-0 data-[x-position=right]:end-0`],wrapper:`flex flex-col items-stretch`,content:``,title:`flex items-center font-semibold`,description:`text-muted-foreground`,icon:[`group-data-[type=info]:text-info group-data-[type=success]:text-success group-data-[type=warning]:text-warning group-data-[type=error]:text-destructive`],footer:`flex justify-end items-center`,action:``,cancel:``,close:[`absolute w-fit rounded-md bg-transparent text-accent-foreground hover:bg-accent-foreground/10 active:bg-accent-foreground/20`,`focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-offset-background focus-visible:ring-accent-foreground/20`,`group-data-[inverted=true]:text-accent group-data-[inverted=true]:hover:bg-accent/15`]},variants:{size:{xs:{toaster:`w-80 text-2xs`,toast:`p-3`,wrapper:`gap-1`,title:`gap-1.25`,footer:`gap-1.25`,close:`top-1 end-1 p-0.75`},sm:{toaster:`w-85 text-xs`,toast:`p-3.5`,wrapper:`gap-1.25`,title:`gap-1.5`,footer:`gap-1.5`,close:`top-1.25 end-1.25 p-0.875`},md:{toaster:`w-90 text-sm`,toast:`p-4`,wrapper:`gap-1.5`,title:`gap-2`,footer:`gap-2`,close:`top-1.5 end-1.5 p-1`},lg:{toaster:`w-95 text-base`,toast:`p-4.5`,wrapper:`gap-1.75`,title:`gap-2.5`,footer:`gap-2.5`,close:`top-1.75 end-1.75 p-1.25`},xl:{toaster:`w-100 text-lg`,toast:`p-5`,wrapper:`gap-2`,title:`gap-3`,footer:`gap-3`,close:`top-2 end-2 p-1.5`},"2xl":{toaster:`w-110 text-xl`,toast:`p-6`,wrapper:`gap-2.5`,title:`gap-4`,footer:`gap-4`,close:`top-2.5 end-2.5 p-1.75`}}},defaultVariants:{size:`md`}});export{t as toastVariants};

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

@@ -0,0 +1,3 @@
+import { ToggleShape, ToggleVariant } from "./variants.js";
+import { ToggleEmits, ToggleProps } from "./types.js";
+import { _default } from "./toggle.vue.js";

package/dist/components/toggle/index.js

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

package/dist/components/toggle/toggle.js

@@ -0,0 +1 @@
+import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import{toggleVariants as t}from"./variants.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{Toggle as p}from"@soybeanjs/headless";const m=i({name:`SToggle`,__name:`toggle`,props:{class:{},color:{},size:{},variant:{},shape:{},defaultValue:{type:Boolean},modelValue:{type:Boolean,default:void 0},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(i,{emit:m}){let h=i,g=m,_=f(h,[`class`,`color`,`variant`,`size`,`shape`]),v=n(()=>e(t({color:h.color,variant:h.variant,size:h.size,shape:h.shape}),h.class));return(e,t)=>(c(),r(u(p),o(u(_),{class:v.value,"onUpdate:modelValue":t[0]||=e=>g(`update:modelValue`,e)}),{default:d(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16,[`class`]))}});export{m as default};

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

@@ -0,0 +1,30 @@
+import { ToggleProps as ToggleProps$1 } from "./types.js";
+import * as _$vue from "vue";
+import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
+
+//#region src/components/toggle/toggle.vue.d.ts
+declare var __VLS_10: {
+  modelValue: boolean;
+  pressed: boolean;
+  state: _$_soybeanjs_headless0.ToggleState;
+  disabled: boolean;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<ToggleProps$1, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: boolean) => any;
+}, string, _$vue.PublicProps, Readonly<ToggleProps$1> & Readonly<{
+  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+  modelValue: 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/toggle/types.d.ts

@@ -0,0 +1,14 @@
+import { ThemeColor, ThemeSize } from "../../theme/types.js";
+import { ToggleShape, ToggleVariant } from "./variants.js";
+import { ClassValue, ToggleEmits, ToggleProps } from "@soybeanjs/headless";
+
+//#region src/components/toggle/types.d.ts
+interface ToggleProps$1 extends ToggleProps {
+  class?: ClassValue;
+  color?: ThemeColor;
+  size?: ThemeSize;
+  variant?: ToggleVariant;
+  shape?: ToggleShape;
+}
+//#endregion
+export { type ToggleEmits, ToggleProps$1 as ToggleProps };

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

@@ -0,0 +1,100 @@
+import * as _$tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/toggle/variants.d.ts
+declare const toggleVariants: _$tailwind_variants0.TVReturnType<{
+  color: {
+    primary: string;
+    destructive: string;
+    success: string;
+    warning: string;
+    info: string;
+    carbon: string;
+    secondary: string;
+    accent: string;
+  };
+  variant: {
+    outline: string;
+    soft: string;
+    ghost: string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+  };
+  shape: {
+    auto: string;
+    rounded: string;
+    square: string;
+    circle: string;
+  };
+}, undefined, string[], {
+  color: {
+    primary: string;
+    destructive: string;
+    success: string;
+    warning: string;
+    info: string;
+    carbon: string;
+    secondary: string;
+    accent: string;
+  };
+  variant: {
+    outline: string;
+    soft: string;
+    ghost: string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+  };
+  shape: {
+    auto: string;
+    rounded: string;
+    square: string;
+    circle: string;
+  };
+}, undefined, _$tailwind_variants0.TVReturnType<{
+  color: {
+    primary: string;
+    destructive: string;
+    success: string;
+    warning: string;
+    info: string;
+    carbon: string;
+    secondary: string;
+    accent: string;
+  };
+  variant: {
+    outline: string;
+    soft: string;
+    ghost: string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+  };
+  shape: {
+    auto: string;
+    rounded: string;
+    square: string;
+    circle: string;
+  };
+}, undefined, string[], unknown, unknown, undefined>>;
+type ToggleVariants = VariantProps<typeof toggleVariants>;
+type ToggleVariant = NonNullable<ToggleVariants['variant']>;
+type ToggleShape = NonNullable<ToggleVariants['shape']>;
+//#endregion
+export { ToggleShape, ToggleVariant };

package/dist/components/toggle/variants.js

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({base:[`inline-flex items-center justify-center rounded-md whitespace-nowrap font-medium transition-all-150`,`focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-offset-background`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`,`[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4`],variants:{color:{primary:`focus-visible:ring-primary/30`,destructive:`focus-visible:ring-destructive/30`,success:`focus-visible:ring-success/30`,warning:`focus-visible:ring-warning/30`,info:`focus-visible:ring-info/30`,carbon:`focus-visible:ring-carbon/30`,secondary:`focus-visible:ring-secondary-foreground/20`,accent:`focus-visible:ring-accent-foreground/20`},variant:{outline:`border border-border bg-background text-foreground hover:bg-accent data-[state=on]:bg-accent`,soft:`bg-accent data-[state=off]:hover:bg-accent`,ghost:`bg-transparent data-[state=off]:hover:bg-accent`},size:{xs:`gap-1 h-6 px-1.5 text-2xs`,sm:`gap-2 h-7 px-2 text-xs`,md:`gap-3 h-8 px-4 text-sm`,lg:`gap-4 h-9 px-6 text-base`,xl:`gap-5 h-10 px-8 text-lg`,"2xl":`gap-6 h-12 px-10 text-xl`},shape:{auto:`rounded-md`,rounded:`rounded-full`,square:`h-8 w-8 p-0 gap-0 rounded-md`,circle:`h-8 w-8 p-0 gap-0 rounded-full`}},compoundVariants:[{color:`primary`,variant:`soft`,class:`data-[state=on]:bg-primary/20 data-[state=on]:text-primary`},{color:`destructive`,variant:`soft`,class:`data-[state=on]:bg-destructive/20 data-[state=on]:text-destructive`},{color:`success`,variant:`soft`,class:`data-[state=on]:bg-success/20 data-[state=on]:text-success`},{color:`warning`,variant:`soft`,class:`data-[state=on]:bg-warning/20 data-[state=on]:text-warning`},{color:`info`,variant:`soft`,class:`data-[state=on]:bg-info/20 data-[state=on]:text-info`},{color:`carbon`,variant:`soft`,class:`data-[state=on]:bg-carbon/20 data-[state=on]:text-carbon`},{color:`secondary`,variant:`soft`,class:`data-[state=on]:bg-secondary-foreground/10 data-[state=on]:text-secondary-foreground`},{color:`accent`,variant:`soft`,class:`data-[state=on]:bg-accent-foreground/10 data-[state=on]:text-accent-foreground`},{color:`primary`,variant:`ghost`,class:`data-[state=on]:bg-primary/20 data-[state=on]:text-primary`},{color:`destructive`,variant:`ghost`,class:`data-[state=on]:bg-destructive/20 data-[state=on]:text-destructive`},{color:`success`,variant:`ghost`,class:`data-[state=on]:bg-success/20 data-[state=on]:text-success`},{color:`warning`,variant:`ghost`,class:`data-[state=on]:bg-warning/20 data-[state=on]:text-warning`},{color:`info`,variant:`ghost`,class:`data-[state=on]:bg-info/20 data-[state=on]:text-info`},{color:`carbon`,variant:`ghost`,class:`data-[state=on]:bg-carbon/20 data-[state=on]:text-carbon`},{color:`secondary`,variant:`ghost`,class:`data-[state=on]:bg-secondary-foreground/10 data-[state=on]:text-secondary-foreground`},{color:`accent`,variant:`ghost`,class:`data-[state=on]:bg-accent-foreground/10 data-[state=on]:text-accent-foreground`},{size:`xs`,shape:[`square`,`circle`],class:`w-6`},{size:`sm`,shape:[`square`,`circle`],class:`w-7`},{size:`md`,shape:[`square`,`circle`],class:`w-8`},{size:`lg`,shape:[`square`,`circle`],class:`w-9`},{size:`xl`,shape:[`square`,`circle`],class:`w-10`},{size:`2xl`,shape:[`square`,`circle`],class:`w-12`}],defaultVariants:{color:`accent`,variant:`ghost`,size:`md`,shape:`auto`}});export{t as toggleVariants};

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

@@ -0,0 +1,6 @@
+import { ToggleGroupVariant } from "./variants.js";
+import { ToggleGroupEmits, ToggleGroupProps } from "./types.js";
+import { _default } from "./toggle-group.vue.js";
+import { _default as _default$1 } from "./toggle-group-item.vue.js";
+import { ToggleGroupItemProps as ToggleGroupItemProps$1, ToggleGroupRootEmits, ToggleGroupRootProps, ToggleGroupUi, ToggleGroupUiSlot } from "@soybeanjs/headless/toggle-group";
+export { type ToggleGroupItemProps$1 as ToggleGroupItemProps, type ToggleGroupRootEmits, type ToggleGroupRootProps, type ToggleGroupUi, type ToggleGroupUiSlot };

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

@@ -0,0 +1 @@
+import"./toggle-group.js";import"./toggle-group-item.js";

package/dist/components/toggle-group/toggle-group-item.js

@@ -0,0 +1 @@
+import{createBlock as e,defineComponent as t,mergeProps as n,openBlock as r,renderSlot as i,unref as a,withCtx as o}from"vue";import{useOmitProps as s}from"@soybeanjs/headless/composables";import{ToggleGroupItem as c}from"@soybeanjs/headless";const l=t({name:`SToggleGroupItem`,__name:`toggle-group-item`,props:{value:{},disabled:{type:Boolean},type:{},asChild:{type:Boolean},as:{}},setup(t){let l=t,u=s(l,[`class`]);return(t,s)=>(r(),e(a(c),n(a(u),{class:l.class}),{default:o(()=>[i(t.$slots,`default`)]),_:3},16,[`class`]))}});export{l as default};

package/dist/components/toggle-group/toggle-group-item.vue.d.ts

@@ -0,0 +1,22 @@
+import * as _$vue from "vue";
+import { DefinedValue } from "@soybeanjs/headless";
+import { ToggleGroupItemProps } from "@soybeanjs/headless/toggle-group";
+
+//#region src/components/toggle-group/toggle-group-item.vue.d.ts
+declare const __VLS_export: <T extends DefinedValue = string>(__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<ToggleGroupItemProps<T>> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {}) => any;
+  };
+  emit: {};
+}>) => _$vue.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{toggleGroupVariants 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{ToggleGroupRoot as p,provideToggleGroupUi as m}from"@soybeanjs/headless";const h=i({name:`SToggleGroup`,__name:`toggle-group`,props:{class:{},color:{},size:{},variant:{},ui:{},rovingFocus:{type:Boolean},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},singleClearable:{type:Boolean},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(i,{emit:h}){let g=i,_=h,v=f(g,[`class`,`color`,`size`,`variant`,`ui`]),y=d(_);return m(n(()=>e(t({color:g.color,size:g.size,variant:g.variant,orientation:g.orientation}),g.ui,{root:g.class}))),(e,t)=>(o(),r(l(p),a(l(v),c(l(y))),{default:u(()=>[s(e.$slots,`default`)]),_:3},16))}});export{h as default};

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

@@ -0,0 +1,24 @@
+import { ToggleGroupProps } from "./types.js";
+import * as _$vue from "vue";
+import { DefinedValue } from "@soybeanjs/headless";
+
+//#region src/components/toggle-group/toggle-group.vue.d.ts
+declare const __VLS_export: <M extends boolean = false, T extends DefinedValue = string>(__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<ToggleGroupProps<M, T> & {
+    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {}) => any;
+  };
+  emit: (evt: "update:modelValue", value: M extends true ? T[] : T) => void;
+}>) => _$vue.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

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

@@ -0,0 +1,15 @@
+import { ThemeColor, ThemeSize } from "../../theme/types.js";
+import { ToggleGroupVariant } from "./variants.js";
+import { ClassValue, DefinedValue, ToggleGroupRootEmits, ToggleGroupRootProps, ToggleGroupUi } from "@soybeanjs/headless";
+
+//#region src/components/toggle-group/types.d.ts
+interface ToggleGroupProps<M extends boolean = false, T extends DefinedValue = string> extends ToggleGroupRootProps<M, T> {
+  class?: ClassValue;
+  color?: ThemeColor;
+  size?: ThemeSize;
+  variant?: ToggleGroupVariant;
+  ui?: Partial<ToggleGroupUi>;
+}
+type ToggleGroupEmits<M extends boolean = false, T extends DefinedValue = string> = ToggleGroupRootEmits<M, T>;
+//#endregion
+export { ToggleGroupEmits, ToggleGroupProps };

package/dist/components/toggle-group/variants.d.ts

@@ -0,0 +1,216 @@
+import * as _$tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/toggle-group/variants.d.ts
+declare const toggleGroupVariants: _$tailwind_variants0.TVReturnType<{
+  color: {
+    primary: {
+      item: string;
+    };
+    destructive: {
+      item: string;
+    };
+    success: {
+      item: string;
+    };
+    warning: {
+      item: string;
+    };
+    info: {
+      item: string;
+    };
+    carbon: {
+      item: string;
+    };
+    secondary: {
+      item: string;
+    };
+    accent: {
+      item: string;
+    };
+  };
+  orientation: {
+    horizontal: {
+      root: string[];
+    };
+    vertical: {
+      root: string[];
+    };
+  };
+  variant: {
+    outline: {
+      item: string[];
+    };
+    soft: {
+      item: string[];
+    };
+    ghost: {
+      item: string[];
+    };
+  };
+  size: {
+    xs: {
+      item: string;
+    };
+    sm: {
+      item: string;
+    };
+    md: {
+      item: string;
+    };
+    lg: {
+      item: string;
+    };
+    xl: {
+      item: string;
+    };
+    '2xl': {
+      item: string;
+    };
+  };
+}, {
+  root: string[];
+  item: string[];
+}, undefined, {
+  color: {
+    primary: {
+      item: string;
+    };
+    destructive: {
+      item: string;
+    };
+    success: {
+      item: string;
+    };
+    warning: {
+      item: string;
+    };
+    info: {
+      item: string;
+    };
+    carbon: {
+      item: string;
+    };
+    secondary: {
+      item: string;
+    };
+    accent: {
+      item: string;
+    };
+  };
+  orientation: {
+    horizontal: {
+      root: string[];
+    };
+    vertical: {
+      root: string[];
+    };
+  };
+  variant: {
+    outline: {
+      item: string[];
+    };
+    soft: {
+      item: string[];
+    };
+    ghost: {
+      item: string[];
+    };
+  };
+  size: {
+    xs: {
+      item: string;
+    };
+    sm: {
+      item: string;
+    };
+    md: {
+      item: string;
+    };
+    lg: {
+      item: string;
+    };
+    xl: {
+      item: string;
+    };
+    '2xl': {
+      item: string;
+    };
+  };
+}, {
+  root: string[];
+  item: string[];
+}, _$tailwind_variants0.TVReturnType<{
+  color: {
+    primary: {
+      item: string;
+    };
+    destructive: {
+      item: string;
+    };
+    success: {
+      item: string;
+    };
+    warning: {
+      item: string;
+    };
+    info: {
+      item: string;
+    };
+    carbon: {
+      item: string;
+    };
+    secondary: {
+      item: string;
+    };
+    accent: {
+      item: string;
+    };
+  };
+  orientation: {
+    horizontal: {
+      root: string[];
+    };
+    vertical: {
+      root: string[];
+    };
+  };
+  variant: {
+    outline: {
+      item: string[];
+    };
+    soft: {
+      item: string[];
+    };
+    ghost: {
+      item: string[];
+    };
+  };
+  size: {
+    xs: {
+      item: string;
+    };
+    sm: {
+      item: string;
+    };
+    md: {
+      item: string;
+    };
+    lg: {
+      item: string;
+    };
+    xl: {
+      item: string;
+    };
+    '2xl': {
+      item: string;
+    };
+  };
+}, {
+  root: string[];
+  item: string[];
+}, undefined, unknown, unknown, undefined>>;
+type ToggleGroupVariants = VariantProps<typeof toggleGroupVariants>;
+type ToggleGroupVariant = NonNullable<ToggleGroupVariants['variant']>;
+//#endregion
+export { ToggleGroupVariant };

package/dist/components/toggle-group/variants.js

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:[`w-fit [&>*]:relative focus-visible:[&>*]:z-2`,`[&>*:not(:first-child):not(:last-child)]:!rounded-none`,`[&>*:not(:first-child):not(:last-child)>*]:!rounded-none`,`data-[orientation=vertical]:items-stretch`],item:[`inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium transition-all-150`,`focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-primary/30 focus-visible:ring-offset-background`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-50`,`[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4`]},variants:{color:{primary:{item:`focus-visible:ring-primary/30`},destructive:{item:`focus-visible:ring-destructive/30`},success:{item:`focus-visible:ring-success/30`},warning:{item:`focus-visible:ring-warning/30`},info:{item:`focus-visible:ring-info/30`},carbon:{item:`focus-visible:ring-carbon/30`},secondary:{item:`focus-visible:ring-secondary-foreground/20`},accent:{item:`focus-visible:ring-accent-foreground/20`}},orientation:{horizontal:{root:[`inline-flex flex-row rtl:flex-row-reverse`,`[&>*:not(:last-child)]:border-r-0 [&>*:not(:last-child)>*]:border-r-0`,`focus-visible:[&>*]:border-r focus-visible:[&>*>*]:border-r`,`[&>*:first-child]:!rounded-r-none [&>*:first-child>*]:!rounded-r-none`,`[&>*:last-child]:!rounded-l-none [&>*:last-child>*]:!rounded-l-none`]},vertical:{root:[`flex flex-col`,`[&>*:not(:last-child)]:border-b-0 [&>*:not(:last-child)>*]:border-b-0`,`focus-visible:[&>*]:border-b focus-visible:[&>*>*]:border-b`,`[&>*:first-child]:!rounded-b-none [&>*:first-child>*]:!rounded-b-none`,`[&>*:last-child]:!rounded-t-none [&>*:last-child>*]:!rounded-t-none`]}},variant:{outline:{item:[`border border-border bg-background text-foreground`,`data-[state=off]:hover:bg-accent data-[state=on]:bg-accent data-[state=on]:text-accent-foreground`]},soft:{item:[`bg-accent text-foreground`,`data-[state=off]:hover:bg-accent`]},ghost:{item:[`bg-transparent text-foreground`,`data-[state=off]:hover:bg-accent`]}},size:{xs:{item:`h-6 gap-1 px-1.5 text-2xs`},sm:{item:`h-7 gap-2 px-2 text-xs`},md:{item:`h-8 gap-3 px-4 text-sm`},lg:{item:`h-9 gap-4 px-6 text-base`},xl:{item:`h-10 gap-5 px-8 text-lg`},"2xl":{item:`h-12 gap-6 px-10 text-xl`}}},compoundVariants:[{color:`primary`,variant:[`soft`,`ghost`],class:{item:`data-[state=on]:bg-primary/20 data-[state=on]:text-primary`}},{color:`destructive`,variant:[`soft`,`ghost`],class:{item:`data-[state=on]:bg-destructive/20 data-[state=on]:text-destructive`}},{color:`success`,variant:[`soft`,`ghost`],class:{item:`data-[state=on]:bg-success/20 data-[state=on]:text-success`}},{color:`warning`,variant:[`soft`,`ghost`],class:{item:`data-[state=on]:bg-warning/20 data-[state=on]:text-warning`}},{color:`info`,variant:[`soft`,`ghost`],class:{item:`data-[state=on]:bg-info/20 data-[state=on]:text-info`}},{color:`carbon`,variant:[`soft`,`ghost`],class:{item:`data-[state=on]:bg-carbon/20 data-[state=on]:text-carbon`}},{color:`secondary`,variant:[`soft`,`ghost`],class:{item:`data-[state=on]:bg-secondary-foreground/10 data-[state=on]:text-secondary-foreground`}},{color:`accent`,variant:[`soft`,`ghost`],class:{item:`data-[state=on]:bg-accent-foreground/10 data-[state=on]:text-accent-foreground`}}],defaultVariants:{color:`accent`,orientation:`horizontal`,variant:`ghost`,size:`md`}});export{t as toggleGroupVariants};

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

@@ -0,0 +1,4 @@
+import { ToolbarProps } from "./types.js";
+import { _default } from "./toolbar.vue.js";
+import { ToolbarButton as SToolbarButton, ToolbarButtonEmits, ToolbarButtonProps, ToolbarLink as SToolbarLink, ToolbarLinkProps, ToolbarRootProps, ToolbarSeparator as SToolbarSeparator, ToolbarSeparatorProps, ToolbarToggleGroup as SToolbarToggleGroup, ToolbarToggleGroupEmits, ToolbarToggleGroupProps, ToolbarToggleItem as SToolbarToggleItem, ToolbarToggleItemProps, ToolbarUi, ToolbarUiSlot } from "@soybeanjs/headless/toolbar";
+export { SToolbarButton, SToolbarLink, SToolbarSeparator, SToolbarToggleGroup, SToolbarToggleItem, type ToolbarButtonEmits, type ToolbarButtonProps, type ToolbarLinkProps, type ToolbarRootProps, type ToolbarSeparatorProps, type ToolbarToggleGroupEmits, type ToolbarToggleGroupProps, type ToolbarToggleItemProps, type ToolbarUi, type ToolbarUiSlot };

package/dist/components/toolbar/index.js

@@ -0,0 +1 @@
+import"./toolbar.js";import{ToolbarButton as e,ToolbarLink as t,ToolbarSeparator as n,ToolbarToggleGroup as r,ToolbarToggleItem as i}from"@soybeanjs/headless/toolbar";export{e as SToolbarButton,t as SToolbarLink,n as SToolbarSeparator,r as SToolbarToggleGroup,i as SToolbarToggleItem};

package/dist/components/toolbar/toolbar.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{toolbarVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,normalizeProps 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{ToolbarRoot as f,provideToolbarUi as p}from"@soybeanjs/headless";const m=i({name:`SToolbar`,__name:`toolbar`,props:{class:{},ui:{},orientation:{},dir:{},loop:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){let m=i,h=d(m,[`class`,`ui`]);return p(n(()=>e(t(),m.ui,{root:m.class}))),(e,t)=>(s(),r(l(f),o(a(l(h))),{default:u(()=>[c(e.$slots,`default`)]),_:3},16))}});export{m as default};

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

@@ -0,0 +1,18 @@
+import { ToolbarProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/toolbar/toolbar.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<ToolbarProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ToolbarProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1,9 @@
+import { ClassValue, ToolbarRootProps, ToolbarUi } from "@soybeanjs/headless";
+
+//#region src/components/toolbar/types.d.ts
+interface ToolbarProps extends ToolbarRootProps {
+  class?: ClassValue;
+  ui?: Partial<ToolbarUi>;
+}
+//#endregion
+export { ToolbarProps };

package/dist/components/toolbar/variants.js

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=[`inline-flex h-7 min-w-7 items-center justify-center gap-1 rounded-sm px-2 text-sm font-medium transition-colors`,`outline-none hover:bg-accent hover:text-accent-foreground`,`focus-visible:ring-3 focus-visible:ring-primary/30`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-50`,`aria-disabled:pointer-events-none aria-disabled:opacity-50`,`[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4`],n=e({slots:{root:[`inline-flex items-center gap-1 rounded-md border border-border bg-background p-1 shadow-xs`,`data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-fit data-[orientation=vertical]:flex-col`,`data-[orientation=horizontal]:h-9`],button:t,link:[...t,`select-none no-underline`],separator:[`shrink-0 bg-border data-[orientation=vertical]:mx-1 data-[orientation=vertical]:h-4 data-[orientation=vertical]:w-px`,`data-[orientation=horizontal]:my-1 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full`],toggleGroup:`inline-flex items-center gap-1 data-[orientation=vertical]:flex-col`,toggleItem:[...t,`data-[state=on]:bg-accent data-[state=on]:text-accent-foreground`]}});export{n as toolbarVariants};

package/dist/components/tree-menu/tree-menu-option-slot.js

@@ -1 +1 @@
-import e from"../button/button-icon.js";import t from"../icon/icon.js";import n from"../badge/badge.js";import r from"../dropdown-menu/dropdown-menu.js";import i from"../tag/tag.js";import{useTreeMenuContext as a,useTreeMenuExtraUi as o}from"./context.js";import{Fragment as s,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createVNode as p,defineComponent as m,mergeProps as h,normalizeClass as g,openBlock as _,renderSlot as v,toDisplayString as y,unref as b,withCtx as x,withModifiers as S}from"vue";import{useTreeMenuRootContext as C}from"@soybeanjs/headless";const w=m({name:`STreeMenuOptionSlot`,__name:`tree-menu-option-slot`,props:{showLinkIcon:{type:Boolean},as:{},item:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},setup(m){let w=m,{collapsed:T}=C(`TreeMenuOptionSlot`),{size:E}=a(`TreeMenuOptionSlot`),D=o(),O=c(()=>!!w.item.children?.filter(e=>!e.hidden)?.length),k=c(()=>({color:`accent`,variant:`raw`,...w.item.tagProps,content:w.item.tag}));return(a,o)=>(_(),d(s,null,[v(a.$slots,`leading`,{item:m.item},()=>[p(t,{icon:m.item.icon},null,8,[`icon`])]),v(a.$slots,`default`,{item:m.item},()=>[m.item.badge?(_(),l(n,h({key:0},m.item.badgeProps,{size:b(E),content:m.item.badge,class:b(D).itemBadge}),{default:x(()=>[f(`span`,{class:g(b(D).itemLabel)},y(m.item.label),3)]),_:1},16,[`size`,`content`,`class`])):(_(),d(`span`,{key:1,class:g(b(D).itemLabel)},y(m.item.label),3))]),m.showLinkIcon?(_(),l(t,{key:0,icon:`lucide:arrow-up-right`,class:g(b(D).itemLinkIcon)},null,8,[`class`])):u(`v-if`,!0),m.item.tag?(_(),l(i,h({key:1},k.value,{size:b(E),content:m.item.tag,class:b(D).itemTag}),null,16,[`size`,`content`,`class`])):u(`v-if`,!0),!b(T)&&m.item.actions?.length?(_(),l(r,h({key:2},m.item.actionMenuProps,{size:b(E),items:m.item.actions,onSelect:m.item.onActionSelect}),{trigger:x(()=>[p(e,{icon:`lucide:ellipsis`,size:b(E),class:g(b(D).itemAction),onClick:o[0]||=S(()=>{},[`stop`])},null,8,[`size`,`class`])]),_:1},16,[`size`,`items`,`onSelect`])):u(`v-if`,!0),v(a.$slots,`trailing`,{item:m.item}),O.value?(_(),l(t,{key:3,icon:`lucide:chevron-right`,class:g(b(D).collapsibleIcon)},null,8,[`class`])):u(`v-if`,!0)],64))}});export{w as default};
+import e from"../icon/icon.js";import t from"../button/button-icon.js";import n from"../badge/badge.js";import r from"../dropdown-menu/dropdown-menu.js";import i from"../tag/tag.js";import{useTreeMenuContext as a,useTreeMenuExtraUi as o}from"./context.js";import{Fragment as s,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createVNode as p,defineComponent as m,mergeProps as h,normalizeClass as g,openBlock as _,renderSlot as v,toDisplayString as y,unref as b,withCtx as x,withModifiers as S}from"vue";import{useTreeMenuRootContext as C}from"@soybeanjs/headless";const w=m({name:`STreeMenuOptionSlot`,__name:`tree-menu-option-slot`,props:{showLinkIcon:{type:Boolean},as:{},item:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},setup(m){let w=m,{collapsed:T}=C(`TreeMenuOptionSlot`),{size:E}=a(`TreeMenuOptionSlot`),D=o(),O=c(()=>!!w.item.children?.filter(e=>!e.hidden)?.length),k=c(()=>({color:`accent`,variant:`raw`,...w.item.tagProps,content:w.item.tag}));return(a,o)=>(_(),d(s,null,[v(a.$slots,`leading`,{item:m.item},()=>[p(e,{icon:m.item.icon},null,8,[`icon`])]),v(a.$slots,`default`,{item:m.item},()=>[m.item.badge?(_(),l(n,h({key:0},m.item.badgeProps,{size:b(E),content:m.item.badge,class:b(D).itemBadge}),{default:x(()=>[f(`span`,{class:g(b(D).itemLabel)},y(m.item.label),3)]),_:1},16,[`size`,`content`,`class`])):(_(),d(`span`,{key:1,class:g(b(D).itemLabel)},y(m.item.label),3))]),m.showLinkIcon?(_(),l(e,{key:0,icon:`lucide:arrow-up-right`,class:g(b(D).itemLinkIcon)},null,8,[`class`])):u(`v-if`,!0),m.item.tag?(_(),l(i,h({key:1},k.value,{size:b(E),content:m.item.tag,class:b(D).itemTag}),null,16,[`size`,`content`,`class`])):u(`v-if`,!0),!b(T)&&m.item.actions?.length?(_(),l(r,h({key:2},m.item.actionMenuProps,{size:b(E),items:m.item.actions,onSelect:m.item.onActionSelect}),{trigger:x(()=>[p(t,{icon:`lucide:ellipsis`,size:b(E),class:g(b(D).itemAction),onClick:o[0]||=S(()=>{},[`stop`])},null,8,[`size`,`class`])]),_:1},16,[`size`,`items`,`onSelect`])):u(`v-if`,!0),v(a.$slots,`trailing`,{item:m.item}),O.value?(_(),l(e,{key:3,icon:`lucide:chevron-right`,class:g(b(D).collapsibleIcon)},null,8,[`class`])):u(`v-if`,!0)],64))}});export{w as default};