@unisane/ui 0.1.0-next.b67ebfd0

package/dist/lib/utils.js

@@ -0,0 +1,176 @@
+import React, { cloneElement, isValidElement } from 'react';
+import { clsx } from 'clsx';
+import { extendTailwindMerge } from 'tailwind-merge';
+export { useOverlayBehavior } from './use-overlay-behavior.js';
+const twMerge = extendTailwindMerge({
+    extend: {
+        classGroups: {
+            rounded: [
+                {
+                    rounded: ['none', 'xs', 'sm', 'md', 'lg', 'xl', '2xl', 'full'],
+                },
+            ],
+            'font-size': [
+                {
+                    text: [
+                        'display-large',
+                        'display-medium',
+                        'display-small',
+                        'headline-large',
+                        'headline-medium',
+                        'headline-small',
+                        'title-large',
+                        'title-medium',
+                        'title-small',
+                        'body-large',
+                        'body-medium',
+                        'body-small',
+                        'label-large',
+                        'label-medium',
+                        'label-small',
+                        'role-hero-title',
+                        'role-page-title',
+                        'role-section-title',
+                        'role-section-lead',
+                        'role-panel-title',
+                        'role-card-title',
+                        'role-eyebrow',
+                    ],
+                },
+            ],
+            'text-color': [
+                {
+                    text: [
+                        'primary',
+                        'on-primary',
+                        'primary-container',
+                        'on-primary-container',
+                        'secondary',
+                        'on-secondary',
+                        'secondary-container',
+                        'on-secondary-container',
+                        'tertiary',
+                        'on-tertiary',
+                        'tertiary-container',
+                        'on-tertiary-container',
+                        'surface',
+                        'on-surface',
+                        'surface-variant',
+                        'on-surface-variant',
+                        'surface-container',
+                        'surface-container-high',
+                        'surface-container-highest',
+                        'surface-container-low',
+                        'surface-container-lowest',
+                        'background',
+                        'on-background',
+                        'outline',
+                        'outline-variant',
+                        'outline-weak',
+                        'outline-soft',
+                        'outline-muted',
+                        'outline-subtle',
+                        'outline-medium',
+                        'outline-strong',
+                        'error',
+                        'on-error',
+                        'error-container',
+                        'on-error-container',
+                        'success',
+                        'on-success',
+                        'success-container',
+                        'on-success-container',
+                        'warning',
+                        'on-warning',
+                        'warning-container',
+                        'on-warning-container',
+                        'info',
+                        'on-info',
+                        'info-container',
+                        'on-info-container',
+                        'inverse-surface',
+                        'inverse-on-surface',
+                        'inverse-primary',
+                    ],
+                },
+            ],
+        },
+    },
+});
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+export const focusRing = 'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring';
+export const focusRingInset = 'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-focus-ring';
+export const stateLayer = {
+    primary: 'hover:bg-primary/[0.08] active:bg-primary/[0.12]',
+    onPrimary: 'hover:bg-on-primary/[0.08] active:bg-on-primary/[0.12]',
+    secondary: 'hover:bg-secondary/[0.08] active:bg-secondary/[0.12]',
+    onSecondary: 'hover:bg-on-secondary/[0.08] active:bg-on-secondary/[0.12]',
+    surface: 'hover:bg-on-surface/[0.08] active:bg-on-surface/[0.12]',
+    surfaceVariant: 'hover:bg-on-surface-variant/[0.08] active:bg-on-surface-variant/[0.12]',
+    error: 'hover:bg-error/[0.08] active:bg-error/[0.12]',
+};
+export const duration = {
+    short: 'duration-short',
+    medium: 'duration-medium',
+    long: 'duration-long',
+};
+export const easing = {
+    standard: 'ease-standard',
+    emphasized: 'ease-emphasized',
+    decelerate: 'ease-decelerate',
+    accelerate: 'ease-accelerate',
+};
+export const transition = {
+    fade: 'transition-opacity',
+    scale: 'transition-transform',
+    slide: 'transition-transform',
+    all: 'transition-all',
+    colors: 'transition-colors',
+};
+export const animation = {
+    fadeIn: 'animate-fade-in',
+    slideUp: 'animate-slide-up',
+    contentEnter: 'animate-content-enter',
+    stagger: 'animate-stagger',
+    ripple: 'animate-ripple',
+};
+export const Slot = React.forwardRef(({ children, ...props }, ref) => {
+    if (isValidElement(children)) {
+        const childProps = children.props;
+        return cloneElement(children, {
+            ...props,
+            ...childProps,
+            ref,
+            className: cn(props.className, childProps.className),
+        });
+    }
+    // Development warning for invalid children
+    if (process.env.NODE_ENV !== 'production') {
+        const childType = children === null
+            ? 'null'
+            : children === undefined
+                ? 'undefined'
+                : Array.isArray(children)
+                    ? 'array'
+                    : typeof children;
+        console.warn(`[Slot] Expected a single React element child for asChild pattern, but received: ${childType}. ` +
+            `The Slot will render nothing. Ensure you pass a single element (e.g., <a>, <Link>) as the child.`);
+    }
+    return null;
+});
+Slot.displayName = 'Slot';
+export function composeAsChildClickHandler(isDisabled, ...handlers) {
+    return (event) => {
+        if (isDisabled) {
+            event.preventDefault();
+            event.stopPropagation();
+            return;
+        }
+        handlers.forEach((handler) => {
+            handler?.(event);
+        });
+    };
+}
+//# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

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

