@alfakit/vue 0.0.0-stage → 0.1.0

package/dist/app/composables.js

@@ -0,0 +1,133 @@
+import { usePageSchema as e, usePanel as t, useT as n } from "../context.js";
+import { showToast as r } from "../components/notifications/flash-toasts.js";
+import { PageMethodError as i, firstErrors as a, getPageForm as o, onPageFormsChanged as s, registerShortcut as c, reloadPageProps as l, runPageMethod as u, watchPageProps as d } from "@alfakit/core";
+import { computed as f, onMounted as p, onScopeDispose as m, readonly as h, ref as g, shallowRef as _, watch as v } from "vue";
+//#region src/app/composables.ts
+function y() {
+	let i = e(), a = t(), o = n();
+	return () => ({
+		token: i.value?.token ?? "",
+		panel: a.value,
+		page: i.value,
+		showToast: (e) => r(e),
+		t: o
+	});
+}
+function b(e, t = {}) {
+	let n = y(), r = g(0), o = _(void 0), s = _(null), c = g({}), l = async (l, d = {}) => {
+		let { onSuccess: f, onError: p, ...m } = t;
+		r.value++, s.value = null;
+		try {
+			let t = await u(e, l, n(), {
+				...m,
+				...d
+			});
+			return o.value = t, c.value = {}, f?.(t, l), t;
+		} catch (e) {
+			throw s.value = e, c.value = e instanceof i && e.isValidation ? a(e.errors) : {}, p?.(e, l), e;
+		} finally {
+			r.value = Math.max(0, r.value - 1);
+		}
+	};
+	return {
+		call: (e, t) => l(e, t).catch(() => void 0),
+		callOrThrow: l,
+		loading: h(f(() => r.value > 0)),
+		result: o,
+		error: s,
+		errors: c,
+		reset: () => {
+			o.value = void 0, s.value = null, c.value = {};
+		}
+	};
+}
+function x(e = {}) {
+	let t = y(), n = g({}), r = g({}), o = async (o, s, c = {}) => {
+		n.value = {
+			...n.value,
+			[o]: (n.value[o] ?? 0) + 1
+		};
+		try {
+			let n = await u(o, s, t(), {
+				...e,
+				...c
+			}), i = { ...r.value };
+			return delete i[o], r.value = i, n;
+		} catch (e) {
+			throw e instanceof i && e.isValidation && (r.value = {
+				...r.value,
+				[o]: a(e.errors)
+			}), e;
+		} finally {
+			n.value = {
+				...n.value,
+				[o]: Math.max(0, (n.value[o] ?? 1) - 1)
+			};
+		}
+	};
+	return {
+		callOrThrow: o,
+		call: (e, t, n) => o(e, t, n).catch(() => void 0),
+		loading: f(() => Object.values(n.value).some((e) => e > 0)),
+		isLoading: (e) => (n.value[e] ?? 0) > 0,
+		errors: r
+	};
+}
+function S(e) {
+	let t = g(0);
+	return {
+		reload: async (n) => {
+			t.value++;
+			try {
+				await l(n ?? e);
+			} finally {
+				t.value = Math.max(0, t.value - 1);
+			}
+		},
+		reloading: f(() => t.value > 0)
+	};
+}
+function C(e, t) {
+	let n;
+	p(() => {
+		n = d(e, t);
+	}), m(() => n?.());
+}
+function w(e, t, n = {}) {
+	let r, i = f(() => typeof n.enabled == "object" ? n.enabled.value : n.enabled !== !1), a = () => {
+		r?.(), r = i.value ? c(e, (e) => t(e), {
+			allowInInputs: n.allowInInputs,
+			preventDefault: n.preventDefault
+		}) : void 0;
+	};
+	p(() => {
+		a(), v(i, a);
+	}), m(() => r?.());
+}
+function T(e) {
+	let t = _(o(e)), n = _(t.value?.store.get()), r, i = () => {
+		r?.(), n.value = t.value?.store.get(), r = t.value?.store.subscribe((e) => {
+			n.value = e;
+		});
+	};
+	if (typeof window > "u") return {
+		store: t,
+		values: f(() => ({})),
+		errors: f(() => ({}))
+	};
+	let a = s(() => {
+		let n = o(e);
+		n !== t.value && (t.value = n, i());
+	});
+	return i(), m(() => {
+		a(), r?.();
+	}), {
+		store: t,
+		values: f(() => n.value?.values ?? {}),
+		errors: f(() => n.value?.errors ?? {})
+	};
+}
+//#endregion
+export { C as useLiveProps, T as usePageForm, b as usePageMethod, x as usePageMethods, S as useReloadProps, w as useShortcut };
+
+//# sourceMappingURL=composables.js.map

