@lumeweb/portal-framework-ui 0.0.1 → 0.1.0

package/dist/cjs/components/actions/actionHelpers.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionHelpers.cjs","names":["ActionItemType","DialogTypes"],"sources":["../../../../src/components/actions/actionHelpers.ts"],"sourcesContent":["import { ActionItemConfig, ActionItemType } from \"./types\";\nimport { DialogType, DialogTypes } from \"@/components/dialog\";\n\n// TypeScript interfaces for better type safety\ninterface StepContext {\n  currentStep?: number;\n  isLastStep?: boolean;\n}\n\nexport interface SubmitLabelEvaluationContext {\n  formMethods?: {\n    getValues?: () => any;\n  };\n  stepContext?: StepContext;\n  wizardConfig?: WizardConfig;\n}\n\ninterface WizardConfig {\n  steps?: {\n    submitLabel?: ((values: any) => string) | string;\n  }[];\n  submitLabel?: ((values: any) => string) | string;\n}\n\nexport interface WizardActionsConfig {\n  formMethods?: any;\n  isFirst: boolean;\n  isLast: boolean;\n  isSubmitting?: boolean;\n  onClose?: () => void;\n  onNext?: () => void;\n  onPrevious?: () => void;\n  onSubmit?: () => void;\n  submitLabel?: ((values: any) => string) | string;\n}\n\nexport interface StepActionsConfig {\n  formMethods?: any;\n  isFirst: boolean;\n  isLast: boolean;\n  isSubmitting?: boolean;\n  onClose?: () => void;\n  onNext?: () => void;\n  onPrevious?: () => void;\n  submitLabel?: ((values: any) => string) | string;\n}\n\n/**\n * Action creation utilities for common dialog and form patterns.\n *\n * These helpers provide a consistent way to create action configurations\n * while maintaining type safety and reducing boilerplate.\n *\n * @example\n * ```tsx\n * const { cancel, submit, back, next } = createActionHelpers();\n *\n * const actions = [\n *   cancel(handleClose),\n *   submit(handleSubmit, \"Save\", isSubmitting),\n *   back(handlePrevious),\n *   next(handleNext)\n * ];\n * ```\n */\nexport function createActionHelpers<T = any>() {\n  return {\n    /**\n     * Creates a back button action for navigation\n     */\n    back: (\n      onClick?: () => void,\n      label = \"Back\",\n      disabled = false,\n    ): ActionItemConfig => ({\n      disabled,\n      label,\n      onClick,\n      type: ActionItemType.BUTTON,\n    }),\n\n    /**\n     * Creates a custom button action\n     */\n    button: (\n      onClick?: () => void,\n      label = \"Button\",\n      disabled = false,\n    ): ActionItemConfig => ({\n      disabled,\n      label,\n      onClick,\n      type: ActionItemType.BUTTON,\n    }),\n\n    /**\n     * Creates a cancel action that closes dialogs or cancels operations\n     */\n    cancel: (onClick?: () => void, label = \"Cancel\"): ActionItemConfig => ({\n      label,\n      onClick,\n      type: ActionItemType.CANCEL,\n    }),\n\n    /**\n     * Creates a custom action with specific type\n     */\n    custom: (\n      type: ActionItemType,\n      onClick?: () => void,\n      label = \"Custom\",\n      options: Partial<ActionItemConfig> = {},\n    ): ActionItemConfig => ({\n      label,\n      onClick,\n      type,\n      ...options,\n    }),\n\n    /**\n     * Creates a next button action for navigation\n     */\n    next: (onClick?: () => void, label = \"Next\"): ActionItemConfig => ({\n      label,\n      onClick,\n      type: ActionItemType.SUBMIT,\n    }),\n\n    /**\n     * Creates a retry action for retrying the current step\n     */\n    retry: (onClick?: () => void, label = \"Retry\"): ActionItemConfig => ({\n      label,\n      onClick,\n      type: ActionItemType.RETRY,\n    }),\n\n    /**\n     * Creates a submit action for form submissions\n     */\n    submit: (\n      onClick?: () => void,\n      label = \"Submit\",\n      isSubmitting = false,\n    ): ActionItemConfig => ({\n      label,\n      loading: isSubmitting,\n      onClick,\n      type: ActionItemType.SUBMIT,\n    }),\n  };\n}\n\n/**\n * Creates standard dialog actions (Cancel + Submit/Continue)\n */\nexport function createDialogActions(config: {\n  cancelLabel?: string;\n  confirmLabel?: string;\n  isSubmitting?: boolean;\n  onCancel?: () => void;\n  onConfirm?: () => void;\n  type?: DialogType;\n}): ActionItemConfig[] {\n  const { button, cancel, submit } = createActionHelpers();\n\n  const actions: ActionItemConfig[] = [];\n\n  // For alert dialogs, we only want the confirm action (treated as OK/Continue)\n  const isAlert = config.type === DialogTypes.ALERT;\n  if (isAlert) {\n    actions.push(cancel(config.onConfirm, config.confirmLabel || \"OK\"));\n    return actions;\n  }\n\n  // For confirm, form, wizard_form and custom dialogs, include cancel action\n  const isConfirm = config.type === \"confirm\";\n  const isForm = config.type === \"form\";\n  const isWizardForm = config.type === \"wizard_form\";\n  const isCustom = config.type === \"custom\";\n\n  if (config.onCancel) {\n    actions.push(cancel(config.onCancel, config.cancelLabel));\n  }\n\n  if (config.onConfirm) {\n    const isFormType = isForm || isWizardForm || isCustom;\n    const isFormOrWizardForm = isForm || isWizardForm;\n    const defaultLabel = isFormOrWizardForm ? \"Submit\" : \"Continue\";\n    const label = config.confirmLabel || defaultLabel;\n\n    if (isConfirm) {\n      actions.push(cancel(config.onConfirm, label));\n    } else if (isFormType) {\n      actions.push(submit(config.onConfirm, label, config.isSubmitting));\n    } else {\n      actions.push(button(config.onConfirm, label));\n    }\n  }\n\n  return actions;\n}\n\n/**\n * Creates form-specific actions with optional cancel button\n */\nexport function createFormActions(config: {\n  cancelLabel?: string;\n  isSubmitting?: boolean;\n  onCancel?: () => void;\n  onSubmit?: () => void;\n  showCancel?: boolean;\n  submitLabel?: string;\n}): ActionItemConfig[] {\n  const { cancel, submit } = createActionHelpers();\n\n  const actions: ActionItemConfig[] = [];\n\n  // Cancel button (optional)\n  if (config.showCancel && config.onCancel) {\n    actions.push(cancel(config.onCancel, config.cancelLabel));\n  }\n\n  // Submit button\n  if (config.onSubmit) {\n    actions.push(\n      submit(config.onSubmit, config.submitLabel, config.isSubmitting),\n    );\n  }\n\n  return actions;\n}\n\n/**\n * Creates wizard-specific actions with conditional Back/Next/Submit buttons\n */\nexport function createWizardActions(\n  config: WizardActionsConfig,\n): ActionItemConfig[] {\n  const { back, cancel, next, submit } = createActionHelpers();\n\n  const actions: ActionItemConfig[] = [];\n\n  // Back button (only if not first step)\n  if (!config.isFirst && config.onPrevious) {\n    actions.push(back(config.onPrevious));\n  }\n\n  // Next/Submit button\n  if (config.isLast && config.onSubmit) {\n    const evaluationContext: SubmitLabelEvaluationContext = {\n      formMethods: config.formMethods,\n      stepContext: { isLastStep: config.isLast }, // Pass step context\n      wizardConfig: config, // Pass wizard config for step-specific label evaluation\n    };\n\n    const evaluatedSubmitLabel = evaluateSubmitLabel(\n      config.submitLabel,\n      evaluationContext,\n    );\n\n    actions.push(\n      submit(\n        config.onSubmit,\n        evaluatedSubmitLabel || \"Continue\",\n        config.isSubmitting,\n      ),\n    );\n  } else if (config.onNext) {\n    actions.push(next(config.onNext));\n  }\n\n  // Cancel button (optional)\n  if (config.onClose) {\n    actions.push(cancel(config.onClose));\n  }\n\n  return actions;\n}\n\n/**\n * Creates step-specific actions with Previous and Next buttons\n */\nexport function createStepActions(\n  config: StepActionsConfig,\n): ActionItemConfig[] {\n  const { back, cancel, next, submit } = createActionHelpers();\n\n  const actions: ActionItemConfig[] = [];\n\n  // Previous button (disabled on first step)\n  actions.push(back(config.onPrevious, \"Previous\", config.isFirst));\n\n  // Next/Submit button\n  if (config.isLast) {\n    const evaluationContext: SubmitLabelEvaluationContext = {\n      formMethods: config.formMethods,\n      stepContext: { isLastStep: config.isLast },\n    };\n\n    const evaluatedSubmitLabel = evaluateSubmitLabel(\n      config.submitLabel,\n      evaluationContext,\n    );\n\n    actions.push(\n      submit(\n        config.onNext,\n        evaluatedSubmitLabel || \"Submit\",\n        config.isSubmitting,\n      ),\n    );\n  } else {\n    actions.push(next(config.onNext));\n  }\n\n  // Cancel button (optional)\n  if (config.onClose) {\n    actions.push(cancel(config.onClose));\n  }\n\n  return actions;\n}\n\n/**\n * Evaluates dynamic submit label if it's a function, otherwise returns static label\n * Enhanced to handle wizard step-specific labels\n */\nexport function evaluateSubmitLabel(\n  submitLabel: ((values: any) => string) | string | undefined,\n  context: SubmitLabelEvaluationContext = {},\n): string | undefined {\n  const { formMethods, stepContext, wizardConfig } = context;\n\n  // Handle wizard step-specific submit labels first\n  if (wizardConfig && stepContext) {\n    // Try to evaluate step-specific label\n    const stepLabel = evaluateWizardStepLabel(\n      wizardConfig,\n      stepContext,\n      formMethods,\n    );\n    if (stepLabel !== undefined) {\n      return stepLabel;\n    }\n\n    // Try to evaluate wizard form-level label for last step\n    const wizardLabel = evaluateWizardFormLabel(\n      wizardConfig,\n      stepContext,\n      formMethods,\n    );\n    if (wizardLabel !== undefined) {\n      return wizardLabel;\n    }\n  }\n\n  // Fall back to form-level submit label evaluation\n  return evaluateFormLabel(submitLabel, formMethods);\n}\n\n/**\n * Evaluates simple form submit label\n */\nfunction evaluateFormLabel(\n  submitLabel: ((values: any) => string) | string | undefined,\n  formMethods?: { getValues?: () => any },\n): string | undefined {\n  if (!submitLabel) return undefined;\n\n  if (\n    typeof submitLabel === \"function\" &&\n    formMethods?.getValues &&\n    typeof formMethods.getValues === \"function\"\n  ) {\n    return submitLabel(formMethods.getValues());\n  }\n\n  if (typeof submitLabel === \"string\") {\n    return submitLabel;\n  }\n\n  return undefined;\n}\n\nexport { evaluateSubmitLabel };\n\n/**\n * Evaluates wizard form-level submit label\n */\nfunction evaluateWizardFormLabel(\n  wizardConfig: WizardConfig,\n  stepContext: StepContext,\n  formMethods?: { getValues?: () => any },\n): string | undefined {\n  const { isLastStep } = stepContext;\n\n  if (!isLastStep || !wizardConfig.submitLabel) return undefined;\n\n  if (\n    typeof wizardConfig.submitLabel === \"function\" &&\n    formMethods?.getValues\n  ) {\n    return wizardConfig.submitLabel(formMethods.getValues());\n  }\n\n  if (typeof wizardConfig.submitLabel === \"string\") {\n    return wizardConfig.submitLabel;\n  }\n\n  return undefined;\n}\n\n/**\n * Evaluates wizard step-specific submit label\n */\nfunction evaluateWizardStepLabel(\n  wizardConfig: WizardConfig,\n  stepContext: StepContext,\n  formMethods?: { getValues?: () => any },\n): string | undefined {\n  const { currentStep } = stepContext;\n\n  if (currentStep === undefined) return undefined;\n\n  const stepSubmitLabel = wizardConfig.steps?.[currentStep - 1]?.submitLabel;\n\n  if (!stepSubmitLabel) return undefined;\n\n  if (typeof stepSubmitLabel === \"function\" && formMethods?.getValues) {\n    return stepSubmitLabel(formMethods.getValues());\n  }\n\n  if (typeof stepSubmitLabel === \"string\") {\n    return stepSubmitLabel;\n  }\n\n  return undefined;\n}\n"],"mappings":"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"}

