@cloudflare/kumo 1.0.0

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

@@ -0,0 +1,2 @@
+export { Grid, GridItem, gridVariants, gridItemVariants, KUMO_GRID_VARIANTS, KUMO_GRID_DEFAULT_VARIANTS, type GridProps, type GridItemProps, type KumoGridVariant, type KumoGridGap, } 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,4 @@
+export { Input, inputVariants, type InputProps } from './input';
+export { InputArea, type InputAreaProps } from './input-area';
+export { InputGroup } from './input-group';
+//# 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,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

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

@@ -0,0 +1,46 @@
+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>>;
+/**
+ * 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;AAC/B,OAAO,EAAsB,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAE1E,eAAO,MAAM,SAAS;oBAyEJ,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;+GAxBhE,CAAC;AAIF;;;;;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-group.d.ts

@@ -0,0 +1,39 @@
+import { PropsWithChildren } from 'react';
+import { InputProps } from './input';
+import { ButtonProps } from '../button/button';
+export declare const KUMO_INPUT_GROUP_VARIANTS: {
+    readonly focusMode: {
+        readonly container: {
+            readonly classes: "";
+            readonly description: "Focus indicator on container (default behavior)";
+        };
+        readonly individual: {
+            readonly classes: "";
+            readonly description: "Focus indicators on individual elements";
+        };
+    };
+};
+export declare const KUMO_INPUT_GROUP_DEFAULT_VARIANTS: {
+    readonly focusMode: "container";
+};
+export type KumoInputGroupFocusMode = keyof typeof KUMO_INPUT_GROUP_VARIANTS.focusMode;
+export interface KumoInputGroupVariantsProps {
+    focusMode?: KumoInputGroupFocusMode;
+}
+interface InputGroupRootProps extends KumoInputGroupVariantsProps {
+    className?: string;
+    size?: "xs" | "sm" | "base" | "lg" | undefined;
+}
+declare function Root({ size, children, className, focusMode, }: PropsWithChildren<InputGroupRootProps>): import("react/jsx-runtime").JSX.Element;
+declare function Label({ children }: PropsWithChildren<{}>): import("react/jsx-runtime").JSX.Element;
+declare function Input(props: InputProps): import("react/jsx-runtime").JSX.Element;
+declare function Description({ children }: PropsWithChildren<{}>): import("react/jsx-runtime").JSX.Element;
+declare function Button({ children, className, ...props }: PropsWithChildren<ButtonProps>): import("react/jsx-runtime").JSX.Element;
+export declare const InputGroup: typeof Root & {
+    Label: typeof Label;
+    Input: typeof Input;
+    Button: typeof Button;
+    Description: typeof Description;
+};
+export {};
+//# sourceMappingURL=input-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAG3D,OAAO,EAEL,KAAK,UAAU,EAEhB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,KAAK,WAAW,EAA4B,MAAM,kBAAkB,CAAC;AAE9E,eAAO,MAAM,yBAAyB;;;;;;;;;;;CAW5B,CAAC;AAEX,eAAO,MAAM,iCAAiC;;CAEpC,CAAC;AAEX,MAAM,MAAM,uBAAuB,GACjC,MAAM,OAAO,yBAAyB,CAAC,SAAS,CAAC;AAEnD,MAAM,WAAW,2BAA2B;IAC1C,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAED,UAAU,mBAAoB,SAAQ,2BAA2B;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CAChD;AAWD,iBAAS,IAAI,CAAC,EACZ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,SAAuD,GACxD,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,2CA0BxC;AAED,iBAAS,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,CAAC,EAAE,CAAC,2CAgBjD;AAED,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,2CAoB/B;AAED,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,CAAC,EAAE,CAAC,2CAgBvD;AAED,iBAAS,MAAM,CAAC,EACd,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,WAAW,CAAC,2CAkBhC;AAED,eAAO,MAAM,UAAU;;;;;CAKrB,CAAC"}

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

@@ -0,0 +1,157 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { Input as BaseInput } from '@base-ui/react/input';
+import { FieldErrorMatch } from '../field/field';
+export declare const KUMO_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-kumo-ring";
+            readonly description: "Default input appearance";
+        };
+        readonly error: {
+            readonly classes: "!ring-kumo-danger focus:ring-kumo-danger";
+            readonly description: "Error state for validation failures";
+        };
+    };
+};
+export declare const KUMO_INPUT_DEFAULT_VARIANTS: {
+    readonly size: "base";
+    readonly variant: "default";
+};
+export declare const KUMO_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 KumoInputSize = keyof typeof KUMO_INPUT_VARIANTS.size;
+export type KumoInputVariant = keyof typeof KUMO_INPUT_VARIANTS.variant;
+export interface KumoInputVariantsProps {
+    size?: KumoInputSize;
+    variant?: KumoInputVariant;
+    parentFocusIndicator?: boolean;
+    focusIndicator?: boolean;
+}
+type BaseInputProps = Omit<ComponentPropsWithoutRef<typeof BaseInput>, "size">;
+export declare function inputVariants({ variant, size, parentFocusIndicator, focusIndicator, }?: KumoInputVariantsProps): string;
+export declare const Input: import('react').ForwardRefExoticComponent<Pick<KumoInputVariantsProps, "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;
+    };
+} & 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"
+ *   variant="error"
+ * />
+ */
+export type InputProps = Pick<KumoInputVariantsProps, "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;
+    };
+};
+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":"AACA,OAAO,EAEL,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAS,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAE7D,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,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,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,UAc7B;AAED,eAAO,MAAM,KAAK;IAyGd,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;oDA7CjE,CAAC;AAIH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;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;CACjE,CAAC"}

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

