@mittwald/flow-react-components 0.1.0-alpha.99 → 0.2.0-alpha.5

package/dist/js/context-BaYmTa0I.js

@@ -0,0 +1,62 @@
+"use client"
+/* */
+var r = Object.defineProperty;
+var a = (s, e, n) => e in s ? r(s, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : s[e] = n;
+var t = (s, e, n) => a(s, typeof e != "symbol" ? e + "" : e, n);
+import { makeObservable as u, observable as i, action as O } from "mobx";
+import { u as d } from "./useSelector-DpU7_HMO.js";
+import { useRef as o, createContext as h, useContext as c } from "react";
+class l {
+  constructor(e) {
+    t(this, "isOpen");
+    t(this, "onOpenHandlers", /* @__PURE__ */ new Set());
+    t(this, "onCloseHandlers", /* @__PURE__ */ new Set());
+    u(this, {
+      isOpen: i,
+      open: O.bound,
+      close: O.bound,
+      toggle: O.bound,
+      setOpen: O.bound
+    }), this.isOpen = (e == null ? void 0 : e.isDefaultOpen) ?? !1, e != null && e.onOpen && this.onOpenHandlers.add(e.onOpen), e != null && e.onClose && this.onCloseHandlers.add(e.onClose);
+  }
+  static useNew(e) {
+    return o(new l(e)).current;
+  }
+  addOnOpen(e) {
+    return this.onOpenHandlers.add(e), () => {
+      this.onOpenHandlers.delete(e);
+    };
+  }
+  addOnClose(e) {
+    return this.onCloseHandlers.add(e), () => {
+      this.onCloseHandlers.delete(e);
+    };
+  }
+  executeOnClose() {
+    this.onCloseHandlers.forEach((e) => e());
+  }
+  executeOnOpen() {
+    this.onOpenHandlers.forEach((e) => e());
+  }
+  open() {
+    this.isOpen = !0, this.executeOnOpen();
+  }
+  close() {
+    this.isOpen = !1, this.executeOnClose();
+  }
+  toggle() {
+    this.isOpen = !this.isOpen, this.isOpen ? this.executeOnOpen() : this.executeOnClose();
+  }
+  setOpen(e) {
+    this.isOpen = e, e ? this.executeOnOpen() : this.executeOnClose();
+  }
+  useIsOpen() {
+    return d(() => this.isOpen);
+  }
+}
+const p = h({}), b = () => c(p);
+export {
+  l as O,
+  p as o,
+  b as u
+};

package/dist/js/controller.js

@@ -0,0 +1,8 @@
+"use client"
+/* */
+import { O as e } from "./context-BaYmTa0I.js";
+import { u as a } from "./useOverlayController-BwSJj4Ly.js";
+export {
+  e as OverlayController,
+  a as useOverlayController
+};

package/dist/js/deepHas-KHS5X1F_.js

@@ -0,0 +1,15 @@
+"use client"
+/* */
+import { isValidElement as s } from "react";
+import { deepFind as i, deepForEach as o } from "react-children-utilities";
+const p = (e, t) => s(e) ? typeof t == "string" ? typeof e.type == "string" ? e.type === t : !1 : e.type === t : !1, f = (e, t) => i(e, (r) => p(r, t)), u = (e, t) => {
+  const r = [];
+  return o(e, (n) => {
+    p(n, t) && r.push(n);
+  }), r;
+}, y = (e, t) => !!f(e, t);
+export {
+  f as a,
+  u as b,
+  y as d
+};

package/dist/js/flowComponent-C9QB9J-7.js

@@ -0,0 +1,29 @@
+"use client"
+/* */
+import r, { createContext as f, useContext as u, cloneElement as x } from "react";
+import { TunnelEntry as C } from "@mittwald/react-tunnel";
+import { u as d } from "./useProps-BwXLjxoy.js";
+const c = f({}), E = () => u(c), P = (o) => {
+  const { slot: s, component: l, children: p } = o, n = {
+    ...E(),
+    [l]: s
+  };
+  return /* @__PURE__ */ r.createElement(c.Provider, { value: n }, p);
+};
+function W(o, s) {
+  return (l) => {
+    const { ref: p, ...e } = l, { tunnelId: n, wrapWith: i, ...m } = d(
+      o,
+      e
+    ), a = {
+      ...m,
+      ref: p
+    };
+    let t = /* @__PURE__ */ r.createElement(s, { ...a });
+    return "slot" in e && e.slot && typeof e.slot == "string" && (t = /* @__PURE__ */ r.createElement(P, { slot: e.slot, component: o }, t)), i && (t = x(i, void 0, t)), n && (t = /* @__PURE__ */ r.createElement(C, { id: n }, t)), t;
+  };
+}
+export {
+  W as f,
+  E as u
+};

package/dist/js/formContext-DQhGlwdQ.js

@@ -0,0 +1,10 @@
+"use client"
+/* */
+import { createContext as o, useContext as e } from "react";
+const t = o({
+  id: "default-form-id-" + Math.random().toString(36).slice(2)
+}), n = t.Provider, s = () => e(t);
+export {
+  n as F,
+  s as u
+};

package/dist/js/getActionGroupSlot-CpYrpObV.js

@@ -0,0 +1,59 @@
+"use client"
+/* */
+var c = Object.defineProperty;
+var i = (s, t, e) => t in s ? c(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var o = (s, t, e) => i(s, typeof t != "symbol" ? t + "" : t, e);
+import d, { createContext as l, useRef as m, useEffect as S, useContext as f } from "react";
+import { makeObservable as p, observable as v, action as n, computed as y } from "mobx";
+import { u as b } from "./useSelector-DpU7_HMO.js";
+class r {
+  constructor() {
+    o(this, "states", /* @__PURE__ */ new Set());
+    p(this, {
+      states: v,
+      addState: n,
+      removeState: n,
+      isBusy: y
+    });
+  }
+  static useNew() {
+    return m(new r()).current;
+  }
+  static useRegisterState(t) {
+    const e = g();
+    S(() => (e == null || e.addState(t), () => {
+      e == null || e.removeState(t);
+    }), [e, t]);
+  }
+  addState(t) {
+    this.states.add(t);
+  }
+  removeState(t) {
+    this.states.delete(t);
+  }
+  useIsBusy() {
+    return b(() => this.isBusy);
+  }
+  get isBusy() {
+    for (const t of this.states)
+      if (t.isBusy)
+        return !0;
+    return !1;
+  }
+}
+const a = l(void 0), C = (s) => {
+  const { children: t } = s, e = r.useNew();
+  return /* @__PURE__ */ d.createElement(a.Provider, { value: e }, t);
+}, g = () => {
+  const s = r.useNew();
+  return f(a) ?? s;
+}, A = (s) => {
+  const { slot: t, ...e } = s, u = e.color === void 0 || e.color === "primary" || e.color === "danger" || e.color === "accent" ? "primary" : "abort";
+  return t ?? u;
+};
+export {
+  C as A,
+  r as a,
+  A as g,
+  g as u
+};

package/dist/js/hooks.js

@@ -0,0 +1,20 @@
+"use client"
+/* */
+import "mobx";
+import { useState as s, useEffect as t } from "react";
+import { u as p } from "./useOverlayController-BwSJj4Ly.js";
+import { u as i } from "./useOnChange-C1Quwyuz.js";
+import { i as x, u as c } from "./useProps-BwXLjxoy.js";
+const n = () => {
+  const [e, o] = s(!1);
+  return t(() => {
+    o(!0);
+  }, []), e;
+};
+export {
+  x as isFlowComponentName,
+  n as useIsMounted,
+  i as useOnChange,
+  p as useOverlayController,
+  c as useProps
+};

package/dist/js/lib-DaWC44Fk.js

@@ -0,0 +1,12 @@
+"use client"
+/* */
+const t = "flow--context-menu", e = "flow--context-menu--section", o = {
+  contextMenu: t,
+  section: e
+}, s = (n) => n === "navigation" ? "none" : n === "switch" ? "multiple" : n, a = (n) => n === "single" || n === "multiple" ? "control" : n, c = (n) => n === "single" || n === "navigation" ? "ContextMenu" : void 0;
+export {
+  c as a,
+  a as b,
+  s as g,
+  o as s
+};

package/dist/js/nextjs.js

@@ -0,0 +1,13 @@
+"use client"
+/* */
+import r from "react";
+import o from "next/link";
+import { L as a } from "./context-BlNV7smK.js";
+const m = (e) => {
+  const { href: t, isDisabled: i, ...n } = e;
+  return /* @__PURE__ */ r.createElement(o, { href: t ?? "#", "aria-disabled": i, ...n });
+}, d = (e) => /* @__PURE__ */ r.createElement(a, { value: { linkComponent: m } }, e.children);
+export {
+  m as Link,
+  d as LinkProvider
+};

package/dist/js/propsContext-DzAKlmhS.js

@@ -0,0 +1,10 @@
+"use client"
+/* */
+import { createContext as o, useContext as e } from "react";
+const t = o({});
+t.Provider;
+const s = () => e(t);
+export {
+  t as p,
+  s as u
+};

package/dist/js/react-hook-form/Field/views.js

@@ -0,0 +1,6 @@
+"use client"
+/* */
+import { C as e } from "../../Content-DgjhgJDo.js";
+export {
+  e as Content
+};

package/dist/js/react-hook-form/Field.js

@@ -0,0 +1,69 @@
+"use client"
+/* */
+import t from "react";
+import { Controller as F } from "react-hook-form";
+import "../propsContext-DzAKlmhS.js";
+import { PropsContextProvider as h } from "../PropsContextProvider.js";
+import { d as v } from "../dynamic-ClpUSmEt.js";
+import { u as g } from "../formContext-DQhGlwdQ.js";
+import { u as k } from "../useViewComponents-JuN4968B.js";
+import { C as S } from "../Content-DgjhgJDo.js";
+function b(r) {
+  var l;
+  const { children: d, control: s, ...n } = r, i = g(), a = (l = i.form) == null ? void 0 : l.control, p = k("Field").Content ?? S;
+  return /* @__PURE__ */ t.createElement(
+    F,
+    {
+      ...n,
+      control: s ?? a,
+      render: (m) => {
+        var c;
+        const {
+          field: u,
+          fieldState: { error: o, invalid: C }
+        } = m, e = {
+          ...u,
+          form: i.id,
+          isRequired: !!((c = n.rules) != null && c.required),
+          isInvalid: C,
+          validationBehavior: "aria",
+          children: v((x) => /* @__PURE__ */ t.createElement(p, { errorMessage: o == null ? void 0 : o.message }, x.children))
+        }, f = {
+          Checkbox: e,
+          CheckboxGroup: e,
+          CheckboxButton: e,
+          FileField: e,
+          NumberField: e,
+          RadioGroup: e,
+          Switch: e,
+          TextArea: e,
+          TextField: e,
+          Select: {
+            ...e,
+            selectedKey: e.value
+          },
+          Slider: e,
+          DatePicker: e,
+          DateRangePicker: e,
+          TimeField: e,
+          SegmentedControl: e
+        };
+        return /* @__PURE__ */ t.createElement(
+          h,
+          {
+            props: f,
+            dependencies: [m]
+          },
+          d
+        );
+      }
+    }
+  );
+}
+const D = (r) => b;
+export {
+  S as Content,
+  b as Field,
+  b as default,
+  D as typedField
+};

package/dist/js/react-hook-form/Form.js

@@ -0,0 +1,74 @@
+"use client"
+/* */
+import o, { useEffect as l, useId as E, useRef as k } from "react";
+import { u as f, F as A } from "../formContext-DQhGlwdQ.js";
+import { a as F, A as C } from "../Action-DEIpraQq.js";
+import { useFormState as p } from "react-hook-form";
+import "../propsContext-DzAKlmhS.js";
+import { PropsContextProvider as v } from "../PropsContextProvider.js";
+import { d as x } from "../dynamic-ClpUSmEt.js";
+const P = (e) => {
+  const { isStarted: t, hasFailedWithError: r, hasSucceeded: n, children: s } = e, i = F.useNew({});
+  return l(() => {
+    n ? i.state.onSucceeded() : r ? i.state.onFailed(r) : t && i.state.onAsyncStart();
+  }, [t, r, n]), /* @__PURE__ */ o.createElement(C, { actionModel: i }, s);
+}, V = (e) => {
+  const { children: t, isAsyncSubmit: r } = e, n = f().form, { isSubmitted: s, isSubmitting: i, isSubmitSuccessful: a, errors: c } = p(n), m = s && c && Object.entries(c).length > 0 ? c : void 0, u = s && a;
+  return /* @__PURE__ */ o.createElement(
+    P,
+    {
+      isStarted: i && r.current,
+      hasFailedWithError: m,
+      hasSucceeded: u
+    },
+    t
+  );
+}, g = (e) => {
+  const { children: t, isAsyncSubmit: r } = e, n = {
+    ActionGroup: {
+      children: x((s) => /* @__PURE__ */ o.createElement(V, { isAsyncSubmit: r }, s.children))
+    }
+  };
+  return /* @__PURE__ */ o.createElement(v, { props: n, mergeInParentContext: !0 }, t);
+}, y = () => {
+  const e = f().form, { isValid: t, isSubmitted: r } = p(e);
+  return l(() => {
+    r && t && e && e.reset(void 0, {
+      keepIsSubmitted: !1,
+      keepIsSubmitSuccessful: !1,
+      keepDefaultValues: !0,
+      keepValues: !0,
+      keepDirtyValues: !0,
+      keepIsValid: !0,
+      keepDirty: !0,
+      keepErrors: !0,
+      keepTouched: !0,
+      keepIsValidating: !0,
+      keepSubmitCount: !0
+    });
+  }, [r, t, e]), null;
+}, I = (e) => /* @__PURE__ */ o.createElement("form", { ...e });
+function B(e) {
+  const {
+    form: t,
+    children: r,
+    onSubmit: n,
+    formComponent: s = I,
+    ...i
+  } = e, a = E(), c = k(!1), m = (u) => {
+    const { isSubmitting: S, isValidating: b } = t.control._formState;
+    if (u.stopPropagation(), S || b) {
+      u.preventDefault();
+      return;
+    }
+    t.handleSubmit((h) => {
+      const d = n(h, u);
+      return c.current = d instanceof Promise, d;
+    })(u);
+  };
+  return /* @__PURE__ */ o.createElement(A, { value: { form: t, id: a } }, /* @__PURE__ */ o.createElement(g, { isAsyncSubmit: c }, /* @__PURE__ */ o.createElement(s, { ...i, id: a, onSubmit: m }, r), /* @__PURE__ */ o.createElement(y, null)));
+}
+export {
+  B as Form,
+  B as default
+};

package/dist/js/types/components/Accordion/Accordion.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps, FC, PropsWithChildren } from 'react';
+export interface AccordionProps extends PropsWithChildren<ComponentProps<"div">> {
+    /** Whether the accordion should be initially expanded. */
+    defaultExpanded?: boolean;
+    /** The visual variant of the accordion. @default "default" */
+    variant?: "default" | "outline";
+}
+/** @flr-generate all */
+export declare const Accordion: FC<AccordionProps>;
+export default Accordion;

package/dist/js/types/components/Accordion/index.d.ts

@@ -0,0 +1,3 @@
+import { Accordion } from './Accordion';
+export { Accordion, type AccordionProps } from './Accordion';
+export default Accordion;

package/dist/js/types/components/Accordion/stories/Default.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Accordion } from '..';
+declare const meta: Meta<typeof Accordion>;
+export default meta;
+type Story = StoryObj<typeof Accordion>;
+export declare const Default: Story;
+export declare const DefaultExpanded: Story;
+export declare const OutlineVariant: Story;
+export declare const WithLabel: Story;