package/dist/primitives/input.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { type FieldSize } from '../lib/field-size.js';
+export type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> & {
+    size?: FieldSize;
+};
+/**
+ * Input primitive - a basic styled input element.
+ *
+ * For most cases, use TextField which includes the canonical label and validation contract.
+ * Use this Input primitive when you need lower-level control or custom compositions.
+ */
+export declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    size?: FieldSize;
+} & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=input.d.ts.map

package/dist/primitives/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/primitives/input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEvE,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG;IACnF,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,KAAK;WATT,SAAS;0CA4BjB,CAAC"}

package/dist/primitives/input.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../lib/utils.js';
+import { getFieldSizeStyles } from '../lib/field-size.js';
+/**
+ * Input primitive - a basic styled input element.
+ *
+ * For most cases, use TextField which includes the canonical label and validation contract.
+ * Use this Input primitive when you need lower-level control or custom compositions.
+ */
+export const Input = React.forwardRef(({ className, type, size = 'md', ...props }, ref) => {
+    const fieldSize = getFieldSizeStyles(size);
+    return (_jsx("input", { type: type, className: cn('border-control-outline bg-surface text-on-surface ring-offset-surface file:text-body-small file:text-on-surface placeholder:text-on-surface-variant focus-visible:ring-focus-ring flex w-full rounded-sm border file:border-0 file:bg-transparent file:font-medium focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-38', fieldSize.containerHeight, fieldSize.horizontalPadding, fieldSize.valueText, className), ref: ref, ...props }));
+});
+Input.displayName = 'Input';
+//# sourceMappingURL=input.js.map

package/dist/primitives/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/primitives/input.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,kBAAkB,EAAkB,MAAM,mBAAmB,CAAC;AAMvE;;;;;GAKG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CACnC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAClD,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAE3C,OAAO,CACL,gBACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,gYAAgY,EAChY,SAAS,CAAC,eAAe,EACzB,SAAS,CAAC,iBAAiB,EAC3B,SAAS,CAAC,SAAS,EACnB,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/dist/primitives/label.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export type LabelProps = React.LabelHTMLAttributes<HTMLLabelElement> & {
+    required?: boolean;
+};
+/**
+ * Label component for form accessibility.
+ *
+ * For most cases, use TextField which includes a built-in label.
+ * Use this Label component when you need standalone label functionality.
+ */
+export declare const Label: React.ForwardRefExoticComponent<React.LabelHTMLAttributes<HTMLLabelElement> & {
+    required?: boolean;
+} & React.RefAttributes<HTMLLabelElement>>;
+//# sourceMappingURL=label.d.ts.map

