@homonoid/react 0.0.0-stage → 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Homonoid
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,60 @@
-# Temporary Holding Version
+# @homonoid/react
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+The React implementation of the Homonoid design system built with tactile continuity and platform native performance.
+
+<br>
+
+### Prerequisites
+
+The component library targets React 19 and consumes design tokens from `@homonoid/tokens`:
+
+```bash
+npm install @homonoid/react @homonoid/tokens
+```
+
+<br>
+
+### Stylesheet Integration
+
+Import design tokens and component styles into your application root stylesheet or entry layout:
+
+```css
+@import "@homonoid/tokens/css";
+@import "@homonoid/react/styles.css";
+```
+
+<br>
+
+### Component Usage
+
+Import components directly from the package entry point:
+
+```tsx
+import { Button, Card, Input } from "@homonoid/react";
+
+export function Example() {
+  return (
+    <Card variant="surface" className="flex flex-col gap-4">
+      <Input placeholder="Enter username" />
+      <Button variant="primary">Submit</Button>
+    </Card>
+  );
+}
+```
+
+<br>
+
+### Utility Functions
+
+Modular utilities for conditional rendering and class merging are available as dedicated subpaths:
+
+```tsx
+import { cn } from "@homonoid/react/cn";
+import { condition } from "@homonoid/react/condition";
+```
+
+<br>
+
+### Design Principles
+
+Every component in Homonoid adheres to strict tactile continuity and dimensional stability during interactive transitions. Components consume styling exclusively from design tokens with zero hardcoded arbitrary values.

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