package/dist/js/types/components/Accordion/stories/EdgeCases.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Accordion } from '..';
+declare const meta: Meta<typeof Accordion>;
+export default meta;
+type Story = StoryObj<typeof Accordion>;
+export declare const LongHeading: Story;

package/dist/js/types/components/Action/Action.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+/** @flr-generate all */
+export declare const Action: React.FunctionComponent<import('./types').ActionProps & React.RefAttributes<never>>;

package/dist/js/types/components/Action/ActionStateContext.d.ts

@@ -0,0 +1,8 @@
+import { FC, PropsWithChildren } from 'react';
+interface Props extends PropsWithChildren {
+    isStarted?: boolean;
+    hasSucceeded?: boolean;
+    hasFailedWithError?: unknown;
+}
+export declare const ActionStateContext: FC<Props>;
+export {};

package/dist/js/types/components/Action/context.d.ts

@@ -0,0 +1,3 @@
+import { ActionModel } from './models/ActionModel';
+export declare const actionContext: import('react').Context<ActionModel | undefined>;
+export declare const ActionContextProvider: import('react').Provider<ActionModel | undefined>;

package/dist/js/types/components/Action/hooks/useActionButtonState.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps } from '../../Button';
+import { ActionStateValue } from '../models/ActionState';
+export declare const useActionButtonState: (props: ButtonProps) => ActionStateValue;

