@cloudraker/reki 2.6.1

package/dist/src/components/flow/use-children.d.ts

@@ -0,0 +1,87 @@
+import { ReactNode } from 'react';
+export type DescendantInfo<T = Record<string, unknown>> = {
+    id: string;
+    props: T;
+    renderOrder: number;
+};
+type DescendantsContextType<DescendantType = Record<string, unknown>> = {
+    register: (id: string, renderOrder: number, props?: DescendantType) => {
+        unregister: () => void;
+    };
+    descendants: DescendantInfo<DescendantType>[];
+    claimRenderOrder: (id: string) => number;
+    /**
+     * Counter that increments whenever any descendant registers, unregisters, or
+     * reports a size change. Nodes can depend on this value to know when they
+     * should remeasure their `getBoundingClientRect`.
+     */
+    measurementEpoch: number;
+    /**
+     * Call this when a node's own size changes (e.g. from a ResizeObserver) so
+     * that sibling nodes know to remeasure their positions.
+     */
+    notifySizeChange: () => void;
+};
+/**
+ * Hook that manages descendant registration and provides access to all registered descendants.
+ * This hook contains all the logic for tracking and managing descendants.
+ *
+ * @returns The descendants context value with register function and descendants array
+ */
+export declare function useDescendants<DescendantType extends Record<string, unknown>>(): DescendantsContextType<DescendantType>;
+type DescendantsProviderProps<T extends Record<string, unknown>> = {
+    value: DescendantsContextType<T>;
+    children: ReactNode;
+};
+export declare function DescendantsProvider<T extends Record<string, unknown>>({ value, children, }: DescendantsProviderProps<T>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Hook to access the descendants context from within a DescendantsProvider.
+ * This allows callers to access the descendants data and register function.
+ *
+ * @returns The descendants context value
+ * @throws Error if used outside of DescendantsProvider
+ */
+export declare function useDescendantsContext<T extends Record<string, unknown>>(): DescendantsContextType<T>;
+/**
+ * Hook to optionally access the descendants context.
+ * Returns null if not within a DescendantsProvider (does not throw).
+ *
+ * @returns The descendants context value or null
+ */
+export declare function useOptionalDescendantsContext<T extends Record<string, unknown>>(): DescendantsContextType<T> | null;
+/**
+ * Hook that allows a descendant component to register itself with a parent
+ * and returns the index of the descendant in the parent's list.
+ *
+ * @example
+ * ```tsx
+ * function Parent() {
+ *   return (
+ *     <DescendantsProvider>
+ *       <Descendant />
+ *       <Descendant />
+ *       <Descendant />
+ *     </DescendantsProvider>
+ *   );
+ * }
+ *
+ * function Descendant() {
+ *   const index = useDescendantIndex();
+ *   return <div>I am descendant {index}</div>;
+ * }
+ *
+ * // With props
+ * function Descendant() {
+ *   const index = useDescendantIndex({ name: "Descendant 1", type: "primary" });
+ *   return <div>I am descendant {index}</div>;
+ * }
+ * ```
+ */
+export declare function useDescendantIndex<T extends Record<string, unknown>>(props?: T, customId?: string): {
+    index: number;
+    id: string;
+    getPrevious: () => DescendantInfo<T> | undefined;
+    getNext: () => DescendantInfo<T> | undefined;
+};
+export {};
+//# sourceMappingURL=use-children.d.ts.map

package/dist/src/components/flow/use-children.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-children.d.ts","sourceRoot":"","sources":["../../../../src/components/flow/use-children.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,MAAM,MAAM,cAAc,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;IACxD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,CAAC,CAAC;IACT,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,sBAAsB,CAAC,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;IACtE,QAAQ,EAAE,CACR,EAAE,EAAE,MAAM,EACV,WAAW,EAAE,MAAM,EACnB,KAAK,CAAC,EAAE,cAAc,KACnB;QAAE,UAAU,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IAChC,WAAW,EAAE,cAAc,CAAC,cAAc,CAAC,EAAE,CAAC;IAC9C,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC;;;;OAIG;IACH,gBAAgB,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B,CAAC;AAYF;;;;;GAKG;AACH,wBAAgB,cAAc,CAC5B,cAAc,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC3C,sBAAsB,CAAC,cAAc,CAAC,CA8F1C;AAMD,KAAK,wBAAwB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;IACjE,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC;IACjC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EACrE,KAAK,EACL,QAAQ,GACT,EAAE,wBAAwB,CAAC,CAAC,CAAC,2CAQ7B;AAMD;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CACnC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC9B,sBAAsB,CAAC,CAAC,CAAC,CAU7B;AAED;;;;;GAKG;AACH,wBAAgB,6BAA6B,CAC3C,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC9B,sBAAsB,CAAC,CAAC,CAAC,GAAG,IAAI,CAGpC;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAKH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAClE,KAAK,CAAC,EAAE,CAAC,EACT,QAAQ,CAAC,EAAE,MAAM;;;uBAuCmB,cAAc,CAAC,CAAC,CAAC,GAAG,SAAS;mBAKjC,cAAc,CAAC,CAAC,CAAC,GAAG,SAAS;EAM9D"}

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

@@ -0,0 +1,135 @@
+import { default as React } from 'react';
+/** Grid variant and gap definitions mapping layout names to their responsive Tailwind classes. */
+export declare const REKI_GRID_VARIANTS: {
+    readonly variant: {
+        readonly "2up": {
+            readonly classes: "grid-cols-1 md:grid-cols-2";
+            readonly description: "Grid items stack on small screens, display side-by-side on medium screens and up";
+        };
+        readonly "side-by-side": {
+            readonly classes: "grid-cols-2";
+            readonly description: "Grid items always displayed side-by-side";
+        };
+        readonly "2-1": {
+            readonly classes: "grid-cols-1 md:grid-cols-[2fr_1fr]";
+            readonly description: "Two-thirds / one-third split (66%/33%) on medium screens and up";
+        };
+        readonly "1-2": {
+            readonly classes: "grid-cols-1 md:grid-cols-[1fr_2fr]";
+            readonly description: "One-third / two-thirds split (33%/66%) on medium screens and up";
+        };
+        readonly "1-3up": {
+            readonly classes: "grid-cols-1 lg:grid-cols-3";
+            readonly description: "Grid items stack on small screens, expand to 3 across on large screens";
+        };
+        readonly "3up": {
+            readonly classes: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3";
+            readonly description: "Grid items stack on small screens, 2 across on medium, 3 across on large";
+        };
+        readonly "4up": {
+            readonly classes: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4";
+            readonly description: "Grid items stack on small screens, progressively increase columns at larger breakpoints";
+        };
+        readonly "6up": {
+            readonly classes: "grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6";
+            readonly description: "Grid items start at 2 across, expand to 6 across on XL";
+        };
+        readonly "1-2-4up": {
+            readonly classes: "grid-cols-1 md:grid-cols-2 lg:grid-cols-4";
+            readonly description: "Grid items stack on small screens, 2 across on medium, 4 across on large";
+        };
+    };
+    readonly gap: {
+        readonly none: {
+            readonly classes: "gap-0";
+            readonly description: "No gap between grid items";
+        };
+        readonly sm: {
+            readonly classes: "gap-3";
+            readonly description: "Small gap between grid items";
+        };
+        readonly base: {
+            readonly classes: "gap-2 md:gap-6 lg:gap-8";
+            readonly description: "Default responsive gap between grid items";
+        };
+        readonly lg: {
+            readonly classes: "gap-8";
+            readonly description: "Large gap between grid items";
+        };
+    };
+};
+export declare const REKI_GRID_DEFAULT_VARIANTS: {
+    readonly gap: "base";
+};
+export type RekiGridVariant = keyof typeof REKI_GRID_VARIANTS.variant;
+export type RekiGridGap = keyof typeof REKI_GRID_VARIANTS.gap;
+/**
+ * Grid component props.
+ *
+ * @example
+ * ```tsx
+ * <Grid variant="3up" gap="sm">
+ *   <GridItem><Surface className="p-4">1</Surface></GridItem>
+ *   <GridItem><Surface className="p-4">2</Surface></GridItem>
+ *   <GridItem><Surface className="p-4">3</Surface></GridItem>
+ * </Grid>
+ * ```
+ */
+export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Grid items to render. */
+    children?: React.ReactNode;
+    /** Additional CSS classes merged via `cn()`. */
+    className?: string;
+    /** Show dividers between grid items on mobile (only works with `"4up"` variant). */
+    mobileDivider?: boolean;
+    /**
+     * Gap size between grid items.
+     * - `"none"` — No gap
+     * - `"sm"` — 12px gap
+     * - `"base"` — Responsive gap (8px → 24px → 32px)
+     * - `"lg"` — 32px gap
+     * @default "base"
+     */
+    gap?: RekiGridGap;
+    /**
+     * Responsive column layout variant.
+     * - `"2up"` — 1 col → 2 cols at md
+     * - `"side-by-side"` — Always 2 cols
+     * - `"2-1"` — 66%/33% split at md
+     * - `"1-2"` — 33%/66% split at md
+     * - `"3up"` — 1 → 2 → 3 cols
+     * - `"4up"` — 1 → 2 → 3 → 4 cols
+     * - `"6up"` — 2 → 3 → 4 → 6 cols
+     * - `"1-2-4up"` — 1 → 2 → 4 cols
+     */
+    variant?: RekiGridVariant;
+}
+/** GridItem component props — a single cell within a Grid. */
+export interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Content for this grid cell. */
+    children?: React.ReactNode;
+    /** Additional CSS classes merged via `cn()`. */
+    className?: string;
+}
+export declare function gridVariants({ variant, gap, }?: {
+    variant?: RekiGridVariant;
+    gap?: RekiGridGap;
+}): string;
+export declare function gridItemVariants({ variant, mobileDivider, }?: {
+    variant?: RekiGridVariant;
+    mobileDivider?: boolean;
+}): string;
+/**
+ * Responsive CSS grid layout container with preset column configurations.
+ *
+ * @example
+ * ```tsx
+ * <Grid variant="2up" gap="base">
+ *   <GridItem>Left</GridItem>
+ *   <GridItem>Right</GridItem>
+ * </Grid>
+ * ```
+ */
+export declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
+export declare const GridItem: React.ForwardRefExoticComponent<GridItemProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=grid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../../src/components/grid/grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,kGAAkG;AAClG,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgErB,CAAC;AAEX,eAAO,MAAM,0BAA0B;;CAE7B,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,kBAAkB,CAAC,OAAO,CAAC;AACtE,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,kBAAkB,CAAC,GAAG,CAAC;AAE9D;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oFAAoF;IACpF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;;;OAOG;IACH,GAAG,CAAC,EAAE,WAAW,CAAC;IAClB;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED,8DAA8D;AAC9D,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,kCAAkC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAYD,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,GAAoC,GACrC,GAAE;IACD,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,GAAG,CAAC,EAAE,WAAW,CAAC;CACd,UAML;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,aAAa,GACd,GAAE;IACD,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;CACpB,UAML;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,IAAI,kFAwBhB,CAAC;AAIF,eAAO,MAAM,QAAQ,sFAcpB,CAAC"}

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

