@homonoid/react 0.0.0-stage → 0.1.0

package/dist/components/switch/SwitchControl.js

@@ -0,0 +1,61 @@
+"use client";
+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 { cond } from "../../utils/condition";
+import { useSwitchContext } from "./SwitchContext";
+import { SwitchThumb } from "./SwitchThumb";
+export const trackVariants = cva("relative inline-flex items-center shrink-0 select-none transition duration-[var(--motion-duration-normal)] ease-[var(--motion-easing)] active:scale-[var(--motion-press-scale)] peer-active:scale-[var(--motion-press-scale)] group-active:scale-[var(--motion-press-scale)] focus-ring", {
+    variants: {
+        size: {
+            sm: "w-8 h-5 p-0.5",
+            md: "w-11 h-6 p-0.5",
+            lg: "w-14 h-8 p-1",
+        },
+        radius: {
+            none: "rounded-none",
+            sm: "rounded-sm",
+            md: "rounded-md",
+            lg: "rounded-lg",
+            full: "rounded-full",
+        },
+        checked: {
+            true: "bg-primary",
+            false: "bg-muted/20 ring-1 ring-inset ring-border hover:bg-muted/30",
+        },
+        invalid: {
+            true: "ring-1 ring-inset ring-destructive",
+            false: "",
+        },
+        disabled: {
+            true: "opacity-50 cursor-not-allowed pointer-events-none active:scale-100 peer-active:scale-100 group-active:scale-100",
+            false: "cursor-pointer",
+        },
+    },
+    compoundVariants: [
+        {
+            invalid: true,
+            checked: true,
+            className: "bg-destructive ring-1 ring-inset ring-destructive",
+        },
+        {
+            invalid: true,
+            checked: false,
+            className: "bg-destructive/10 ring-1 ring-inset ring-destructive hover:bg-destructive/15",
+        },
+    ],
+    defaultVariants: {
+        size: "md",
+        radius: "full",
+        checked: false,
+        invalid: false,
+        disabled: false,
+    },
+});
+export const SwitchControl = forwardRef(function SwitchControl({ className, children, ...props }, ref) {
+    const { inputId, isChecked, disabled, invalid, size, radius, inputRef, inputProps, handleChange, } = useSwitchContext();
+    return (_jsxs("span", { ref: ref, className: cn("relative shrink-0 inline-flex items-center", className), ...props, children: [_jsx("input", { ref: inputRef, id: inputId, type: "checkbox", role: "switch", checked: isChecked, disabled: disabled, "aria-invalid": invalid, onChange: handleChange, className: cn("peer absolute inset-0 w-full h-full opacity-0 z-10 m-0 p-0 rounded-[inherit]", cond(disabled, "cursor-not-allowed", "cursor-pointer")), ...inputProps }), _jsx("span", { "aria-hidden": "true", className: cn(trackVariants({ size, radius, checked: isChecked, invalid, disabled }), cond(invalid, "peer-focus-visible:ring-2 peer-focus-visible:ring-destructive/50", "peer-focus-visible:ring-2 peer-focus-visible:ring-primary/50")), children: cond(Boolean(children), children, _jsx(SwitchThumb, {})) })] }));
+});
+SwitchControl.displayName = "Switch.Control";
+//# sourceMappingURL=SwitchControl.js.map

