@soybeanjs/ui 0.16.0 → 0.17.0

package/dist/components/tree-menu/types.d.ts

@@ -2,13 +2,19 @@ import { ThemeSize } from "../../theme/types.js";
 import { IconValue } from "../icon/types.js";
 import { BadgeProps } from "../badge/types.js";
 import { DropdownMenuProps } from "../dropdown-menu/types.js";
-import { MenuOptionData } from "../menu/index.js";
-import { TagProps as TagProps$1 } from "../tag/types.js";
+import { index_d_exports } from "../menu/index.js";
+import { TagProps } from "../tag/types.js";
 import { TooltipProps } from "../tooltip/types.js";
 import { ComputedRef, HTMLAttributes } from "vue";
-import { AsTag, ClassValue, HorizontalSide, LinkBaseProps, LinkProps, PropsToContext, TreeMenuBaseItemProps, TreeMenuButtonProps, TreeMenuCollapsibleProps, TreeMenuGroupLabelProps, TreeMenuGroupProps, TreeMenuGroupRootProps, TreeMenuItemProps, TreeMenuRootEmits, TreeMenuRootProps, TreeMenuSubProps, TreeMenuUiSlot, UiClass } from "@soybeanjs/headless";
+import { AsTag } from "@soybeanjs/headless/primitive";
+import { LinkBaseProps, LinkProps } from "@soybeanjs/headless/link";
+import { TreeMenuBaseItemProps, TreeMenuButtonProps, TreeMenuCollapsibleProps, TreeMenuGroupLabelProps, TreeMenuGroupProps, TreeMenuGroupRootProps, TreeMenuItemProps, TreeMenuRootEmits, TreeMenuRootProps, TreeMenuSubProps, TreeMenuUiSlot } from "@soybeanjs/headless/tree-menu";
+import { ClassValue, HorizontalSide, PropsToContext, UiClass } from "@soybeanjs/headless/types";
 
 //#region src/components/tree-menu/types.d.ts