package/dist/cjs/components/actions/actionHelpers.d.cts

@@ -0,0 +1,129 @@
+import { ActionItemConfig, ActionItemType } from "./types.cjs";
+import { DialogType } from "../dialog/Dialog.types.cjs";
+import "../dialog/index.cjs";
+
+//#region src/components/actions/actionHelpers.d.ts
+interface StepContext {
+  currentStep?: number;
+  isLastStep?: boolean;
+}
+interface SubmitLabelEvaluationContext {
+  formMethods?: {
+    getValues?: () => any;
+  };
+  stepContext?: StepContext;
+  wizardConfig?: WizardConfig;
+}
+interface WizardConfig {
+  steps?: {
+    submitLabel?: ((values: any) => string) | string;
+  }[];
+  submitLabel?: ((values: any) => string) | string;
+}
+interface WizardActionsConfig {
+  formMethods?: any;
+  isFirst: boolean;
+  isLast: boolean;
+  isSubmitting?: boolean;
+  onClose?: () => void;
+  onNext?: () => void;
+  onPrevious?: () => void;
+  onSubmit?: () => void;
+  submitLabel?: ((values: any) => string) | string;
+}
+interface StepActionsConfig {
+  formMethods?: any;
+  isFirst: boolean;
+  isLast: boolean;
+  isSubmitting?: boolean;
+  onClose?: () => void;
+  onNext?: () => void;
+  onPrevious?: () => void;
+  submitLabel?: ((values: any) => string) | string;
+}
+/**
+ * Action creation utilities for common dialog and form patterns.
+ *
+ * These helpers provide a consistent way to create action configurations
+ * while maintaining type safety and reducing boilerplate.
+ *
+ * @example
+ * ```tsx
+ * const { cancel, submit, back, next } = createActionHelpers();
+ *
+ * const actions = [
+ *   cancel(handleClose),
+ *   submit(handleSubmit, "Save", isSubmitting),
+ *   back(handlePrevious),
+ *   next(handleNext)
+ * ];
+ * ```
+ */
+declare function createActionHelpers<T = any>(): {
+  /**
+   * Creates a back button action for navigation
+   */
+  back: (onClick?: () => void, label?: string, disabled?: boolean) => ActionItemConfig;
+  /**
+   * Creates a custom button action
+   */
+  button: (onClick?: () => void, label?: string, disabled?: boolean) => ActionItemConfig;
+  /**
+   * Creates a cancel action that closes dialogs or cancels operations
+   */
+  cancel: (onClick?: () => void, label?: string) => ActionItemConfig;
+  /**
+   * Creates a custom action with specific type
+   */
+  custom: (type: ActionItemType, onClick?: () => void, label?: string, options?: Partial<ActionItemConfig>) => ActionItemConfig;
+  /**
+   * Creates a next button action for navigation
+   */
+  next: (onClick?: () => void, label?: string) => ActionItemConfig;
+  /**
+   * Creates a retry action for retrying the current step
+   */
+  retry: (onClick?: () => void, label?: string) => ActionItemConfig;
+  /**
+   * Creates a submit action for form submissions
+   */
+  submit: (onClick?: () => void, label?: string, isSubmitting?: boolean) => ActionItemConfig;
+};
+/**
+ * Creates standard dialog actions (Cancel + Submit/Continue)
+ */
+declare function createDialogActions(config: {
+  cancelLabel?: string;
+  confirmLabel?: string;
+  isSubmitting?: boolean;
+  onCancel?: () => void;
+  onConfirm?: () => void;
+  type?: DialogType;
+}): ActionItemConfig[];
+/**
+ * Creates form-specific actions with optional cancel button
+ */
+declare function createFormActions(config: {
+  cancelLabel?: string;
+  isSubmitting?: boolean;
+  onCancel?: () => void;
+  onSubmit?: () => void;
+  showCancel?: boolean;
+  submitLabel?: string;
+}): ActionItemConfig[];
+/**
+ * Creates wizard-specific actions with conditional Back/Next/Submit buttons
+ */
+declare function createWizardActions(config: WizardActionsConfig): ActionItemConfig[];
+/**
+ * Creates step-specific actions with Previous and Next buttons
+ */
+declare function createStepActions(config: StepActionsConfig): ActionItemConfig[];
+/**
+ * Evaluates dynamic submit label if it's a function, otherwise returns static label
+ * Enhanced to handle wizard step-specific labels
+ */
+declare function evaluateSubmitLabel(submitLabel: ((values: any) => string) | string | undefined, context?: SubmitLabelEvaluationContext): string | undefined;
+//#endregion
+export { StepActionsConfig, SubmitLabelEvaluationContext, WizardActionsConfig, createActionHelpers, createDialogActions, createFormActions, createStepActions, createWizardActions, evaluateSubmitLabel };
+//# sourceMappingURL=actionHelpers.d.cts.map