package/dist/app/composables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composables.js","names":["useRuntime","page","usePageSchema","panel","usePanel","t","useT","showToast","notification","usePageMethod","runtime","pending","ref","result","shallowRef","error","errors","callOrThrow","defaults","options","value","runPageMethod","method","args","overrides","onSuccess","caught","PageMethodError","firstErrors","onError","readonly","computed","usePageMethods","next","count","useReloadProps","reloadPageProps","props","only","useLiveProps","stop","onMounted","watchPageProps","onScopeDispose","useShortcut","enabled","start","registerShortcut","keys","handler","event","watch","usePageForm","store","getPageForm","name","state","unsubscribe","bind","offChanged","onPageFormsChanged"],"sources":["../../src/app/composables.ts"],"sourcesContent":["import {\n  firstErrors,\n  getPageForm,\n  onPageFormsChanged,\n  PageMethodError,\n  registerShortcut,\n  reloadPageProps,\n  runPageMethod,\n  watchPageProps,\n  type FormState,\n  type FormStore,\n  type LivePropsOptions,\n  type PageMethodArguments,\n  type PageMethodCallOptions,\n  type PageMethodRuntime,\n  type ShortcutOptions,\n} from '@alfakit/core'\nimport {\n  computed,\n  onMounted,\n  onScopeDispose,\n  readonly,\n  ref,\n  shallowRef,\n  watch,\n  type ComputedRef,\n  type Ref,\n  type ShallowRef,\n} from 'vue'\nimport { showToast } from '../components/notifications/flash-toasts'\nimport { usePageSchema, usePanel, useT } from '../context'\n\n/**\n * Composables for custom page components (`Page::$component`): call `#[Expose]` methods,\n * reload and watch view data, keyboard shortcuts, and the state of embedded `<PageForm>`s.\n */\n\nfunction useRuntime(): () => PageMethodRuntime {\n  const page = usePageSchema()\n  const panel = usePanel()\n  const t = useT()\n\n  // The token is re-issued with every response, so it is read when the call starts.\n  return () => ({\n    token: page.value?.token ?? '',\n    panel: panel.value,\n    page: page.value,\n    showToast: (notification) => showToast(notification),\n    t,\n  })\n}\n\nexport interface UsePageMethodOptions<TResult, TArgs> extends PageMethodCallOptions<TArgs> {\n  onSuccess?: (result: TResult, args: TArgs | undefined) => void\n  onError?: (error: unknown, args: TArgs | undefined) => void\n}\n\nexport interface PageMethodBinding<TResult, TArgs> {\n  /** Call the method. Resolves with its result, or `undefined` when it failed. */\n  call: (args?: TArgs, options?: PageMethodCallOptions<TArgs>) => Promise<TResult | undefined>\n  /** Like `call`, but rejects with the error (`PageMethodError`) when it fails. */\n  callOrThrow: (args?: TArgs, options?: PageMethodCallOptions<TArgs>) => Promise<TResult>\n  loading: Readonly<Ref<boolean>>\n  result: Readonly<ShallowRef<TResult | undefined>>\n  error: Readonly<ShallowRef<unknown>>\n  /** Validation errors of the last call, first message per key (`{ sku: '…' }`). */\n  errors: Readonly<Ref<Record<string, string>>>\n  reset: () => void\n}\n\n/**\n * Call one `#[Expose]` method of the page:\n *\n * ```ts\n * const checkout = usePageMethod<Order, { items: CartLine[] }>('checkout', { forms: ['customer'] })\n * // <Button :disabled=\"checkout.loading.value\" @click=\"checkout.call({ items })\">Charge</Button>\n * ```\n */\nexport function usePageMethod<\n  TResult = unknown,\n  TArgs extends PageMethodArguments = Record<string, unknown>,\n>(\n  method: string,\n  options: UsePageMethodOptions<TResult, TArgs> = {},\n): PageMethodBinding<TResult, TArgs> {\n  const runtime = useRuntime()\n  const pending = ref(0)\n  const result = shallowRef<TResult | undefined>(undefined)\n  const error = shallowRef<unknown>(null)\n  const errors = ref<Record<string, string>>({})\n\n  const callOrThrow = async (\n    args?: TArgs,\n    overrides: PageMethodCallOptions<TArgs> = {},\n  ): Promise<TResult> => {\n    const { onSuccess, onError, ...defaults } = options\n\n    pending.value++\n    error.value = null\n\n    try {\n      const value = await runPageMethod<TResult, TArgs>(method, args, runtime(), {\n        ...defaults,\n        ...overrides,\n      })\n\n      result.value = value\n      errors.value = {}\n      onSuccess?.(value, args)\n\n      return value\n    } catch (caught) {\n      error.value = caught\n      errors.value =\n        caught instanceof PageMethodError && caught.isValidation ? firstErrors(caught.errors) : {}\n      onError?.(caught, args)\n\n      throw caught\n    } finally {\n      pending.value = Math.max(0, pending.value - 1)\n    }\n  }\n\n  return {\n    call: (args, overrides) => callOrThrow(args, overrides).catch(() => undefined),\n    callOrThrow,\n    loading: readonly(computed(() => pending.value > 0)),\n    result,\n    error,\n    errors,\n    reset: () => {\n      result.value = undefined\n      error.value = null\n      errors.value = {}\n    },\n  }\n}\n\n/** A map of method names to their arguments and results, for typed `usePageMethods()`. */\nexport type PageMethodMap = Record<string, { args?: PageMethodArguments; result?: unknown }>\n\nexport interface PageMethodsBinding<TMap extends PageMethodMap> {\n  call: <K extends keyof TMap & string>(\n    method: K,\n    args?: TMap[K]['args'],\n    options?: PageMethodCallOptions<TMap[K]['args']>,\n  ) => Promise<TMap[K]['result'] | undefined>\n  callOrThrow: <K extends keyof TMap & string>(\n    method: K,\n    args?: TMap[K]['args'],\n    options?: PageMethodCallOptions<TMap[K]['args']>,\n  ) => Promise<TMap[K]['result']>\n  /** True while any call is in flight; `isLoading('checkout')` for one method. */\n  loading: ComputedRef<boolean>\n  isLoading: (method: keyof TMap & string) => boolean\n  /** Validation errors of the last failed call, by method. */\n  errors: Readonly<Ref<Partial<Record<keyof TMap & string, Record<string, string>>>>>\n}\n\n/** Call any `#[Expose]` method of the page by name. */\nexport function usePageMethods<TMap extends PageMethodMap = PageMethodMap>(\n  defaults: PageMethodCallOptions = {},\n): PageMethodsBinding<TMap> {\n  const runtime = useRuntime()\n  const pending = ref<Record<string, number>>({})\n  const errors = ref<Record<string, Record<string, string>>>({})\n\n  const callOrThrow = async (\n    method: string,\n    args?: PageMethodArguments,\n    options: PageMethodCallOptions = {},\n  ) => {\n    pending.value = { ...pending.value, [method]: (pending.value[method] ?? 0) + 1 }\n\n    try {\n      const value = await runPageMethod(method, args, runtime(), { ...defaults, ...options })\n      const next = { ...errors.value }\n      delete next[method]\n      errors.value = next\n\n      return value\n    } catch (caught) {\n      if (caught instanceof PageMethodError && caught.isValidation) {\n        errors.value = { ...errors.value, [method]: firstErrors(caught.errors) }\n      }\n\n      throw caught\n    } finally {\n      pending.value = { ...pending.value, [method]: Math.max(0, (pending.value[method] ?? 1) - 1) }\n    }\n  }\n\n  return {\n    callOrThrow,\n    call: (method: string, args?: PageMethodArguments, options?: PageMethodCallOptions) =>\n      callOrThrow(method, args, options).catch(() => undefined),\n    loading: computed(() => Object.values(pending.value).some((count) => count > 0)),\n    isLoading: (method: string) => (pending.value[method] ?? 0) > 0,\n    errors,\n  } as unknown as PageMethodsBinding<TMap>\n}\n\n/** Reload view data (`getViewData()` keys) with an Inertia partial reload. */\nexport function useReloadProps(only?: string[]): {\n  reload: (props?: string[]) => Promise<void>\n  reloading: ComputedRef<boolean>\n} {\n  const pending = ref(0)\n\n  return {\n    reload: async (props?: string[]) => {\n      pending.value++\n\n      try {\n        await reloadPageProps(props ?? only)\n      } finally {\n        pending.value = Math.max(0, pending.value - 1)\n      }\n    },\n    reloading: computed(() => pending.value > 0),\n  }\n}\n\n/**\n * Keep view data props fresh while the component is mounted: every `poll` interval, and/or\n * when a Laravel Echo event arrives (`echo: { channel, events }`).\n */\nexport function useLiveProps(only: string[], options: LivePropsOptions): void {\n  let stop: (() => void) | undefined\n\n  onMounted(() => {\n    stop = watchPageProps(only, options)\n  })\n\n  onScopeDispose(() => stop?.())\n}\n\n/** A keyboard shortcut while the component is mounted: `useShortcut('mod+k', openSearch)`. */\nexport function useShortcut(\n  keys: string | string[],\n  handler: (event: KeyboardEvent) => void,\n  options: ShortcutOptions & { enabled?: Ref<boolean> | boolean } = {},\n): void {\n  let stop: (() => void) | undefined\n  const enabled = computed(() =>\n    typeof options.enabled === 'object' ? options.enabled.value : options.enabled !== false,\n  )\n\n  const start = () => {\n    stop?.()\n    stop = enabled.value\n      ? registerShortcut(keys, (event) => handler(event), {\n          allowInInputs: options.allowInInputs,\n          preventDefault: options.preventDefault,\n        })\n      : undefined\n  }\n\n  onMounted(() => {\n    start()\n    watch(enabled, start)\n  })\n\n  onScopeDispose(() => stop?.())\n}\n\n/**\n * The store and state of an embedded `<PageForm name>`: read its values, or reset fields\n * with `store.setValue()`. `store` is undefined until the form has mounted.\n */\nexport function usePageForm(name: string): {\n  store: ShallowRef<FormStore | undefined>\n  values: ComputedRef<Record<string, unknown>>\n  errors: ComputedRef<Record<string, string[]>>\n} {\n  const store = shallowRef<FormStore | undefined>(getPageForm(name))\n  const state = shallowRef<FormState | undefined>(store.value?.store.get())\n  let unsubscribe: (() => void) | undefined\n\n  const bind = () => {\n    unsubscribe?.()\n    state.value = store.value?.store.get()\n    unsubscribe = store.value?.store.subscribe((next) => {\n      state.value = next\n    })\n  }\n\n  // Browser only: a server render has no mounted forms, and must not keep listeners.\n  if (typeof window === 'undefined') {\n    return { store, values: computed(() => ({})), errors: computed(() => ({})) }\n  }\n\n  const offChanged = onPageFormsChanged(() => {\n    const next = getPageForm(name)\n\n    if (next !== store.value) {\n      store.value = next\n      bind()\n    }\n  })\n\n  bind()\n\n  onScopeDispose(() => {\n    offChanged()\n    unsubscribe?.()\n  })\n\n  return {\n    store,\n    values: computed(() => state.value?.values ?? {}),\n    errors: computed(() => state.value?.errors ?? {}),\n  }\n}\n"],"mappings":"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"}

package/dist/components/actions/ActionButton.js

@@ -0,0 +1,7 @@
+import e from "./ActionButton.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/actions/ActionButton.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=ActionButton.js.map

package/dist/components/actions/ActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.js","names":["_sfc_main","ActionButton_vue_vue_type_script_setup_true_lang_default","ActionButton_default"],"sources":["../../../src/components/actions/ActionButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ActionContext, ActionSchema } from '@alfakit/core'\nimport {\n  bindsKeyBindings,\n  formatKeyBinding,\n  iconButtonSize,\n  registerKeyBindings,\n  resolveActionSize,\n} from '@alfakit/core'\nimport { Link } from '@inertiajs/vue3'\nimport { computed, watchEffect, type HTMLAttributes } from 'vue'\nimport { useStoreSelector } from '../../composables/use-store'\nimport { useActionRunner, useT } from '../../context'\nimport {\n  badgeColorClasses,\n  colorClass,\n  ghostButtonColorClasses,\n  outlineButtonColorClasses,\n  solidButtonColorClasses,\n  textColorClasses,\n} from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Badge from '../ui/Badge.vue'\nimport Button from '../ui/Button.vue'\nimport Spinner from '../ui/Spinner.vue'\nimport Tooltip from '../ui/Tooltip.vue'\nimport TooltipContent from '../ui/TooltipContent.vue'\nimport TooltipTrigger from '../ui/TooltipTrigger.vue'\n\nexport interface ActionButtonProps {\n  action: ActionSchema\n  context: ActionContext\n  size?: 'xs' | 'sm' | 'default' | 'lg'\n  class?: HTMLAttributes['class']\n  /** Force a variant (e.g. menu items render as plain rows). */\n  variant?: ActionSchema['variant']\n  /** Bind the action's key bindings globally while mounted. */\n  withKeyBindings?: boolean\n  /** Override how the action runs (e.g. a form submits its values). */\n  onTrigger?: (action: ActionSchema, context: ActionContext) => void | Promise<void>\n}\n\nconst props = withDefaults(defineProps<ActionButtonProps>(), {\n  size: 'default',\n  withKeyBindings: true,\n})\n\nconst runner = useActionRunner()\nconst loading = useStoreSelector(runner.store, (state) => state.loading === props.action.name)\nconst processing = useStoreSelector(runner.store, (state) =>\n  state.modals.some((modal) => modal.action.name === props.action.name && modal.processing),\n)\n\nconst variant = computed(\n  () =>\n    props.variant ??\n    (props.action.outlined\n      ? 'outline'\n      : (props.action.variant ??\n        (props.action.hasAction || props.action.hasModal || props.action.url ? 'link' : 'button'))),\n)\nconst isIconOnly = computed(() => variant.value === 'icon-button' || !props.action.label)\nconst busy = computed(() => loading.value || processing.value)\n// A disabled link renders as a disabled button so it cannot navigate.\nconst isPlainLink = computed(() =>\n  Boolean(\n    props.action.url && !props.action.hasAction && !props.action.hasModal && !props.action.disabled,\n  ),\n)\n// Record actions repeat per row: a global shortcut would run them for every record.\nconst bindsKeys = computed(\n  () => props.withKeyBindings && bindsKeyBindings(props.action, props.context),\n)\n\n/** The badge trigger style (`badge()` without an argument). */\nconst BADGE_TRIGGER_CLASSES =\n  \"h-auto min-h-6 gap-1 rounded-md border px-2 py-0.5 text-xs font-medium [&_svg:not([class*='size-'])]:size-3.5\"\n\nfunction buttonClasses(action: ActionSchema, kind: ActionSchema['variant']): string {\n  const color = action.color ?? 'primary'\n\n  switch (kind) {\n    case 'outline':\n      return cn('bg-background border', colorClass(outlineButtonColorClasses, color, 'gray'))\n    case 'ghost':\n      return colorClass(ghostButtonColorClasses, color, 'gray')\n    case 'link':\n      return cn(\n        'h-auto p-0 underline-offset-4 hover:underline',\n        colorClass(textColorClasses, color, 'primary'),\n      )\n    case 'icon-button':\n      return colorClass(ghostButtonColorClasses, color, 'gray')\n    case 'badge':\n      // `badge()`: a tinted pill in the action's colour.\n      return cn(BADGE_TRIGGER_CLASSES, colorClass(badgeColorClasses, color, 'primary'))\n    default:\n      return colorClass(solidButtonColorClasses, color, 'primary')\n  }\n}\n\nconst run = () =>\n  void (props.onTrigger\n    ? props.onTrigger(props.action, props.context)\n    : runner.trigger(props.action, props.context))\n\nwatchEffect((onCleanup) => {\n  if (!bindsKeys.value || !props.action.keyBindings) {\n    return\n  }\n\n  onCleanup(registerKeyBindings([{ keys: props.action.keyBindings, handler: run }]))\n})\n\nconst onClick = (event: MouseEvent) => {\n  if (isPlainLink.value) {\n    return // Plain link: let Inertia Link / anchor handle it.\n  }\n\n  event.preventDefault()\n  run()\n}\n\nconst sizeProp = computed(() => {\n  const size = variant.value === 'badge' ? 'xs' : resolveActionSize(props.action.size, props.size)\n\n  return isIconOnly.value ? iconButtonSize(size) : size\n})\n// `labeledFrom()`: icon only below the breakpoint; the label stays the accessible name.\nconst LABEL_FROM: Record<string, string> = {\n  sm: 'hidden sm:inline',\n  md: 'hidden md:inline',\n  lg: 'hidden lg:inline',\n  xl: 'hidden xl:inline',\n  '2xl': 'hidden 2xl:inline',\n}\nconst ICON_ONLY_BELOW: Record<string, string> = {\n  sm: 'max-sm:aspect-square max-sm:px-0',\n  md: 'max-md:aspect-square max-md:px-0',\n  lg: 'max-lg:aspect-square max-lg:px-0',\n  xl: 'max-xl:aspect-square max-xl:px-0',\n  '2xl': 'max-2xl:aspect-square max-2xl:px-0',\n}\nconst labeledFrom = computed(() =>\n  !isIconOnly.value && props.action.icon && props.action.labeledFrom\n    ? props.action.labeledFrom\n    : null,\n)\nconst labelClass = computed(() => (labeledFrom.value ? LABEL_FROM[labeledFrom.value] : undefined))\nconst classes = computed(() =>\n  cn(\n    buttonClasses(props.action, variant.value),\n    labeledFrom.value && ICON_ONLY_BELOW[labeledFrom.value],\n    props.class,\n  ),\n)\nconst t = useT()\nconst newTabHint = computed(() => t('opens_in_new_tab', {}, '(opens in a new tab)'))\nconst ariaLabel = computed(() => {\n  if (!isIconOnly.value && !labeledFrom.value) return undefined\n\n  const name = props.action.label ?? props.action.tooltip ?? props.action.name\n\n  return isPlainLink.value && props.action.openUrlInNewTab ? `${name} ${newTabHint.value}` : name\n})\nconst tooltip = computed(\n  () => props.action.tooltip ?? (isIconOnly.value ? props.action.label : undefined),\n)\nconst shortcut = computed(() => (bindsKeys.value ? props.action.keyBindings?.[0] : undefined))\nconst disabledTooltip = computed(() => Boolean(props.action.disabled && tooltip.value))\n</script>\n\n<template>\n  <Tooltip v-if=\"tooltip || shortcut\">\n    <!-- A disabled button gets no pointer or focus events: a focusable span carries the\n         tooltip (e.g. the reason from `authorizationTooltip()`). -->\n    <TooltipTrigger\n      :as-child=\"!disabledTooltip\"\n      :as=\"disabledTooltip ? 'span' : undefined\"\n      :tabindex=\"disabledTooltip ? 0 : undefined\"\n      :class=\"disabledTooltip ? 'inline-flex' : undefined\"\n      :data-disabled-tooltip=\"disabledTooltip ? '' : undefined\"\n    >\n      <Button\n        v-if=\"isPlainLink && props.action.openUrlInNewTab\"\n        as-child\n        variant=\"plain\"\n        :size=\"sizeProp\"\n        :class=\"classes\"\n        :disabled=\"props.action.disabled\"\n        :aria-label=\"ariaLabel\"\n        v-bind=\"props.action.extraAttributes\"\n      >\n        <a :href=\"props.action.url\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <Spinner v-if=\"busy\" />\n          <Icon\n            v-else-if=\"props.action.icon && props.action.iconPosition !== 'after'\"\n            :name=\"props.action.icon\"\n          />\n          <span v-if=\"!isIconOnly\" :class=\"labelClass\">{{ props.action.label }}</span>\n          <span v-if=\"!isIconOnly\" class=\"sr-only\"> {{ newTabHint }}</span>\n          <Icon\n            v-if=\"props.action.icon && props.action.iconPosition === 'after' && !busy\"\n            :name=\"props.action.icon\"\n          />\n          <Badge\n            v-if=\"props.action.badge !== undefined && props.action.badge !== null\"\n            variant=\"outline\"\n            :class=\"\n              cn('ms-1 px-1.5 py-0', colorClass(badgeColorClasses, props.action.badgeColor, 'gray'))\n            \"\n            >{{ props.action.badge }}</Badge\n          >\n        </a>\n      </Button>\n      <Button\n        v-else-if=\"isPlainLink\"\n        as-child\n        variant=\"plain\"\n        :size=\"sizeProp\"\n        :class=\"classes\"\n        :disabled=\"props.action.disabled\"\n        :aria-label=\"ariaLabel\"\n        v-bind=\"props.action.extraAttributes\"\n      >\n        <Link :href=\"props.action.url ?? '#'\">\n          <Spinner v-if=\"busy\" />\n          <Icon\n            v-else-if=\"props.action.icon && props.action.iconPosition !== 'after'\"\n            :name=\"props.action.icon\"\n          />\n          <span v-if=\"!isIconOnly\" :class=\"labelClass\">{{ props.action.label }}</span>\n          <Icon\n            v-if=\"props.action.icon && props.action.iconPosition === 'after' && !busy\"\n            :name=\"props.action.icon\"\n          />\n          <Badge\n            v-if=\"props.action.badge !== undefined && props.action.badge !== null\"\n            variant=\"outline\"\n            :class=\"\n              cn('ms-1 px-1.5 py-0', colorClass(badgeColorClasses, props.action.badgeColor, 'gray'))\n            \"\n            >{{ props.action.badge }}</Badge\n          >\n        </Link>\n      </Button>\n      <Button\n        v-else\n        type=\"button\"\n        variant=\"plain\"\n        :size=\"sizeProp\"\n        :class=\"classes\"\n        :disabled=\"props.action.disabled || busy\"\n        :aria-label=\"ariaLabel\"\n        v-bind=\"props.action.extraAttributes\"\n        @click=\"onClick\"\n      >\n        <Spinner v-if=\"busy\" />\n        <Icon\n          v-else-if=\"props.action.icon && props.action.iconPosition !== 'after'\"\n          :name=\"props.action.icon\"\n        />\n        <span v-if=\"!isIconOnly\" :class=\"labelClass\">{{ props.action.label }}</span>\n        <Icon\n          v-if=\"props.action.icon && props.action.iconPosition === 'after' && !busy\"\n          :name=\"props.action.icon\"\n        />\n        <Badge\n          v-if=\"props.action.badge !== undefined && props.action.badge !== null\"\n          variant=\"outline\"\n          :class=\"\n            cn('ms-1 px-1.5 py-0', colorClass(badgeColorClasses, props.action.badgeColor, 'gray'))\n          \"\n          >{{ props.action.badge }}</Badge\n        >\n      </Button>\n    </TooltipTrigger>\n    <TooltipContent>\n      {{ tooltip }}\n      <kbd v-if=\"shortcut\" class=\"ms-2 rounded border border-white/20 px-1 font-mono text-[10px]\">{{\n        formatKeyBinding(shortcut)\n      }}</kbd>\n    </TooltipContent>\n  </Tooltip>\n  <template v-else>\n    <Button\n      v-if=\"isPlainLink && props.action.openUrlInNewTab\"\n      as-child\n      variant=\"plain\"\n      :size=\"sizeProp\"\n      :class=\"classes\"\n      :disabled=\"props.action.disabled\"\n      :aria-label=\"ariaLabel\"\n      v-bind=\"props.action.extraAttributes\"\n    >\n      <a :href=\"props.action.url\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <Spinner v-if=\"busy\" />\n        <Icon\n          v-else-if=\"props.action.icon && props.action.iconPosition !== 'after'\"\n          :name=\"props.action.icon\"\n        />\n        <span v-if=\"!isIconOnly\" :class=\"labelClass\">{{ props.action.label }}</span>\n        <span v-if=\"!isIconOnly\" class=\"sr-only\"> {{ newTabHint }}</span>\n        <Icon\n          v-if=\"props.action.icon && props.action.iconPosition === 'after' && !busy\"\n          :name=\"props.action.icon\"\n        />\n        <Badge\n          v-if=\"props.action.badge !== undefined && props.action.badge !== null\"\n          variant=\"outline\"\n          :class=\"\n            cn('ms-1 px-1.5 py-0', colorClass(badgeColorClasses, props.action.badgeColor, 'gray'))\n          \"\n          >{{ props.action.badge }}</Badge\n        >\n      </a>\n    </Button>\n    <Button\n      v-else-if=\"isPlainLink\"\n      as-child\n      variant=\"plain\"\n      :size=\"sizeProp\"\n      :class=\"classes\"\n      :disabled=\"props.action.disabled\"\n      :aria-label=\"ariaLabel\"\n      v-bind=\"props.action.extraAttributes\"\n    >\n      <Link :href=\"props.action.url ?? '#'\">\n        <Spinner v-if=\"busy\" />\n        <Icon\n          v-else-if=\"props.action.icon && props.action.iconPosition !== 'after'\"\n          :name=\"props.action.icon\"\n        />\n        <span v-if=\"!isIconOnly\" :class=\"labelClass\">{{ props.action.label }}</span>\n        <Icon\n          v-if=\"props.action.icon && props.action.iconPosition === 'after' && !busy\"\n          :name=\"props.action.icon\"\n        />\n        <Badge\n          v-if=\"props.action.badge !== undefined && props.action.badge !== null\"\n          variant=\"outline\"\n          :class=\"\n            cn('ms-1 px-1.5 py-0', colorClass(badgeColorClasses, props.action.badgeColor, 'gray'))\n          \"\n          >{{ props.action.badge }}</Badge\n        >\n      </Link>\n    </Button>\n    <Button\n      v-else\n      type=\"button\"\n      variant=\"plain\"\n      :size=\"sizeProp\"\n      :class=\"classes\"\n      :disabled=\"props.action.disabled || busy\"\n      :aria-label=\"ariaLabel\"\n      v-bind=\"props.action.extraAttributes\"\n      @click=\"onClick\"\n    >\n      <Spinner v-if=\"busy\" />\n      <Icon\n        v-else-if=\"props.action.icon && props.action.iconPosition !== 'after'\"\n        :name=\"props.action.icon\"\n      />\n      <span v-if=\"!isIconOnly\" :class=\"labelClass\">{{ props.action.label }}</span>\n      <Icon\n        v-if=\"props.action.icon && props.action.iconPosition === 'after' && !busy\"\n        :name=\"props.action.icon\"\n      />\n      <Badge\n        v-if=\"props.action.badge !== undefined && props.action.badge !== null\"\n        variant=\"outline\"\n        :class=\"\n          cn('ms-1 px-1.5 py-0', colorClass(badgeColorClasses, props.action.badgeColor, 'gray'))\n        \"\n        >{{ props.action.badge }}</Badge\n      >\n    </Button>\n  </template>\n</template>\n"],"mappings":""}