package/dist/components/switch/SwitchControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchControl.js","sourceRoot":"","sources":["../../../src/components/switch/SwitchControl.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;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,yRAAyR,EACzR;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,eAAe;YACnB,EAAE,EAAE,gBAAgB;YACpB,EAAE,EAAE,cAAc;SACnB;QACD,MAAM,EAAE;YACN,IAAI,EAAE,cAAc;YACpB,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;YAChB,IAAI,EAAE,cAAc;SACrB;QACD,OAAO,EAAE;YACP,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,6DAA6D;SACrE;QACD,OAAO,EAAE;YACP,IAAI,EAAE,oCAAoC;YAC1C,KAAK,EAAE,EAAE;SACV;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,iHAAiH;YACvH,KAAK,EAAE,gBAAgB;SACxB;KACF;IACD,gBAAgB,EAAE;QAChB;YACE,OAAO,EAAE,IAAI;YACb,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,mDAAmD;SAC/D;QACD;YACE,OAAO,EAAE,IAAI;YACb,OAAO,EAAE,KAAK;YACd,SAAS,EAAE,8EAA8E;SAC1F;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,KAAK;QACd,OAAO,EAAE,KAAK;QACd,QAAQ,EAAE,KAAK;KAChB;CACF,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,SAAS,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC3D,MAAM,EACJ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,UAAU,EACV,YAAY,GACb,GAAG,gBAAgB,EAAE,CAAC;IAEvB,OAAO,CACL,gBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,4CAA4C,EAAE,SAAS,CAAC,KAClE,KAAK,aAET,gBACE,GAAG,EAAE,QAAQ,EACb,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,QAAQ,kBACJ,OAAO,EACrB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,EAAE,CACX,8EAA8E,EAC9E,IAAI,CAAC,QAAQ,EAAE,oBAAoB,EAAE,gBAAgB,CAAC,CACvD,KACG,UAAU,GACd,EACF,8BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,aAAa,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EACtE,IAAI,CACF,OAAO,EACP,kEAAkE,EAClE,8DAA8D,CAC/D,CACF,YAEA,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAC,WAAW,KAAG,CAAC,GAC9C,IACF,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/components/switch/SwitchThumb.d.ts

@@ -0,0 +1,7 @@
+import type { SwitchThumbProps } from "./types";
+export declare const thumbVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    checked?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const SwitchThumb: import("react").ForwardRefExoticComponent<SwitchThumbProps & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=SwitchThumb.d.ts.map

package/dist/components/switch/SwitchThumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchThumb.d.ts","sourceRoot":"","sources":["../../../src/components/switch/SwitchThumb.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,aAAa;;;8EAoCzB,CAAC;AAEF,eAAO,MAAM,WAAW,8GAkBvB,CAAC"}

package/dist/components/switch/SwitchThumb.js

@@ -0,0 +1,46 @@
+"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";
+import { useSwitchContext } from "./SwitchContext";
+export const thumbVariants = cva("pointer-events-none inline-flex items-center justify-center shrink-0 rounded-[inherit] bg-primary-foreground text-foreground shadow-xs transition-transform duration-[var(--motion-duration-normal)] ease-[var(--motion-easing)] transform-gpu select-none", {
+    variants: {
+        size: {
+            sm: "w-4 h-4",
+            md: "w-5 h-5",
+            lg: "w-6 h-6",
+        },
+        checked: {
+            true: "",
+            false: "translate-x-0",
+        },
+    },
+    compoundVariants: [
+        {
+            size: "sm",
+            checked: true,
+            className: "translate-x-3",
+        },
+        {
+            size: "md",
+            checked: true,
+            className: "translate-x-5",
+        },
+        {
+            size: "lg",
+            checked: true,
+            className: "translate-x-6",
+        },
+    ],
+    defaultVariants: {
+        size: "md",
+        checked: false,
+    },
+});
+export const SwitchThumb = forwardRef(function SwitchThumb({ className, children, ...props }, ref) {
+    const { isChecked, size } = useSwitchContext();
+    return (_jsx("span", { ref: ref, "aria-hidden": "true", className: cn(thumbVariants({ size, checked: isChecked }), className), ...props, children: children }));
+});
+SwitchThumb.displayName = "Switch.Thumb";
+//# sourceMappingURL=SwitchThumb.js.map

package/dist/components/switch/SwitchThumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchThumb.js","sourceRoot":"","sources":["../../../src/components/switch/SwitchThumb.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;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGnD,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,4PAA4P,EAC5P;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;SACd;QACD,OAAO,EAAE;YACP,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,eAAe;SACvB;KACF;IACD,gBAAgB,EAAE;QAChB;YACE,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,eAAe;SAC3B;QACD;YACE,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,eAAe;SAC3B;QACD;YACE,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,eAAe;SAC3B;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,KAAK;KACf;CACF,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACzD,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAE/C,OAAO,CACL,eACE,GAAG,EAAE,GAAG,iBACI,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,aAAa,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAC3C,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC"}

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

@@ -0,0 +1,7 @@
+export * from "./types";
+export * from "./Switch";
+export * from "./SwitchControl";
+export * from "./SwitchThumb";
+export * from "./SwitchContent";
+export * from "./SwitchContext";
+//# sourceMappingURL=index.d.ts.map

