@cloudraker/reki 2.6.1

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

@@ -0,0 +1,197 @@
+import { ReactNode } from 'react';
+import { Checkbox as BaseCheckbox } from '@base-ui/react/checkbox';
+/** Event details passed to onCheckedChange callback. Re-exported from Base UI. */
+export type CheckboxChangeEventDetails = Parameters<NonNullable<BaseCheckbox.Root.Props["onCheckedChange"]>>[1];
+/** Checkbox variant definitions mapping variant names to their Tailwind classes. */
+export declare const REKI_CHECKBOX_VARIANTS: {
+    readonly variant: {
+        readonly default: {
+            readonly classes: "[&:focus-within>span]:ring-reki-focus [&:hover>span]:ring-reki-hairline";
+            readonly description: "Default checkbox appearance";
+        };
+        readonly error: {
+            readonly classes: "[&>span]:ring-reki-danger";
+            readonly description: "Error state for validation failures";
+        };
+    };
+};
+export declare const REKI_CHECKBOX_DEFAULT_VARIANTS: {
+    readonly variant: "default";
+};
+export type RekiCheckboxVariant = keyof typeof REKI_CHECKBOX_VARIANTS.variant;
+export interface RekiCheckboxVariantsProps {
+    /**
+     * Visual variant.
+     * - `"default"` — Standard checkbox appearance
+     * - `"error"` — Error state for validation failures
+     * @default "default"
+     */
+    variant?: RekiCheckboxVariant;
+}
+export declare function checkboxVariants({ variant, }?: RekiCheckboxVariantsProps): string;
+export type CheckboxVariant = RekiCheckboxVariant;
+/**
+ * Single checkbox component props with accessibility guidance.
+ *
+ * **Accessible Name Required:** Checkbox should have one of:
+ * 1. `label` prop (recommended) - built-in Field wrapper with horizontal layout
+ * 2. `aria-label` - for checkboxes without visible label
+ * 3. `aria-labelledby` - for custom label association
+ *
+ * **Note:** When used inside Checkbox.Group or Dropdown, label is optional (parent provides context).
+ *
+ * Missing accessible names will trigger console warnings in development (unless inside a group).
+ *
+ * @example
+ * // Recommended: Built-in Field wrapper with label
+ * <Checkbox label="Accept terms and conditions" />
+ *
+ * @example
+ * // Control-first layout (checkbox before label)
+ * <Checkbox label="Remember me" controlFirst={true} />
+ *
+ * @example
+ * // Label-first layout (label before checkbox)
+ * <Checkbox label="Enable notifications" controlFirst={false} />
+ *
+ * @example
+ * // Error variant (visual only, no error text for single checkboxes)
+ * <Checkbox label="Required field" variant="error" />
+ *
+ * @example
+ * // Without visible label (aria-label required)
+ * <Checkbox aria-label="Select all items" />
+ *
+ * @example
+ * // Custom label association
+ * <label id="terms-label">I accept the terms</label>
+ * <Checkbox aria-labelledby="terms-label" />
+ *
+ * @example
+ * // Inside Checkbox.Group (label optional)
+ * <Checkbox.Group legend="Preferences">
+ *   <Checkbox.Item value="email" label="Email notifications" />
+ *   <Checkbox.Item value="sms" label="SMS notifications" />
+ * </Checkbox.Group>
+ */
+export type CheckboxProps = {
+    /** Visual variant: "default" or "error" for validation failures (visual only, no error text) */
+    variant?: CheckboxVariant;
+    /** Label content for the checkbox (enables built-in 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;
+    /** When true (default), checkbox appears before label. When false, label appears before checkbox. */
+    controlFirst?: boolean;
+    /** Whether the checkbox is checked (controlled) */
+    checked?: boolean;
+    /** Whether the checkbox is in indeterminate state */
+    indeterminate?: boolean;
+    /** Whether the checkbox is disabled */
+    disabled?: boolean;
+    /** Callback when the checked state changes */
+    onCheckedChange?: BaseCheckbox.Root.Props["onCheckedChange"];
+    /** Name for form submission */
+    name?: string;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Additional class name */
+    className?: string;
+    /** Accessible label when no visible label is provided */
+    "aria-label"?: string;
+    /** ID of element that labels this checkbox */
+    "aria-labelledby"?: string;
+};
+/**
+ * Checkbox group component props (with built-in Fieldset and CheckboxGroup)
+ *
+ * Usage:
+ * ```tsx
+ * <Checkbox.Group
+ *   legend="Choose preferences"
+ *   defaultValue={['email']}
+ *   error="You must select at least one option"
+ * >
+ *   <Checkbox.Item label="Email notifications" value="email" />
+ *   <Checkbox.Item label="SMS notifications" value="sms" />
+ * </Checkbox.Group>
+ * ```
+ */
+/**
+ * Props for Checkbox.Legend — a composable sub-component for labeling a Checkbox.Group.
+ *
+ * Place as a direct child of `<Checkbox.Group>` to provide a styled, accessible legend.
+ * Accepts `className` for full styling control (e.g. `className="sr-only"` to visually hide).
+ *
+ * @example
+ * ```tsx
+ * <Checkbox.Group>
+ *   <Checkbox.Legend className="sr-only">Preferences</Checkbox.Legend>
+ *   <Checkbox.Item label="Email" value="email" />
+ * </Checkbox.Group>
+ * ```
+ */
+export interface CheckboxLegendProps {
+    /** Legend content */
+    children: ReactNode;
+    /** Additional CSS classes (e.g. "sr-only" to visually hide the legend) */
+    className?: string;
+}
+export interface CheckboxGroupProps {
+    /**
+     * Legend text for the group.
+     * For more control over legend styling, omit this prop and use `<Checkbox.Legend>` as a child instead.
+     */
+    legend?: string;
+    /** Child Checkbox.Item components (and optionally a Checkbox.Legend) */
+    children: ReactNode;
+    /** Error message for the group (only appears in groups, not single checkboxes) */
+    error?: string;
+    /** Helper text for the group */
+    description?: ReactNode;
+    /** Values of checkboxes that should be initially checked (uncontrolled) */
+    defaultValue?: string[];
+    /** Values of checkboxes that should be checked (controlled) */
+    value?: string[];
+    /** Event handler called when checkbox values change */
+    onValueChange?: (value: string[]) => void;
+    /** All possible checkbox values (required for parent checkbox pattern) */
+    allValues?: string[];
+    /** Whether all checkboxes in the group are disabled */
+    disabled?: boolean;
+    /** When true (default), checkbox appears before label. When false, label appears before checkbox. */
+    controlFirst?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * Individual checkbox item within a group
+ */
+export type CheckboxItemProps = {
+    /** Visual variant: "default" or "error" for validation failures */
+    variant?: CheckboxVariant;
+    /** Label text displayed next to checkbox */
+    label: string;
+    /** Value of the checkbox (required when used in Checkbox.Group) */
+    value?: string;
+    /** Additional CSS classes for the label wrapper */
+    className?: string;
+    checked?: boolean;
+    indeterminate?: boolean;
+    disabled?: boolean;
+    /** Callback when the checked state changes */
+    onCheckedChange?: BaseCheckbox.Root.Props["onCheckedChange"];
+    name?: string;
+};
+declare function CheckboxLegend({ children, className }: CheckboxLegendProps): import("react/jsx-runtime").JSX.Element;
+declare namespace CheckboxLegend {
+    var displayName: string;
+}
+declare function CheckboxGroup({ legend, children, error, description, defaultValue, value, onValueChange, allValues, disabled, controlFirst, className, }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare const Checkbox: import('react').ForwardRefExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLButtonElement>> & {
+    Item: import('react').ForwardRefExoticComponent<CheckboxItemProps & import('react').RefAttributes<HTMLButtonElement>>;
+    Group: typeof CheckboxGroup;
+    Legend: typeof CheckboxLegend;
+};
+export {};
+//# sourceMappingURL=checkbox.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+export { Checkbox, REKI_CHECKBOX_VARIANTS, REKI_CHECKBOX_DEFAULT_VARIANTS, type CheckboxChangeEventDetails, type CheckboxProps, type CheckboxLegendProps, type CheckboxGroupProps, type CheckboxItemProps, type RekiCheckboxVariant, type CheckboxVariant, } from './checkbox';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,sBAAsB,EACtB,8BAA8B,EAC9B,KAAK,0BAA0B,EAC/B,KAAK,aAAa,EAClB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACxB,KAAK,eAAe,GACrB,MAAM,YAAY,CAAC"}

package/dist/src/components/clipboard-text/clipboard-text.d.ts

@@ -0,0 +1,88 @@
+/** ClipboardText size variant definitions mapping sizes to their Tailwind classes. */
+export declare const REKI_CLIPBOARD_TEXT_VARIANTS: {
+    readonly size: {
+        readonly sm: {
+            readonly classes: "text-xs";
+            readonly buttonSize: "sm";
+            readonly description: "Small clipboard text for compact UIs";
+        };
+        readonly base: {
+            readonly classes: "text-sm";
+            readonly buttonSize: "base";
+            readonly description: "Default clipboard text size";
+        };
+        readonly lg: {
+            readonly classes: "text-sm";
+            readonly buttonSize: "lg";
+            readonly description: "Large clipboard text for prominent display";
+        };
+    };
+};
+export declare const REKI_CLIPBOARD_TEXT_DEFAULT_VARIANTS: {
+    readonly size: "lg";
+};
+export type RekiClipboardTextSize = keyof typeof REKI_CLIPBOARD_TEXT_VARIANTS.size;
+export interface RekiClipboardTextVariantsProps {
+    /**
+     * Size of the clipboard text field.
+     * - `"sm"` — Small clipboard text for compact UIs
+     * - `"base"` — Default clipboard text size
+     * - `"lg"` — Large clipboard text for prominent display
+     * @default "lg"
+     */
+    size?: RekiClipboardTextSize;
+}
+export declare function clipboardTextVariants({ size, }?: RekiClipboardTextVariantsProps): string;
+export type ClipboardTextSize = RekiClipboardTextSize;
+/**
+ * ClipboardText component props.
+ *
+ * @example
+ * ```tsx
+ * <ClipboardText text="sk_live_abc123" />
+ * <ClipboardText text="npm install @cloudraker/reki" size="sm" />
+ * ```
+ */
+export interface ClipboardTextProps extends RekiClipboardTextVariantsProps {
+    /** The text to display and copy to clipboard. */
+    text: string;
+    /** If provided, this text will be copied to clipboard instead of the `text` prop. */
+    textToCopy?: string;
+    /** Additional CSS classes merged via `cn()`. */
+    className?: string;
+    /** Callback fired after text is copied to clipboard. */
+    onCopy?: () => void;
+    /**
+     * Tooltip config. Shows tooltip on hover, anchored toast on click.
+     * @example
+     * ```tsx
+     * <ClipboardText
+     *   text="abc123"
+     *   tooltip={{ text: "Copy", copiedText: "Copied!", side: "top" }}
+     * />
+     * ```
+     */
+    tooltip?: {
+        /** Text shown in tooltip on hover. @default "Copy" */
+        text?: string;
+        /** Text shown in toast after copying. @default "Copied" */
+        copiedText?: string;
+        /** Tooltip/toast placement. @default "top" */
+        side?: "top" | "bottom" | "left" | "right";
+    };
+    /** Accessible labels for i18n. */
+    labels?: {
+        /** @default "Copy to clipboard" */
+        copyAction?: string;
+    };
+}
+/**
+ * Read-only text field with a one-click copy-to-clipboard button.
+ *
+ * @example
+ * ```tsx
+ * <ClipboardText text="0c239dd2" />
+ * ```
+ */
+export declare const ClipboardText: import('react').ForwardRefExoticComponent<ClipboardTextProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=clipboard-text.d.ts.map

package/dist/src/components/clipboard-text/clipboard-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-text.d.ts","sourceRoot":"","sources":["../../../../src/components/clipboard-text/clipboard-text.tsx"],"names":[],"mappings":"AAYA,sFAAsF;AACtF,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;CAkB/B,CAAC;AAEX,eAAO,MAAM,oCAAoC;;CAEvC,CAAC;AAYX,MAAM,MAAM,qBAAqB,GAC/B,MAAM,OAAO,4BAA4B,CAAC,IAAI,CAAC;AAEjD,MAAM,WAAW,8BAA8B;IAC7C;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,qBAAqB,CAAC;CAC9B;AAED,wBAAgB,qBAAqB,CAAC,EACpC,IAAgD,GACjD,GAAE,8BAAmC,UAOrC;AAGD,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,CAAC;AAEtD;;;;;;;;GAQG;AACH,MAAM,WAAW,kBAAmB,SAAQ,8BAA8B;IACxE,iDAAiD;IACjD,IAAI,EAAE,MAAM,CAAC;IACb,qFAAqF;IACrF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE;QACR,sDAAsD;QACtD,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,2DAA2D;QAC3D,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,8CAA8C;QAC9C,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;KAC5C,CAAC;IACF,kCAAkC;IAClC,MAAM,CAAC,EAAE;QACP,mCAAmC;QACnC,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;CACH;AAwCD;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,+GAoKzB,CAAC"}

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

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

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

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

package/dist/src/components/cloudflare-logo/cloudflare-logo.d.ts

@@ -0,0 +1,133 @@
+export declare const REKI_CLOUDFLARE_LOGO_VARIANTS: {
+    readonly variant: {
+        readonly glyph: {
+            readonly description: "Cloud glyph only (logomark)";
+        };
+        readonly full: {
+            readonly description: "Full logo with cloud glyph and wordmark stacked";
+        };
+    };
+    readonly color: {
+        readonly color: {
+            readonly description: "Brand colors (orange/yellow gradient cloud, dark gray text)";
+        };
+        readonly black: {
+            readonly description: "Solid black logo";
+        };
+        readonly white: {
+            readonly description: "Solid white logo (for dark backgrounds)";
+        };
+    };
+};
+export declare const REKI_CLOUDFLARE_LOGO_DEFAULT_VARIANTS: {
+    readonly variant: "full";
+    readonly color: "color";
+};
+export type CloudflareLogoVariant = keyof typeof REKI_CLOUDFLARE_LOGO_VARIANTS.variant;
+export type CloudflareLogoColor = keyof typeof REKI_CLOUDFLARE_LOGO_VARIANTS.color;
+export interface CloudflareLogoProps extends React.SVGAttributes<SVGSVGElement> {
+    /**
+     * Logo variant
+     * - `glyph`: Cloud icon only
+     * - `full`: Cloud icon with "CLOUDFLARE" wordmark below
+     * @default "full"
+     */
+    variant?: CloudflareLogoVariant;
+    /**
+     * Color scheme
+     * - `color`: Brand colors (orange/yellow cloud, dark gray wordmark)
+     * - `black`: Solid black
+     * - `white`: Solid white (for dark backgrounds)
+     * @default "color"
+     */
+    color?: CloudflareLogoColor;
+}
+/**
+ * Cloudflare logo component.
+ *
+ * @example Glyph only (cloud icon)
+ * ```tsx
+ * <CloudflareLogo variant="glyph" className="w-12" />
+ * ```
+ *
+ * @example Full logo with wordmark
+ * ```tsx
+ * <CloudflareLogo variant="full" className="w-40" />
+ * ```
+ *
+ * @example White logo for dark backgrounds
+ * ```tsx
+ * <CloudflareLogo color="white" className="w-32" />
+ * ```
+ *
+ * @example Black logo
+ * ```tsx
+ * <CloudflareLogo color="black" className="w-32" />
+ * ```
+ */
+export declare const CloudflareLogo: import('react').ForwardRefExoticComponent<CloudflareLogoProps & import('react').RefAttributes<SVGSVGElement>>;
+export interface PoweredByCloudflareProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /**
+     * Color scheme for the logo and text
+     * @default "color"
+     */
+    color?: CloudflareLogoColor;
+}
+/**
+ * "Powered by Cloudflare" badge component.
+ *
+ * Renders a link to cloudflare.com with the Cloudflare glyph and "Powered by Cloudflare" text.
+ *
+ * @example Basic usage
+ * ```tsx
+ * <PoweredByCloudflare />
+ * ```
+ *
+ * @example White variant for dark backgrounds
+ * ```tsx
+ * <PoweredByCloudflare color="white" />
+ * ```
+ *
+ * @example Custom link
+ * ```tsx
+ * <PoweredByCloudflare href="https://cloudflare.com/products/workers" />
+ * ```
+ */
+export declare const PoweredByCloudflare: import('react').ForwardRefExoticComponent<PoweredByCloudflareProps & import('react').RefAttributes<HTMLAnchorElement>>;
+export type CloudflareLogoSvgVariant = "glyph" | "full";
+export type CloudflareLogoSvgColor = "color" | "black" | "white";
+export interface GenerateCloudflareLogoSvgOptions {
+    /**
+     * Logo variant
+     * - `glyph`: Cloud icon only
+     * - `full`: Cloud icon with "CLOUDFLARE" wordmark
+     * @default "full"
+     */
+    variant?: CloudflareLogoSvgVariant;
+    /**
+     * Color scheme
+     * - `color`: Brand colors (orange/yellow cloud, dark gray wordmark)
+     * - `black`: Solid black
+     * - `white`: Solid white
+     * @default "color"
+     */
+    color?: CloudflareLogoSvgColor;
+}
+/**
+ * Generates SVG markup string for the Cloudflare logo.
+ *
+ * Useful for copying to clipboard or embedding in non-React contexts.
+ *
+ * @example Copy glyph SVG to clipboard
+ * ```tsx
+ * const svg = generateCloudflareLogoSvg({ variant: "glyph" });
+ * await navigator.clipboard.writeText(svg);
+ * ```
+ *
+ * @example Generate full logo in black
+ * ```tsx
+ * const svg = generateCloudflareLogoSvg({ variant: "full", color: "black" });
+ * ```
+ */
+export declare function generateCloudflareLogoSvg(options?: GenerateCloudflareLogoSvgOptions): string;
+//# sourceMappingURL=cloudflare-logo.d.ts.map

package/dist/src/components/cloudflare-logo/cloudflare-logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloudflare-logo.d.ts","sourceRoot":"","sources":["../../../../src/components/cloudflare-logo/cloudflare-logo.tsx"],"names":[],"mappings":"AA0DA,eAAO,MAAM,6BAA6B;;;;;;;;;;;;;;;;;;;;CAqBhC,CAAC;AAEX,eAAO,MAAM,qCAAqC;;;CAGxC,CAAC;AAEX,MAAM,MAAM,qBAAqB,GAC/B,MAAM,OAAO,6BAA6B,CAAC,OAAO,CAAC;AACrD,MAAM,MAAM,mBAAmB,GAC7B,MAAM,OAAO,6BAA6B,CAAC,KAAK,CAAC;AAEnD,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC;IAC1C;;;;;OAKG;IACH,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,mBAAmB,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,cAAc,+GA2E1B,CAAC;AAQF,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD;;;OAGG;IACH,KAAK,CAAC,EAAE,mBAAmB,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,mBAAmB,wHAsC/B,CAAC;AAQF,MAAM,MAAM,wBAAwB,GAAG,OAAO,GAAG,MAAM,CAAC;AACxD,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAEjE,MAAM,WAAW,gCAAgC;IAC/C;;;;;OAKG;IACH,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,sBAAsB,CAAC;CAChC;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,yBAAyB,CACvC,OAAO,GAAE,gCAAqC,GAC7C,MAAM,CA2BR"}

package/dist/src/components/cloudflare-logo/index.d.ts

@@ -0,0 +1,2 @@
+export { CloudflareLogo, type CloudflareLogoProps, type CloudflareLogoVariant, type CloudflareLogoColor, REKI_CLOUDFLARE_LOGO_VARIANTS, REKI_CLOUDFLARE_LOGO_DEFAULT_VARIANTS, PoweredByCloudflare, type PoweredByCloudflareProps, generateCloudflareLogoSvg, type GenerateCloudflareLogoSvgOptions, type CloudflareLogoSvgVariant, type CloudflareLogoSvgColor, } from './cloudflare-logo';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/cloudflare-logo/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/cloudflare-logo/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,KAAK,mBAAmB,EACxB,6BAA6B,EAC7B,qCAAqC,EAErC,mBAAmB,EACnB,KAAK,wBAAwB,EAE7B,yBAAyB,EACzB,KAAK,gCAAgC,EACrC,KAAK,wBAAwB,EAC7B,KAAK,sBAAsB,GAC5B,MAAM,mBAAmB,CAAC"}

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

@@ -0,0 +1,189 @@
+import { CSSProperties } from 'react';
+/** Code language variant definitions. */
+export declare const REKI_CODE_VARIANTS: {
+    readonly lang: {
+        readonly ts: {
+            readonly classes: "";
+            readonly description: "TypeScript code";
+        };
+        readonly tsx: {
+            readonly classes: "";
+            readonly description: "TypeScript JSX code";
+        };
+        readonly jsonc: {
+            readonly classes: "";
+            readonly description: "JSON with comments";
+        };
+        readonly bash: {
+            readonly classes: "";
+            readonly description: "Shell/Bash commands";
+        };
+        readonly css: {
+            readonly classes: "";
+            readonly description: "CSS styles";
+        };
+    };
+};
+export declare const REKI_CODE_DEFAULT_VARIANTS: {
+    readonly lang: "ts";
+};
+/**
+ * Styling metadata for Code component (for AI/Figma plugin consumption)
+ */
+export declare const REKI_CODE_STYLING: {
+    /** Base semantic tokens used */
+    readonly baseTokens: readonly ["text-reki-subtle"];
+    /** Typography and layout */
+    readonly typography: {
+        readonly fontFamily: "font-mono";
+        readonly fontSize: "text-sm";
+        readonly lineHeight: "leading-[20px]";
+    };
+    /** Container dimensions */
+    readonly dimensions: {
+        readonly margin: "m-0";
+        readonly padding: "p-0";
+        readonly width: "w-auto";
+    };
+    /** Border and background */
+    readonly appearance: {
+        readonly borderRadius: "rounded-none";
+        readonly border: "border-none";
+        readonly background: "bg-transparent";
+    };
+};
+/**
+ * Styling metadata for CodeBlock component (for AI/Figma plugin consumption)
+ */
+export declare const REKI_CODEBLOCK_STYLING: {
+    /** Base semantic tokens used */
+    readonly baseTokens: readonly ["bg-reki-base", "border-reki-fill"];
+    /** Container styling */
+    readonly container: {
+        readonly minWidth: "min-w-0";
+        readonly borderRadius: "rounded-md";
+        readonly border: "border border-reki-fill";
+        readonly background: "bg-reki-base";
+    };
+    /** Inner code element padding */
+    readonly innerPadding: "[&>pre]:p-2.5";
+    /** Parsed dimensions */
+    readonly dimensions: {
+        readonly borderRadius: 6;
+        readonly padding: 10;
+    };
+};
+export type RekiCodeLang = keyof typeof REKI_CODE_VARIANTS.lang;
+export interface RekiCodeVariantsProps {
+    /**
+     * Language hint for the code content.
+     * - `"ts"` — TypeScript code
+     * - `"tsx"` — TypeScript JSX code
+     * - `"jsonc"` — JSON with comments
+     * - `"bash"` — Shell/Bash commands
+     * - `"css"` — CSS styles
+     * @default "ts"
+     */
+    lang?: RekiCodeLang;
+}
+export declare function codeVariants({ lang, }?: RekiCodeVariantsProps): string;
+export type CodeLang = RekiCodeLang;
+/** @deprecated Use CodeLang instead */
+export type BundledLanguage = CodeLang;
+/**
+ * Code component props.
+ *
+ * @example
+ * ```tsx
+ * <Code code="const x = 1;" lang="ts" />
+ * <Code code="export API_KEY={{apiKey}}" lang="bash"
+ *   values={{ apiKey: { value: "sk_live_123", highlight: true } }}
+ * />
+ * ```
+ */
+export interface CodeProps extends RekiCodeVariantsProps {
+    /** The code string to display. */
+    code: string;
+    /** Template values for `{{key}}` interpolation. Values with `highlight: true` are visually emphasized. */
+    values?: Record<string, {
+        value: string;
+        highlight?: boolean;
+    }>;
+    /** Additional CSS classes merged via `cn()`. */
+    className?: string;
+    /** Inline styles. */
+    style?: CSSProperties;
+}
+/**
+ * Simple code component without syntax highlighting.
+ *
+ * Renders code in a monospace font with customizable language metadata.
+ * For a bordered container version, use `Code.Block` or `CodeBlock`.
+ *
+ * **Styling:**
+ * - Typography: `font-mono text-sm leading-[20px]`
+ * - Colors: `text-reki-subtle` with `bg-transparent`
+ * - No borders or padding (use CodeBlock for styled container)
+ * - Supports all semantic tokens via className prop
+ *
+ * @deprecated Use `CodeHighlighted` from `@cloudraker/reki/code` for syntax highlighting.
+ * This component will be removed in v2.0.
+ *
+ * @example Migration:
+ * ```tsx
+ * // Before
+ * import { Code } from "@cloudraker/reki";
+ * <Code code="const x = 1;" lang="ts" />
+ *
+ * // After
+ * import { ShikiProvider, CodeHighlighted } from "@cloudraker/reki/code";
+ * <ShikiProvider engine="javascript" languages={['tsx']} themes={{ light: 'github-light', dark: 'github-dark' }}>
+ *   <CodeHighlighted code="const x = 1;" lang="tsx" />
+ * </ShikiProvider>
+ * ```
+ */
+declare function CodeComponent({ code, lang, className, style, }: CodeProps): import("react/jsx-runtime").JSX.Element;
+declare namespace CodeComponent {
+    var displayName: string;
+}
+/**
+ * CodeBlock component props — code inside a bordered container.
+ *
+ * @example
+ * ```tsx
+ * <CodeBlock lang="tsx" code={`const greeting = "Hello!";`} />
+ * ```
+ */
+export interface CodeBlockProps {
+    /** The code string to display. */
+    code: string;
+    /**
+     * Language hint for the code content.
+     * @default "ts"
+     */
+    lang?: CodeLang;
+}
+/**
+ * Code block with border and background container.
+ *
+ * A styled wrapper around Code that adds a bordered container with surface background.
+ * Useful for displaying code snippets with visual separation from surrounding content.
+ *
+ * **Styling:**
+ * - Container: `min-w-0 rounded-md border border-reki-fill bg-reki-base`
+ * - Inner padding: `p-2.5` (10px)
+ * - Uses semantic tokens: `bg-reki-base`, `border-reki-fill`
+ *
+ * @deprecated Use `CodeHighlighted` from `@cloudraker/reki/code` for syntax highlighting.
+ * This component will be removed in v2.0.
+ */
+declare function CodeBlockComponent({ code, lang }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;
+declare namespace CodeBlockComponent {
+    var displayName: string;
+}
+export declare const Code: typeof CodeComponent & {
+    Block: typeof CodeBlockComponent;
+};
+export declare const CodeBlock: typeof CodeBlockComponent;
+export {};
+//# sourceMappingURL=code.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../../../src/components/code/code.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAI3C,yCAAyC;AACzC,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;CAuBrB,CAAC;AAEX,eAAO,MAAM,0BAA0B;;CAE7B,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,iBAAiB;IAC5B,gCAAgC;;IAEhC,4BAA4B;;;;;;IAM5B,2BAA2B;;;;;;IAM3B,4BAA4B;;;;;;CAMpB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,sBAAsB;IACjC,gCAAgC;;IAEhC,wBAAwB;;;;;;;IAOxB,iCAAiC;;IAEjC,wBAAwB;;;;;CAKhB,CAAC;AAGX,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,kBAAkB,CAAC,IAAI,CAAC;AAEhE,MAAM,WAAW,qBAAqB;IACpC;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAsC,GACvC,GAAE,qBAA0B,UAO5B;AAGD,MAAM,MAAM,QAAQ,GAAG,YAAY,CAAC;AAEpC,uCAAuC;AACvC,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC;AAEvC;;;;;;;;;;GAUG;AACH,MAAM,WAAW,SAAU,SAAQ,qBAAqB;IACtD,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,0GAA0G;IAC1G,MAAM,CAAC,EAAE,MAAM,CACb,MAAM,EACN;QACE,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,CACF,CAAC;IACF,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,iBAAS,aAAa,CAAC,EACrB,IAAI,EACJ,IAAsC,EACtC,SAAS,EACT,KAAK,GACN,EAAE,SAAS,2CAMX;kBAXQ,aAAa;;;AAetB;;;;;;;GAOG;AACH,MAAM,WAAW,cAAc;IAC7B,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED;;;;;;;;;;;;;GAaG;AACH,iBAAS,kBAAkB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,cAAc,2CAMzD;kBANQ,kBAAkB;;;AAW3B,eAAO,MAAM,IAAI;;CAEf,CAAC;AAGH,eAAO,MAAM,SAAS,2BAAqB,CAAC"}

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

@@ -0,0 +1,4 @@
+export { Code, CodeBlock, type CodeProps, type CodeBlockProps, type CodeLang, 
+/** @deprecated Use CodeLang instead */
+type BundledLanguage, } from './code';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/code/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,SAAS,EACT,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,QAAQ;AACb,uCAAuC;AACvC,KAAK,eAAe,GACrB,MAAM,QAAQ,CAAC"}