@mono-lit/helper 0.0.1 → 0.0.3

package/dist/src/components/button/button-dropdown-types.d.ts

@@ -1,7 +1,7 @@
-import { DropdownPlacement, DropdownSource } from '../dropdown/dropdown-types.js';
-import { ButtonEvents, ButtonProps } from './button-types.js';
-import { MonoEventProps } from '../../composables/element-props.js';
-export type { DropdownPlacement as ButtonDropdownPlacement };
+import { ButtonEvents, ButtonProps } from "./button-types.js";
+import { DropdownPlacement, DropdownSource } from "../dropdown/dropdown-types.js";
+import { MonoEventProps } from "../../composables/element-props.js";
+//#region src/components/button/button-dropdown-types.d.ts
 /**
  * One entry in `buttons`.
  *
@@ -10,33 +10,33 @@ export type { DropdownPlacement as ButtonDropdownPlacement };
  * everything else behave as they would on a standalone button.
  */
 export interface ButtonDropdownItem extends ButtonProps, Omit<MonoEventProps<ButtonEvents>, 'onClick'> {
-    /** Text of the button (and of its row in the menu). */
-    label?: string;
-    /**
-     * Icon class placed in the button's icon slot, e.g. `'i-mdi-pencil'`.
-     * `iconPosition` (inherited from `ButtonProps`) decides which side it sits on.
-     */
-    icon?: string;
-    /**
-     * Runs when this entry is clicked, before the element's own `click`.
-     * Bind the array with `.prop` — a function can't survive an attribute.
-     */
-    onClick?: (event: MouseEvent) => void;
-    /** Extra class on this entry's button. */
-    className?: string;
+  /** Text of the button (and of its row in the menu). */
+  label?: string;
+  /**
+   * Icon class placed in the button's icon slot, e.g. `'i-mdi-pencil'`.
+   * `iconPosition` (inherited from `ButtonProps`) decides which side it sits on.
+   */
+  icon?: string;
+  /**
+   * Runs when this entry is clicked, before the element's own `click`.
+   * Bind the array with `.prop` — a function can't survive an attribute.
+   */
+  onClick?: (event: MouseEvent) => void;
+  /** Extra class on this entry's button. */
+  className?: string;
 }
 /** Detail shared by `click` / `open` / `close`. */
 export interface ButtonDropdownClickEventDetail {
-    /** The entry that was activated (absent for open/close). */
-    item?: ButtonDropdownItem;
-    /** Its index in `buttons` (absent for open/close). */
-    index?: number;
-    /** Whether the menu is open after this event. */
-    modelValue: boolean;
-    /** Whether the entries are currently collapsed behind the trigger. */
-    collapsed: boolean;
-    source: DropdownSource;
-    sourceEvent?: Event;
+  /** The entry that was activated (absent for open/close). */
+  item?: ButtonDropdownItem;
+  /** Its index in `buttons` (absent for open/close). */
+  index?: number;
+  /** Whether the menu is open after this event. */
+  modelValue: boolean;
+  /** Whether the entries are currently collapsed behind the trigger. */
+  collapsed: boolean;
+  source: DropdownSource;
+  sourceEvent?: Event;
 }
 export type ButtonDropdownClickEvent = CustomEvent<ButtonDropdownClickEventDetail>;
 export type ButtonDropdownOpenEvent = CustomEvent<ButtonDropdownClickEventDetail>;