package/dist/cjs/components/actions/index.cjs

@@ -0,0 +1,57 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_components_actions_types = require('./types.cjs');
+const require_components_actions_actionHelpers = require('./actionHelpers.cjs');
+const require_components_actions_registry = require('./registry.cjs');
+const require_components_actions_ActionListRenderer = require('./ActionListRenderer.cjs');
+const require_components_actions_register = require('./register.cjs');
+
+//#region src/components/actions/index.ts
+var actions_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	ActionItemType: () => require_components_actions_types.ActionItemType,
+	ActionListRenderer: () => require_components_actions_ActionListRenderer.ActionListRenderer,
+	createActionHelpers: () => require_components_actions_actionHelpers.createActionHelpers,
+	createDialogActions: () => require_components_actions_actionHelpers.createDialogActions,
+	createFormActions: () => require_components_actions_actionHelpers.createFormActions,
+	createStepActions: () => require_components_actions_actionHelpers.createStepActions,
+	createWizardActions: () => require_components_actions_actionHelpers.createWizardActions,
+	evaluateSubmitLabel: () => require_components_actions_actionHelpers.evaluateSubmitLabel,
+	getActionItemComponent: () => require_components_actions_registry.getActionItemComponent,
+	registerActionItemComponent: () => require_components_actions_registry.registerActionItemComponent,
+	registerAllActionItems: () => require_components_actions_register.registerAllActionItems,
+	resetRegistryForTesting: () => require_components_actions_registry.resetRegistryForTesting
+});
+var init_actions = require_rolldown_runtime.__esmMin((() => {
+	init_actionHelpers();
+	init_ActionListRenderer();
+	init_register();
+	init_registry();
+	init_types();
+}));
+
+//#endregion
+init_actions();
+exports.ActionItemType = require_components_actions_types.ActionItemType;
+exports.ActionListRenderer = require_components_actions_ActionListRenderer.ActionListRenderer;
+Object.defineProperty(exports, 'actions_exports', {
+  enumerable: true,
+  get: function () {
+    return actions_exports;
+  }
+});
+exports.createActionHelpers = require_components_actions_actionHelpers.createActionHelpers;
+exports.createDialogActions = require_components_actions_actionHelpers.createDialogActions;
+exports.createFormActions = require_components_actions_actionHelpers.createFormActions;
+exports.createStepActions = require_components_actions_actionHelpers.createStepActions;
+exports.createWizardActions = require_components_actions_actionHelpers.createWizardActions;
+exports.evaluateSubmitLabel = require_components_actions_actionHelpers.evaluateSubmitLabel;
+exports.getActionItemComponent = require_components_actions_registry.getActionItemComponent;
+Object.defineProperty(exports, 'init_actions', {
+  enumerable: true,
+  get: function () {
+    return init_actions;
+  }
+});
+exports.registerActionItemComponent = require_components_actions_registry.registerActionItemComponent;
+exports.registerAllActionItems = require_components_actions_register.registerAllActionItems;
+exports.resetRegistryForTesting = require_components_actions_registry.resetRegistryForTesting;
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/components/actions/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/components/actions/index.ts"],"sourcesContent":["export * from \"./actionHelpers\";\n/**\n * Action System Documentation\n *\n * The action system provides a consistent way to handle user interactions in dialogs and forms.\n *\n * Basic Usage:\n *\n * 1. First register the action items you need:\n *\n * ```ts\n * // In your app initialization\n * import { registerAllActionItems } from './actions';\n *\n * registerAllActionItems();\n * ```\n *\n * 2. Use ActionListRenderer with your action configurations:\n *\n * ```tsx\n * <ActionListRenderer\n *   actions={[\n *     {\n *       type: ActionItemType.CANCEL,\n *       label: 'Close',\n *       className: 'mr-auto'\n *     },\n *     {\n *       type: ActionItemType.SUBMIT,\n *       label: 'Save Changes',\n *       disabled: isSubmitting\n *     }\n *   ]}\n *   layout=\"horizontal\"\n * />\n * ```\n *\n * Action Item Configuration Examples:\n *\n * // Submit action with loading state\n * {\n *   type: ActionItemType.SUBMIT,\n *   label: 'Save',\n *   disabled: formState.isSubmitting\n * }\n *\n * // Cancel button that closes dialog\n * {\n *   type: ActionItemType.CANCEL,\n *   label: 'Cancel',\n *   onClick: () => console.log('Custom cancel handler')\n * }\n *\n * // Custom action with click handler\n * {\n *   type: ActionItemType.CUSTOM,\n *   label: 'Preview',\n *   onClick: showPreview,\n *   className: 'bg-blue-100'\n * }\n *\n * // Link action navigating to external URL\n * {\n *   type: ActionItemType.LINK,\n *   label: 'View Docs',\n *   to: 'https://docs.example.com',\n *   target: '_blank'\n * }\n */\nexport * from \"./ActionListRenderer\";\nexport * from \"./register\";\nexport * from \"./registry\";\nexport * from \"./types\";\n"],"mappings":""}

