@cloudflare/kumo 1.0.0

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

@@ -0,0 +1,46 @@
+import { ReactNode } from 'react';
+/**
+ * Base styles applied to all badge variants.
+ * Used by badgeVariants() and consumed by Figma plugin for component generation.
+ */
+export declare const KUMO_BADGE_BASE_STYLES = "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap";
+export declare const KUMO_BADGE_VARIANTS: {
+    readonly variant: {
+        readonly primary: {
+            readonly classes: "bg-kumo-contrast text-kumo-inverse";
+            readonly description: "Default high-emphasis badge for important labels";
+        };
+        readonly secondary: {
+            readonly classes: "bg-kumo-fill text-kumo-default";
+            readonly description: "Subtle badge for secondary information";
+        };
+        readonly destructive: {
+            readonly classes: "bg-kumo-danger text-white";
+            readonly description: "Error or danger state indicator";
+        };
+        readonly outline: {
+            readonly classes: "border border-kumo-fill bg-transparent text-kumo-default";
+            readonly description: "Bordered badge with transparent background";
+        };
+        readonly beta: {
+            readonly classes: "border border-dashed border-kumo-brand bg-transparent text-kumo-link";
+            readonly description: "Indicates beta or experimental features";
+        };
+    };
+};
+export declare const KUMO_BADGE_DEFAULT_VARIANTS: {
+    readonly variant: "primary";
+};
+export type KumoBadgeVariant = keyof typeof KUMO_BADGE_VARIANTS.variant;
+export interface KumoBadgeVariantsProps {
+    variant?: KumoBadgeVariant;
+}
+export declare function badgeVariants({ variant, }?: KumoBadgeVariantsProps): string;
+export type BadgeVariant = KumoBadgeVariant;
+export interface BadgeProps {
+    variant?: KumoBadgeVariant;
+    className?: string;
+    children: ReactNode;
+}
+export declare function Badge({ variant, className, children, }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC;;;GAGG;AACH,eAAO,MAAM,sBAAsB,wIACoG,CAAC;AAExI,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;CAuBtB,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,UAO7B;AAGD,MAAM,MAAM,YAAY,GAAG,gBAAgB,CAAC;AAE5C,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,KAAK,CAAC,EACpB,OAA6C,EAC7C,SAAS,EACT,QAAQ,GACT,EAAE,UAAU,2CAMZ"}

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

@@ -0,0 +1,2 @@
+export { Badge, KUMO_BADGE_BASE_STYLES, type BadgeVariant } from './badge';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,45 @@
+import { ReactNode } from 'react';
+/**
+ * Base styles applied to all banner variants.
+ * Used by bannerVariants() and consumed by Figma plugin for component generation.
+ */
+export declare const KUMO_BANNER_BASE_STYLES = "flex w-full items-center gap-2 rounded-lg border px-4 py-1.5 text-base";
+export declare const KUMO_BANNER_VARIANTS: {
+    readonly variant: {
+        readonly default: {
+            readonly classes: "bg-kumo-info/20 border-kumo-info text-kumo-link selection:bg-kumo-info-tint";
+            readonly description: "Informational banner for general messages";
+        };
+        readonly alert: {
+            readonly classes: "bg-kumo-warning/20 border-kumo-warning text-kumo-warning selection:bg-kumo-warning-tint";
+            readonly description: "Warning banner for cautionary messages";
+        };
+        readonly error: {
+            readonly classes: "bg-kumo-danger/20 border-kumo-danger text-kumo-danger selection:bg-kumo-danger-tint";
+            readonly description: "Error banner for critical issues";
+        };
+    };
+};
+export declare const KUMO_BANNER_DEFAULT_VARIANTS: {
+    readonly variant: "default";
+};
+export type KumoBannerVariant = keyof typeof KUMO_BANNER_VARIANTS.variant;
+export interface KumoBannerVariantsProps {
+    variant?: KumoBannerVariant;
+}
+export declare function bannerVariants({ variant, }?: KumoBannerVariantsProps): string;
+export declare enum BannerVariant {
+    DEFAULT = 0,
+    ALERT = 1,
+    ERROR = 2
+}
+export interface BannerProps {
+    icon?: ReactNode;
+    /** @deprecated Use `children` instead. Will be removed in a future major version. */
+    text?: string;
+    children?: ReactNode;
+    variant?: KumoBannerVariant;
+    className?: string;
+}
+export declare function Banner({ icon, children, text, variant, className, }: BannerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=banner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../../src/components/banner/banner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAkB,MAAM,OAAO,CAAC;AAGvD;;;GAGG;AACH,eAAO,MAAM,uBAAuB,2EACsC,CAAC;AAE3E,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;CAiBvB,CAAC;AAEX,eAAO,MAAM,4BAA4B;;CAE/B,CAAC;AAGX,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,oBAAoB,CAAC,OAAO,CAAC;AAE1E,MAAM,WAAW,uBAAuB;IACtC,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAA8C,GAC/C,GAAE,uBAA4B,UAO9B;AAGD,oBAAY,aAAa;IACvB,OAAO,IAAA;IACP,KAAK,IAAA;IACL,KAAK,IAAA;CACN;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qFAAqF;IACrF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,OAA8C,EAC9C,SAAS,GACV,EAAE,WAAW,2CAYb"}

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

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

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

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

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

@@ -0,0 +1,43 @@
+import { PropsWithChildren } from 'react';
+export declare const KUMO_BREADCRUMBS_VARIANTS: {
+    readonly size: {
+        readonly sm: {
+            readonly classes: "text-sm h-10 gap-0.5";
+            readonly description: "Compact breadcrumbs for dense UIs";
+        };
+        readonly base: {
+            readonly classes: "text-base h-12 gap-1";
+            readonly description: "Default breadcrumbs size";
+        };
+    };
+};
+export declare const KUMO_BREADCRUMBS_DEFAULT_VARIANTS: {
+    readonly size: "base";
+};
+export type KumoBreadcrumbsSize = keyof typeof KUMO_BREADCRUMBS_VARIANTS.size;
+export interface KumoBreadcrumbsVariantsProps {
+    size?: KumoBreadcrumbsSize;
+}
+export declare function breadcrumbsVariants({ size, }?: KumoBreadcrumbsVariantsProps): string;
+export interface BreadcrumbsItemProps {
+    href: string;
+    icon?: React.ReactNode;
+}
+interface BreadcrumbsCurrentProps {
+    loading?: boolean;
+    icon?: React.ReactNode;
+}
+export interface BreadcrumbsProps extends PropsWithChildren, KumoBreadcrumbsVariantsProps {
+    className?: string;
+}
+export declare function Breadcrumb({ children, size, className, }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Breadcrumb {
+    var Link: ({ href, icon, children, }: PropsWithChildren<BreadcrumbsItemProps>) => import("react/jsx-runtime").JSX.Element;
+    var Current: ({ children, icon, loading, }: PropsWithChildren<BreadcrumbsCurrentProps>) => import("react/jsx-runtime").JSX.Element;
+    var Separator: () => import("react/jsx-runtime").JSX.Element;
+    var Clipboard: ({ text }: {
+        text: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+}
+export {};
+//# sourceMappingURL=breadcrumbs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/components/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAOpE,eAAO,MAAM,yBAAyB;;;;;;;;;;;CAW5B,CAAC;AAEX,eAAO,MAAM,iCAAiC;;CAEpC,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,yBAAyB,CAAC,IAAI,CAAC;AAE9E,MAAM,WAAW,4BAA4B;IAC3C,IAAI,CAAC,EAAE,mBAAmB,CAAC;CAC5B;AAED,wBAAgB,mBAAmB,CAAC,EAClC,IAA6C,GAC9C,GAAE,4BAAiC,UAKnC;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAoBD,UAAU,uBAAuB;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAmFD,MAAM,WAAW,gBACf,SAAQ,iBAAiB,EACvB,4BAA4B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,IAAa,EACb,SAAS,GACV,EAAE,gBAAgB,2CASlB;yBAbe,UAAU;0CA1GvB,iBAAiB,CAAC,oBAAoB,CAAC;gDAuBvC,iBAAiB,CAAC,uBAAuB,CAAC;;8BAqChB;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE"}

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

@@ -0,0 +1,2 @@
+export { Breadcrumb as Breadcrumbs, breadcrumbsVariants, KUMO_BREADCRUMBS_VARIANTS, KUMO_BREADCRUMBS_DEFAULT_VARIANTS, type BreadcrumbsProps, type KumoBreadcrumbsSize, type KumoBreadcrumbsVariantsProps, } from './breadcrumbs';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,IAAI,WAAW,EACzB,mBAAmB,EACnB,yBAAyB,EACzB,iCAAiC,EACjC,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACxB,KAAK,4BAA4B,GAClC,MAAM,eAAe,CAAC"}

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

@@ -0,0 +1,118 @@
+import { default as React } from 'react';
+import { Icon } from '@phosphor-icons/react';
+export declare const KUMO_BUTTON_VARIANTS: {
+    readonly shape: {
+        readonly base: {
+            readonly classes: "";
+            readonly description: "Default rectangular button shape";
+        };
+        readonly square: {
+            readonly classes: "items-center justify-center p-0";
+            readonly description: "Square button for icon-only actions";
+        };
+        readonly circle: {
+            readonly classes: "items-center justify-center p-0 rounded-full";
+            readonly description: "Circular button for icon-only actions";
+        };
+    };
+    readonly size: {
+        readonly xs: {
+            readonly classes: "h-5 gap-1 rounded-sm px-1.5 text-xs";
+            readonly description: "Extra small button for compact UIs";
+        };
+        readonly sm: {
+            readonly classes: "h-6.5 gap-1 rounded-md px-2 text-xs";
+            readonly description: "Small button for secondary actions";
+        };
+        readonly base: {
+            readonly classes: "h-9 gap-1.5 rounded-lg px-3 text-base";
+            readonly description: "Default button size";
+        };
+        readonly lg: {
+            readonly classes: "h-10 gap-2 rounded-lg px-4 text-base";
+            readonly description: "Large button for primary CTAs";
+        };
+    };
+    readonly compactSize: {
+        readonly xs: {
+            readonly classes: "size-3.5";
+        };
+        readonly sm: {
+            readonly classes: "size-6.5";
+        };
+        readonly base: {
+            readonly classes: "size-9";
+        };
+        readonly lg: {
+            readonly classes: "size-10";
+        };
+    };
+    readonly variant: {
+        readonly primary: {
+            readonly classes: "bg-kumo-brand !text-white hover:bg-kumo-brand-hover focus:bg-kumo-brand-hover disabled:bg-kumo-brand/50";
+            readonly description: "High-emphasis button for primary actions";
+        };
+        readonly secondary: {
+            readonly classes: "bg-kumo-control !text-kumo-default ring not-disabled:hover:border-secondary! not-disabled:hover:bg-kumo-control disabled:bg-kumo-control/50 disabled:!text-kumo-default/70 ring-kumo-line data-[state=open]:bg-kumo-control";
+            readonly description: "Default button style for most actions";
+        };
+        readonly ghost: {
+            readonly classes: "text-kumo-default hover:bg-kumo-tint shadow-none bg-inherit";
+            readonly description: "Minimal button with no background";
+        };
+        readonly destructive: {
+            readonly classes: "bg-kumo-danger !text-white hover:bg-kumo-danger/70";
+            readonly description: "Danger button for destructive actions like delete";
+        };
+        readonly "secondary-destructive": {
+            readonly classes: "bg-kumo-control !text-kumo-danger ring not-disabled:hover:border-secondary! not-disabled:hover:bg-kumo-control disabled:bg-kumo-control/50 disabled:!text-kumo-danger/70 ring-kumo-line data-[state=open]:bg-kumo-control";
+            readonly description: "Secondary button with destructive text for less prominent dangerous actions";
+        };
+        readonly outline: {
+            readonly classes: "bg-kumo-base text-kumo-default ring ring-kumo-line";
+            readonly description: "Bordered button with transparent background";
+        };
+    };
+};
+export declare const KUMO_BUTTON_DEFAULT_VARIANTS: {
+    readonly shape: "base";
+    readonly size: "base";
+    readonly variant: "secondary";
+};
+export type KumoButtonShape = keyof typeof KUMO_BUTTON_VARIANTS.shape;
+export type KumoButtonSize = keyof typeof KUMO_BUTTON_VARIANTS.size;
+export type KumoButtonVariant = keyof typeof KUMO_BUTTON_VARIANTS.variant;
+export interface KumoButtonVariantsProps {
+    shape?: KumoButtonShape;
+    size?: KumoButtonSize;
+    variant?: KumoButtonVariant;
+}
+export declare function buttonVariants({ variant, size, shape, }?: KumoButtonVariantsProps): string;
+export type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & KumoButtonVariantsProps & {
+    children?: React.ReactNode;
+    className?: string;
+    icon?: Icon | React.ReactNode;
+    loading?: boolean;
+};
+export type LinkButtonProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & KumoButtonVariantsProps & {
+    children?: React.ReactNode;
+    className?: string;
+    icon?: Icon | React.ReactNode;
+    external?: boolean;
+    linksExternal?: boolean;
+};
+export declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & KumoButtonVariantsProps & {
+    children?: React.ReactNode;
+    className?: string;
+    icon?: Icon | React.ReactNode;
+    loading?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+export declare const RefreshButton: ({ "aria-label": ariaLabel, loading, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LinkButton: React.ForwardRefExoticComponent<React.AnchorHTMLAttributes<HTMLAnchorElement> & KumoButtonVariantsProps & {
+    children?: React.ReactNode;
+    className?: string;
+    icon?: Icon | React.ReactNode;
+    external?: boolean;
+    linksExternal?: boolean;
+} & React.RefAttributes<HTMLAnchorElement>>;
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAmB,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAKnE,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqEvB,CAAC;AAEX,eAAO,MAAM,4BAA4B;;;;CAI/B,CAAC;AAGX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,oBAAoB,CAAC,KAAK,CAAC;AACtE,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,oBAAoB,CAAC,IAAI,CAAC;AACpE,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,oBAAoB,CAAC,OAAO,CAAC;AAE1E,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAA8C,EAC9C,IAAwC,EACxC,KAA0C,GAC3C,GAAE,uBAA4B,UAgB9B;AAUD,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GACrE,uBAAuB,GAAG;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GACzE,uBAAuB,GAAG;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEJ,eAAO,MAAM,MAAM;eAfJ,KAAK,CAAC,SAAS;gBACd,MAAM;WACX,IAAI,GAAG,KAAK,CAAC,SAAS;cACnB,OAAO;2CAgDpB,CAAC;AAIF,eAAO,MAAM,aAAa,GAAI,gDAI3B,WAAW,4CAWb,CAAC;AAEF,eAAO,MAAM,UAAU;eAhER,KAAK,CAAC,SAAS;gBACd,MAAM;WACX,IAAI,GAAG,KAAK,CAAC,SAAS;eAClB,OAAO;oBACF,OAAO;2CAmG1B,CAAC"}

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

@@ -0,0 +1,2 @@
+export { Button, RefreshButton, LinkButton, buttonVariants, type ButtonProps, type LinkButtonProps, } from './button';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,aAAa,EACb,UAAU,EACV,cAAc,EACd,KAAK,WAAW,EAChB,KAAK,eAAe,GACrB,MAAM,UAAU,CAAC"}

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

@@ -0,0 +1,167 @@
+import { ReactNode } from 'react';
+export declare const KUMO_CHECKBOX_VARIANTS: {
+    readonly variant: {
+        readonly default: {
+            readonly classes: "[&:focus-within>span]:ring-kumo-ring [&:hover>span]:ring-kumo-ring";
+            readonly description: "Default checkbox appearance";
+        };
+        readonly error: {
+            readonly classes: "[&>span]:ring-kumo-danger";
+            readonly description: "Error state for validation failures";
+        };
+    };
+};
+export declare const KUMO_CHECKBOX_DEFAULT_VARIANTS: {
+    readonly variant: "default";
+};
+export type KumoCheckboxVariant = keyof typeof KUMO_CHECKBOX_VARIANTS.variant;
+export interface KumoCheckboxVariantsProps {
+    variant?: KumoCheckboxVariant;
+}
+export declare function checkboxVariants({ variant, }?: KumoCheckboxVariantsProps): string;
+export type CheckboxVariant = KumoCheckboxVariant;
+/**
+ * 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?: (checked: boolean) => void;
+    /** @deprecated Use onCheckedChange instead */
+    onValueChange?: (checked: boolean) => void;
+    /** @deprecated Use onCheckedChange instead */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /** Click handler */
+    onClick?: (event: React.MouseEvent) => void;
+    /** 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>
+ * ```
+ */
+export interface CheckboxGroupProps {
+    /** Legend text for the group */
+    legend: string;
+    /** Child Checkbox.Item components */
+    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?: (checked: boolean) => void;
+    /** @deprecated Use onCheckedChange instead */
+    onValueChange?: (checked: boolean) => void;
+    name?: 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;
+};
+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, KUMO_CHECKBOX_VARIANTS, KUMO_CHECKBOX_DEFAULT_VARIANTS, type CheckboxProps, type CheckboxGroupProps, type CheckboxItemProps, type KumoCheckboxVariant, 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,aAAa,EAClB,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,38 @@
+export declare const KUMO_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 KUMO_CLIPBOARD_TEXT_DEFAULT_VARIANTS: {
+    readonly size: "lg";
+};
+export type KumoClipboardTextSize = keyof typeof KUMO_CLIPBOARD_TEXT_VARIANTS.size;
+export interface KumoClipboardTextVariantsProps {
+    size?: KumoClipboardTextSize;
+}
+export declare function clipboardTextVariants({ size, }?: KumoClipboardTextVariantsProps): string;
+export type ClipboardTextSize = KumoClipboardTextSize;
+export interface ClipboardTextProps extends KumoClipboardTextVariantsProps {
+    /** The text to display and copy to clipboard */
+    text: string;
+    /** Additional CSS classes */
+    className?: string;
+    /** Callback fired after text is copied */
+    onCopy?: () => void;
+}
+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":"AAMA,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;CAkB/B,CAAC;AAEX,eAAO,MAAM,oCAAoC;;CAEvC,CAAC;AAGX,MAAM,MAAM,qBAAqB,GAC/B,MAAM,OAAO,4BAA4B,CAAC,IAAI,CAAC;AAEjD,MAAM,WAAW,8BAA8B;IAC7C,IAAI,CAAC,EAAE,qBAAqB,CAAC;CAC9B;AAED,wBAAgB,qBAAqB,CAAC,EACpC,IAAgD,GACjD,GAAE,8BAAmC,UAOrC;AAGD,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,CAAC;AAEtD,MAAM,WAAW,kBAAmB,SAAQ,8BAA8B;IACxE,gDAAgD;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,+GA6FzB,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"}