package/dist/components/actions/ActionButton.vue.d.ts

@@ -0,0 +1,20 @@
+import type { ActionContext, ActionSchema } from '@alfakit/core';
+import { type HTMLAttributes } from 'vue';
+export interface ActionButtonProps {
+    action: ActionSchema;
+    context: ActionContext;
+    size?: 'xs' | 'sm' | 'default' | 'lg';
+    class?: HTMLAttributes['class'];
+    /** Force a variant (e.g. menu items render as plain rows). */
+    variant?: ActionSchema['variant'];
+    /** Bind the action's key bindings globally while mounted. */
+    withKeyBindings?: boolean;
+    /** Override how the action runs (e.g. a form submits its values). */
+    onTrigger?: (action: ActionSchema, context: ActionContext) => void | Promise<void>;
+}
+declare const _default: import("vue").DefineComponent<ActionButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ActionButtonProps> & Readonly<{}>, {
+    size: "xs" | "sm" | "default" | "lg";
+    withKeyBindings: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=ActionButton.vue.d.ts.map

package/dist/components/actions/ActionButton.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/actions/ActionButton.vue"],"names":[],"mappings":"AA+XA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAShE,OAAO,EAAyB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAoBhE,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,YAAY,CAAA;IACpB,OAAO,EAAE,aAAa,CAAA;IACtB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;IACrC,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC/B,8DAA8D;IAC9D,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAA;IACjC,6DAA6D;IAC7D,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,qEAAqE;IACrE,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,aAAa,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CACnF;;UARQ,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;qBAKnB,OAAO;;AAkxB3B,wBAOG"}

package/dist/components/actions/ActionButton.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,352 @@
+import { useActionRunner as e, useT as t } from "../../context.js";
+import { cn as n } from "../../lib/utils.js";
+import { useStoreSelector as r } from "../../composables/use-store.js";
+import { badgeColorClasses as i, colorClass as a, ghostButtonColorClasses as o, outlineButtonColorClasses as ee, solidButtonColorClasses as te, textColorClasses as s } from "../../lib/colors.js";
+import c from "../../lib/Icon.js";
+import l from "../ui/Badge2.js";
+import u from "../ui/Button2.js";
+import d from "../ui/Spinner.js";
+import ne from "../ui/Tooltip.js";
+import re from "../ui/TooltipContent.js";
+import ie from "../ui/TooltipTrigger.js";
+import { bindsKeyBindings as f, formatKeyBinding as p, iconButtonSize as ae, registerKeyBindings as oe, resolveActionSize as m } from "@alfakit/core";
+import { Link as h } from "@inertiajs/vue3";
+import { Fragment as se, computed as g, createBlock as _, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createTextVNode as x, createVNode as S, defineComponent as C, mergeProps as w, normalizeClass as T, openBlock as E, toDisplayString as D, unref as O, watchEffect as ce, withCtx as k } from "vue";
+//#region src/components/actions/ActionButton.vue?vue&type=script&setup=true&lang.ts
+var A = ["href"], j = {
+	key: 3,
+	class: "sr-only"
+}, M = {
+	key: 0,
+	class: "ms-2 rounded border border-white/20 px-1 font-mono text-[10px]"
+}, N = ["href"], P = {
+	key: 3,
+	class: "sr-only"
+}, F = "h-auto min-h-6 gap-1 rounded-md border px-2 py-0.5 text-xs font-medium [&_svg:not([class*='size-'])]:size-3.5", I = /*@__PURE__*/ C({
+	__name: "ActionButton",
+	props: {
+		action: {},
+		context: {},
+		size: { default: "default" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		variant: {},
+		withKeyBindings: {
+			type: Boolean,
+			default: !0
+		},
+		onTrigger: {}
+	},
+	setup(C) {
+		let I = C, L = e(), le = r(L.store, (e) => e.loading === I.action.name), ue = r(L.store, (e) => e.modals.some((e) => e.action.name === I.action.name && e.processing)), R = g(() => I.variant ?? (I.action.outlined ? "outline" : I.action.variant ?? (I.action.hasAction || I.action.hasModal || I.action.url ? "link" : "button"))), z = g(() => R.value === "icon-button" || !I.action.label), B = g(() => le.value || ue.value), V = g(() => !(!I.action.url || I.action.hasAction || I.action.hasModal || I.action.disabled)), H = g(() => I.withKeyBindings && f(I.action, I.context));
+		function de(e, t) {
+			let r = e.color ?? "primary";
+			switch (t) {
+				case "outline": return n("bg-background border", a(ee, r, "gray"));
+				case "ghost": return a(o, r, "gray");
+				case "link": return n("h-auto p-0 underline-offset-4 hover:underline", a(s, r, "primary"));
+				case "icon-button": return a(o, r, "gray");
+				case "badge": return n(F, a(i, r, "primary"));
+				default: return a(te, r, "primary");
+			}
+		}
+		let U = () => void (I.onTrigger ? I.onTrigger(I.action, I.context) : L.trigger(I.action, I.context));
+		ce((e) => {
+			H.value && I.action.keyBindings && e(oe([{
+				keys: I.action.keyBindings,
+				handler: U
+			}]));
+		});
+		let W = (e) => {
+			V.value || (e.preventDefault(), U());
+		}, G = g(() => {
+			let e = R.value === "badge" ? "xs" : m(I.action.size, I.size);
+			return z.value ? ae(e) : e;
+		}), fe = {
+			sm: "hidden sm:inline",
+			md: "hidden md:inline",
+			lg: "hidden lg:inline",
+			xl: "hidden xl:inline",
+			"2xl": "hidden 2xl:inline"
+		}, pe = {
+			sm: "max-sm:aspect-square max-sm:px-0",
+			md: "max-md:aspect-square max-md:px-0",
+			lg: "max-lg:aspect-square max-lg:px-0",
+			xl: "max-xl:aspect-square max-xl:px-0",
+			"2xl": "max-2xl:aspect-square max-2xl:px-0"
+		}, K = g(() => !z.value && I.action.icon && I.action.labeledFrom ? I.action.labeledFrom : null), q = g(() => K.value ? fe[K.value] : void 0), J = g(() => n(de(I.action, R.value), K.value && pe[K.value], I.class)), me = t(), Y = g(() => me("opens_in_new_tab", {}, "(opens in a new tab)")), X = g(() => {
+			if (!z.value && !K.value) return;
+			let e = I.action.label ?? I.action.tooltip ?? I.action.name;
+			return V.value && I.action.openUrlInNewTab ? `${e} ${Y.value}` : e;
+		}), Z = g(() => I.action.tooltip ?? (z.value ? I.action.label : void 0)), Q = g(() => H.value ? I.action.keyBindings?.[0] : void 0), $ = g(() => !!(I.action.disabled && Z.value));
+		return (e, t) => Z.value || Q.value ? (E(), _(ne, { key: 0 }, {
+			default: k(() => [S(ie, {
+				"as-child": !$.value,
+				as: $.value ? "span" : void 0,
+				tabindex: $.value ? 0 : void 0,
+				class: T($.value ? "inline-flex" : void 0),
+				"data-disabled-tooltip": $.value ? "" : void 0
+			}, {
+				default: k(() => [V.value && I.action.openUrlInNewTab ? (E(), _(u, w({
+					key: 0,
+					"as-child": "",
+					variant: "plain",
+					size: G.value,
+					class: J.value,
+					disabled: I.action.disabled,
+					"aria-label": X.value
+				}, I.action.extraAttributes), {
+					default: k(() => [b("a", {
+						href: I.action.url,
+						target: "_blank",
+						rel: "noopener noreferrer"
+					}, [
+						B.value ? (E(), _(d, { key: 0 })) : I.action.icon && I.action.iconPosition !== "after" ? (E(), _(O(c), {
+							key: 1,
+							name: I.action.icon
+						}, null, 8, ["name"])) : v("", !0),
+						z.value ? v("", !0) : (E(), y("span", {
+							key: 2,
+							class: T(q.value)
+						}, D(I.action.label), 3)),
+						z.value ? v("", !0) : (E(), y("span", j, D(Y.value), 1)),
+						I.action.icon && I.action.iconPosition === "after" && !B.value ? (E(), _(O(c), {
+							key: 4,
+							name: I.action.icon
+						}, null, 8, ["name"])) : v("", !0),
+						I.action.badge !== void 0 && I.action.badge !== null ? (E(), _(l, {
+							key: 5,
+							variant: "outline",
+							class: T(O(n)("ms-1 px-1.5 py-0", O(a)(O(i), I.action.badgeColor, "gray")))
+						}, {
+							default: k(() => [x(D(I.action.badge), 1)]),
+							_: 1
+						}, 8, ["class"])) : v("", !0)
+					], 8, A)]),
+					_: 1
+				}, 16, [
+					"size",
+					"class",
+					"disabled",
+					"aria-label"
+				])) : V.value ? (E(), _(u, w({
+					key: 1,
+					"as-child": "",
+					variant: "plain",
+					size: G.value,
+					class: J.value,
+					disabled: I.action.disabled,
+					"aria-label": X.value
+				}, I.action.extraAttributes), {
+					default: k(() => [S(O(h), { href: I.action.url ?? "#" }, {
+						default: k(() => [
+							B.value ? (E(), _(d, { key: 0 })) : I.action.icon && I.action.iconPosition !== "after" ? (E(), _(O(c), {
+								key: 1,
+								name: I.action.icon
+							}, null, 8, ["name"])) : v("", !0),
+							z.value ? v("", !0) : (E(), y("span", {
+								key: 2,
+								class: T(q.value)
+							}, D(I.action.label), 3)),
+							I.action.icon && I.action.iconPosition === "after" && !B.value ? (E(), _(O(c), {
+								key: 3,
+								name: I.action.icon
+							}, null, 8, ["name"])) : v("", !0),
+							I.action.badge !== void 0 && I.action.badge !== null ? (E(), _(l, {
+								key: 4,
+								variant: "outline",
+								class: T(O(n)("ms-1 px-1.5 py-0", O(a)(O(i), I.action.badgeColor, "gray")))
+							}, {
+								default: k(() => [x(D(I.action.badge), 1)]),
+								_: 1
+							}, 8, ["class"])) : v("", !0)
+						]),
+						_: 1
+					}, 8, ["href"])]),
+					_: 1
+				}, 16, [
+					"size",
+					"class",
+					"disabled",
+					"aria-label"
+				])) : (E(), _(u, w({
+					key: 2,
+					type: "button",
+					variant: "plain",
+					size: G.value,
+					class: J.value,
+					disabled: I.action.disabled || B.value,
+					"aria-label": X.value
+				}, I.action.extraAttributes, { onClick: W }), {
+					default: k(() => [
+						B.value ? (E(), _(d, { key: 0 })) : I.action.icon && I.action.iconPosition !== "after" ? (E(), _(O(c), {
+							key: 1,
+							name: I.action.icon
+						}, null, 8, ["name"])) : v("", !0),
+						z.value ? v("", !0) : (E(), y("span", {
+							key: 2,
+							class: T(q.value)
+						}, D(I.action.label), 3)),
+						I.action.icon && I.action.iconPosition === "after" && !B.value ? (E(), _(O(c), {
+							key: 3,
+							name: I.action.icon
+						}, null, 8, ["name"])) : v("", !0),
+						I.action.badge !== void 0 && I.action.badge !== null ? (E(), _(l, {
+							key: 4,
+							variant: "outline",
+							class: T(O(n)("ms-1 px-1.5 py-0", O(a)(O(i), I.action.badgeColor, "gray")))
+						}, {
+							default: k(() => [x(D(I.action.badge), 1)]),
+							_: 1
+						}, 8, ["class"])) : v("", !0)
+					]),
+					_: 1
+				}, 16, [
+					"size",
+					"class",
+					"disabled",
+					"aria-label"
+				]))]),
+				_: 1
+			}, 8, [
+				"as-child",
+				"as",
+				"tabindex",
+				"class",
+				"data-disabled-tooltip"
+			]), S(re, null, {
+				default: k(() => [x(D(Z.value) + " ", 1), Q.value ? (E(), y("kbd", M, D(O(p)(Q.value)), 1)) : v("", !0)]),
+				_: 1
+			})]),
+			_: 1
+		})) : (E(), y(se, { key: 1 }, [V.value && I.action.openUrlInNewTab ? (E(), _(u, w({
+			key: 0,
+			"as-child": "",
+			variant: "plain",
+			size: G.value,
+			class: J.value,
+			disabled: I.action.disabled,
+			"aria-label": X.value
+		}, I.action.extraAttributes), {
+			default: k(() => [b("a", {
+				href: I.action.url,
+				target: "_blank",
+				rel: "noopener noreferrer"
+			}, [
+				B.value ? (E(), _(d, { key: 0 })) : I.action.icon && I.action.iconPosition !== "after" ? (E(), _(O(c), {
+					key: 1,
+					name: I.action.icon
+				}, null, 8, ["name"])) : v("", !0),
+				z.value ? v("", !0) : (E(), y("span", {
+					key: 2,
+					class: T(q.value)
+				}, D(I.action.label), 3)),
+				z.value ? v("", !0) : (E(), y("span", P, D(Y.value), 1)),
+				I.action.icon && I.action.iconPosition === "after" && !B.value ? (E(), _(O(c), {
+					key: 4,
+					name: I.action.icon
+				}, null, 8, ["name"])) : v("", !0),
+				I.action.badge !== void 0 && I.action.badge !== null ? (E(), _(l, {
+					key: 5,
+					variant: "outline",
+					class: T(O(n)("ms-1 px-1.5 py-0", O(a)(O(i), I.action.badgeColor, "gray")))
+				}, {
+					default: k(() => [x(D(I.action.badge), 1)]),
+					_: 1
+				}, 8, ["class"])) : v("", !0)
+			], 8, N)]),
+			_: 1
+		}, 16, [
+			"size",
+			"class",
+			"disabled",
+			"aria-label"
+		])) : V.value ? (E(), _(u, w({
+			key: 1,
+			"as-child": "",
+			variant: "plain",
+			size: G.value,
+			class: J.value,
+			disabled: I.action.disabled,
+			"aria-label": X.value
+		}, I.action.extraAttributes), {
+			default: k(() => [S(O(h), { href: I.action.url ?? "#" }, {
+				default: k(() => [
+					B.value ? (E(), _(d, { key: 0 })) : I.action.icon && I.action.iconPosition !== "after" ? (E(), _(O(c), {
+						key: 1,
+						name: I.action.icon
+					}, null, 8, ["name"])) : v("", !0),
+					z.value ? v("", !0) : (E(), y("span", {
+						key: 2,
+						class: T(q.value)
+					}, D(I.action.label), 3)),
+					I.action.icon && I.action.iconPosition === "after" && !B.value ? (E(), _(O(c), {
+						key: 3,
+						name: I.action.icon
+					}, null, 8, ["name"])) : v("", !0),
+					I.action.badge !== void 0 && I.action.badge !== null ? (E(), _(l, {
+						key: 4,
+						variant: "outline",
+						class: T(O(n)("ms-1 px-1.5 py-0", O(a)(O(i), I.action.badgeColor, "gray")))
+					}, {
+						default: k(() => [x(D(I.action.badge), 1)]),
+						_: 1
+					}, 8, ["class"])) : v("", !0)
+				]),
+				_: 1
+			}, 8, ["href"])]),
+			_: 1
+		}, 16, [
+			"size",
+			"class",
+			"disabled",
+			"aria-label"
+		])) : (E(), _(u, w({
+			key: 2,
+			type: "button",
+			variant: "plain",
+			size: G.value,
+			class: J.value,
+			disabled: I.action.disabled || B.value,
+			"aria-label": X.value
+		}, I.action.extraAttributes, { onClick: W }), {
+			default: k(() => [
+				B.value ? (E(), _(d, { key: 0 })) : I.action.icon && I.action.iconPosition !== "after" ? (E(), _(O(c), {
+					key: 1,
+					name: I.action.icon
+				}, null, 8, ["name"])) : v("", !0),
+				z.value ? v("", !0) : (E(), y("span", {
+					key: 2,
+					class: T(q.value)
+				}, D(I.action.label), 3)),
+				I.action.icon && I.action.iconPosition === "after" && !B.value ? (E(), _(O(c), {
+					key: 3,
+					name: I.action.icon
+				}, null, 8, ["name"])) : v("", !0),
+				I.action.badge !== void 0 && I.action.badge !== null ? (E(), _(l, {
+					key: 4,
+					variant: "outline",
+					class: T(O(n)("ms-1 px-1.5 py-0", O(a)(O(i), I.action.badgeColor, "gray")))
+				}, {
+					default: k(() => [x(D(I.action.badge), 1)]),
+					_: 1
+				}, 8, ["class"])) : v("", !0)
+			]),
+			_: 1
+		}, 16, [
+			"size",
+			"class",
+			"disabled",
+			"aria-label"
+		]))], 64));
+	}
+});
+//#endregion
+export { I as default };
+
+//# sourceMappingURL=ActionButton.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/actions/ActionButton.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Tooltip","_withCtx","_createVNode","TooltipTrigger","_normalizeClass","Button","_mergeProps","_createElementVNode","Spinner","_unref","Icon","_createCommentVNode","_createElementBlock","_toDisplayString","Badge","_createTextVNode","TooltipContent","_Fragment","Icon_default","Badge_default","Button_default","Spinner_default","Tooltip_default","TooltipContent_default","TooltipTrigger_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","BADGE_TRIGGER_CLASSES","ActionButton_vue_vue_type_script_setup_true_lang_default","props","__props","runner","useActionRunner","loading","useStoreSelector","state","processing","modal","variant","computed","isIconOnly","busy","isPlainLink","bindsKeys","bindsKeyBindings","buttonClasses","color","action","kind","cn","colorClass","outlineButtonColorClasses","ghostButtonColorClasses","textColorClasses","badgeColorClasses","solidButtonColorClasses","run","onCleanup","registerKeyBindings","onClick","event","sizeProp","size","resolveActionSize","iconButtonSize","LABEL_FROM","ICON_ONLY_BELOW","labeledFrom","labelClass","classes","t","useT","newTabHint","ariaLabel","name","tooltip","shortcut","disabledTooltip","openBlock","createBlock","withCtx","createVNode","normalizeClass","mergeProps","createElementVNode","unref","createCommentVNode","createElementBlock","toDisplayString","createTextVNode","Link","formatKeyBinding","Fragment"],"sources":["../../../src/components/actions/ActionButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ActionContext, ActionSchema } from '@alfakit/core'\nimport {\n  bindsKeyBindings,\n  formatKeyBinding,\n  iconButtonSize,\n  registerKeyBindings,\n  resolveActionSize,\n} from '@alfakit/core'\nimport { Link } from '@inertiajs/vue3'\nimport { computed, watchEffect, type HTMLAttributes } from 'vue'\nimport { useStoreSelector } from '../../composables/use-store'\nimport { useActionRunner, useT } from '../../context'\nimport {\n  badgeColorClasses,\n  colorClass,\n  ghostButtonColorClasses,\n  outlineButtonColorClasses,\n  solidButtonColorClasses,\n  textColorClasses,\n} from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Badge from '../ui/Badge.vue'\nimport Button from '../ui/Button.vue'\nimport Spinner from '../ui/Spinner.vue'\nimport Tooltip from '../ui/Tooltip.vue'\nimport TooltipContent from '../ui/TooltipContent.vue'\nimport TooltipTrigger from '../ui/TooltipTrigger.vue'\n\nexport interface ActionButtonProps {\n  action: ActionSchema\n  context: ActionContext\n  size?: 'xs' | 'sm' | 'default' | 'lg'\n  class?: HTMLAttributes['class']\n  /** Force a variant (e.g. menu items render as plain rows). */\n  variant?: ActionSchema['variant']\n  /** Bind the action's key bindings globally while mounted. */\n  withKeyBindings?: boolean\n  /** Override how the action runs (e.g. a form submits its values). */\n  onTrigger?: (action: ActionSchema, context: ActionContext) => void | Promise<void>\n}\n\nconst props = withDefaults(defineProps<ActionButtonProps>(), {\n  size: 'default',\n  withKeyBindings: true,\n})\n\nconst runner = useActionRunner()\nconst loading = useStoreSelector(runner.store, (state) => state.loading === props.action.name)\nconst processing = useStoreSelector(runner.store, (state) =>\n  state.modals.some((modal) => modal.action.name === props.action.name && modal.processing),\n)\n\nconst variant = computed(\n  () =>\n    props.variant ??\n    (props.action.outlined\n      ? 'outline'\n      : (props.action.variant ??\n        (props.action.hasAction || props.action.hasModal || props.action.url ? 'link' : 'button'))),\n)\nconst isIconOnly = computed(() => variant.value === 'icon-button' || !props.action.label)\nconst busy = computed(() => loading.value || processing.value)\n// A disabled link renders as a disabled button so it cannot navigate.\nconst isPlainLink = computed(() =>\n  Boolean(\n    props.action.url && !props.action.hasAction && !props.action.hasModal && !props.action.disabled,\n  ),\n)\n// Record actions repeat per row: a global shortcut would run them for every record.\nconst bindsKeys = computed(\n  () => props.withKeyBindings && bindsKeyBindings(props.action, props.context),\n)\n\n/** The badge trigger style (`badge()` without an argument). */\nconst BADGE_TRIGGER_CLASSES =\n  \"h-auto min-h-6 gap-1 rounded-md border px-2 py-0.5 text-xs font-medium [&_svg:not([class*='size-'])]:size-3.5\"\n\nfunction buttonClasses(action: ActionSchema, kind: ActionSchema['variant']): string {\n  const color = action.color ?? 'primary'\n\n  switch (kind) {\n    case 'outline':\n      return cn('bg-background border', colorClass(outlineButtonColorClasses, color, 'gray'))\n    case 'ghost':\n      return colorClass(ghostButtonColorClasses, color, 'gray')\n    case 'link':\n      return cn(\n        'h-auto p-0 underline-offset-4 hover:underline',\n        colorClass(textColorClasses, color, 'primary'),\n      )\n    case 'icon-button':\n      return colorClass(ghostButtonColorClasses, color, 'gray')\n    case 'badge':\n      // `badge()`: a tinted pill in the action's colour.\n      return cn(BADGE_TRIGGER_CLASSES, colorClass(badgeColorClasses, color, 'primary'))\n    default:\n      return colorClass(solidButtonColorClasses, color, 'primary')\n  }\n}\n\nconst run = () =>\n  void (props.onTrigger\n    ? props.onTrigger(props.action, props.context)\n    : runner.trigger(props.action, props.context))\n\nwatchEffect((onCleanup) => {\n  if (!bindsKeys.value || !props.action.keyBindings) {\n    return\n  }\n\n  onCleanup(registerKeyBindings([{ keys: props.action.keyBindings, handler: run }]))\n})\n\nconst onClick = (event: MouseEvent) => {\n  if (isPlainLink.value) {\n    return // Plain link: let Inertia Link / anchor handle it.\n  }\n\n  event.preventDefault()\n  run()\n}\n\nconst sizeProp = computed(() => {\n  const size = variant.value === 'badge' ? 'xs' : resolveActionSize(props.action.size, props.size)\n\n  return isIconOnly.value ? iconButtonSize(size) : size\n})\n// `labeledFrom()`: icon only below the breakpoint; the label stays the accessible name.\nconst LABEL_FROM: Record<string, string> = {\n  sm: 'hidden sm:inline',\n  md: 'hidden md:inline',\n  lg: 'hidden lg:inline',\n  xl: 'hidden xl:inline',\n  '2xl': 'hidden 2xl:inline',\n}\nconst ICON_ONLY_BELOW: Record<string, string> = {\n  sm: 'max-sm:aspect-square max-sm:px-0',\n  md: 'max-md:aspect-square max-md:px-0',\n  lg: 'max-lg:aspect-square max-lg:px-0',\n  xl: 'max-xl:aspect-square max-xl:px-0',\n  '2xl': 'max-2xl:aspect-square max-2xl:px-0',\n}\nconst labeledFrom = computed(() =>\n  !isIconOnly.value && props.action.icon && props.action.labeledFrom\n    ? props.action.labeledFrom\n    : null,\n)\nconst labelClass = computed(() => (labeledFrom.value ? LABEL_FROM[labeledFrom.value] : undefined))\nconst classes = computed(() =>\n  cn(\n    buttonClasses(props.action, variant.value),\n    labeledFrom.value && ICON_ONLY_BELOW[labeledFrom.value],\n    props.class,\n  ),\n)\nconst t = useT()\nconst newTabHint = computed(() => t('opens_in_new_tab', {}, '(opens in a new tab)'))\nconst ariaLabel = computed(() => {\n  if (!isIconOnly.value && !labeledFrom.value) return undefined\n\n  const name = props.action.label ?? props.action.tooltip ?? props.action.name\n\n  return isPlainLink.value && props.action.openUrlInNewTab ? `${name} ${newTabHint.value}` : name\n})\nconst tooltip = computed(\n  () => props.action.tooltip ?? (isIconOnly.value ? props.action.label : undefined),\n)\nconst shortcut = computed(() => (bindsKeys.value ? props.action.keyBindings?.[0] : undefined))\nconst disabledTooltip = computed(() => Boolean(props.action.disabled && tooltip.value))\n</script>\n\n<template>\n  <Tooltip v-if=\"tooltip || shortcut\">\n    <!-- A disabled button gets no pointer or focus events: a focusable span carries the\n         tooltip (e.g. the reason from `authorizationTooltip()`). -->\n    <TooltipTrigger\n      :as-child=\"!disabledTooltip\"\n      :as=\"disabledTooltip ? 'span' : undefined\"\n      :tabindex=\"disabledTooltip ? 0 : undefined\"\n      :class=\"disabledTooltip ? 'inline-flex' : undefined\"\n      :data-disabled-tooltip=\"disabledTooltip ? '' : undefined\"\n    >\n      <Button\n        v-if=\"isPlainLink && props.action.openUrlInNewTab\"\n        as-child\n        variant=\"plain\"\n        :size=\"sizeProp\"\n        :class=\"classes\"\n        :disabled=\"props.action.disabled\"\n        :aria-label=\"ariaLabel\"\n        v-bind=\"props.action.extraAttributes\"\n      >\n        <a :href=\"props.action.url\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <Spinner v-if=\"busy\" />\n          <Icon\n            v-else-if=\"props.action.icon && props.action.iconPosition !== 'after'\"\n            :name=\"props.action.icon\"\n          />\n          <span v-if=\"!isIconOnly\" :class=\"labelClass\">{{ props.action.label }}</span>\n          <span v-if=\"!isIconOnly\" class=\"sr-only\"> {{ newTabHint }}</span>\n          <Icon\n            v-if=\"props.action.icon && props.action.iconPosition === 'after' && !busy\"\n            :name=\"props.action.icon\"\n          />\n          <Badge\n            v-if=\"props.action.badge !== undefined && props.action.badge !== null\"\n            variant=\"outline\"\n            :class=\"\n              cn('ms-1 px-1.5 py-0', colorClass(badgeColorClasses, props.action.badgeColor, 'gray'))\n            \"\n            >{{ props.action.badge }}</Badge\n          >\n        </a>\n      </Button>\n      <Button\n        v-else-if=\"isPlainLink\"\n        as-child\n        variant=\"plain\"\n        :size=\"sizeProp\"\n        :class=\"classes\"\n        :disabled=\"props.action.disabled\"\n        :aria-label=\"ariaLabel\"\n        v-bind=\"props.action.extraAttributes\"\n      >\n        <Link :href=\"props.action.url ?? '#'\">\n          <Spinner v-if=\"busy\" />\n          <Icon\n            v-else-if=\"props.action.icon && props.action.iconPosition !== 'after'\"\n            :name=\"props.action.icon\"\n          />\n          <span v-if=\"!isIconOnly\" :class=\"labelClass\">{{ props.action.label }}</span>\n          <Icon\n            v-if=\"props.action.icon && props.action.iconPosition === 'after' && !busy\"\n            :name=\"props.action.icon\"\n          />\n          <Badge\n            v-if=\"props.action.badge !== undefined && props.action.badge !== null\"\n            variant=\"outline\"\n            :class=\"\n              cn('ms-1 px-1.5 py-0', colorClass(badgeColorClasses, props.action.badgeColor, 'gray'))\n            \"\n            >{{ props.action.badge }}</Badge\n          >\n        </Link>\n      </Button>\n      <Button\n        v-else\n        type=\"button\"\n        variant=\"plain\"\n        :size=\"sizeProp\"\n        :class=\"classes\"\n        :disabled=\"props.action.disabled || busy\"\n        :aria-label=\"ariaLabel\"\n        v-bind=\"props.action.extraAttributes\"\n        @click=\"onClick\"\n      >\n        <Spinner v-if=\"busy\" />\n        <Icon\n          v-else-if=\"props.action.icon && props.action.iconPosition !== 'after'\"\n          :name=\"props.action.icon\"\n        />\n        <span v-if=\"!isIconOnly\" :class=\"labelClass\">{{ props.action.label }}</span>\n        <Icon\n          v-if=\"props.action.icon && props.action.iconPosition === 'after' && !busy\"\n          :name=\"props.action.icon\"\n        />\n        <Badge\n          v-if=\"props.action.badge !== undefined && props.action.badge !== null\"\n          variant=\"outline\"\n          :class=\"\n            cn('ms-1 px-1.5 py-0', colorClass(badgeColorClasses, props.action.badgeColor, 'gray'))\n          \"\n          >{{ props.action.badge }}</Badge\n        >\n      </Button>\n    </TooltipTrigger>\n    <TooltipContent>\n      {{ tooltip }}\n      <kbd v-if=\"shortcut\" class=\"ms-2 rounded border border-white/20 px-1 font-mono text-[10px]\">{{\n        formatKeyBinding(shortcut)\n      }}</kbd>\n    </TooltipContent>\n  </Tooltip>\n  <template v-else>\n    <Button\n      v-if=\"isPlainLink && props.action.openUrlInNewTab\"\n      as-child\n      variant=\"plain\"\n      :size=\"sizeProp\"\n      :class=\"classes\"\n      :disabled=\"props.action.disabled\"\n      :aria-label=\"ariaLabel\"\n      v-bind=\"props.action.extraAttributes\"\n    >\n      <a :href=\"props.action.url\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <Spinner v-if=\"busy\" />\n        <Icon\n          v-else-if=\"props.action.icon && props.action.iconPosition !== 'after'\"\n          :name=\"props.action.icon\"\n        />\n        <span v-if=\"!isIconOnly\" :class=\"labelClass\">{{ props.action.label }}</span>\n        <span v-if=\"!isIconOnly\" class=\"sr-only\"> {{ newTabHint }}</span>\n        <Icon\n          v-if=\"props.action.icon && props.action.iconPosition === 'after' && !busy\"\n          :name=\"props.action.icon\"\n        />\n        <Badge\n          v-if=\"props.action.badge !== undefined && props.action.badge !== null\"\n          variant=\"outline\"\n          :class=\"\n            cn('ms-1 px-1.5 py-0', colorClass(badgeColorClasses, props.action.badgeColor, 'gray'))\n          \"\n          >{{ props.action.badge }}</Badge\n        >\n      </a>\n    </Button>\n    <Button\n      v-else-if=\"isPlainLink\"\n      as-child\n      variant=\"plain\"\n      :size=\"sizeProp\"\n      :class=\"classes\"\n      :disabled=\"props.action.disabled\"\n      :aria-label=\"ariaLabel\"\n      v-bind=\"props.action.extraAttributes\"\n    >\n      <Link :href=\"props.action.url ?? '#'\">\n        <Spinner v-if=\"busy\" />\n        <Icon\n          v-else-if=\"props.action.icon && props.action.iconPosition !== 'after'\"\n          :name=\"props.action.icon\"\n        />\n        <span v-if=\"!isIconOnly\" :class=\"labelClass\">{{ props.action.label }}</span>\n        <Icon\n          v-if=\"props.action.icon && props.action.iconPosition === 'after' && !busy\"\n          :name=\"props.action.icon\"\n        />\n        <Badge\n          v-if=\"props.action.badge !== undefined && props.action.badge !== null\"\n          variant=\"outline\"\n          :class=\"\n            cn('ms-1 px-1.5 py-0', colorClass(badgeColorClasses, props.action.badgeColor, 'gray'))\n          \"\n          >{{ props.action.badge }}</Badge\n        >\n      </Link>\n    </Button>\n    <Button\n      v-else\n      type=\"button\"\n      variant=\"plain\"\n      :size=\"sizeProp\"\n      :class=\"classes\"\n      :disabled=\"props.action.disabled || busy\"\n      :aria-label=\"ariaLabel\"\n      v-bind=\"props.action.extraAttributes\"\n      @click=\"onClick\"\n    >\n      <Spinner v-if=\"busy\" />\n      <Icon\n        v-else-if=\"props.action.icon && props.action.iconPosition !== 'after'\"\n        :name=\"props.action.icon\"\n      />\n      <span v-if=\"!isIconOnly\" :class=\"labelClass\">{{ props.action.label }}</span>\n      <Icon\n        v-if=\"props.action.icon && props.action.iconPosition === 'after' && !busy\"\n        :name=\"props.action.icon\"\n      />\n      <Badge\n        v-if=\"props.action.badge !== undefined && props.action.badge !== null\"\n        variant=\"outline\"\n        :class=\"\n          cn('ms-1 px-1.5 py-0', colorClass(badgeColorClasses, props.action.badgeColor, 'gray'))\n        \"\n        >{{ props.action.badge }}</Badge\n      >\n    </Button>\n  </template>\n</template>\n"],"mappings":"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"}