@@ -46,29 +46,29 @@ export type ButtonDropdownCloseEvent = CustomEvent<ButtonDropdownClickEventDetai
  * and camel — because `dispatchMonoEvent` emits both spellings.
  */
 export interface ButtonDropdownEvents {
-    click: ButtonDropdownClickEvent;
-    open: ButtonDropdownOpenEvent;
-    close: ButtonDropdownCloseEvent;
-    'mno-click': ButtonDropdownClickEvent;
-    mnoClick: ButtonDropdownClickEvent;
-    'mno-open': ButtonDropdownOpenEvent;
-    mnoOpen: ButtonDropdownOpenEvent;
-    'mno-close': ButtonDropdownCloseEvent;
-    mnoClose: ButtonDropdownCloseEvent;
+  click: ButtonDropdownClickEvent;
+  open: ButtonDropdownOpenEvent;
+  close: ButtonDropdownCloseEvent;
+  'mno-click': ButtonDropdownClickEvent;
+  mnoClick: ButtonDropdownClickEvent;
+  'mno-open': ButtonDropdownOpenEvent;
+  mnoOpen: ButtonDropdownOpenEvent;
+  'mno-close': ButtonDropdownCloseEvent;
+  mnoClose: ButtonDropdownCloseEvent;
 }
 /** Per-part class overrides. */
 export interface ButtonDropdownCssClass {
-    root?: string;
-    /** The inline row rendered when the entries are NOT collapsed. */
-    row?: string;
-    /** The `⋮` trigger button. */
-    trigger?: string;
-    /** The floating panel. */
-    panel?: string;
-    /** The `<ul>` inside the panel. */
-    list?: string;
-    /** Each `<li>`. */
-    item?: string;
+  root?: string;
+  /** The inline row rendered when the entries are NOT collapsed. */
+  row?: string;
+  /** The `⋮` trigger button. */
+  trigger?: string;
+  /** The floating panel. */
+  panel?: string;
+  /** The `<ul>` inside the panel. */
+  list?: string;
+  /** Each `<li>`. */
+  item?: string;
 }
 /**
  * Props for `<mono-button-dropdown>`.
@@ -78,52 +78,54 @@ export interface ButtonDropdownCssClass {
  * carry a stringified value.
  */
 export interface ButtonDropdownProps {
-    /** The actions. Each entry takes every `<mono-button>` prop. */
-    buttons?: ButtonDropdownItem[];
-    /**
-     * How many entries may render inline. While `buttons.length <= min` they are
-     * all shown as plain buttons; past that, ALL of them move into the dropdown and
-     * only the trigger remains. Default `1`.
-     */
-    min?: number;
-    /**
-     * Colors the `⋮` trigger. Entries are deliberately NOT colored inside the menu
-     * — an entry's own `color` tints its ICON there instead, since a list of
-     * differently-coloured buttons reads as noise. Outside the menu (inline, when
-     * the list is short enough) entries keep their real button styling.
-     */
-    color?: ButtonProps['color'];
-    /** Visual style of the `⋮` trigger — same values `<mono-button>` takes. */
-    variant?: ButtonProps['variant'];
-    /** Size of the `⋮` trigger. */
-    size?: ButtonProps['size'];
-    /** Corner radius of the `⋮` trigger — the same scale `<mono-button>` takes. */
-    rounded?: ButtonProps['rounded'];
-    /** Where the panel opens relative to the trigger. Default `'bottom-end'`. */
-    placement?: DropdownPlacement;
-    /** Gap in px between trigger and panel. Default `4`. */
-    offset?: number;
-    /**
-     * Props for the `⋮` trigger button — same shape as an entry, minus the click.
-     * The button's events are accepted as `on<Event>` keys (`onLoadingChange`, …).
-     */
-    trigger?: ButtonProps & MonoEventProps<ButtonEvents> & {
-        label?: string;
-        icon?: string;
-    };
-    /** Open state. Two-way is opt-in: listen for `open` / `close`. */
-    modelValue?: boolean;
-    'model-value'?: boolean;
-    /** Disables the trigger and every entry. */
-    disabled?: boolean;
-    /** Close when a menu entry is clicked. Default `true`. */
-    closeOnSelect?: boolean;
-    'close-on-select'?: boolean;
-    closeOnOutsideClick?: boolean;
-    'close-on-outside-click'?: boolean;
-    closeOnEscape?: boolean;
-    'close-on-escape'?: boolean;
-    cssClass?: ButtonDropdownCssClass;
-    'css-class'?: ButtonDropdownCssClass | string;
-    cssClassName?: string;
+  /** The actions. Each entry takes every `<mono-button>` prop. */
+  buttons?: ButtonDropdownItem[];
+  /**
+   * How many entries may render inline. While `buttons.length <= min` they are
+   * all shown as plain buttons; past that, ALL of them move into the dropdown and
+   * only the trigger remains. Default `1`.
+   */
+  min?: number;
+  /**
+   * Colors the `⋮` trigger. Entries are deliberately NOT colored inside the menu
+   * — an entry's own `color` tints its ICON there instead, since a list of
+   * differently-coloured buttons reads as noise. Outside the menu (inline, when
+   * the list is short enough) entries keep their real button styling.
+   */
+  color?: ButtonProps['color'];
+  /** Visual style of the `⋮` trigger — same values `<mono-button>` takes. */
+  variant?: ButtonProps['variant'];
+  /** Size of the `⋮` trigger. */
+  size?: ButtonProps['size'];
+  /** Corner radius of the `⋮` trigger — the same scale `<mono-button>` takes. */
+  rounded?: ButtonProps['rounded'];
+  /** Where the panel opens relative to the trigger. Default `'bottom-end'`. */
+  placement?: DropdownPlacement;
+  /** Gap in px between trigger and panel. Default `4`. */
+  offset?: number;
+  /**
+   * Props for the `⋮` trigger button — same shape as an entry, minus the click.
+   * The button's events are accepted as `on<Event>` keys (`onLoadingChange`, …).
+   */
+  trigger?: ButtonProps & MonoEventProps<ButtonEvents> & {
+    label?: string;
+    icon?: string;
+  };
+  /** Open state. Two-way is opt-in: listen for `open` / `close`. */
+  modelValue?: boolean;
+  'model-value'?: boolean;
+  /** Disables the trigger and every entry. */
+  disabled?: boolean;
+  /** Close when a menu entry is clicked. Default `true`. */
+  closeOnSelect?: boolean;
+  'close-on-select'?: boolean;
+  closeOnOutsideClick?: boolean;
+  'close-on-outside-click'?: boolean;
+  closeOnEscape?: boolean;
+  'close-on-escape'?: boolean;
+  cssClass?: ButtonDropdownCssClass;
+  'css-class'?: ButtonDropdownCssClass | string;
+  cssClassName?: string;
 }
