@cloudraker/reki 2.6.1

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

@@ -0,0 +1,36 @@
+import { default as React, ReactNode } from 'react';
+import { ButtonProps } from '../button/button';
+import { RekiTooltipSide } from '../tooltip/tooltip';
+export type InputGroupButtonProps = ButtonProps & {
+    /**
+     * When provided, wraps the button in a `Tooltip` showing this content on hover.
+     * Automatically sets `aria-label` from a string value when no `aria-label` is set.
+     *
+     * @example
+     * ```tsx
+     * <InputGroup.Addon align="end">
+     *   <InputGroup.Button tooltip="Query language help" aria-label="Query language help">
+     *     <QuestionIcon size={16} />
+     *   </InputGroup.Button>
+     * </InputGroup.Addon>
+     * ```
+     */
+    tooltip?: ReactNode;
+    /**
+     * Preferred side for the tooltip popup.
+     * @default "bottom"
+     */
+    tooltipSide?: RekiTooltipSide;
+};
+/**
+ * Button for secondary actions rendered inside `InputGroup.Addon`
+ * (toggle, copy, help).
+ *
+ * In `focusMode="container"` (default), renders as a compact ghost button
+ * subordinate to the input. In `focusMode="individual"`, renders as a full
+ * standalone button with its own focus ring, matching toolbar/pagination usage.
+ *
+ * Pass a `tooltip` prop to show a tooltip on hover.
+ */
+export declare const Button: React.ForwardRefExoticComponent<React.PropsWithChildren<InputGroupButtonProps> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=input-group-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-group-button.d.ts","sourceRoot":"","sources":["../../../../src/components/input-group/input-group-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,WAAW,EAA4B,MAAM,kBAAkB,CAAC;AAC9E,OAAO,EAAW,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAoBnE,MAAM,MAAM,qBAAqB,GAAG,WAAW,GAAG;IAChD;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM,0HAgIlB,CAAC"}

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

@@ -0,0 +1,9 @@
+import { InputProps } from '../input/input';
+/** Props for InputGroup.Input — omits Field props since InputGroup handles them. */
+export type InputGroupInputProps = Omit<InputProps, "label" | "labelTooltip" | "description" | "error" | "size" | "disabled">;
+/**
+ * Text input that inherits size, disabled, and error state from InputGroup context.
+ * Automatically sets `aria-invalid` when parent has an error.
+ */
+export declare const Input: import('react').ForwardRefExoticComponent<InputGroupInputProps & import('react').RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=input-group-input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-group-input.d.ts","sourceRoot":"","sources":["../../../../src/components/input-group/input-group-input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA0B,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGzE,oFAAoF;AACpF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,UAAU,EACV,OAAO,GAAG,cAAc,GAAG,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CACzE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,KAAK,mHAyEjB,CAAC"}

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export interface InputGroupSuffixProps {
+    /** Additional CSS classes. */
+    className?: string;
+    /** Suffix content (e.g., ".workers.dev"). */
+    children?: ReactNode;
+}
+/**
+ * Inline suffix that flows seamlessly next to the typed input value.
+ * Input width adjusts automatically via CSS `field-sizing: content`.
+ */
+export declare const Suffix: import('react').ForwardRefExoticComponent<InputGroupSuffixProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=input-group-suffix.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-group-suffix.d.ts","sourceRoot":"","sources":["../../../../src/components/input-group/input-group-suffix.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAInD,MAAM,WAAW,qBAAqB;IACpC,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,kHAsBlB,CAAC"}

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

