@soybeanjs/headless 0.13.8 → 0.15.0-beta.1

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

@@ -0,0 +1,26 @@
+import { ToastOffset, ToastPosition, ToasterProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/toast/toaster.vue.d.ts
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<ToasterProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ToasterProps> & Readonly<{}>, {
+  offset: ToastOffset;
+  hotkey: string[];
+  containerAriaLabel: string;
+  position: ToastPosition;
+  duration: number;
+  gap: number;
+  visibleCounts: number;
+}, {}, {}, {}, 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,103 +1,121 @@
-import { SwipeDirection, UiClass } from "../../types/common.js";
-import { SwipeEvent } from "../../types/event.js";
-import { ForceMountProps } from "../../types/component.js";
-import { PrimitiveProps } from "../primitive/types.js";
-import { HTMLAttributes } from "vue";
+import { Direction, Side, SwipeDirection, UiClass } from "../../types/common.js";
+import { ComputedRef, HTMLAttributes, LiHTMLAttributes, OlHTMLAttributes, ShallowRef, VNode } from "vue";
 
 //#region src/components/toast/types.d.ts
-interface ToastProviderProps {
-  /**
-   * An author-localized label for each toast. Used to help screen reader users associate the interruption with a toast.
-   *
-   * @defaultValue 'Notification'
-   */
-  label?: string;
-  /**
-   * Time in milliseconds that each toast should remain visible for.
-   *
-   * @defaultValue 5000
-   */
+type ToastType = 'default' | 'success' | 'info' | 'warning' | 'error' | 'loading';
+type ToastIconType = Exclude<ToastType, 'default'> | 'close';
+type ToastPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top-center' | 'bottom-center';
+type ToastOffset = Partial<Record<Side, number>> | number;
+type ToastPromise<Data = any> = Promise<Data> | (() => Promise<Data>);
+interface ToastT {
+  id: number | string;
+  toasterId?: string;
+  type?: ToastType;
+  ui?: Partial<ToastUi>;
+  richColor?: boolean;
+  inverted?: boolean;
+  position?: ToastPosition;
   duration?: number;
+  dismissible?: boolean;
+  title?: VNode | string;
+  description?: VNode | string;
+  icon?: VNode | string;
+  content?: VNode;
+  action?: VNode | string;
+  cancel?: VNode | string;
+  onAction?: (event: MouseEvent) => void;
+  onCancel?: (event: MouseEvent) => void;
+  close?: VNode | string;
+  showClose?: boolean;
+  delete?: boolean;
+  custom?: VNode;
+  promise?: ToastPromise;
+  onDismiss?: (toast: ToastT) => void;
+  onAutoClose?: (toast: ToastT) => void;
+  testId?: string;
+}
+interface ToastExternal extends Omit<ToastT, 'id' | 'type' | 'title' | 'content' | 'custom' | 'promise' | 'delete'> {
+  id?: number | string;
+}
+interface ToastCreateOptions extends Omit<ToastT, 'id' | 'delete' | 'title'> {
+  id?: number | string;
+  message?: VNode | string;
+}
+interface ToasterProps extends /** @vue-ignore */OlHTMLAttributes {
+  id?: string;
+  dir?: Direction;
+  hotkey?: string[];
+  customAriaLabel?: string;
+  containerAriaLabel?: string;
+  position?: ToastPosition;
+  defaultExpanded?: boolean;
   /**
-   * Whether to disable the ability to swipe to close the toast.
+   * The duration (in milliseconds) before the toast automatically closes. Set to `0` or `Infinity` to disable auto-dismissal.
    *
-   * @defaultValue false
+   * [自动关闭前的持续时间（以毫秒为单位）。设置为 `0` 或 `Infinity` 可禁用自动关闭。]
    */
-  disableSwipe?: boolean;
+  duration?: number;
+  gap?: number;
   /**
-   * Direction of pointer swipe that should close the toast.
+   *  The maximum number of visible toasts per position. [每个位置可见的最大吐司数量。]
    *
-   * @defaultValue 'right'
+   * @default 3
    */
-  swipeDirection?: SwipeDirection;
+  offset?: ToastOffset;
+  visibleCounts?: number;
+  swipeDirections?: SwipeDirection[];
+  showIcon?: boolean;
   /**
-   * Distance in pixels that the swipe must pass before a close is triggered.
+   * Whether to show the close button on the toast. [是否在吐司上显示关闭图标。]
    *
-   * @defaultValue 50
+   * @default true
    */
-  swipeThreshold?: number;
-}
-type ToastLiveType = 'foreground' | 'background';
-interface ToastRootProps extends ForceMountProps, PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'onPause'> {
+  showClose?: boolean;
+  icons?: Partial<Record<ToastIconType, VNode | string>>;
   /**
-   * Control the sensitivity of the toast for accessibility purposes.
+   * When provide string value for icon, the `iconRender` function will be called to get the icon node.
    *
-   * For toasts that are the result of a user action, choose `foreground`. Toasts generated from background tasks should
-   * use `background`.
-   */
-  liveType?: ToastLiveType;
-  /** The controlled open state of the dialog. Can be bind as `v-model:open`. */
-  open?: boolean;
-  /** The open state of the dialog when it is initially rendered. Use when you do not need to control its open state. */
-  defaultOpen?: boolean;
-  /** Time in milliseconds that toast should remain visible for. Overrides value given to `ToastProvider`. */
-  duration?: number;
-}
-type ToastRootEmits = {
-  /** Event handler called when the escape key is down. It can be prevented by calling `event.preventDefault`. */escapeKeyDown: [event: KeyboardEvent];
-  /**
-   * Event handler called when the dismiss timer is paused. This occurs when the pointer is moved over the viewport, the
-   * viewport is focused or when the window is blurred.
-   */
-  pause: [];
-  /**
-   * Event handler called when the dismiss timer is resumed. This occurs when the pointer is moved away from the
-   * viewport, the viewport is blurred or when the window is focused.
-   */
-  resume: []; /** Event handler called when starting a swipe interaction. It can be prevented by calling `event.preventDefault`. */
-  swipeStart: [event: SwipeEvent]; /** Event handler called during a swipe interaction. It can be prevented by calling `event.preventDefault`. */
-  swipeMove: [event: SwipeEvent]; /** Event handler called when swipe interaction is cancelled. It can be prevented by calling `event.preventDefault`. */
-  swipeCancel: [event: SwipeEvent]; /** Event handler called at the end of a swipe interaction. It can be prevented by calling `event.preventDefault`. */
-  swipeEnd: [event: SwipeEvent]; /** Event handler called when the open state of the toast changes. */
-  'update:open': [value: boolean];
-};
-interface ToastViewportProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
-  /**
-   * The keys to use as the keyboard shortcut that will move focus to the toast viewport.
+   * [当图标提供字符串值时，将调用 `iconRender` 函数以获取图标节点。]
    *
-   * @defaultValue ['F8']
+   * @param name The name of the icon, which is the string value provided for the icon. [图标的名称，即为提供给图标的字符串值。]
    */
-  hotkey?: string[];
+  iconRender?: (name: string) => VNode;
   /**
-   * An author-localized label for the toast viewport to provide context for screen reader users when navigating page
-   * landmarks. The available `{hotkey}` placeholder will be replaced for you. Alternatively, you can pass in a custom
-   * function to generate the label.
+   * When `action` or `cancel` is a string, the `buttonRender` function will be called to get the node for them.
    *
-   * @defaultValue 'Notifications ({hotkey})'
+   * [当 `action` 或 `cancel` 是字符串时，将调用 `buttonRender` 函数以获取它们的节点。]
+   * @param label The label of the button. [按钮的标签。]
+   * @param type The type of the button, either 'action' or 'cancel'. [按钮的类型，'action' 或 'cancel'。]
    */
-  label?: string | ((hotkey: string) => string);
+  buttonRender?: (label: string, type: 'action' | 'cancel') => VNode;
+  toastProps?: LiHTMLAttributes;
+  wrapperProps?: HTMLAttributes;
+  contentProps?: HTMLAttributes;
+  titleProps?: HTMLAttributes;
+  descriptionProps?: HTMLAttributes;
+  iconProps?: HTMLAttributes;
+  footerProps?: HTMLAttributes;
+  actionProps?: HTMLAttributes;
+  cancelProps?: HTMLAttributes;
+  closeProps?: HTMLAttributes;
 }
-interface ToastCloseProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
-interface ToastActionProps extends ToastCloseProps {
-  /**
-   * A short description for an alternate way to carry out the action. For screen reader users who will not be able to
-   * navigate to the button easily/quickly.
-   */
-  altText: string;
+interface ToastDismiss {
+  id: number | string;
+  dismiss: boolean;
+}
+type ToastOrDismiss = ToastT | ToastDismiss;
+interface ToastPromiseResult extends ToastExternal {
+  message: VNode | string;
 }
-interface ToastTitleProps extends /** @vue-ignore */HTMLAttributes {}
-interface ToastDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
-type ToastUiSlot = 'root' | 'title' | 'description' | 'action' | 'close';
+type ToastPromiseResolver<Result, Data = any> = Result | ((data: Data) => Result | Promise<Result>);
+type ToastPromiseData<ToastData = any> = Omit<ToastExternal, 'description'> & {
+  loading?: VNode | string;
+  success?: ToastPromiseResolver<ToastPromiseResult | VNode | string, ToastData>;
+  error?: ToastPromiseResolver<ToastPromiseResult | VNode | string>;
+  description?: ToastPromiseResolver<VNode | string>;
+  finally?: () => void | Promise<void>;
+};
+type ToastUiSlot = 'toaster' | 'toast' | 'wrapper' | 'content' | 'title' | 'description' | 'icon' | 'footer' | 'action' | 'cancel' | 'close';
 type ToastUi = UiClass<ToastUiSlot>;
 //#endregion
-export { ToastActionProps, ToastCloseProps, ToastDescriptionProps, ToastLiveType, ToastProviderProps, ToastRootEmits, ToastRootProps, ToastTitleProps, ToastUi, ToastUiSlot, ToastViewportProps };
+export { ToastCreateOptions, ToastExternal, ToastIconType, ToastOffset, ToastOrDismiss, ToastPosition, ToastPromise, ToastPromiseData, ToastT, ToastType, ToastUi, ToastUiSlot, ToasterProps };

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

@@ -0,0 +1,3 @@
+import { ToggleEmits, ToggleProps, ToggleState } from "./types.js";
+import { _default } from "./toggle.vue.js";
+export { _default as Toggle, type ToggleEmits, type ToggleProps, type ToggleState };

package/dist/components/toggle/index.js

@@ -0,0 +1 @@
+import e from"./toggle.js";export{e as Toggle};

package/dist/components/toggle/toggle.js

@@ -0,0 +1 @@
+import{useControllableState as e}from"../../composables/use-controllable-state.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.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";const d=a({name:`Toggle`,__name:`toggle`,props:{defaultValue:{type:Boolean},modelValue:{type:Boolean,default:void 0},disabled:{type:Boolean,default:!1},asChild:{type:Boolean},as:{default:`button`}},emits:[`update:modelValue`],setup(a,{emit:d}){let f=a,p=d,m=t(f,[`defaultValue`,`modelValue`,`disabled`]),h=e(()=>f.modelValue,e=>{p(`update:modelValue`,e??!1)},f.defaultValue??!1),g=r(()=>f.disabled?``:void 0),_=r(()=>h.value?`on`:`off`),v=e=>{if(f.disabled){e.preventDefault(),e.stopPropagation();return}h.value=!h.value};return(e,t)=>(s(),i(l(n),o(l(m),{type:a.as===`button`?f.type:void 0,disabled:a.as===`button`?a.disabled:void 0,"aria-disabled":a.as===`button`?void 0:a.disabled||void 0,"aria-pressed":!!l(h),"data-disabled":g.value,"data-state":_.value,onClick:v}),{default:u(()=>[c(e.$slots,`default`,{modelValue:!!l(h),pressed:!!l(h),state:_.value,disabled:a.disabled})]),_:3},16,[`type`,`disabled`,`aria-disabled`,`aria-pressed`,`data-disabled`,`data-state`]))}});export{d as default};

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

@@ -0,0 +1,33 @@
+import { AsTag } from "../primitive/types.js";
+import { ToggleProps, ToggleState } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/toggle/toggle.vue.d.ts
+declare var __VLS_10: {
+  modelValue: boolean;
+  pressed: boolean;
+  state: ToggleState;
+  disabled: boolean;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<ToggleProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: boolean) => any;
+}, string, _$vue.PublicProps, Readonly<ToggleProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+  type: "button" | "reset" | "submit";
+  disabled: boolean;
+  as: AsTag | _$vue.Component;
+  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,27 @@
+import { PrimitiveProps } from "../primitive/types.js";
+import { ButtonHTMLAttributes } from "vue";
+
+//#region src/components/toggle/types.d.ts
+type ToggleState = 'on' | 'off';
+interface ToggleProps extends PrimitiveProps, /** @vue-ignore */Omit<ButtonHTMLAttributes, 'onClick'> {
+  /**
+   * The pressed state of the toggle when it is initially rendered.
+   */
+  defaultValue?: boolean;
+  /**
+   * The controlled pressed state of the toggle. Can be bound with v-model.
+   */
+  modelValue?: boolean;
+  /**
+   * When `true`, prevents the user from interacting with the toggle.
+   */
+  disabled?: boolean;
+}
+type ToggleEmits = {
+  /**
+   * Event handler called when the pressed state changes.
+   */
+  'update:modelValue': [value: boolean];
+};
+//#endregion
+export { ToggleEmits, ToggleProps, ToggleState };

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

@@ -0,0 +1,8 @@
+import { ClassValue, UiClass } from "../../types/common.js";
+import { ToggleGroupUiSlot } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/toggle-group/context.d.ts
+declare const provideToggleGroupUi: (ui: _$vue.ComputedRef<Partial<UiClass<ToggleGroupUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ToggleGroupUiSlot>>>, useToggleGroupUi: <S extends ToggleGroupUiSlot | undefined = undefined>(slot?: S | undefined) => S extends ToggleGroupUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<ToggleGroupUiSlot>>>;
+//#endregion
+export { provideToggleGroupUi };

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

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{useDirection as n}from"../config-provider/context.js";const[r,i]=e(`ToggleGroupRoot`,e=>{let t=n(()=>e.dir.value);return{...e,dir:t}}),[a,o]=t(`ToggleGroupUi`);export{r as provideToggleGroupRootContext,a as provideToggleGroupUi,i as useToggleGroupRootContext,o as useToggleGroupUi};

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

@@ -0,0 +1,5 @@
+import { ToggleGroupItemProps, ToggleGroupRootEmits, ToggleGroupRootProps, ToggleGroupUi, ToggleGroupUiSlot } from "./types.js";
+import { _default as _default$1 } from "./toggle-group-root.vue.js";
+import { _default } from "./toggle-group-item.vue.js";
+import { provideToggleGroupUi } from "./context.js";
+export { _default as ToggleGroupItem, type ToggleGroupItemProps, _default$1 as ToggleGroupRoot, type ToggleGroupRootEmits, type ToggleGroupRootProps, type ToggleGroupUi, type ToggleGroupUiSlot, provideToggleGroupUi };

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

@@ -0,0 +1 @@
+import{provideToggleGroupUi as e}from"./context.js";import t from"./toggle-group-root.js";import n from"./toggle-group-item.js";export{n as ToggleGroupItem,t as ToggleGroupRoot,e as provideToggleGroupUi};

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

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import n from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import{useToggleGroupRootContext as r,useToggleGroupUi as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,resolveDynamicComponent as d,unref as f,withCtx as p}from"vue";const m=s({name:`ToggleGroupItem`,__name:`toggle-group-item`,props:{value:{},disabled:{type:Boolean,default:!1},type:{default:`button`},asChild:{type:Boolean},as:{default:`button`}},setup(s){let m=s,h=i(`item`),{disabled:g,rovingFocus:_,orientation:v,isValueSelected:y,onModelValueChange:b}=r(`ToggleGroupItem`),x=a(()=>g.value||m.disabled),S=a(()=>y(m.value)),C=e(m,[`as`,`value`],()=>_.value?{focusable:!x.value,active:S.value}:{}),w=a(()=>S.value?`on`:`off`),T=()=>{x.value||b(m.value)};return(e,r)=>(l(),o(d(f(_)?f(n):f(t)),c(f(C),{as:s.as,"as-child":s.asChild,class:f(h),"aria-pressed":S.value?`true`:`false`,"data-state":w.value,"data-orientation":f(v),disabled:x.value,onClick:T}),{default:p(()=>[u(e.$slots,`default`,{pressed:S.value,disabled:x.value})]),_:3},16,[`as`,`as-child`,`class`,`aria-pressed`,`data-state`,`data-orientation`,`disabled`]))}});export{m as default};

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

@@ -0,0 +1,25 @@
+import { DefinedValue } from "../../types/common.js";
+import { ToggleGroupItemProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#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: {
+      pressed: boolean;
+      disabled: boolean;
+    }) => 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-root.js

@@ -0,0 +1 @@
+import{isFormControl as e,transformPropsToContext as t}from"../../shared/vue.js";import"../../shared/index.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useSelection as r}from"../../composables/use-selection.js";import"../../composables/index.js";import{Primitive as i}from"../primitive/primitive.js";import"../primitive/index.js";import a from"../visually-hidden/visually-hidden-input.js";import o from"../roving-focus/roving-focus-group.js";import"../roving-focus/index.js";import"../visually-hidden/index.js";import{provideToggleGroupRootContext as s,useToggleGroupUi as c}from"./context.js";import{computed as l,createBlock as u,createCommentVNode as d,defineComponent as f,mergeProps as p,openBlock as m,renderSlot as h,resolveDynamicComponent as g,unref as _,withCtx as v}from"vue";const y=f({name:`ToggleGroupRoot`,__name:`toggle-group-root`,props:{rovingFocus:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},orientation:{default:`horizontal`},dir:{},loop:{type:Boolean,default:!0},modelValue:{default:void 0},defaultValue:{},multiple:{},singleClearable:{type:Boolean},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(f,{emit:y}){let b=f,x=y,S=c(`root`),[C,w]=n(),{modelValue:T,onModelValueChange:E,isValueSelected:D,isMultiple:O}=r(b,e=>x(`update:modelValue`,e)),k=l(()=>e(C.value)),A=l(j);function j(){let{rovingFocus:e,loop:t,dir:n,orientation:r}=b;return e?{loop:t,dir:n,orientation:r}:{}}let M=e=>{E(e)},N=e=>D(e);return s({...t(b,[`disabled`,`rovingFocus`,`orientation`,`dir`,`loop`,`name`,`required`]),modelValue:T,onModelValueChange:M,isValueSelected:N,isMultiple:O}),(e,t)=>(m(),u(g(f.rovingFocus?_(o):_(i)),p(A.value,{ref:_(w),as:f.as,"as-child":f.asChild,class:_(S),dir:f.dir,role:`group`,"data-disabled":f.disabled?``:void 0,"data-orientation":f.orientation}),{default:v(()=>[h(e.$slots,`default`,{modelValue:_(T)}),k.value&&f.name?(m(),u(_(a),{key:0,name:f.name,value:_(T),disabled:f.disabled,required:f.required},null,8,[`name`,`value`,`disabled`,`required`])):d(`v-if`,!0)]),_:3},16,[`as`,`as-child`,`class`,`dir`,`data-disabled`,`data-orientation`]))}});export{y as default};

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

@@ -0,0 +1,26 @@
+import { DefinedValue } from "../../types/common.js";
+import { ToggleGroupRootProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/toggle-group/toggle-group-root.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<ToggleGroupRootProps<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: {
+      modelValue: (M extends true ? T[] : T) | undefined;
+    }) => 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,30 @@
+import { DataOrientation, DefinedValue, Direction, SelectionEmits, SelectionProps, UiClass } from "../../types/common.js";
+import { FormFieldCommonProps } from "../../types/component.js";
+import { PrimitiveProps } from "../primitive/types.js";
+import { ButtonProps } from "../button/types.js";
+import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+
+//#region src/components/toggle-group/types.d.ts
+interface ToggleGroupRootProps<M extends boolean = false, T extends DefinedValue = string> extends SelectionProps<M, T>, FormFieldCommonProps, PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  /** When `false`, navigating through items with arrow keys is disabled. */
+  rovingFocus?: boolean;
+  /** When `true`, prevents interaction with all items in the group. */
+  disabled?: boolean;
+  /** The orientation of the component. */
+  orientation?: DataOrientation;
+  /** The reading direction of the group when applicable. */
+  dir?: Direction;
+  /** When `true`, keyboard navigation loops from last to first item, and vice versa. */
+  loop?: boolean;
+}
+type ToggleGroupRootEmits<M extends boolean = false, T extends DefinedValue = string> = SelectionEmits<M, T>;
+interface ToggleGroupItemProps<T extends DefinedValue = string> extends ButtonProps {
+  /** A unique value that identifies the item inside the group. */
+  value: T;
+  /** When `true`, prevents interaction with the item. */
+  disabled?: boolean;
+}
+type ToggleGroupUiSlot = 'root' | 'item';
+type ToggleGroupUi = UiClass<ToggleGroupUiSlot>;
+//#endregion
+export { ToggleGroupItemProps, ToggleGroupRootEmits, ToggleGroupRootProps, ToggleGroupUi, ToggleGroupUiSlot };

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

