@soybeanjs/headless 0.29.0-beta.9 → 0.29.0

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

@@ -0,0 +1,327 @@
+import { Direction, Side, SwipeDirection, UiClass } from "../../types/common.js";
+import { BaseProps } from "../../types/vue.js";
+import { IconValue } from "../_icon/types.js";
+import { ComputedRef, HTMLAttributes, LiHTMLAttributes, OlHTMLAttributes, ShallowRef, VNode } from "vue";
+
+//#region src/components/toast/types.d.ts
+/**
+ * Supported toast values.
+ */
+type ToastType = 'default' | 'success' | 'info' | 'warning' | 'error' | 'loading';
+/**
+ * Supported toast icon values.
+ */
+type ToastIconType = Exclude<ToastType, 'default'> | 'close';
+/**
+ * Type information for ToastPosition.
+ */
+type ToastPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top-center' | 'bottom-center';
+/**
+ * Type information for ToastOffset.
+ */
+type ToastOffset = Partial<Record<Side, number>> | number;
+/**
+ * Type information for ToastPromise.
+ */
+type ToastPromise<Data = any> = Promise<Data> | (() => Promise<Data>);
+/**
+ * Type information for ToastT.
+ */
+interface ToastT {
+  /**
+   * Id.
+   */
+  id: number | string;
+  /**
+   * Toaster id.
+   */
+  toasterId?: string;
+  /**
+   * Type.
+   */
+  type?: ToastType;
+  /**
+   * Per-slot class overrides for the component.
+   */
+  ui?: Partial<ToastUi>;
+  /**
+   * Whether rich color.
+   */
+  richColor?: boolean;
+  /**
+   * Whether inverted.
+   */
+  inverted?: boolean;
+  /**
+   * Position.
+   */
+  position?: ToastPosition;
+  /**
+   * Duration.
+   */
+  duration?: number;
+  /**
+   * Whether dismissible.
+   */
+  dismissible?: boolean;
+  /**
+   * Title text rendered by the component.
+   */
+  title?: VNode | string;
+  /**
+   * Description text rendered by the component.
+   */
+  description?: VNode | string;
+  /**
+   * Icon rendered by the component.
+   */
+  icon?: IconValue;
+  /**
+   * Content.
+   */
+  content?: VNode;
+  /**
+   * Action.
+   */
+  action?: VNode | string;
+  /**
+   * Whether the component can cel.
+   */
+  cancel?: VNode | string;
+  /**
+   * Callback invoked when the action event fires.
+   */
+  onAction?: (event: MouseEvent) => void;
+  /**
+   * Callback invoked when the cancel event fires.
+   */
+  onCancel?: (event: MouseEvent) => void;
+  /**
+   * Whether to show a close.
+   */
+  showClose?: boolean;
+  /**
+   * Whether delete.
+   */
+  delete?: boolean;
+  /**
+   * Custom.
+   */
+  custom?: VNode;
+  /**
+   * Promise.
+   */
+  promise?: ToastPromise;
+  /**
+   * Callback invoked when the dismiss event fires.
+   */
+  onDismiss?: (toast: ToastT) => void;
+  /**
+   * Callback invoked when the auto close event fires.
+   */
+  onAutoClose?: (toast: ToastT) => void;
+  /**
+   * Test id.
+   */
+  testId?: string;
+}
+/**
+ * Type information for ToastExternal.
+ */
+interface ToastExternal extends Omit<ToastT, 'id' | 'type' | 'title' | 'content' | 'custom' | 'promise' | 'delete'> {
+  /**
+   * Id.
+   */
+  id?: number | string;
+}
+/**
+ * Type information for ToastCreateOptions.
+ */
+interface ToastCreateOptions extends Omit<ToastT, 'id' | 'delete' | 'title'> {
+  /**
+   * Id.
+   */
+  id?: number | string;
+  /**
+   * Message.
+   */
+  message?: VNode | string;
+}
+/**
+ * Properties for the Toaster component.
+ */
+interface ToasterProps extends BaseProps<OlHTMLAttributes> {
+  /**
+   * Id.
+   */
+  id?: string;
+  /**
+   * Reading direction of the component.
+   */
+  dir?: Direction;
+  /**
+   * Hotkey.
+   */
+  hotkey?: string[];
+  /**
+   * Custom aria label.
+   */
+  customAriaLabel?: string;
+  /**
+   * Container aria label.
+   */
+  containerAriaLabel?: string;
+  /**
+   * Position.
+   */
+  position?: ToastPosition;
+  /**
+   * Whether default expanded.
+   */
+  defaultExpanded?: boolean;
+  /**
+   * The duration (in milliseconds) before the toast automatically closes. Set to `0` or `Infinity` to disable auto-dismissal.
+   */
+  duration?: number;
+  /**
+   * Gap.
+   */
+  gap?: number;
+  /**
+   *  The maximum number of visible toasts per position.
+   *
+   * @default 3
+   */
+  offset?: ToastOffset;
+  /**
+   * Visible counts.
+   */
+  visibleCounts?: number;
+  /**
+   * Swipe directions.
+   */
+  swipeDirections?: SwipeDirection[];
+  /**
+   * Whether to show an icon.
+   */
+  showIcon?: boolean;
+  /**
+   * Whether to show the close button on the toast.
+   *
+   * @default true
+   */
+  showClose?: boolean;
+  /**
+   * Icons.
+   */
+  icons?: Partial<Record<ToastIconType, IconValue>>;
+  /**
+   * Properties forwarded to the toast element.
+   */
+  toastProps?: LiHTMLAttributes;
+  /**
+   * Properties forwarded to the wrapper element.
+   */
+  wrapperProps?: HTMLAttributes;
+  /**
+   * Properties forwarded to the content element.
+   */
+  contentProps?: HTMLAttributes;
+  /**
+   * Properties forwarded to the title element.
+   */
+  titleProps?: HTMLAttributes;
+  /**
+   * Properties forwarded to the description element.
+   */
+  descriptionProps?: HTMLAttributes;
+  /**
+   * Properties forwarded to the icon component.
+   */
+  iconProps?: HTMLAttributes;
+  /**
+   * Properties forwarded to the footer element.
+   */
+  footerProps?: HTMLAttributes;
+  /**
+   * Properties forwarded to the action element.
+   */
+  actionProps?: HTMLAttributes;
+  /**
+   * Properties forwarded to the cancel element.
+   */
+  cancelProps?: HTMLAttributes;
+  /**
+   * Properties forwarded to the close element.
+   */
+  closeProps?: HTMLAttributes;
+}
+/**
+ * Properties for the ToastProvider component.
+ */
+interface ToastProviderProps extends ToasterProps {}
+/**
+ * Type information for ToastDismiss.
+ */
+interface ToastDismiss {
+  /**
+   * Id.
+   */
+  id: number | string;
+  /**
+   * Whether dismiss.
+   */
+  dismiss: boolean;
+}
+/**
+ * Type information for ToastOrDismiss.
+ */
+type ToastOrDismiss = ToastT | ToastDismiss;
+/**
+ * Type information for ToastPromiseResult.
+ */
+interface ToastPromiseResult extends ToastExternal {
+  /**
+   * Message.
+   */
+  message: VNode | string;
+}
+/**
+ * Type information for ToastPromiseResolver.
+ */
+type ToastPromiseResolver<Result, Data = any> = Result | ((data: Data) => Result | Promise<Result>);
+/**
+ * Type information for ToastPromiseData.
+ */
+type ToastPromiseData<ToastData = any> = Omit<ToastExternal, 'description'> & {
+  /**
+   * Whether the component is loading.
+   */
+  loading?: VNode | string;
+  /**
+   * Success.
+   */
+  success?: ToastPromiseResolver<ToastPromiseResult | VNode | string, ToastData>;
+  /**
+   * Error.
+   */
+  error?: ToastPromiseResolver<ToastPromiseResult | VNode | string>;
+  /**
+   * Description text rendered by the component.
+   */
+  description?: ToastPromiseResolver<VNode | string>;
+  /**
+   * Finally.
+   */
+  finally?: () => void | Promise<void>;
+};
+/**
+ * Available UI slots for the Toast component.
+ */
+type ToastUiSlot = 'toaster' | 'toast' | 'wrapper' | 'content' | 'title' | 'description' | 'icon' | 'footer' | 'action' | 'cancel' | 'close';
+/**
+ * UI class overrides for the Toast component.
+ */
+type ToastUi = UiClass<ToastUiSlot>;
+//#endregion
+export { ToastCreateOptions, ToastExternal, ToastIconType, ToastOffset, ToastOrDismiss, ToastPosition, ToastPromise, ToastPromiseData, ToastProviderProps, 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 n from"../button/button.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,default:!1},modelValue:{type:Boolean,default:void 0},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(a,{emit:d}){let f=a,p=d,m=t(f,[`defaultValue`,`modelValue`]),h=e(()=>f.modelValue,e=>{p(`update:modelValue`,e)},f.defaultValue),g=r(()=>h.value?`on`:`off`),_=e=>{if(f.disabled){e.preventDefault(),e.stopPropagation();return}h.value=!h.value};return(e,t)=>(s(),i(n,o(l(m),{"data-soybean-toggle":``,disabled:a.disabled,"aria-pressed":l(h),"data-state":g.value,onClick:_}),{default:u(()=>[c(e.$slots,`default`,{modelValue:l(h),pressed:l(h),state:g.value,disabled:a.disabled})]),_:3},16,[`disabled`,`aria-pressed`,`data-state`]))}});export{d as default};

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

@@ -0,0 +1,29 @@
+import { ToggleProps, ToggleState } from "./types.js";
+
+//#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: import("vue").DefineComponent<ToggleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<ToggleProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+  modelValue: boolean;
+  defaultValue: boolean;
+}, {}, {}, {}, string, import("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,31 @@
+import { ButtonProps } from "../button/types.js";
+
+//#region src/components/toggle/types.d.ts
+/**
+ * State values for ToggleState.
+ */
+type ToggleState = 'on' | 'off';
+/**
+ * Properties for the Toggle component.
+ */
+interface ToggleProps extends ButtonProps {
+  /**
+   * 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;
+}
+/**
+ * Events for the Toggle component.
+ */
+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,7 @@
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import { ToggleGroupUiSlot } from "./types.js";
+//#region src/components/toggle-group/context.d.ts
+declare const provideToggleGroupUi: (ui: import("vue").ComputedRef<Partial<UiClass<ToggleGroupUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<ToggleGroupUiSlot>>>, useToggleGroupUi: UseUiConsumer<ToggleGroupUiSlot>;
+//#endregion
+export { provideToggleGroupUi };

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

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import{useDirection as t}from"../config-provider/context.js";import{useUiContext as n}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[r,i]=e(`ToggleGroupRoot`,e=>{let n=t(()=>e.dir.value);return{...e,dir:n}}),[a,o]=n(`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 t from"../button/button.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:{},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},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,[`value`],a(()=>_.value?{focusable:!x.value,active:S.value}:{})),w=a(()=>S.value?`on`:`off`),T=()=>{b(m.value)};return(e,r)=>(l(),o(d(f(_)?f(n):t),c(f(C),{as:f(_)?t:m.as,"data-soybean-toggle-group-item":``,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`,`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,24 @@
+import { DefinedValue } from "../../types/common.js";
+import { ToggleGroupItemProps } from "./types.js";
+
+//#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: import("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: {};
+}>) => import("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"../visually-hidden/index.js";import o from"../roving-focus/roving-focus-group.js";import"../roving-focus/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:{},clearable:{type:Boolean,default:!0},selectionBehavior:{},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,"data-soybean-toggle-group-root":``,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,25 @@
+import { DefinedValue } from "../../types/common.js";
+import { ToggleGroupRootProps } from "./types.js";
+
+//#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: import("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;
+}>) => import("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,43 @@
+import { DataOrientation, DefinedValue, Direction, SelectionEmits, SelectionProps, UiClass } from "../../types/common.js";
+import { FormFieldCommonProps } from "../../types/component.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { ButtonProps } from "../button/types.js";
+import { ComputedRef, ShallowRef } from "vue";
+
+//#region src/components/toggle-group/types.d.ts
+/**
+ * Properties for the ToggleGroupRoot component.
+ */
+interface ToggleGroupRootProps<M extends boolean = false, T extends DefinedValue = string> extends SelectionProps<M, T>, FormFieldCommonProps, PrimitiveWithBaseProps {
+  /** 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;
+}
+/**
+ * Events for the ToggleGroupRoot component.
+ */
+type ToggleGroupRootEmits<M extends boolean = false, T extends DefinedValue = string> = SelectionEmits<M, T>;
+/**
+ * Properties for the ToggleGroupItem component.
+ */
+interface ToggleGroupItemProps<T extends DefinedValue = string> extends ButtonProps {
+  /** A unique value that identifies the item inside the group. */
+  value: T;
+}
+/**
+ * Available UI slots for the ToggleGroup component.
+ */
+type ToggleGroupUiSlot = 'root' | 'item';
+/**
+ * UI class overrides for the ToggleGroup component.
+ */
+type ToggleGroupUi = UiClass<ToggleGroupUiSlot>;
+//#endregion
+export { ToggleGroupItemProps, ToggleGroupRootEmits, ToggleGroupRootProps, ToggleGroupUi, ToggleGroupUiSlot };

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

@@ -0,0 +1,7 @@
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import { ToolbarUiSlot } from "./types.js";
+//#region src/components/toolbar/context.d.ts
+declare const provideToolbarUi: (ui: import("vue").ComputedRef<Partial<UiClass<ToolbarUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<ToolbarUiSlot>>>, useToolbarUi: UseUiConsumer<ToolbarUiSlot>;
+//#endregion
+export { provideToolbarUi };

package/dist/components/toolbar/context.js

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import{useDirection as t}from"../config-provider/context.js";import{useUiContext as n}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[r,i]=e(`ToolbarRoot`,e=>{let n=t(()=>e.dir.value);return{...e,dir:n}}),[a,o]=n(`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 e from"../button/button.js";import"../button/index.js";import t from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import{useToolbarUi as n}from"./context.js";import{createBlock as r,createVNode 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:`ToolbarButton`,__name:`toolbar-button`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`click`],setup(a,{emit:d}){let f=a,p=d,m=n(`button`);return(n,d)=>(s(),r(l(t),{"as-child":``,focusable:!a.disabled},{default:u(()=>[i(l(e),o(f,{"data-soybean-toolbar-button":``,class:l(m),onClick:d[0]||(d[0]=e=>p(`click`,e))}),{default:u(()=>[c(n.$slots,`default`)]),_:3},16,[`class`])]),_:3},8,[`focusable`]))}});export{d as default};

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

@@ -0,0 +1,21 @@
+import { ToolbarButtonProps } from "./types.js";
+
+//#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: import("vue").DefineComponent<ToolbarButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  click: (event: PointerEvent) => any;
+}, string, import("vue").PublicProps, Readonly<ToolbarButtonProps> & Readonly<{
+  onClick?: ((event: PointerEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("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"../_icon/icon.js";import n from"../link/link.js";import r from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import{useToolbarUi as i}from"./context.js";import{computed as a,createBlock as o,createCommentVNode as s,createVNode as c,defineComponent as l,mergeProps as u,normalizeClass as d,openBlock as f,renderSlot as p,unref as m,withCtx as h}from"vue";const g=l({name:`ToolbarLink`,__name:`toolbar-link`,props:{showIcon:{type:Boolean,default:!0},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:{}},setup(l){let g=l,_=i(),v=e(g,[`class`]),y=a(()=>!g.disabled&&g.tabindex!==`-1`&&g.tabindex!==-1),b=e=>{e.key!==` `||g.disabled||(e.preventDefault(),e.currentTarget?.click())};return(e,i)=>(f(),o(m(r),{"as-child":``,focusable:y.value},{default:h(()=>[c(n,u(m(v),{"data-soybean-toolbar-link":``,class:m(_).link,onKeydown:b}),{default:h(n=>[p(e.$slots,`default`),g.showIcon&&n.isHref?(f(),o(t,{key:0,icon:`lucide:arrow-up-right`,class:d(m(_).linkIcon)},null,8,[`class`])):s(`v-if`,!0)]),_:3},16,[`class`])]),_:3},8,[`focusable`]))}});export{g as default};

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

@@ -0,0 +1,19 @@
+import { ToolbarLinkProps } from "./types.js";
+
+//#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: import("vue").DefineComponent<ToolbarLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToolbarLinkProps> & Readonly<{}>, {
+  showIcon: boolean;
+}, {}, {}, {}, string, import("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{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import n from"../roving-focus/roving-focus-group.js";import"../roving-focus/index.js";import{provideToolbarRootContext as r,useToolbarUi as i}from"./context.js";import{createBlock as a,createVNode as o,defineComponent as s,normalizeClass as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=s({name:`ToolbarRoot`,__name:`toolbar-root`,props:{orientation:{default:`horizontal`},dir:{},loop:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let p=s,m=i(`root`);return r(e(p,[`orientation`,`dir`])),(e,r)=>(l(),a(d(n),{"as-child":``,orientation:s.orientation,dir:s.dir,loop:s.loop},{default:f(()=>[o(d(t),{as:s.as,"as-child":s.asChild,"data-soybean-toolbar-root":``,class:c(d(m)),role:`toolbar`,"aria-orientation":s.orientation,dir:s.dir,"data-orientation":s.orientation},{default:f(()=>[u(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`aria-orientation`,`dir`,`data-orientation`])]),_:3},8,[`orientation`,`dir`,`loop`]))}});export{p as default};

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

@@ -0,0 +1,19 @@
+import { DataOrientation } from "../../types/common.js";
+import { ToolbarRootProps } from "./types.js";
+//#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: import("vue").DefineComponent<ToolbarRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToolbarRootProps> & Readonly<{}>, {
+  orientation: DataOrientation;
+}, {}, {}, {}, string, import("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 e from"../separator/separator-root.js";import"../separator/index.js";import{useToolbarRootContext as t,useToolbarUi 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";const d=a({name:`ToolbarSeparator`,__name:`toolbar-separator`,props:{decorative:{type:Boolean}},setup(a){let d=a,{orientation:f}=t(`ToolbarSeparator`),p=n(`separator`),m=r(()=>f.value===`horizontal`?`vertical`:`horizontal`);return(t,n)=>(s(),i(l(e),o(d,{"data-soybean-toolbar-separator":``,class:l(p),orientation:m.value}),{default:u(()=>[c(t.$slots,`default`)]),_:3},16,[`class`,`orientation`]))}});export{d as default};

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

@@ -0,0 +1,17 @@
+import { ToolbarSeparatorProps } from "./types.js";
+
+//#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: import("vue").DefineComponent<ToolbarSeparatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToolbarSeparatorProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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 };