package/dist/js/types/components/Action/hooks/useConfirmationModalButtonSlot.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps } from '../../Button';
+export declare const useConfirmationModalButtonSlot: (props: ButtonProps) => string | undefined;

package/dist/js/types/components/Action/index.d.ts

@@ -0,0 +1,4 @@
+import { Action } from './Action';
+export { Action } from './Action';
+export * from './types';
+export default Action;

package/dist/js/types/components/Action/lib/ariaLive.d.ts

@@ -0,0 +1,8 @@
+import { ActionStateValue } from '../models/ActionState';
+interface Options {
+    isPendingText?: string;
+    isSucceededText?: string;
+    isFailedText?: string;
+}
+export declare const useAriaAnnounceActionState: (actionState: ActionStateValue, options?: Options) => void;
+export {};

package/dist/js/types/components/Action/models/ActionExecution.d.ts

@@ -0,0 +1,7 @@
+import { ActionModel } from './ActionModel';
+export declare class ActionExecution {
+    private readonly action;
+    constructor(action: ActionModel);
+    execute: (...args: unknown[]) => void;
+    private getBatchedActions;
+}

package/dist/js/types/components/Action/models/ActionExecutionBatch.d.ts

@@ -0,0 +1,8 @@
+import { ActionModel } from './ActionModel';
+export declare class ActionExecutionBatch {
+    private readonly actions;
+    readonly baseAction: ActionModel;
+    constructor(baseAction: ActionModel);
+    addAction(action: ActionModel): void;
+    executeBatch(args: unknown[]): Promise<void>;
+}