@@ -0,0 +1,8 @@
+import { ClassValue, UiClass } from "../../types/common.js";
+import { ToolbarUiSlot } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/toolbar/context.d.ts
+declare const provideToolbarUi: (ui: _$vue.ComputedRef<Partial<UiClass<ToolbarUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ToolbarUiSlot>>>, useToolbarUi: <S extends ToolbarUiSlot | undefined = undefined>(slot?: S | undefined) => S extends ToolbarUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<ToolbarUiSlot>>>;
+//#endregion
+export { provideToolbarUi };

package/dist/components/toolbar/context.js

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{useDirection as n}from"../config-provider/context.js";const[r,i]=e(`ToolbarRoot`,e=>{let t=n(()=>e.dir.value);return{...e,dir:t}}),[a,o]=t(`ToolbarUi`);export{r as provideToolbarRootContext,a as provideToolbarUi,i as useToolbarRootContext,o as useToolbarUi};

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

@@ -0,0 +1,9 @@
+import { ToolbarButtonEmits, ToolbarButtonProps, ToolbarLinkProps, ToolbarRootContext, ToolbarRootContextParams, ToolbarRootProps, ToolbarSeparatorProps, ToolbarToggleGroupEmits, ToolbarToggleGroupProps, ToolbarToggleItemProps, ToolbarUi, ToolbarUiSlot } from "./types.js";
+import { _default as _default$2 } from "./toolbar-root.vue.js";
+import { _default } from "./toolbar-button.vue.js";
+import { _default as _default$1 } from "./toolbar-link.vue.js";
+import { _default as _default$3 } from "./toolbar-separator.vue.js";
+import { _default as _default$4 } from "./toolbar-toggle-group.vue.js";
+import { _default as _default$5 } from "./toolbar-toggle-item.vue.js";
+import { provideToolbarUi } from "./context.js";
+export { _default as ToolbarButton, type ToolbarButtonEmits, type ToolbarButtonProps, _default$1 as ToolbarLink, type ToolbarLinkProps, _default$2 as ToolbarRoot, type ToolbarRootContext, type ToolbarRootContextParams, type ToolbarRootProps, _default$3 as ToolbarSeparator, type ToolbarSeparatorProps, _default$4 as ToolbarToggleGroup, type ToolbarToggleGroupEmits, type ToolbarToggleGroupProps, _default$5 as ToolbarToggleItem, type ToolbarToggleItemProps, type ToolbarUi, type ToolbarUiSlot, provideToolbarUi };

package/dist/components/toolbar/index.js

@@ -0,0 +1 @@
+import{provideToolbarUi as e}from"./context.js";import t from"./toolbar-root.js";import n from"./toolbar-button.js";import r from"./toolbar-link.js";import i from"./toolbar-separator.js";import a from"./toolbar-toggle-group.js";import o from"./toolbar-toggle-item.js";export{n as ToolbarButton,r as ToolbarLink,t as ToolbarRoot,i as ToolbarSeparator,a as ToolbarToggleGroup,o as ToolbarToggleItem,e as provideToolbarUi};

package/dist/components/toolbar/toolbar-button.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../button/button.js";import"../button/index.js";import n from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import{useToolbarUi as r}from"./context.js";import{computed as i,createBlock as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=s({name:`ToolbarButton`,__name:`toolbar-button`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`click`],setup(s,{emit:p}){let m=s,h=p,g=r(`button`),_=e(m,[`class`]),v=i(()=>[g.value,m.class]);return(e,r)=>(l(),a(d(n),{"as-child":``,focusable:!s.disabled},{default:f(()=>[o(d(t),c(d(_),{class:v.value,onClick:r[0]||(r[0]=e=>h(`click`,e))}),{default:f(()=>[u(e.$slots,`default`)]),_:3},16,[`class`])]),_:3},8,[`focusable`]))}});export{p as default};

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

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

package/dist/components/toolbar/toolbar-link.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../link/link.js";import n from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import"../link/index.js";import{useToolbarUi as r}from"./context.js";import{computed as i,createBlock as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=s({name:`ToolbarLink`,__name:`toolbar-link`,props:{to:{},replace:{type:Boolean},href:{},disabled:{type:Boolean},activeClass:{},exactActiveClass:{},inactiveClass:{},prefetchedClass:{},external:{type:Boolean},ariaCurrentValue:{},viewTransition:{type:Boolean},target:{},rel:{},noRel:{type:Boolean},prefetch:{type:Boolean},prefetchOn:{},noPrefetch:{type:Boolean},trailingSlash:{},asChild:{type:Boolean},as:{default:`a`}},setup(s){let p=s,m=r(`link`),h=e(p,[`class`]),g=i(()=>[m.value,p.class]),_=i(()=>!p.disabled&&p.tabindex!==`-1`&&p.tabindex!==-1),v=e=>{e.key!==` `||p.disabled||(e.preventDefault(),e.currentTarget?.click())};return(e,r)=>(l(),a(d(n),{"as-child":``,focusable:_.value},{default:f(()=>[o(d(t),c(d(h),{class:g.value,onKeydown:v}),{default:f(()=>[u(e.$slots,`default`)]),_:3},16,[`class`])]),_:3},8,[`focusable`]))}});export{p as default};

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

@@ -0,0 +1,21 @@
+import { AsTag } from "../primitive/types.js";
+import { ToolbarLinkProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/toolbar/toolbar-link.vue.d.ts
+declare var __VLS_16: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_16) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<ToolbarLinkProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ToolbarLinkProps> & Readonly<{}>, {
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, 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/toolbar-root.js

@@ -0,0 +1 @@
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import r from"../roving-focus/roving-focus-group.js";import"../roving-focus/index.js";import{provideToolbarRootContext as i,useToolbarUi as a}from"./context.js";import{computed as o,createBlock as s,createVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,unref as p,withCtx as m}from"vue";const h=l({name:`ToolbarRoot`,__name:`toolbar-root`,props:{orientation:{default:`horizontal`},dir:{},loop:{type:Boolean},asChild:{type:Boolean},as:{}},setup(l){let h=l,g=a(`root`),_=t(h,[`class`]),v=o(()=>[g.value,h.class]);return i(e(h,[`orientation`,`dir`])),(e,t)=>(d(),s(p(r),{"as-child":``,orientation:l.orientation,dir:l.dir,loop:l.loop},{default:m(()=>[c(p(n),u(p(_),{as:l.as,"as-child":l.asChild,class:v.value,role:`toolbar`,"aria-orientation":l.orientation,dir:l.dir,"data-orientation":l.orientation}),{default:m(()=>[f(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`class`,`aria-orientation`,`dir`,`data-orientation`])]),_:3},8,[`orientation`,`dir`,`loop`]))}});export{h as default};

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

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

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../separator/separator-root.js";import"../separator/index.js";import{useToolbarRootContext as n,useToolbarUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=o({name:`ToolbarSeparator`,__name:`toolbar-separator`,props:{decorative:{type:Boolean}},setup(o){let f=o,{orientation:p}=n(`ToolbarSeparator`),m=r(`separator`),h=e(f,[`class`]),g=i(()=>[m.value,f.class]),_=i(()=>p.value===`horizontal`?`vertical`:`horizontal`);return(e,n)=>(c(),a(u(t),s(u(h),{class:g.value,orientation:_.value}),{default:d(()=>[l(e.$slots,`default`)]),_:3},16,[`class`,`orientation`]))}});export{f as default};

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

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

@@ -0,0 +1 @@
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../toggle-group/toggle-group-root.js";import"../toggle-group/index.js";import{useToolbarRootContext as r,useToolbarUi as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toHandlers as d,unref as f,withCtx as p}from"vue";const m=s({name:`ToolbarToggleGroup`,__name:`toolbar-toggle-group`,props:{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(s,{emit:m}){let h=s,g=m,{orientation:_,dir:v}=r(`ToolbarToggleGroup`),y=i(`toggleGroup`),b=t(h,[`class`,`dir`,`loop`,`rovingFocus`]),x=e(g),S=a(()=>[y.value,h.class]);return(e,t)=>(l(),o(f(n),c(f(b),{class:S.value,dir:h.dir??f(v),orientation:h.orientation??f(_),"roving-focus":!1},d(f(x))),{default:p(()=>[u(e.$slots,`default`)]),_:3},16,[`class`,`dir`,`orientation`]))}});export{m as default};

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

@@ -0,0 +1,24 @@
+import { DefinedValue } from "../../types/common.js";
+import { ToolbarToggleGroupProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/toolbar/toolbar-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<ToolbarToggleGroupProps<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/toolbar/toolbar-toggle-item.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import{useToggleGroupRootContext as n}from"../toggle-group/context.js";import r from"../toggle-group/toggle-group-item.js";import"../toggle-group/index.js";import{useToolbarUi as i}from"./context.js";import{computed as a,createBlock as o,createVNode as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,unref as f,withCtx as p}from"vue";const m=c({name:`ToolbarToggleItem`,__name:`toolbar-toggle-item`,props:{value:{},disabled:{type:Boolean},type:{},asChild:{type:Boolean},as:{}},setup(c){let m=c,h=i(`toggleItem`),g=e(m,[`class`]),{disabled:_}=n(`ToolbarToggleItem`),v=a(()=>_.value||m.disabled),y=a(()=>[h.value,m.class]);return(e,n)=>(u(),o(f(t),{"as-child":``,focusable:!v.value},{default:p(()=>[s(f(r),l(f(g),{class:y.value}),{default:p(()=>[d(e.$slots,`default`)]),_:3},16,[`class`])]),_:3},8,[`focusable`]))}});export{m as default};