@astryx-vue/core 0.3.0 → 0.4.0

package/dist/{DropdownMenuRadioItem.vue-CXEURBcq.d.ts → DropdownMenuRadioItem.vue-Qd-8Rg4Q.d.ts}

@@ -2,6 +2,234 @@ import { a as ButtonProps } from "./types-WlmsNL1I.js";
 import { n as LayerPlacement, t as LayerAlignment } from "./position-DFW5ymAF.js";
 import { f as ItemTarget } from "./types-DGYHIu4I.js";
 import { Component, VNodeChild } from "vue";
+//#region src/DropdownMenu/rowTypes.d.ts
+/** Visual variant of one menu row. */
+type DropdownMenuItemVariant = 'default' | 'destructive';
+interface DropdownMenuItemProps {
+  /**
+   * Primary label content. Use the `label` slot for rich content.
+   */
+  label?: string | number;
+  /**
+   * Secondary line below the label. Use the `description` slot for rich
+   * content.
+   */
+  description?: string | number;
+  /**
+   * Icon shown before the label.
+   *
+   * Pass a CSS icon class — for example an UnoCSS class such as
+   * `'i-carbon-copy'` — or a Vue component that draws the SVG. astryx-vue ships
+   * no icons of its own. Use the `icon` slot for arbitrary content.
+   */
+  icon?: string | Component;
+  /**
+   * Whether the row is disabled. A disabled row is skipped by the arrow keys
+   * and by typeahead.
+   * @default false
+   */
+  isDisabled?: boolean;
+  /**
+   * Visual variant. `destructive` renders the label, description, and icon in
+   * the error color for dangerous actions.
+   * @default 'default'
+   */
+  variant?: DropdownMenuItemVariant;
+  /**
+   * Whether activating the row closes the menu. Set `false` for an action that
+   * reports its result on the row itself.
+   * @default true
+   */
+  hasCloseOnSelect?: boolean;
+  /**
+   * Address the row navigates to. The row then renders as one anchor carrying
+   * `role="menuitem"`, so a modified click and a middle click keep the
+   * browser's meaning.
+   */
+  href?: string;
+  /**
+   * Link target. Only used with `href`.
+   */
+  target?: ItemTarget;
+  /**
+   * Link relationship. `noopener` and `noreferrer` are merged in for
+   * `target="_blank"`. Only used with `href`.
+   */
+  rel?: string;
+  /**
+   * Called when the row is activated. On a link row it runs before the browser
+   * navigates, and is skipped for a modified click, which the browser owns.
+   */
+  onClick?: (event: MouseEvent) => void;
+}
+interface DropdownMenuItemEmits {
+  /** Fired when the row is activated. */
+  click: [event: MouseEvent];
+}
+interface DropdownMenuItemSlots {
+  /** Rich content replacing the `icon` prop. */
+  icon?: () => VNodeChild;
+  /** Rich content replacing the `label` prop. */
+  label?: () => VNodeChild;
+  /** Rich content replacing the `description` prop. */
+  description?: () => VNodeChild;
+  /** Trailing content, such as a keyboard-shortcut hint. */
+  endContent?: () => VNodeChild;
+}
+interface DropdownMenuGroupProps {
+  /**
+   * Heading shown above the group's rows and used as the group's accessible
+   * name. Omit it for an unnamed group.
+   */
+  title?: string | number;
+}
+interface DropdownMenuGroupSlots {
+  /** The rows of the group. */
+  default?: () => VNodeChild;
+  /** Rich content replacing the `title` prop, still used as the group's name. */
+  title?: () => VNodeChild;
+}
+/**
+ * How a submenu shows its rows.
+ *
+ * `flyout` opens them beside the row. `drill-in` replaces the menu's rows
+ * with them and a Back row, in the same box. `adaptive` drills in when the
+ * menu opened on a compact touch surface and flies out otherwise.
+ */
+type DropdownMenuSubMenuPresentation = 'flyout' | 'drill-in' | 'adaptive';
+interface DropdownMenuSubMenuProps {
+  /** Row label. */
+  label?: string | number;
+  /** Icon before the label. A CSS class or a component. */
+  icon?: string | Component;
+  /** Secondary line under the label. */
+  description?: string | number;
+  /**
+   * Whether the row can open its flyout.
+   * @default false
+   */
+  isDisabled?: boolean;
+  /**
+   * Show a spinner in place of the caret, for a submenu whose rows are still
+   * loading. Opening still works; the spinner only replaces the caret.
+   * @default false
+   */
+  hasSpinner?: boolean;
+  /**
+   * Minimum width of the flyout. A length may grow for its content and is
+   * capped to the viewport. Defaults to the flyout's content, at least 160px.
+   */
+  menuWidth?: number | string;
+  /**
+   * How the submenu shows its rows.
+   * @default 'adaptive'
+   */
+  presentation?: DropdownMenuSubMenuPresentation;
+}
+interface DropdownMenuSubMenuEmits {
+  /** Fired when the flyout or the drilled view opens or closes. */
+  openChange: [isOpen: boolean];
+}
+interface DropdownMenuSubMenuSlots {
+  /** The rows of the nested menu. */
+  default?: () => VNodeChild;
+  icon?: () => VNodeChild;
+  label?: () => VNodeChild;
+  description?: () => VNodeChild;
+}
+interface DropdownMenuCheckboxItemProps {
+  /**
+   * Primary label content. Use the `label` slot for rich content.
+   */
+  label?: string | number;
+  /**
+   * Secondary line below the label.
+   */
+  description?: string | number;
+  /**
+   * Icon shown before the label. A CSS class or a component.
+   */
+  icon?: string | Component;
+  /**
+   * Whether the row is checked. Pair it with `v-model`.
+   */
+  modelValue: boolean;
+  /**
+   * Whether the row is disabled. A disabled row stays in the accessibility
+   * tree and is skipped by the arrow keys; activation is blocked.
+   * @default false
+   */
+  isDisabled?: boolean;
+  /**
+   * Whether toggling the row closes the menu. Checkbox rows stay open so
+   * several can be toggled without reopening the menu.
+   * @default false
+   */
+  hasCloseOnSelect?: boolean;
+}
+interface DropdownMenuCheckboxItemEmits {
+  /** Fired with the next checked state. */
+  change: [checked: boolean];
+}
+interface DropdownMenuCheckboxItemSlots {
+  icon?: () => VNodeChild;
+  label?: () => VNodeChild;
+  description?: () => VNodeChild;
+  endContent?: () => VNodeChild;
+}
+interface DropdownMenuRadioGroupProps {
+  /**
+   * The selected value. Leave it unset when nothing is selected yet. Pair it
+   * with `v-model`.
+   */
+  modelValue?: string;
+  /**
+   * Accessible name of the group. Required, so the options are announced as
+   * one named set. Pass `aria-labelledby` on the group when a visible element
+   * already names it.
+   */
+  label: string;
+  /**
+   * Whether choosing a value closes the menu. A radio group is a single
+   * choice, so it closes.
+   * @default true
+   */
+  hasCloseOnSelect?: boolean;
+}
+interface DropdownMenuRadioGroupEmits {
+  /** Fired with the next selected value. */
+  change: [value: string];
+}
+interface DropdownMenuRadioGroupSlots {
+  /** The `DropdownMenuRadioItem` options. */
+  default?: () => VNodeChild;
+}
+interface DropdownMenuRadioItemProps {
+  /**
+   * The value this option represents. The group's model matches it to decide
+   * the checked state.
+   */
+  value: string;
+  /** Primary label content. */
+  label?: string | number;
+  /** Secondary line below the label. */
+  description?: string | number;
+  /** Icon shown before the label. A CSS class or a component. */
+  icon?: string | Component;
+  /**
+   * Whether this option is disabled. It stays in the tree and cannot be
+   * selected.
+   * @default false
+   */
+  isDisabled?: boolean;
+}
+interface DropdownMenuRadioItemSlots {
+  icon?: () => VNodeChild;
+  label?: () => VNodeChild;
+  description?: () => VNodeChild;
+  endContent?: () => VNodeChild;
+}
+//#endregion
 //#region src/DropdownMenu/types.d.ts
 /** Size of the menu, derived from the trigger button's size. */
 type DropdownMenuSize = 'sm' | 'md' | 'lg';