package/dist/js/types/components/Action/models/ActionModel.d.ts

@@ -0,0 +1,28 @@
+import { OverlayController } from '../../../lib/controller';
+import { ActionProps } from '../types';
+import { ActionState } from './ActionState';
+import { OverlayContext } from '../../../lib/controller/overlay/context';
+import { FlowComponentName } from '../../propTypes';
+interface InitObject {
+    actionProps: ActionProps;
+    parentAction?: ActionModel;
+    confirmationModalController: OverlayController;
+    needsConfirmation: boolean;
+    overlayContext: OverlayContext;
+    state: ActionState;
+}
+export declare class ActionModel {
+    state: ActionState;
+    needsConfirmation: boolean;
+    readonly actionProps: ActionProps;
+    readonly parentAction?: ActionModel;
+    readonly confirmationModalController: OverlayController;
+    readonly overlayContext: OverlayContext;
+    private constructor();
+    static useNew(actionProps: ActionProps, init?: Partial<InitObject>): ActionModel;
+    static use(): ActionModel;
+    static useConfirmationAction(): ActionModel;
+    getOverlayController(component: FlowComponentName): OverlayController | undefined;
+    execute: (...args: unknown[]) => void;
+}
+export {};

package/dist/js/types/components/Action/models/ActionState.d.ts

