@cloudflare/kumo 1.0.0

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

@@ -0,0 +1,110 @@
+import { Popover as PopoverBase } from '@base-ui/react/popover';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export declare const KUMO_POPOVER_VARIANTS: {
+    readonly side: {
+        readonly top: {
+            readonly classes: "";
+            readonly description: "Popover appears above the trigger";
+        };
+        readonly bottom: {
+            readonly classes: "";
+            readonly description: "Popover appears below the trigger";
+        };
+        readonly left: {
+            readonly classes: "";
+            readonly description: "Popover appears to the left of the trigger";
+        };
+        readonly right: {
+            readonly classes: "";
+            readonly description: "Popover appears to the right of the trigger";
+        };
+    };
+};
+export declare const KUMO_POPOVER_DEFAULT_VARIANTS: {
+    readonly side: "bottom";
+};
+export type KumoPopoverSide = keyof typeof KUMO_POPOVER_VARIANTS.side;
+export interface KumoPopoverVariantsProps {
+    side?: KumoPopoverSide;
+}
+type BasePopoverRootProps = ComponentPropsWithoutRef<typeof PopoverBase.Root>;
+export type PopoverRootProps = BasePopoverRootProps;
+declare function PopoverRoot({ children, ...props }: PopoverRootProps): import("react/jsx-runtime").JSX.Element;
+declare namespace PopoverRoot {
+    var displayName: string;
+}
+type BasePopoverTriggerProps = ComponentPropsWithoutRef<typeof PopoverBase.Trigger>;
+export type PopoverTriggerProps = BasePopoverTriggerProps & {
+    /** When true, the trigger element will be the child element */
+    asChild?: boolean;
+};
+declare function PopoverTrigger({ children, className, asChild, ...props }: PopoverTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace PopoverTrigger {
+    var displayName: string;
+}
+/** Alignment options for popover positioning */
+type PopoverAlign = "start" | "center" | "end";
+export type PopoverContentProps = KumoPopoverVariantsProps & {
+    /** How to align the popover relative to the trigger */
+    align?: PopoverAlign;
+    /** Distance between the trigger and the popover in pixels */
+    sideOffset?: number;
+    /** Additional offset along the alignment axis in pixels */
+    alignOffset?: number;
+    /** Additional class name for the popup */
+    className?: string;
+    /** Content to render inside the popover */
+    children?: ReactNode;
+};
+declare function PopoverContent({ children, side, align, sideOffset, alignOffset, className, }: PopoverContentProps): import("react/jsx-runtime").JSX.Element;
+declare namespace PopoverContent {
+    var displayName: string;
+}
+type BasePopoverTitleProps = ComponentPropsWithoutRef<typeof PopoverBase.Title>;
+export type PopoverTitleProps = BasePopoverTitleProps;
+declare function PopoverTitle({ className, ...props }: PopoverTitleProps): import("react/jsx-runtime").JSX.Element;
+declare namespace PopoverTitle {
+    var displayName: string;
+}
+type BasePopoverDescriptionProps = ComponentPropsWithoutRef<typeof PopoverBase.Description>;
+export type PopoverDescriptionProps = BasePopoverDescriptionProps;
+declare function PopoverDescription({ className, ...props }: PopoverDescriptionProps): import("react/jsx-runtime").JSX.Element;
+declare namespace PopoverDescription {
+    var displayName: string;
+}
+type BasePopoverCloseProps = ComponentPropsWithoutRef<typeof PopoverBase.Close>;
+export type PopoverCloseProps = BasePopoverCloseProps & {
+    /** When true, the close element will be the child element */
+    asChild?: boolean;
+};
+declare function PopoverClose({ children, className, asChild, ...props }: PopoverCloseProps): import("react/jsx-runtime").JSX.Element;
+declare namespace PopoverClose {
+    var displayName: string;
+}
+/**
+ * Popover component for displaying accessible popup content anchored to a trigger.
+ *
+ * @example
+ * ```tsx
+ * <Popover>
+ *   <Popover.Trigger asChild>
+ *     <Button>Open</Button>
+ *   </Popover.Trigger>
+ *   <Popover.Content>
+ *     <Popover.Title>Notifications</Popover.Title>
+ *     <Popover.Description>You are all caught up!</Popover.Description>
+ *   </Popover.Content>
+ * </Popover>
+ * ```
+ *
+ * @see https://base-ui.com/react/components/popover
+ */
+export declare const Popover: typeof PopoverRoot & {
+    Trigger: typeof PopoverTrigger;
+    Content: typeof PopoverContent;
+    Title: typeof PopoverTitle;
+    Description: typeof PopoverDescription;
+    Close: typeof PopoverClose;
+};
+export { PopoverRoot, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription, PopoverClose, };
+//# sourceMappingURL=popover.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+export { Radio, RadioGroup, KUMO_RADIO_VARIANTS, KUMO_RADIO_DEFAULT_VARIANTS, radioVariants, type RadioGroupProps, type RadioItemProps, type RadioControlPosition, type KumoRadioVariant, type KumoRadioVariantsProps, type RadioVariant, } from './radio';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,UAAU,EACV,mBAAmB,EACnB,2BAA2B,EAC3B,aAAa,EACb,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACrB,KAAK,sBAAsB,EAC3B,KAAK,YAAY,GAClB,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,141 @@
+import { ReactNode } from 'react';
+export declare const KUMO_RADIO_VARIANTS: {
+    readonly variant: {
+        readonly default: {
+            readonly classes: "ring-kumo-line";
+            readonly description: "Default radio appearance";
+        };
+        readonly error: {
+            readonly classes: "ring-destructive";
+            readonly description: "Error state for validation failures";
+        };
+    };
+};
+export declare const KUMO_RADIO_DEFAULT_VARIANTS: {
+    readonly variant: "default";
+};
+export type KumoRadioVariant = keyof typeof KUMO_RADIO_VARIANTS.variant;
+export interface KumoRadioVariantsProps {
+    variant?: KumoRadioVariant;
+}
+export declare function radioVariants({ variant, }?: KumoRadioVariantsProps): string;
+export type RadioVariant = KumoRadioVariant;
+/** Position of the radio control relative to its label */
+export type RadioControlPosition = "start" | "end";
+/**
+ * Radio group component props (with built-in Fieldset and RadioGroup)
+ *
+ * @example
+ * // Basic usage
+ * ```tsx
+ * <Radio.Group legend="Notification preference" defaultValue="email">
+ *   <Radio.Item label="Email" value="email" />
+ *   <Radio.Item label="SMS" value="sms" />
+ *   <Radio.Item label="Push" value="push" />
+ * </Radio.Group>
+ * ```
+ *
+ * @example
+ * // Horizontal layout
+ * ```tsx
+ * <Radio.Group legend="Size" orientation="horizontal" defaultValue="md">
+ *   <Radio.Item label="Small" value="sm" />
+ *   <Radio.Item label="Medium" value="md" />
+ *   <Radio.Item label="Large" value="lg" />
+ * </Radio.Group>
+ * ```
+ *
+ * @example
+ * // With error and description
+ * ```tsx
+ * <Radio.Group
+ *   legend="Payment method"
+ *   error="Please select a payment method"
+ *   description="Choose how you'd like to pay"
+ * >
+ *   <Radio.Item label="Credit Card" value="card" />
+ *   <Radio.Item label="PayPal" value="paypal" />
+ * </Radio.Group>
+ * ```
+ *
+ * @example
+ * // Controlled
+ * ```tsx
+ * const [value, setValue] = useState("email");
+ * <Radio.Group legend="Contact" value={value} onValueChange={setValue}>
+ *   <Radio.Item label="Email" value="email" />
+ *   <Radio.Item label="Phone" value="phone" />
+ * </Radio.Group>
+ * ```
+ *
+ * @example
+ * // Label before radio (controlPosition="end")
+ * ```tsx
+ * <Radio.Group legend="Options" controlPosition="end" defaultValue="a">
+ *   <Radio.Item label="Option A" value="a" />
+ *   <Radio.Item label="Option B" value="b" />
+ * </Radio.Group>
+ * ```
+ */
+export interface RadioGroupProps {
+    /** Legend text for the group (required for accessibility) */
+    legend: string;
+    /** Child Radio.Item components */
+    children: ReactNode;
+    /** Layout direction of the radio items */
+    orientation?: "vertical" | "horizontal";
+    /** Error message for the group */
+    error?: string;
+    /** Helper text for the group */
+    description?: ReactNode;
+    /** Value of the radio that should be initially selected (uncontrolled) */
+    defaultValue?: string;
+    /** Value of the radio that should be selected (controlled) */
+    value?: string;
+    /** Event handler called when radio value changes */
+    onValueChange?: (value: string) => void;
+    /** Whether all radios in the group are disabled */
+    disabled?: boolean;
+    /** Position of radio control relative to label: "start" (default) puts radio before label, "end" puts label before radio */
+    controlPosition?: RadioControlPosition;
+    /** Form submission name for the radio group */
+    name?: string;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * Individual radio item within a group
+ *
+ * @example
+ * ```tsx
+ * <Radio.Item label="Option A" value="a" />
+ * ```
+ *
+ * @example
+ * // Disabled item
+ * ```tsx
+ * <Radio.Item label="Unavailable" value="unavailable" disabled />
+ * ```
+ */
+export type RadioItemProps = {
+    /** Visual variant: "default" or "error" for validation failures */
+    variant?: RadioVariant;
+    /** Label text displayed next to radio (required) */
+    label: string;
+    /** Value of the radio (required) */
+    value: string;
+    /** Additional CSS classes for the label wrapper */
+    className?: string;
+    /** Whether the radio is disabled */
+    disabled?: boolean;
+};
+declare function RadioGroup({ legend, children, orientation, error, description, defaultValue, value, onValueChange, disabled, controlPosition, name, className, }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+declare namespace RadioGroup {
+    var displayName: string;
+}
+export { RadioGroup };
+export declare const Radio: {
+    Item: import('react').ForwardRefExoticComponent<RadioItemProps & import('react').RefAttributes<HTMLButtonElement>>;
+    Group: typeof RadioGroup;
+};
+//# sourceMappingURL=radio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../../src/components/radio/radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAM9E,eAAO,MAAM,mBAAmB;;;;;;;;;;;CAWtB,CAAC;AAEX,eAAO,MAAM,2BAA2B;;CAE9B,CAAC;AAGX,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,mBAAmB,CAAC,OAAO,CAAC;AAExE,MAAM,WAAW,sBAAsB;IACrC,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAA6C,GAC9C,GAAE,sBAA2B,UAE7B;AAGD,MAAM,MAAM,YAAY,GAAG,gBAAgB,CAAC;AAE5C,0DAA0D;AAC1D,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,KAAK,CAAC;AASnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,MAAM,WAAW,eAAe;IAC9B,6DAA6D;IAC7D,MAAM,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4HAA4H;IAC5H,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,mEAAmE;IACnE,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA2CF,iBAAS,UAAU,CAAC,EAClB,MAAM,EACN,QAAQ,EACR,WAAwB,EACxB,KAAK,EACL,WAAW,EACX,YAAY,EACZ,KAAK,EACL,aAAa,EACb,QAAQ,EACR,eAAyB,EACzB,IAAI,EACJ,SAAS,GACV,EAAE,eAAe,2CAiCjB;kBA9CQ,UAAU;;;AAmDnB,OAAO,EAAE,UAAU,EAAE,CAAC;AAGtB,eAAO,MAAM,KAAK;;;CAGjB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,128 @@
+import { Select as SelectBase } from '@base-ui/react/select';
+import { ReactNode } from 'react';
+import { FieldErrorMatch } from '../field/field';
+export declare const KUMO_SELECT_VARIANTS: {};
+export declare const KUMO_SELECT_DEFAULT_VARIANTS: {};
+/**
+ * Select component styling metadata for Figma plugin code generation
+ * Extracted from select.tsx implementation (source of truth)
+ */
+export declare const KUMO_SELECT_STYLING: {
+    readonly trigger: {
+        readonly height: 36;
+        readonly paddingX: 12;
+        readonly borderRadius: 8;
+        readonly background: "color-secondary";
+        readonly text: "text-color-surface";
+        readonly ring: "color-border";
+        readonly fontSize: 16;
+        readonly fontWeight: 400;
+    };
+    readonly stateTokens: {
+        readonly focus: {
+            readonly ring: "color-active";
+        };
+        readonly disabled: {
+            readonly opacity: 0.5;
+        };
+    };
+    readonly icons: {
+        readonly caret: {
+            readonly name: "ph-caret-up-down";
+            readonly size: 20;
+        };
+        readonly check: {
+            readonly name: "ph-check";
+            readonly size: 20;
+        };
+    };
+    readonly popup: {
+        readonly background: "color-secondary";
+        readonly ring: "color-border";
+        readonly borderRadius: 8;
+        readonly padding: 6;
+    };
+    readonly option: {
+        readonly paddingX: 8;
+        readonly paddingY: 6;
+        readonly borderRadius: 4;
+        readonly fontSize: 16;
+        readonly highlightBackground: "color-surface-secondary";
+    };
+};
+export interface KumoSelectVariantsProps {
+}
+export declare function selectVariants(_props?: KumoSelectVariantsProps): string;
+type SelectPropsGeneric<T, Multiple extends boolean | undefined = false> = SelectBase.Root.Props<T, Multiple> & KumoSelectVariantsProps & {
+    multiple?: Multiple;
+    renderValue?: (value: Multiple extends true ? T[] : T) => ReactNode;
+    className?: string;
+    /** Label content for the select (enables Field wrapper) - can be a string or any React node */
+    label?: ReactNode;
+    hideLabel?: boolean;
+    placeholder?: string;
+    loading?: boolean;
+    /** Tooltip content to display next to the label via an info icon */
+    labelTooltip?: ReactNode;
+    /** Helper text displayed below the select */
+    description?: ReactNode;
+    /** Error message or validation error object */
+    error?: string | {
+        message: ReactNode;
+        match: FieldErrorMatch;
+    };
+};
+/**
+ * Props for the Select component.
+ * @description A dropdown select component for choosing from a list of options.
+ * @property {ReactNode} [label] - Label content for the select (enables Field wrapper)
+ * @property {ReactNode} [description] - Helper text displayed below the select
+ * @property {string | { message: ReactNode, match: FieldErrorMatch }} [error] - Error message or validation error object
+ */
+export interface SelectProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Label content for the select (enables Field wrapper) - can be a string or any React node */
+    label?: ReactNode;
+    /** Whether to visually hide the label (still accessible to screen readers) */
+    hideLabel?: boolean;
+    /** Placeholder text when no value is selected */
+    placeholder?: string;
+    /** Whether the select is in a loading state */
+    loading?: boolean;
+    /** Whether the select is disabled */
+    disabled?: boolean;
+    /** Whether the select is required */
+    required?: boolean;
+    /** Tooltip content to display next to the label via an info icon */
+    labelTooltip?: ReactNode;
+    /** The currently selected value */
+    value?: unknown;
+    /** Default value for uncontrolled usage */
+    defaultValue?: unknown;
+    /** Callback when the value changes */
+    onValueChange?: (value: unknown) => void;
+    /** Whether multiple selection is enabled */
+    multiple?: boolean;
+    /** Child elements (Select.Option components) */
+    children?: ReactNode;
+    /** Helper text displayed below the select */
+    description?: ReactNode;
+    /** Error message or validation error object */
+    error?: string | {
+        message: ReactNode;
+        match: FieldErrorMatch;
+    };
+}
+export declare function Select<T, Multiple extends boolean | undefined = false>({ children, className, renderValue, label, hideLabel, placeholder, loading, labelTooltip, description, error, required, ...props }: SelectPropsGeneric<T, Multiple> & {
+    required?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare namespace Select {
+    var Option: <T>({ children, value }: OptionProps<T>) => import("react/jsx-runtime").JSX.Element;
+}
+type OptionProps<T> = {
+    children: ReactNode;
+    value: T;
+};
+export {};
+//# sourceMappingURL=select.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+export { SensitiveInput, type SensitiveInputProps, KUMO_SENSITIVE_INPUT_VARIANTS, KUMO_SENSITIVE_INPUT_DEFAULT_VARIANTS, } from './sensitive-input';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sensitive-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,EACxB,6BAA6B,EAC7B,qCAAqC,GACtC,MAAM,mBAAmB,CAAC"}

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

@@ -0,0 +1,70 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { KumoInputSize, KumoInputVariant } from '../input/input';
+import { FieldErrorMatch } from '../field/field';
+export declare const KUMO_SENSITIVE_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_SENSITIVE_INPUT_DEFAULT_VARIANTS: {
+    readonly size: "base";
+    readonly variant: "default";
+};
+/**
+ * SensitiveInput component props
+ * @property {ReactNode} [label] - Label content for the input (enables Field wrapper)
+ * @property {ReactNode} [description] - Helper text displayed below the input
+ * @property {string | { message: ReactNode, match: FieldErrorMatch }} [error] - Error message or validation error object
+ */
+export interface SensitiveInputProps extends Omit<ComponentPropsWithoutRef<"input">, "size" | "type" | "value" | "defaultValue"> {
+    /** Controlled value */
+    value?: string;
+    /** Uncontrolled default value */
+    defaultValue?: string;
+    /** Simplified change handler receiving just the value */
+    onValueChange?: (value: string) => void;
+    /** Callback fired after value is copied to clipboard */
+    onCopy?: () => void;
+    /** Size variant */
+    size?: KumoInputSize;
+    /** Style variant */
+    variant?: KumoInputVariant;
+    /** Label content for the input (enables Field wrapper and sets masked state label) - 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 declare const SensitiveInput: import('react').ForwardRefExoticComponent<SensitiveInputProps & import('react').RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=sensitive-input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sensitive-input.d.ts","sourceRoot":"","sources":["../../../../src/components/sensitive-input/sensitive-input.tsx"],"names":[],"mappings":"AACA,OAAO,EAOL,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACtB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAS,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAE7D,eAAO,MAAM,6BAA6B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAsB,CAAC;AAEjE,eAAO,MAAM,qCAAqC;;;CAGxC,CAAC;AAIX;;;;;GAKG;AACH,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,wBAAwB,CAAC,OAAO,CAAC,EACjC,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,cAAc,CAC3C;IACD,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yDAAyD;IACzD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,mBAAmB;IACnB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,oBAAoB;IACpB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,0HAA0H;IAC1H,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;AAED,eAAO,MAAM,cAAc,kHAkZ1B,CAAC"}

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

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

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

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

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

@@ -0,0 +1,48 @@
+import { default as React, ComponentPropsWithoutRef, ComponentPropsWithRef, ElementType, PropsWithChildren } from 'react';
+export declare const KUMO_SURFACE_VARIANTS: {
+    readonly color: {
+        readonly primary: {
+            readonly classes: "";
+            readonly description: "Primary surface color";
+        };
+        readonly secondary: {
+            readonly classes: "";
+            readonly description: "Secondary surface color";
+        };
+    };
+};
+export declare const KUMO_SURFACE_DEFAULT_VARIANTS: {
+    readonly color: "primary";
+};
+export type KumoSurfaceColor = keyof typeof KUMO_SURFACE_VARIANTS.color;
+export interface KumoSurfaceVariantsProps {
+    color?: KumoSurfaceColor;
+}
+export declare function surfaceVariants({ color, }?: KumoSurfaceVariantsProps): string;
+type PolymorphicAsProp<E extends ElementType> = {
+    as?: E;
+};
+type PolymorphicProps<E extends ElementType> = PropsWithChildren<ComponentPropsWithoutRef<E> & PolymorphicAsProp<E>>;
+type PolymorphicRef<E extends ElementType> = ComponentPropsWithRef<E>["ref"];
+declare const defaultElement = "div";
+type SurfacePropsGeneric<E extends ElementType = typeof defaultElement> = PolymorphicProps<E> & KumoSurfaceVariantsProps;
+/**
+ * Props for the Surface component.
+ * @description A polymorphic container component for creating elevated surfaces with consistent styling.
+ */
+export interface SurfaceProps {
+    /** The element type to render as (default: "div") */
+    as?: ElementType;
+    /** Surface color variant */
+    color?: KumoSurfaceColor;
+    /** Additional CSS classes */
+    className?: string;
+    /** Child elements */
+    children?: React.ReactNode;
+}
+type SurfaceComponent = <E extends ElementType = typeof defaultElement>(props: SurfacePropsGeneric<E> & {
+    ref?: PolymorphicRef<E>;
+}) => React.JSX.Element;
+export declare const Surface: SurfaceComponent;
+export {};
+//# sourceMappingURL=surface.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../../../src/components/surface/surface.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,KAAK,wBAAwB,EAC7B,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AAGf,eAAO,MAAM,qBAAqB;;;;;;;;;;;CAWxB,CAAC;AAEX,eAAO,MAAM,6BAA6B;;CAEhC,CAAC;AAGX,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,qBAAqB,CAAC,KAAK,CAAC;AAExE,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAA2C,GAC5C,GAAE,wBAA6B,UAO/B;AAED,KAAK,iBAAiB,CAAC,CAAC,SAAS,WAAW,IAAI;IAC9C,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAEF,KAAK,gBAAgB,CAAC,CAAC,SAAS,WAAW,IAAI,iBAAiB,CAC9D,wBAAwB,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,CAAC,CAAC,CACnD,CAAC;AAEF,KAAK,cAAc,CAAC,CAAC,SAAS,WAAW,IAAI,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAE7E,QAAA,MAAM,cAAc,QAAQ,CAAC;AAE7B,KAAK,mBAAmB,CAAC,CAAC,SAAS,WAAW,GAAG,OAAO,cAAc,IACpE,gBAAgB,CAAC,CAAC,CAAC,GAAG,wBAAwB,CAAC;AAEjD;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B,qDAAqD;IACrD,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,KAAK,gBAAgB,GAAG,CAAC,CAAC,SAAS,WAAW,GAAG,OAAO,cAAc,EACpE,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;CAAE,KACxD,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;AAoBvB,eAAO,MAAM,OAAO,EAEJ,gBAAgB,CAAC"}

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

@@ -0,0 +1,2 @@
+export { Switch, KUMO_SWITCH_VARIANTS, KUMO_SWITCH_DEFAULT_VARIANTS, type SwitchProps, type SwitchGroupProps, type SwitchItemProps, type KumoSwitchSize, type KumoSwitchVariant, type SwitchSize, type SwitchVariant, } from './switch';
+//# sourceMappingURL=index.d.ts.map

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

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