+//#endregion
+export type { DropdownPlacement as ButtonDropdownPlacement };

package/dist/src/components/button/button-types.d.ts

@@ -1,5 +1,5 @@
-import { DebounceConfig, RateLimitOption, RateLimitPhase, ThrottleConfig } from '../../composables/rate-limit';
-export type { DebounceConfig, RateLimitPhase, ThrottleConfig };
+import { DebounceConfig, RateLimitOption, RateLimitPhase, ThrottleConfig } from "../../composables/rate-limit.js";
+//#region src/components/button/button-types.d.ts
 export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
 export type ButtonColor = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'teal' | 'purple' | 'neutral' | 'dark' | 'light';
 /**
@@ -29,16 +29,16 @@ export type ButtonBadgeColor = 'red' | 'green' | 'orange' | 'cobalt';
  * elements; the supplied class string is appended to the element's base class.
  */
 export interface ButtonCssClass {
-    root?: string;
-    /** The leading affix zone (`slot="prepend"`). */
-    prepend?: string;
-    main?: string;
-    content?: string;
-    text?: string;
-    icon?: string;
-    badge?: string;
-    /** The trailing affix zone (`slot="append"`). */
-    append?: string;
+  root?: string;
+  /** The leading affix zone (`slot="prepend"`). */
+  prepend?: string;
+  main?: string;
+  content?: string;
+  text?: string;
+  icon?: string;
+  badge?: string;
+  /** The trailing affix zone (`slot="append"`). */
+  append?: string;
 }
 /**
  * Configuration for one affix zone — the `slot="prepend"` / `slot="append"`
@@ -56,164 +56,166 @@ export interface ButtonCssClass {
  * (`append='{"divider":true}'`) also works for static HTML.
  */
 export interface ButtonAffixProps {
-    /**
-     * Draw a divider between this affix and the button body. Per side, so a
-     * leading icon can sit flush while a trailing caret is fenced off.
-     */
-    divider?: boolean;
-    /**
-     * Disable just this affix. Defaults to the button's own `disabled`.
-     *
-     * Deliberately NOT tied to `loading`: a busy main action with a still-live
-     * trailing menu is the useful case, and it is the one thing slotted content
-     * cannot express for itself.
-     */
-    disabled?: boolean;
+  /**
+   * Draw a divider between this affix and the button body. Per side, so a
+   * leading icon can sit flush while a trailing caret is fenced off.
+   */
+  divider?: boolean;
+  /**
+   * Disable just this affix. Defaults to the button's own `disabled`.
+   *
+   * Deliberately NOT tied to `loading`: a busy main action with a still-live
+   * trailing menu is the useful case, and it is the one thing slotted content
+   * cannot express for itself.
+   */
+  disabled?: boolean;
 }
 export interface ButtonProps {
-    /** Visual size of the button. */
-    size?: ButtonSize;
-    /** Color theme of the button. */
-    color?: ButtonColor;
-    /**
-     * Visual style variant (solid, outline, tonal, text).
-     *
-     * `text` has no background and no border at rest — just the coloured label —
-     * and takes the tonal look on hover or keyboard focus.
-     */
-    variant?: ButtonVariant;
-    /**
-     * Corner radius — `none`, the `xs`…`xxl` scale, or `full`. Unset follows the
-     * theme's per-size radius.
-     */
-    rounded?: ButtonRounded;
-    /** Disables interaction and dims the button. */
-    disabled?: boolean;
-    /** Shows a loading state and blocks clicks. */
-    loading?: boolean;
-    /**
-     * Explicit sizing. Each accepts a CSS length string (`"220px"`, `"80%"`) or a
-     * number (interpreted as px). Use `width="100%"` for a full-width button.
-     */
-    width?: string | number;
-    height?: string | number;
-    minWidth?: string | number;
-    'min-width'?: string | number;
-    maxWidth?: string | number;
-    'max-width'?: string | number;
-    minHeight?: string | number;
-    'min-height'?: string | number;
-    maxHeight?: string | number;
-    'max-height'?: string | number;
-    /** Renders the button as an anchor with this URL. */
-    href?: string;
-    /** Anchor target window when href is set. */
-    target?: string;
-    /** Native button type attribute. */
-    type?: 'button' | 'submit' | 'reset';
-    /** Placement of the icon relative to the text. */
-    iconPosition?: ButtonIconPosition;
-    'icon-position'?: ButtonIconPosition;
-    iconposition?: ButtonIconPosition;
-    /**
-     * Config for the leading affix (`<span slot="prepend">`). The slot supplies the
-     * content; this only says how the zone behaves. Bind with `.prop`.
-     *
-     * NOTE: this name deliberately SHADOWS `ParentNode.prepend()` on the element.
-     * `monoButtonEl.prepend(node)` therefore stops being callable — reading it
-     * returns this config object instead of the DOM method. Nothing inside the
-     * library calls it (slot placement uses `appendChild`), but consumer code and
-     * third-party helpers that do will break on a `<mono-button>`.
-     */
-    prepend?: ButtonAffixProps | string;
-    /**
-     * Config for the trailing affix (`<span slot="append">`). Bind with `.prop`.
-     * Shadows `ParentNode.append()` — see the note on `prepend`.
-     */
-    append?: ButtonAffixProps | string;
-    /** Badge text shown on the button. */
-    badge?: string;
-    /** Color of the badge. */
-    badgeColor?: ButtonBadgeColor;
-    'badge-color'?: ButtonBadgeColor;
-    badgecolor?: ButtonBadgeColor;
-    /** Renders an icon-only button without text. */
-    iconOnly?: boolean;
-    'icon-only'?: boolean;
-    icononly?: boolean;
-    /** Applies a translucent glass effect. */
-    glass?: boolean;
-    /** Tooltip text shown on hover. */
-    tooltip?: string;
-    /** Accessible label text for screen readers. */
-    ariaLabelText?: string;
-    'aria-label-text'?: string;
-    arialabeltext?: string;
-    /** Per-element class overrides. */
-    cssClass?: ButtonCssClass;
-    'css-class'?: ButtonCssClass;
-    /**
-     * Rate-limit clicks: at most `limit` executions per `interval` ms, the rest
-     * queued and replayed rather than dropped. A bare number is the interval.
-     * Emits `throttle` per execution.
-     */
-    throttle?: RateLimitOption<ThrottleConfig>;
-    /**
-     * Collapse a burst of clicks into one execution, `wait` ms after the last.
-     * A bare number is the wait. Emits `debounce` per execution.
-     */
-    debounce?: RateLimitOption<DebounceConfig>;
-    /**
-     * The work a click performs. Bind as a property (`:handler.prop="save"`) —
-     * it's what gets throttled/debounced, and its promise drives the spinner.
-     */
-    handler?: ButtonHandler;
-    /** Opt out of the self-driven spinner; `loading` stays fully consumer-controlled. */
-    noAutoLoading?: boolean;
-    'no-auto-loading'?: boolean;
-    noautoloading?: boolean;
+  /** Visual size of the button. */
+  size?: ButtonSize;
+  /** Color theme of the button. */
+  color?: ButtonColor;
+  /**
+   * Visual style variant (solid, outline, tonal, text).
+   *
+   * `text` has no background and no border at rest — just the coloured label —
+   * and takes the tonal look on hover or keyboard focus.
+   */
+  variant?: ButtonVariant;
+  /**
+   * Corner radius — `none`, the `xs`…`xxl` scale, or `full`. Unset follows the
+   * theme's per-size radius.
+   */
+  rounded?: ButtonRounded;
+  /** Disables interaction and dims the button. */
+  disabled?: boolean;
+  /** Shows a loading state and blocks clicks. */
+  loading?: boolean;
+  /**
+   * Explicit sizing. Each accepts a CSS length string (`"220px"`, `"80%"`) or a
+   * number (interpreted as px). Use `width="100%"` for a full-width button.
+   */
+  width?: string | number;
+  height?: string | number;
+  minWidth?: string | number;
+  'min-width'?: string | number;
+  maxWidth?: string | number;
+  'max-width'?: string | number;
+  minHeight?: string | number;
+  'min-height'?: string | number;
+  maxHeight?: string | number;
+  'max-height'?: string | number;
+  /** Renders the button as an anchor with this URL. */
+  href?: string;
+  /** Anchor target window when href is set. */
+  target?: string;
+  /** Native button type attribute. */
+  type?: 'button' | 'submit' | 'reset';
+  /** Placement of the icon relative to the text. */
+  iconPosition?: ButtonIconPosition;
+  'icon-position'?: ButtonIconPosition;
+  iconposition?: ButtonIconPosition;
+  /**
+   * Config for the leading affix (`<span slot="prepend">`). The slot supplies the
+   * content; this only says how the zone behaves. Bind with `.prop`.
+   *
+   * NOTE: this name deliberately SHADOWS `ParentNode.prepend()` on the element.
+   * `monoButtonEl.prepend(node)` therefore stops being callable — reading it
+   * returns this config object instead of the DOM method. Nothing inside the
+   * library calls it (slot placement uses `appendChild`), but consumer code and
+   * third-party helpers that do will break on a `<mono-button>`.
+   */
+  prepend?: ButtonAffixProps | string;
+  /**
+   * Config for the trailing affix (`<span slot="append">`). Bind with `.prop`.
+   * Shadows `ParentNode.append()` — see the note on `prepend`.
+   */
+  append?: ButtonAffixProps | string;
+  /** Badge text shown on the button. */
+  badge?: string;
+  /** Color of the badge. */
+  badgeColor?: ButtonBadgeColor;
+  'badge-color'?: ButtonBadgeColor;
+  badgecolor?: ButtonBadgeColor;
+  /** Renders an icon-only button without text. */
+  iconOnly?: boolean;
+  'icon-only'?: boolean;
+  icononly?: boolean;
+  /** Applies a translucent glass effect. */
+  glass?: boolean;
+  /** Tooltip text shown on hover. */
+  tooltip?: string;
+  /** Accessible label text for screen readers. */
+  ariaLabelText?: string;
+  'aria-label-text'?: string;
+  arialabeltext?: string;
+  /** Per-element class overrides. */
+  cssClass?: ButtonCssClass;
+  'css-class'?: ButtonCssClass;
+  /**
+   * Rate-limit clicks: at most `limit` executions per `interval` ms, the rest
+   * queued and replayed rather than dropped. A bare number is the interval.
+   * Emits `throttle` per execution.
+   */
+  throttle?: RateLimitOption<ThrottleConfig>;
+  /**
+   * Collapse a burst of clicks into one execution, `wait` ms after the last.
+   * A bare number is the wait. Emits `debounce` per execution.
+   */
+  debounce?: RateLimitOption<DebounceConfig>;
+  /**
+   * The work a click performs. Bind as a property (`:handler.prop="save"`) —
+   * it's what gets throttled/debounced, and its promise drives the spinner.
+   */
+  handler?: ButtonHandler;
+  /** Opt out of the self-driven spinner; `loading` stays fully consumer-controlled. */
+  noAutoLoading?: boolean;
+  'no-auto-loading'?: boolean;
+  noautoloading?: boolean;
 }
 /** A click's work. Its promise defines how long the button shows as loading. */
 export type ButtonHandler = (event: MouseEvent) => unknown | Promise<unknown>;
 export interface ButtonClickEventDetail {
-    originalEvent: MouseEvent;
-    /** The handler's resolved value; `undefined` on `click` (it fires first). */
-    result?: unknown;
-    /**
-     * Extend the button's loading window over your own async work — the
-     * listener-side equivalent of binding `handler`:
-     *
-     *   `@click="e => e.detail.waitUntil(save())"`
-     */
-    waitUntil(promise: Promise<unknown>): void;
+  originalEvent: MouseEvent;
+  /** The handler's resolved value; `undefined` on `click` (it fires first). */
+  result?: unknown;
+  /**
+   * Extend the button's loading window over your own async work — the
+   * listener-side equivalent of binding `handler`:
+   *
+   *   `@click="e => e.detail.waitUntil(save())"`
+   */
+  waitUntil(promise: Promise<unknown>): void;
 }
 /** Detail of `throttle` / `debounce`. Same shape, `result` populated. */
 export type ButtonRateLimitEventDetail = ButtonClickEventDetail;
 export interface ButtonLoadingChangeEventDetail {
-    /** Whether the button is currently self-driving a loading state. */
-    loading: boolean;
-    /** `pending` = waiting out the debounce/throttle, `running` = work in flight. */
-    phase: RateLimitPhase;
+  /** Whether the button is currently self-driving a loading state. */
+  loading: boolean;
+  /** `pending` = waiting out the debounce/throttle, `running` = work in flight. */
+  phase: RateLimitPhase;
 }
 export type ButtonClickEvent = CustomEvent<ButtonClickEventDetail>;
 export type ButtonRateLimitEvent = CustomEvent<ButtonRateLimitEventDetail>;
 export type ButtonLoadingChangeEvent = CustomEvent<ButtonLoadingChangeEventDetail>;
 export interface ButtonEvents {
-    click: ButtonClickEvent;
-    throttle: ButtonRateLimitEvent;
-    debounce: ButtonRateLimitEvent;
-    'loading-change': ButtonLoadingChangeEvent;
-    loadingChange: ButtonLoadingChangeEvent;
-    'mno-click': ButtonClickEvent;
-    mnoClick: ButtonClickEvent;
-    'mno-throttle': ButtonRateLimitEvent;
-    mnoThrottle: ButtonRateLimitEvent;
-    'mno-debounce': ButtonRateLimitEvent;
-    mnoDebounce: ButtonRateLimitEvent;
-    'mno-loading-change': ButtonLoadingChangeEvent;
-    mnoLoadingChange: ButtonLoadingChangeEvent;
+  click: ButtonClickEvent;
+  throttle: ButtonRateLimitEvent;
+  debounce: ButtonRateLimitEvent;
+  'loading-change': ButtonLoadingChangeEvent;
+  loadingChange: ButtonLoadingChangeEvent;
+  'mno-click': ButtonClickEvent;
+  mnoClick: ButtonClickEvent;
+  'mno-throttle': ButtonRateLimitEvent;
+  mnoThrottle: ButtonRateLimitEvent;
+  'mno-debounce': ButtonRateLimitEvent;
+  mnoDebounce: ButtonRateLimitEvent;
+  'mno-loading-change': ButtonLoadingChangeEvent;
+  mnoLoadingChange: ButtonLoadingChangeEvent;
 }
 export interface IconProps {
-    size?: number;
-    class?: string;
+  size?: number;
+  class?: string;
 }