@@ -0,0 +1,23 @@
+export type ActionStateValue = "isIdle" | "isSucceeded" | "isPending" | "isExecuting" | "isFailed";
+export declare class ActionState {
+    private showFeedback?;
+    state: ActionStateValue;
+    private setPendingTimeout;
+    error: unknown;
+    private isAsync;
+    constructor();
+    static useNew(): ActionState;
+    updateState(newState: ActionStateValue): void;
+    useValue(): ActionStateValue;
+    useIsBusy(): boolean;
+    get isBusy(): boolean;
+    onAsyncStart(): void;
+    onSucceeded(): Promise<void>;
+    onFailed(error: unknown): Promise<void>;
+    withFeedback(feedback?: boolean): ActionState;
+    private startFailedFeedback;
+    private startSucceededFeedback;
+    private resetAfterDone;
+    private onDone;
+    private startPending;
+}

package/dist/js/types/components/Action/models/ActionStateContext.d.ts

@@ -0,0 +1,14 @@
+import { FC, PropsWithChildren } from 'react';
+import { ActionState } from './ActionState';
+export declare class ActionStateContext {
+    states: Set<ActionState>;
+    constructor();
+    static useNew(): ActionStateContext;
+    static useRegisterState(state: ActionState): void;
+    addState(state: ActionState): void;
+    removeState(state: ActionState): void;
+    useIsBusy(): boolean;
+    get isBusy(): boolean;
+}
+export declare const ActionStateContextProvider: FC<PropsWithChildren>;
+export declare const useActionStateContext: () => ActionStateContext;