+/**
+ * Option data for the tree menu component.
+ */
 interface TreeMenuBaseOptionData extends TreeMenuBaseItemProps, LinkBaseProps {
   /**
    * Whether the option is a group. only the first-level options can be groups.
@@ -41,7 +47,7 @@ interface TreeMenuBaseOptionData extends TreeMenuBaseItemProps, LinkBaseProps {
   /**
    * The tag props of the option.
    */
-  tagProps?: Omit<TagProps$1, 'content'>;
+  tagProps?: Omit<TagProps, 'content'>;
   /**
    * The tooltip props of the option.
    */
@@ -53,7 +59,7 @@ interface TreeMenuBaseOptionData extends TreeMenuBaseItemProps, LinkBaseProps {
   /**
    * The actions of the option.
    */
-  actions?: MenuOptionData[];
+  actions?: index_d_exports.MenuOptionData[];
   /**
    * The action menu props of the option.
    */
@@ -61,33 +67,87 @@ interface TreeMenuBaseOptionData extends TreeMenuBaseItemProps, LinkBaseProps {
   /**
    * The callback function when an action is selected.
    */
-  onActionSelect?: (action: MenuOptionData) => void;
+  onActionSelect?: (action: index_d_exports.MenuOptionData) => void;
 }
+/**
+ * Option data for the tree menu component.
+ */
 type TreeMenuOptionData<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData> = T & {
   /**
    * The children of the option.
    */
   children?: TreeMenuOptionData<T>[];
 };
+/**
+ * Slot props for the tree menu component.
+ */
 interface TreeMenuOptionSlotProps extends TreeMenuOptionProps {
+  /**
+   * Whether to show the link icon.
+   */
   showLinkIcon?: boolean;
 }
+/**
+ * Props for the tree menu option component.
+ */
 interface TreeMenuOptionProps {
+  /**
+   * Rendered element tag.
+   */
   as?: AsTag;
+  /**
+   * Current item data.
+   */
   item: TreeMenuOptionData;
+  /**
+   * Props forwarded to the item element.
+   */
   itemProps?: TreeMenuItemProps;
+  /**
+   * Props forwarded to the button element.
+   */
   buttonProps?: TreeMenuButtonProps;
+  /**
+   * Props forwarded to the link element.
+   */
   linkProps?: LinkProps;
+  /**
+   * Props forwarded to the collapsible element.
+   */
   collapsibleProps?: TreeMenuCollapsibleProps;
+  /**
+   * Props forwarded to the sub element.
+   */
   subProps?: TreeMenuSubProps;
 }
+/**
+ * Emits for the tree menu option component.
+ */
 type TreeMenuOptionEmits = {
+  /**
+   * Emitted when select dropdown occurs.
+   */
   selectDropdown: [value: string];
 };
+/**
+ * Props for the tree menu options component.
+ */
 interface TreeMenuOptionsProps<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData> extends Omit<TreeMenuOptionProps, 'as' | 'item'> {
+  /**
+   * Items rendered by the component.
+   */
   items: TreeMenuOptionData<T>[];
+  /**
+   * Props forwarded to the group root element.
+   */
   groupRootProps?: TreeMenuGroupRootProps;
+  /**
+   * Props forwarded to the group element.
+   */
   groupProps?: TreeMenuGroupProps;
+  /**
+   * Props forwarded to the group label element.
+   */
   groupLabelProps?: TreeMenuGroupLabelProps;
   /**
    * Whether to show the group icon.
@@ -96,12 +156,33 @@ interface TreeMenuOptionsProps<T extends TreeMenuBaseOptionData = TreeMenuBaseOp
    */
   showGroupIcon?: boolean;
 }
+/**
+ * Emits for the tree menu options component.
+ */
 type TreeMenuOptionsEmits = TreeMenuOptionEmits;
+/**
+ * Additional UI slots for the tree menu component.
+ */
 type TreeMenuExtraUiSlot = 'itemLabel' | 'itemAbsolute' | 'itemBadge' | 'itemTag' | 'itemAction' | 'itemLinkIcon' | 'collapsibleIcon';
+/**
+ * Extended UI class overrides for the tree menu component.
+ */
 type TreeMenuExtendedUi = UiClass<TreeMenuUiSlot | TreeMenuExtraUiSlot>;
+/**
+ * Props for the tree menu component.
+ */
 interface TreeMenuProps<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData> extends TreeMenuRootProps, TreeMenuOptionsProps<T> {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<TreeMenuExtendedUi>;
   /**
    * The side of the tree menu.
@@ -122,14 +203,38 @@ interface TreeMenuProps<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionDat
    */
   indent?: number;
 }
+/**
+ * Emits for the tree menu component.
+ */
 type TreeMenuEmits = TreeMenuRootEmits & TreeMenuOptionEmits;
+/**
+ * Props for the tree menu styled item component.
+ */
 interface TreeMenuStyledItemProps extends /** @vue-ignore */HTMLAttributes {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<Pick<TreeMenuExtendedUi, 'item' | 'button'>>;
 }
+/**
+ * Context for the tree menu component.
+ */
 interface TreeMenuContext extends PropsToContext<TreeMenuProps, 'size' | 'side'> {}
+/**
+ * Context for the tree menu options component.
+ */
 interface TreeMenuOptionsContext {
+  /**
+   * Active paths tracked by the component context.
+   */
   activePaths: ComputedRef<string[]>;
 }
 //#endregion

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

@@ -1,4 +1,5 @@
 import { VirtualizerProps } from "./types.js";
 import { _default } from "./virtualizer.vue.js";
-import { VirtualizerContentProps, VirtualizerDynamicContentProps, VirtualizerItem as SVirtualizerItem, VirtualizerItemProps, VirtualizerOptions, VirtualizerRootProps } from "@soybeanjs/headless/virtualizer";
-export { SVirtualizerItem, type VirtualizerContentProps, type VirtualizerDynamicContentProps, type VirtualizerItemProps, type VirtualizerOptions, type VirtualizerRootProps };
+import { VirtualizerItem as SVirtualizerItem } from "@soybeanjs/headless/virtualizer";
+export * from "@soybeanjs/headless/virtualizer";
+export { SVirtualizerItem };

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

@@ -1,8 +1,17 @@
-import { VirtualizerContentProps, VirtualizerDynamicContentProps, VirtualizerRootProps } from "@soybeanjs/headless";
+import { VirtualizerContentProps, VirtualizerDynamicContentProps, VirtualizerRootProps } from "@soybeanjs/headless/virtualizer";
 
 //#region src/components/virtualizer/types.d.ts
+/**
+ * Props for the virtualizer component.
+ */
 interface VirtualizerProps<T extends Record<string, any>> extends VirtualizerRootProps<T> {
+  /**
+   * Props forwarded to the content element.
+   */
   contentProps?: VirtualizerContentProps;
+  /**
+   * Props forwarded to the dynamic content element.
+   */
   dynamicContentProps?: VirtualizerDynamicContentProps;
 }
 //#endregion

package/dist/components/virtualizer/virtualizer.js

@@ -1 +1 @@
-import{Fragment as e,createBlock as t,createElementBlock as n,createVNode as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderList as l,renderSlot as u,unref as d,withCtx as f}from"vue";import{useOmitProps as p}from"@soybeanjs/headless/composables";import{VirtualizerContent as m,VirtualizerRoot as h}from"@soybeanjs/headless";const g=i({name:`SVirtualizer`,__name:`virtualizer`,props:{contentProps:{},dynamicContentProps:{},height:{},items:{},options:{},dynamic:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){let g=p(i,[`contentProps`,`dynamicContentProps`]);return(p,_)=>(c(),t(d(h),s(a(d(g))),{default:f(({virtualItems:t,items:a})=>[r(d(m),o(i.contentProps,{"dynamic-content-props":i.dynamicContentProps}),{default:f(()=>[(c(!0),n(e,null,l(t,e=>u(p.$slots,`item`,{virtualItem:e,index:e.index,item:a[e.index]})),256))]),_:2},1040,[`dynamic-content-props`])]),_:3},16))}});export{g as default};
+import{Fragment as e,createBlock as t,createElementBlock as n,createVNode as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderList as l,renderSlot as u,unref as d,withCtx as f}from"vue";import{useOmitProps as p}from"@soybeanjs/headless/composables";import{VirtualizerContent as m,VirtualizerRoot as h}from"@soybeanjs/headless/virtualizer";const g=i({name:`SVirtualizer`,__name:`virtualizer`,props:{contentProps:{},dynamicContentProps:{},height:{},items:{},options:{},dynamic:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){let g=p(i,[`contentProps`,`dynamicContentProps`]);return(p,_)=>(c(),t(d(h),s(a(d(g))),{default:f(({virtualItems:t,items:a})=>[r(d(m),o(i.contentProps,{"dynamic-content-props":i.dynamicContentProps}),{default:f(()=>[(c(!0),n(e,null,l(t,e=>u(p.$slots,`item`,{virtualItem:e,index:e.index,item:a[e.index]})),256))]),_:2},1040,[`dynamic-content-props`])]),_:3},16))}});export{g as default};

package/dist/components/year-picker/index.d.ts

@@ -1,4 +1,3 @@
 import { YearPickerEmits, YearPickerProps, YearPickerSlots } from "./types.js";
 import { _default } from "./year-picker.vue.js";
-import { YearPickerPopupProps as YearPickerPopupProps$1, YearPickerRootEmits as YearPickerRootEmits$1, YearPickerRootProps as YearPickerRootProps$1, YearPickerTriggerProps as YearPickerTriggerProps$1, YearPickerUi as YearPickerUi$1, YearPickerUiSlot } from "@soybeanjs/headless/year-picker";
-export { type YearPickerPopupProps$1 as YearPickerPopupProps, type YearPickerRootEmits$1 as YearPickerRootEmits, type YearPickerRootProps$1 as YearPickerRootProps, type YearPickerTriggerProps$1 as YearPickerTriggerProps, type YearPickerUi$1 as YearPickerUi, type YearPickerUiSlot };
+export * from "@soybeanjs/headless/year-picker";

package/dist/components/year-picker/types.d.ts

@@ -1,32 +1,71 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue } from "@soybeanjs/headless";
 import { YearPickerPopupProps, YearPickerRootEmits, YearPickerRootProps, YearPickerTriggerProps, YearPickerUi } from "@soybeanjs/headless/year-picker";
+import { ClassValue } from "@soybeanjs/headless/types";
 import { DateValue } from "@internationalized/date";
 
 //#region src/components/year-picker/types.d.ts
-interface YearPickerProps extends /* @vue-ignore */YearPickerRootProps {
+/**
+ * Props for the year picker component.
+ */
+interface YearPickerProps extends /** @vue-ignore */YearPickerRootProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<YearPickerUi>;
+  /**
+   * Props forwarded to the trigger element.
+   */
   triggerProps?: YearPickerTriggerProps;
+  /**
+   * Props forwarded to the popup element.
+   */
   popupProps?: YearPickerPopupProps;
 }
+/**
+ * Emits for the year picker component.
+ */
 type YearPickerEmits = YearPickerRootEmits;
+/**
+ * Slots for the year picker component.
+ */
 interface YearPickerSlots {
+  /**
+   * Custom content for the trigger slot.
+   */
   trigger?: (props: {
     displayValue: string;
     modelValue: DateValue | undefined;
     open: boolean;
   }) => any;
+  /**
+   * Custom content for the heading slot.
+   */
   heading?: (props: {
     headingValue: string;
   }) => any;
+  /**
+   * Custom content for the prev slot.
+   */
   prev?: (props: {
     disabled: boolean;
   }) => any;
+  /**
+   * Custom content for the next slot.
+   */
   next?: (props: {
     disabled: boolean;
   }) => any;
+  /**
+   * Custom content for the year slot.
+   */
   year?: (props: {
     date: DateValue;
     label: string;
@@ -34,6 +73,9 @@ interface YearPickerSlots {
     focused: boolean;
     selected: boolean;
   }) => any;
+  /**
+   * Custom content for the default slot.
+   */
   default?: (props: {
     displayValue: string;
     modelValue: DateValue | undefined;

package/dist/components/year-range-picker/index.d.ts

@@ -1,4 +1,3 @@
 import { YearRangePickerEmits, YearRangePickerProps, YearRangePickerSlots } from "./types.js";
 import { _default } from "./year-range-picker.vue.js";
-import { YearRangePickerPopupProps as YearRangePickerPopupProps$1, YearRangePickerRootEmits as YearRangePickerRootEmits$1, YearRangePickerRootProps as YearRangePickerRootProps$1, YearRangePickerTriggerProps as YearRangePickerTriggerProps$1, YearRangePickerUi as YearRangePickerUi$1, YearRangePickerUiSlot } from "@soybeanjs/headless/year-range-picker";
-export { type YearRangePickerPopupProps$1 as YearRangePickerPopupProps, type YearRangePickerRootEmits$1 as YearRangePickerRootEmits, type YearRangePickerRootProps$1 as YearRangePickerRootProps, type YearRangePickerTriggerProps$1 as YearRangePickerTriggerProps, type YearRangePickerUi$1 as YearRangePickerUi, type YearRangePickerUiSlot };
+export * from "@soybeanjs/headless/year-range-picker";

package/dist/components/year-range-picker/types.d.ts

@@ -1,33 +1,72 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue } from "@soybeanjs/headless";
 import { YearRangePickerPopupProps, YearRangePickerRootEmits, YearRangePickerRootProps, YearRangePickerTriggerProps, YearRangePickerUi } from "@soybeanjs/headless/year-range-picker";
+import { ClassValue } from "@soybeanjs/headless/types";
 import { DateValue } from "@internationalized/date";
 import { DateRange } from "@soybeanjs/headless/date";
 
 //#region src/components/year-range-picker/types.d.ts
-interface YearRangePickerProps extends /* @vue-ignore */YearRangePickerRootProps {
+/**
+ * Props for the year range picker component.
+ */
+interface YearRangePickerProps extends /** @vue-ignore */YearRangePickerRootProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<YearRangePickerUi>;
+  /**
+   * Props forwarded to the trigger element.
+   */
   triggerProps?: YearRangePickerTriggerProps;
+  /**
+   * Props forwarded to the popup element.
+   */
   popupProps?: YearRangePickerPopupProps;
 }
+/**
+ * Emits for the year range picker component.
+ */
 type YearRangePickerEmits = YearRangePickerRootEmits;
+/**
+ * Slots for the year range picker component.
+ */
 interface YearRangePickerSlots {
+  /**
+   * Custom content for the trigger slot.
+   */
   trigger?: (props: {
     displayValue: string;
     modelValue: DateRange;
     open: boolean;
   }) => any;
+  /**
+   * Custom content for the heading slot.
+   */
   heading?: (props: {
     headingValue: string;
   }) => any;
+  /**
+   * Custom content for the prev slot.
+   */
   prev?: (props: {
     disabled: boolean;
   }) => any;
+  /**
+   * Custom content for the next slot.
+   */
   next?: (props: {
     disabled: boolean;
   }) => any;
+  /**
+   * Custom content for the year slot.
+   */
   year?: (props: {
     date: DateValue;
     label: string;
@@ -38,6 +77,9 @@ interface YearRangePickerSlots {
     rangeStart: boolean;
     selected: boolean;
   }) => any;
+  /**
+   * Custom content for the default slot.
+   */
   default?: (props: {
     displayValue: string;
     modelValue: DateRange;