package/dist/cjs/components/actions/index.d.cts

@@ -0,0 +1,6 @@
+import { ActionItemConfig, ActionItemProps, ActionItemType, ActionListLayout, ButtonActionItemConfig, CancelActionItemConfig, CustomActionItemConfig, CustomComponentActionItemConfig, LinkActionItemConfig, RetryActionItemConfig, SubmitActionItemConfig } from "./types.cjs";
+import { ActionListRenderer } from "./ActionListRenderer.cjs";
+import { registerAllActionItems } from "./register.cjs";
+import { getActionItemComponent, registerActionItemComponent, resetRegistryForTesting } from "./registry.cjs";
+import { StepActionsConfig, SubmitLabelEvaluationContext, WizardActionsConfig, createActionHelpers, createDialogActions, createFormActions, createStepActions, createWizardActions, evaluateSubmitLabel } from "./actionHelpers.cjs";
+export { ActionItemConfig, ActionItemProps, ActionItemType, ActionListLayout, ActionListRenderer, ButtonActionItemConfig, CancelActionItemConfig, CustomActionItemConfig, CustomComponentActionItemConfig, LinkActionItemConfig, RetryActionItemConfig, StepActionsConfig, SubmitActionItemConfig, SubmitLabelEvaluationContext, WizardActionsConfig, createActionHelpers, createDialogActions, createFormActions, createStepActions, createWizardActions, evaluateSubmitLabel, getActionItemComponent, registerActionItemComponent, registerAllActionItems, resetRegistryForTesting };

package/dist/cjs/components/actions/items/ButtonActionItem.cjs

@@ -0,0 +1,38 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_components_actions_types = require('../types.cjs');
+const require_components_actions_registry = require('../registry.cjs');
+let _lumeweb_portal_framework_ui_core = require("@lumeweb/portal-framework-ui-core");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/actions/items/ButtonActionItem.tsx
+function registerButtonActionItem() {
+	require_components_actions_registry.registerActionItemComponent(require_components_actions_types.ActionItemType.BUTTON, ButtonActionItem);
+}
+var ButtonActionItem;
+var init_ButtonActionItem = require_rolldown_runtime.__esmMin((() => {
+	require_components_actions_registry.init_registry();
+	require_components_actions_types.init_types();
+	ButtonActionItem = ({ config, isSubmitting }) => {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Button, {
+			className: config.className,
+			disabled: isSubmitting || config.disabled,
+			onClick: config.onClick,
+			type: "button",
+			children: config.label ?? config.children ?? "Button"
+		});
+	};
+}));
+
+//#endregion
+init_ButtonActionItem();
+exports.ButtonActionItem = ButtonActionItem;
+Object.defineProperty(exports, 'init_ButtonActionItem', {
+  enumerable: true,
+  get: function () {
+    return init_ButtonActionItem;
+  }
+});
+exports.registerButtonActionItem = registerButtonActionItem;
+//# sourceMappingURL=ButtonActionItem.cjs.map