package/dist/primitives/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../src/primitives/label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,KAAK;eATL,OAAO;0CA2BnB,CAAC"}

package/dist/primitives/label.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../lib/utils.js';
+/**
+ * Label component for form accessibility.
+ *
+ * For most cases, use TextField which includes a built-in label.
+ * Use this Label component when you need standalone label functionality.
+ */
+export const Label = React.forwardRef(({ className, required, children, ...props }, ref) => (_jsxs("label", { ref: ref, className: cn('text-label-large text-on-surface leading-none font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-38', className), ...props, children: [children, required && (_jsx("span", { "aria-hidden": "true", className: "text-error ml-1", children: "*" }))] })));
+Label.displayName = 'Label';
+//# sourceMappingURL=label.js.map

package/dist/primitives/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../src/primitives/label.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAMlC;;;;;GAKG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CACnC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACpD,iBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,qHAAqH,EACrH,SAAS,CACV,KACG,KAAK,aAER,QAAQ,EACR,QAAQ,IAAI,CACX,8BAAkB,MAAM,EAAC,SAAS,EAAC,iBAAiB,kBAE7C,CACR,IACK,CACT,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/dist/primitives/menu.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const menuVariants: (props?: ({
+    rounded?: "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface MenuProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof menuVariants> {
+    open?: boolean;
+    children: React.ReactNode;
+}
+export declare const Menu: React.FC<MenuProps>;
+export interface MenuItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children: React.ReactNode;
+    disabled?: boolean;
+    selected?: boolean;
+    icon?: React.ReactNode;
+    trailingIcon?: React.ReactNode;
+    href?: string;
+    asChild?: boolean;
+}
+export declare const MenuItem: React.FC<MenuItemProps>;
+export type MenuDividerProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const MenuDivider: React.FC<MenuDividerProps>;
+export interface MenuCheckboxItemProps extends Omit<MenuItemProps, 'selected'> {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+}
+export declare const MenuCheckboxItem: React.FC<MenuCheckboxItemProps>;
+export interface MenuRadioItemProps extends Omit<MenuItemProps, 'selected'> {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+}
+export declare const MenuRadioItem: React.FC<MenuRadioItemProps>;
+export {};
+//# sourceMappingURL=menu.d.ts.map

package/dist/primitives/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/primitives/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,YAAY;;8EAgBjB,CAAC;AAKF,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY,CAAC,OAAO,YAAY,CAAC;IAC/E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAcpC,CAAC;AAEF,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAClF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyE5C,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEpE,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAElD,CAAC;AAEF,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAsC5D,CAAC;AAEF,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;IACzE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA4BtD,CAAC"}

package/dist/primitives/menu.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { isValidElement, cloneElement } from 'react';
+import { cva } from 'class-variance-authority';
+import { cn, Slot } from '../lib/utils.js';
+import { Ripple } from '../components/ripple.js';
+const menuVariants = cva('min-w-50 bg-surface shadow-2 border border-outline-soft overflow-hidden', {
+    variants: {
+        rounded: {
+            sm: 'rounded-sm',
+            md: 'rounded-md',
+            lg: 'rounded-lg',
+            xl: 'rounded-xl',
+            '2xl': 'rounded-2xl',
+        },
+    },
+    defaultVariants: {
+        rounded: 'sm',
+    },
+});
+const menuIconSlotClasses = 'relative z-10 flex size-icon-sm shrink-0 items-center justify-center leading-none text-[var(--icon-sm)] [&>.material-symbols-outlined]:size-icon-sm [&>.material-symbols-outlined]:text-[var(--icon-sm)] [&>svg]:size-icon-sm';
+export const Menu = ({ open = true, rounded, className, children, ...props }) => {
+    if (!open)
+        return null;
+    return (_jsx("div", { className: cn(menuVariants({ rounded }), 'py-2', className), role: "menu", ...props, children: children }));
+};
+export const MenuItem = ({ children, disabled = false, selected = false, icon, trailingIcon, className, href, asChild, ...props }) => {
+    const label = asChild && isValidElement(children)
+        ? children.props.children
+        : children;
+    const itemClasses = cn('text-label-large relative flex min-h-[var(--size-action-md)] w-full cursor-pointer items-center gap-[calc(var(--unit)*3)] overflow-hidden px-[calc(var(--unit)*3)] py-[calc(var(--unit)*2)] text-left select-none', 'text-on-surface transition-colors duration-short ease-standard', 'hover:bg-state-hover focus-visible:bg-state-focus focus-visible:outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-[-2px]', disabled && 'opacity-38 cursor-not-allowed hover:bg-transparent', selected && 'bg-state-selected text-on-surface', className);
+    const innerContent = (_jsxs(_Fragment, { children: [_jsx(Ripple, { disabled: disabled }), icon && _jsx("div", { className: menuIconSlotClasses, children: icon }), _jsx("span", { className: "relative z-10 flex min-w-0 flex-1 translate-y-px items-center truncate", children: label }), trailingIcon && (_jsx("div", { className: cn(menuIconSlotClasses, 'text-on-surface-variant'), children: trailingIcon }))] }));
+    // asChild pattern: render user's Link component
+    if (asChild && isValidElement(children)) {
+        return (_jsx(Slot, { className: itemClasses, role: "menuitem", children: cloneElement(children, {}, innerContent) }));
+    }
+    if (href && !disabled) {
+        return (_jsx("a", { href: href, className: itemClasses, role: "menuitem", "aria-disabled": disabled, "aria-selected": selected, children: innerContent }));
+    }
+    return (_jsx("button", { className: itemClasses, role: "menuitem", disabled: disabled, "aria-disabled": disabled, "aria-selected": selected, ...props, children: innerContent }));
+};
+export const MenuDivider = ({ className, ...props }) => {
+    return _jsx("div", { className: cn('bg-outline-soft my-1 h-px', className), role: "separator", ...props });
+};
+export const MenuCheckboxItem = ({ checked = false, onCheckedChange, children, ...props }) => {
+    return (_jsx(MenuItem, { selected: checked, onClick: (e) => {
+            onCheckedChange?.(!checked);
+            props.onClick?.(e);
+        }, icon: _jsx("div", { className: cn('size-icon-sm rounded-xs border-2 border-current', checked && 'bg-primary border-primary text-on-primary'), children: checked && (_jsx("svg", { className: "h-full w-full", viewBox: "0 0 24 24", fill: "none", children: _jsx("path", { d: "M5 13l4 4L19 7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })) }), ...props, children: children }));
+};
+export const MenuRadioItem = ({ checked = false, onCheckedChange, children, ...props }) => {
+    return (_jsx(MenuItem, { selected: checked, onClick: (e) => {
+            onCheckedChange?.(!checked);
+            props.onClick?.(e);
+        }, icon: _jsx("div", { className: cn('size-icon-sm flex items-center justify-center rounded-full border-2 border-current', checked && 'bg-primary border-primary'), children: checked && _jsx("div", { className: "bg-on-primary h-2.5 w-2.5 rounded-full" }) }), ...props, children: children }));
+};
+//# sourceMappingURL=menu.js.map

package/dist/primitives/menu.js.map

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

package/dist/primitives/surface.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const surfaceVariants: (props?: ({
+    tone?: "error" | "primary" | "secondary" | "tertiary" | "surface" | "surfaceContainerLow" | "surfaceVariant" | "errorContainer" | "surfaceContainerLowest" | "surfaceContainer" | "surfaceContainerHigh" | "surfaceContainerHighest" | "primaryContainer" | "secondaryContainer" | "tertiaryContainer" | null | undefined;
+    elevation?: 0 | 2 | 1 | 3 | 4 | 5 | null | undefined;
+    rounded?: "none" | "full" | "sm" | "md" | "lg" | "xs" | "xl" | "xxl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type SurfaceProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof surfaceVariants>;
+export declare const Surface: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    tone?: "error" | "primary" | "secondary" | "tertiary" | "surface" | "surfaceContainerLow" | "surfaceVariant" | "errorContainer" | "surfaceContainerLowest" | "surfaceContainer" | "surfaceContainerHigh" | "surfaceContainerHighest" | "primaryContainer" | "secondaryContainer" | "tertiaryContainer" | null | undefined;
+    elevation?: 0 | 2 | 1 | 3 | 4 | 5 | null | undefined;
+    rounded?: "none" | "full" | "sm" | "md" | "lg" | "xs" | "xl" | "xxl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=surface.d.ts.map

package/dist/primitives/surface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../src/primitives/surface.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,eAAe;;;;8EA2CnB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAC7D,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO;;;;sHAYnB,CAAC"}

package/dist/primitives/surface.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from '../lib/utils.js';
+const surfaceVariants = cva('relative transition-colors', {
+    variants: {
+        tone: {
+            surface: 'bg-surface text-on-surface',
+            surfaceVariant: 'bg-surface-variant text-on-surface-variant',
+            surfaceContainerLowest: 'bg-surface-container-lowest text-on-surface',
+            surfaceContainerLow: 'bg-surface-container-low text-on-surface',
+            surfaceContainer: 'bg-surface-container text-on-surface',
+            surfaceContainerHigh: 'bg-surface-container-high text-on-surface',
+            surfaceContainerHighest: 'bg-surface-container-highest text-on-surface',
+            primary: 'bg-primary text-on-primary',
+            primaryContainer: 'bg-primary-container text-on-primary-container',
+            secondary: 'bg-secondary text-on-secondary',
+            secondaryContainer: 'bg-secondary-container text-on-secondary-container',
+            tertiary: 'bg-tertiary text-on-tertiary',
+            tertiaryContainer: 'bg-tertiary-container text-on-tertiary-container',
+            error: 'bg-error text-on-error',
+            errorContainer: 'bg-error-container text-on-error-container',
+        },
+        elevation: {
+            0: 'shadow-0',
+            1: 'shadow-1',
+            2: 'shadow-2',
+            3: 'shadow-3',
+            4: 'shadow-4',
+            5: 'shadow-5',
+        },
+        rounded: {
+            none: 'rounded-none',
+            xs: 'rounded-xs',
+            sm: 'rounded-sm',
+            md: 'rounded-md',
+            lg: 'rounded-lg',
+            xl: 'rounded-xl',
+            xxl: 'rounded-2xl',
+            full: 'rounded-full',
+        },
+    },
+    defaultVariants: {
+        tone: 'surface',
+        elevation: 0,
+        rounded: 'none',
+    },
+});
+export const Surface = forwardRef(({ tone, elevation, rounded, className, children, ...props }, ref) => {
+    return (_jsx("div", { ref: ref, className: cn(surfaceVariants({ tone, elevation, rounded, className })), ...props, children: children }));
+});
+Surface.displayName = 'Surface';
+//# sourceMappingURL=surface.js.map

package/dist/primitives/surface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"surface.js","sourceRoot":"","sources":["../../src/primitives/surface.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,eAAe,GAAG,GAAG,CAAC,4BAA4B,EAAE;IACxD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,4BAA4B;YACrC,cAAc,EAAE,4CAA4C;YAC5D,sBAAsB,EAAE,6CAA6C;YACrE,mBAAmB,EAAE,0CAA0C;YAC/D,gBAAgB,EAAE,sCAAsC;YACxD,oBAAoB,EAAE,2CAA2C;YACjE,uBAAuB,EAAE,8CAA8C;YACvE,OAAO,EAAE,4BAA4B;YACrC,gBAAgB,EAAE,gDAAgD;YAClE,SAAS,EAAE,gCAAgC;YAC3C,kBAAkB,EAAE,oDAAoD;YACxE,QAAQ,EAAE,8BAA8B;YACxC,iBAAiB,EAAE,kDAAkD;YACrE,KAAK,EAAE,wBAAwB;YAC/B,cAAc,EAAE,4CAA4C;SAC7D;QACD,SAAS,EAAE;YACT,CAAC,EAAE,UAAU;YACb,CAAC,EAAE,UAAU;YACb,CAAC,EAAE,UAAU;YACb,CAAC,EAAE,UAAU;YACb,CAAC,EAAE,UAAU;YACb,CAAC,EAAE,UAAU;SACd;QACD,OAAO,EAAE;YACP,IAAI,EAAE,cAAc;YACpB,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;YAChB,GAAG,EAAE,aAAa;YAClB,IAAI,EAAE,cAAc;SACrB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,CAAC;QACZ,OAAO,EAAE,MAAM;KAChB;CACF,CAAC,CAAC;AAKH,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAC/B,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACnE,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,KACnE,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/dist/primitives/text.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const textVariants: (props?: ({
+    variant?: "displayLarge" | "displayMedium" | "displaySmall" | "headlineLarge" | "headlineMedium" | "headlineSmall" | "titleLarge" | "titleMedium" | "titleSmall" | "bodyLarge" | "bodyMedium" | "bodySmall" | "labelLarge" | "labelMedium" | "labelSmall" | null | undefined;
+    color?: "error" | "primary" | "surface" | "outline" | "success" | "warning" | "info" | "onError" | "onPrimary" | "onSurface" | "surfaceVariant" | "onSurfaceVariant" | "outlineVariant" | "errorContainer" | "onErrorContainer" | "onSuccess" | "successContainer" | "onSuccessContainer" | "onWarning" | "warningContainer" | "onWarningContainer" | "onInfo" | "infoContainer" | "onInfoContainer" | null | undefined;
+    align?: "center" | "left" | "right" | null | undefined;
+    weight?: "medium" | "bold" | "light" | "normal" | "black" | "thin" | "extralight" | "semibold" | "extrabold" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type TextElement = 'p' | 'span' | 'div' | 'label' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export type TextProps = React.HTMLAttributes<HTMLElement> & VariantProps<typeof textVariants> & {
+    as?: TextElement;
+    htmlFor?: string;
+};
+export declare const Text: React.FC<TextProps>;
+export {};
+//# sourceMappingURL=text.d.ts.map

package/dist/primitives/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/primitives/text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,QAAA,MAAM,YAAY;;;;;8EAoEhB,CAAC;AAEH,KAAK,WAAW,GAAG,GAAG,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5F,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GACvD,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG;IAClC,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEJ,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAoBpC,CAAC"}

package/dist/primitives/text.js

@@ -0,0 +1,78 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { cn } from '../lib/utils.js';
+// Tailwind v4's --text-* system automatically applies font-size, line-height,
+// letter-spacing, and font-weight from the token suffixes
+const textVariants = cva('font-sans text-on-surface', {
+    variants: {
+        variant: {
+            displayLarge: 'text-display-large',
+            displayMedium: 'text-display-medium',
+            displaySmall: 'text-display-small',
+            headlineLarge: 'text-headline-large',
+            headlineMedium: 'text-headline-medium',
+            headlineSmall: 'text-headline-small',
+            titleLarge: 'text-title-large',
+            titleMedium: 'text-title-medium',
+            titleSmall: 'text-title-small',
+            bodyLarge: 'text-body-large',
+            bodyMedium: 'text-body-medium',
+            bodySmall: 'text-body-small',
+            labelLarge: 'text-label-large',
+            labelMedium: 'text-label-medium',
+            labelSmall: 'text-label-small',
+        },
+        color: {
+            primary: 'text-primary',
+            onPrimary: 'text-on-primary',
+            surface: 'text-surface',
+            onSurface: 'text-on-surface',
+            surfaceVariant: 'text-surface-variant',
+            onSurfaceVariant: 'text-on-surface-variant',
+            outline: 'text-outline',
+            outlineVariant: 'text-outline-variant',
+            error: 'text-error',
+            onError: 'text-on-error',
+            errorContainer: 'text-error-container',
+            onErrorContainer: 'text-on-error-container',
+            success: 'text-success',
+            onSuccess: 'text-on-success',
+            successContainer: 'text-success-container',
+            onSuccessContainer: 'text-on-success-container',
+            warning: 'text-warning',
+            onWarning: 'text-on-warning',
+            warningContainer: 'text-warning-container',
+            onWarningContainer: 'text-on-warning-container',
+            info: 'text-info',
+            onInfo: 'text-on-info',
+            infoContainer: 'text-info-container',
+            onInfoContainer: 'text-on-info-container',
+        },
+        align: {
+            left: 'text-left',
+            center: 'text-center',
+            right: 'text-right',
+        },
+        weight: {
+            thin: 'font-thin',
+            extralight: 'font-extralight',
+            light: 'font-light',
+            normal: 'font-normal',
+            medium: 'font-medium',
+            semibold: 'font-semibold',
+            bold: 'font-bold',
+            extrabold: 'font-extrabold',
+            black: 'font-black',
+        },
+    },
+    defaultVariants: {
+        variant: 'bodyMedium',
+        color: 'onSurface',
+        align: 'left',
+        weight: 'normal',
+    },
+});
+export const Text = ({ variant, color, align, weight, className, children, as: Component = 'p', htmlFor, ...props }) => {
+    return (_jsx(Component, { className: cn(textVariants({ variant, color, align, weight }), className), ...(Component === 'label' && htmlFor ? { htmlFor } : {}), ...props, children: children }));
+};
+//# sourceMappingURL=text.js.map

package/dist/primitives/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/primitives/text.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,8EAA8E;AAC9E,0DAA0D;AAC1D,MAAM,YAAY,GAAG,GAAG,CAAC,2BAA2B,EAAE;IACpD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,YAAY,EAAE,oBAAoB;YAClC,aAAa,EAAE,qBAAqB;YACpC,YAAY,EAAE,oBAAoB;YAClC,aAAa,EAAE,qBAAqB;YACpC,cAAc,EAAE,sBAAsB;YACtC,aAAa,EAAE,qBAAqB;YACpC,UAAU,EAAE,kBAAkB;YAC9B,WAAW,EAAE,mBAAmB;YAChC,UAAU,EAAE,kBAAkB;YAC9B,SAAS,EAAE,iBAAiB;YAC5B,UAAU,EAAE,kBAAkB;YAC9B,SAAS,EAAE,iBAAiB;YAC5B,UAAU,EAAE,kBAAkB;YAC9B,WAAW,EAAE,mBAAmB;YAChC,UAAU,EAAE,kBAAkB;SAC/B;QACD,KAAK,EAAE;YACL,OAAO,EAAE,cAAc;YACvB,SAAS,EAAE,iBAAiB;YAC5B,OAAO,EAAE,cAAc;YACvB,SAAS,EAAE,iBAAiB;YAC5B,cAAc,EAAE,sBAAsB;YACtC,gBAAgB,EAAE,yBAAyB;YAC3C,OAAO,EAAE,cAAc;YACvB,cAAc,EAAE,sBAAsB;YACtC,KAAK,EAAE,YAAY;YACnB,OAAO,EAAE,eAAe;YACxB,cAAc,EAAE,sBAAsB;YACtC,gBAAgB,EAAE,yBAAyB;YAC3C,OAAO,EAAE,cAAc;YACvB,SAAS,EAAE,iBAAiB;YAC5B,gBAAgB,EAAE,wBAAwB;YAC1C,kBAAkB,EAAE,2BAA2B;YAC/C,OAAO,EAAE,cAAc;YACvB,SAAS,EAAE,iBAAiB;YAC5B,gBAAgB,EAAE,wBAAwB;YAC1C,kBAAkB,EAAE,2BAA2B;YAC/C,IAAI,EAAE,WAAW;YACjB,MAAM,EAAE,cAAc;YACtB,aAAa,EAAE,qBAAqB;YACpC,eAAe,EAAE,wBAAwB;SAC1C;QACD,KAAK,EAAE;YACL,IAAI,EAAE,WAAW;YACjB,MAAM,EAAE,aAAa;YACrB,KAAK,EAAE,YAAY;SACpB;QACD,MAAM,EAAE;YACN,IAAI,EAAE,WAAW;YACjB,UAAU,EAAE,iBAAiB;YAC7B,KAAK,EAAE,YAAY;YACnB,MAAM,EAAE,aAAa;YACrB,MAAM,EAAE,aAAa;YACrB,QAAQ,EAAE,eAAe;YACzB,IAAI,EAAE,WAAW;YACjB,SAAS,EAAE,gBAAgB;YAC3B,KAAK,EAAE,YAAY;SACpB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,YAAY;QACrB,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,QAAQ;KACjB;CACF,CAAC,CAAC;AAUH,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,EACP,KAAK,EACL,KAAK,EACL,MAAM,EACN,SAAS,EACT,QAAQ,EACR,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,SAAS,IACR,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,CAAC,KACrE,CAAC,SAAS,KAAK,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACrD,KAAK,YAER,QAAQ,GACC,CACb,CAAC;AACJ,CAAC,CAAC"}

package/dist/primitives/textarea.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { type FieldSize } from '../lib/field-size.js';
+export type TextareaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> & {
+    size?: FieldSize;
+};
+/**
+ * Textarea primitive - a basic styled textarea element.
+ *
+ * For most cases, use TextField with multiline which includes the canonical
+ * label and validation contract.
+ * Use this Textarea primitive when you need lower-level control or custom compositions.
+ */
+export declare const Textarea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> & {
+    size?: FieldSize;
+} & React.RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=textarea.d.ts.map

package/dist/primitives/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/primitives/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEvE,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC,GAAG;IAC5F,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ;WAVZ,SAAS;6CA6BjB,CAAC"}

package/dist/primitives/textarea.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../lib/utils.js';
+import { getFieldSizeStyles } from '../lib/field-size.js';
+/**
+ * Textarea primitive - a basic styled textarea element.
+ *
+ * For most cases, use TextField with multiline which includes the canonical
+ * label and validation contract.
+ * Use this Textarea primitive when you need lower-level control or custom compositions.
+ */
+export const Textarea = React.forwardRef(({ className, size = 'md', ...props }, ref) => {
+    const fieldSize = getFieldSizeStyles(size);
+    return (_jsx("textarea", { className: cn('border-control-outline bg-surface text-on-surface ring-offset-surface placeholder:text-on-surface-variant focus-visible:ring-focus-ring flex w-full rounded-sm border focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-38', fieldSize.textareaMinHeight, fieldSize.horizontalPadding, fieldSize.textareaPaddingY, fieldSize.valueText, className), ref: ref, ...props }));
+});
+Textarea.displayName = 'Textarea';
+//# sourceMappingURL=textarea.js.map

package/dist/primitives/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../src/primitives/textarea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,kBAAkB,EAAkB,MAAM,mBAAmB,CAAC;AAMvE;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5C,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAE3C,OAAO,CACL,mBACE,SAAS,EAAE,EAAE,CACX,mSAAmS,EACnS,SAAS,CAAC,iBAAiB,EAC3B,SAAS,CAAC,iBAAiB,EAC3B,SAAS,CAAC,gBAAgB,EAC1B,SAAS,CAAC,SAAS,EACnB,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}