+//#endregion
+export type { DebounceConfig, RateLimitPhase, ThrottleConfig };

package/dist/src/components/button/button-utils.d.ts

@@ -1,4 +1,5 @@
-import { ButtonSize, ButtonColor, ButtonVariant, ButtonRounded, ButtonBadgeColor } from './button-types.js';
+import { ButtonBadgeColor, ButtonColor, ButtonRounded, ButtonSize, ButtonVariant } from "./button-types.js";
+//#region src/components/button/button-utils.d.ts
 /**
  * Generate badge CSS classes
  */
@@ -11,8 +12,9 @@ export declare function processIconContent(icon: string): string;
  * Validate button props
  */
 export declare function validateButtonProps(props: {
-    size?: ButtonSize;
-    color?: ButtonColor;
-    variant?: ButtonVariant;
-    rounded?: ButtonRounded;
+  size?: ButtonSize;
+  color?: ButtonColor;
+  variant?: ButtonVariant;
+  rounded?: ButtonRounded;
 }): boolean;
+//#endregion

package/dist/src/components/button/index.button-dropdown.d.ts

@@ -1,4 +1,6 @@
 /// <reference path="../../../vue.d.ts" />
-export { MonoButtonDropdown } from './mono-button-dropdown.js';
-export { MonoButtonDropdownCore } from './button-dropdown-core.js';
-export type { ButtonDropdownItem, ButtonDropdownProps, ButtonDropdownEvents, ButtonDropdownCssClass, ButtonDropdownPlacement, ButtonDropdownClickEventDetail, ButtonDropdownClickEvent, ButtonDropdownOpenEvent, ButtonDropdownCloseEvent, } from './button-dropdown-types.js';
+import { DropdownPlacement } from "../dropdown/dropdown-types.js";
+import { ButtonDropdownClickEvent, ButtonDropdownClickEventDetail, ButtonDropdownCloseEvent, ButtonDropdownCssClass, ButtonDropdownEvents, ButtonDropdownItem, ButtonDropdownOpenEvent, ButtonDropdownProps } from "./button-dropdown-types.js";
+import { MonoButtonDropdownCore } from "./button-dropdown-core.js";
+import { MonoButtonDropdown } from "./mono-button-dropdown.js";
+export { type ButtonDropdownClickEvent, type ButtonDropdownClickEventDetail, type ButtonDropdownCloseEvent, type ButtonDropdownCssClass, type ButtonDropdownEvents, type ButtonDropdownItem, type ButtonDropdownOpenEvent, type DropdownPlacement as ButtonDropdownPlacement, type ButtonDropdownProps, MonoButtonDropdown, MonoButtonDropdownCore };