package/dist/cjs/components/actions/items/ButtonActionItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonActionItem.cjs","names":["ActionItemType","Button"],"sources":["../../../../../src/components/actions/items/ButtonActionItem.tsx"],"sourcesContent":["import { Button } from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nimport { registerActionItemComponent } from \"../registry\";\nimport {\n  ActionItemProps,\n  ActionItemType,\n  ButtonActionItemConfig,\n} from \"../types\";\n\nexport const ButtonActionItem: React.FC<\n  ActionItemProps<ButtonActionItemConfig>\n> = ({ config, isSubmitting }) => {\n  return (\n    <Button\n      className={config.className}\n      disabled={isSubmitting || config.disabled}\n      onClick={config.onClick}\n      type=\"button\">\n      {config.label ?? config.children ?? \"Button\"}\n    </Button>\n  );\n};\n\nexport function registerButtonActionItem() {\n  registerActionItemComponent(ActionItemType.BUTTON, ButtonActionItem);\n}"],"mappings":";;;;;;;;;AAwBA,SAAgB,2BAA2B;AACzC,iEAA4BA,gDAAe,QAAQ,iBAAiB;;;;oDAtBZ;8CAKxC;CAEL,oBAER,EAAE,QAAQ,mBAAmB;AAChC,SACE,2CAACC;GACC,WAAW,OAAO;GAClB,UAAU,gBAAgB,OAAO;GACjC,SAAS,OAAO;GAChB,MAAK;aACJ,OAAO,SAAS,OAAO,YAAY;IAC7B"}

package/dist/cjs/components/actions/items/ButtonActionItem.d.cts

@@ -0,0 +1,9 @@
+import { ActionItemProps, ButtonActionItemConfig } from "../types.cjs";
+import React from "react";
+
+//#region src/components/actions/items/ButtonActionItem.d.ts
+declare const ButtonActionItem: React.FC<ActionItemProps<ButtonActionItemConfig>>;
+declare function registerButtonActionItem(): void;
+//#endregion
+export { ButtonActionItem, registerButtonActionItem };
+//# sourceMappingURL=ButtonActionItem.d.cts.map

package/dist/cjs/components/actions/items/CancelActionItem.cjs

@@ -0,0 +1,43 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_components_actions_types = require('../types.cjs');
+const require_components_actions_registry = require('../registry.cjs');
+let _lumeweb_portal_framework_ui_core = require("@lumeweb/portal-framework-ui-core");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/actions/items/CancelActionItem.tsx
+function registerCancelActionItem() {
+	require_components_actions_registry.registerActionItemComponent(require_components_actions_types.ActionItemType.CANCEL, CancelActionItem);
+}
+var CancelActionItem;
+var init_CancelActionItem = require_rolldown_runtime.__esmMin((() => {
+	require_components_actions_registry.init_registry();
+	require_components_actions_types.init_types();
+	CancelActionItem = ({ closeDialog, config, isSubmitting }) => {
+		const handleClick = () => {
+			if (closeDialog) closeDialog();
+			if (config.onClick) config.onClick?.();
+		};
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Button, {
+			className: config.className,
+			disabled: isSubmitting ?? config.disabled,
+			onClick: handleClick,
+			type: "button",
+			variant: "outline",
+			children: config.label ?? config.children ?? "Cancel"
+		});
+	};
+}));
+
+//#endregion
+init_CancelActionItem();
+exports.CancelActionItem = CancelActionItem;
+Object.defineProperty(exports, 'init_CancelActionItem', {
+  enumerable: true,
+  get: function () {
+    return init_CancelActionItem;
+  }
+});
+exports.registerCancelActionItem = registerCancelActionItem;
+//# sourceMappingURL=CancelActionItem.cjs.map

package/dist/cjs/components/actions/items/CancelActionItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancelActionItem.cjs","names":["ActionItemType","Button"],"sources":["../../../../../src/components/actions/items/CancelActionItem.tsx"],"sourcesContent":["import { Button } from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nimport { registerActionItemComponent } from \"../registry\";\nimport {\n  ActionItemProps,\n  ActionItemType,\n  CancelActionItemConfig,\n} from \"../types\";\n\nexport const CancelActionItem: React.FC<\n  ActionItemProps<CancelActionItemConfig>\n> = ({ closeDialog, config, isSubmitting }) => {\n  const handleClick = () => {\n    if (closeDialog) {\n      closeDialog();\n    }\n    if (config.onClick) {\n      config.onClick?.();\n    }\n  };\n\n  return (\n    <Button\n      className={config.className}\n      disabled={isSubmitting ?? config.disabled}\n      onClick={handleClick}\n      type=\"button\"\n      variant=\"outline\">\n      {config.label ?? config.children ?? \"Cancel\"}\n    </Button>\n  );\n};\n\nexport function registerCancelActionItem() {\n  registerActionItemComponent(ActionItemType.CANCEL, CancelActionItem);\n}\n"],"mappings":";;;;;;;;;AAkCA,SAAgB,2BAA2B;AACzC,iEAA4BA,gDAAe,QAAQ,iBAAiB;;;;oDAhCZ;8CAKxC;CAEL,oBAER,EAAE,aAAa,QAAQ,mBAAmB;EAC7C,MAAM,oBAAoB;AACxB,OAAI,YACF,cAAa;AAEf,OAAI,OAAO,QACT,QAAO,WAAW;;AAItB,SACE,2CAACC;GACC,WAAW,OAAO;GAClB,UAAU,gBAAgB,OAAO;GACjC,SAAS;GACT,MAAK;GACL,SAAQ;aACP,OAAO,SAAS,OAAO,YAAY;IAC7B"}

package/dist/cjs/components/actions/items/CancelActionItem.d.cts

