@cloudraker/reki 2.6.1

package/dist/src/components/dropdown/dropdown.d.ts

@@ -0,0 +1,116 @@
+import { Menu as DropdownMenuPrimitive } from '@base-ui/react/menu';
+import { PortalContainer } from '../../utils/portal-provider';
+import { Icon } from '@phosphor-icons/react';
+import * as React from "react";
+/** Dropdown item variant definitions (default and danger styles). */
+export declare const REKI_DROPDOWN_VARIANTS: {
+    readonly variant: {
+        readonly default: {
+            readonly classes: "";
+            readonly description: "Default dropdown item appearance";
+        };
+        readonly danger: {
+            readonly classes: "text-reki-danger data-highlighted:bg-reki-danger/5 data-highlighted:text-reki-danger";
+            readonly description: "Destructive action item";
+        };
+    };
+};
+export declare const REKI_DROPDOWN_DEFAULT_VARIANTS: {
+    readonly variant: "default";
+};
+export type RekiDropdownVariant = keyof typeof REKI_DROPDOWN_VARIANTS.variant;
+export interface RekiDropdownVariantsProps {
+    /**
+     * Visual style of the dropdown item.
+     * - `"default"` — Standard item appearance
+     * - `"danger"` — Destructive action with red text
+     * @default "default"
+     */
+    variant?: RekiDropdownVariant;
+}
+export declare function dropdownVariants({ variant, }?: RekiDropdownVariantsProps): string;
+/**
+ * DropdownMenu — accessible dropdown menu anchored to a trigger.
+ *
+ * Compound component: `DropdownMenu` (Root), `.Trigger`, `.Content`, `.Item`,
+ * `.LinkItem`, `.CheckboxItem`, `.RadioGroup`, `.RadioItem`, `.RadioItemIndicator`,
+ * `.Sub`, `.SubTrigger`, `.SubContent`, `.Label`, `.Separator`, `.Shortcut`, `.Group`.
+ *
+ * Built on `@base-ui/react/menu`.
+ *
+ * @example
+ * ```tsx
+ * <DropdownMenu>
+ *   <DropdownMenu.Trigger>
+ *     <Button>Actions</Button>
+ *   </DropdownMenu.Trigger>
+ *   <DropdownMenu.Content>
+ *     <DropdownMenu.Item>Edit</DropdownMenu.Item>
+ *     <DropdownMenu.Item icon={CopyIcon}>Duplicate</DropdownMenu.Item>
+ *     <DropdownMenu.LinkItem href="/settings" icon={GearIcon}>Settings</DropdownMenu.LinkItem>
+ *     <DropdownMenu.Separator />
+ *     <DropdownMenu.Item variant="danger">Delete</DropdownMenu.Item>
+ *   </DropdownMenu.Content>
+ * </DropdownMenu>
+ * ```
+ *
+ * @see https://base-ui.com/react/components/menu
+ */
+export declare const DropdownMenu: (<Payload>(props: DropdownMenuPrimitive.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element) & {
+    Trigger: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').MenuTriggerProps<unknown> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Portal: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Sub: typeof DropdownMenuPrimitive.SubmenuRoot;
+    SubTrigger: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuSubmenuTriggerProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & {
+        inset?: boolean;
+        icon?: Icon;
+    } & React.RefAttributes<HTMLElement>>;
+    SubContent: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
+        /**
+         * Container element for the portal. Use this to render the dropdown inside
+         * a Shadow DOM or custom container. Overrides `RekiPortalProvider` context.
+         * @default document.body (or RekiPortalProvider container if set)
+         */
+        container?: PortalContainer;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
+        /**
+         * Container element for the portal. Use this to render the dropdown inside
+         * a Shadow DOM or custom container. Overrides `RekiPortalProvider` context.
+         * @default document.body (or RekiPortalProvider container if set)
+         */
+        container?: PortalContainer;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & {
+        inset?: boolean;
+        icon?: Icon | React.ReactNode;
+        selected?: boolean;
+        /**
+         * @deprecated Use `DropdownMenu.LinkItem` instead for navigation links.
+         * This prop will be removed in a future major version.
+         */
+        href?: string;
+        variant?: "default" | "danger";
+    } & React.RefAttributes<HTMLElement>>;
+    LinkItem: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuLinkItemProps, "ref"> & React.RefAttributes<Element>, "ref"> & {
+        inset?: boolean;
+        icon?: Icon | React.ReactNode;
+        variant?: "default" | "danger";
+    } & React.RefAttributes<Element>>;
+    CheckboxItem: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuCheckboxItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+    RadioGroup: React.NamedExoticComponent<Omit<import('@base-ui/react').ContextMenuRadioGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    RadioItem: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuRadioItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & {
+        inset?: boolean;
+        icon?: Icon | React.ReactNode;
+    } & React.RefAttributes<HTMLElement>>;
+    RadioItemIndicator: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuRadioItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    Label: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
+        inset?: boolean;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Separator: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Shortcut: {
+        ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Group: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+//# sourceMappingURL=dropdown.d.ts.map

package/dist/src/components/dropdown/dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAIL,KAAK,IAAI,EACV,MAAM,uBAAuB,CAAC;AAE/B,qEAAqE;AACrE,eAAO,MAAM,sBAAsB;;;;;;;;;;;CAYzB,CAAC;AAEX,eAAO,MAAM,8BAA8B;;CAEjC,CAAC;AAGX,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,sBAAsB,CAAC,OAAO,CAAC;AAE9E,MAAM,WAAW,yBAAyB;IACxC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAC;CAC/B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAgD,GACjD,GAAE,yBAA8B,UAEhC;AAoaD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,YAAY;;;;;gBAxbb,OAAO;eACR,IAAI;;;QA6BX;;;;WAIG;oBACS,eAAe;;;QAL3B;;;;WAIG;oBACS,eAAe;;;gBA6DnB,OAAO;eACR,IAAI,GAAG,KAAK,CAAC,SAAS;mBAClB,OAAO;QAClB;;;WAGG;eACI,MAAM;kBACH,SAAS,GAAG,QAAQ;;;gBA4HtB,OAAO;eACR,IAAI,GAAG,KAAK,CAAC,SAAS;kBACnB,SAAS,GAAG,QAAQ;;;;;gBA4GtB,OAAO;eACR,IAAI,GAAG,KAAK,CAAC,SAAS;;;;gBA5CrB,OAAO;;;;kCA8BhB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;;;CAoItC,CAAC"}

package/dist/src/components/dropdown/index.d.ts

@@ -0,0 +1,2 @@
+export { DropdownMenu } from './dropdown';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/dropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC"}

package/dist/src/components/empty/empty.d.ts

@@ -0,0 +1,69 @@
+/** Empty state size variant definitions mapping sizes to their Tailwind classes. */
+export declare const REKI_EMPTY_VARIANTS: {
+    readonly size: {
+        readonly sm: {
+            readonly classes: "px-6 py-8 gap-4";
+            readonly description: "Compact empty state for smaller containers";
+        };
+        readonly base: {
+            readonly classes: "px-10 py-16 gap-6";
+            readonly description: "Default empty state size";
+        };
+        readonly lg: {
+            readonly classes: "px-12 py-20 gap-8";
+            readonly description: "Large empty state for prominent placement";
+        };
+    };
+};
+export declare const REKI_EMPTY_DEFAULT_VARIANTS: {
+    readonly size: "base";
+};
+export type RekiEmptySize = keyof typeof REKI_EMPTY_VARIANTS.size;
+export interface RekiEmptyVariantsProps {
+    /**
+     * Size of the empty state container.
+     * - `"sm"` — Compact empty state for smaller containers
+     * - `"base"` — Default empty state size
+     * - `"lg"` — Large empty state for prominent placement
+     * @default "base"
+     */
+    size?: RekiEmptySize;
+}
+export declare function emptyVariants({ size, }?: RekiEmptyVariantsProps): string;
+/**
+ * Empty state component props.
+ *
+ * @example
+ * ```tsx
+ * <Empty
+ *   icon={<PackageIcon size={48} />}
+ *   title="No packages found"
+ *   description="Get started by installing your first package."
+ *   commandLine="npm install @cloudraker/reki"
+ * />
+ * ```
+ */
+export interface EmptyProps extends RekiEmptyVariantsProps {
+    /** Decorative icon displayed above the title (e.g. from `@phosphor-icons/react`). */
+    icon?: React.ReactNode;
+    /** Primary heading text for the empty state. */
+    title: string;
+    /** Secondary description text displayed below the title. */
+    description?: string;
+    /** Shell command displayed in a copyable code block. */
+    commandLine?: string;
+    /** Additional content (buttons, links) rendered below the description. */
+    contents?: React.ReactNode;
+    /** Additional CSS classes merged via `cn()`. */
+    className?: string;
+}
+/**
+ * Placeholder shown when a list, table, or page has no content to display.
+ *
+ * @example
+ * ```tsx
+ * <Empty title="No results found" description="Try adjusting your search." />
+ * ```
+ */
+export declare function Empty({ icon, title, description, commandLine, contents, size, className, }: EmptyProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=empty.d.ts.map

package/dist/src/components/empty/empty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../../src/components/empty/empty.tsx"],"names":[],"mappings":"AAMA,oFAAoF;AACpF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;CAetB,CAAC;AAEX,eAAO,MAAM,2BAA2B;;CAE9B,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,mBAAmB,CAAC,IAAI,CAAC;AAElE,MAAM,WAAW,sBAAsB;IACrC;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAuC,GACxC,GAAE,sBAA2B,UAK7B;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,UAAW,SAAQ,sBAAsB;IACxD,qFAAqF;IACrF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,WAAW,EACX,QAAQ,EACR,IAAa,EACb,SAAS,GACV,EAAE,UAAU,2CAsDZ"}

package/dist/src/components/empty/index.d.ts

@@ -0,0 +1,2 @@
+export { Empty, emptyVariants, REKI_EMPTY_VARIANTS, REKI_EMPTY_DEFAULT_VARIANTS, type EmptyProps, type RekiEmptySize, type RekiEmptyVariantsProps, } from './empty';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/empty/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/empty/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,aAAa,EACb,mBAAmB,EACnB,2BAA2B,EAC3B,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,sBAAsB,GAC5B,MAAM,SAAS,CAAC"}

package/dist/src/components/field/field.d.ts

@@ -0,0 +1,89 @@
+import { ReactNode } from 'react';
+/**
+ * Normalizes an error prop that may be a string or structured object
+ * into the `{ message, match }` shape expected by `<Field>`.
+ *
+ * Returns `undefined` when the input is falsy.
+ */
+export declare function normalizeFieldError(error: string | {
+    message: ReactNode;
+    match: FieldErrorMatch;
+} | undefined): {
+    message: ReactNode;
+    match: FieldErrorMatch;
+} | undefined;
+/** Field variant definitions (currently empty, reserved for future additions). */
+export declare const REKI_FIELD_VARIANTS: {};
+export declare const REKI_FIELD_DEFAULT_VARIANTS: {};
+export interface RekiFieldVariantsProps {
+    /**
+     * When true, places the control (checkbox/switch) before the label visually.
+     * When false (default), places the label before the control.
+     * Used to support different layout patterns (e.g., iOS-style toggles on the right).
+     */
+    controlFirst?: boolean;
+}
+export declare function fieldVariants({ controlFirst, }?: RekiFieldVariantsProps): string;
+/**
+ * Match type for field validation errors.
+ * Can be a boolean or a key from the browser's ValidityState interface.
+ * Source: BaseErrorProps["match"] (ComponentPropsWithoutRef<typeof FieldBase.Error>)
+ */
+export type FieldErrorMatch = boolean | "badInput" | "customError" | "patternMismatch" | "rangeOverflow" | "rangeUnderflow" | "stepMismatch" | "tooLong" | "tooShort" | "typeMismatch" | "valid" | "valueMissing";
+/**
+ * Field component props — wraps a form control with label, description, and error message.
+ *
+ * @example
+ * ```tsx
+ * <Field label="Email" required>
+ *   <Input placeholder="you@example.com" />
+ * </Field>
+ *
+ * <Field label="Phone" required={false} description="We'll only use this for account recovery.">
+ *   <Input placeholder="+1 555-0000" />
+ * </Field>
+ * ```
+ */
+export interface FieldProps extends RekiFieldVariantsProps {
+    /** The form control element(s) to wrap (Input, Select, Checkbox, etc.). */
+    children: ReactNode;
+    /** The label content — can be a string or any React node. */
+    label: ReactNode;
+    /**
+     * When explicitly `false`, shows gray "(optional)" text after the label.
+     * When `true` or `undefined`, no indicator is shown.
+     */
+    required?: boolean;
+    /** Tooltip content displayed next to the label via an info icon. */
+    labelTooltip?: ReactNode;
+    /** Validation error with a message and a browser `ValidityState` match key. */
+    error?: {
+        message: ReactNode;
+        match: FieldErrorMatch;
+    };
+    /** Helper text displayed below the control (hidden when `error` is present). */
+    description?: ReactNode;
+    /** When `true`, places the control before the label (for checkbox/switch layouts). */
+    controlFirst?: boolean;
+    /**
+     * When `true`, Field renders layout, description, and error but skips
+     * the `<label>` element. Use when the child component provides its own
+     * accessible label (e.g. Select uses Base UI's `Select.Label` to avoid
+     * hover/focus coupling from native `<label>`).
+     * @default false
+     */
+    hideLabel?: boolean;
+}
+/**
+ * Form field wrapper that provides a label, optional description, and error display
+ * around any form control. Built on Base UI Field primitives.
+ *
+ * @example
+ * ```tsx
+ * <Field label="Username">
+ *   <Input placeholder="Choose a username" />
+ * </Field>
+ * ```
+ */
+export declare function Field({ children, label, required, labelTooltip, error, description, controlFirst, hideLabel, }: FieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=field.d.ts.map

package/dist/src/components/field/field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../../src/components/field/field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,MAAM,GAAG;IAAE,OAAO,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,eAAe,CAAA;CAAE,GAAG,SAAS,GACzE;IAAE,OAAO,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,eAAe,CAAA;CAAE,GAAG,SAAS,CAI5D;AAED,kFAAkF;AAClF,eAAO,MAAM,mBAAmB,IAEtB,CAAC;AAEX,eAAO,MAAM,2BAA2B,IAAc,CAAC;AAGvD,MAAM,WAAW,sBAAsB;IACrC;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,aAAa,CAAC,EAC5B,YAAoB,GACrB,GAAE,sBAA2B,UAkB7B;AAED;;;;GAIG;AACH,MAAM,MAAM,eAAe,GACvB,OAAO,GACP,UAAU,GACV,aAAa,GACb,iBAAiB,GACjB,eAAe,GACf,gBAAgB,GAChB,cAAc,GACd,SAAS,GACT,UAAU,GACV,cAAc,GACd,OAAO,GACP,cAAc,CAAC;AAEnB;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,UAAW,SAAQ,sBAAsB;IACxD,2EAA2E;IAC3E,QAAQ,EAAE,SAAS,CAAC;IACpB,6DAA6D;IAC7D,KAAK,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,+EAA+E;IAC/E,KAAK,CAAC,EAAE;QACN,OAAO,EAAE,SAAS,CAAC;QACnB,KAAK,EAAE,eAAe,CAAC;KACxB,CAAC;IACF,gFAAgF;IAChF,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,sFAAsF;IACtF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,WAAW,EACX,YAAoB,EACpB,SAAiB,GAClB,EAAE,UAAU,2CAwCZ"}

package/dist/src/components/field/index.d.ts

@@ -0,0 +1,2 @@
+export { Field, normalizeFieldError, type FieldProps, type FieldErrorMatch, fieldVariants, REKI_FIELD_VARIANTS, REKI_FIELD_DEFAULT_VARIANTS, } from './field';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,mBAAmB,EACnB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,aAAa,EACb,mBAAmB,EACnB,2BAA2B,GAC5B,MAAM,SAAS,CAAC"}

package/dist/src/components/flow/connectors.d.ts

@@ -0,0 +1,41 @@
+import { ReactNode } from 'react';
+export interface Connector {
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+    isBottom?: boolean;
+    disabled?: boolean;
+    single?: boolean;
+    /** Id of the source node this connector originates from. */
+    fromId?: string;
+    /** Id of the target node this connector points to. */
+    toId?: string;
+}
+type PathProps = Partial<{
+    cornerRadius: number;
+    midOffset: number;
+    arrowheadOffset: number;
+    isBottom: boolean;
+    single: boolean;
+    orientation: "vertical" | "horizontal";
+}>;
+export declare function createRoundedPath({ x1, y1, x2, y2 }: {
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+}, { cornerRadius: maxCornerRadius, midOffset, arrowheadOffset, isBottom, single, orientation, }?: PathProps): string;
+export declare const Connectors: import('react').ForwardRefExoticComponent<{
+    connectors: Connector[];
+    children?: ReactNode;
+} & Omit<Partial<{
+    cornerRadius: number;
+    midOffset: number;
+    arrowheadOffset: number;
+    isBottom: boolean;
+    single: boolean;
+    orientation: "vertical" | "horizontal";
+}>, "single" | "isBottom"> & import('react').RefAttributes<SVGSVGElement>>;
+export {};
+//# sourceMappingURL=connectors.d.ts.map

package/dist/src/components/flow/connectors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectors.d.ts","sourceRoot":"","sources":["../../../../src/components/flow/connectors.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAOD,KAAK,SAAS,GAAG,OAAO,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,UAAU,GAAG,YAAY,CAAC;CACxC,CAAC,CAAC;AASH,wBAAgB,iBAAiB,CAC/B,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,EACtE,EACE,YAAY,EAAE,eAAmB,EACjC,SAAc,EACd,eAAmB,EACnB,QAAgB,EAChB,MAAc,EACd,WAAwB,GACzB,GAAE,SAAc,UAyGlB;AAED,eAAO,MAAM,UAAU;gBAxIT,SAAS,EAAE;eACZ,SAAS;;kBAIN,MAAM;eACT,MAAM;qBACA,MAAM;cACb,OAAO;YACT,OAAO;iBACF,UAAU,GAAG,YAAY;0EAiMvC,CAAC"}

package/dist/src/components/flow/diagram.d.ts

@@ -0,0 +1,96 @@
+import { ReactNode } from 'react';
+import { MotionValue } from 'motion/react';
+import { DescendantInfo } from './use-children';
+type Orientation = "horizontal" | "vertical";
+type Align = "start" | "center";
+interface DiagramContextValue {
+    orientation: Orientation;
+    align: Align;
+    x: MotionValue<number>;
+    y: MotionValue<number>;
+    /** Ref to the canvas viewport wrapper element */
+    wrapperRef: React.RefObject<HTMLDivElement | null>;
+}
+export declare function useDiagramContext(): DiagramContextValue;
+interface FlowDiagramProps {
+    orientation?: Orientation;
+    /**
+     * Controls vertical alignment of nodes in horizontal orientation.
+     * - `start`: Nodes align to the top (default)
+     * - `center`: Nodes are vertically centered
+     */
+    align?: Align;
+    /**
+     * Whether to render the pannable canvas wrapper.
+     * - `true`: Renders with pannable canvas, scrollbars, and pan gestures (default)
+     * - `false`: Renders only the node list without canvas wrapper
+     */
+    canvas?: boolean;
+    /**
+     * Padding around the diagram content within the canvas.
+     * - `x`: Horizontal padding in pixels (default: 16)
+     * - `y`: Vertical padding in pixels (default: 64)
+     */
+    padding?: {
+        x?: number;
+        y?: number;
+    };
+    /**
+     * Callback fired when the overflow state changes.
+     * Called with `{ x: boolean, y: boolean }` indicating overflow in each axis.
+     */
+    onOverflowChange?: (overflow: {
+        x: boolean;
+        y: boolean;
+    }) => void;
+    className?: string;
+    children?: ReactNode;
+}
+export declare function FlowDiagram({ orientation, align, canvas, padding: requestedPadding, onOverflowChange, className, children, }: FlowDiagramProps): import("react/jsx-runtime").JSX.Element;
+export type RectLike = {
+    x: number;
+    y: number;
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
+    width: number;
+    height: number;
+};
+export type NodeData = {
+    parallel?: boolean;
+    disabled?: boolean;
+    start?: RectLike | null;
+    end?: RectLike | null;
+};
+export declare const useNodeGroup: () => {
+    register: (id: string, renderOrder: number, props?: NodeData | undefined) => {
+        unregister: () => void;
+    };
+    descendants: DescendantInfo<NodeData>[];
+    claimRenderOrder: (id: string) => number;
+    measurementEpoch: number;
+    notifySizeChange: () => void;
+};
+export declare const useNode: (props: NodeData, id?: string) => {
+    index: number;
+    id: string;
+    getPrevious: () => DescendantInfo<NodeData> | undefined;
+    getNext: () => DescendantInfo<NodeData> | undefined;
+};
+/**
+ * Hook to optionally register as a node if within a parent descendants context.
+ * Returns registration info if registered, or null if no parent context exists.
+ */
+export declare const useOptionalNode: (props: NodeData) => {
+    index: number;
+    id: string;
+} | null;
+export declare const getNodeRect: (node: DescendantInfo<NodeData> | undefined, { type }: {
+    type?: "start" | "end";
+}) => RectLike | null;
+export declare function FlowNodeList({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=diagram.d.ts.map

package/dist/src/components/flow/diagram.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"diagram.d.ts","sourceRoot":"","sources":["../../../../src/components/flow/diagram.tsx"],"names":[],"mappings":"AAAA,OAAO,EAUL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAKL,KAAK,WAAW,EAEjB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAKL,KAAK,cAAc,EACpB,MAAM,gBAAgB,CAAC;AAexB,KAAK,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AAC7C,KAAK,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEhC,UAAU,mBAAmB;IAC3B,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,KAAK,CAAC;IACb,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACvB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACvB,iDAAiD;IACjD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACpD;AAID,wBAAgB,iBAAiB,IAAI,mBAAmB,CAMvD;AAED,UAAU,gBAAgB;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE;QAAE,CAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACrC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE;QAAE,CAAC,EAAE,OAAO,CAAC;QAAC,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,WAAW,CAAC,EAC1B,WAA0B,EAC1B,KAAe,EACf,MAAa,EACb,OAAO,EAAE,gBAAgB,EACzB,gBAAgB,EAChB,SAAS,EACT,QAAQ,GACT,EAAE,gBAAgB,2CAuOlB;AAID,MAAM,MAAM,QAAQ,GAAG;IACrB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IACxB,GAAG,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;CAAmC,CAAC;AAE7D,eAAO,MAAM,OAAO,GAAI,OAAO,QAAQ,EAAE,KAAK,MAAM;;;;;CACX,CAAC;AAE1C;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,OAAO,QAAQ;;;QA8B9C,CAAC;AAEF,eAAO,MAAM,WAAW,GACtB,MAAM,cAAc,CAAC,QAAQ,CAAC,GAAG,SAAS,EAC1C,UAAoB;IAAE,IAAI,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CAAE,KAC7C,QAAQ,GAAG,IAGb,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CA+GjE"}

package/dist/src/components/flow/index.d.ts

@@ -0,0 +1,26 @@
+import { FlowDiagram, FlowNodeList } from './diagram';
+import { FlowParallelNode } from './parallel';
+/**
+ * Flow - Components for visualizing workflows and data flows.
+ *
+ * @example
+ * ```tsx
+ * <Flow>
+ *   <Flow.Node>Step 1</Flow.Node>
+ *   <Flow.Node>Step 2</Flow.Node>
+ *   <Flow.Parallel>
+ *     <Flow.Node>Branch A</Flow.Node>
+ *     <Flow.Node>Branch B</Flow.Node>
+ *   </Flow.Parallel>
+ *   <Flow.Node>Step 3</Flow.Node>
+ * </Flow>
+ * ```
+ */
+declare const Flow: typeof FlowDiagram & {
+    Node: import('react').ForwardRefExoticComponent<import('./node').FlowNodeProps & import('react').RefAttributes<HTMLElement>>;
+    Parallel: typeof FlowParallelNode;
+    List: typeof FlowNodeList;
+    Anchor: import('react').ForwardRefExoticComponent<import('./node').FlowAnchorProps & import('react').RefAttributes<HTMLElement>>;
+};
+export { Flow };
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/flow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/flow/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE9C;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,IAAI;;;;;CAKR,CAAC;AAEH,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/src/components/flow/node.d.ts

@@ -0,0 +1,61 @@
+import { ReactElement, ReactNode } from 'react';
+/**
+ * FlowNode component props.
+ *
+ * @example Default styling
+ * ```tsx
+ * <Flow.Node>Step 1</Flow.Node>
+ * ```
+ *
+ * @example Custom render - completely replaces the default element
+ * ```tsx
+ * <Flow.Node render={<div className="custom-node">Custom content</div>} />
+ * ```
+ */
+export type FlowNodeProps = {
+    /**
+     * Optional identifier for the node. When provided, used as the
+     * `data-node-id` attribute instead of the auto-generated React id.
+     */
+    id?: string;
+    /**
+     * Custom element to render instead of the default styled node.
+     * When provided, completely replaces the default element.
+     */
+    render?: ReactElement;
+    children?: ReactNode;
+    /**
+     * When true, any connector linking to this node will be greyed out.
+     */
+    disabled?: boolean;
+};
+export declare const FlowNode: import('react').ForwardRefExoticComponent<FlowNodeProps & import('react').RefAttributes<HTMLElement>>;
+/**
+ * FlowAnchor component props.
+ *
+ * @example Default (unstyled div)
+ * ```tsx
+ * <Flow.Anchor type="start">Anchor content</Flow.Anchor>
+ * ```
+ *
+ * @example Custom render - completely replaces the default element
+ * ```tsx
+ * <Flow.Anchor type="end" render={<span className="custom-anchor">Custom anchor</span>} />
+ * ```
+ */
+export type FlowAnchorProps = {
+    /**
+     * Determines if the anchor should serve as a "start" point for the
+     * _next_ connector or the "end" point for the _previous_ connector.
+     * When omitted, it serves as both the start and end points.
+     */
+    type?: "start" | "end";
+    /**
+     * Custom element to render instead of the default div.
+     * When provided, completely replaces the default element.
+     */
+    render?: ReactElement;
+    children?: ReactNode;
+};
+export declare const FlowAnchor: import('react').ForwardRefExoticComponent<FlowAnchorProps & import('react').RefAttributes<HTMLElement>>;
+//# sourceMappingURL=node.d.ts.map

package/dist/src/components/flow/node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.d.ts","sourceRoot":"","sources":["../../../../src/components/flow/node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAYL,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAmBf;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,QAAQ,uGA0JpB,CAAC;AAaF;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACvB;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,UAAU,yGA6CtB,CAAC"}

package/dist/src/components/flow/parallel.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+type FlowParallelNodeProps = {
+    children: ReactNode;
+    /**
+     * Controls alignment of nodes within the parallel group.
+     * - `start`: Nodes align to the left (default)
+     * - `end`: Nodes align to the right
+     */
+    align?: "start" | "end";
+};
+export declare function FlowParallelNode({ children, align, }: FlowParallelNodeProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=parallel.d.ts.map

package/dist/src/components/flow/parallel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parallel.d.ts","sourceRoot":"","sources":["../../../../src/components/flow/parallel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AA0Df,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CACzB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,KAAe,GAChB,EAAE,qBAAqB,2CAwXvB"}