@soybeanjs/headless 0.17.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
 /**
- * Props for the page tabs root component.
+ * Properties for the PageTabsRoot component.
  */
-interface PageTabsRootProps extends /** @vue-ignore */HTMLAttributes {
+interface PageTabsRootProps extends Omit<RovingFocusGroupProps, 'orientation'>, Omit<BaseProps, 'dir'> {
   /**
    * The active tab value.
    */
@@ -17,7 +22,7 @@ interface PageTabsRootProps extends /** @vue-ignore */HTMLAttributes {
   middleClickClose?: boolean;
 }
 /**
- * Emits for the page tabs root component.
+ * Events for the PageTabsRoot component.
  */
 type PageTabsRootEmits = {
   /**
@@ -26,9 +31,9 @@ type PageTabsRootEmits = {
   (e: 'update:modelValue', value: string): void;
 };
 /**
- * Props for the page tabs item component.
+ * 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.
    */
@@ -39,7 +44,7 @@ interface PageTabsItemProps extends /** @vue-ignore */Omit<HTMLAttributes, 'onCl
   pinned?: boolean;
 }
 /**
- * Emits for the page tabs item component.
+ * Events for the PageTabsItem component.
  */
 type PageTabsItemEmits = {
   /**
@@ -56,20 +61,214 @@ type PageTabsItemEmits = {
   (e: 'pin', pinned: boolean): void;
 };
 /**
- * Props for the page tabs close component.
+ * Properties for the PageTabsClose component.
  */
-interface PageTabsCloseProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface PageTabsCloseProps extends ButtonProps {}
 /**
- * Props for the page tabs pin component.
+ * Properties for the PageTabsPin component.
  */
-interface PageTabsPinProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface PageTabsPinProps extends ButtonProps {}
 /**
- * Available UI slots for the page tabs component.
+ * Option data for the PageTabs component.
  */
-type PageTabsUiSlot = 'root' | 'item' | 'close' | 'pin';
+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' | 'itemText';
 /**
- * UI class overrides for the page tabs component.
+ * 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
 /**
- * Props for the pagination root component.
+ * 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;
   /**
@@ -31,41 +33,41 @@ interface PaginationRootProps extends /** @vue-ignore */HTMLAttributes {
   showEdges?: boolean;
 }
 /**
- * Emits for the pagination root component.
+ * Events for the PaginationRoot component.
  */
 type PaginationRootEmits = {
   /** Event handler called when the page value changes */'update:page': [value: number]; /** Event handler called when the page size value changes */
   'update:pageSize': [value: number];
 };
 /**
- * Props for the pagination list component.
+ * Properties for the PaginationList component.
  */
-interface PaginationListProps extends /** @vue-ignore */HTMLAttributes {}
+interface PaginationListProps extends BaseProps {}
 /**
- * Props for the pagination list item component.
+ * Properties for the PaginationListItem component.
  */
-interface PaginationListItemProps extends /** @vue-ignore */ButtonHTMLAttributes {
+interface PaginationListItemProps extends ButtonProps {
   /** Value for the page */
   value: number;
 }
 /**
- * Props for the pagination ellipsis component.
+ * Properties for the PaginationEllipsis component.
  */
-interface PaginationEllipsisProps extends /** @vue-ignore */HTMLAttributes {}
+interface PaginationEllipsisProps extends BaseProps {}
 /**
- * Props for the pagination button component.
+ * Properties for the PaginationButton component.
  */
-interface PaginationButtonProps extends /** @vue-ignore */ButtonHTMLAttributes {}
+interface PaginationButtonProps extends ButtonProps {}
 /**
- * Available UI slots for the pagination component.
+ * Available UI slots for the Pagination component.
  */
 type PaginationUiSlot = 'root' | 'list' | 'listItem' | 'ellipsis' | 'first' | 'prev' | 'next' | 'last';
 /**
- * UI class overrides for the pagination component.
+ * UI class overrides for the Pagination component.
  */
 type PaginationUi = UiClass<PaginationUiSlot>;
 /**
- * Type information for the page ellipsis component.
+ * Type information for PageEllipsis.
  */
 interface PageEllipsis {
   /**
@@ -74,7 +76,7 @@ interface PageEllipsis {
   type: 'ellipsis';
 }
 /**
- * Type information for the page item component.
+ * Type information for PageItem.
  */
 interface PageItem {
   /**
@@ -87,11 +89,11 @@ interface PageItem {
   value: number;
 }
 /**
- * Type information for the pages component.
+ * Type information for Pages.
  */
 type Pages = Array<PageEllipsis | PageItem>;
 /**
- * Props for the pagination compact component.
+ * Properties for the PaginationCompact component.
  */
 interface PaginationCompactProps extends PaginationRootProps {
   /**
@@ -99,40 +101,40 @@ interface PaginationCompactProps extends PaginationRootProps {
    */
   showFirstOrLast?: boolean;
   /**
-   * Props forwarded to the list element.
+   * Properties forwarded to the list element.
    */
   listProps?: PaginationListProps;
   /**
-   * Props forwarded to the list item element.
+   * Properties forwarded to the list item element.
    */
   listItemProps?: PaginationListItemProps;
   /**
-   * Props forwarded to the ellipsis element.
+   * Properties forwarded to the ellipsis element.
    */
   ellipsisProps?: PaginationEllipsisProps;
   /**
-   * Props forwarded to the first element.
+   * Properties forwarded to the first element.
    */
   firstProps?: PaginationButtonProps;
   /**
-   * Props forwarded to the prev element.
+   * Properties forwarded to the prev element.
    */
   prevProps?: PaginationButtonProps;
   /**
-   * Props forwarded to the next element.
+   * Properties forwarded to the next element.
    */
   nextProps?: PaginationButtonProps;
   /**
-   * Props forwarded to the last element.
+   * Properties forwarded to the last element.
    */
   lastProps?: PaginationButtonProps;
 }
 /**
- * Emits for the pagination compact component.
+ * Events for the PaginationCompact component.
  */
 type PaginationCompactEmits = PaginationRootEmits;
 /**
- * Slots for the pagination compact component.
+ * Slots for the PaginationCompact component.
  */
 interface PaginationCompactSlots {
   /**

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 };