@@ -0,0 +1,10 @@
+import type { ButtonProps } from "./types";
+export declare const variants: (props?: ({
+    variant?: "contained" | "outlined" | "plain" | null | undefined;
+    color?: "primary" | "subtle" | "surface" | "destructive" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    radius?: "sm" | "md" | "lg" | "none" | "full" | null | undefined;
+    layout?: "full" | "inline" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const Button: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAiC3C,eAAO,MAAM,QAAQ;;;;;;8EA+CpB,CAAC;AAEF,eAAO,MAAM,MAAM,wHAiEjB,CAAC"}

package/dist/components/button/Button.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../../utils/cn";
+import { any, cond, when } from "../../utils/condition";
+import { Spinner } from "../spinner/Spinner";
+const PALETTES = {
+    primary: {
+        solid: "bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active aria-expanded:bg-primary-hover data-[state=open]:bg-primary-hover",
+        ghost: "text-primary hover:bg-subtle active:bg-subtle-active aria-expanded:bg-subtle data-[state=open]:bg-subtle",
+        border: "border-primary-border",
+    },
+    subtle: {
+        solid: "bg-subtle text-subtle-foreground hover:bg-subtle-hover active:bg-subtle-active aria-expanded:bg-subtle-hover data-[state=open]:bg-subtle-hover",
+        ghost: "text-subtle-foreground hover:bg-subtle-hover active:bg-subtle-active aria-expanded:bg-subtle-hover data-[state=open]:bg-subtle-hover",
+        border: "border-subtle-border",
+    },
+    surface: {
+        solid: "bg-surface text-surface-foreground hover:bg-surface-hover active:bg-surface-active aria-expanded:bg-surface-hover data-[state=open]:bg-surface-hover",
+        ghost: "text-surface-foreground hover:bg-surface-hover active:bg-surface-active aria-expanded:bg-surface-hover data-[state=open]:bg-surface-hover",
+        border: "border-border",
+    },
+    destructive: {
+        solid: "bg-destructive text-destructive-foreground hover:bg-destructive-hover active:bg-destructive-active aria-expanded:bg-destructive-hover data-[state=open]:bg-destructive-hover",
+        ghost: "text-destructive hover:bg-destructive-hover/5 active:bg-destructive-active/20 aria-expanded:bg-destructive-hover/5 data-[state=open]:bg-destructive-hover/5",
+        border: "border-destructive-border",
+    },
+};
+const compounds = Object.keys(PALETTES).flatMap((color) => [
+    { variant: "contained", color, className: PALETTES[color].solid },
+    { variant: "outlined", color, className: `${PALETTES[color].border} ${PALETTES[color].ghost}` },
+    { variant: "plain", color, className: PALETTES[color].ghost },
+]);
+export const variants = cva("relative inline-flex items-center justify-center font-medium select-none subpixel-antialiased overflow-hidden transition duration-[var(--motion-duration-normal)] ease-[var(--motion-easing)] active:scale-[var(--motion-press-scale)] aria-expanded:scale-[var(--motion-press-scale)] data-[state=open]:scale-[var(--motion-press-scale)] focus-ring cursor-pointer aria-expanded:cursor-default data-[state=open]:cursor-default disabled:opacity-50 disabled:pointer-events-none", {
+    variants: {
+        variant: {
+            contained: "",
+            outlined: "bg-transparent border",
+            plain: "bg-transparent",
+        },
+        color: {
+            primary: "",
+            subtle: "",
+            surface: "",
+            destructive: "",
+        },
+        size: {
+            sm: "h-control-sm px-3.5 gap-control-gap text-sm",
+            md: "h-control-md px-control-x gap-control-gap text-sm",
+            lg: "h-control-lg px-5 gap-control-gap text-base",
+        },
+        radius: {
+            none: "rounded-none",
+            sm: "rounded-md",
+            md: "rounded-lg",
+            lg: "rounded-xl",
+            full: "rounded-full",
+        },
+        layout: {
+            inline: "w-auto",
+            full: "w-full flex",
+            icon: "aspect-square p-0 shrink-0",
+        },
+    },
+    compoundVariants: [
+        { layout: "icon", size: "sm", className: "w-control-sm" },
+        { layout: "icon", size: "md", className: "w-control-md" },
+        { layout: "icon", size: "lg", className: "w-control-lg" },
+        ...compounds,
+    ],
+    defaultVariants: {
+        variant: "plain",
+        color: "primary",
+        size: "md",
+        radius: "full",
+        layout: "inline",
+    },
+});
+export const Button = forwardRef(function Button({ variant = "plain", color = "primary", size, radius = "full", layout, loading = false, disabled = false, leading, trailing, children, className, type = "button", ...props }, ref) {
+    const isDisabled = any(disabled, loading);
+    return (_jsxs("button", { ref: ref, type: type, disabled: isDisabled, "aria-busy": loading, "aria-disabled": isDisabled, className: cn(variants({ variant, color, size, radius, layout }), className), ...props, children: [_jsx("span", { "aria-hidden": !loading, className: cn("absolute inset-0 flex items-center justify-center transition-all duration-[var(--motion-duration-normal)] ease-[var(--motion-easing)]", cond(loading, "opacity-100 scale-100", "opacity-0 scale-90 pointer-events-none")), children: _jsx(Spinner, { size: cond(size === "lg", "md", "sm"), "aria-hidden": "true" }) }), _jsxs("span", { className: cn("inline-flex items-center gap-[inherit] transition-all duration-[var(--motion-duration-normal)] ease-[var(--motion-easing)]", cond(loading, "opacity-0 scale-95 pointer-events-none", "opacity-100 scale-100")), children: [when(leading, _jsx("span", { className: "inline-flex shrink-0", children: leading })), when(children, _jsx("span", { children: children })), when(trailing, _jsx("span", { className: "inline-flex shrink-0", children: trailing }))] })] }));
+});
+Button.displayName = "Button";
+//# sourceMappingURL=Button.js.map

package/dist/components/button/Button.js.map

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

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

@@ -0,0 +1,3 @@
+export { Button, variants } from "./Button";
+export type { ButtonProps, ButtonVariant, ButtonColor, ButtonSize, ButtonRadius, ButtonLayout } from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/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,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/button/index.js

@@ -0,0 +1,2 @@
+export { Button, variants } from "./Button";
+//# sourceMappingURL=index.js.map

package/dist/components/button/index.js.map

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

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

@@ -0,0 +1,65 @@
+import type { ButtonHTMLAttributes, ReactNode, Ref } from "react";
+import type { Variant, Color, Radius, Size } from "../../types";
+export type ButtonVariant = Variant;
+export type ButtonColor = Color;
+export type ButtonSize = Size;
+export type ButtonRadius = Radius;
+export type ButtonLayout = "inline" | "full" | "icon";
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Ref forwarded to the native button element.
+     */
+    ref?: Ref<HTMLButtonElement>;
+    /**
+     * Structural surface treatment.
+     * - `contained`: Solid background fill.
+     * - `outlined`: Transparent background with border outline.
+     * - `plain`: Flat plain text/icon button (no background, no border).
+     * @default "plain"
+     */
+    variant?: ButtonVariant;
+    /**
+     * Semantic color palette intent.
+     * - `primary`: Chroma brand primary.
+     * - `subtle`: Chroma subtle.
+     * - `surface`: Chroma surface.
+     * - `destructive`: Chroma destructive.
+     * @default "primary"
+     */
+    color?: ButtonColor;
+    /**
+     * Standard control scale size.
+     * @default "md"
+     */
+    size?: ButtonSize;
+    /**
+     * Corner radius curvature.
+     * - `none`: Flat square corners.
+     * - `sm`: Small rounded corners.
+     * - `md`: Medium rounded corners.
+     * - `lg`: Large rounded corners.
+     * - `full`: Capsule pill or circular corners.
+     * @default "full"
+     */
+    radius?: ButtonRadius;
+    /**
+     * Layout behavior and bounding frame.
+     * @default "inline"
+     */
+    layout?: ButtonLayout;
+    /**
+     * Whether the button is in a loading state.
+     * Preserves container geometry while morphing the label into a loading indicator.
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * An optional icon to display before the label.
+     */
+    leading?: ReactNode;
+    /**
+     * An optional icon to display after the label.
+     */
+    trailing?: ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEhE,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;AACpC,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC;AAChC,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC;AAC9B,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC;AAClC,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAEtD,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAE7B;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IAEpB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IAEtB;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IAEtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/dist/components/button/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/button/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/button/types.ts"],"names":[],"mappings":""}

package/dist/components/card/Card.d.ts

@@ -0,0 +1,9 @@
+import type { CardProps } from "./types";
+export declare const variants: (props?: ({
+    variant?: "outlined" | "filled" | null | undefined;
+    color?: "primary" | "subtle" | "surface" | "destructive" | null | undefined;
+    border?: boolean | null | undefined;
+    padding?: "surface" | "sm" | "md" | "lg" | "none" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const Card: import("react").ForwardRefExoticComponent<Omit<CardProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Card.d.ts.map

package/dist/components/card/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,QAAQ;;;;;8EA8CpB,CAAC;AAEF,eAAO,MAAM,IAAI,gHAsBf,CAAC"}

package/dist/components/card/Card.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../../utils/cn";
+export const variants = cva("rounded-3xl overflow-hidden transition-colors duration-[var(--motion-duration-fast)] ease-[var(--motion-easing)]", {
+    variants: {
+        variant: {
+            outlined: "bg-transparent",
+            filled: "",
+        },
+        color: {
+            primary: "text-primary-foreground",
+            subtle: "text-subtle-foreground",
+            surface: "text-foreground",
+            destructive: "text-destructive-foreground",
+        },
+        border: {
+            true: "border-[0.5px]",
+            false: "border-0",
+        },
+        padding: {
+            none: "p-0",
+            sm: "p-surface-sm",
+            md: "p-surface-md",
+            lg: "p-surface-lg",
+            surface: "p-surface",
+        },
+    },
+    compoundVariants: [
+        // Border colors when border is true
+        { border: true, color: "primary", className: "border-primary-border" },
+        { border: true, color: "subtle", className: "border-subtle-border" },
+        { border: true, color: "surface", className: "border-border" },
+        { border: true, color: "destructive", className: "border-destructive-border" },
+        // Fills when variant is filled
+        { variant: "filled", color: "primary", className: "bg-primary" },
+        { variant: "filled", color: "subtle", className: "bg-subtle" },
+        { variant: "filled", color: "surface", className: "bg-surface" },
+        { variant: "filled", color: "destructive", className: "bg-destructive" },
+    ],
+    defaultVariants: {
+        variant: "outlined",
+        color: "surface",
+        border: true,
+        padding: "surface",
+    },
+});
+export const Card = forwardRef(function Card({ as: Component = "div", variant, color, border, padding, className, children, ...props }, ref) {
+    return (_jsx(Component, { ref: ref, className: cn(variants({ variant, color, border, padding }), className), ...props, children: children }));
+});
+Card.displayName = "Card";
+//# sourceMappingURL=Card.js.map

package/dist/components/card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAGpC,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,kHAAkH,EAClH;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,QAAQ,EAAE,gBAAgB;YAC1B,MAAM,EAAE,EAAE;SACX;QACD,KAAK,EAAE;YACL,OAAO,EAAE,yBAAyB;YAClC,MAAM,EAAE,wBAAwB;YAChC,OAAO,EAAE,iBAAiB;YAC1B,WAAW,EAAE,6BAA6B;SAC3C;QACD,MAAM,EAAE;YACN,IAAI,EAAE,gBAAgB;YACtB,KAAK,EAAE,UAAU;SAClB;QACD,OAAO,EAAE;YACP,IAAI,EAAE,KAAK;YACX,EAAE,EAAE,cAAc;YAClB,EAAE,EAAE,cAAc;YAClB,EAAE,EAAE,cAAc;YAClB,OAAO,EAAE,WAAW;SACrB;KACF;IACD,gBAAgB,EAAE;QAChB,oCAAoC;QACpC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,uBAAuB,EAAE;QACtE,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,sBAAsB,EAAE;QACpE,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,eAAe,EAAE;QAC9D,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,2BAA2B,EAAE;QAE9E,+BAA+B;QAC/B,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE;QAChE,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE;QAC9D,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE;QAChE,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,gBAAgB,EAAE;KACzE;IACD,eAAe,EAAE;QACf,OAAO,EAAE,UAAU;QACnB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAyB,SAAS,IAAI,CAClE,EACE,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,OAAO,EACP,KAAK,EACL,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG;IAEH,OAAO,CACL,KAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KACnE,KAAK,YAER,QAAQ,GACC,CACb,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/dist/components/card/index.d.ts

@@ -0,0 +1,3 @@
+export { Card, variants as cardVariants } from "./Card";
+export type { CardProps, CardVariant, CardColor, CardPadding } from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/card/index.d.ts.map

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

package/dist/components/card/index.js

@@ -0,0 +1,2 @@
+export { Card, variants as cardVariants } from "./Card";
+//# sourceMappingURL=index.js.map

package/dist/components/card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/card/types.d.ts

@@ -0,0 +1,51 @@
+import type { ElementType, HTMLAttributes, ReactNode, Ref } from "react";
+export type CardVariant = "outlined" | "filled";
+export type CardColor = "surface" | "subtle" | "primary" | "destructive";
+export type CardPadding = "none" | "sm" | "md" | "lg" | "surface";
+export interface CardProps extends HTMLAttributes<HTMLElement> {
+    /**
+     * Ref forwarded to the underlying element.
+     */
+    ref?: Ref<HTMLElement>;
+    /**
+     * The polymorphic element type to render.
+     * @default "div"
+     */
+    as?: ElementType;
+    /**
+     * Visual surface styling variant.
+     * - `outlined`: Transparent background with optional border stroke.
+     * - `filled`: Solid surface background with optional border stroke.
+     * @default "outlined"
+     */
+    variant?: CardVariant;
+    /**
+     * Semantic color palette intent.
+     * - `surface`: Neutral background and border.
+     * - `subtle`: Low-contrast Chroma subtle tint and border.
+     * - `primary`: Chroma brand primary highlight.
+     * - `destructive`: Danger alert / error callout.
+     * @default "surface"
+     */
+    color?: CardColor;
+    /**
+     * Whether to display a hairline border stroke.
+     * @default true
+     */
+    border?: boolean;
+    /**
+     * Internal padding scale.
+     * - `none`: 0 padding
+     * - `sm`: Compact surface padding (p-surface-sm)
+     * - `md`: Medium surface padding (p-surface-md)
+     * - `lg`: Large surface padding (p-surface-lg)
+     * - `surface`: Standard token surface padding (p-surface)
+     * @default "surface"
+     */
+    padding?: CardPadding;
+    /**
+     * Card children content.
+     */
+    children?: ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/card/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/card/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEzE,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,QAAQ,CAAC;AAEhD,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,aAAa,CAAC;AAEzE,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;AAElE,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC5D;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IAEvB;;;OAGG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/dist/components/card/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/card/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/card/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,15 @@
+import { Label } from "../label/Label";
+import { Description } from "../description/Description";
+import { CheckboxControl } from "./CheckboxControl";
+import { CheckboxIndicator } from "./CheckboxIndicator";
+import { CheckboxContent } from "./CheckboxContent";
+import type { CheckboxProps } from "./types";
+export interface CheckboxComponent extends React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>> {
+    Control: typeof CheckboxControl;
+    Indicator: typeof CheckboxIndicator;
+    Content: typeof CheckboxContent;
+    Label: typeof Label;
+    Description: typeof Description;
+}
+export declare const Checkbox: CheckboxComponent;
+//# sourceMappingURL=Checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,yBAAyB,CACrC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CACtD;IACD,OAAO,EAAE,OAAO,eAAe,CAAC;IAChC,SAAS,EAAE,OAAO,iBAAiB,CAAC;IACpC,OAAO,EAAE,OAAO,eAAe,CAAC;IAChC,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,WAAW,EAAE,OAAO,WAAW,CAAC;CACjC;AAED,eAAO,MAAM,QAAQ,EAgKf,iBAAiB,CAAC"}

package/dist/components/checkbox/Checkbox.js

@@ -0,0 +1,91 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Children, forwardRef, isValidElement, useEffect, useId, useRef, useState, } from "react";
+import { cn } from "../../utils/cn";
+import { any, cond, when } from "../../utils/condition";
+import { Label } from "../label/Label";
+import { Description } from "../description/Description";
+import { CheckboxContext } from "./CheckboxContext";
+import { CheckboxControl } from "./CheckboxControl";
+import { CheckboxIndicator } from "./CheckboxIndicator";
+import { CheckboxContent } from "./CheckboxContent";
+export const Checkbox = forwardRef(function Checkbox({ size = "md", radius = "md", checked, defaultChecked = false, indeterminate = false, disabled = false, invalid = false, label, description, onChange, className, id, children, ...props }, ref) {
+    const generatedId = useId();
+    const inputId = id || generatedId;
+    const labelId = `${inputId}-label`;
+    const descriptionId = `${inputId}-desc`;
+    const innerRef = useRef(null);
+    const [internalChecked, setInternalChecked] = useState(Boolean(defaultChecked));
+    const isControlled = checked !== undefined;
+    const isIndeterminate = any(checked === "indeterminate", Boolean(indeterminate));
+    const isChecked = cond(isControlled, checked === true, internalChecked);
+    useEffect(() => {
+        if (innerRef.current) {
+            innerRef.current.indeterminate = isIndeterminate;
+        }
+    }, [isIndeterminate]);
+    const setRefs = (element) => {
+        innerRef.current = element;
+        if (typeof ref === "function") {
+            ref(element);
+        }
+        else if (ref) {
+            ref.current = element;
+        }
+    };
+    const handleChange = (event) => {
+        if (disabled)
+            return;
+        const nextChecked = event.target.checked;
+        if (!isControlled) {
+            setInternalChecked(nextChecked);
+        }
+        onChange?.(nextChecked);
+    };
+    const currentState = cond(isIndeterminate, "indeterminate", cond(isChecked, "checked", "unchecked"));
+    const hasTextContent = any(Boolean(label), Boolean(description));
+    const isStringLabel = typeof label === "string";
+    const finalAriaLabel = props["aria-label"] || (isStringLabel ? label : undefined);
+    const finalAriaLabelledBy = props["aria-labelledby"] || (!isStringLabel && Boolean(label) ? labelId : undefined);
+    const userDescribedBy = props["aria-describedby"];
+    const finalDescribedBy = cond(Boolean(userDescribedBy), cond(Boolean(description), `${userDescribedBy} ${descriptionId}`, userDescribedBy), cond(Boolean(description), descriptionId, undefined));
+    const inputProps = {
+        ...props,
+        "aria-label": finalAriaLabel,
+        "aria-labelledby": finalAriaLabelledBy,
+        "aria-describedby": finalDescribedBy,
+    };
+    const contextValue = {
+        isChecked,
+        isIndeterminate,
+        currentState,
+        disabled,
+        invalid,
+        size,
+        radius,
+        inputId,
+        labelId,
+        descriptionId,
+        inputRef: setRefs,
+        inputProps,
+        handleChange,
+    };
+    let hasControl = false;
+    Children.forEach(children, (child) => {
+        if (isValidElement(child)) {
+            const element = child;
+            const displayName = element.type?.displayName;
+            if (cond(element.type === CheckboxControl, true, displayName === "Checkbox.Control")) {
+                hasControl = true;
+            }
+        }
+    });
+    return (_jsx(CheckboxContext.Provider, { value: contextValue, children: _jsx("label", { htmlFor: inputId, className: cn("group inline-flex items-start gap-2.5 select-none w-fit", cond(disabled, "cursor-not-allowed opacity-60", "cursor-pointer"), className), children: cond(hasControl, children, cond(Boolean(children), _jsxs(_Fragment, { children: [_jsx(CheckboxControl, { children: _jsx(CheckboxIndicator, {}) }), _jsx(CheckboxContent, { children: _jsx(Label, { id: labelId, as: "span", size: size, children: children }) })] }), _jsxs(_Fragment, { children: [_jsx(CheckboxControl, { children: _jsx(CheckboxIndicator, {}) }), when(hasTextContent, _jsxs(CheckboxContent, { children: [when(label, _jsx(Label, { id: labelId, as: "span", size: size, children: label })), when(description, _jsx(Description, { id: descriptionId, as: "span", size: cond(size === "lg", "md", "sm"), children: description }))] }))] }))) }) }));
+});
+Checkbox.displayName = "Checkbox";
+Checkbox.Control = CheckboxControl;
+Checkbox.Indicator = CheckboxIndicator;
+Checkbox.Content = CheckboxContent;
+Checkbox.Label = Label;
+Checkbox.Description = Description;
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/checkbox/Checkbox.js.map

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

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

@@ -0,0 +1,4 @@
+import type { CheckboxContentProps } from "./types";
+export declare const checkboxContentVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const CheckboxContent: import("react").ForwardRefExoticComponent<CheckboxContentProps & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=CheckboxContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxContent.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/CheckboxContent.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,eAAO,MAAM,uBAAuB,oFAA2C,CAAC;AAEhF,eAAO,MAAM,eAAe,kHAY3B,CAAC"}

package/dist/components/checkbox/CheckboxContent.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../../utils/cn";
+export const checkboxContentVariants = cva("flex flex-col gap-0.5 select-none");
+export const CheckboxContent = forwardRef(function CheckboxContent({ className, children, ...props }, ref) {
+    return (_jsx("span", { ref: ref, className: cn(checkboxContentVariants(), className), ...props, children: children }));
+});
+CheckboxContent.displayName = "Checkbox.Content";
+//# sourceMappingURL=CheckboxContent.js.map

package/dist/components/checkbox/CheckboxContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxContent.js","sourceRoot":"","sources":["../../../src/components/checkbox/CheckboxContent.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAGpC,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAC,mCAAmC,CAAC,CAAC;AAEhF,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACvC,SAAS,eAAe,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC7D,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,EAAE,SAAS,CAAC,KAC/C,KAAK,YAER,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

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

@@ -0,0 +1,20 @@
+import { type ChangeEvent } from "react";
+import type { CheckboxRadius, CheckboxSize } from "./types";
+export interface CheckboxContextValue {
+    isChecked: boolean;
+    isIndeterminate: boolean;
+    currentState: "unchecked" | "checked" | "indeterminate";
+    disabled: boolean;
+    invalid: boolean;
+    size: CheckboxSize;
+    radius: CheckboxRadius;
+    inputId: string;
+    labelId: string;
+    descriptionId: string;
+    inputRef: (element: HTMLInputElement | null) => void;
+    inputProps: Record<string, unknown>;
+    handleChange: (event: ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const CheckboxContext: import("react").Context<CheckboxContextValue | null>;
+export declare function useCheckboxContext(): CheckboxContextValue;
+//# sourceMappingURL=CheckboxContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxContext.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/CheckboxContext.ts"],"names":[],"mappings":"AAEA,OAAO,EAA6B,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5D,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,WAAW,GAAG,SAAS,GAAG,eAAe,CAAC;IACxD,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,EAAE,cAAc,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,YAAY,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC9D;AAED,eAAO,MAAM,eAAe,sDAAmD,CAAC;AAEhF,wBAAgB,kBAAkB,IAAI,oBAAoB,CAQzD"}