package/dist/src/components/button/index.button-dropdown.shadow.d.ts

@@ -1,4 +1,6 @@
 /// <reference path="../../../vue.d.ts" />
-export { MonoButtonDropdownShadow } from './mono-button-dropdown.shadow.js';
-export { MonoButtonDropdownCore } from './button-dropdown-core.js';
-export type { ButtonDropdownItem, ButtonDropdownProps, ButtonDropdownEvents, ButtonDropdownCssClass, ButtonDropdownPlacement, ButtonDropdownClickEventDetail, ButtonDropdownClickEvent, ButtonDropdownOpenEvent, ButtonDropdownCloseEvent, } from './button-dropdown-types.js';
+import { DropdownPlacement } from "../dropdown/dropdown-types.js";
+import { ButtonDropdownClickEvent, ButtonDropdownClickEventDetail, ButtonDropdownCloseEvent, ButtonDropdownCssClass, ButtonDropdownEvents, ButtonDropdownItem, ButtonDropdownOpenEvent, ButtonDropdownProps } from "./button-dropdown-types.js";
+import { MonoButtonDropdownCore } from "./button-dropdown-core.js";
+import { MonoButtonDropdownShadow } from "./mono-button-dropdown.shadow.js";
+export { type ButtonDropdownClickEvent, type ButtonDropdownClickEventDetail, type ButtonDropdownCloseEvent, type ButtonDropdownCssClass, type ButtonDropdownEvents, type ButtonDropdownItem, type ButtonDropdownOpenEvent, type DropdownPlacement as ButtonDropdownPlacement, type ButtonDropdownProps, MonoButtonDropdownCore, MonoButtonDropdownShadow };