package/dist/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,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC"}

package/dist/components/switch/index.js

@@ -0,0 +1,7 @@
+export * from "./types";
+export * from "./Switch";
+export * from "./SwitchControl";
+export * from "./SwitchThumb";
+export * from "./SwitchContent";
+export * from "./SwitchContext";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC"}

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

@@ -0,0 +1,77 @@
+import type { HTMLAttributes, InputHTMLAttributes, ReactNode, Ref } from "react";
+import type { Radius, Size } from "../../types";
+export type SwitchSize = Size;
+export type SwitchRadius = Radius;
+export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "checked"> {
+    /**
+     * Ref forwarded to the underlying native input element.
+     */
+    ref?: Ref<HTMLInputElement>;
+    /**
+     * Standard control scale size.
+     * - `sm`: Track 28px × 16px, Thumb 12px
+     * - `md`: Track 44px × 24px, Thumb 20px
+     * - `lg`: Track 56px × 32px, Thumb 24px
+     * @default "md"
+     */
+    size?: SwitchSize;
+    /**
+     * Corner radius curvature of the track and thumb.
+     * - `none`: Sharp rectilinear corners (`rounded-none`).
+     * - `sm`: Small rounded corners (`rounded-sm`).
+     * - `md`: Medium rounded corners (`rounded-md`).
+     * - `lg`: Large rounded corners (`rounded-lg`).
+     * - `full`: Standard pill capsule (`rounded-full`).
+     * @default "full"
+     */
+    radius?: SwitchRadius;
+    /**
+     * Controlled checked state.
+     */
+    checked?: boolean;
+    /**
+     * Default checked state for uncontrolled mode.
+     * @default false
+     */
+    defaultChecked?: boolean;
+    /**
+     * Whether the switch is in an invalid / validation error state.
+     * @default false
+     */
+    invalid?: boolean;
+    /**
+     * Optional textual label rendered alongside the switch control.
+     */
+    label?: ReactNode;
+    /**
+     * Optional secondary description rendered beneath the label.
+     */
+    description?: ReactNode;
+    /**
+     * Callback invoked when the checked state toggles.
+     */
+    onChange?: (checked: boolean) => void;
+    /**
+     * Compound child elements or custom layout.
+     */
+    children?: ReactNode;
+}
+export interface SwitchControlProps extends HTMLAttributes<HTMLSpanElement> {
+    /**
+     * Optional content inside the track capsule, such as Switch.Thumb.
+     */
+    children?: ReactNode;
+}
+export interface SwitchThumbProps extends HTMLAttributes<HTMLSpanElement> {
+    /**
+     * Optional icon or glyph centered inside the sliding thumb.
+     */
+    children?: ReactNode;
+}
+export interface SwitchContentProps extends HTMLAttributes<HTMLSpanElement> {
+    /**
+     * Content grouping elements, such as Label and Description.
+     */
+    children?: ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/switch/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC;AAC9B,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC;AAElC,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAAC;IACpF;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAE5B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IAEtB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,eAAe,CAAC;IACzE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,eAAe,CAAC;IACvE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,eAAe,CAAC;IACzE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/dist/components/switch/types.js

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

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

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

package/dist/components/tile/Tile.d.ts

@@ -0,0 +1,24 @@
+import { Label } from "../label/Label";
+import { Description } from "../description/Description";
+import { TileLeading } from "./TileLeading";
+import { TileContent } from "./TileContent";
+import { TileTrailing } from "./TileTrailing";
+import type { TileProps } 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;
+    interactive?: boolean | null | undefined;
+    selected?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface TileComponent extends React.ForwardRefExoticComponent<TileProps & React.RefAttributes<HTMLElement>> {
+    Leading: typeof TileLeading;
+    Content: typeof TileContent;
+    Trailing: typeof TileTrailing;
+    Label: typeof Label;
+    Description: typeof Description;
+}
+export declare const Tile: TileComponent;
+//# sourceMappingURL=Tile.d.ts.map

package/dist/components/tile/Tile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../src/components/tile/Tile.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,QAAQ;;;;;;;;8EA+IpB,CAAC;AAEF,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,yBAAyB,CACrC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAC7C;IACD,OAAO,EAAE,OAAO,WAAW,CAAC;IAC5B,OAAO,EAAE,OAAO,WAAW,CAAC;IAC5B,QAAQ,EAAE,OAAO,YAAY,CAAC;IAC9B,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,WAAW,EAAE,OAAO,WAAW,CAAC;CACjC;AAED,eAAO,MAAM,IAAI,EAmHA,aAAa,CAAC"}

package/dist/components/tile/Tile.js

@@ -0,0 +1,196 @@
+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 { Label } from "../label/Label";
+import { Description } from "../description/Description";
+import { TileLeading } from "./TileLeading";
+import { TileContent } from "./TileContent";
+import { TileTrailing } from "./TileTrailing";
+export const variants = cva("relative flex w-full items-center text-left select-none subpixel-antialiased overflow-hidden", {
+    variants: {
+        variant: {
+            plain: "bg-transparent",
+            contained: "",
+            outlined: "bg-transparent border-[0.5px]"
+        },
+        color: {
+            surface: "text-foreground",
+            subtle: "text-subtle-foreground",
+            primary: "text-primary",
+            destructive: "text-destructive"
+        },
+        size: {
+            sm: "min-h-control-sm px-3 py-1.5 gap-2.5 text-xs",
+            md: "min-h-control-md px-3.5 py-2.5 gap-3 text-sm",
+            lg: "min-h-control-lg px-4 py-3.5 gap-3.5 text-base"
+        },
+        radius: {
+            none: "rounded-none",
+            sm: "rounded-md",
+            md: "rounded-lg",
+            lg: "rounded-xl",
+            full: "rounded-full"
+        },
+        interactive: {
+            true: "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 disabled:opacity-50 disabled:pointer-events-none aria-disabled:opacity-50 aria-disabled:pointer-events-none",
+            false: ""
+        },
+        selected: {
+            true: "",
+            false: ""
+        },
+        disabled: {
+            true: "opacity-40 text-muted pointer-events-none cursor-not-allowed aria-disabled:opacity-40 aria-disabled:text-muted",
+            false: ""
+        }
+    },
+    compoundVariants: [
+        // Plain Interactive
+        {
+            variant: "plain",
+            color: "surface",
+            interactive: true,
+            className: "text-foreground hover:bg-surface-hover active:bg-surface-active focus:bg-surface-hover aria-expanded:bg-surface-hover data-[state=open]:bg-surface-hover"
+        },
+        {
+            variant: "plain",
+            color: "subtle",
+            interactive: true,
+            className: "text-subtle-foreground hover:bg-subtle-hover active:bg-subtle-active focus:bg-subtle-hover aria-expanded:bg-subtle-hover data-[state=open]:bg-subtle-hover"
+        },
+        {
+            variant: "plain",
+            color: "primary",
+            interactive: true,
+            className: "text-primary hover:bg-subtle active:bg-subtle-active focus:bg-subtle aria-expanded:bg-subtle data-[state=open]:bg-subtle"
+        },
+        {
+            variant: "plain",
+            color: "destructive",
+            interactive: true,
+            className: "text-destructive hover:bg-destructive-hover/5 active:bg-destructive-active/20 focus:bg-destructive-hover/5 aria-expanded:bg-destructive-hover/5 data-[state=open]:bg-destructive-hover/5"
+        },
+        // Contained Variants (Solid fills matching Button)
+        {
+            variant: "contained",
+            color: "surface",
+            className: "bg-surface text-foreground hover:bg-surface-hover active:bg-surface-active focus:bg-surface-hover aria-expanded:bg-surface-hover data-[state=open]:bg-surface-hover"
+        },
+        {
+            variant: "contained",
+            color: "subtle",
+            className: "bg-subtle text-subtle-foreground hover:bg-subtle-hover active:bg-subtle-active focus:bg-subtle-hover aria-expanded:bg-subtle-hover data-[state=open]:bg-subtle-hover"
+        },
+        {
+            variant: "contained",
+            color: "primary",
+            className: "bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active focus:bg-primary-hover aria-expanded:bg-primary-hover data-[state=open]:bg-primary-hover"
+        },
+        {
+            variant: "contained",
+            color: "destructive",
+            className: "bg-destructive text-destructive-foreground hover:bg-destructive-hover active:bg-destructive-active focus:bg-destructive-hover aria-expanded:bg-destructive-hover data-[state=open]:bg-destructive-hover"
+        },
+        // Outlined Variants (Transparent + Border matching Button)
+        {
+            variant: "outlined",
+            color: "surface",
+            className: "border-border text-foreground hover:bg-surface-hover active:bg-surface-active focus:bg-surface-hover aria-expanded:bg-surface-hover data-[state=open]:bg-surface-hover"
+        },
+        {
+            variant: "outlined",
+            color: "subtle",
+            className: "border-subtle-border text-subtle-foreground hover:bg-subtle-hover active:bg-subtle-active focus:bg-subtle-hover aria-expanded:bg-subtle-hover data-[state=open]:bg-subtle-hover"
+        },
+        {
+            variant: "outlined",
+            color: "primary",
+            className: "border-primary-border text-primary hover:bg-subtle active:bg-subtle-active focus:bg-subtle aria-expanded:bg-subtle data-[state=open]:bg-subtle"
+        },
+        {
+            variant: "outlined",
+            color: "destructive",
+            className: "border-destructive-border text-destructive hover:bg-destructive-hover/5 active:bg-destructive-active/20 focus:bg-destructive-hover/5 aria-expanded:bg-destructive-hover/5 data-[state=open]:bg-destructive-hover/5"
+        },
+        // Selected states
+        {
+            selected: true,
+            color: "surface",
+            className: "bg-surface-hover font-medium"
+        },
+        {
+            selected: true,
+            color: "subtle",
+            className: "bg-subtle-hover font-medium"
+        },
+        {
+            selected: true,
+            color: "primary",
+            className: "bg-subtle-active font-medium"
+        },
+        {
+            selected: true,
+            color: "destructive",
+            className: "bg-destructive-hover/10 font-medium"
+        }
+    ],
+    defaultVariants: {
+        variant: "plain",
+        color: "surface",
+        size: "md",
+        radius: "lg",
+        interactive: true,
+        selected: false,
+        disabled: false
+    }
+});
+export const Tile = forwardRef(function Tile({ as, variant = "plain", color = "surface", size = "md", radius = "lg", interactive, selected = false, disabled = false, leading, label, title, description, trailing, className, children, onClick, onKeyDown, ...props }, ref) {
+    const isInteractive = cond(interactive !== undefined, Boolean(interactive), any(Boolean(onClick), Boolean(props.href)));
+    const defaultTag = cond(isInteractive, "button", "div");
+    const Component = as || defaultTag;
+    const isNativeButton = Component === "button";
+    const handleKeyDown = (event) => {
+        if (onKeyDown) {
+            onKeyDown(event);
+        }
+        if (any(disabled, event.defaultPrevented, isNativeButton))
+            return;
+        if (any(event.key === "Enter", event.key === " ")) {
+            if (event.key === " ") {
+                event.preventDefault();
+            }
+            event.currentTarget.click();
+        }
+    };
+    const interactiveAttributes = cond(isInteractive, cond(isNativeButton, {
+        type: "button",
+        disabled,
+        "aria-disabled": cond(disabled, true, undefined),
+        "aria-selected": cond(selected, true, undefined)
+    }, {
+        role: "button",
+        tabIndex: cond(disabled, -1, 0),
+        "aria-disabled": cond(disabled, true, undefined),
+        "aria-selected": cond(selected, true, undefined)
+    }), {});
+    const labelContent = label || title;
+    const hasTextContent = any(labelContent, description);
+    return (_jsxs(Component, { ref: ref, className: cn(variants({
+            variant,
+            color,
+            size,
+            radius,
+            interactive: isInteractive,
+            selected,
+            disabled
+        }), className), onClick: cond(disabled, undefined, onClick), onKeyDown: handleKeyDown, ...interactiveAttributes, ...props, children: [when(leading, _jsx(TileLeading, { children: leading })), when(hasTextContent, _jsxs(TileContent, { children: [when(labelContent, _jsx(Label, { as: "span", size: size, className: "truncate text-inherit", children: labelContent })), when(description, _jsx(Description, { as: "span", size: cond(size === "lg", "md", "sm"), className: "line-clamp-2 text-inherit opacity-80", children: description }))] })), when(children, children), when(trailing, _jsx(TileTrailing, { children: trailing }))] }));
+});
+Tile.displayName = "Tile";
+Tile.Leading = TileLeading;
+Tile.Content = TileContent;
+Tile.Trailing = TileTrailing;
+Tile.Label = Label;
+Tile.Description = Description;
+//# sourceMappingURL=Tile.js.map

package/dist/components/tile/Tile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tile.js","sourceRoot":"","sources":["../../../src/components/tile/Tile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,8FAA8F,EAC9F;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,KAAK,EAAE,gBAAgB;YACvB,SAAS,EAAE,EAAE;YACb,QAAQ,EAAE,+BAA+B;SAC1C;QACD,KAAK,EAAE;YACL,OAAO,EAAE,iBAAiB;YAC1B,MAAM,EAAE,wBAAwB;YAChC,OAAO,EAAE,cAAc;YACvB,WAAW,EAAE,kBAAkB;SAChC;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,8CAA8C;YAClD,EAAE,EAAE,8CAA8C;YAClD,EAAE,EAAE,gDAAgD;SACrD;QACD,MAAM,EAAE;YACN,IAAI,EAAE,cAAc;YACpB,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;YAChB,IAAI,EAAE,cAAc;SACrB;QACD,WAAW,EAAE;YACX,IAAI,EAAE,oWAAoW;YAC1W,KAAK,EAAE,EAAE;SACV;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,EAAE;SACV;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,gHAAgH;YACtH,KAAK,EAAE,EAAE;SACV;KACF;IACD,gBAAgB,EAAE;QAChB,oBAAoB;QACpB;YACE,OAAO,EAAE,OAAO;YAChB,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,IAAI;YACjB,SAAS,EAAE,0JAA0J;SACtK;QACD;YACE,OAAO,EAAE,OAAO;YAChB,KAAK,EAAE,QAAQ;YACf,WAAW,EAAE,IAAI;YACjB,SAAS,EAAE,4JAA4J;SACxK;QACD;YACE,OAAO,EAAE,OAAO;YAChB,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,IAAI;YACjB,SAAS,EAAE,0HAA0H;SACtI;QACD;YACE,OAAO,EAAE,OAAO;YAChB,KAAK,EAAE,aAAa;YACpB,WAAW,EAAE,IAAI;YACjB,SAAS,EAAE,0LAA0L;SACtM;QAED,mDAAmD;QACnD;YACE,OAAO,EAAE,WAAW;YACpB,KAAK,EAAE,SAAS;YAChB,SAAS,EAAE,qKAAqK;SACjL;QACD;YACE,OAAO,EAAE,WAAW;YACpB,KAAK,EAAE,QAAQ;YACf,SAAS,EAAE,sKAAsK;SAClL;QACD;YACE,OAAO,EAAE,WAAW;YACpB,KAAK,EAAE,SAAS;YAChB,SAAS,EAAE,6KAA6K;SACzL;QACD;YACE,OAAO,EAAE,WAAW;YACpB,KAAK,EAAE,aAAa;YACpB,SAAS,EAAE,yMAAyM;SACrN;QAED,2DAA2D;QAC3D;YACE,OAAO,EAAE,UAAU;YACnB,KAAK,EAAE,SAAS;YAChB,SAAS,EAAE,wKAAwK;SACpL;QACD;YACE,OAAO,EAAE,UAAU;YACnB,KAAK,EAAE,QAAQ;YACf,SAAS,EAAE,iLAAiL;SAC7L;QACD;YACE,OAAO,EAAE,UAAU;YACnB,KAAK,EAAE,SAAS;YAChB,SAAS,EAAE,gJAAgJ;SAC5J;QACD;YACE,OAAO,EAAE,UAAU;YACnB,KAAK,EAAE,aAAa;YACpB,SAAS,EAAE,oNAAoN;SAChO;QAED,kBAAkB;QAClB;YACE,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,SAAS;YAChB,SAAS,EAAE,8BAA8B;SAC1C;QACD;YACE,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,QAAQ;YACf,SAAS,EAAE,6BAA6B;SACzC;QACD;YACE,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,SAAS;YAChB,SAAS,EAAE,8BAA8B;SAC1C;QACD;YACE,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,aAAa;YACpB,SAAS,EAAE,qCAAqC;SACjD;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,IAAI;QACZ,WAAW,EAAE,IAAI;QACjB,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,KAAK;KAChB;CACF,CACF,CAAC;AAaF,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAyB,SAAS,IAAI,CAClE,EACE,EAAE,EACF,OAAO,GAAG,OAAO,EACjB,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,IAAI,EACX,MAAM,GAAG,IAAI,EACb,WAAW,EACX,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,KAAK,EACL,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,aAAa,GAAG,IAAI,CACxB,WAAW,KAAK,SAAS,EACzB,OAAO,CAAC,WAAW,CAAC,EACpB,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO,CAAE,KAA2B,CAAC,IAAI,CAAC,CAAC,CAClE,CAAC;IAEF,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;IACxD,MAAM,SAAS,GAAG,EAAE,IAAI,UAAU,CAAC;IACnC,MAAM,cAAc,GAAG,SAAS,KAAK,QAAQ,CAAC;IAE9C,MAAM,aAAa,GAAG,CAAC,KAAiC,EAAE,EAAE;QAC1D,IAAI,SAAS,EAAE,CAAC;YACd,SAAS,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;QACD,IAAI,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,gBAAgB,EAAE,cAAc,CAAC;YAAE,OAAO;QAClE,IAAI,GAAG,CAAC,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC;YAClD,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBACtB,KAAK,CAAC,cAAc,EAAE,CAAC;YACzB,CAAC;YACA,KAAK,CAAC,aAA6B,CAAC,KAAK,EAAE,CAAC;QAC/C,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,IAAI,CAChC,aAAa,EACb,IAAI,CACF,cAAc,EACd;QACE,IAAI,EAAE,QAAiB;QACvB,QAAQ;QACR,eAAe,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,SAAS,CAAC;QAChD,eAAe,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,SAAS,CAAC;KACjD,EACD;QACE,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QAC/B,eAAe,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,SAAS,CAAC;QAChD,eAAe,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,SAAS,CAAC;KACjD,CACF,EACD,EAAE,CACH,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,IAAI,KAAK,CAAC;IACpC,MAAM,cAAc,GAAG,GAAG,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;IAEtD,OAAO,CACL,MAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,QAAQ,CAAC;YACP,OAAO;YACP,KAAK;YACL,IAAI;YACJ,MAAM;YACN,WAAW,EAAE,aAAa;YAC1B,QAAQ;YACR,QAAQ;SACT,CAAC,EACF,SAAS,CACV,EACD,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC,EAC3C,SAAS,EAAE,aAAa,KACpB,qBAAqB,KACrB,KAAK,aAER,IAAI,CAAC,OAAO,EAAE,KAAC,WAAW,cAAE,OAAO,GAAe,CAAC,EACnD,IAAI,CACH,cAAc,EACd,MAAC,WAAW,eACT,IAAI,CACH,YAAY,EACZ,KAAC,KAAK,IAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,uBAAuB,YAC3D,YAAY,GACP,CACT,EACA,IAAI,CACH,WAAW,EACX,KAAC,WAAW,IACV,EAAE,EAAC,MAAM,EACT,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EACrC,SAAS,EAAC,sCAAsC,YAE/C,WAAW,GACA,CACf,IACW,CACf,EACA,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,EACxB,IAAI,CAAC,QAAQ,EAAE,KAAC,YAAY,cAAE,QAAQ,GAAgB,CAAC,IAC9C,CACb,CAAC;AACJ,CAAC,CAA6B,CAAC;AAE/B,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAC1B,IAAI,CAAC,OAAO,GAAG,WAAW,CAAC;AAC3B,IAAI,CAAC,OAAO,GAAG,WAAW,CAAC;AAC3B,IAAI,CAAC,QAAQ,GAAG,YAAY,CAAC;AAC7B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;AACnB,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/dist/components/tile/TileContent.d.ts

@@ -0,0 +1,3 @@
+import type { TileContentProps } from "./types";
+export declare const TileContent: import("react").ForwardRefExoticComponent<Omit<TileContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=TileContent.d.ts.map

package/dist/components/tile/TileContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TileContent.d.ts","sourceRoot":"","sources":["../../../src/components/tile/TileContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,WAAW,0HAgBvB,CAAC"}

package/dist/components/tile/TileContent.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../utils/cn";
+export const TileContent = forwardRef(function TileContent({ className, children, ...props }, ref) {
+    return (_jsx("div", { ref: ref, "data-slot": "tile-content", className: cn("flex min-w-0 flex-1 flex-col justify-center text-left gap-0.5", className), ...props, children: children }));
+});
+TileContent.displayName = "Tile.Content";
+//# sourceMappingURL=TileContent.js.map

package/dist/components/tile/TileContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TileContent.js","sourceRoot":"","sources":["../../../src/components/tile/TileContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAGpC,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACzD,OAAO,CACL,cACE,GAAG,EAAE,GAAG,eACE,cAAc,EACxB,SAAS,EAAE,EAAE,CACX,+DAA+D,EAC/D,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/dist/components/tile/TileLeading.d.ts

@@ -0,0 +1,3 @@
+import type { TileLeadingProps } from "./types";
+export declare const TileLeading: import("react").ForwardRefExoticComponent<Omit<TileLeadingProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=TileLeading.d.ts.map

package/dist/components/tile/TileLeading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TileLeading.d.ts","sourceRoot":"","sources":["../../../src/components/tile/TileLeading.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,WAAW,0HAgBvB,CAAC"}

package/dist/components/tile/TileLeading.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../utils/cn";
+export const TileLeading = forwardRef(function TileLeading({ className, children, ...props }, ref) {
+    return (_jsx("div", { ref: ref, "data-slot": "tile-leading", className: cn("inline-flex shrink-0 items-center justify-center self-center text-inherit", className), ...props, children: children }));
+});
+TileLeading.displayName = "Tile.Leading";
+//# sourceMappingURL=TileLeading.js.map

package/dist/components/tile/TileLeading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TileLeading.js","sourceRoot":"","sources":["../../../src/components/tile/TileLeading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAGpC,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACzD,OAAO,CACL,cACE,GAAG,EAAE,GAAG,eACE,cAAc,EACxB,SAAS,EAAE,EAAE,CACX,2EAA2E,EAC3E,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/dist/components/tile/TileTrailing.d.ts

@@ -0,0 +1,3 @@
+import type { TileTrailingProps } from "./types";
+export declare const TileTrailing: import("react").ForwardRefExoticComponent<Omit<TileTrailingProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=TileTrailing.d.ts.map

package/dist/components/tile/TileTrailing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TileTrailing.d.ts","sourceRoot":"","sources":["../../../src/components/tile/TileTrailing.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,YAAY,2HAgBxB,CAAC"}

package/dist/components/tile/TileTrailing.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../utils/cn";
+export const TileTrailing = forwardRef(function TileTrailing({ className, children, ...props }, ref) {
+    return (_jsx("div", { ref: ref, "data-slot": "tile-trailing", className: cn("inline-flex shrink-0 items-center justify-center self-center gap-2 text-inherit", className), ...props, children: children }));
+});
+TileTrailing.displayName = "Tile.Trailing";
+//# sourceMappingURL=TileTrailing.js.map

package/dist/components/tile/TileTrailing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TileTrailing.js","sourceRoot":"","sources":["../../../src/components/tile/TileTrailing.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAGpC,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,SAAS,YAAY,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC1D,OAAO,CACL,cACE,GAAG,EAAE,GAAG,eACE,eAAe,EACzB,SAAS,EAAE,EAAE,CACX,iFAAiF,EACjF,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,eAAe,CAAC"}

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

@@ -0,0 +1,6 @@
+export { Tile, variants as tileVariants } from "./Tile";
+export { TileLeading } from "./TileLeading";
+export { TileContent } from "./TileContent";
+export { TileTrailing } from "./TileTrailing";
+export type { TileProps, TileLeadingProps, TileContentProps, TileTrailingProps, TileVariant, TileColor, TileSize, TileRadius } from "./types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tile/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,QAAQ,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EACV,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,QAAQ,EACR,UAAU,EACX,MAAM,SAAS,CAAC"}

package/dist/components/tile/index.js

@@ -0,0 +1,5 @@
+export { Tile, variants as tileVariants } from "./Tile";
+export { TileLeading } from "./TileLeading";
+export { TileContent } from "./TileContent";
+export { TileTrailing } from "./TileTrailing";
+//# sourceMappingURL=index.js.map

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

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