@@ -0,0 +1,9 @@
+import { ActionItemProps, CancelActionItemConfig } from "../types.cjs";
+import React from "react";
+
+//#region src/components/actions/items/CancelActionItem.d.ts
+declare const CancelActionItem: React.FC<ActionItemProps<CancelActionItemConfig>>;
+declare function registerCancelActionItem(): void;
+//#endregion
+export { CancelActionItem, registerCancelActionItem };
+//# sourceMappingURL=CancelActionItem.d.cts.map

package/dist/cjs/components/actions/items/CancelActionItem.spec.cjs

@@ -0,0 +1,150 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_components_actions_types = require('../types.cjs');
+const require_components_actions_registry = require('../registry.cjs');
+const require_components_actions_items_CancelActionItem = require('./CancelActionItem.cjs');
+let _lumeweb_portal_framework_ui_core = require("@lumeweb/portal-framework-ui-core");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js = require("/home/runner/work/web/web/node_modules/.pnpm/@testing-library+react@16.3.1_@testing-library+dom@10.4.0_@types+react-dom@19.2.3_@type_dda5dedfc9a50d1db6bb0a214573fe51/node_modules/@testing-library/react/dist/index.js");
+let _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js = require("/home/runner/work/web/web/node_modules/.pnpm/vitest@4.0.16_@types+node@25.0.6_@vitest+browser-playwright@4.0.16_happy-dom@20.1.0_jit_f9bfc6b661e56e62de1f809a028e46f4/node_modules/vitest/dist/index.js");
+
+//#region src/components/actions/items/CancelActionItem.spec.tsx
+require_components_actions_registry.init_registry();
+require_components_actions_types.init_types();
+require_components_actions_items_CancelActionItem.init_CancelActionItem();
+_home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.mock("@lumeweb/portal-framework-ui-core", () => ({
+	Button: _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn(({ children, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		...props,
+		children
+	})),
+	cn: _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn((...classes) => classes.filter(Boolean).join(" ")),
+	Spinner: _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn(({ className, size }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		className,
+		"data-testid": "spinner",
+		children: [
+			"Loading (",
+			size,
+			")"
+		]
+	}))
+}));
+_home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.mock("../registry", () => ({
+	registerActionItemComponent: _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn(),
+	resetRegistryForTesting: _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn()
+}));
+(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.describe)("CancelActionItem", () => {
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.afterEach)(() => {
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.cleanup)();
+		_home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.clearAllMocks();
+	});
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it)("renders with default label when no label or children are provided", () => {
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_actions_items_CancelActionItem.CancelActionItem, { config: { type: require_components_actions_types.ActionItemType.CANCEL } }));
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByRole("button")).toHaveTextContent("Cancel");
+	});
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it)("renders with provided label", () => {
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_actions_items_CancelActionItem.CancelActionItem, { config: {
+			label: "Close Dialog",
+			type: require_components_actions_types.ActionItemType.CANCEL
+		} }));
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByRole("button")).toHaveTextContent("Close Dialog");
+	});
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it)("renders with provided children", () => {
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_actions_items_CancelActionItem.CancelActionItem, { config: {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "Exit" }),
+			type: require_components_actions_types.ActionItemType.CANCEL
+		} }));
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByRole("button")).toContainHTML("<span>Exit</span>");
+	});
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it)("prefers label over children", () => {
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_actions_items_CancelActionItem.CancelActionItem, { config: {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "Ignored Children" }),
+			label: "Preferred Label",
+			type: require_components_actions_types.ActionItemType.CANCEL
+		} }));
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByRole("button")).toHaveTextContent("Preferred Label");
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByRole("button")).not.toContainHTML("<span>Ignored Children</span>");
+	});
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it)("calls closeDialog when clicked and no onClick is provided", () => {
+		const mockCloseDialog = _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn();
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_actions_items_CancelActionItem.CancelActionItem, {
+			closeDialog: mockCloseDialog,
+			config: { type: require_components_actions_types.ActionItemType.CANCEL }
+		}));
+		_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.fireEvent.click(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByRole("button"));
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(mockCloseDialog).toHaveBeenCalledTimes(1);
+	});
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it)("calls onClick when clicked and onClick is provided", () => {
+		const mockOnClick = _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn();
+		const mockCloseDialog = _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn();
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_actions_items_CancelActionItem.CancelActionItem, {
+			closeDialog: mockCloseDialog,
+			config: {
+				onClick: mockOnClick,
+				type: require_components_actions_types.ActionItemType.CANCEL
+			}
+		}));
+		_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.fireEvent.click(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByRole("button"));
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(mockOnClick).toHaveBeenCalledTimes(1);
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(mockCloseDialog).not.toHaveBeenCalled();
+	});
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it)("is disabled when config.disabled is true", () => {
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_actions_items_CancelActionItem.CancelActionItem, { config: {
+			disabled: true,
+			type: require_components_actions_types.ActionItemType.CANCEL
+		} }));
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByRole("button")).toBeDisabled();
+	});
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it)("is disabled when isSubmitting is true", () => {
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_actions_items_CancelActionItem.CancelActionItem, {
+			config: { type: require_components_actions_types.ActionItemType.CANCEL },
+			isSubmitting: true
+		}));
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByRole("button")).toBeDisabled();
+	});
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it)("is disabled when both config.disabled and isSubmitting are true", () => {
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_actions_items_CancelActionItem.CancelActionItem, {
+			config: {
+				disabled: true,
+				type: require_components_actions_types.ActionItemType.CANCEL
+			},
+			isSubmitting: true
+		}));
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByRole("button")).toBeDisabled();
+	});
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it)("is not disabled when neither config.disabled nor isSubmitting are true", () => {
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_actions_items_CancelActionItem.CancelActionItem, {
+			config: {
+				disabled: false,
+				type: require_components_actions_types.ActionItemType.CANCEL
+			},
+			isSubmitting: false
+		}));
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByRole("button")).not.toBeDisabled();
+	});
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it)("applies className from config", () => {
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_actions_items_CancelActionItem.CancelActionItem, { config: {
+			className: "extra-class",
+			type: require_components_actions_types.ActionItemType.CANCEL
+		} }));
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByRole("button")).toHaveClass("extra-class");
+	});
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it)("renders with type='button' and variant='outline'", () => {
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_actions_items_CancelActionItem.CancelActionItem, { config: { type: require_components_actions_types.ActionItemType.CANCEL } }));
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByRole("button")).toHaveAttribute("type", "button");
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.mocked(_lumeweb_portal_framework_ui_core.Button)).toHaveBeenCalledWith(_home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect.objectContaining({ variant: "outline" }), {});
+	});
+});
+(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.describe)("registerCancelActionItem", () => {
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.beforeEach)(() => {
+		_home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.mocked(require_components_actions_registry.registerActionItemComponent).mockClear();
+	});
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it)("should register the CancelActionItem component", () => {
+		require_components_actions_items_CancelActionItem.registerCancelActionItem();
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(require_components_actions_registry.registerActionItemComponent).toHaveBeenCalledTimes(1);
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(require_components_actions_registry.registerActionItemComponent).toHaveBeenCalledWith(require_components_actions_types.ActionItemType.CANCEL, require_components_actions_items_CancelActionItem.CancelActionItem);
+	});
+});
+
+//#endregion
+//# sourceMappingURL=CancelActionItem.spec.cjs.map