@@ -0,0 +1,43 @@
+import { PropsWithChildren } from 'react';
+import { InputGroupRootPropsInternal } from './context';
+export { type InputGroupRootProps } from './context';
+export { type InputGroupInputProps } from './input-group-input';
+export { type InputGroupButtonProps } from './input-group-button';
+export { type InputGroupAddonProps } from './input-group-addon';
+export { type InputGroupSuffixProps } from './input-group-suffix';
+export declare const REKI_INPUT_GROUP_VARIANTS: {
+    readonly size: {
+        readonly xs: {
+            readonly classes: "h-6 text-xs";
+            readonly description: "Extra small size.";
+        };
+        readonly sm: {
+            readonly classes: "h-7 text-xs";
+            readonly description: "Small size.";
+        };
+        readonly base: {
+            readonly classes: "h-9 text-base";
+            readonly description: "Default size.";
+        };
+        readonly lg: {
+            readonly classes: "h-11 text-base";
+            readonly description: "Large size.";
+        };
+    };
+};
+export declare const REKI_INPUT_GROUP_DEFAULT_VARIANTS: {
+    readonly size: "base";
+};
+export declare const InputGroup: import('react').ForwardRefExoticComponent<InputGroupRootPropsInternal & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLElement>> & {
+    Input: import('react').ForwardRefExoticComponent<import('./input-group-input').InputGroupInputProps & import('react').RefAttributes<HTMLInputElement>>;
+    Button: import('react').ForwardRefExoticComponent<PropsWithChildren<import('./input-group-button').InputGroupButtonProps> & import('react').RefAttributes<HTMLButtonElement>>;
+    Addon: import('react').ForwardRefExoticComponent<import('./input-group-addon').InputGroupAddonProps & import('react').RefAttributes<HTMLDivElement>>;
+    Suffix: import('react').ForwardRefExoticComponent<import('./input-group-suffix').InputGroupSuffixProps & import('react').RefAttributes<HTMLDivElement>>;
+    /** @deprecated Use `InputGroup.Addon` instead. */
+    Label: import('react').ForwardRefExoticComponent<Omit<import('./input-group-addon').InputGroupAddonProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    /** @deprecated Use `InputGroup.Suffix` instead. */
+    Description: import('react').ForwardRefExoticComponent<Omit<import('./input-group-suffix').InputGroupSuffixProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+};
+//# sourceMappingURL=input-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../../../src/components/input-group/input-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AAIf,OAAO,EAKL,KAAK,2BAA2B,EACjC,MAAM,WAAW,CAAC;AAMnB,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAElE,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;CAmB5B,CAAC;AAEX,eAAO,MAAM,iCAAiC;;CAEpC,CAAC;AAwSX,eAAO,MAAM,UAAU;;;;;;;IAKrB,kDAAkD;;IAElD,mDAAmD;;CAEnD,CAAC"}

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

