@soybeanjs/headless 0.18.0 → 0.19.0

package/dist/components/page-tabs/types.d.ts

@@ -1,12 +1,17 @@
-import { UiClass } from "../../types/common.js";
-import { PrimitiveProps } from "../primitive/types.js";
-import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { MaybePromise, UiClass } from "../../types/common.js";
+import { BaseProps } from "../../types/vue.js";
+import { ButtonProps } from "../button/types.js";
+import { IconValue } from "../_icon/types.js";
+import { RovingFocusGroupProps } from "../roving-focus/types.js";
+import { MenuOptionData } from "../menu/types.js";
+import { ContextMenuCompactProps } from "../context-menu/types.js";
+import { ComputedRef, ShallowRef } from "vue";
 
 //#region src/components/page-tabs/types.d.ts
 /**
  * Properties for the PageTabsRoot component.
  */
-interface PageTabsRootProps extends /** @vue-ignore */HTMLAttributes {
+interface PageTabsRootProps extends Omit<RovingFocusGroupProps, 'orientation'>, Omit<BaseProps, 'dir'> {
   /**
    * The active tab value.
    */
@@ -28,7 +33,7 @@ type PageTabsRootEmits = {
 /**
  * Properties for the PageTabsItem component.
  */
-interface PageTabsItemProps extends /** @vue-ignore */Omit<HTMLAttributes, 'onClick'> {
+interface PageTabsItemProps extends Omit<BaseProps, 'onClick'> {
   /**
    * The unique value of the tab.
    */
@@ -58,18 +63,212 @@ type PageTabsItemEmits = {
 /**
  * Properties for the PageTabsClose component.
  */
-interface PageTabsCloseProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface PageTabsCloseProps extends ButtonProps {}
 /**
  * Properties for the PageTabsPin component.
  */
-interface PageTabsPinProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface PageTabsPinProps extends ButtonProps {}
+/**
+ * Option data for the PageTabs component.
+ */
+interface PageTabsOptionData extends PageTabsItemProps {
+  /**
+   * Label text rendered by the component.
+   */
+  label: string;
+  /**
+   * Icon rendered by the component.
+   */
+  icon?: IconValue;
+  /**
+   * Whether to hide the pinned icon on the tab.
+   */
+  hidePinnedIcon?: boolean;
+}
+/**
+ * State values for PageTabsState.
+ */
+interface PageTabsState {
+  /**
+   * Pin.
+   */
+  pin: () => void;
+  /**
+   * Unpin.
+   */
+  unpin: () => void;
+  /**
+   * Whether the component can be closed.
+   */
+  closable: boolean;
+  /**
+   * Close.
+   */
+  close: () => Promise<void>;
+  /**
+   * Whether left closable.
+   */
+  leftClosable: boolean;
+  /**
+   * Close left.
+   */
+  closeLeft: () => void;
+  /**
+   * Whether right closable.
+   */
+  rightClosable: boolean;
+  /**
+   * Close right.
+   */
+  closeRight: () => void;
+  /**
+   * Whether other closable.
+   */
+  otherClosable: boolean;
+  /**
+   * Close other.
+   */
+  closeOther: () => void;
+  /**
+   * Whether all closable.
+   */
+  allClosable: boolean;
+  /**
+   * Close all.
+   */
+  closeAll: () => void;
+}
+/**
+ * Option data for the PageTabs context menu.
+ */
+interface PageTabsContextMenuOptionData extends MenuOptionData<string> {
+  /**
+   * Action to perform when the menu item is selected.
+   */
+  action?: () => MaybePromise<void>;
+}
+/**
+ * Properties for the PageTabsCompact component.
+ */
+interface PageTabsCompactProps<T extends PageTabsOptionData = PageTabsOptionData> extends PageTabsRootProps {
+  /**
+   * Items rendered by the component.
+   */
+  items: T[];
+  /**
+   * A factory function to generate context menu options for each tab.
+   * @param tab The tab data.
+   * @param state The current state and operations for the tab.
+   */
+  menuFactory?: (tab: T, state: PageTabsState) => PageTabsContextMenuOptionData[];
+  /**
+   * Callback invoked before closing the tab. Return `false` or a promise that resolves to `false` to prevent closing.
+   * @param value The current tab value.
+   */
+  beforeClose?: (value: string) => MaybePromise<boolean | void>;
+  /**
+   * Per-slot class overrides for the component.
+   */
+  itemProps?: BaseProps;
+  /**
+   * Per-slot class overrides for the component.
+   */
+  pinProps?: BaseProps;
+  /**
+   * Per-slot class overrides for the component.
+   */
+  closeProps?: BaseProps;
+  /**
+   * Additional props for the context menu component.
+   */
+  contextMenuProps?: Omit<ContextMenuCompactProps, 'options'>;
+}
+/**
+ * Events for the PageTabsCompact component.
+ */
+type PageTabsCompactEmits<T extends PageTabsOptionData = PageTabsOptionData> = PageTabsRootEmits & {
+  /**
+   * Emitted when the items change.
+   */
+  (e: 'update:items', items: T[]): void;
+  /**
+   * Emitted when a tab is clicked.
+   */
+  (e: 'click', tab: T): void;
+  /**
+   * Emitted when a tab is closed.
+   */
+  (e: 'close', tab: T): void;
+  /**
+   * Emitted when a tab is pinned or unpinned.
+   */
+  (e: 'pin', tab: T): void;
+  /**
+   * Emitted when the context target tab changes.
+   */
+  (e: 'contextmenu', tab: T): void;
+  /**
+   * Emitted when a context menu item is selected.
+   */
+  (e: 'selectContextMenu', menu: PageTabsContextMenuOptionData, tab: T): void;
+};
+/**
+ * Slot props for a compact page tab item.
+ */
+interface PageTabsCompactItemSlotProps<T extends PageTabsOptionData = PageTabsOptionData> {
+  /**
+   * Current item data.
+   */
+  item: T;
+  /**
+   * Index of the current item.
+   */
+  index: number;
+  /**
+   * Whether the current item is active.
+   */
+  active: boolean;
+  /**
+   * Whether the current item can be closed.
+   */
+  closable: boolean;
+}
+/**
+ * Slots for the PageTabsCompact component.
+ */
+type PageTabsCompactSlots<T extends PageTabsOptionData = PageTabsOptionData> = {
+  /**
+   * Custom content for the default tab item body.
+   */
+  item?: (props: PageTabsCompactItemSlotProps<T>) => any;
+  /**
+   * Custom content for the tab icon.
+   */
+  icon?: (props: PageTabsCompactItemSlotProps<T>) => any;
+  /**
+   * Custom content for the tab label.
+   */
+  label?: (props: PageTabsCompactItemSlotProps<T>) => any;
+  /**
+   * Custom content for the tab indicator.
+   */
+  indicator?: (props: PageTabsCompactItemSlotProps<T>) => any;
+  /**
+   * Custom content for the pin icon.
+   */
+  'pin-icon'?: () => void;
+  /**
+   * Custom content for the close icon.
+   */
+  'close-icon'?: () => void;
+};
 /**
  * Available UI slots for the PageTabs component.
  */
-type PageTabsUiSlot = 'root' | 'item' | 'close' | 'pin';
+type PageTabsUiSlot = 'root' | 'item' | 'close' | 'pin' | 'itemText';
 /**
  * UI class overrides for the PageTabs component.
  */
 type PageTabsUi = UiClass<PageTabsUiSlot>;
 //#endregion
-export { PageTabsCloseProps, PageTabsItemEmits, PageTabsItemProps, PageTabsPinProps, PageTabsRootEmits, PageTabsRootProps, PageTabsUi, PageTabsUiSlot };
+export { PageTabsCloseProps, PageTabsCompactEmits, PageTabsCompactItemSlotProps, PageTabsCompactProps, PageTabsCompactSlots, PageTabsContextMenuOptionData, PageTabsItemEmits, PageTabsItemProps, PageTabsOptionData, PageTabsPinProps, PageTabsRootEmits, PageTabsRootProps, PageTabsState, PageTabsUi, PageTabsUiSlot };

package/dist/components/pagination/pagination-ellipsis.js

@@ -1 +1 @@
-import{usePaginationUi as e}from"./context.js";import{createElementBlock as t,createTextVNode as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";const c=r({name:`PaginationEllipsis`,__name:`pagination-ellipsis`,setup(r){let c=e(`ellipsis`);return(e,r)=>(a(),t(`div`,{class:i(s(c)),"data-type":`ellipsis`},[o(e.$slots,`default`,{},()=>[r[0]||(r[0]=n(`...`,-1))])],2))}});export{c as default};
+import{usePaginationUi as e}from"./context.js";import{createElementBlock as t,createTextVNode as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";const c=r({name:`PaginationEllipsis`,__name:`pagination-ellipsis`,setup(r){let c=e(`ellipsis`);return(e,r)=>(a(),t(`div`,{"data-soybean-pagination-ellipsis":``,class:i(s(c)),"data-type":`ellipsis`},[o(e.$slots,`default`,{},()=>[r[0]||(r[0]=n(`...`,-1))])],2))}});export{c as default};

package/dist/components/pagination/pagination-first.js

@@ -1 +1 @@
-import{usePaginationRootContext as e,usePaginationUi as t}from"./context.js";import{computed as n,createElementBlock as r,createTextVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l}from"vue";const u=[`disabled`,`data-disabled`],d=a({name:`PaginationFirst`,__name:`pagination-first`,setup(a){let{page:d,onPageChange:f,disabled:p}=e(`PaginationFirst`),m=t(`first`),h=n(()=>p.value||d.value===1),g=()=>{h.value||f(1)};return(e,t)=>(s(),r(`button`,{class:o(l(m)),disabled:h.value,"data-disabled":h.value?``:void 0,"aria-label":`First Page`,onClick:g},[c(e.$slots,`default`,{},()=>[t[0]||(t[0]=i(`First page`,-1))])],10,u))}});export{d as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import t from"../button/button.js";import{usePaginationRootContext as n,usePaginationUi as r}from"./context.js";import{computed as i,createBlock as a,createTextVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,withCtx as p}from"vue";const m=s({name:`PaginationFirst`,__name:`pagination-first`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let m=s,{page:h,onPageChange:g,disabled:_}=n(`PaginationFirst`),v=r(`first`),y=e(),b=i(()=>_.value||h.value===1),x=()=>{g(1)};return(e,n)=>(l(),a(t,c(m,{"data-soybean-pagination-first":``,class:f(v),disabled:b.value,"aria-label":f(y).pagination.firstPage,onClick:x}),{default:p(()=>[u(e.$slots,`default`,{},()=>[o(d(f(y).pagination.firstPage),1)])]),_:3},16,[`class`,`disabled`,`aria-label`]))}});export{m as default};

package/dist/components/pagination/pagination-first.vue.d.ts

@@ -2,9 +2,9 @@ import { PaginationButtonProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/pagination/pagination-first.vue.d.ts
-declare var __VLS_1: {};
+declare var __VLS_10: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_1) => any;
+  default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<PaginationButtonProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<PaginationButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/pagination/pagination-last.js

@@ -1 +1 @@
-import{usePaginationRootContext as e,usePaginationUi as t}from"./context.js";import{computed as n,createElementBlock as r,createTextVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l}from"vue";const u=[`disabled`,`data-disabled`],d=a({name:`PaginationLast`,__name:`pagination-last`,setup(a){let{page:d,onPageChange:f,pageCount:p,disabled:m}=e(`PaginationLast`),h=t(`last`),g=n(()=>m.value||d.value===p.value),_=()=>{g.value||f(p.value)};return(e,t)=>(s(),r(`button`,{class:o(l(h)),disabled:g.value,"data-disabled":g.value?``:void 0,"aria-label":`Last Page`,onClick:_},[c(e.$slots,`default`,{},()=>[t[0]||(t[0]=i(`Last page`,-1))])],10,u))}});export{d as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import t from"../button/button.js";import{usePaginationRootContext as n,usePaginationUi as r}from"./context.js";import{computed as i,createBlock as a,createTextVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,withCtx as p}from"vue";const m=s({name:`PaginationLast`,__name:`pagination-last`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let m=s,{page:h,onPageChange:g,pageCount:_,disabled:v}=n(`PaginationLast`),y=r(`last`),b=e(),x=i(()=>v.value||h.value===_.value),S=()=>{g(_.value)};return(e,n)=>(l(),a(t,c(m,{"data-soybean-pagination-last":``,class:f(y),disabled:x.value,"aria-label":f(b).pagination.lastPage,onClick:S}),{default:p(()=>[u(e.$slots,`default`,{},()=>[o(d(f(b).pagination.lastPage),1)])]),_:3},16,[`class`,`disabled`,`aria-label`]))}});export{m as default};

package/dist/components/pagination/pagination-last.vue.d.ts

@@ -2,9 +2,9 @@ import { PaginationButtonProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/pagination/pagination-last.vue.d.ts
-declare var __VLS_1: {};
+declare var __VLS_10: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_1) => any;
+  default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<PaginationButtonProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<PaginationButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/pagination/pagination-list-item.js

@@ -1 +1 @@
-import{usePaginationRootContext as e,usePaginationUi as t}from"./context.js";import{computed as n,createElementBlock as r,createTextVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,toDisplayString as l,unref as u}from"vue";const d=[`aria-label`,`aria-current`,`data-selected`,`disabled`,`data-disabled`],f=a({name:`PaginationListItem`,__name:`pagination-list-item`,props:{value:{}},setup(a){let f=a,{page:p,onPageChange:m,disabled:h}=e(`PaginationListItem`),g=t(`listItem`),_=n(()=>p.value===f.value),v=()=>{h.value||m(f.value)};return(e,t)=>(s(),r(`button`,{class:o(u(g)),"data-type":`page`,"aria-label":`Page ${a.value}`,"aria-current":_.value?`page`:void 0,"data-selected":_.value?``:void 0,disabled:u(h),"data-disabled":u(h)?``:void 0,onClick:v},[c(e.$slots,`default`,{},()=>[i(l(a.value),1)])],10,d))}});export{f as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../button/button.js";import{usePaginationRootContext as n,usePaginationUi as r}from"./context.js";import{computed as i,createBlock as a,createTextVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,withCtx as p}from"vue";const m=s({name:`PaginationListItem`,__name:`pagination-list-item`,props:{value:{},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let m=s,h=e(m,[`value`]),{page:g,onPageChange:_,disabled:v}=n(`PaginationListItem`),y=r(`listItem`),b=i(()=>g.value===m.value),x=()=>{_(m.value)};return(e,n)=>(l(),a(t,c(f(h),{"data-soybean-pagination-list-item":``,class:f(y),"data-type":`page`,"aria-label":`Page ${s.value}`,"aria-current":b.value?`page`:void 0,"data-selected":b.value?``:void 0,disabled:f(v),onClick:x}),{default:p(()=>[u(e.$slots,`default`,{},()=>[o(d(s.value),1)])]),_:3},16,[`class`,`aria-label`,`aria-current`,`data-selected`,`disabled`]))}});export{m as default};

package/dist/components/pagination/pagination-list-item.vue.d.ts

@@ -2,9 +2,9 @@ import { PaginationListItemProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/pagination/pagination-list-item.vue.d.ts
-declare var __VLS_1: {};
+declare var __VLS_10: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_1) => any;
+  default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<PaginationListItemProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<PaginationListItemProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/pagination/pagination-list.js

@@ -1 +1 @@
-import{usePaginationRootContext as e,usePaginationUi as t}from"./context.js";import{getRange as n,transform as r}from"./shared.js";import{computed as i,createElementBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u}from"vue";const d=o({name:`PaginationList`,__name:`pagination-list`,setup(o){let{page:d,pageCount:f,siblingCount:p,showEdges:m}=e(`PaginationList`),h=t(`list`),g=i(()=>r(n(d.value,f.value,p.value,m.value)));return(e,t)=>(c(),a(`div`,{class:s(u(h))},[l(e.$slots,`default`,{items:g.value})],2))}});export{d as default};
+import{usePaginationRootContext as e,usePaginationUi as t}from"./context.js";import{getRange as n,transform as r}from"./shared.js";import{computed as i,createElementBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u}from"vue";const d=o({name:`PaginationList`,__name:`pagination-list`,setup(o){let{page:d,pageCount:f,siblingCount:p,showEdges:m}=e(`PaginationList`),h=t(`list`),g=i(()=>r(n(d.value,f.value,p.value,m.value)));return(e,t)=>(c(),a(`div`,{"data-soybean-pagination-list":``,class:s(u(h))},[l(e.$slots,`default`,{items:g.value})],2))}});export{d as default};

package/dist/components/pagination/pagination-next.js

@@ -1 +1 @@
-import{usePaginationRootContext as e,usePaginationUi as t}from"./context.js";import{computed as n,createElementBlock as r,createTextVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l}from"vue";const u=[`disabled`,`data-disabled`],d=a({name:`PaginationNext`,__name:`pagination-next`,setup(a){let{page:d,onPageChange:f,pageCount:p,disabled:m}=e(`PaginationNext`),h=t(`next`),g=n(()=>m.value||d.value===p.value),_=()=>{g.value||f(d.value+1)};return(e,t)=>(s(),r(`button`,{class:o(l(h)),disabled:g.value,"data-disabled":g.value?``:void 0,"aria-label":`Next Page`,onClick:_},[c(e.$slots,`default`,{},()=>[t[0]||(t[0]=i(`Next page`,-1))])],10,u))}});export{d as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import t from"../button/button.js";import{usePaginationRootContext as n,usePaginationUi as r}from"./context.js";import{computed as i,createBlock as a,createTextVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,withCtx as p}from"vue";const m=s({name:`PaginationNext`,__name:`pagination-next`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let m=s,{page:h,onPageChange:g,pageCount:_,disabled:v}=n(`PaginationNext`),y=r(`next`),b=e(),x=i(()=>v.value||h.value===_.value),S=()=>{g(h.value+1)};return(e,n)=>(l(),a(t,c(m,{"data-soybean-pagination-next":``,class:f(y),disabled:x.value,"aria-label":f(b).pagination.nextPage,onClick:S}),{default:p(()=>[u(e.$slots,`default`,{},()=>[o(d(f(b).pagination.nextPage),1)])]),_:3},16,[`class`,`disabled`,`aria-label`]))}});export{m as default};

package/dist/components/pagination/pagination-next.vue.d.ts

@@ -2,9 +2,9 @@ import { PaginationButtonProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/pagination/pagination-next.vue.d.ts
-declare var __VLS_1: {};
+declare var __VLS_10: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_1) => any;
+  default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<PaginationButtonProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<PaginationButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/pagination/pagination-prev.js

@@ -1 +1 @@
-import{usePaginationRootContext as e,usePaginationUi as t}from"./context.js";import{computed as n,createElementBlock as r,createTextVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l}from"vue";const u=[`disabled`,`data-disabled`],d=a({name:`PaginationPrev`,__name:`pagination-prev`,setup(a){let{page:d,onPageChange:f,disabled:p}=e(`PaginationPrev`),m=t(`prev`),h=n(()=>p.value||d.value===1),g=()=>{h.value||f(d.value-1)};return(e,t)=>(s(),r(`button`,{class:o(l(m)),disabled:h.value,"data-disabled":h.value?``:void 0,"aria-label":`Previous Page`,onClick:g},[c(e.$slots,`default`,{},()=>[t[0]||(t[0]=i(`Prev page`,-1))])],10,u))}});export{d as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import t from"../button/button.js";import{usePaginationRootContext as n,usePaginationUi as r}from"./context.js";import{computed as i,createBlock as a,createTextVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,withCtx as p}from"vue";const m=s({name:`PaginationPrev`,__name:`pagination-prev`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let m=s,{page:h,onPageChange:g,disabled:_}=n(`PaginationPrev`),v=r(`prev`),y=e(),b=i(()=>_.value||h.value===1),x=()=>{g(h.value-1)};return(e,n)=>(l(),a(t,c(m,{"data-soybean-pagination-prev":``,class:f(v),disabled:b.value,"aria-label":f(y).pagination.prevPage,onClick:x}),{default:p(()=>[u(e.$slots,`default`,{},()=>[o(d(f(y).pagination.prevPage),1)])]),_:3},16,[`class`,`disabled`,`aria-label`]))}});export{m as default};

package/dist/components/pagination/pagination-prev.vue.d.ts

@@ -2,9 +2,9 @@ import { PaginationButtonProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/pagination/pagination-prev.vue.d.ts
-declare var __VLS_1: {};
+declare var __VLS_10: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_1) => any;
+  default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<PaginationButtonProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<PaginationButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/pagination/pagination-root.js

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{providePaginationRootContext as n,usePaginationUi as r}from"./context.js";import{createElementBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l}from"vue";const u=a({name:`PaginationRoot`,__name:`pagination-root`,props:{page:{},defaultPage:{default:1},pageSize:{},defaultPageSize:{default:10},total:{default:0},siblingCount:{default:2},disabled:{type:Boolean},showEdges:{type:Boolean,default:!1}},emits:[`update:page`,`update:pageSize`],setup(a,{emit:u}){let d=a,f=u,p=r(`root`),m=t(()=>d.page,e=>{f(`update:page`,e)},d.defaultPage),h=t(()=>d.pageSize,e=>{f(`update:pageSize`,e)},d.defaultPageSize),{pageCount:g}=n({...e(d,[`total`,`siblingCount`,`disabled`,`showEdges`]),page:m,pageSize:h});return(e,t)=>(s(),i(`nav`,{class:o(l(p))},[c(e.$slots,`default`,{page:l(m),pageCount:l(g)})],2))}});export{u as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{providePaginationRootContext as n,usePaginationUi as r}from"./context.js";import{createElementBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l}from"vue";const u=a({name:`PaginationRoot`,__name:`pagination-root`,props:{page:{},defaultPage:{default:1},pageSize:{},defaultPageSize:{default:10},total:{default:0},siblingCount:{default:2},disabled:{type:Boolean},showEdges:{type:Boolean,default:!1}},emits:[`update:page`,`update:pageSize`],setup(a,{emit:u}){let d=a,f=u,p=r(`root`),m=t(()=>d.page,e=>{f(`update:page`,e)},d.defaultPage),h=t(()=>d.pageSize,e=>{f(`update:pageSize`,e)},d.defaultPageSize),{pageCount:g}=n({...e(d,[`total`,`siblingCount`,`disabled`,`showEdges`]),page:m,pageSize:h});return(e,t)=>(s(),i(`nav`,{"data-soybean-pagination-root":``,class:o(l(p))},[c(e.$slots,`default`,{page:l(m),pageCount:l(g)})],2))}});export{u as default};

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

@@ -1,11 +1,13 @@
 import { UiClass } from "../../types/common.js";
-import { ButtonHTMLAttributes, HTMLAttributes, ShallowRef } from "vue";
+import { BaseProps } from "../../types/vue.js";
+import { ButtonProps } from "../button/types.js";
+import { ShallowRef } from "vue";
 
 //#region src/components/pagination/types.d.ts
 /**
  * Properties for the PaginationRoot component.
  */
-interface PaginationRootProps extends /** @vue-ignore */HTMLAttributes {
+interface PaginationRootProps extends BaseProps {
   /** The controlled value of the current page. Can be bound as `v-model:page`. */
   page?: number;
   /**
@@ -40,22 +42,22 @@ type PaginationRootEmits = {
 /**
  * Properties for the PaginationList component.
  */
-interface PaginationListProps extends /** @vue-ignore */HTMLAttributes {}
+interface PaginationListProps extends BaseProps {}
 /**
  * Properties for the PaginationListItem component.
  */
-interface PaginationListItemProps extends /** @vue-ignore */ButtonHTMLAttributes {
+interface PaginationListItemProps extends ButtonProps {
   /** Value for the page */
   value: number;
 }
 /**
  * Properties for the PaginationEllipsis component.
  */
-interface PaginationEllipsisProps extends /** @vue-ignore */HTMLAttributes {}
+interface PaginationEllipsisProps extends BaseProps {}
 /**
  * Properties for the PaginationButton component.
  */
-interface PaginationButtonProps extends /** @vue-ignore */ButtonHTMLAttributes {}
+interface PaginationButtonProps extends ButtonProps {}
 /**
  * Available UI slots for the Pagination component.
  */

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

@@ -0,0 +1,9 @@
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import { PasswordUiSlot } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/password/context.d.ts
+declare const providePasswordUi: (ui: _$vue.ComputedRef<Partial<UiClass<PasswordUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<PasswordUiSlot>>>, usePasswordUi: UseUiConsumer<PasswordUiSlot>;
+//#endregion
+export { providePasswordUi };

package/dist/components/password/context.js

@@ -0,0 +1 @@
+import{useUiContext as e}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{provideInputUi as t}from"../input/context.js";const[n,r]=e(`PasswordUi`,e=>(t(e),e));export{n as providePasswordUi,r as usePasswordUi};

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

@@ -0,0 +1,4 @@
+import { PasswordCompactEmits, PasswordCompactProps, PasswordCompactSlotProps, PasswordCompactSlots, PasswordUi, PasswordUiSlot } from "./types.js";
+import { _default } from "./password-compact.vue.js";
+import { providePasswordUi } from "./context.js";
+export { _default as PasswordCompact, type PasswordCompactEmits, type PasswordCompactProps, type PasswordCompactSlotProps, type PasswordCompactSlots, type PasswordUi, type PasswordUiSlot, providePasswordUi };

package/dist/components/password/index.js

@@ -0,0 +1 @@
+import{providePasswordUi as e}from"./context.js";import t from"./password-compact.js";export{t as PasswordCompact,e as providePasswordUi};

package/dist/components/password/password-compact.js

@@ -0,0 +1 @@
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useOmitProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import i from"../_icon/icon.js";import a from"../button/button.js";import o from"../input/input-root.js";import s from"../input/input-clear.js";import c from"../input/input-control.js";import{usePasswordUi as l}from"./context.js";import{computed as u,createBlock as d,createCommentVNode as f,createVNode as p,defineComponent as m,mergeProps as h,openBlock as g,renderSlot as _,unref as v,withCtx as y}from"vue";const b=m({name:`PasswordCompact`,__name:`password-compact`,props:{clearable:{type:Boolean},visible:{type:Boolean,default:void 0},inputRef:{},controlProps:{},clearProps:{},visibleProps:{},defaultValue:{},modelValue:{},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:visible`],setup(m,{emit:b}){let x=m,S=b,C=r(x,[`inputRef`,`controlProps`,`clearable`,`clearProps`,`visible`,`visibleProps`]),[w,T]=n(e=>x.inputRef?.(e)),E=t(()=>x.visible,e=>{S(`update:visible`,e)},!1),D=l(),O=e(),k=u(()=>x.clearProps?.[`aria-label`]??O.value.password.clearInput),A=u(()=>x.disabled||x.readonly||x.visibleProps?.disabled||!1),j=u(()=>E.value?O.value.password.hidePassword:O.value.password.showPassword),M=()=>{E.value=!E.value};return(e,t)=>(g(),d(o,h(v(C),{"data-soybean-password":``,"onUpdate:modelValue":t[0]||(t[0]=e=>S(`update:modelValue`,e))}),{default:y(({clear:t,modelValue:n})=>[_(e.$slots,`leading`,{clear:t,modelValue:n,toggle:M,visible:v(E)}),p(c,h(m.controlProps,{ref:v(T),type:v(E)?`text`:`password`}),null,16,[`type`]),m.clearable?_(e.$slots,`clear`,{key:0,clear:t,modelValue:n,toggle:M,visible:v(E)},()=>[p(s,h(m.clearProps,{"aria-label":k.value}),null,16,[`aria-label`])]):f(`v-if`,!0),_(e.$slots,`trailing`,{clear:t,modelValue:n,toggle:M,visible:v(E)}),_(e.$slots,`visible`,{clear:t,modelValue:n,toggle:M,visible:v(E)},()=>[p(a,h(m.visibleProps,{"data-soybean-password-visible":``,class:v(D).visible,disabled:A.value,"aria-label":j.value,"aria-pressed":v(E),onClick:M}),{default:y(()=>[p(i,{icon:v(E)?`lucide:eye`:`lucide:eye-off`,"aria-hidden":!0},null,8,[`icon`])]),_:1},16,[`class`,`disabled`,`aria-label`,`aria-pressed`])])]),_:3},16))}});export{b as default};

package/dist/components/password/password-compact.vue.d.ts

@@ -0,0 +1,23 @@
+import { PasswordCompactProps, PasswordCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/password/password-compact.vue.d.ts
+type __VLS_Slots = PasswordCompactSlots;
+declare const __VLS_base: _$vue.DefineComponent<PasswordCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: string) => any;
+  "update:visible": (visible: boolean) => any;
+}, string, _$vue.PublicProps, Readonly<PasswordCompactProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+}>, {
+  visible: 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/password/types.d.ts

@@ -0,0 +1,97 @@
+import { UiClass } from "../../types/common.js";
+import { ButtonProps } from "../button/types.js";
+import { InputClearProps, InputControlProps, InputRootEmits, InputRootProps, InputUiSlot } from "../input/types.js";
+
+//#region src/components/password/types.d.ts
+/**
+ * Slot properties for the PasswordCompact component.
+ */
+interface PasswordCompactSlotProps {
+  /**
+   * Current model value.
+   */
+  modelValue?: string;
+  /**
+   * Clear handler.
+   */
+  clear: () => void;
+  /**
+   * Whether the password is visible.
+   */
+  visible: boolean;
+  /**
+   * Toggle password visibility.
+   */
+  toggle: () => void;
+}
+/**
+ * Properties for the PasswordCompact component.
+ */
+interface PasswordCompactProps extends InputRootProps {
+  /**
+   * Whether to show the clear trigger.
+   *
+   * @defaultValue false
+   */
+  clearable?: boolean;
+  /**
+   * Controlled password visibility.
+   */
+  visible?: boolean;
+  /**
+   * The function to set the input element.
+   */
+  inputRef?: (el: HTMLInputElement) => void;
+  /**
+   * Properties forwarded to the control element.
+   */
+  controlProps?: InputControlProps;
+  /**
+   * Properties forwarded to the clear element.
+   */
+  clearProps?: InputClearProps;
+  /**
+   * Properties forwarded to the visible element.
+   */
+  visibleProps?: ButtonProps;
+}
+/**
+ * Events for the PasswordCompact component.
+ */
+type PasswordCompactEmits = InputRootEmits & {
+  /**
+   * Emitted when the visible state changes.
+   */
+  'update:visible': [visible: boolean];
+};
+/**
+ * Slots for the PasswordCompact component.
+ */
+type PasswordCompactSlots = {
+  /**
+   * Custom content for the leading slot.
+   */
+  leading?: (props: PasswordCompactSlotProps) => any;
+  /**
+   * Custom content for the trailing slot.
+   */
+  trailing?: (props: PasswordCompactSlotProps) => any;
+  /**
+   * Custom content for the clear slot.
+   */
+  clear?: (props: PasswordCompactSlotProps) => any;
+  /**
+   * Custom content for the visible slot.
+   */
+  visible?: (props: PasswordCompactSlotProps) => any;
+};
+/**
+ * Available UI slots for the Password component.
+ */
+type PasswordUiSlot = InputUiSlot | 'visible';
+/**
+ * UI class overrides for the Password component.
+ */
+type PasswordUi = UiClass<PasswordUiSlot>;
+//#endregion
+export { PasswordCompactEmits, PasswordCompactProps, PasswordCompactSlotProps, PasswordCompactSlots, PasswordUi, PasswordUiSlot };

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

@@ -0,0 +1,9 @@
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import { PopconfirmUiSlot } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/popconfirm/context.d.ts
+declare const providePopconfirmUi: (ui: _$vue.ComputedRef<Partial<UiClass<PopconfirmUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<PopconfirmUiSlot>>>, usePopconfirmUi: UseUiConsumer<PopconfirmUiSlot>;
+//#endregion
+export { providePopconfirmUi };

package/dist/components/popconfirm/context.js

@@ -0,0 +1 @@
+import{useUiContext as e}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{providePopoverUi as t}from"../popover/context.js";const[n,r]=e(`Popconfirm`,e=>(t(e),e));export{n as providePopconfirmUi,r as usePopconfirmUi};

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

@@ -0,0 +1,21 @@
+import { PopperAnchorProps, PopperArrowProps } from "../popper/types.js";
+import { PortalProps } from "../portal/types.js";
+import { _default as _default$10 } from "../portal/portal.vue.js";
+import { PopoverCloseProps, PopoverPopupProps, PopoverPositionerEmits, PopoverPositionerProps, PopoverRootEmits, PopoverRootProps, PopoverTriggerProps } from "../popover/types.js";
+import { _default } from "../popper/popper-arrow.vue.js";
+import { PopconfirmCancelEmits, PopconfirmCancelProps, PopconfirmCompactBaseSlotProps, PopconfirmCompactEmits, PopconfirmCompactProps, PopconfirmCompactSlots, PopconfirmConfirmEmits, PopconfirmConfirmProps, PopconfirmContentProps, PopconfirmDescriptionProps, PopconfirmFooterProps, PopconfirmHeaderProps, PopconfirmTitleProps, PopconfirmType, PopconfirmUi, PopconfirmUiSlot } from "./types.js";
+import { _default as _default$3 } from "./popconfirm-compact.vue.js";
+import { _default as _default$12 } from "../popover/popover-root.vue.js";
+import { _default as _default$14 } from "../popover/popover-trigger.vue.js";
+import { _default as _default$11 } from "../popover/popover-positioner.vue.js";
+import { _default as _default$9 } from "../popover/popover-popup.vue.js";
+import { _default as _default$2 } from "../popover/popover-close.vue.js";
+import { _default as _default$8 } from "./popconfirm-header.vue.js";
+import { _default as _default$13 } from "./popconfirm-title.vue.js";
+import { _default as _default$6 } from "./popconfirm-description.vue.js";
+import { _default as _default$5 } from "./popconfirm-content.vue.js";
+import { _default as _default$7 } from "./popconfirm-footer.vue.js";
+import { _default as _default$4 } from "./popconfirm-confirm.vue.js";
+import { _default as _default$1 } from "./popconfirm-cancel.vue.js";
+import { providePopconfirmUi } from "./context.js";
+export { type PopperAnchorProps as PopconfirmAnchorProps, _default as PopconfirmArrow, type PopperArrowProps as PopconfirmArrowProps, _default$1 as PopconfirmCancel, type PopconfirmCancelEmits, type PopconfirmCancelProps, _default$2 as PopconfirmClose, type PopoverCloseProps as PopconfirmCloseProps, _default$3 as PopconfirmCompact, type PopconfirmCompactBaseSlotProps, type PopconfirmCompactEmits, type PopconfirmCompactProps, type PopconfirmCompactSlots, _default$4 as PopconfirmConfirm, type PopconfirmConfirmEmits, type PopconfirmConfirmProps, _default$5 as PopconfirmContent, type PopconfirmContentProps, _default$6 as PopconfirmDescription, type PopconfirmDescriptionProps, _default$7 as PopconfirmFooter, type PopconfirmFooterProps, _default$8 as PopconfirmHeader, type PopconfirmHeaderProps, _default$9 as PopconfirmPopup, type PopoverPopupProps as PopconfirmPopupProps, _default$10 as PopconfirmPortal, type PortalProps as PopconfirmPortalProps, _default$11 as PopconfirmPositioner, type PopoverPositionerEmits as PopconfirmPositionerEmits, type PopoverPositionerProps as PopconfirmPositionerProps, _default$12 as PopconfirmRoot, type PopoverRootEmits as PopconfirmRootEmits, type PopoverRootProps as PopconfirmRootProps, _default$13 as PopconfirmTitle, type PopconfirmTitleProps, _default$14 as PopconfirmTrigger, type PopoverTriggerProps as PopconfirmTriggerProps, type PopconfirmType, type PopconfirmUi, type PopconfirmUiSlot, providePopconfirmUi };

package/dist/components/popconfirm/index.js

@@ -0,0 +1 @@
+import e from"../portal/portal.js";import t from"../popper/popper-arrow.js";import n from"../popover/popover-root.js";import r from"../popover/popover-trigger.js";import i from"../popover/popover-positioner.js";import a from"../popover/popover-popup.js";import o from"../popover/popover-close.js";import{providePopconfirmUi as s}from"./context.js";import c from"./popconfirm-header.js";import l from"./popconfirm-title.js";import u from"./popconfirm-description.js";import d from"./popconfirm-content.js";import f from"./popconfirm-footer.js";import p from"./popconfirm-cancel.js";import m from"./popconfirm-confirm.js";import h from"./popconfirm-compact.js";export{t as PopconfirmArrow,p as PopconfirmCancel,o as PopconfirmClose,h as PopconfirmCompact,m as PopconfirmConfirm,d as PopconfirmContent,u as PopconfirmDescription,f as PopconfirmFooter,c as PopconfirmHeader,a as PopconfirmPopup,e as PopconfirmPortal,i as PopconfirmPositioner,n as PopconfirmRoot,l as PopconfirmTitle,r as PopconfirmTrigger,s as providePopconfirmUi};

package/dist/components/popconfirm/popconfirm-cancel.js

@@ -0,0 +1 @@
+import e from"../button/button.js";import{usePopoverRootContext as t}from"../popover/context.js";import{usePopconfirmUi as n}from"./context.js";import{createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`PopconfirmCancel`,__name:`popconfirm-cancel`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`cancel`],setup(i,{emit:u}){let d=i,f=u,p=n(`cancel`),{onOpenChange:m}=t(`PopconfirmCancel`),h=async e=>{f(`cancel`,e),m(!1)};return(t,n)=>(o(),r(e,a(d,{"data-soybean-popconfirm-cancel":``,class:c(p),onClick:h}),{default:l(()=>[s(t.$slots,`default`)]),_:3},16,[`class`]))}});export{u as default};