package/dist/src/components/button/index.d.ts

@@ -1,8 +1,5 @@
 /// <reference path="../../../vue.d.ts" />
-/**
- * Button Component Exports
- * Exports all button components, types, and utilities
- */
-export { MonoButton } from './mono-button.js';
-export type { ButtonSize, ButtonColor, ButtonVariant, ButtonRounded, ButtonIconPosition, ButtonBadgeColor, ButtonProps, ButtonAffixProps, ButtonEvents, IconProps, } from './button-types.js';
-export { generateBadgeClasses, processIconContent, validateButtonProps, } from './button-utils.js';
+import { ButtonAffixProps, ButtonBadgeColor, ButtonColor, ButtonEvents, ButtonIconPosition, ButtonProps, ButtonRounded, ButtonSize, ButtonVariant, IconProps } from "./button-types.js";
+import { generateBadgeClasses, processIconContent, validateButtonProps } from "./button-utils.js";
+import { MonoButton } from "./mono-button.js";
+export { type ButtonAffixProps, type ButtonBadgeColor, type ButtonColor, type ButtonEvents, type ButtonIconPosition, type ButtonProps, type ButtonRounded, type ButtonSize, type ButtonVariant, type IconProps, MonoButton, generateBadgeClasses, processIconContent, validateButtonProps };