@cloudraker/reki 2.6.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,oBAAoB,EACpB,4BAA4B,EAC5B,KAAK,WAAW,EAChB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,UAAU,EACf,KAAK,aAAa,GACnB,MAAM,UAAU,CAAC"}

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

@@ -0,0 +1,197 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+/** Switch size and variant definitions mapping names to their Tailwind classes. */
+export declare const REKI_SWITCH_VARIANTS: {
+    readonly size: {
+        readonly sm: {
+            readonly classes: "h-5.5 w-8.5";
+            readonly description: "Small switch for compact UIs";
+        };
+        readonly base: {
+            readonly classes: "h-6.5 w-10.5";
+            readonly description: "Default switch size";
+        };
+        readonly lg: {
+            readonly classes: "h-7.5 w-12.5";
+            readonly description: "Large switch for prominent toggles";
+        };
+    };
+    readonly variant: {
+        readonly default: {
+            readonly classes: "";
+            readonly description: "Default switch with squircle shape and brand blue color";
+        };
+        readonly neutral: {
+            readonly classes: "";
+            readonly description: "Monochrome switch with squircle shape for subtle toggles";
+        };
+    };
+};
+export declare const REKI_SWITCH_DEFAULT_VARIANTS: {
+    readonly size: "base";
+    readonly variant: "default";
+};
+export type RekiSwitchSize = keyof typeof REKI_SWITCH_VARIANTS.size;
+export type RekiSwitchVariant = keyof typeof REKI_SWITCH_VARIANTS.variant;
+export interface RekiSwitchVariantsProps {
+    /**
+     * Switch size.
+     * - `"sm"` — Small for compact UIs
+     * - `"base"` — Default size
+     * - `"lg"` — Large for prominent toggles
+     * @default "base"
+     */
+    size?: RekiSwitchSize;
+    /**
+     * Visual variant.
+     * - `"default"` — Standard switch appearance
+     * - `"error"` — Error state for validation failures
+     * @default "default"
+     */
+    variant?: RekiSwitchVariant;
+}
+export declare function switchVariants({ size, variant, }?: RekiSwitchVariantsProps): string;
+export type SwitchSize = RekiSwitchSize;
+export type SwitchVariant = RekiSwitchVariant;
+/**
+ * Single switch component props (with built-in Field)
+ *
+ * Usage patterns:
+ *
+ * Basic usage:
+ * ```tsx
+ * <Switch label="Enable notifications" checked={true} onCheckedChange={setChecked} />
+ * ```
+ *
+ * Label first layout:
+ * ```tsx
+ * <Switch label="Dark mode" checked={false} onCheckedChange={setChecked} controlFirst={false} />
+ * ```
+ *
+ * Neutral variant (monochrome, squircle shape):
+ * ```tsx
+ * <Switch label="Setting" variant="neutral" checked={false} onCheckedChange={setChecked} />
+ * ```
+ *
+ * @property {string} label - Label text for the switch (Field wrapper is built-in)
+ * @property {boolean} [controlFirst] - When true (default), switch appears before label
+ */
+export type SwitchProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+    /** Visual variant: "default" (pill, brand color) or "neutral" (squircle, monochrome) */
+    variant?: SwitchVariant;
+    /** Label content for the switch (Field wrapper is built-in) - can be a string or any React node. Optional when used standalone for visual-only purposes. */
+    label?: ReactNode;
+    /** Tooltip content to display next to the label via an info icon */
+    labelTooltip?: ReactNode;
+    /**
+     * Whether the switch is required.
+     * When explicitly false, shows "(optional)" text after the label.
+     */
+    required?: boolean;
+    /** When true (default), switch appears before label. When false, label appears before switch. */
+    controlFirst?: boolean;
+    size?: RekiSwitchSize;
+    checked?: boolean;
+    disabled?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    transitioning?: boolean;
+};
+/**
+ * Switch group component props (with built-in Fieldset)
+ *
+ * Usage:
+ * ```tsx
+ * <Switch.Group
+ *   legend="Notification settings"
+ *   error="You must enable at least one notification type"
+ * >
+ *   <Switch.Item label="Email notifications" value="email" />
+ *   <Switch.Item label="SMS notifications" value="sms" />
+ * </Switch.Group>
+ * ```
+ */
+/**
+ * Props for Switch.Legend — a composable sub-component for labeling a Switch.Group.
+ *
+ * Place as a direct child of `<Switch.Group>` to provide a styled, accessible legend.
+ * Accepts `className` for full styling control (e.g. `className="sr-only"` to visually hide).
+ *
+ * @example
+ * ```tsx
+ * <Switch.Group>
+ *   <Switch.Legend className="sr-only">Notification settings</Switch.Legend>
+ *   <Switch.Item label="Email" value="email" />
+ * </Switch.Group>
+ * ```
+ */
+export interface SwitchLegendProps {
+    /** Legend content */
+    children: ReactNode;
+    /** Additional CSS classes (e.g. "sr-only" to visually hide the legend) */
+    className?: string;
+}
+export interface SwitchGroupProps {
+    /**
+     * Legend text for the group.
+     * For more control over legend styling, omit this prop and use `<Switch.Legend>` as a child instead.
+     */
+    legend?: string;
+    /** Child Switch.Item components (and optionally a Switch.Legend) */
+    children: ReactNode;
+    /** Error message for the group (only appears in groups, not single switches) */
+    error?: string;
+    /** Helper text for the group */
+    description?: ReactNode;
+    /** Whether all switches in the group are disabled */
+    disabled?: boolean;
+    /** When true (default), switch appears before label. When false, label appears before switch. */
+    controlFirst?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * Individual switch item within a group
+ */
+export type SwitchItemProps = {
+    /** Visual variant: "default" or "error" for validation failures */
+    variant?: SwitchVariant;
+    /** Label text displayed next to switch */
+    label: string;
+    /** Additional CSS classes for the label wrapper */
+    className?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    size?: RekiSwitchSize;
+    transitioning?: boolean;
+};
+declare function SwitchLegend({ children, className }: SwitchLegendProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SwitchLegend {
+    var displayName: string;
+}
+declare function SwitchGroup({ legend, children, error, description, disabled, controlFirst, className, }: SwitchGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare const Switch: import('react').ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+    /** Visual variant: "default" (pill, brand color) or "neutral" (squircle, monochrome) */
+    variant?: SwitchVariant;
+    /** Label content for the switch (Field wrapper is built-in) - can be a string or any React node. Optional when used standalone for visual-only purposes. */
+    label?: ReactNode;
+    /** Tooltip content to display next to the label via an info icon */
+    labelTooltip?: ReactNode;
+    /**
+     * Whether the switch is required.
+     * When explicitly false, shows "(optional)" text after the label.
+     */
+    required?: boolean;
+    /** When true (default), switch appears before label. When false, label appears before switch. */
+    controlFirst?: boolean;
+    size?: RekiSwitchSize;
+    checked?: boolean;
+    disabled?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    transitioning?: boolean;
+} & import('react').RefAttributes<HTMLButtonElement>> & {
+    Item: import('react').ForwardRefExoticComponent<SwitchItemProps & import('react').RefAttributes<HTMLButtonElement>>;
+    Group: typeof SwitchGroup;
+    Legend: typeof SwitchLegend;
+};
+export {};
+//# sourceMappingURL=switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/switch.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export { Table, REKI_TABLE_DEFAULT_VARIANTS, REKI_TABLE_VARIANTS, type RekiTableLayout, type RekiTableRowVariant, } from './table';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,138 @@
+import { CheckboxChangeEventDetails } from '../checkbox';
+/** Table layout and row variant definitions mapping names to their Tailwind classes. */
+export declare const REKI_TABLE_VARIANTS: {
+    readonly layout: {
+        readonly auto: {
+            readonly classes: "";
+            readonly description: "Auto table layout - columns resize based on content";
+        };
+        readonly fixed: {
+            readonly classes: "table-fixed";
+            readonly description: "Fixed table layout - columns have equal width, controlled via colgroup";
+        };
+    };
+    readonly variant: {
+        readonly default: {
+            readonly classes: "";
+            readonly description: "Default row variant";
+        };
+        readonly selected: {
+            readonly classes: "bg-reki-tint";
+            readonly description: "Selected row variant";
+        };
+    };
+    readonly sticky: {
+        readonly left: {
+            readonly classes: "sticky left-0";
+            readonly description: "Pin column to the left edge of the scroll container";
+        };
+        readonly right: {
+            readonly classes: "sticky right-0";
+            readonly description: "Pin column to the right edge of the scroll container";
+        };
+    };
+};
+export type RekiTableStickyColumn = keyof typeof REKI_TABLE_VARIANTS.sticky;
+export declare const REKI_TABLE_DEFAULT_VARIANTS: {
+    readonly layout: "auto";
+    readonly variant: "default";
+};
+export type RekiTableRowVariant = keyof typeof REKI_TABLE_VARIANTS.variant;
+export type RekiTableLayout = keyof typeof REKI_TABLE_VARIANTS.layout;
+/**
+ * Table — semantic HTML table with styled rows, cells, and selection support.
+ *
+ * Compound component: `Table` (Root), `.Header`, `.Head`, `.Body`, `.Row`,
+ * `.Cell`, `.Footer`, `.CheckCell`, `.CheckHead`, `.ResizeHandle`.
+ *
+ * @example
+ * ```tsx
+ * <Table>
+ *   <Table.Header>
+ *     <Table.Row>
+ *       <Table.CheckHead checked={allSelected} onCheckedChange={toggleAll} />
+ *       <Table.Head>Name</Table.Head>
+ *     </Table.Row>
+ *   </Table.Header>
+ *   <Table.Body>
+ *     {rows.map((row) => (
+ *       <Table.Row key={row.id} variant={selected.has(row.id) ? "selected" : "default"}>
+ *         <Table.CheckCell checked={selected.has(row.id)} onCheckedChange={() => toggle(row.id)} />
+ *         <Table.Cell>{row.name}</Table.Cell>
+ *       </Table.Row>
+ *     ))}
+ *   </Table.Body>
+ * </Table>
+ * ```
+ */
+export declare const Table: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLTableElement> & {
+    /**
+     * Table layout algorithm.
+     * - `"auto"` — columns resize based on content
+     * - `"fixed"` — equal-width columns, controlled via `<colgroup>`
+     * @default "auto"
+     */
+    layout?: RekiTableLayout;
+} & import('react').RefAttributes<HTMLTableElement>> & {
+    Header: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLTableSectionElement> & {
+        variant?: "default" | "compact";
+        /**
+         * Make the header row stick to the top of the scroll container.
+         * Requires the table's parent to have a constrained height with
+         * `overflow-y: auto`.
+         */
+        sticky?: boolean;
+    } & import('react').RefAttributes<HTMLTableSectionElement>>;
+    Head: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLTableCellElement> & {
+        /**
+         * Pin this header cell to the left or right edge of the scroll container.
+         * Adds `position: sticky`, an opaque background, and a gradient fade on the
+         * inner edge. Sticky header columns render at `z-2` so they sit above both
+         * normal cells and sticky body cells (`z-1`).
+         */
+        sticky?: RekiTableStickyColumn;
+    } & import('react').RefAttributes<HTMLTableCellElement>>;
+    Row: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLTableRowElement> & {
+        variant?: RekiTableRowVariant;
+    } & import('react').RefAttributes<HTMLTableRowElement>>;
+    Body: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLTableSectionElement> & import('react').RefAttributes<HTMLTableSectionElement>>;
+    Cell: import('react').ForwardRefExoticComponent<import('react').TdHTMLAttributes<HTMLTableCellElement> & {
+        /**
+         * Pin this cell to the left or right edge of the scroll container.
+         * Adds `position: sticky`, an opaque background, and a gradient fade on
+         * the inner edge. Requires the table's parent to have `overflow-x: auto`.
+         */
+        sticky?: RekiTableStickyColumn;
+    } & import('react').RefAttributes<HTMLTableCellElement>>;
+    CheckCell: import('react').ForwardRefExoticComponent<import('react').TdHTMLAttributes<HTMLTableCellElement> & {
+        checked?: boolean;
+        indeterminate?: boolean;
+        /**
+         * Called when the checkbox's checked state changes. The optional second
+         * argument exposes event details from the underlying Checkbox, matching
+         * the Checkbox component's signature.
+         */
+        onCheckedChange?: (checked: boolean, eventDetails?: CheckboxChangeEventDetails) => void;
+        /** @deprecated Use `onCheckedChange` instead. Will be removed in a future major version. */
+        onValueChange?: (checked: boolean) => void;
+        label?: string;
+        disabled?: boolean;
+    } & import('react').RefAttributes<HTMLTableCellElement>>;
+    CheckHead: import('react').ForwardRefExoticComponent<import('react').ThHTMLAttributes<HTMLTableCellElement> & {
+        checked?: boolean;
+        indeterminate?: boolean;
+        /**
+         * Called when the checkbox's checked state changes. The optional second
+         * argument exposes event details from the underlying Checkbox, matching
+         * the Checkbox component's signature.
+         */
+        onCheckedChange?: (checked: boolean, eventDetails?: CheckboxChangeEventDetails) => void;
+        /** @deprecated Use `onCheckedChange` instead. Will be removed in a future major version. */
+        onValueChange?: (checked: boolean) => void;
+        label?: string;
+        disabled?: boolean;
+    } & import('react').RefAttributes<HTMLTableCellElement>>;
+    Footer: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLTableSectionElement> & import('react').RefAttributes<HTMLTableSectionElement>>;
+    ResizeHandle: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLButtonElement> & import('react').RefAttributes<HTMLButtonElement>>;
+};
+//# sourceMappingURL=table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/components/table/table.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAExE,wFAAwF;AACxF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCtB,CAAC;AAEX,MAAM,MAAM,qBAAqB,GAAG,MAAM,OAAO,mBAAmB,CAAC,MAAM,CAAC;AA+C5E,eAAO,MAAM,2BAA2B;;;CAG9B,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,mBAAmB,CAAC,OAAO,CAAC;AAC3E,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,mBAAmB,CAAC,MAAM,CAAC;AAqStE;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,KAAK;IArSd;;;;;OAKG;aACM,eAAe;;;kBAoBd,SAAS,GAAG,SAAS;QAC/B;;;;WAIG;iBACM,OAAO;;;QAwBhB;;;;;WAKG;iBACM,qBAAqB;;;kBAcpB,mBAAmB;;;;QAqB7B;;;;WAIG;iBACM,qBAAqB;;;kBAiDpB,OAAO;wBACD,OAAO;QACvB;;;;WAIG;0BACe,CAChB,OAAO,EAAE,OAAO,EAChB,YAAY,CAAC,EAAE,0BAA0B,KACtC,IAAI;QACT,4FAA4F;wBAC5E,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI;gBAClC,MAAM;mBACH,OAAO;;;kBAwCR,OAAO;wBACD,OAAO;QACvB;;;;WAIG;0BACe,CAChB,OAAO,EAAE,OAAO,EAChB,YAAY,CAAC,EAAE,0BAA0B,KACtC,IAAI;QACT,4FAA4F;wBAC5E,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI;gBAClC,MAAM;mBACH,OAAO;;;;CAoFpB,CAAC"}

package/dist/src/components/table-of-contents/index.d.ts

@@ -0,0 +1,2 @@
+export { TableOfContents, type TableOfContentsProps, type TableOfContentsTitleProps, type TableOfContentsListProps, type TableOfContentsItemProps, type TableOfContentsGroupProps, REKI_TABLE_OF_CONTENTS_VARIANTS, REKI_TABLE_OF_CONTENTS_DEFAULT_VARIANTS, type RekiTableOfContentsState, } from './table-of-contents';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/table-of-contents/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/table-of-contents/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,EAC7B,KAAK,wBAAwB,EAC7B,KAAK,yBAAyB,EAC9B,+BAA+B,EAC/B,uCAAuC,EACvC,KAAK,wBAAwB,GAC9B,MAAM,qBAAqB,CAAC"}

package/dist/src/components/table-of-contents/table-of-contents.d.ts

@@ -0,0 +1,72 @@
+/** TableOfContents item state variant definitions. */
+export declare const REKI_TABLE_OF_CONTENTS_VARIANTS: {
+    readonly state: {
+        readonly default: {
+            readonly classes: "text-reki-subtle hover:border-reki-line hover:text-reki-default hover:font-medium";
+            readonly description: "Inactive section link";
+        };
+        readonly active: {
+            readonly classes: "border-reki-brand font-medium text-reki-default";
+            readonly description: "Currently visible / active section";
+        };
+    };
+};
+export declare const REKI_TABLE_OF_CONTENTS_DEFAULT_VARIANTS: {
+    readonly state: "default";
+};
+export type RekiTableOfContentsState = keyof typeof REKI_TABLE_OF_CONTENTS_VARIANTS.state;
+export type TableOfContentsProps = React.HTMLAttributes<HTMLElement>;
+export type TableOfContentsTitleProps = React.HTMLAttributes<HTMLParagraphElement>;
+export type TableOfContentsListProps = React.HTMLAttributes<HTMLUListElement>;
+export interface TableOfContentsItemProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** Whether this item represents the currently active section. */
+    active?: boolean;
+    /**
+     * Custom element to render as the link. Use this to integrate with
+     * framework routers (e.g., Next.js `<Link>`, React Router `<NavLink>`).
+     * The element receives all anchor props including `href`, `className`, and `children`.
+     *
+     * @example
+     * ```tsx
+     * <TableOfContents.Item render={<Link />} href="/intro" active>
+     *   Introduction
+     * </TableOfContents.Item>
+     * ```
+     */
+    render?: React.ReactElement;
+}
+export interface TableOfContentsGroupProps extends Omit<React.HTMLAttributes<HTMLLIElement>, "title"> {
+    /** Label displayed above the group's items. */
+    label: string;
+    /** URL the group label links to. When provided, the label renders as a clickable link with item styling. */
+    href?: string;
+    /** Whether this group's label represents the currently active section. Only applies when `href` is provided. */
+    active?: boolean;
+}
+/**
+ * TableOfContents — presentational compound component for section navigation.
+ *
+ * Purely visual; all interaction logic (scroll tracking, active state management)
+ * is left to the consumer.
+ *
+ * @example
+ * ```tsx
+ * <TableOfContents>
+ *   <TableOfContents.Title>On this page</TableOfContents.Title>
+ *   <TableOfContents.List>
+ *     <TableOfContents.Item href="#intro" active>Introduction</TableOfContents.Item>
+ *     <TableOfContents.Group label="Getting Started">
+ *       <TableOfContents.Item href="#install">Installation</TableOfContents.Item>
+ *       <TableOfContents.Item href="#setup">Setup</TableOfContents.Item>
+ *     </TableOfContents.Group>
+ *   </TableOfContents.List>
+ * </TableOfContents>
+ * ```
+ */
+export declare const TableOfContents: import('react').ForwardRefExoticComponent<TableOfContentsProps & import('react').RefAttributes<HTMLElement>> & {
+    Title: import('react').ForwardRefExoticComponent<TableOfContentsTitleProps & import('react').RefAttributes<HTMLParagraphElement>>;
+    List: import('react').ForwardRefExoticComponent<TableOfContentsListProps & import('react').RefAttributes<HTMLUListElement>>;
+    Item: import('react').ForwardRefExoticComponent<TableOfContentsItemProps & import('react').RefAttributes<HTMLAnchorElement>>;
+    Group: import('react').ForwardRefExoticComponent<TableOfContentsGroupProps & import('react').RefAttributes<HTMLLIElement>>;
+};
+//# sourceMappingURL=table-of-contents.d.ts.map

package/dist/src/components/table-of-contents/table-of-contents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-of-contents.d.ts","sourceRoot":"","sources":["../../../../src/components/table-of-contents/table-of-contents.tsx"],"names":[],"mappings":"AAGA,sDAAsD;AACtD,eAAO,MAAM,+BAA+B;;;;;;;;;;;CAYlC,CAAC;AAEX,eAAO,MAAM,uCAAuC;;CAE1C,CAAC;AAEX,MAAM,MAAM,wBAAwB,GAClC,MAAM,OAAO,+BAA+B,CAAC,KAAK,CAAC;AAKrD,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;AAWrE,MAAM,MAAM,yBAAyB,GACnC,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAgB7C,MAAM,MAAM,wBAAwB,GAAG,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAe9E,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC7F,iEAAiE;IACjE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;;;;;;;OAWG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAC7B;AAwCD,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CACrD,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,EACnC,OAAO,CACR;IACC,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,4GAA4G;IAC5G,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gHAAgH;IAChH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAsDD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,eAAe;;;;;CAK1B,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Tabs } from './tabs';
+export type { TabsProps, TabsItem } from './tabs';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,116 @@
+import { ReactNode } from 'react';
+import { TabsTab } from '@base-ui/react/tabs';
+/** Tabs variant definitions. */
+export declare const REKI_TABS_VARIANTS: {
+    readonly variant: readonly ["segmented", "underline"];
+    readonly size: readonly ["base", "sm"];
+};
+export declare const REKI_TABS_DEFAULT_VARIANTS: {
+    readonly variant: "segmented";
+    readonly size: "base";
+};
+export declare const REKI_TABS_STYLING: {
+    readonly container: {
+        readonly height: 34;
+        readonly borderRadius: 8;
+        readonly background: "color-accent";
+        readonly padding: 1;
+    };
+    readonly tab: {
+        readonly paddingX: 10;
+        readonly verticalMargin: 1;
+        readonly fontSize: 16;
+        readonly fontWeight: 500;
+        readonly borderRadius: 8;
+        readonly activeColor: "text-color-surface";
+        readonly inactiveColor: "text-color-label";
+    };
+    readonly indicator: {
+        readonly background: "color-surface-secondary";
+        readonly ring: "color-color-2";
+        readonly borderRadius: 6;
+        readonly shadow: "shadow-sm";
+    };
+};
+export interface RekiTabsVariantsProps {
+    /**
+     * Tab style.
+     * - `"segmented"` — Pill-shaped indicator on a filled track
+     * - `"underline"` — Underline indicator below tab text
+     * @default "segmented"
+     */
+    variant?: (typeof REKI_TABS_VARIANTS.variant)[number];
+    /**
+     * Tab size.
+     * - `"base"` — Default size (h-9, text-base)
+     * - `"sm"` — Compact size (h-6.5, text-xs) — matches Input size="sm"
+     * @default "base"
+     */
+    size?: (typeof REKI_TABS_VARIANTS.size)[number];
+}
+/** Configuration for a single tab within the Tabs component. */
+export type TabsItem = {
+    /** Unique identifier for the tab, used as the controlled value. */
+    value: string;
+    /** Display content for the tab trigger. */
+    label: ReactNode;
+    /** Additional CSS classes for this tab trigger. */
+    className?: string;
+    /**
+     * Custom render function or element to replace the tab element (e.g. for link-based tabs).
+     * When using a function, it receives the props to spread on the element and the tab's state.
+     */
+    render?: TabsTab.Props["render"];
+};
+/**
+ * Tabs component props.
+ *
+ * @example
+ * ```tsx
+ * <Tabs
+ *   tabs={[
+ *     { value: "overview", label: "Overview" },
+ *     { value: "settings", label: "Settings" },
+ *   ]}
+ *   value={activeTab}
+ *   onValueChange={setActiveTab}
+ * />
+ * ```
+ */
+export type TabsProps = RekiTabsVariantsProps & {
+    /** Array of tab items to render. */
+    tabs?: TabsItem[];
+    /** Controlled value. When set, component becomes controlled. */
+    value?: string;
+    /** Default selected value for uncontrolled mode. Ignored when `value` is set. */
+    selectedValue?: string;
+    /** Callback fired when the active tab changes. */
+    onValueChange?: (value: string) => void;
+    /**
+     * When `true`, tabs are activated immediately upon receiving focus via arrow keys.
+     * When `false` (default), tabs receive focus but require Enter/Space to activate.
+     */
+    activateOnFocus?: boolean;
+    /** Additional CSS classes for the root element. */
+    className?: string;
+    /** Additional CSS classes for the tab list element. */
+    listClassName?: string;
+    /** Additional CSS classes for the indicator element. */
+    indicatorClassName?: string;
+};
+/**
+ * Tab navigation component with segmented or underline style.
+ * Built on Base UI Tabs with animated active indicator.
+ *
+ * @example
+ * ```tsx
+ * <Tabs
+ *   variant="segmented"
+ *   tabs={[{ value: "tab1", label: "Tab 1" }, { value: "tab2", label: "Tab 2" }]}
+ *   value={active}
+ *   onValueChange={setActive}
+ * />
+ * ```
+ */
+export declare function Tabs({ tabs, value, selectedValue, onValueChange, activateOnFocus, className, listClassName, indicatorClassName, variant, size, }: TabsProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAInD,gCAAgC;AAChC,eAAO,MAAM,kBAAkB;;;CAGrB,CAAC;AAEX,eAAO,MAAM,0BAA0B;;;CAG7B,CAAC;AAEX,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;CAsBpB,CAAC;AAGX,MAAM,WAAW,qBAAqB;IACpC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;IACtD;;;;;OAKG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;CACjD;AAED,gEAAgE;AAChE,MAAM,MAAM,QAAQ,GAAG;IACrB,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,KAAK,EAAE,SAAS,CAAC;IACjB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;CAClC,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,SAAS,GAAG,qBAAqB,GAAG;IAC9C,oCAAoC;IACpC,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iFAAiF;IACjF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kDAAkD;IAClD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wDAAwD;IACxD,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,KAAK,EACL,aAAa,EACb,aAAa,EACb,eAAe,EACf,SAAS,EACT,aAAa,EACb,kBAAkB,EAClB,OAA4C,EAC5C,IAAsC,GACvC,EAAE,SAAS,kDAiHX"}

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

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

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

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