package/dist/js/types/components/Action/models/getExecutionFunction.d.ts

@@ -0,0 +1,3 @@
+import { ActionModel } from './ActionModel';
+import { ActionFn } from '..';
+export declare function getExecutionFunction(action: ActionModel): ActionFn;

package/dist/js/types/components/Action/stories/Default.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Action } from '..';
+declare const meta: Meta<typeof Action>;
+export default meta;
+type Story = StoryObj<typeof Action>;
+export declare const Default: Story;
+export declare const Async: Story;
+export declare const AsyncLong: Story;
+export declare const AsyncWithFeedback: Story;
+export declare const AsyncLongWithFeedback: Story;
+export declare const Nested: Story;
+export declare const NestedAsync: Story;
+export declare const WithConfirmationModal: Story;

package/dist/js/types/components/Action/stories/EdgeCases.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Action } from '..';
+declare const meta: Meta<typeof Action>;
+export default meta;
+type Story = StoryObj<typeof Action>;
+export declare const MixedAsyncSyncNested: Story;

package/dist/js/types/components/Action/types.d.ts

@@ -0,0 +1,17 @@
+import { PropsWithChildren } from 'react';
+import { OverlayController } from '../../lib/controller';
+import { ActionModel } from './models/ActionModel';
+import { FlowComponentName } from '../propTypes';
+import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
+export type ActionFn = (...args: unknown[]) => unknown;
+export interface ActionProps extends PropsWithChildren, FlowComponentProps {
+    action?: ActionFn;
+    onAction?: ActionFn;
+    actionModel?: ActionModel;
+    closeOverlay?: FlowComponentName | OverlayController;
+    openOverlay?: FlowComponentName | OverlayController;
+    toggleOverlay?: FlowComponentName | OverlayController;
+    break?: boolean;
+    skip?: number | boolean;
+    showFeedback?: boolean;
+}

package/dist/js/types/components/ActionGroup/ActionGroup.d.ts

@@ -0,0 +1,12 @@
+import { PropsWithChildren, default as React } from 'react';
+import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
+import { PropsWithClassName } from '../../lib/types/props';
+export interface ActionGroupProps extends PropsWithChildren, FlowComponentProps, PropsWithClassName {
+    /** Whether the breakpoints for a compact version should be ignored. */
+    ignoreBreakpoint?: boolean;
+    /** The spacing between the buttons inside the action group. @default "m" */
+    spacing?: "s" | "m";
+}
+/** @flr-generate all */
+export declare const ActionGroup: React.FunctionComponent<ActionGroupProps & React.RefAttributes<never>>;
+export default ActionGroup;

package/dist/js/types/components/ActionGroup/index.d.ts

@@ -0,0 +1,3 @@
+import { ActionGroup } from './ActionGroup';
+export { type ActionGroupProps, ActionGroup } from './ActionGroup';
+export default ActionGroup;

package/dist/js/types/components/ActionGroup/lib/getActionGroupSlot.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps } from '../../Button';
+export declare const getActionGroupSlot: (props: ButtonProps) => string;

package/dist/js/types/components/ActionGroup/stories/Default.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as ActionGroup } from '../ActionGroup';
+declare const meta: Meta<typeof ActionGroup>;
+export default meta;
+type Story = StoryObj<typeof ActionGroup>;
+export declare const Default: Story;
+export declare const Danger: Story;
+export declare const Info: Story;
+export declare const WithSecondaryAction: Story;
+export declare const WithExtraSecondaryAction: Story;
+export declare const Mobile: Story;