package/dist/cjs/components/actions/items/CancelActionItem.spec.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancelActionItem.spec.cjs","names":["vi","CancelActionItem","ActionItemType","screen","Button","expect","registerActionItemComponent"],"sources":["../../../../../src/components/actions/items/CancelActionItem.spec.tsx"],"sourcesContent":["// Import the mocked Button component after its mock is defined\nimport { Button } from \"@lumeweb/portal-framework-ui-core\";\nimport { cleanup, fireEvent, render, screen } from \"@testing-library/react\"; // Import cleanup\nimport React from \"react\";\nimport { afterEach, beforeEach, describe, expect, it, vi } from \"vitest\"; // Import afterEach and beforeEach\n\n// Import the mocked registry function just before the suite that uses it\nimport { registerActionItemComponent } from \"../registry\";\nimport { ActionItemType } from \"../types\";\n// We will mock react-router's Link, so we don't import the actual RouterLink here yet\n// Now import the component and its registration function AFTER the mocks\nimport { CancelActionItem, registerCancelActionItem } from \"./CancelActionItem\";\n// We will mock the registry module, so we don't import the actual registerActionItemComponent here yet\n\n// Mock the Button component from the core library *before* importing CancelActionItem\nvi.mock(\"@lumeweb/portal-framework-ui-core\", () => ({\n  Button: vi.fn(({ children, ...props }) => (\n    <button {...props}>{children}</button>\n  )),\n  cn: vi.fn((...classes) => classes.filter(Boolean).join(\" \")), // Also mock cn\n  Spinner: vi.fn(\n    (\n      { className, size }, // Also mock Spinner as it might be used in other item tests\n    ) => (\n      <span className={className} data-testid=\"spinner\">\n        Loading ({size})\n      </span>\n    ),\n  ),\n}));\n\n// Mock the registry module *before* importing registerCancelActionItem\n// Define the mock function *inside* the factory\nvi.mock(\"../registry\", () => ({\n  registerActionItemComponent: vi.fn(), // Define mock here\n  // Keep other exports if needed by other tests in this file, though none currently are\n  resetRegistryForTesting: vi.fn(), // Mock this too if it were used here\n}));\n\ndescribe(\"CancelActionItem\", () => {\n  afterEach(() => {\n    cleanup();\n    vi.clearAllMocks();\n  });\n\n  it(\"renders with default label when no label or children are provided\", () => {\n    render(<CancelActionItem config={{ type: ActionItemType.CANCEL }} />);\n    expect(screen.getByRole(\"button\")).toHaveTextContent(\"Cancel\");\n  });\n\n  it(\"renders with provided label\", () => {\n    render(\n      <CancelActionItem\n        config={{ label: \"Close Dialog\", type: ActionItemType.CANCEL }}\n      />,\n    );\n    expect(screen.getByRole(\"button\")).toHaveTextContent(\"Close Dialog\");\n  });\n\n  it(\"renders with provided children\", () => {\n    render(\n      <CancelActionItem\n        config={{ children: <span>Exit</span>, type: ActionItemType.CANCEL }}\n      />,\n    );\n    expect(screen.getByRole(\"button\")).toContainHTML(\"<span>Exit</span>\");\n  });\n\n  it(\"prefers label over children\", () => {\n    render(\n      <CancelActionItem\n        config={{\n          children: <span>Ignored Children</span>,\n          label: \"Preferred Label\",\n          type: ActionItemType.CANCEL,\n        }}\n      />,\n    );\n    expect(screen.getByRole(\"button\")).toHaveTextContent(\"Preferred Label\");\n    expect(screen.getByRole(\"button\")).not.toContainHTML(\n      \"<span>Ignored Children</span>\",\n    );\n  });\n\n  it(\"calls closeDialog when clicked and no onClick is provided\", () => {\n    const mockCloseDialog = vi.fn();\n    render(\n      <CancelActionItem\n        closeDialog={mockCloseDialog}\n        config={{ type: ActionItemType.CANCEL }}\n      />,\n    );\n    fireEvent.click(screen.getByRole(\"button\"));\n    expect(mockCloseDialog).toHaveBeenCalledTimes(1);\n  });\n\n  it(\"calls onClick when clicked and onClick is provided\", () => {\n    const mockOnClick = vi.fn();\n    const mockCloseDialog = vi.fn();\n    render(\n      <CancelActionItem\n        closeDialog={mockCloseDialog}\n        config={{ onClick: mockOnClick, type: ActionItemType.CANCEL }}\n      />,\n    );\n    fireEvent.click(screen.getByRole(\"button\"));\n    expect(mockOnClick).toHaveBeenCalledTimes(1);\n    expect(mockCloseDialog).not.toHaveBeenCalled(); // onClick takes precedence\n  });\n\n  it(\"is disabled when config.disabled is true\", () => {\n    render(\n      <CancelActionItem\n        config={{ disabled: true, type: ActionItemType.CANCEL }}\n      />,\n    );\n    expect(screen.getByRole(\"button\")).toBeDisabled();\n  });\n\n  it(\"is disabled when isSubmitting is true\", () => {\n    render(\n      <CancelActionItem\n        config={{ type: ActionItemType.CANCEL }}\n        isSubmitting={true}\n      />,\n    );\n    expect(screen.getByRole(\"button\")).toBeDisabled();\n  });\n\n  it(\"is disabled when both config.disabled and isSubmitting are true\", () => {\n    render(\n      <CancelActionItem\n        config={{ disabled: true, type: ActionItemType.CANCEL }}\n        isSubmitting={true}\n      />,\n    );\n    expect(screen.getByRole(\"button\")).toBeDisabled();\n  });\n\n  it(\"is not disabled when neither config.disabled nor isSubmitting are true\", () => {\n    render(\n      <CancelActionItem\n        config={{ disabled: false, type: ActionItemType.CANCEL }}\n        isSubmitting={false}\n      />,\n    );\n    expect(screen.getByRole(\"button\")).not.toBeDisabled();\n  });\n\n  it(\"applies className from config\", () => {\n    render(\n      <CancelActionItem\n        config={{ className: \"extra-class\", type: ActionItemType.CANCEL }}\n      />,\n    );\n    expect(screen.getByRole(\"button\")).toHaveClass(\"extra-class\");\n  });\n\n  it(\"renders with type='button' and variant='outline'\", () => {\n    render(<CancelActionItem config={{ type: ActionItemType.CANCEL }} />);\n    const button = screen.getByRole(\"button\");\n    expect(button).toHaveAttribute(\"type\", \"button\");\n    // Check if the mock Button was called with the correct variant prop\n    expect(vi.mocked(Button)).toHaveBeenCalledWith(\n      expect.objectContaining({ variant: \"outline\" }),\n      {},\n    );\n  });\n});\n\ndescribe(\"registerCancelActionItem\", () => {\n  // Clear the mock calls on the registry mock before this test suite\n  beforeEach(() => {\n    // Use the imported mock function directly\n    vi.mocked(registerActionItemComponent).mockClear();\n  });\n\n  it(\"should register the CancelActionItem component\", () => {\n    registerCancelActionItem();\n\n    // Assert that the mocked registerActionItemComponent was called\n    expect(registerActionItemComponent).toHaveBeenCalledTimes(1);\n    expect(registerActionItemComponent).toHaveBeenCalledWith(\n      ActionItemType.CANCEL,\n      CancelActionItem,\n    );\n  });\n});\n"],"mappings":"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"}