@@ -0,0 +1,2 @@
+export { Label, type LabelProps, labelVariants, labelContentVariants, REKI_LABEL_VARIANTS, REKI_LABEL_DEFAULT_VARIANTS, } from './label';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,67 @@
+import { ReactNode } from 'react';
+/** Label variant definitions (currently empty, reserved for future additions). */
+export declare const REKI_LABEL_VARIANTS: {};
+export declare const REKI_LABEL_DEFAULT_VARIANTS: {};
+export interface RekiLabelVariantsProps {
+}
+export declare function labelVariants(_props?: RekiLabelVariantsProps): string;
+export declare function labelContentVariants(): string;
+/**
+ * Label component props.
+ *
+ * @example
+ * ```tsx
+ * <Label>Email</Label>
+ * <Label showOptional>Middle Name</Label>
+ * <Label tooltip="We'll use this to send you updates">Email</Label>
+ * ```
+ */
+export interface LabelProps extends RekiLabelVariantsProps {
+    /** The label content — can be a string or any React node. */
+    children: ReactNode;
+    /** When `true`, shows gray "(optional)" text after the label. */
+    showOptional?: boolean;
+    /** Tooltip content displayed next to the label via an info icon. */
+    tooltip?: ReactNode;
+    /** Additional CSS classes merged via `cn()`. */
+    className?: string;
+    /** The id of the form element this label is associated with */
+    htmlFor?: string;
+    /**
+     * When true, only renders the inline content (indicators, tooltip) without
+     * the outer label element with font styling. Useful when composed inside another
+     * label element that already provides the text styling.
+     * @default false
+     */
+    asContent?: boolean;
+}
+/**
+ * Label component for form fields.
+ *
+ * Provides a standardized way to display labels with optional indicators:
+ * - Optional indicator: gray "(optional)" text when `showOptional={true}`
+ * - Tooltip: info icon with hover tooltip for additional context
+ *
+ * @example
+ * // Basic label
+ * <Label>Email</Label>
+ *
+ * @example
+ * // Optional field with indicator
+ * <Label showOptional>Middle Name</Label>
+ *
+ * @example
+ * // With tooltip
+ * <Label tooltip="We'll use this to send you updates">Email</Label>
+ *
+ * @example
+ * // With ReactNode children
+ * <Label>
+ *   <span>Custom label with <strong>bold</strong> text</span>
+ * </Label>
+ */
+export declare function Label({ children, showOptional, tooltip, className, htmlFor, asContent, }: LabelProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Label {
+    var displayName: string;
+}
+//# sourceMappingURL=label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../src/components/label/label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,kFAAkF;AAClF,eAAO,MAAM,mBAAmB,IAEtB,CAAC;AAEX,eAAO,MAAM,2BAA2B,IAAc,CAAC;AAGvD,MAAM,WAAW,sBAAsB;CAAG;AAE1C,wBAAgB,aAAa,CAAC,MAAM,GAAE,sBAA2B,UAMhE;AAED,wBAAgB,oBAAoB,WAKnC;AAED;;;;;;;;;GASG;AACH,MAAM,WAAW,UAAW,SAAQ,sBAAsB;IACxD,6DAA6D;IAC7D,QAAQ,EAAE,SAAS,CAAC;IACpB,iEAAiE;IACjE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oEAAoE;IACpE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,YAAoB,EACpB,OAAO,EACP,SAAS,EACT,OAAO,EACP,SAAiB,GAClB,EAAE,UAAU,2CAyCZ;yBAhDe,KAAK"}

package/dist/src/components/layer-card/index.d.ts

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

package/dist/src/components/layer-card/index.d.ts.map

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

package/dist/src/components/layer-card/layer-card.d.ts

@@ -0,0 +1,60 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { useRender } from '@base-ui/react/use-render';
+/** LayerCard variant definitions (currently empty, reserved for future additions). */
+export declare const REKI_LAYER_CARD_VARIANTS: {};
+export declare const REKI_LAYER_CARD_DEFAULT_VARIANTS: {};
+export interface RekiLayerCardVariantsProps {
+}
+export declare function layerCardVariants(_props?: RekiLayerCardVariantsProps): string;
+/**
+ * LayerCard component props.
+ *
+ * @example
+ * ```tsx
+ * <LayerCard className="p-4">
+ *   Get started with Reki
+ * </LayerCard>
+ *
+ * <LayerCard>
+ *   <LayerCard.Secondary>Next Steps</LayerCard.Secondary>
+ *   <LayerCard.Primary>Get started with Reki</LayerCard.Primary>
+ * </LayerCard>
+ * ```
+ */
+export type LayerCardProps = useRender.ComponentProps<"div"> & RekiLayerCardVariantsProps;
+export type LayerCardSectionProps = ComponentPropsWithoutRef<"div">;
+/**
+ * Card container for both simple surfaces and layered layouts.
+ *
+ * Render children directly for a single-surface card, or use
+ * `LayerCard.Secondary` and `LayerCard.Primary` for the layered card treatment.
+ *
+ * @example
+ * ```tsx
+ * <LayerCard className="rounded-lg p-4">Card content</LayerCard>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <LayerCard>
+ *   <LayerCard.Secondary>Getting Started</LayerCard.Secondary>
+ *   <LayerCard.Primary>Quick start guide</LayerCard.Primary>
+ * </LayerCard>
+ * ```
+ */
+declare const LayerCardRoot: import('react').ForwardRefExoticComponent<Omit<LayerCardProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare function LayerCardSecondary({ children, className, ...props }: LayerCardSectionProps): import("react/jsx-runtime").JSX.Element;
+declare namespace LayerCardSecondary {
+    var displayName: string;
+}
+declare function LayerCardPrimary({ children, className, ...props }: LayerCardSectionProps): import("react/jsx-runtime").JSX.Element;
+declare namespace LayerCardPrimary {
+    var displayName: string;
+}
+type LayerCardComponent = typeof LayerCardRoot & {
+    Primary: typeof LayerCardPrimary;
+    Secondary: typeof LayerCardSecondary;
+};
+declare const LayerCard: LayerCardComponent;
+export { LayerCard };
+//# sourceMappingURL=layer-card.d.ts.map

package/dist/src/components/layer-card/layer-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layer-card.d.ts","sourceRoot":"","sources":["../../../../src/components/layer-card/layer-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,wBAAwB,EAG9B,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAYtD,sFAAsF;AACtF,eAAO,MAAM,wBAAwB,IAE3B,CAAC;AAEX,eAAO,MAAM,gCAAgC,IAAc,CAAC;AAG5D,MAAM,WAAW,0BAA0B;CAAG;AAE9C,wBAAgB,iBAAiB,CAAC,MAAM,GAAE,0BAA+B,UAExE;AAqBD;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,GAC1D,0BAA0B,CAAC;AAE7B,MAAM,MAAM,qBAAqB,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEpE;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,aAAa,wHAmBjB,CAAC;AAEH,iBAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAEvB;kBANQ,kBAAkB;;;AAQ3B,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAEjF;kBAFQ,gBAAgB;;;AAQzB,KAAK,kBAAkB,GAAG,OAAO,aAAa,GAAG;IAC/C,OAAO,EAAE,OAAO,gBAAgB,CAAC;IACjC,SAAS,EAAE,OAAO,kBAAkB,CAAC;CACtC,CAAC;AAEF,QAAA,MAAM,SAAS,EAGT,kBAAkB,CAAC;AAEzB,OAAO,EAAE,SAAS,EAAE,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './link';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,66 @@
+import { SVGProps } from 'react';
+import { useRender } from '@base-ui/react/use-render';
+import { LinkComponentProps } from '../../utils/link-provider';
+/** Link variant definitions mapping variant names to their Tailwind classes. */
+export declare const REKI_LINK_VARIANTS: {
+    readonly variant: {
+        readonly inline: {
+            readonly classes: "text-reki-link underline underline-offset-[0.15em] decoration-[0.0625em] link-current transition-colors";
+            readonly description: "Inline text link that flows with content";
+        };
+        readonly current: {
+            readonly classes: "text-current underline underline-offset-[0.15em] decoration-[0.0625em] link-current transition-colors";
+            readonly description: "Link that inherits color from parent text";
+        };
+        readonly plain: {
+            readonly classes: "text-reki-link hover:text-reki-link/70 transition-colors";
+            readonly description: "Link without underline decoration";
+        };
+    };
+};
+export declare const REKI_LINK_DEFAULT_VARIANTS: {
+    readonly variant: "inline";
+};
+export type RekiLinkVariant = keyof typeof REKI_LINK_VARIANTS.variant;
+export interface RekiLinkVariantsProps {
+    /**
+     * Visual style of the link.
+     * - `"inline"` — Inline text link that flows with content
+     * - `"current"` — Link that inherits color from parent text
+     * - `"plain"` — Link without underline decoration
+     * @default "inline"
+     */
+    variant?: RekiLinkVariant;
+}
+export declare function linkVariants({ variant, }?: RekiLinkVariantsProps): string;
+/**
+ * Link component props.
+ *
+ * Use `href` for the link destination. For framework-specific routing, use the
+ * `render` prop or configure a `LinkProvider` at the app root.
+ *
+ * @example Internal link
+ * ```tsx
+ * <Link href="/docs">Learn more</Link>
+ * ```
+ *
+ * @example External link
+ * ```tsx
+ * <Link href="https://cloudflare.com" target="_blank" rel="noopener noreferrer">
+ *   Visit Cloudflare <Link.ExternalIcon />
+ * </Link>
+ * ```
+ *
+ * @example Composition with render prop
+ * ```tsx
+ * <Link render={<RouterLink to="/dashboard" />}>Dashboard</Link>
+ * ```
+ */
+export type LinkProps = useRender.ComponentProps<"a"> & LinkComponentProps & RekiLinkVariantsProps;
+export declare const Link: import('react').ForwardRefExoticComponent<Omit<LinkProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>> & {
+    ExternalIcon: {
+        (props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+//# sourceMappingURL=link.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../src/components/link/link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAItD,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,2BAA2B,CAAC;AAgCnC,gFAAgF;AAChF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;CAoBrB,CAAC;AAEX,eAAO,MAAM,0BAA0B;;CAE7B,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,kBAAkB,CAAC,OAAO,CAAC;AAEtE,MAAM,WAAW,qBAAqB;IACpC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAA4C,GAC7C,GAAE,qBAA0B,UAE5B;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,MAAM,SAAS,GAAG,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,GACnD,kBAAkB,GAClB,qBAAqB,CAAC;AAsFxB,eAAO,MAAM,IAAI;;gBAjLY,QAAQ,CAAC,aAAa,CAAC;;;CAmLlD,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Loader } from './loader';
+export { SkeletonLine } from './skeleton-line';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,70 @@
+/** Loader size variant definitions mapping sizes to their pixel values. */
+export declare const REKI_LOADER_VARIANTS: {
+    readonly size: {
+        readonly sm: {
+            readonly value: 16;
+            readonly description: "Small loader for inline use";
+        };
+        readonly base: {
+            readonly value: 24;
+            readonly description: "Default loader size";
+        };
+        readonly lg: {
+            readonly value: 32;
+            readonly description: "Large loader for prominent loading states";
+        };
+    };
+};
+export declare const REKI_LOADER_DEFAULT_VARIANTS: {
+    readonly size: "base";
+};
+export type RekiLoaderSize = keyof typeof REKI_LOADER_VARIANTS.size;
+export interface RekiLoaderVariantsProps {
+    /**
+     * Size of the loader. Use a preset name or a custom pixel number.
+     * - `"sm"` — 16px, small loader for inline use
+     * - `"base"` — 24px, default loader size
+     * - `"lg"` — 32px, large loader for prominent loading states
+     * @default "base"
+     */
+    size?: RekiLoaderSize | number;
+}
+export declare function loaderVariants({ size, }?: RekiLoaderVariantsProps): number;
+/**
+ * Loader component props.
+ *
+ * @example
+ * ```tsx
+ * <Loader />
+ * <Loader size="sm" />
+ * <Loader size={24} />
+ * ```
+ */
+export interface LoaderProps {
+    /** Additional CSS classes merged via `cn()`. */
+    className?: string;
+    /**
+     * Size of the spinner. Use a preset name or a custom pixel number.
+     * - `"sm"` — 16px, for inline use
+     * - `"base"` — 24px, default size
+     * - `"lg"` — 32px, for prominent loading states
+     * @default "base"
+     */
+    size?: RekiLoaderSize | number;
+    /**
+     * Accessible label for the loader, announced by screen readers.
+     * Pass a translated string for internationalization.
+     * @default "Loading"
+     */
+    "aria-label"?: string;
+}
+/**
+ * Animated circular spinner for indicating loading states.
+ *
+ * @example
+ * ```tsx
+ * <Loader />
+ * ```
+ */
+export declare const Loader: ({ className, size, "aria-label": ariaLabel, }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=loader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../../../src/components/loader/loader.tsx"],"names":[],"mappings":"AAEA,2EAA2E;AAC3E,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;CAevB,CAAC;AAEX,eAAO,MAAM,4BAA4B;;CAE/B,CAAC;AAGX,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,oBAAoB,CAAC,IAAI,CAAC;AAEpE,MAAM,WAAW,uBAAuB;IACtC;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,cAAc,GAAG,MAAM,CAAC;CAChC;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAwC,GACzC,GAAE,uBAA4B,GAAG,MAAM,CAGvC;AAED;;;;;;;;;GASG;AACH,MAAM,WAAW,WAAW;IAC1B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,cAAc,GAAG,MAAM,CAAC;IAC/B;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM,GAAI,+CAIpB,WAAW,4CAwDb,CAAC"}

package/dist/src/components/loader/skeleton-line.d.ts

@@ -0,0 +1,11 @@
+export declare const SkeletonLine: ({ minWidth, maxWidth, minDuration, maxDuration, minDelay, maxDelay, blockHeight, className, }: {
+    minWidth?: number;
+    maxWidth?: number;
+    minDuration?: number;
+    maxDuration?: number;
+    minDelay?: number;
+    maxDelay?: number;
+    blockHeight?: string | number;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=skeleton-line.d.ts.map

package/dist/src/components/loader/skeleton-line.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-line.d.ts","sourceRoot":"","sources":["../../../../src/components/loader/skeleton-line.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,YAAY,GAAI,+FAS1B;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,4CA8BA,CAAC"}

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

@@ -0,0 +1,3 @@
+export { MenuBar } from './menubar';
+export { useMenuNavigation } from './use-menu-navigation';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/menubar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC"}

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

@@ -0,0 +1,66 @@
+import { default as React } from 'react';
+/** MenuBar variant definitions (currently empty, reserved for future additions). */
+export declare const REKI_MENUBAR_VARIANTS: {};
+export declare const REKI_MENUBAR_DEFAULT_VARIANTS: {};
+export interface RekiMenuBarVariantsProps {
+}
+export declare function menuBarVariants(_props?: RekiMenuBarVariantsProps): string;
+/** Props for an individual menu option within a MenuBar. */
+type MenuOptionProps = {
+    /** Icon element (typically from `@phosphor-icons/react`) rendered at 18px */
+    icon: React.ReactNode;
+    /** Unique identifier for the option (used when `optionIds` is true) */
+    id?: number | string;
+    /** Currently active value from the parent MenuBar */
+    isActive?: number | boolean | string | undefined;
+    /** Callback when this option is clicked */
+    onClick: () => void;
+    /** Tooltip text shown on hover */
+    tooltip: string;
+};
+/**
+ * MenuBar component props.
+ *
+ * Horizontal icon-button toolbar with keyboard navigation and tooltip labels.
+ *
+ * @example
+ * ```tsx
+ * <MenuBar
+ *   isActive={activeIndex}
+ *   options={[
+ *     { icon: <ListIcon />, tooltip: "List view", onClick: () => setView("list") },
+ *     { icon: <GridFourIcon />, tooltip: "Grid view", onClick: () => setView("grid") },
+ *   ]}
+ * />
+ * ```
+ */
+type MenuBarProps = {
+    /** Additional CSS classes merged via `cn()`. */
+    className?: string;
+    /** The currently active option value — matched against option index or `id`. */
+    isActive: number | boolean | string | undefined;
+    /** Array of menu option configurations. */
+    options: MenuOptionProps[];
+    /** When true, each option's `id` field is used for matching instead of its array index. */
+    optionIds?: boolean;
+};
+/**
+ * MenuBar — horizontal icon-button toolbar with keyboard arrow-key navigation.
+ *
+ * Each option renders as a `<button>` with a Tooltip. The active option is
+ * visually highlighted with an elevated background.
+ *
+ * @example
+ * ```tsx
+ * <MenuBar
+ *   isActive={0}
+ *   options={[
+ *     { icon: <ListIcon />, tooltip: "List", onClick: () => {} },
+ *     { icon: <GridFourIcon />, tooltip: "Grid", onClick: () => {} },
+ *   ]}
+ * />
+ * ```
+ */
+export declare const MenuBar: ({ className, isActive, options, optionIds, }: MenuBarProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=menubar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.d.ts","sourceRoot":"","sources":["../../../../src/components/menubar/menubar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,oFAAoF;AACpF,eAAO,MAAM,qBAAqB,IAExB,CAAC;AAEX,eAAO,MAAM,6BAA6B,IAAc,CAAC;AAGzD,MAAM,WAAW,wBAAwB;CAAG;AAE5C,wBAAgB,eAAe,CAAC,MAAM,GAAE,wBAA6B,UAKpE;AAED,4DAA4D;AAC5D,KAAK,eAAe,GAAG;IACrB,6EAA6E;IAC7E,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,uEAAuE;IACvE,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IACjD,2CAA2C;IAC3C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kCAAkC;IAClC,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AA+BF;;;;;;;;;;;;;;;GAeG;AACH,KAAK,YAAY,GAAG;IAClB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,QAAQ,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAChD,2CAA2C;IAC3C,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,2FAA2F;IAC3F,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO,GAAI,8CAKrB,YAAY,4CAuBd,CAAC"}

package/dist/src/components/menubar/use-menu-navigation.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+type UseMenuNavigationProps = {
+    menuRef: React.RefObject<HTMLElement | null>;
+    direction?: "horizontal" | "vertical";
+};
+export declare const useMenuNavigation: ({ menuRef, direction, }: UseMenuNavigationProps) => void;
+export {};
+//# sourceMappingURL=use-menu-navigation.d.ts.map

package/dist/src/components/menubar/use-menu-navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-menu-navigation.d.ts","sourceRoot":"","sources":["../../../../src/components/menubar/use-menu-navigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,KAAK,sBAAsB,GAAG;IAC5B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,yBAG/B,sBAAsB,SAiExB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,44 @@
+import { Meter as BaseMeter } from '@base-ui/react/meter';
+import { ComponentPropsWithoutRef } from 'react';
+/** Meter variant definitions (currently empty, reserved for future additions). */
+export declare const REKI_METER_VARIANTS: {};
+export declare const REKI_METER_DEFAULT_VARIANTS: {};
+export interface RekiMeterVariantsProps {
+}
+export declare function meterVariants(_props?: RekiMeterVariantsProps): string;
+type RootProps = ComponentPropsWithoutRef<typeof BaseMeter.Root>;
+/**
+ * Meter component props.
+ *
+ * @example
+ * ```tsx
+ * <Meter label="Storage used" value={65} />
+ * <Meter label="API requests" value={75} customValue="750 / 1,000" />
+ * ```
+ */
+export interface MeterProps extends RootProps, RekiMeterVariantsProps {
+    /** Custom formatted value text (e.g. "750 / 1,000") displayed instead of percentage. */
+    customValue?: string;
+    /** Label text displayed above the meter track. */
+    label: string;
+    /**
+     * Whether to display the percentage value next to the label.
+     * @default true
+     */
+    showValue?: boolean;
+    /** Additional CSS classes for the track (background bar). */
+    trackClassName?: string;
+    /** Additional CSS classes for the indicator (filled bar). */
+    indicatorClassName?: string;
+}
+/**
+ * Progress bar showing a measured value within a known range (e.g. quota usage).
+ *
+ * @example
+ * ```tsx
+ * <Meter label="Storage" value={65} />
+ * ```
+ */
+export declare function Meter({ value, customValue, label, showValue, className, trackClassName, indicatorClassName, ...props }: MeterProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=meter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"meter.d.ts","sourceRoot":"","sources":["../../../../src/components/meter/meter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGtD,kFAAkF;AAClF,eAAO,MAAM,mBAAmB,IAEtB,CAAC;AAEX,eAAO,MAAM,2BAA2B,IAAc,CAAC;AAGvD,MAAM,WAAW,sBAAsB;CAAG;AAE1C,wBAAgB,aAAa,CAAC,MAAM,GAAE,sBAA2B,UAKhE;AAED,KAAK,SAAS,GAAG,wBAAwB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC;AAEjE;;;;;;;;GAQG;AACH,MAAM,WAAW,UAAW,SAAQ,SAAS,EAAE,sBAAsB;IACnE,wFAAwF;IACxF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6DAA6D;IAC7D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6DAA6D;IAC7D,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;GAOG;AACH,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,WAAW,EACX,KAAK,EACL,SAAgB,EAChB,SAAS,EACT,cAAc,EACd,kBAAkB,EAClB,GAAG,KAAK,EACT,EAAE,UAAU,2CAsCZ"}

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

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

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

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