@@ -0,0 +1,2 @@
+export { Label, type LabelProps, labelVariants, labelContentVariants, KUMO_LABEL_VARIANTS, KUMO_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,54 @@
+import { ReactNode } from 'react';
+export declare const KUMO_LABEL_VARIANTS: {};
+export declare const KUMO_LABEL_DEFAULT_VARIANTS: {};
+export interface KumoLabelVariantsProps {
+}
+export declare function labelVariants(_props?: KumoLabelVariantsProps): string;
+export declare function labelContentVariants(): string;
+export interface LabelProps extends KumoLabelVariantsProps {
+    /** The label content - can be a string or any React node */
+    children: ReactNode;
+    /** When true (and required is false), shows gray "(optional)" text after the label */
+    showOptional?: boolean;
+    /** Tooltip content to display next to the label via an info icon */
+    tooltip?: ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+    /**
+     * When true, only renders the inline content (indicators, tooltip) without
+     * the outer span 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, 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;AAIvC,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,MAAM,WAAW,UAAW,SAAQ,sBAAsB;IACxD,4DAA4D;IAC5D,QAAQ,EAAE,SAAS,CAAC;IACpB,sFAAsF;IACtF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oEAAoE;IACpE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,YAAoB,EACpB,OAAO,EACP,SAAS,EACT,SAAiB,GAClB,EAAE,UAAU,2CA+BZ;yBArCe,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,16 @@
+import { FC, PropsWithChildren } from 'react';
+export declare const KUMO_LAYER_CARD_VARIANTS: {};
+export declare const KUMO_LAYER_CARD_DEFAULT_VARIANTS: {};
+export interface KumoLayerCardVariantsProps {
+}
+export declare function layerCardVariants(_props?: KumoLayerCardVariantsProps): string;
+export type LayerCardProps = PropsWithChildren<KumoLayerCardVariantsProps & {
+    className?: string;
+}>;
+type LayerCardComponent = FC<LayerCardProps> & {
+    Primary: FC<LayerCardProps>;
+    Secondary: FC<LayerCardProps>;
+};
+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,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGnD,eAAO,MAAM,wBAAwB,IAE3B,CAAC;AAEX,eAAO,MAAM,gCAAgC,IAAc,CAAC;AAG5D,MAAM,WAAW,0BAA0B;CAAG;AAE9C,wBAAgB,iBAAiB,CAAC,MAAM,GAAE,0BAA+B,UAKxE;AAED,MAAM,MAAM,cAAc,GAAG,iBAAiB,CAC5C,0BAA0B,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CACpD,CAAC;AAgCF,KAAK,kBAAkB,GAAG,EAAE,CAAC,cAAc,CAAC,GAAG;IAC7C,OAAO,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC;IAC5B,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC;CAC/B,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,35 @@
+import { SVGProps } from 'react';
+import { useRender } from '@base-ui/react/use-render';
+import { LinkComponentProps } from '../../utils/link-provider';
+export declare const KUMO_LINK_VARIANTS: {
+    readonly variant: {
+        readonly inline: {
+            readonly classes: "text-primary 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-primary hover:text-primary/70 transition-colors";
+            readonly description: "Link without underline decoration";
+        };
+    };
+};
+export declare const KUMO_LINK_DEFAULT_VARIANTS: {
+    readonly variant: "inline";
+};
+export type KumoLinkVariant = keyof typeof KUMO_LINK_VARIANTS.variant;
+export interface KumoLinkVariantsProps {
+    variant?: KumoLinkVariant;
+}
+export declare function linkVariants({ variant, }?: KumoLinkVariantsProps): string;
+export type LinkProps = useRender.ComponentProps<"a"> & LinkComponentProps & KumoLinkVariantsProps;
+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,EAAc,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAGtD,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,2BAA2B,CAAC;AAgCnC,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;CAiBrB,CAAC;AAEX,eAAO,MAAM,0BAA0B;;CAE7B,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,kBAAkB,CAAC,OAAO,CAAC;AAEtE,MAAM,WAAW,qBAAqB;IACpC,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAA4C,GAC7C,GAAE,qBAA0B,UAE5B;AAED,MAAM,MAAM,SAAS,GAAG,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,GACnD,kBAAkB,GAClB,qBAAqB,CAAC;AAqDxB,eAAO,MAAM,IAAI;;gBA9GY,QAAQ,CAAC,aAAa,CAAC;;;CAgHlD,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,30 @@
+export declare const KUMO_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 KUMO_LOADER_DEFAULT_VARIANTS: {
+    readonly size: "base";
+};
+export type KumoLoaderSize = keyof typeof KUMO_LOADER_VARIANTS.size;
+export interface KumoLoaderVariantsProps {
+    size?: KumoLoaderSize | number;
+}
+export declare function loaderVariants({ size, }?: KumoLoaderVariantsProps): number;
+export interface LoaderProps {
+    className?: string;
+    size?: KumoLoaderSize | number;
+}
+export declare const Loader: ({ className, size, }: 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":"AAAA,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,IAAI,CAAC,EAAE,cAAc,GAAG,MAAM,CAAC;CAChC;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAwC,GACzC,GAAE,uBAA4B,GAAG,MAAM,CAGvC;AAED,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,cAAc,GAAG,MAAM,CAAC;CAChC;AAED,eAAO,MAAM,MAAM,GAAI,sBAGpB,WAAW,4CAsDb,CAAC"}

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

@@ -0,0 +1,10 @@
+export declare const SkeletonLine: ({ minWidth, maxWidth, minDuration, maxDuration, minDelay, maxDelay, className, }: {
+    minWidth?: number;
+    maxWidth?: number;
+    minDuration?: number;
+    maxDuration?: number;
+    minDelay?: number;
+    maxDelay?: 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,kFAQ1B;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,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,4CAkBA,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,22 @@
+import { default as React } from 'react';
+export declare const KUMO_MENUBAR_VARIANTS: {};
+export declare const KUMO_MENUBAR_DEFAULT_VARIANTS: {};
+export interface KumoMenuBarVariantsProps {
+}
+export declare function menuBarVariants(_props?: KumoMenuBarVariantsProps): string;
+type MenuOptionProps = {
+    icon: React.ReactNode;
+    id?: number | string;
+    isActive?: number | boolean | string | undefined;
+    onClick: () => void;
+    tooltip: string;
+};
+type MenuBarProps = {
+    className?: string;
+    isActive: number | boolean | string | undefined;
+    options: MenuOptionProps[];
+    optionIds?: boolean;
+};
+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,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,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IACjD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AA4BF,KAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAChD,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,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,18 @@
+import { Meter as BaseMeter } from '@base-ui/react/meter';
+import { ComponentPropsWithoutRef } from 'react';
+export declare const KUMO_METER_VARIANTS: {};
+export declare const KUMO_METER_DEFAULT_VARIANTS: {};
+export interface KumoMeterVariantsProps {
+}
+export declare function meterVariants(_props?: KumoMeterVariantsProps): string;
+type RootProps = ComponentPropsWithoutRef<typeof BaseMeter.Root>;
+export interface MeterProps extends RootProps, KumoMeterVariantsProps {
+    customValue?: string;
+    label: string;
+    showValue?: boolean;
+    trackClassName?: string;
+    indicatorClassName?: string;
+}
+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,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,MAAM,WAAW,UAAW,SAAQ,SAAS,EAAE,sBAAsB;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,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"}

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

@@ -0,0 +1,28 @@
+export declare const KUMO_PAGINATION_VARIANTS: {
+    readonly controls: {
+        readonly full: {
+            readonly classes: "";
+            readonly description: "Full pagination controls with first, previous, page input, next, and last buttons";
+        };
+        readonly simple: {
+            readonly classes: "";
+            readonly description: "Simple pagination controls with only previous and next buttons";
+        };
+    };
+};
+export type KumoPaginationControls = keyof typeof KUMO_PAGINATION_VARIANTS.controls;
+export declare const KUMO_PAGINATION_DEFAULT_VARIANTS: {
+    readonly controls: "full";
+};
+export interface KumoPaginationVariantsProps {
+    controls?: KumoPaginationControls;
+}
+export declare function paginationVariants({ controls, }?: KumoPaginationVariantsProps): string;
+export interface PaginationProps extends KumoPaginationVariantsProps {
+    setPage: (page: number) => void;
+    page?: number;
+    perPage?: number;
+    totalCount?: number;
+}
+export declare function Pagination({ page, perPage, totalCount, setPage, controls, }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/pagination.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,wBAAwB;;;;;;;;;;;CAa3B,CAAC;AAEX,MAAM,MAAM,sBAAsB,GAChC,MAAM,OAAO,wBAAwB,CAAC,QAAQ,CAAC;AAEjD,eAAO,MAAM,gCAAgC;;CAEnC,CAAC;AAEX,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,EAAE,sBAAsB,CAAC;CACnC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAoD,GACrD,GAAE,2BAAgC,UAKlC;AAED,MAAM,WAAW,eAAgB,SAAQ,2BAA2B;IAClE,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAQ,EACR,OAAO,EACP,UAAU,EACV,OAAO,EACP,QAAoD,GACrD,EAAE,eAAe,2CAsGjB"}

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

@@ -0,0 +1,3 @@
+export { Popover, PopoverRoot, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription, PopoverClose, KUMO_POPOVER_VARIANTS, KUMO_POPOVER_DEFAULT_VARIANTS, } from './popover';
+export type { PopoverRootProps, PopoverTriggerProps, PopoverContentProps, PopoverTitleProps, PopoverDescriptionProps, PopoverCloseProps, KumoPopoverSide, KumoPopoverVariantsProps, } from './popover';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,WAAW,EACX,cAAc,EACd,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,qBAAqB,EACrB,6BAA6B,GAC9B,MAAM,WAAW,CAAC;AACnB,YAAY,EACV,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,EACvB,iBAAiB,EACjB,eAAe,EACf,wBAAwB,GACzB,MAAM,WAAW,CAAC"}