package/dist/cjs/components/actions/items/CancelActionItem.spec.d.cts

@@ -0,0 +1 @@
+export { };

package/dist/cjs/components/actions/items/CustomActionItem.cjs

@@ -0,0 +1,42 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_components_actions_types = require('../types.cjs');
+const require_components_actions_registry = require('../registry.cjs');
+let _lumeweb_portal_framework_ui_core = require("@lumeweb/portal-framework-ui-core");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/actions/items/CustomActionItem.tsx
+function registerCustomActionItem() {
+	require_components_actions_registry.registerActionItemComponent(require_components_actions_types.ActionItemType.CUSTOM, CustomActionItem);
+}
+var CustomActionItem;
+var init_CustomActionItem = require_rolldown_runtime.__esmMin((() => {
+	require_components_actions_registry.init_registry();
+	require_components_actions_types.init_types();
+	CustomActionItem = ({ config, isSubmitting }) => {
+		if (!config.onClick) {
+			console.error("CustomActionItem requires an onClick handler in its config.", config);
+			return null;
+		}
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Button, {
+			className: config.className,
+			disabled: isSubmitting || config.disabled,
+			onClick: config.onClick,
+			type: "button",
+			children: config.label ?? config.children
+		});
+	};
+}));
+
+//#endregion
+init_CustomActionItem();
+exports.CustomActionItem = CustomActionItem;
+Object.defineProperty(exports, 'init_CustomActionItem', {
+  enumerable: true,
+  get: function () {
+    return init_CustomActionItem;
+  }
+});
+exports.registerCustomActionItem = registerCustomActionItem;
+//# sourceMappingURL=CustomActionItem.cjs.map

package/dist/cjs/components/actions/items/CustomActionItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomActionItem.cjs","names":["ActionItemType","Button"],"sources":["../../../../../src/components/actions/items/CustomActionItem.tsx"],"sourcesContent":["import { Button } from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nimport { registerActionItemComponent } from \"../registry\";\nimport {\n  ActionItemProps,\n  ActionItemType,\n  CustomActionItemConfig,\n} from \"../types\";\n\nexport const CustomActionItem: React.FC<\n  ActionItemProps<CustomActionItemConfig>\n> = ({ config, isSubmitting }) => {\n  if (!config.onClick) {\n    console.error(\n      \"CustomActionItem requires an onClick handler in its config.\",\n      config,\n    );\n    return null;\n  }\n  return (\n    <Button\n      className={config.className}\n      disabled={isSubmitting || config.disabled}\n      onClick={config.onClick}\n      type=\"button\">\n      {config.label ?? config.children}\n    </Button>\n  );\n};\n\nexport function registerCustomActionItem() {\n  registerActionItemComponent(ActionItemType.CUSTOM, CustomActionItem);\n}\n"],"mappings":";;;;;;;;;AA+BA,SAAgB,2BAA2B;AACzC,iEAA4BA,gDAAe,QAAQ,iBAAiB;;;;oDA7BZ;8CAKxC;CAEL,oBAER,EAAE,QAAQ,mBAAmB;AAChC,MAAI,CAAC,OAAO,SAAS;AACnB,WAAQ,MACN,+DACA,OACD;AACD,UAAO;;AAET,SACE,2CAACC;GACC,WAAW,OAAO;GAClB,UAAU,gBAAgB,OAAO;GACjC,SAAS,OAAO;GAChB,MAAK;aACJ,OAAO,SAAS,OAAO;IACjB"}

package/dist/cjs/components/actions/items/CustomActionItem.d.cts

@@ -0,0 +1,9 @@
+import { ActionItemProps, CustomActionItemConfig } from "../types.cjs";
+import React from "react";
+
+//#region src/components/actions/items/CustomActionItem.d.ts
+declare const CustomActionItem: React.FC<ActionItemProps<CustomActionItemConfig>>;
+declare function registerCustomActionItem(): void;
+//#endregion
+export { CustomActionItem, registerCustomActionItem };
+//# sourceMappingURL=CustomActionItem.d.cts.map