@nuxt/ui 4.11.1 → 4.11.3

package/dist/runtime/components/Stepper.d.vue.ts

@@ -18,7 +18,7 @@ export interface StepperItem {
     content?: string;
     disabled?: boolean;
     class?: any;
-    ui?: Pick<Stepper['slots'], 'item' | 'container' | 'trigger' | 'indicator' | 'icon' | 'separator' | 'wrapper' | 'title' | 'description'>;
+    ui?: Partial<Pick<Stepper['slots'], 'item' | 'container' | 'trigger' | 'indicator' | 'icon' | 'separator' | 'wrapper' | 'title' | 'description'>>;
     [key: string]: any;
 }
 export interface StepperProps<T extends StepperItem = StepperItem> extends Pick<StepperRootProps, 'linear'> {

package/dist/runtime/components/Stepper.vue.d.ts

@@ -18,7 +18,7 @@ export interface StepperItem {
     content?: string;
     disabled?: boolean;
     class?: any;
-    ui?: Pick<Stepper['slots'], 'item' | 'container' | 'trigger' | 'indicator' | 'icon' | 'separator' | 'wrapper' | 'title' | 'description'>;
+    ui?: Partial<Pick<Stepper['slots'], 'item' | 'container' | 'trigger' | 'indicator' | 'icon' | 'separator' | 'wrapper' | 'title' | 'description'>>;
     [key: string]: any;
 }
 export interface StepperProps<T extends StepperItem = StepperItem> extends Pick<StepperRootProps, 'linear'> {

package/dist/runtime/components/Table.vue

@@ -259,12 +259,15 @@ function onRowSelect(e, row) {
     return;
   }
   const target = e.target;
-  const isInteractive = target.closest("button") || target.closest("a");
+  const isInteractive = target.closest("a, button, input, label, select, textarea");
   if (isInteractive) {
     return;
   }
   e.preventDefault();
   e.stopPropagation();
+  if (e.repeat) {
+    return;
+  }
   props.onSelect(e, row);
 }
 function onRowHover(e, row) {
@@ -299,6 +302,24 @@ function getColumnStyles(column) {
   }
   return styles;
 }
+function isSortable(column) {
+  return column.columnDef.enableSorting === true && column.getCanSort();
+}
+function getAriaSort(header) {
+  if (header.isPlaceholder || !isSortable(header.column)) {
+    return void 0;
+  }
+  const sorted = header.column.getIsSorted();
+  if (!sorted) {
+    return "none";
+  }
+  const sortableIds = new Set(tableApi.getVisibleLeafColumns().filter(isSortable).map((column) => column.id));
+  const primary = tableApi.getState().sorting.find(({ id }) => sortableIds.has(id));
+  if (primary?.id !== header.column.id) {
+    return "none";
+  }
+  return sorted === "asc" ? "ascending" : "descending";
+}
 watch(() => props.data, () => {
   data.value = props.data ? [...props.data] : [];
 }, props.watchOptions);
@@ -318,7 +339,6 @@ defineExpose({
       :data-selectable="!!props.onSelect || !!props.onHover || !!props.onContextmenu"
       :data-expanded="row.getIsExpanded()"
       :data-pinned="row.getIsPinned() || void 0"
-      :role="props.onSelect ? 'button' : void 0"
       :tabindex="props.onSelect ? 0 : void 0"
       data-slot="tr"
       :class="ui.tr({
@@ -329,6 +349,7 @@ defineExpose({
 })"
       :style="[resolveValue(tableApi.options.meta?.style?.tr, row), style]"
       @click="onRowSelect($event, row)"
+      @keydown.self.exact.enter.space="onRowSelect($event, row)"
       @pointerenter="onRowHover($event, row)"
       @pointerleave="onRowHover($event, null)"
       @contextmenu="onRowContextmenu($event, row)"
@@ -382,6 +403,7 @@ defineExpose({
             :scope="header.colSpan > 1 ? 'colgroup' : 'col'"
             :colspan="header.colSpan > 1 ? header.colSpan : void 0"
             :rowspan="header.rowSpan > 1 ? header.rowSpan : void 0"
+            :aria-sort="getAriaSort(header)"
             data-slot="th"
             :class="ui.th({
   class: [

package/dist/runtime/components/Tabs.d.vue.ts

@@ -30,7 +30,7 @@ export interface TabsItem {
     value?: string | number;
     disabled?: boolean;
     class?: any;
-    ui?: Pick<Tabs['slots'], 'trigger' | 'leadingIcon' | 'leadingAvatar' | 'leadingAvatarSize' | 'label' | 'trailingBadge' | 'trailingBadgeSize' | 'content'>;
+    ui?: Partial<Pick<Tabs['slots'], 'trigger' | 'leadingIcon' | 'leadingAvatar' | 'leadingAvatarSize' | 'label' | 'trailingBadge' | 'trailingBadgeSize' | 'content'>>;
     [key: string]: any;
 }
 export interface TabsProps<T extends TabsItem = TabsItem> extends Pick<TabsRootProps<string | number>, 'defaultValue' | 'modelValue' | 'activationMode' | 'unmountOnHide'> {

package/dist/runtime/components/Tabs.vue.d.ts

@@ -30,7 +30,7 @@ export interface TabsItem {
     value?: string | number;
     disabled?: boolean;
     class?: any;
-    ui?: Pick<Tabs['slots'], 'trigger' | 'leadingIcon' | 'leadingAvatar' | 'leadingAvatarSize' | 'label' | 'trailingBadge' | 'trailingBadgeSize' | 'content'>;
+    ui?: Partial<Pick<Tabs['slots'], 'trigger' | 'leadingIcon' | 'leadingAvatar' | 'leadingAvatarSize' | 'label' | 'trailingBadge' | 'trailingBadgeSize' | 'content'>>;
     [key: string]: any;
 }
 export interface TabsProps<T extends TabsItem = TabsItem> extends Pick<TabsRootProps<string | number>, 'defaultValue' | 'modelValue' | 'activationMode' | 'unmountOnHide'> {

package/dist/runtime/components/Textarea.vue

@@ -10,7 +10,7 @@ import { useAppConfig } from "#imports";
 import { useComponentProps } from "../composables/useComponentProps";
 import { useComponentIcons } from "../composables/useComponentIcons";
 import { useFormField } from "../composables/useFormField";
-import { looseToNumber } from "../utils";
+import { isEmpty, looseToNumber } from "../utils";
 import { tv } from "../utils/tv";
 import UIcon from "./Icon.vue";
 import UAvatar from "./Avatar.vue";
@@ -77,11 +77,11 @@ function updateInput(value) {
   if (props.modelModifiers?.number) {
     value = looseToNumber(value);
   }
-  if (props.modelModifiers?.nullable) {
-    value ||= null;
+  if (props.modelModifiers?.nullable && isEmpty(value)) {
+    value = null;
   }
-  if (props.modelModifiers?.optional && !props.modelModifiers?.nullable && value !== null) {
-    value ||= void 0;
+  if (props.modelModifiers?.optional && !props.modelModifiers?.nullable && value !== null && isEmpty(value)) {
+    value = void 0;
   }
   modelValue.value = value;
   emitFormInput();

package/dist/runtime/components/Timeline.d.vue.ts

@@ -15,7 +15,7 @@ export interface TimelineItem {
     value?: string | number;
     slot?: string;
     class?: any;
-    ui?: Pick<Timeline['slots'], 'item' | 'container' | 'indicator' | 'separator' | 'wrapper' | 'date' | 'title' | 'description'>;
+    ui?: Partial<Pick<Timeline['slots'], 'item' | 'container' | 'indicator' | 'separator' | 'wrapper' | 'date' | 'title' | 'description'>>;
     [key: string]: any;
 }
 export interface TimelineProps<T extends TimelineItem = TimelineItem> {

package/dist/runtime/components/Timeline.vue.d.ts

@@ -15,7 +15,7 @@ export interface TimelineItem {
     value?: string | number;
     slot?: string;
     class?: any;
-    ui?: Pick<Timeline['slots'], 'item' | 'container' | 'indicator' | 'separator' | 'wrapper' | 'date' | 'title' | 'description'>;
+    ui?: Partial<Pick<Timeline['slots'], 'item' | 'container' | 'indicator' | 'separator' | 'wrapper' | 'date' | 'title' | 'description'>>;
     [key: string]: any;
 }
 export interface TimelineProps<T extends TimelineItem = TimelineItem> {

package/dist/runtime/components/Toaster.vue

@@ -81,7 +81,7 @@ function getOffset(index) {
       :key="toast.id"
       ref="refs"
       :progress="props.progress"
-      v-bind="omit(toast, ['id', 'close', '_duplicate', '_updated'])"
+      v-bind="omit(toast, ['id', 'close', '_duplicate', '_updated', 'onClick'])"
       :close="toast.close"
       :data-expanded="expanded"
       :data-front="!expanded && index === toasts.length - 1"

package/dist/runtime/components/Tree.d.vue.ts

@@ -23,7 +23,7 @@ export type TreeItem = {
     onToggle?: (e: TreeItemToggleEvent<TreeItem>) => void;
     onSelect?: (e: TreeItemSelectEvent<TreeItem>) => void;
     class?: any;
-    ui?: Pick<Tree['slots'], 'item' | 'itemWithChildren' | 'link' | 'linkLeadingIcon' | 'linkLabel' | 'linkTrailing' | 'linkTrailingIcon' | 'listWithChildren'>;
+    ui?: Partial<Pick<Tree['slots'], 'item' | 'itemWithChildren' | 'link' | 'linkLeadingIcon' | 'linkLabel' | 'linkTrailing' | 'linkTrailingIcon' | 'listWithChildren'>>;
     [key: string]: any;
 };
 export interface TreeProps<T extends TreeItem[] = TreeItem[], M extends boolean = false> extends Pick<TreeRootProps<T>, 'expanded' | 'defaultExpanded' | 'selectionBehavior' | 'propagateSelect' | 'disabled' | 'bubbleSelect'> {

package/dist/runtime/components/Tree.vue

@@ -66,7 +66,7 @@ const flattenedPaddingFormula = computed(() => {
     xl: { base: 3, perLevel: 7.5 }
     // px-3, ms-6 + ps-1.5
   };
-  const config = sizeConfig[props.size || "md"];
+  const config = sizeConfig[props.size] ?? sizeConfig.md;
   return (level) => `calc(var(--spacing) * ${(level - 1) * config.perLevel + config.base})`;
 });
 const virtualizerProps = toRef(() => {

package/dist/runtime/components/Tree.vue.d.ts

@@ -23,7 +23,7 @@ export type TreeItem = {
     onToggle?: (e: TreeItemToggleEvent<TreeItem>) => void;
     onSelect?: (e: TreeItemSelectEvent<TreeItem>) => void;
     class?: any;
-    ui?: Pick<Tree['slots'], 'item' | 'itemWithChildren' | 'link' | 'linkLeadingIcon' | 'linkLabel' | 'linkTrailing' | 'linkTrailingIcon' | 'listWithChildren'>;
+    ui?: Partial<Pick<Tree['slots'], 'item' | 'itemWithChildren' | 'link' | 'linkLeadingIcon' | 'linkLabel' | 'linkTrailing' | 'linkTrailingIcon' | 'listWithChildren'>>;
     [key: string]: any;
 };
 export interface TreeProps<T extends TreeItem[] = TreeItem[], M extends boolean = false> extends Pick<TreeRootProps<T>, 'expanded' | 'defaultExpanded' | 'selectionBehavior' | 'propagateSelect' | 'disabled' | 'bubbleSelect'> {

package/dist/runtime/components/content/ContentNavigation.d.vue.ts

@@ -28,7 +28,7 @@ export interface ContentNavigationLink extends ContentNavigationItem {
     defaultOpen?: boolean;
     active?: boolean;
     class?: any;
-    ui?: Pick<ContentNavigation['slots'], 'link' | 'linkLeadingIcon' | 'linkTitle' | 'linkTrailing' | 'linkTrailingIcon' | 'linkTrailingBadge' | 'linkTrailingBadgeSize' | 'linkTrailingIcon' | 'linkTitleExternalIcon' | 'trigger' | 'content' | 'item' | 'itemWithChildren'>;
+    ui?: Partial<Pick<ContentNavigation['slots'], 'link' | 'linkLeadingIcon' | 'linkTitle' | 'linkTrailing' | 'linkTrailingIcon' | 'linkTrailingBadge' | 'linkTrailingBadgeSize' | 'linkTrailingIcon' | 'linkTitleExternalIcon' | 'trigger' | 'content' | 'item' | 'itemWithChildren'>>;
 }
 export interface ContentNavigationProps<T extends ContentNavigationLink = ContentNavigationLink> extends Pick<AccordionRootProps, 'disabled' | 'type' | 'unmountOnHide'> {
     /**

package/dist/runtime/components/content/ContentNavigation.vue.d.ts

@@ -28,7 +28,7 @@ export interface ContentNavigationLink extends ContentNavigationItem {
     defaultOpen?: boolean;
     active?: boolean;
     class?: any;
-    ui?: Pick<ContentNavigation['slots'], 'link' | 'linkLeadingIcon' | 'linkTitle' | 'linkTrailing' | 'linkTrailingIcon' | 'linkTrailingBadge' | 'linkTrailingBadgeSize' | 'linkTrailingIcon' | 'linkTitleExternalIcon' | 'trigger' | 'content' | 'item' | 'itemWithChildren'>;
+    ui?: Partial<Pick<ContentNavigation['slots'], 'link' | 'linkLeadingIcon' | 'linkTitle' | 'linkTrailing' | 'linkTrailingIcon' | 'linkTrailingBadge' | 'linkTrailingBadgeSize' | 'linkTrailingIcon' | 'linkTitleExternalIcon' | 'trigger' | 'content' | 'item' | 'itemWithChildren'>>;
 }
 export interface ContentNavigationProps<T extends ContentNavigationLink = ContentNavigationLink> extends Pick<AccordionRootProps, 'disabled' | 'type' | 'unmountOnHide'> {
     /**

package/dist/runtime/components/content/ContentSearch.vue

@@ -62,7 +62,7 @@ const _props = defineProps({
 const slots = defineSlots();
 const props = useComponentProps("contentSearch", _props);
 const searchTerm = defineModel("searchTerm", { type: String, ...{ default: "" } });
-const { t } = useLocale();
+const { t, locale } = useLocale();
 const { open, mapNavigationItems, mapLinks, mapSearchResults, postFilter } = useContentSearch();
 const colorMode = useColorMode();
 const appConfig = useAppConfig();
@@ -214,8 +214,8 @@ defineExpose({
 <template>
   <UModal
     v-model:open="open"
-    :title="props.title || t('contentSearch.title')"
-    :description="props.description || t('contentSearch.description')"
+    :title="props.title || locale.messages.contentSearch?.title || t('contentSearchButton.label')"
+    :description="props.description || locale.messages.contentSearch?.description"
     v-bind="modalProps"
     data-slot="modal"
     :class="ui.modal({ class: [props.ui?.modal, props.class] })"

package/dist/runtime/components/content/ContentSurround.d.vue.ts

@@ -12,7 +12,7 @@ export interface ContentSurroundLink extends ContentNavigationItem {
      */
     icon?: IconProps['name'];
     class?: any;
-    ui?: Pick<ContentSurround['slots'], 'link' | 'linkLeading' | 'linkLeadingIcon' | 'linkTitle' | 'linkDescription'>;
+    ui?: Partial<Pick<ContentSurround['slots'], 'link' | 'linkLeading' | 'linkLeadingIcon' | 'linkTitle' | 'linkDescription'>>;
 }
 export interface ContentSurroundProps<T extends ContentSurroundLink = ContentSurroundLink> {
     /**

package/dist/runtime/components/content/ContentSurround.vue.d.ts

@@ -12,7 +12,7 @@ export interface ContentSurroundLink extends ContentNavigationItem {
      */
     icon?: IconProps['name'];
     class?: any;
-    ui?: Pick<ContentSurround['slots'], 'link' | 'linkLeading' | 'linkLeadingIcon' | 'linkTitle' | 'linkDescription'>;
+    ui?: Partial<Pick<ContentSurround['slots'], 'link' | 'linkLeading' | 'linkLeadingIcon' | 'linkTitle' | 'linkDescription'>>;
 }
 export interface ContentSurroundProps<T extends ContentSurroundLink = ContentSurroundLink> {
     /**

package/dist/runtime/components/content/ContentToc.d.vue.ts

@@ -8,7 +8,7 @@ import type { ComponentConfig } from '../../types/tv';
 type ContentToc = ComponentConfig<typeof theme, AppConfig, 'contentToc'>;
 export type ContentTocLink = TocLink & {
     class?: any;
-    ui?: Pick<ContentToc['slots'], 'item' | 'itemWithChildren' | 'link' | 'linkText'>;
+    ui?: Partial<Pick<ContentToc['slots'], 'item' | 'itemWithChildren' | 'link' | 'linkText'>>;
 };
 export interface ContentTocProps<T extends ContentTocLink = ContentTocLink> extends Pick<CollapsibleRootProps, 'defaultOpen' | 'open'> {
     /**

package/dist/runtime/components/content/ContentToc.vue.d.ts

@@ -8,7 +8,7 @@ import type { ComponentConfig } from '../../types/tv';
 type ContentToc = ComponentConfig<typeof theme, AppConfig, 'contentToc'>;
 export type ContentTocLink = TocLink & {
     class?: any;
-    ui?: Pick<ContentToc['slots'], 'item' | 'itemWithChildren' | 'link' | 'linkText'>;
+    ui?: Partial<Pick<ContentToc['slots'], 'item' | 'itemWithChildren' | 'link' | 'linkText'>>;
 };
 export interface ContentTocProps<T extends ContentTocLink = ContentTocLink> extends Pick<CollapsibleRootProps, 'defaultOpen' | 'open'> {
     /**

package/dist/runtime/composables/useFilter.js

@@ -52,7 +52,13 @@ export function useFilter() {
           result.push({ item, score: s });
         }
       }
-      result.sort((a, b) => a.score - b.score);
+      let start = 0;
+      for (let i = 0; i <= result.length; i++) {
+        if (i === result.length || result[i].score === -1) {
+          result.splice(start, i - start, ...result.slice(start, i).sort((a, b) => a.score - b.score));
+          start = i + 1;
+        }
+      }
       return result.map(({ item }) => item);
     }).filter((group) => group.some((item) => !options.isStructural?.(item)));
   }

package/dist/runtime/composables/useFormField.d.ts

@@ -59,7 +59,7 @@ export declare function useFormField<T>(props?: Props<T>, opts?: {
     highlight: ComputedRef<true | undefined>;
     disabled: ComputedRef<true | undefined>;
     emitFormBlur: () => void;
-    emitFormInput: import("@vueuse/shared").UseDebounceFnReturn<() => void>;
+    emitFormInput: () => import("@vueuse/shared").Promisify<void>;
     emitFormChange: () => void;
     emitFormFocus: () => void;
     ariaAttrs: ComputedRef<Record<string, any> | undefined>;

package/dist/runtime/composables/useFormField.js

@@ -21,9 +21,9 @@ export function useFormField(props, opts) {
       inputId.value = props?.id;
     }
   }
-  function emitFormEvent(type, name, eager) {
+  function emitFormEvent(type, name, flags) {
     if (formBus && formField && name) {
-      formBus.emit({ type, name, eager });
+      formBus.emit({ type, name, ...flags });
     }
   }
   function emitFormBlur() {
@@ -41,13 +41,17 @@ export function useFormField(props, opts) {
       disposed = true;
     });
   }
-  const emitFormInput = useDebounceFn(
+  const validateInput = useDebounceFn(
     () => {
       if (disposed) return;
-      emitFormEvent("input", formField?.value.name, !opts?.deferInputValidation || formField?.value.eagerValidation);
+      emitFormEvent("input", formField?.value.name, { eager: !opts?.deferInputValidation || formField?.value.eagerValidation, track: false });
     },
     formField?.value.validateOnInputDelay ?? formOptions?.value.validateOnInputDelay ?? 0
   );
+  function emitFormInput() {
+    emitFormEvent("input", formField?.value.name, { validate: false });
+    return validateInput();
+  }
   return {
     id: computed(() => props?.id ?? inputId?.value),
     name: computed(() => props?.name ?? formField?.value.name),

package/dist/runtime/composables/useForwardProps.js

@@ -1,9 +1,9 @@
-import { computed, isRef } from "vue";
+import { computed, unref } from "vue";
 import { useEmitAsProps } from "reka-ui";
 export function useForwardProps(source, emits) {
   const emitAsProps = emits ? useEmitAsProps(emits) : {};
   return computed(() => {
-    const src = isRef(source) ? source.value : source;
+    const src = unref(source);
     const out = { ...emitAsProps };
     for (const key in src) {
       const value = src[key];

package/dist/runtime/composables/useOverlay.d.ts

@@ -41,7 +41,7 @@ interface ManagedOverlayOptionsPrivate<T extends Component> {
     isMounted: boolean;
     isOpen: boolean;
     originalProps?: ComponentProps<T>;
-    resolvePromise?: (value: any) => void;
+    resolvers: ((value: any) => void)[];
 }
 export type Overlay = OverlayOptions<Component> & ManagedOverlayOptionsPrivate<Component>;
 type OverlayInstance<T extends Component> = Omit<ManagedOverlayOptionsPrivate<T>, 'component'> & {
@@ -50,7 +50,7 @@ type OverlayInstance<T extends Component> = Omit<ManagedOverlayOptionsPrivate<T>
     close: (value?: any) => void;
     patch: (props: Partial<ComponentProps<T>>) => void;
 };
-type OpenedOverlay<T extends Component> = Omit<OverlayInstance<T>, 'open' | 'close' | 'patch' | 'modelValue' | 'resolvePromise'> & {
+type OpenedOverlay<T extends Component> = Omit<OverlayInstance<T>, 'open' | 'close' | 'patch' | 'modelValue' | 'resolvers'> & {
     result: Promise<CloseEventArgType<ComponentEmit<T>>>;
 } & Promise<CloseEventArgType<ComponentEmit<T>>>;
 declare function _useOverlay(): {

package/dist/runtime/composables/useOverlay.js

@@ -11,7 +11,8 @@ function _useOverlay() {
       isMounted: !!defaultOpen,
       destroyOnClose: !!destroyOnClose,
       originalProps: props || {},
-      props: { ...props }
+      props: { ...props },
+      resolvers: []
     });
     overlays.push(options);
     return {
@@ -30,7 +31,7 @@ function _useOverlay() {
     }
     overlay.isOpen = true;
     overlay.isMounted = true;
-    const result = new Promise((resolve) => overlay.resolvePromise = resolve);
+    const result = new Promise((resolve) => overlay.resolvers.push(resolve));
     return Object.assign(result, {
       id,
       isMounted: overlay.isMounted,
@@ -41,9 +42,8 @@ function _useOverlay() {
   const close = (id, value) => {
     const overlay = getOverlay(id);
     overlay.isOpen = false;
-    if (overlay.resolvePromise) {
-      overlay.resolvePromise(value);
-      overlay.resolvePromise = void 0;
+    for (const resolve of overlay.resolvers.splice(0)) {
+      resolve(value);
     }
   };
   const closeAll = () => {

package/dist/runtime/composables/useResizable.js

@@ -15,7 +15,7 @@ export function useResizable(key, options = {}, { collapsed = ref(false) } = {})
     collapsedSize: 0,
     resizable: true,
     unit: "%",
-    ...isRef(options) ? options.value : options
+    ...unref(options)
   }));
   const { dir } = useLocale();
   const defaultStorageValue = {

package/dist/runtime/index.css

@@ -1 +1 @@
-@import "#build/ui.css";@import "./keyframes.css";@source "./components";@variant light (&:where(.light, .light *));@variant dark (&:where(.dark, .dark *));@layer base{a:focus-visible{outline-offset:0}}@layer theme{:host,:root{--ui-header-height:4rem;--ui-radius:0.25rem;--ui-container:80rem}.light,:host,:root{--ui-text-dimmed:var(--ui-color-neutral-400);--ui-text-muted:var(--ui-color-neutral-500);--ui-text-toned:var(--ui-color-neutral-600);--ui-text:var(--ui-color-neutral-700);--ui-text-highlighted:var(--ui-color-neutral-900);--ui-text-inverted:#fff;--ui-bg:#fff;--ui-bg-muted:var(--ui-color-neutral-50);--ui-bg-elevated:var(--ui-color-neutral-100);--ui-bg-accented:var(--ui-color-neutral-200);--ui-bg-inverted:var(--ui-color-neutral-900);--ui-border:var(--ui-color-neutral-200);--ui-border-muted:var(--ui-color-neutral-200);--ui-border-accented:var(--ui-color-neutral-300);--ui-border-inverted:var(--ui-color-neutral-900)}.dark{--ui-text-dimmed:var(--ui-color-neutral-500);--ui-text-muted:var(--ui-color-neutral-400);--ui-text-toned:var(--ui-color-neutral-300);--ui-text:var(--ui-color-neutral-200);--ui-text-highlighted:#fff;--ui-text-inverted:var(--ui-color-neutral-900);--ui-bg:var(--ui-color-neutral-900);--ui-bg-muted:var(--ui-color-neutral-800);--ui-bg-elevated:var(--ui-color-neutral-800);--ui-bg-accented:var(--ui-color-neutral-700);--ui-bg-inverted:#fff;--ui-border:var(--ui-color-neutral-800);--ui-border-muted:var(--ui-color-neutral-700);--ui-border-accented:var(--ui-color-neutral-700);--ui-border-inverted:#fff}}
+@import "#build/ui.css";@import "./keyframes.css";@source "./components";@custom-variant light (&:where(.light, .light *));@custom-variant dark (&:where(.dark, .dark *));@layer base{a:focus-visible{outline-offset:0}}@layer theme{:host,:root{--ui-header-height:4rem;--ui-radius:0.25rem;--ui-container:80rem}.light,:host,:root{--ui-text-dimmed:var(--ui-color-neutral-400);--ui-text-muted:var(--ui-color-neutral-500);--ui-text-toned:var(--ui-color-neutral-600);--ui-text:var(--ui-color-neutral-700);--ui-text-highlighted:var(--ui-color-neutral-900);--ui-text-inverted:#fff;--ui-bg:#fff;--ui-bg-muted:var(--ui-color-neutral-50);--ui-bg-elevated:var(--ui-color-neutral-100);--ui-bg-accented:var(--ui-color-neutral-200);--ui-bg-inverted:var(--ui-color-neutral-900);--ui-border:var(--ui-color-neutral-200);--ui-border-muted:var(--ui-color-neutral-200);--ui-border-accented:var(--ui-color-neutral-300);--ui-border-inverted:var(--ui-color-neutral-900)}.dark{--ui-text-dimmed:var(--ui-color-neutral-500);--ui-text-muted:var(--ui-color-neutral-400);--ui-text-toned:var(--ui-color-neutral-300);--ui-text:var(--ui-color-neutral-200);--ui-text-highlighted:#fff;--ui-text-inverted:var(--ui-color-neutral-900);--ui-bg:var(--ui-color-neutral-900);--ui-bg-muted:var(--ui-color-neutral-800);--ui-bg-elevated:var(--ui-color-neutral-800);--ui-bg-accented:var(--ui-color-neutral-700);--ui-bg-inverted:#fff;--ui-border:var(--ui-color-neutral-800);--ui-border-muted:var(--ui-color-neutral-700);--ui-border-accented:var(--ui-color-neutral-700);--ui-border-inverted:#fff}}

package/dist/runtime/types/form.d.ts

@@ -46,6 +46,7 @@ export type FormChildAttachEvent<S extends FormSchema> = {
     type: 'attach';
     formId: string | number;
     validate: Form<any>['validate'];
+    clearDirty: () => void;
     name?: string;
     api: Form<S>;
 };
@@ -57,6 +58,8 @@ export type FormInputEvent<T extends object> = {
     type: FormEventType;
     name: keyof T;
     eager?: boolean;
+    track?: boolean;
+    validate?: boolean;
 };
 export type FormEvent<T extends object> = FormInputEvent<T> | FormChildAttachEvent<any> | FormChildDetachEvent;
 export interface FormInjectedOptions {

package/dist/runtime/utils/form.js

@@ -1,4 +1,5 @@
 import { toRaw } from "vue";
+import { get, set } from "./index.js";
 export function isSuperStructSchema(schema) {
   return "schema" in schema && typeof schema.coercer === "function" && typeof schema.validator === "function" && typeof schema.refiner === "function";
 }
@@ -50,29 +51,11 @@ export function validateSchema(state, _schema) {
 }
 export function getAtPath(data, path) {
   if (!path) return data;
-  const value = path.split(".").reduce(
-    (value2, key) => value2?.[key],
-    data
-  );
-  return value;
+  return get(data, path);
 }
 export function setAtPath(data, path, value) {
   if (!path) return Object.assign(data, value);
   if (!data) return data;
-  const keys = path.split(".");
-  let current = data;
-  for (let i = 0; i < keys.length - 1; i++) {
-    const key = keys[i];
-    if (current[key] === void 0 || current[key] === null) {
-      if (i + 1 < keys.length && !Number.isNaN(Number(keys[i + 1]))) {
-        current[key] = [];
-      } else {
-        current[key] = {};
-      }
-    }
-    current = current[key];
-  }
-  const lastKey = keys[keys.length - 1];
-  current[lastKey] = value;
+  set(data, path, value);
   return data;
 }

package/dist/runtime/utils/index.js

@@ -15,14 +15,9 @@ export function omit(data, keys) {
   return result;
 }
 export function get(object, path, defaultValue) {
-  if (typeof path === "string") {
-    path = path.split(".").map((key) => {
-      const numKey = Number(key);
-      return Number.isNaN(numKey) ? key : numKey;
-    });
-  }
+  const keys = typeof path === "string" ? path.split(".") : path;
   let result = object;
-  for (const key of path) {
+  for (const key of keys) {
     if (result === void 0 || result === null) {
       return defaultValue;
     }
@@ -31,17 +26,26 @@ export function get(object, path, defaultValue) {
   return result !== void 0 ? result : defaultValue;
 }
 export function set(object, path, value) {
-  if (typeof path === "string") {
-    path = path.split(".").map((key) => {
-      const numKey = Number(key);
-      return Number.isNaN(numKey) ? key : numKey;
-    });
-  }
-  path.reduce((acc, key, i) => {
-    if (acc[key] === void 0) acc[key] = {};
-    if (i === path.length - 1) acc[key] = value;
-    return acc[key];
-  }, object);
+  const keys = [];
+  for (const segment of typeof path === "string" ? path.split(".") : path) {
+    const key = String(segment);
+    if (key === "__proto__" || key === "constructor" || key === "prototype") {
+      return;
+    }
+    keys.push(key);
+  }
+  let current = object;
+  for (let i = 0; i < keys.length; i++) {
+    const key = keys[i];
+    if (i === keys.length - 1) {
+      current[key] = value;
+      return;
+    }
+    if (current[key] === null || typeof current[key] !== "object" && typeof current[key] !== "function") {
+      current[key] = /^(?:0|[1-9]\d*)$/.test(keys[i + 1]) ? [] : {};
+    }
+    current = current[key];
+  }
 }
 export function looseToNumber(val) {
   const n = Number.parseFloat(val);

package/dist/runtime/utils/virtualizer.d.ts

@@ -1,4 +1,4 @@
 /**
  * Get estimate size for virtualizers that checks each item individually
  */
-export declare function getEstimateSize(items: any[], size: 'xs' | 'sm' | 'md' | 'lg' | 'xl', descriptionKey?: string, hasDescriptionSlot?: boolean): (index: number) => number;
+export declare function getEstimateSize(items: any[], size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | (string & {}), descriptionKey?: string, hasDescriptionSlot?: boolean): (index: number) => number;

package/dist/runtime/utils/virtualizer.js

@@ -7,22 +7,20 @@ function itemHasDescription(item, descriptionKey) {
   return value !== void 0 && value !== null && value !== "";
 }
 function getSize(size, hasDescription) {
-  if (hasDescription) {
-    return {
-      xs: 44,
-      sm: 48,
-      md: 52,
-      lg: 56,
-      xl: 60
-    }[size];
-  }
-  return {
+  const sizes = hasDescription ? {
+    xs: 44,
+    sm: 48,
+    md: 52,
+    lg: 56,
+    xl: 60
+  } : {
     xs: 24,
     sm: 28,
     md: 32,
     lg: 36,
     xl: 40
-  }[size];
+  };
+  return sizes[size] ?? sizes.md;
 }
 export function getEstimateSize(items, size, descriptionKey, hasDescriptionSlot) {
   const sizeWithDescription = getSize(size, true);

package/dist/runtime/vue/overrides/inertia/LinkBase.vue

@@ -23,11 +23,13 @@ function onClickWrapper(e) {
     e.preventDefault();
     return;
   }
+  const results = [];
   if (props.onClick) {
     for (const onClick of Array.isArray(props.onClick) ? props.onClick : [props.onClick]) {
-      onClick(e);
+      results.push(onClick(e));
     }
   }
+  return Promise.all(results);
 }
 </script>