@@ -0,0 +1,2 @@
+export { Grid, GridItem, gridVariants, gridItemVariants, REKI_GRID_VARIANTS, REKI_GRID_DEFAULT_VARIANTS, type GridProps, type GridItemProps, type RekiGridVariant, type RekiGridGap, } from './grid';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,0BAA0B,EAC1B,KAAK,SAAS,EACd,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,WAAW,GACjB,MAAM,QAAQ,CAAC"}

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

@@ -0,0 +1,19 @@
+export { Input, inputVariants, type InputProps } from './input';
+export { InputArea, Textarea, type InputAreaProps } from './input-area';
+export { InputGroup, REKI_INPUT_GROUP_VARIANTS, REKI_INPUT_GROUP_DEFAULT_VARIANTS, } from '../input-group';
+/**
+ * @deprecated `focusMode` is no longer a public prop — it is auto-detected by
+ * `InputGroup` based on its children. This type will be removed in a future
+ * major version.
+ */
+export type RekiInputGroupFocusMode = "container" | "individual";
+/**
+ * @deprecated `focusMode` is no longer a public prop — it is auto-detected by
+ * `InputGroup` based on its children. Use `InputGroupRootProps` from
+ * `@cloudraker/reki` instead. This type will be removed in a future major
+ * version.
+ */
+export interface RekiInputGroupVariantsProps {
+    focusMode?: RekiInputGroupFocusMode;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAIxE,OAAO,EACL,UAAU,EACV,yBAAyB,EACzB,iCAAiC,GAClC,MAAM,gBAAgB,CAAC;AAMxB;;;;GAIG;AACH,MAAM,MAAM,uBAAuB,GAAG,WAAW,GAAG,YAAY,CAAC;AAEjE;;;;;GAKG;AACH,MAAM,WAAW,2BAA2B;IAC1C,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC"}

package/dist/src/components/input/input-area.d.ts

@@ -0,0 +1,65 @@
+import { ReactNode } from 'react';
+import { FieldErrorMatch } from '../field/field';
+import * as React from "react";
+export declare const InputArea: React.ForwardRefExoticComponent<{
+    onValueChange?: (value: string) => void;
+    variant?: "default" | "error";
+    size?: "xs" | "sm" | "base" | "lg";
+    children?: React.ReactNode;
+    className?: string;
+    /** Label content for the textarea (enables Field wrapper) - can be a string or any React node */
+    label?: ReactNode;
+    /** Tooltip content to display next to the label via an info icon */
+    labelTooltip?: ReactNode;
+    /** Helper text displayed below the textarea */
+    description?: ReactNode;
+    /** Error message or validation error object */
+    error?: string | {
+        message: ReactNode;
+        match: FieldErrorMatch;
+    };
+} & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> & React.RefAttributes<HTMLTextAreaElement>>;
+/** Alias for InputArea — provided for discoverability when migrating from other libraries */
+export declare const Textarea: React.ForwardRefExoticComponent<{
+    onValueChange?: (value: string) => void;
+    variant?: "default" | "error";
+    size?: "xs" | "sm" | "base" | "lg";
+    children?: React.ReactNode;
+    className?: string;
+    /** Label content for the textarea (enables Field wrapper) - can be a string or any React node */
+    label?: ReactNode;
+    /** Tooltip content to display next to the label via an info icon */
+    labelTooltip?: ReactNode;
+    /** Helper text displayed below the textarea */
+    description?: ReactNode;
+    /** Error message or validation error object */
+    error?: string | {
+        message: ReactNode;
+        match: FieldErrorMatch;
+    };
+} & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> & React.RefAttributes<HTMLTextAreaElement>>;
+/**
+ * InputArea component props
+ * @property {ReactNode} [label] - Label content for the textarea (enables Field wrapper)
+ * @property {ReactNode} [description] - Helper text displayed below the textarea
+ * @property {string | { message: ReactNode, match: FieldErrorMatch }} [error] - Error message or validation error object
+ */
+export type InputAreaProps = {
+    onValueChange?: (value: string) => void;
+    variant?: "default" | "error";
+    size?: "xs" | "sm" | "base" | "lg";
+    children?: React.ReactNode;
+    className?: string;
+    /** Label content for the textarea (enables Field wrapper) - can be a string or any React node */
+    label?: ReactNode;
+    /** Tooltip content to display next to the label via an info icon */
+    labelTooltip?: ReactNode;
+    /** Helper text displayed below the textarea */
+    description?: ReactNode;
+    /** Error message or validation error object */
+    error?: string | {
+        message: ReactNode;
+        match: FieldErrorMatch;
+    };
+} & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size">;
+//# sourceMappingURL=input-area.d.ts.map

package/dist/src/components/input/input-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-area.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input-area.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAA2C,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAE/F,eAAO,MAAM,SAAS;oBA+FJ,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;cAC7B,SAAS,GAAG,OAAO;WACtB,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI;eAEvB,KAAK,CAAC,SAAS;gBACd,MAAM;IAClB,iGAAiG;YACzF,SAAS;IACjB,oEAAoE;mBACrD,SAAS;IACxB,+CAA+C;kBACjC,SAAS;IACvB,+CAA+C;YACvC,MAAM,GAAG;QAAE,OAAO,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,eAAe,CAAA;KAAE;+GA3BhE,CAAC;AAIF,6FAA6F;AAC7F,eAAO,MAAM,QAAQ;oBASH,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;cAC7B,SAAS,GAAG,OAAO;WACtB,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI;eAEvB,KAAK,CAAC,SAAS;gBACd,MAAM;IAClB,iGAAiG;YACzF,SAAS;IACjB,oEAAoE;mBACrD,SAAS;IACxB,+CAA+C;kBACjC,SAAS;IACvB,+CAA+C;YACvC,MAAM,GAAG;QAAE,OAAO,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,eAAe,CAAA;KAAE;+GAtBhC,CAAC;AAElC;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;IAEnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iGAAiG;IACjG,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,oEAAoE;IACpE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,GAAG;QAAE,OAAO,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,eAAe,CAAA;KAAE,CAAC;CAGjE,GAAG,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC,CAAC"}

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

@@ -0,0 +1,175 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { Input as BaseInput } from '@base-ui/react/input';
+import { FieldErrorMatch } from '../field/field';
+/** Input size and variant definitions mapping names to their Tailwind classes. */
+export declare const REKI_INPUT_VARIANTS: {
+    readonly size: {
+        readonly xs: {
+            readonly classes: "h-5 gap-1 rounded-sm px-1.5 text-xs";
+            readonly description: "Extra small input for compact UIs";
+        };
+        readonly sm: {
+            readonly classes: "h-6.5 gap-1 rounded-md px-2 text-xs";
+            readonly description: "Small input for secondary fields";
+        };
+        readonly base: {
+            readonly classes: "h-9 gap-1.5 rounded-lg px-3 text-base";
+            readonly description: "Default input size";
+        };
+        readonly lg: {
+            readonly classes: "h-10 gap-2 rounded-lg px-4 text-base";
+            readonly description: "Large input for prominent fields";
+        };
+    };
+    readonly variant: {
+        readonly default: {
+            readonly classes: "focus:ring-reki-focus/50 focus:ring-[1.5px]";
+            readonly description: "Default input appearance";
+        };
+        readonly error: {
+            readonly classes: "!ring-reki-danger focus:ring-reki-danger/50 focus:ring-[1.5px]";
+            readonly description: "Error state for validation failures";
+        };
+    };
+};
+export declare const REKI_INPUT_DEFAULT_VARIANTS: {
+    readonly size: "base";
+    readonly variant: "default";
+};
+export declare const REKI_INPUT_STYLING: {
+    readonly dimensions: {
+        readonly xs: {
+            readonly height: 20;
+            readonly paddingX: 6;
+            readonly fontSize: 12;
+            readonly borderRadius: 2;
+            readonly width: 160;
+        };
+        readonly sm: {
+            readonly height: 26;
+            readonly paddingX: 8;
+            readonly fontSize: 12;
+            readonly borderRadius: 6;
+            readonly width: 200;
+        };
+        readonly base: {
+            readonly height: 36;
+            readonly paddingX: 12;
+            readonly fontSize: 16;
+            readonly borderRadius: 8;
+            readonly width: 280;
+        };
+        readonly lg: {
+            readonly height: 40;
+            readonly paddingX: 16;
+            readonly fontSize: 16;
+            readonly borderRadius: 8;
+            readonly width: 320;
+        };
+    };
+    readonly baseTokens: {
+        readonly background: "color-secondary";
+        readonly text: "text-color-surface";
+        readonly placeholder: "text-color-muted";
+        readonly ring: "color-border";
+    };
+    readonly stateTokens: {
+        readonly focus: {
+            readonly ring: "color-active";
+        };
+        readonly error: {
+            readonly ring: "color-error";
+        };
+        readonly disabled: {
+            readonly opacity: 0.5;
+            readonly text: "text-color-muted";
+        };
+    };
+};
+export type RekiInputSize = keyof typeof REKI_INPUT_VARIANTS.size;
+export type RekiInputVariant = keyof typeof REKI_INPUT_VARIANTS.variant;
+export interface RekiInputVariantsProps {
+    /**
+     * Input size.
+     * - `"xs"` — Extra small for compact UIs
+     * - `"sm"` — Small for secondary fields
+     * - `"base"` — Default size
+     * - `"lg"` — Large for prominent fields
+     * @default "base"
+     */
+    size?: RekiInputSize;
+    /**
+     * Visual variant.
+     * - `"default"` — Standard input
+     * - `"error"` — Error state for validation failures
+     * @default "default"
+     */
+    variant?: RekiInputVariant;
+    parentFocusIndicator?: boolean;
+    focusIndicator?: boolean;
+}
+type BaseInputProps = Omit<ComponentPropsWithoutRef<typeof BaseInput>, "size">;
+export declare function inputVariants({ variant, size, parentFocusIndicator, focusIndicator, }?: RekiInputVariantsProps): string;
+export declare const Input: import('react').ForwardRefExoticComponent<Pick<RekiInputVariantsProps, "variant" | "size"> & BaseInputProps & {
+    /** Label content for the input (enables Field wrapper) - can be a string or any React node */
+    label?: ReactNode;
+    /** Tooltip content to display next to the label via an info icon */
+    labelTooltip?: ReactNode;
+    /** Helper text displayed below the input */
+    description?: ReactNode;
+    /** Error message or validation error object */
+    error?: string | {
+        message: ReactNode;
+        match: FieldErrorMatch;
+    };
+    /** Suppress browser extension password manager overlays on non-credential inputs. */
+    passwordManagerIgnore?: boolean;
+} & import('react').RefAttributes<HTMLInputElement>>;
+/**
+ * Input component props with accessibility guidance.
+ *
+ * **Accessible Name Required:** Input should have one of:
+ * 1. `label` prop (recommended) - enables Field wrapper with label/description/error
+ * 2. `placeholder` + `aria-label` - for bare inputs with visual placeholder
+ * 3. `aria-labelledby` - for custom label association
+ *
+ * Missing accessible names will trigger console warnings in development.
+ *
+ * @example
+ * // Recommended: Built-in Field wrapper
+ * <Input label="Email" placeholder="you@example.com" />
+ *
+ * @example
+ * // Bare input with placeholder and aria-label
+ * <Input placeholder="Search..." aria-label="Search products" />
+ *
+ * @example
+ * // Custom label association
+ * <label id="email-label">Email</label>
+ * <Input aria-labelledby="email-label" />
+ *
+ * @example
+ * // With description and error
+ * <Input
+ *   label="Password"
+ *   description="Must be at least 8 characters"
+ *   error="Password is too short"
+ * />
+ */
+export type InputProps = Pick<RekiInputVariantsProps, "size" | "variant"> & BaseInputProps & {
+    /** Label content for the input (enables Field wrapper) - can be a string or any React node */
+    label?: ReactNode;
+    /** Tooltip content to display next to the label via an info icon */
+    labelTooltip?: ReactNode;
+    /** Helper text displayed below the input */
+    description?: ReactNode;
+    /** Error message or validation error object */
+    error?: string | {
+        message: ReactNode;
+        match: FieldErrorMatch;
+    };
+    /** Suppress browser extension password manager overlays on non-credential inputs. */
+    passwordManagerIgnore?: boolean;
+};
+export {};
+//# sourceMappingURL=input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAA8B,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAElF,kFAAkF;AAClF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BtB,CAAC;AAEX,eAAO,MAAM,2BAA2B;;;CAG9B,CAAC;AAEX,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBrB,CAAC;AAGX,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,mBAAmB,CAAC,IAAI,CAAC;AAClE,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,mBAAmB,CAAC,OAAO,CAAC;AAExE,MAAM,WAAW,sBAAsB;IACrC;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAGD,KAAK,cAAc,GAAG,IAAI,CAAC,wBAAwB,CAAC,OAAO,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC;AAE/E,wBAAgB,aAAa,CAAC,EAC5B,OAA6C,EAC7C,IAAuC,EACvC,oBAA4B,EAC5B,cAAsB,GACvB,GAAE,sBAA2B,UA4B7B;AAED,eAAO,MAAM,KAAK;IAuHd,8FAA8F;YACtF,SAAS;IACjB,oEAAoE;mBACrD,SAAS;IACxB,4CAA4C;kBAC9B,SAAS;IACvB,+CAA+C;YACvC,MAAM,GAAG;QAAE,OAAO,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,eAAe,CAAA;KAAE;IAC/D,qFAAqF;4BAC7D,OAAO;oDA9CjC,CAAC;AAIH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,sBAAsB,EAAE,MAAM,GAAG,SAAS,CAAC,GACvE,cAAc,GAAG;IACf,8FAA8F;IAC9F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,oEAAoE;IACpE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,GAAG;QAAE,OAAO,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,eAAe,CAAA;KAAE,CAAC;IAChE,qFAAqF;IACrF,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC"}

package/dist/src/components/input-group/context.d.ts

@@ -0,0 +1,96 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { RekiInputSize } from '../input/input';
+import { FieldProps } from '../field/field';
+export interface InputGroupSizeTokens {
+    /** Full outer padding — matches standalone Input (e.g. px-3). */
+    inputOuter: string;
+    /**
+     * Directional outer padding for Addon at the container edge.
+     *
+     * These MUST be static pl-/pr- strings (not derived at runtime via
+     * `"px-N".replace(…)`) so Tailwind JIT can detect them during its
+     * source-file scan. Dynamic string construction produces class names
+     * that never appear as literals, so Tailwind never generates the CSS.
+     */
+    addonOuterStart: string;
+    addonOuterEnd: string;
+    /**
+     * Reduced outer padding when the Addon contains a Button.
+     * Buttons have their own internal padding, so the Addon can use
+     * less outer padding to keep the visual gap balanced.
+     */
+    addonButtonOuterStart: string;
+    addonButtonOuterEnd: string;
+    /** pr- for suffix when no end addon. */
+    suffixPad: string;
+    fontSize: string;
+    /** Icon size in px. */
+    iconSize: number;
+}
+export declare const INPUT_GROUP_SIZE: Record<RekiInputSize, InputGroupSizeTokens>;
+export declare const INPUT_GROUP_HAS_CLASSES: Record<RekiInputSize, string>;
+/**
+ * Props for `InputGroup.Root`. Focus mode is auto-detected from children
+ * (see `detectFocusMode`), so it is not part of the public or internal API.
+ */
+export interface InputGroupRootPropsInternal extends HTMLAttributes<HTMLElement>, Partial<Pick<FieldProps, "label" | "description" | "error" | "required" | "labelTooltip">> {
+    size?: RekiInputSize | undefined;
+    disabled?: boolean;
+}
+/** Public InputGroup.Root props — identical to the internal type. */
+export type InputGroupRootProps = InputGroupRootPropsInternal;
+export interface InputGroupContextValue {
+    size?: RekiInputSize;
+    focusMode: "container" | "individual" | "hybrid";
+    disabled: boolean;
+    error?: FieldProps["error"];
+    /** Auto-generated id for the input element; used by the invisible label overlay. */
+    inputId: string;
+}
+export declare const InputGroupContext: import('react').Context<InputGroupContextValue | null>;
+/**
+ * Set to `true` by `InputGroup.Addon` so that `InputGroup.Button` can detect
+ * whether it's wrapped in an Addon. Ghost buttons should always live inside
+ * an Addon for correct spacing.
+ */
+export declare const InputGroupAddonContext: import('react').Context<boolean>;
+/**
+ * Reads InputGroupContext and warns in development when the context is null
+ * (i.e. when a sub-component is rendered outside of `<InputGroup>`).
+ */
+export declare function useInputGroupContext(componentName: string): InputGroupContextValue | null;
+/**
+ * Partitions InputGroup children for hybrid focus mode.
+ *
+ * Container zone: Addon, Input, Suffix, text nodes — everything that should
+ * share a single container-style border.
+ *
+ * Individual zone: Direct `InputGroup.Button` elements that manage their own
+ * border and focus ring.
+ *
+ * Uses `displayName` comparison to identify elements, avoiding circular
+ * imports between `context.ts` and the sub-component files.
+ */
+export declare function partitionChildren(children: ReactNode): {
+    containerZone: ReactNode[];
+    individualZone: ReactNode[];
+};
+/**
+ * Analyzes the direct children of `InputGroup` to determine the focus mode.
+ *
+ * Returns `"hybrid"` when BOTH an `InputGroup.Addon` AND a non-ghost direct
+ * `InputGroup.Button` are present. In hybrid mode, Addon+Input share a
+ * container-style border while Buttons get individual borders.
+ *
+ * Returns `"individual"` when a non-ghost direct `InputGroup.Button` is
+ * present WITHOUT any `InputGroup.Addon`. This signals a toolbar/pagination
+ * layout where each element manages its own focus ring.
+ *
+ * Returns `"container"` (default) in all other cases — the container owns a
+ * single shared focus ring.
+ *
+ * Uses `displayName` comparison to identify elements, avoiding circular
+ * imports between `context.ts` and the sub-component files.
+ */
+export declare function detectFocusMode(children: ReactNode): "container" | "individual" | "hybrid";
+//# sourceMappingURL=context.d.ts.map

package/dist/src/components/input-group/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/input-group/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAejD,MAAM,WAAW,oBAAoB;IACnC,iEAAiE;IACjE,UAAU,EAAE,MAAM,CAAC;IACnB;;;;;;;OAOG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,qBAAqB,EAAE,MAAM,CAAC;IAC9B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,wCAAwC;IACxC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,uBAAuB;IACvB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,aAAa,EAAE,oBAAoB,CAyCxE,CAAC;AAIF,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAiBjE,CAAC;AAIF;;;GAGG;AACH,MAAM,WAAW,2BACf,SAAQ,cAAc,CAAC,WAAW,CAAC,EACjC,OAAO,CACL,IAAI,CACF,UAAU,EACV,OAAO,GAAG,aAAa,GAAG,OAAO,GAAG,UAAU,GAAG,cAAc,CAChE,CACF;IACH,IAAI,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,qEAAqE;AACrE,MAAM,MAAM,mBAAmB,GAAG,2BAA2B,CAAC;AAE9D,MAAM,WAAW,sBAAsB;IACrC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,SAAS,EAAE,WAAW,GAAG,YAAY,GAAG,QAAQ,CAAC;IACjD,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B,oFAAoF;IACpF,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,iBAAiB,wDAE7B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,kCAAuB,CAAC;AAE3D;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,aAAa,EAAE,MAAM,iCAQzD;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,SAAS,GAAG;IACtD,aAAa,EAAE,SAAS,EAAE,CAAC;IAC3B,cAAc,EAAE,SAAS,EAAE,CAAC;CAC7B,CAiBA;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,eAAe,CAC7B,QAAQ,EAAE,SAAS,GAClB,WAAW,GAAG,YAAY,GAAG,QAAQ,CAiCvC"}

package/dist/src/components/input-group/index.d.ts

@@ -0,0 +1,2 @@
+export { InputGroup, REKI_INPUT_GROUP_VARIANTS, REKI_INPUT_GROUP_DEFAULT_VARIANTS, type InputGroupRootProps, type InputGroupInputProps, type InputGroupButtonProps, type InputGroupAddonProps, type InputGroupSuffixProps, } from './input-group';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/input-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,yBAAyB,EACzB,iCAAiC,EACjC,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,GAC3B,MAAM,eAAe,CAAC"}

package/dist/src/components/input-group/input-group-addon.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+export interface InputGroupAddonProps {
+    /** Position relative to the input. @default "start" */
+    align?: "start" | "end";
+    /** Additional CSS classes. */
+    className?: string;
+    /** Addon content: icons, buttons, spinners, text. */
+    children?: ReactNode;
+}
+/**
+ * Container for icons, text, or compact buttons positioned at the start or end
+ * of the input. Automatically sizes icon children to match the input size.
+ */
+export declare const Addon: import('react').ForwardRefExoticComponent<InputGroupAddonProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=input-group-addon.d.ts.map

package/dist/src/components/input-group/input-group-addon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group-addon.d.ts","sourceRoot":"","sources":["../../../../src/components/input-group/input-group-addon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AASf,MAAM,WAAW,oBAAoB;IACnC,uDAAuD;IACvD,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,iHA8DjB,CAAC"}