@@ -12,8 +240,6 @@ type DropdownMenuSize = 'sm' | 'md' | 'lg';
  * `adaptive` uses the sheet only on a compact touch surface.
  */
 type DropdownMenuPresentation = 'adaptive' | 'bottom-sheet' | 'popover';
-/** Visual variant of one menu row. */
-type DropdownMenuItemVariant = 'default' | 'destructive';
 /**
  * The trigger button's properties.
  *
@@ -33,13 +259,17 @@ type DropdownMenuButtonProps = Omit<ButtonProps, 'clickAction'>;
 interface DropdownMenuTriggerProps {
   /** The control's id; the menu points at it with `aria-labelledby`. */
   'id': string;
-  'aria-haspopup': 'menu';
+  'aria-haspopup': 'menu' | 'dialog';
   'aria-expanded': boolean;
   'aria-controls': string;
   /** Toggles the menu. */
   'onClick': (event: MouseEvent) => void;
   /** Opens on Enter, Space, ArrowDown and ArrowUp; while open, ArrowDown walks into the menu. */
   'onKeyDown': (event: KeyboardEvent) => void;
+  /** Pointer dismissal suppresses the ring; a later keyboard focus clears it. */
+  'onFocus': () => void;
+  /** `'off'` while a pointer dismissal is hiding the trigger's focus ring. */
+  'data-astryx-focus-ring'?: 'off';
 }
 /** One action row of the `items` data API. */
 interface DropdownMenuItemData {
@@ -196,7 +426,7 @@ interface DropdownMenuProps {
   /**
    * The design system's own button as the trigger. Ignored when the `trigger`
    * slot renders a control instead.
-   * @default { label: 'Menu' }
+   * @default the active locale (`{ label: 'Menu' }` in English)
    */
   button?: DropdownMenuButtonProps;
   /**
@@ -270,234 +500,10 @@ interface DropdownMenuSlots {
   header?: () => VNodeChild;
   /**
    * Content below the rows and outside the menu: a creation button, a note.
-   * Tab from the last control here closes the menu.
+   * With a header or footer, Tab cycles inside the dialog and does not close it.
    */
   footer?: () => VNodeChild;
 }
-interface DropdownMenuItemProps {
-  /**
-   * Primary label content. Use the `label` slot for rich content.
-   */
-  label?: string | number;
-  /**
-   * Secondary line below the label. Use the `description` slot for rich
-   * content.
-   */
-  description?: string | number;
-  /**
-   * Icon shown before the label.
-   *
-   * Pass a CSS icon class — for example an UnoCSS class such as
-   * `'i-carbon-copy'` — or a Vue component that draws the SVG. astryx-vue ships
-   * no icons of its own. Use the `icon` slot for arbitrary content.
-   */
-  icon?: string | Component;
-  /**
-   * Whether the row is disabled. A disabled row is skipped by the arrow keys
-   * and by typeahead.
-   * @default false
-   */
-  isDisabled?: boolean;
-  /**
-   * Visual variant. `destructive` renders the label, description, and icon in
-   * the error color for dangerous actions.
-   * @default 'default'
-   */
-  variant?: DropdownMenuItemVariant;
-  /**
-   * Whether activating the row closes the menu. Set `false` for an action that
-   * reports its result on the row itself.
-   * @default true
-   */
-  hasCloseOnSelect?: boolean;
-  /**
-   * Address the row navigates to. The row then renders as one anchor carrying
-   * `role="menuitem"`, so a modified click and a middle click keep the
-   * browser's meaning.
-   */
-  href?: string;
-  /**
-   * Link target. Only used with `href`.
-   */
-  target?: ItemTarget;
-  /**
-   * Link relationship. `noopener` and `noreferrer` are merged in for
-   * `target="_blank"`. Only used with `href`.
-   */
-  rel?: string;
-  /**
-   * Called when the row is activated. On a link row it runs before the browser
-   * navigates, and is skipped for a modified click, which the browser owns.
-   */
-  onClick?: (event: MouseEvent) => void;
-}
-interface DropdownMenuItemEmits {
-  /** Fired when the row is activated. */
-  click: [event: MouseEvent];
-}
-interface DropdownMenuItemSlots {
-  /** Rich content replacing the `icon` prop. */
-  icon?: () => VNodeChild;
-  /** Rich content replacing the `label` prop. */
-  label?: () => VNodeChild;
-  /** Rich content replacing the `description` prop. */
-  description?: () => VNodeChild;
-  /** Trailing content, such as a keyboard-shortcut hint. */
-  endContent?: () => VNodeChild;
-}
-interface DropdownMenuGroupProps {
-  /**
-   * Heading shown above the group's rows and used as the group's accessible
-   * name. Omit it for an unnamed group.
-   */
-  title?: string | number;
-}
-interface DropdownMenuGroupSlots {
-  /** The rows of the group. */
-  default?: () => VNodeChild;
-  /** Rich content replacing the `title` prop, still used as the group's name. */
-  title?: () => VNodeChild;
-}
-/**
- * How a submenu shows its rows.
- *
- * `flyout` opens them beside the row. `drill-in` replaces the menu's rows
- * with them and a Back row, in the same box. `adaptive` drills in when the
- * menu opened on a compact touch surface and flies out otherwise.
- */
-type DropdownMenuSubMenuPresentation = 'flyout' | 'drill-in' | 'adaptive';
-interface DropdownMenuSubMenuProps {
-  /** Row label. */
-  label?: string | number;
-  /** Icon before the label. A CSS class or a component. */
-  icon?: string | Component;
-  /** Secondary line under the label. */
-  description?: string | number;
-  /**
-   * Whether the row can open its flyout.
-   * @default false
-   */
-  isDisabled?: boolean;
-  /**
-   * Show a spinner in place of the caret, for a submenu whose rows are still
-   * loading. Opening still works; the spinner only replaces the caret.
-   * @default false
-   */
-  hasSpinner?: boolean;
-  /**
-   * Minimum width of the flyout. A length may grow for its content and is
-   * capped to the viewport. Defaults to the flyout's content, at least 160px.
-   */
-  menuWidth?: number | string;
-  /**
-   * How the submenu shows its rows.
-   * @default 'adaptive'
-   */
-  presentation?: DropdownMenuSubMenuPresentation;
-}
-interface DropdownMenuSubMenuEmits {
-  /** Fired when the flyout or the drilled view opens or closes. */
-  openChange: [isOpen: boolean];
-}
-interface DropdownMenuSubMenuSlots {
-  /** The rows of the nested menu. */
-  default?: () => VNodeChild;
-  icon?: () => VNodeChild;
-  label?: () => VNodeChild;
-  description?: () => VNodeChild;
-}
-interface DropdownMenuCheckboxItemProps {
-  /**
-   * Primary label content. Use the `label` slot for rich content.
-   */
-  label?: string | number;
-  /**
-   * Secondary line below the label.
-   */
-  description?: string | number;
-  /**
-   * Icon shown before the label. A CSS class or a component.
-   */
-  icon?: string | Component;
-  /**
-   * Whether the row is checked. Pair it with `v-model`.
-   */
-  modelValue: boolean;
-  /**
-   * Whether the row is disabled. A disabled row stays in the accessibility
-   * tree and is skipped by the arrow keys; activation is blocked.
-   * @default false
-   */
-  isDisabled?: boolean;
-  /**
-   * Whether toggling the row closes the menu. Checkbox rows stay open so
-   * several can be toggled without reopening the menu.
-   * @default false
-   */
-  hasCloseOnSelect?: boolean;
-}
-interface DropdownMenuCheckboxItemEmits {
-  /** Fired with the next checked state. */
-  change: [checked: boolean];
-}
-interface DropdownMenuCheckboxItemSlots {
-  icon?: () => VNodeChild;
-  label?: () => VNodeChild;
-  description?: () => VNodeChild;
-  endContent?: () => VNodeChild;
-}
-interface DropdownMenuRadioGroupProps {
-  /**
-   * The selected value. Leave it unset when nothing is selected yet. Pair it
-   * with `v-model`.
-   */
-  modelValue?: string;
-  /**
-   * Accessible name of the group. Required, so the options are announced as
-   * one named set. Pass `aria-labelledby` on the group when a visible element
-   * already names it.
-   */
-  label: string;
-  /**
-   * Whether choosing a value closes the menu. A radio group is a single
-   * choice, so it closes.
-   * @default true
-   */
-  hasCloseOnSelect?: boolean;
-}
-interface DropdownMenuRadioGroupEmits {
-  /** Fired with the next selected value. */
-  change: [value: string];
-}
-interface DropdownMenuRadioGroupSlots {
-  /** The `DropdownMenuRadioItem` options. */
-  default?: () => VNodeChild;
-}
-interface DropdownMenuRadioItemProps {
-  /**
-   * The value this option represents. The group's model matches it to decide
-   * the checked state.
-   */
-  value: string;
-  /** Primary label content. */
-  label?: string | number;
-  /** Secondary line below the label. */
-  description?: string | number;
-  /** Icon shown before the label. A CSS class or a component. */
-  icon?: string | Component;
-  /**
-   * Whether this option is disabled. It stays in the tree and cannot be
-   * selected.
-   * @default false
-   */
-  isDisabled?: boolean;
-}
-interface DropdownMenuRadioItemSlots {
-  icon?: () => VNodeChild;
-  label?: () => VNodeChild;
-  description?: () => VNodeChild;
-  endContent?: () => VNodeChild;
-}
 //#endregion
 //#region src/DropdownMenu/DropdownMenuCheckboxItem.vue.d.ts
 type __VLS_Props$1 = Omit<DropdownMenuCheckboxItemProps, 'modelValue'>;
@@ -561,4 +567,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { DropdownMenuSize as A, DropdownMenuRadioGroupEmits as C, DropdownMenuRadioItemSlots as D, DropdownMenuRadioItemProps as E, DropdownMenuSubMenuSlots as F, DropdownMenuTriggerProps as I, DropdownMenuSubMenuEmits as M, DropdownMenuSubMenuPresentation as N, DropdownMenuRadioOptionData as O, DropdownMenuSubMenuProps as P, DropdownMenuRadioData as S, DropdownMenuRadioGroupSlots as T, DropdownMenuItemSlots as _, DropdownMenuCheckboxData as a, DropdownMenuPresentation as b, DropdownMenuCheckboxItemSlots as c, DropdownMenuEntry as d, DropdownMenuGroupProps as f, DropdownMenuItemProps as g, DropdownMenuItemEmits as h, DropdownMenuButtonProps as i, DropdownMenuSlots as j, DropdownMenuSection as k, DropdownMenuDividerData as l, DropdownMenuItemData as m, _default$1 as n, DropdownMenuCheckboxItemEmits as o, DropdownMenuGroupSlots as p, _default$2 as r, DropdownMenuCheckboxItemProps as s, _default as t, DropdownMenuEmits as u, DropdownMenuItemVariant as v, DropdownMenuRadioGroupProps as w, DropdownMenuProps as x, DropdownMenuOption as y };
+export { DropdownMenuRadioGroupSlots as A, DropdownMenuGroupSlots as C, DropdownMenuItemVariant as D, DropdownMenuItemSlots as E, DropdownMenuSubMenuProps as F, DropdownMenuSubMenuSlots as I, DropdownMenuRadioItemSlots as M, DropdownMenuSubMenuEmits as N, DropdownMenuRadioGroupEmits as O, DropdownMenuSubMenuPresentation as P, DropdownMenuGroupProps as S, DropdownMenuItemProps as T, DropdownMenuSlots as _, DropdownMenuCheckboxData as a, DropdownMenuCheckboxItemProps as b, DropdownMenuEntry as c, DropdownMenuPresentation as d, DropdownMenuProps as f, DropdownMenuSize as g, DropdownMenuSection as h, DropdownMenuButtonProps as i, DropdownMenuRadioItemProps as j, DropdownMenuRadioGroupProps as k, DropdownMenuItemData as l, DropdownMenuRadioOptionData as m, _default$1 as n, DropdownMenuDividerData as o, DropdownMenuRadioData as p, _default$2 as r, DropdownMenuEmits as s, _default as t, DropdownMenuOption as u, DropdownMenuTriggerProps as v, DropdownMenuItemEmits as w, DropdownMenuCheckboxItemSlots as x, DropdownMenuCheckboxItemEmits as y };

package/dist/EmptyState/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../EmptyState-C_GH7IV5.js";
+import { t as _sfc_main } from "../EmptyState-CmOQf2SH.js";
 export { _sfc_main as EmptyState };

package/dist/{EmptyState-C_GH7IV5.js → EmptyState-CmOQf2SH.js}

@@ -1,5 +1,5 @@
-import { t as _sfc_main$1 } from "./Heading-BnwWEWkp.js";
-import { t as _sfc_main$2 } from "./Text-CV3LmscH.js";
+import { t as _sfc_main$1 } from "./Heading-BzBunfN7.js";
+import { t as _sfc_main$2 } from "./Text-CmTOgYXf.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, renderSlot, toDisplayString, useTemplateRef, withCtx } from "vue";
 import "../styles/empty-state.css";
 //#region src/EmptyState/EmptyState.vue

package/dist/Field/index.d.ts

@@ -1,3 +1,4 @@
-import { a as FieldSlots, c as FieldStatusType, i as FieldSlotProps, l as FieldStatusVariant, n as FieldLabelSlots, o as FieldStatusInput, r as FieldProps, s as FieldStatusProps, t as FieldLabelProps } from "../types-0Q_SJv_F.js";
-import { n as _default, t as _default$1 } from "../index-C5e-7Obr.js";
-export { _default as Field, _default$1 as FieldLabel, type FieldLabelProps, type FieldLabelSlots, type FieldProps, type FieldSlotProps, type FieldSlots, type FieldStatusInput, type FieldStatusProps, type FieldStatusType, type FieldStatusVariant };
+import { a as FieldSlots, c as FieldStatusType, i as FieldSlotProps, l as FieldStatusVariant, n as FieldLabelSlots, o as FieldStatusInput, r as FieldProps, s as FieldStatusProps, t as FieldLabelProps } from "../types-Bb7OGivY.js";
+import { t as FieldPartStylingProps } from "../fieldParts-LXpQMKE8.js";
+import { n as _default$1, r as _default, t as _default$2 } from "../index-Dj1_1t3j.js";
+export { _default as Field, _default$1 as FieldLabel, type FieldLabelProps, type FieldLabelSlots, type FieldPartStylingProps, type FieldProps, type FieldSlotProps, type FieldSlots, type FieldStatusInput, type FieldStatusProps, type FieldStatusType, type FieldStatusVariant, _default$2 as InputClearButton };

package/dist/Field/index.js

@@ -1,3 +1,4 @@
-import { t as _sfc_main$1 } from "../FieldLabel-BNeXRuGH.js";
-import { t as _sfc_main } from "../Field-D5gUEGw4.js";
-export { _sfc_main as Field, _sfc_main$1 as FieldLabel };
+import { t as _sfc_main$1 } from "../FieldLabel-jxIiWgLw.js";
+import { t as _sfc_main } from "../Field--OEsLBfE.js";
+import { t as _sfc_main$2 } from "../InputClearButton-CwXPan8c.js";
+export { _sfc_main as Field, _sfc_main$1 as FieldLabel, _sfc_main$2 as InputClearButton };

package/dist/{Field-D5gUEGw4.js → Field--OEsLBfE.js}

@@ -1,5 +1,5 @@
-import { a as useFormLayout } from "./context-Cfjh8te1.js";
-import { t as _sfc_main$1 } from "./FieldLabel-BNeXRuGH.js";
+import { a as useFormLayout } from "./context-Cfml4jaK.js";
+import { t as _sfc_main$1 } from "./FieldLabel-jxIiWgLw.js";
 import { t as _sfc_main$2 } from "./FieldStatus-MjY19ERl.js";
 import { computed, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, normalizeProps, normalizeStyle, openBlock, renderSlot, useTemplateRef, withCtx } from "vue";
 import "../styles/field.css";
@@ -30,7 +30,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		labelIcon: {},
 		labelTooltip: {},
 		optionalLabel: {},
-		requiredLabel: {}
+		requiredLabel: {},
+		targetClass: {}
 	},
 	setup(__props, { expose: __expose }) {
 		const props = __props;

package/dist/{FieldInfoTip-Ds-sW_jY.js → FieldInfoTip-gxsnfkZw.js}

@@ -1,7 +1,7 @@
-import { n as useButtonTooltip } from "./Button-B6Hj_O_s.js";
-import { t as _sfc_main$1 } from "./ButtonTooltip-nWWrth8j.js";
+import { n as useButtonTooltip } from "./Button-ONOoHdkg.js";
+import { t as _sfc_main$1 } from "./ButtonTooltip-CNKOQHYR.js";
 import { t as _sfc_main$2 } from "./FieldIcon--NTgW5IU.js";
-import { t as _sfc_main$3 } from "./IconButton-DDNgNl7B.js";
+import { t as _sfc_main$3 } from "./IconButton-DI-XBbtV.js";
 import { Fragment, computed, createElementBlock, createVNode, defineComponent, onScopeDispose, openBlock, shallowRef, unref, useId, useTemplateRef, watch, withCtx } from "vue";
 //#region src/Field/FieldInfoTip.vue
 const _sfc_main = /*@__PURE__*/ defineComponent({

package/dist/{FieldLabel-BNeXRuGH.js → FieldLabel-jxIiWgLw.js}

@@ -1,7 +1,7 @@
-import { t as _sfc_main$1 } from "./FieldInfoTip-Ds-sW_jY.js";
-import { t as _sfc_main$2 } from "./Icon-bteSId7T.js";
-import { a as useFormLayout, n as showsOptionalIndicator, r as showsRequiredIndicator } from "./context-Cfjh8te1.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, toRaw, useTemplateRef, withCtx } from "vue";
+import { t as _sfc_main$1 } from "./FieldInfoTip-gxsnfkZw.js";
+import { t as _sfc_main$2 } from "./Icon-KDnUyY7f.js";
+import { a as useFormLayout, n as showsOptionalIndicator, r as showsRequiredIndicator } from "./context-Cfml4jaK.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, toRaw, useTemplateRef, withCtx } from "vue";
 import "../styles/field.css";
 //#region src/Field/FieldLabel.vue
 const _hoisted_1 = ["data-hidden", "data-disabled"];
@@ -33,7 +33,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		labelIcon: {},
 		labelTooltip: {},
 		optionalLabel: { default: "Optional" },
-		requiredLabel: { default: "Required" }
+		requiredLabel: { default: "Required" },
+		targetClass: {}
 	},
 	setup(__props, { expose: __expose }) {
 		const props = __props;
@@ -65,7 +66,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			}, [createElementVNode("div", _hoisted_2, [(openBlock(), createBlock(resolveDynamicComponent(__props.isGroupLabel ? "span" : "label"), {
 				id: labelId.value,
 				ref: "label",
-				class: "astryx-field-label",
+				class: normalizeClass(["astryx-field-label", __props.targetClass]),
 				for: __props.isGroupLabel ? void 0 : __props.inputId
 			}, {
 				default: withCtx(() => [
@@ -78,7 +79,11 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					showOptional.value || showRequired.value ? (openBlock(), createElementBlock("span", _hoisted_4, [_cache[0] || (_cache[0] = createElementVNode("span", { "aria-hidden": "true" }, " ∙ ", -1)), createTextVNode(toDisplayString(showOptional.value ? __props.optionalLabel : __props.requiredLabel), 1)])) : createCommentVNode("v-if", true)
 				]),
 				_: 3
-			}, 8, ["id", "for"])), __props.labelTooltip ? (openBlock(), createBlock(_sfc_main$1, {
+			}, 8, [
+				"id",
+				"class",
+				"for"
+			])), __props.labelTooltip ? (openBlock(), createBlock(_sfc_main$1, {
 				key: 0,
 				text: __props.labelTooltip
 			}, null, 8, ["text"])) : createCommentVNode("v-if", true)]), __props.description ? (openBlock(), createElementBlock("span", {

package/dist/FieldStatus/index.d.ts

@@ -1,2 +1,2 @@
-import { t as _default } from "../index-DIXAzTKL.js";
+import { t as _default } from "../index-DxxudRgB.js";
 export { _default as FieldStatus };

package/dist/FileInput/index.d.ts

@@ -1,2 +1,2 @@
-import { di as FileInputEmits, fi as FileInputMode, gi as FileInputValue, hi as FileInputStatus, mi as FileInputSize, pi as FileInputProps, ui as _default } from "../index-DUaLJO7l.js";
+import { _i as FileInputValue, di as _default, fi as FileInputEmits, gi as FileInputStatus, hi as FileInputSize, mi as FileInputProps, pi as FileInputMode } from "../index-CpNlPLBF.js";
 export { _default as FileInput, type FileInputEmits, type FileInputMode, type FileInputProps, type FileInputSize, type FileInputStatus, type FileInputValue };

package/dist/FileInput/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../FileInput-BpdiO1V8.js";
+import { t as _sfc_main } from "../FileInput-B_pUxB0Y.js";
 export { _sfc_main as FileInput };