@cladd-ui/react 0.0.16 → 0.0.18

package/components/Slider.js

@@ -62,15 +62,15 @@ export function Slider(props) {
         };
     });
     const durationClass = isTouchMoved ? 'duration-0' : 'duration-300';
-    return (_jsxs("div", { className: cn('slider group/slider relative flex h-7 touch-pan-y rounded-xl select-none', className), onContextMenuCapture: (e) => e.preventDefault(), ref: elRef, children: [_jsx(SurfaceCut, { className: cn('pointer-events-none absolute inset-0 top-1/2 right-0 left-0 rounded-full', size === 'sm' ? '-mt-0.5 h-1' : '-mt-1 h-2') }), _jsx("span", { className: cn('absolute top-1/2 -mt-px h-0.5 overflow-hidden rounded-full', size === 'sm' ? 'right-px left-px' : 'right-0.75 left-0.75'), children: _jsx("span", { className: cn('absolute inset-0 rounded-full bg-primary ease-out', `color-${color}`, !disabled &&
+    return (_jsxs("div", { "data-disabled": disabled || undefined, "data-readonly": readOnly || undefined, className: cn('cladd-slider group/cladd-slider relative flex touch-pan-y select-none', size === 'sm' && 'h-cladd-thumb-sm', size === 'md' && 'h-cladd-thumb-md', className), onContextMenuCapture: (e) => e.preventDefault(), ref: elRef, children: [_jsx(SurfaceCut, { "data-part": "track", className: cn('pointer-events-none absolute inset-0 top-1/2 right-0 left-0 rounded-full', size === 'sm' ? '-mt-0.75 h-1.5' : '-mt-1 h-2') }), _jsx("span", { "data-part": "range", className: cn('absolute top-1/2 -mt-px h-0.5 overflow-hidden rounded-full', size === 'sm' ? 'right-px left-px' : 'right-0.75 left-0.75'), children: _jsx("span", { "data-color": color, className: cn('absolute inset-0 rounded-full bg-cladd-primary ease-out', !disabled &&
                         !readOnly &&
                         'group-focus-within/slider:-translate-x-3 group-active/slider:-translate-x-3', disabled && 'opacity-50', durationClass), style: {
-                        width: `calc((100% - ${size === 'sm' ? 20 : 24}px) * ${progress})`,
-                    } }) }), _jsxs("span", { className: cn('pointer-events-none absolute inset-0 flex items-center ease-out', durationClass), style: {
+                        width: `calc((100% - ${size === 'sm' ? 'var(--spacing-cladd-thumb-sm)' : 'var(--spacing-cladd-thumb-md)'}) * ${progress})`,
+                    } }) }), _jsxs("span", { "data-part": "thumb-wrapper", className: cn('pointer-events-none absolute inset-0 flex items-center ease-out', durationClass), style: {
                     paddingLeft: `calc((100% - ${size === 'sm' ? 20 : 24}px) * ${progress})`,
-                }, children: [_jsx("span", { className: "relative top-0 h-0 w-0", children: _jsx(Surface, { color: color, variant: "gradient", outline: true, className: cn(size === 'sm' && '-left-1.5', size === 'md' && '-left-1', 'absolute -bottom-4 w-8 scale-0 rounded-full pt-2.5 pb-8 text-center text-[11px] leading-none font-medium text-primary duration-300', !disabled &&
+                }, children: [_jsx("span", { className: "relative top-0 h-0 w-0", "data-part": "value", children: _jsx(Surface, { color: color, variant: "gradient", outline: true, className: cn(size === 'sm' && '-left-1.5', size === 'md' && '-left-1', 'absolute -bottom-4 w-8 scale-0 rounded-full pt-2.5 pb-8 text-center text-[11px] leading-none font-medium text-cladd-primary duration-300', !disabled &&
                                 !readOnly &&
-                                'group-focus-within/slider:scale-100 group-active/slider:scale-100', `color-${color}`), beforeContent: !readOnly &&
-                                !disabled && (_jsx(FocusableLayer, { group: "slider", className: "rounded-full" })), children: value }) }), _jsx(Surface, { className: cn('z-10 size-6 shrink-0 rounded-full', size === 'sm' && 'size-5', size === 'md' && 'size-6'), outline: true, variant: "gradient-fill", color: color, ref: knobElRef })] }), _jsx("input", { className: "relative m-0 block w-full appearance-none border-transparent bg-transparent p-0 focus:outline-none", type: "range", disabled: disabled || readOnly, readOnly: readOnly, value: value, min: min, max: max, step: step, onChange: onChangeInternal })] }));
+                                'group-focus-within/cladd-slider:scale-100 group-active/cladd-slider:scale-100'), beforeContent: !readOnly &&
+                                !disabled && (_jsx(FocusableLayer, { group: "slider", className: "rounded-full" })), children: value }) }), _jsx(Surface, { "data-part": "thumb", className: cn('z-10 shrink-0 rounded-full', size === 'sm' && 'size-cladd-thumb-sm', size === 'md' && 'size-cladd-thumb-md'), outline: true, variant: "gradient-fill", color: color, ref: knobElRef })] }), _jsx("input", { "data-part": "input", className: "relative m-0 block w-full appearance-none border-transparent bg-transparent p-0 focus:outline-none", type: "range", disabled: disabled || readOnly, readOnly: readOnly, value: value, min: min, max: max, step: step, onChange: onChangeInternal })] }));
 }
 //# sourceMappingURL=Slider.js.map

package/components/Slider.js.map

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

package/components/Spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAE5D,MAAM,WAAW,YAAY;IAC3B,+FAA+F;IAC/F,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,2CAsD1C"}
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAE5D,MAAM,WAAW,YAAY;IAC3B,+FAA+F;IAC/F,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,2CA2C1C"}

package/components/Spinner.js

@@ -1,16 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useAccentColor } from '../hooks/use-accent-color.js';
 import { cn } from '../shared/cn.js';
+import { nestedSizeClasses } from '../shared/size-utls.js';
 export function Spinner(props) {
     const accentColor = useAccentColor();
     const { size = 'sm', color = accentColor, className } = props;
-    const sizes = {
-        sm: 'size-4',
-        md: 'size-5',
-        lg: 'size-7',
-        xl: 'size-8',
-        '2xl': 'size-10',
-    };
+    const sizeClass = nestedSizeClasses(size, 'size');
     const borderWidth = {
         sm: 'border',
         md: 'border-1',
@@ -18,13 +13,13 @@ export function Spinner(props) {
         xl: 'border-2',
         '2xl': 'border-2',
     }[size];
-    const sizeClasses = {
+    const positionClasses = {
         sm: 'left-0.5 right-0.5',
         md: 'left-0.5 right-0.5',
         lg: 'left-1 right-1',
         xl: 'left-1 right-1',
         '2xl': 'left-1 right-1',
     }[size];
-    return (_jsx("div", { className: cn('spinner', `color-${color}`, 'relative', sizes[size], className), children: _jsxs("div", { className: "spinner-wrap absolute inset-0", children: [_jsx("div", { className: cn('absolute top-1/2 left-0 aspect-[16/10] w-full -translate-y-1/2 rounded-full border-primary', borderWidth) }), _jsx("div", { className: cn('absolute top-1/2 aspect-2/1 -translate-y-1/2 rounded-full', sizeClasses), children: _jsx("div", { className: "spinner-knob absolute top-0 left-0 h-full w-1/2 rounded-full bg-primary" }) })] }) }));
+    return (_jsx("div", { "data-color": color, className: cn('cladd-spinner', 'relative', sizeClass, className), children: _jsxs("div", { className: "cladd-spinner-wrap absolute inset-0", children: [_jsx("div", { className: cn('absolute top-1/2 left-0 aspect-16/10 w-full -translate-y-1/2 rounded-full border-cladd-primary', borderWidth) }), _jsx("div", { className: cn('absolute top-1/2 aspect-2/1 -translate-y-1/2 rounded-full', positionClasses), children: _jsx("div", { className: "cladd-spinner-knob absolute top-0 left-0 h-full w-1/2 rounded-full bg-cladd-primary" }) })] }) }));
 }
 //# sourceMappingURL=Spinner.js.map

package/components/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/components/Spinner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAclC,MAAM,UAAU,OAAO,CAAC,KAAmB;IACzC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,GAAG,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC9D,MAAM,KAAK,GAAgC;QACzC,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,QAAQ;QACZ,KAAK,EAAE,SAAS;KACjB,CAAC;IACF,MAAM,WAAW,GAAG;QAClB,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,gBAAgB;QACpB,EAAE,EAAE,UAAU;QACd,KAAK,EAAE,UAAU;KAClB,CAAC,IAAI,CAAC,CAAC;IAER,MAAM,WAAW,GAAG;QAClB,EAAE,EAAE,oBAAoB;QACxB,EAAE,EAAE,oBAAoB;QACxB,EAAE,EAAE,gBAAgB;QACpB,EAAE,EAAE,gBAAgB;QACpB,KAAK,EAAE,gBAAgB;KACxB,CAAC,IAAI,CAAC,CAAC;IAER,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,SAAS,EACT,SAAS,KAAK,EAAE,EAChB,UAAU,EACV,KAAK,CAAC,IAAI,CAAC,EACX,SAAS,CACV,YAED,eAAK,SAAS,EAAC,+BAA+B,aAC5C,cACE,SAAS,EAAE,EAAE,CACX,4FAA4F,EAC5F,WAAW,CACZ,GACD,EACF,cACE,SAAS,EAAE,EAAE,CACX,2DAA2D,EAC3D,WAAW,CACZ,YAED,cAAK,SAAS,EAAC,yEAAyE,GAAG,GACvF,IACF,GACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/components/Spinner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAcxD,MAAM,UAAU,OAAO,CAAC,KAAmB;IACzC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,GAAG,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC9D,MAAM,SAAS,GAAG,iBAAiB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAClD,MAAM,WAAW,GAAG;QAClB,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,gBAAgB;QACpB,EAAE,EAAE,UAAU;QACd,KAAK,EAAE,UAAU;KAClB,CAAC,IAAI,CAAC,CAAC;IAER,MAAM,eAAe,GAAG;QACtB,EAAE,EAAE,oBAAoB;QACxB,EAAE,EAAE,oBAAoB;QACxB,EAAE,EAAE,gBAAgB;QACpB,EAAE,EAAE,gBAAgB;QACpB,KAAK,EAAE,gBAAgB;KACxB,CAAC,IAAI,CAAC,CAAC;IAER,OAAO,CACL,4BACc,KAAK,EACjB,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,CAAC,YAEhE,eAAK,SAAS,EAAC,qCAAqC,aAClD,cACE,SAAS,EAAE,EAAE,CACX,gGAAgG,EAChG,WAAW,CACZ,GACD,EACF,cACE,SAAS,EAAE,EAAE,CACX,2DAA2D,EAC3D,eAAe,CAChB,YAED,cAAK,SAAS,EAAC,qFAAqF,GAAG,GACnG,IACF,GACF,CACP,CAAC;AACJ,CAAC"}

package/components/Surface.d.ts

@@ -3,7 +3,7 @@ import { Color } from '../types.js';
 export type SurfaceVariant = 'transparent' | 'solid' | 'gradient' | 'solid-fill' | 'gradient-fill';
 interface SurfaceOwnProps<C extends ElementType = 'div'> {
     /**
-     * Surface depth level (1–5). Drives the background tone via `surface-level-N` classes
+     * Surface depth level (1–5). Drives the background tone via `data-level="N"` attribute
      * and propagates to nested surfaces through `SurfaceContext`.
      *
      * Accepts:
@@ -30,7 +30,7 @@ interface SurfaceOwnProps<C extends ElementType = 'div'> {
      * - `transparent` - no background; children render at the parent level (used for nested groupings).
      * - `solid` - flat surface fill (default).
      * - `gradient` - diagonal highlight→surface gradient.
-     * - `solid-fill` - flat primary/accent fill (text inverts to `text-on-primary`).
+     * - `solid-fill` - flat primary/accent fill (text inverts to `text-cladd-on-primary`).
      * - `gradient-fill` - diagonal accent gradient (text inverts).
      */
     variant?: SurfaceVariant;
@@ -45,7 +45,7 @@ interface SurfaceOwnProps<C extends ElementType = 'div'> {
     pressed?: boolean;
     /** Enables hover background overlay. For `variant="transparent"`, also reveals the surface fill on hover. */
     hoverable?: boolean;
-    /** Accent color token. Sets the surface's `color-{name}` class - drives accent-aware borders, fills, and text colors. */
+    /** Accent color token. Sets the surface's `data-color` attribute - drives accent-aware borders, fills, and text colors. */
     color?: Color;
     /**
      * Slot rendered between the background layer and the content wrapper, **outside** the

package/components/Surface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Surface.d.ts","sourceRoot":"","sources":["../../../src/components/Surface.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAI9E,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,MAAM,MAAM,cAAc,GACtB,aAAa,GACb,OAAO,GACP,UAAU,GACV,YAAY,GACZ,eAAe,CAAC;AAEpB,UAAU,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK;IACrD;;;;;;;;;;;OAWG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8GAA8G;IAC9G,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mGAAmG;IACnG,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0GAA0G;IAC1G,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;;OAGG;IACH,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,mGAAmG;IACnG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wFAAwF;IACxF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6GAA6G;IAC7G,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yHAAyH;IACzH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iDAAiD;IACjD,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CACxB;AAED,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,GAC1E,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;AAE9D,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EACnD,OAAO,YAAY,CAAC,CAAC,CAAC,4CA2HvB,CAAC"}
+{"version":3,"file":"Surface.d.ts","sourceRoot":"","sources":["../../../src/components/Surface.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAI9E,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,MAAM,MAAM,cAAc,GACtB,aAAa,GACb,OAAO,GACP,UAAU,GACV,YAAY,GACZ,eAAe,CAAC;AAEpB,UAAU,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK;IACrD;;;;;;;;;;;OAWG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8GAA8G;IAC9G,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mGAAmG;IACnG,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0GAA0G;IAC1G,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;;OAGG;IACH,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,mGAAmG;IACnG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wFAAwF;IACxF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6GAA6G;IAC7G,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2HAA2H;IAC3H,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iDAAiD;IACjD,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CACxB;AAED,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,GAC1E,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;AAE9D,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EACnD,OAAO,YAAY,CAAC,CAAC,CAAC,4CA4HvB,CAAC"}

package/components/Surface.js

@@ -18,19 +18,22 @@ export const Surface = (props) => {
     const currentLevel = Math.max(1, Math.min(typeof levelProp === 'undefined' ? contextLevel + 1 : Number(levelProp), MAX_LEVEL));
     const Component = asProp;
     const isFill = variant === 'solid-fill' || variant === 'gradient-fill';
-    return (_jsxs(Component, { className: cn('surface relative', isFill ? 'text-on-primary' : 'text-on-surface', (clickable || hoverable) && 'group/surface', `surface-level-${currentLevel}`, color && `color-${color}`, className), ref: ref, ...rest, children: [_jsx("div", { className: cn('pointer-events-none absolute inset-0 rounded-[inherit]', variant === 'solid' && 'bg-surface', variant === 'solid-fill' && 'bg-primary', variant === 'gradient' &&
-                    'bg-linear-to-br from-surface-highlight to-surface', variant === 'gradient-fill' &&
-                    'bg-linear-to-br from-primary to-primary/85 light:from-primary/80 light:to-primary', outline &&
-                    cn(isFill ? 'shadow-surface-outline-fill' : 'shadow-surface-outline'), variant === 'transparent' &&
+    return (_jsxs(Component, { ...(color && { 'data-color': color }), "data-level": currentLevel, className: cn('cladd-surface relative', isFill ? 'text-cladd-on-primary' : 'text-cladd-fg', (clickable || hoverable) && 'group/cladd-surface', className), ref: ref, ...rest, children: [_jsx("div", { className: cn('pointer-events-none absolute inset-0 rounded-[inherit]', variant === 'solid' && 'bg-cladd-surface', variant === 'solid-fill' && 'bg-cladd-primary', variant === 'gradient' &&
+                    'bg-linear-to-br from-cladd-surface-highlight to-cladd-surface', variant === 'gradient-fill' &&
+                    'bg-linear-to-br from-cladd-primary to-cladd-primary/85 light:from-cladd-primary/80 light:to-cladd-primary', outline &&
+                    cn(isFill ? 'shadow-cladd-outline-fill' : 'shadow-cladd-outline'), variant === 'transparent' &&
                     hoverable &&
-                    'duration-200 group-hover/surface:bg-surface', hoverable && clickable && 'group-active/surface:bg-surface', bgClassName), children: (hoverable || clickable) && (_jsx("div", { className: cn('absolute inset-0 rounded-[inherit] opacity-0 duration-200', hoverable &&
+                    'duration-200 group-hover/cladd-surface:bg-cladd-surface', variant === 'transparent' &&
+                    hoverable &&
+                    clickable &&
+                    'group-active/cladd-surface:bg-cladd-surface', bgClassName), children: (hoverable || clickable) && (_jsx("div", { className: cn('absolute inset-0 rounded-[inherit] opacity-0 duration-200', hoverable &&
                         !pressed &&
-                        cn('group-hover/surface:opacity-100', isFill
-                            ? 'group-hover/surface:bg-surface-hover-fill'
-                            : 'group-hover/surface:bg-surface-hover'), clickable &&
+                        cn('group-hover/cladd-surface:opacity-100', isFill
+                            ? 'group-hover/cladd-surface:bg-cladd-surface-hover-fill'
+                            : 'group-hover/cladd-surface:bg-cladd-surface-hover'), clickable &&
                         (pressed
-                            ? 'bg-surface-pressed opacity-100'
-                            : 'group-active/surface:bg-surface-pressed group-active/surface:opacity-100')) })) }), _jsxs(SurfaceContextProvider, { level: variant === 'transparent' ? currentLevel - 1 : currentLevel, children: [beforeContent, wrapContent ? (_jsx(SurfaceContent, { className: cn('duration-200', clickable &&
-                            'group-active/surface:scale-95 group-active/surface:opacity-75', contentClassName), children: children })) : (children)] })] }));
+                            ? 'bg-cladd-surface-pressed opacity-100'
+                            : 'group-active/cladd-surface:bg-cladd-surface-pressed group-active/cladd-surface:opacity-100')) })) }), _jsxs(SurfaceContextProvider, { level: variant === 'transparent' ? currentLevel - 1 : currentLevel, children: [beforeContent, wrapContent ? (_jsx(SurfaceContent, { className: cn('duration-200', clickable &&
+                            'group-active/cladd-surface:scale-95 group-active/cladd-surface:opacity-75', contentClassName), children: children })) : (children)] })] }));
 };
 //# sourceMappingURL=Surface.js.map

package/components/Surface.js.map

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

package/components/SurfaceCut.d.ts

@@ -7,7 +7,7 @@ interface SurfaceCutOwnProps<C extends ElementType = 'div'> {
     className?: string;
     /** Render the inset outline ring. Default `true`. */
     outline?: boolean;
-    /** Accent color token. Sets the surface's `color-{name}` class. */
+    /** Accent color token. Sets the surface's `data-color` attribute. */
     color?: Color;
     /** Show hover overlay on the cut surface. Default `false`. */
     hoverable?: boolean;

package/components/SurfaceCut.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SurfaceCut.d.ts","sourceRoot":"","sources":["../../../src/components/SurfaceCut.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAI9E,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,UAAU,kBAAkB,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK;IACxD,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mEAAmE;IACnE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yFAAyF;IACzF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qDAAqD;IACrD,EAAE,CAAC,EAAE,CAAC,CAAC;IACP;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sGAAsG;IACtG,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iDAAiD;IACjD,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CACxB;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IACvD,kBAAkB,CAAC,CAAC,CAAC,GACnB,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC;AAEnE,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EACtD,OAAO,eAAe,CAAC,CAAC,CAAC,4CAuE1B,CAAC"}
+{"version":3,"file":"SurfaceCut.d.ts","sourceRoot":"","sources":["../../../src/components/SurfaceCut.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAI9E,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,UAAU,kBAAkB,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK;IACxD,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qEAAqE;IACrE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yFAAyF;IACzF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qDAAqD;IACrD,EAAE,CAAC,EAAE,CAAC,CAAC;IACP;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sGAAsG;IACtG,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iDAAiD;IACjD,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CACxB;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IACvD,kBAAkB,CAAC,CAAC,CAAC,GACnB,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC;AAEnE,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EACtD,OAAO,eAAe,CAAC,CAAC,CAAC,4CAuE1B,CAAC"}

package/components/SurfaceCut.js

@@ -7,11 +7,11 @@ export const SurfaceCut = (props) => {
     const { children, className = '', outline = true, color, hoverable = false, clickable = false, pressed = false, as: asProp = 'div', wrapContent = true, contentClassName = '', ref, ...rest } = props;
     const Component = asProp;
     const contextLevel = useSurface();
-    return (_jsxs(Component, { className: cn('surface-cut group/surface-cut relative', hoverable && 'group/surface-cut-hoverable', color && `color-${color}`, className), ...rest, ref: ref, children: [_jsx("div", { className: cn(`pointer-events-none absolute inset-0 rounded-[inherit] bg-surface-cut`, outline && 'shadow-surface-cut-outline'), children: (hoverable || clickable) && (_jsx("div", { className: cn('absolute inset-0 rounded-[inherit] opacity-0 duration-200', hoverable &&
-                        'group-hover/surface-cut-hoverable:bg-surface-hover group-hover/surface-cut-hoverable:opacity-100', clickable &&
+    return (_jsxs(Component, { ...(color && { 'data-color': color }), className: cn('cladd-surface-cut group/cladd-surface-cut relative', hoverable && 'group/cladd-surface-cut-hoverable', className), ...rest, ref: ref, children: [_jsx("div", { className: cn(`pointer-events-none absolute inset-0 rounded-[inherit] bg-cladd-surface-cut`, outline && 'shadow-cladd-cut-outline'), children: (hoverable || clickable) && (_jsx("div", { className: cn('absolute inset-0 rounded-[inherit] opacity-0 duration-200', hoverable &&
+                        'group-hover/cladd-surface-cut-hoverable:bg-cladd-surface-hover group-hover/cladd-surface-cut-hoverable:opacity-100', clickable &&
                         (pressed
-                            ? 'bg-surface-pressed opacity-100'
-                            : 'group-active/surface-cut:bg-surface-pressed group-active/surface-cut:opacity-100')) })) }), _jsx(SurfaceContextProvider, { level: contextLevel - 1, children: wrapContent ? (_jsx(SurfaceCutContent, { className: cn(clickable &&
-                        'duration-200 group-active/surface-cut:scale-95 group-active/surface-cut:opacity-75', contentClassName), children: children })) : (children) })] }));
+                            ? 'bg-cladd-surface-pressed opacity-100'
+                            : 'group-active/cladd-surface-cut:bg-cladd-surface-pressed group-active/cladd-surface-cut:opacity-100')) })) }), _jsx(SurfaceContextProvider, { level: contextLevel - 1, children: wrapContent ? (_jsx(SurfaceCutContent, { className: cn(clickable &&
+                        'duration-200 group-active/cladd-surface-cut:scale-95 group-active/cladd-surface-cut:opacity-75', contentClassName), children: children })) : (children) })] }));
 };
 //# sourceMappingURL=SurfaceCut.js.map

package/components/SurfaceCut.js.map

@@ -1 +1 @@
-{"version":3,"file":"SurfaceCut.js","sourceRoot":"","sources":["../../../src/components/SurfaceCut.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAkCxD,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,KAAyB,EACzB,EAAE;IACF,MAAM,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,IAAI,EACd,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,KAAK,EACf,EAAE,EAAE,MAAM,GAAG,KAAK,EAClB,WAAW,GAAG,IAAI,EAClB,gBAAgB,GAAG,EAAE,EACrB,GAAG,EACH,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,MAAqB,CAAC;IAExC,MAAM,YAAY,GAAG,UAAU,EAAE,CAAC;IAElC,OAAO,CACL,MAAC,SAAS,IACR,SAAS,EAAE,EAAE,CACX,wCAAwC,EACxC,SAAS,IAAI,6BAA6B,EAC1C,KAAK,IAAI,SAAS,KAAK,EAAE,EACzB,SAAS,CACV,KACG,IAAI,EACR,GAAG,EAAE,GAAG,aAGR,cACE,SAAS,EAAE,EAAE,CACX,uEAAuE,EACvE,OAAO,IAAI,4BAA4B,CACxC,YAGA,CAAC,SAAS,IAAI,SAAS,CAAC,IAAI,CAC3B,cACE,SAAS,EAAE,EAAE,CACX,2DAA2D,EAC3D,SAAS;wBACP,kGAAkG,EACpG,SAAS;wBACP,CAAC,OAAO;4BACN,CAAC,CAAC,gCAAgC;4BAClC,CAAC,CAAC,kFAAkF,CAAC,CAC1F,GACD,CACH,GACG,EACN,KAAC,sBAAsB,IAAC,KAAK,EAAE,YAAY,GAAG,CAAC,YAC5C,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,iBAAiB,IAChB,SAAS,EAAE,EAAE,CACX,SAAS;wBACP,oFAAoF,EACtF,gBAAgB,CACjB,YAEA,QAAQ,GACS,CACrB,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,GACsB,IACf,CACb,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"SurfaceCut.js","sourceRoot":"","sources":["../../../src/components/SurfaceCut.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAkCxD,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,KAAyB,EACzB,EAAE;IACF,MAAM,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,IAAI,EACd,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,KAAK,EACf,EAAE,EAAE,MAAM,GAAG,KAAK,EAClB,WAAW,GAAG,IAAI,EAClB,gBAAgB,GAAG,EAAE,EACrB,GAAG,EACH,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,MAAqB,CAAC;IAExC,MAAM,YAAY,GAAG,UAAU,EAAE,CAAC;IAElC,OAAO,CACL,MAAC,SAAS,OACJ,CAAC,KAAK,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,EACtC,SAAS,EAAE,EAAE,CACX,oDAAoD,EACpD,SAAS,IAAI,mCAAmC,EAChD,SAAS,CACV,KACG,IAAI,EACR,GAAG,EAAE,GAAG,aAGR,cACE,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,OAAO,IAAI,0BAA0B,CACtC,YAGA,CAAC,SAAS,IAAI,SAAS,CAAC,IAAI,CAC3B,cACE,SAAS,EAAE,EAAE,CACX,2DAA2D,EAC3D,SAAS;wBACP,oHAAoH,EACtH,SAAS;wBACP,CAAC,OAAO;4BACN,CAAC,CAAC,sCAAsC;4BACxC,CAAC,CAAC,oGAAoG,CAAC,CAC5G,GACD,CACH,GACG,EACN,KAAC,sBAAsB,IAAC,KAAK,EAAE,YAAY,GAAG,CAAC,YAC5C,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,iBAAiB,IAChB,SAAS,EAAE,EAAE,CACX,SAAS;wBACP,gGAAgG,EAClG,gBAAgB,CACjB,YAEA,QAAQ,GACS,CACrB,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,GACsB,IACf,CACb,CAAC;AACJ,CAAC,CAAC"}

package/components/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EACX,SAAS,EAET,wBAAwB,EACzB,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,OAAO,EAAW,cAAc,EAAE,MAAM,WAAW,CAAC;AAEpD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,UAAU,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,OAAO;IACtD,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gGAAgG;IAChG,QAAQ,CAAC,EAAE,CACT,OAAO,EAAE,OAAO,EAChB,KAAK,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KACxC,IAAI,CAAC;IACV,2EAA2E;IAC3E,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;;OAIG;IACH,EAAE,CAAC,EAAE,CAAC,CAAC;IACP;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC;IACrD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,4DAA4D;IAC5D,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,oDAAoD;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACpC;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,OAAO,IAAI,cAAc,CAAC,CAAC,CAAC,GAC1E,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;AAE7D,wBAAgB,MAAM,CAAC,CAAC,SAAS,WAAW,GAAG,OAAO,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,2CAsK5E"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EACX,SAAS,EAET,wBAAwB,EACzB,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,OAAO,EAAW,cAAc,EAAE,MAAM,WAAW,CAAC;AAEpD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,UAAU,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,OAAO;IACtD,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gGAAgG;IAChG,QAAQ,CAAC,EAAE,CACT,OAAO,EAAE,OAAO,EAChB,KAAK,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KACxC,IAAI,CAAC;IACV,2EAA2E;IAC3E,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;;OAIG;IACH,EAAE,CAAC,EAAE,CAAC,CAAC;IACP;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC;IACrD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,4DAA4D;IAC5D,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,oDAAoD;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACpC;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,OAAO,IAAI,cAAc,CAAC,CAAC,CAAC,GAC1E,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;AAE7D,wBAAgB,MAAM,CAAC,CAAC,SAAS,WAAW,GAAG,OAAO,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,2CA2K5E"}

package/components/Switch.js

@@ -39,10 +39,10 @@ export function Switch(props) {
             },
         }
         : {};
-    return (_jsxs(Component, { className: cn('switch group/switch relative flex shrink-0 rounded-full select-none', size === 'sm' && 'w-10 p-1', size === 'md' && 'w-12 p-1', className), onContextMenuCapture: (e) => e.preventDefault(), ref: elRef, ...ariaFallback, children: [input && (_jsx("input", { checked: checked, type: "checkbox", role: "switch", "aria-checked": checked, disabled: disabled || readOnly, readOnly: readOnly, className: "pointer-events-none absolute inset-0 z-10 opacity-0", onChange: (e) => onChange(!checked, e) })), _jsx(Surface, { level: surfaceLevel, className: "absolute inset-0 rounded-full", outline: outline, variant: variant, wrapContent: false }), _jsxs(Surface, { className: cn('z-10 rounded-full duration-300', size === 'sm' && 'size-4', size === 'md' && 'size-5', checked && size === 'sm' && `translate-x-4`, checked && size === 'md' && `translate-x-5`, disabled && 'opacity-50'), contentClassName: "flex items-center justify-center", variant: knobVariant, outline: knobOutline, level: knobSurfaceLevel, clickable: !disabled && !readOnly, hoverable: !disabled && !readOnly, beforeContent: _jsx(Surface, { className: cn('absolute inset-0 size-full shrink-0 rounded-full duration-200', !checked && 'scale-0', checked ? 'opacity-100' : 'opacity-0'), color: color, outline: true, level: '+0', variant: 'gradient-fill', clickable: !disabled && !readOnly, hoverable: !disabled && !readOnly }), children: [icon && typeof icon === 'function' && icon(checked), icon && typeof icon !== 'function' && icon, !icon && (_jsx("span", { className: cn('absolute inset-0', checked && `color-${color}`, size === 'sm' && 'scale-80'), children: _jsxs("span", { className: cn('absolute inset-0 duration-300 group-active/switch:scale-90', checked && 'rotate-180', !checked && size === 'sm' && 'rotate-90'), children: [_jsx("span", { className: cn('absolute top-1/2 left-1/2 -mt-px -ml-2 h-0.5 w-4 rotate-45 rounded-full duration-300', checked ? 'bg-on-primary' : 'bg-on-surface-dark', checked
-                                        ? 'translate-x-0.5 -translate-y-[1.75px] scale-x-40'
-                                        : 'scale-x-75') }), _jsx("span", { className: cn('absolute top-1/2 left-1/2 -mt-px -ml-2 h-0.5 w-4 -rotate-45 rounded-full duration-300', checked ? 'bg-on-primary' : 'bg-on-surface-dark', checked
-                                        ? '-translate-x-[1.5px] scale-x-60 -rotate-60'
+    return (_jsxs(Component, { "data-checked": checked || undefined, "data-unchecked": !checked || undefined, "data-disabled": disabled || undefined, "data-readonly": readOnly || undefined, className: cn('cladd-switch group/cladd-switch relative flex shrink-0 rounded-full select-none', size === 'sm' && 'w-10 p-1', size === 'md' && 'w-12 p-1', className), onContextMenuCapture: (e) => e.preventDefault(), ref: elRef, ...ariaFallback, children: [input && (_jsx("input", { "data-part": "input", checked: checked, type: "checkbox", role: "switch", "aria-checked": checked, disabled: disabled || readOnly, readOnly: readOnly, className: "pointer-events-none absolute inset-0 z-10 opacity-0", onChange: (e) => onChange(!checked, e) })), _jsx(Surface, { "data-part": "track", level: surfaceLevel, className: "absolute inset-0 rounded-full", outline: outline, variant: variant, wrapContent: false }), _jsxs(Surface, { "data-part": "thumb", className: cn('z-10 rounded-full duration-300', size === 'sm' && 'size-cladd-thumb-xs', size === 'md' && 'size-cladd-thumb-sm', checked && size === 'sm' && `translate-x-cladd-thumb-xs`, checked && size === 'md' && `translate-x-cladd-thumb-sm`, disabled && 'opacity-50'), contentClassName: "flex items-center justify-center", variant: knobVariant, outline: knobOutline, level: knobSurfaceLevel, clickable: !disabled && !readOnly, hoverable: !disabled && !readOnly, beforeContent: _jsx(Surface, { className: cn('absolute inset-0 size-full shrink-0 rounded-full duration-200', !checked && 'scale-0', checked ? 'opacity-100' : 'opacity-0'), color: color, outline: true, level: '+0', variant: 'gradient-fill', clickable: !disabled && !readOnly, hoverable: !disabled && !readOnly }), children: [icon && typeof icon === 'function' && icon(checked), icon && typeof icon !== 'function' && icon, !icon && (_jsx("span", { "data-part": "indicator", ...(checked && { 'data-color': color }), className: cn('absolute inset-0', size === 'sm' && 'scale-80'), children: _jsxs("span", { className: cn('absolute inset-0 duration-300 group-active/cladd-switch:scale-90', checked && 'rotate-180', !checked && size === 'sm' && 'rotate-90'), children: [_jsx("span", { className: cn('absolute top-1/2 left-1/2 -mt-px -ml-2 h-0.5 w-4 rotate-45 rounded-full duration-300', checked ? 'bg-cladd-on-primary' : 'bg-cladd-fg-soft', checked
+                                        ? 'translate-x-0.5 translate-y-[-1.75px] scale-x-40'
+                                        : 'scale-x-75') }), _jsx("span", { className: cn('absolute top-1/2 left-1/2 -mt-px -ml-2 h-0.5 w-4 -rotate-45 rounded-full duration-300', checked ? 'bg-cladd-on-primary' : 'bg-cladd-fg-soft', checked
+                                        ? 'translate-x-[-1.5px] scale-x-60 -rotate-60'
                                         : 'scale-x-75') })] }) })), focusableComputed && !disabled && !readOnly && (_jsx(FocusableLayer, { className: "rounded-full", group: "switch" }))] })] }));
 }
 //# sourceMappingURL=Switch.js.map

package/components/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/components/Switch.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/components/Switch.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,GAKP,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAkB,MAAM,WAAW,CAAC;AAwEpD,MAAM,UAAU,MAAM,CAAkC,KAAqB;IAC3E,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,EACJ,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,KAAK,GAAG,WAAW,EACnB,EAAE,EAAE,MAAM,GAAG,OAAO,EACpB,IAAI,EACJ,IAAI,GAAG,IAAI,EACX,SAAS,EACT,KAAK,GAAG,IAAI,EACZ,SAAS,EACT,SAAS,EACT,OAAO,GAAG,IAAI,EACd,OAAO,GAAG,OAAO,EACjB,YAAY,GAAG,IAAI,EACnB,WAAW,GAAG,IAAI,EAClB,WAAW,GAAG,UAAU,EACxB,gBAAgB,GAAG,IAAI,GACxB,GAAG,KAAK,CAAC;IACV,MAAM,KAAK,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAC/C,IAAI,iBAAiB,GAAG,SAAS,CAAC;IAClC,IAAI,iBAAiB,GAAG,SAAS,CAAC;IAElC,IAAI,OAAO,iBAAiB,KAAK,WAAW,EAAE,CAAC;QAC7C,iBAAiB,GAAG,MAAM,KAAK,OAAO,CAAC;IACzC,CAAC;IACD,IAAI,OAAO,iBAAiB,KAAK,WAAW,EAAE,CAAC;QAC7C,iBAAiB,GAAG,MAAM,KAAK,OAAO,IAAI,KAAK,CAAC;IAClD,CAAC;IAED,MAAM,SAAS,GAAG,MAAqB,CAAC;IACxC,MAAM,YAAY,GAAG,CAAC,KAAK;QACzB,CAAC,CAAC;YACE,IAAI,EAAE,QAAQ;YACd,cAAc,EAAE,OAAO;YACvB,eAAe,EAAE,QAAQ,IAAI,SAAS;YACtC,eAAe,EAAE,QAAQ,IAAI,SAAS;YACtC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC3B,SAAS,EAAE,CAAC,CAAmC,EAAE,EAAE;gBACjD,IAAI,QAAQ,IAAI,QAAQ;oBAAE,OAAO;gBACjC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;oBACvC,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;gBACrB,CAAC;YACH,CAAC;YACD,OAAO,EAAE,GAAG,EAAE;gBACZ,IAAI,QAAQ,IAAI,QAAQ;oBAAE,OAAO;gBACjC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;YACrB,CAAC;SACF;QACH,CAAC,CAAC,EAAE,CAAC;IACP,OAAO,CACL,MAAC,SAAS,oBACM,OAAO,IAAI,SAAS,oBAClB,CAAC,OAAO,IAAI,SAAS,mBACtB,QAAQ,IAAI,SAAS,mBACrB,QAAQ,IAAI,SAAS,EACpC,SAAS,EAAE,EAAE,CACX,iFAAiF,EACjF,IAAI,KAAK,IAAI,IAAI,UAAU,EAC3B,IAAI,KAAK,IAAI,IAAI,UAAU,EAC3B,SAAS,CACV,EACD,oBAAoB,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,EAC3D,GAAG,EAAE,KAAK,KACN,YAAY,aAEf,KAAK,IAAI,CACR,6BACY,OAAO,EACjB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,kBACC,OAAO,EACrB,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,qDAAqD,EAC/D,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,GACtC,CACH,EAGD,KAAC,OAAO,iBACI,OAAO,EACjB,KAAK,EAAE,YAAY,EACnB,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,KAAK,GAClB,EAGF,MAAC,OAAO,iBACI,OAAO,EACjB,SAAS,EAAE,EAAE,CACX,gCAAgC,EAChC,IAAI,KAAK,IAAI,IAAI,qBAAqB,EACtC,IAAI,KAAK,IAAI,IAAI,qBAAqB,EACtC,OAAO,IAAI,IAAI,KAAK,IAAI,IAAI,4BAA4B,EACxD,OAAO,IAAI,IAAI,KAAK,IAAI,IAAI,4BAA4B,EACxD,QAAQ,IAAI,YAAY,CACzB,EACD,gBAAgB,EAAC,kCAAkC,EACnD,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,gBAAgB,EACvB,SAAS,EAAE,CAAC,QAAQ,IAAI,CAAC,QAAQ,EACjC,SAAS,EAAE,CAAC,QAAQ,IAAI,CAAC,QAAQ,EACjC,aAAa,EACX,KAAC,OAAO,IACN,SAAS,EAAE,EAAE,CACX,+DAA+D,EAC/D,CAAC,OAAO,IAAI,SAAS,EACrB,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,CACtC,EACD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,IAAI,EACb,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,eAAe,EACxB,SAAS,EAAE,CAAC,QAAQ,IAAI,CAAC,QAAQ,EACjC,SAAS,EAAE,CAAC,QAAQ,IAAI,CAAC,QAAQ,GACjC,aAGH,IAAI,IAAI,OAAO,IAAI,KAAK,UAAU,IAAI,IAAI,CAAC,OAAO,CAAC,EACnD,IAAI,IAAI,OAAO,IAAI,KAAK,UAAU,IAAI,IAAI,EAC1C,CAAC,IAAI,IAAI,CACR,4BACY,WAAW,KACjB,CAAC,OAAO,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,EACxC,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,IAAI,KAAK,IAAI,IAAI,UAAU,CAAC,YAE9D,gBACE,SAAS,EAAE,EAAE,CACX,kEAAkE,EAClE,OAAO,IAAI,YAAY,EACvB,CAAC,OAAO,IAAI,IAAI,KAAK,IAAI,IAAI,WAAW,CACzC,aAED,eACE,SAAS,EAAE,EAAE,CACX,sFAAsF,EACtF,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,kBAAkB,EACpD,OAAO;wCACL,CAAC,CAAC,kDAAkD;wCACpD,CAAC,CAAC,YAAY,CACjB,GACD,EACF,eACE,SAAS,EAAE,EAAE,CACX,uFAAuF,EACvF,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,kBAAkB,EACpD,OAAO;wCACL,CAAC,CAAC,4CAA4C;wCAC9C,CAAC,CAAC,YAAY,CACjB,GACD,IACG,GACF,CACR,EAEA,iBAAiB,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,CAC9C,KAAC,cAAc,IAAC,SAAS,EAAC,cAAc,EAAC,KAAK,EAAC,QAAQ,GAAG,CAC3D,IACO,IACA,CACb,CAAC;AACJ,CAAC"}

package/components/TextArea.d.ts

@@ -55,7 +55,7 @@ interface TextAreaOwnProps<C extends ElementType = 'div'> {
     /** Reserved - currently not applied in the rendered output. */
     inputPadding?: string;
 }
-export type TextAreaProps<C extends ElementType = 'div'> = TextAreaOwnProps<C> & Omit<ComponentPropsWithoutRef<C>, keyof TextAreaOwnProps<C>>;
-export declare const TextArea: <C extends ElementType = "div">(props: TextAreaProps<C>) => import("react/jsx-runtime").JSX.Element;
+export type TextareaProps<C extends ElementType = 'div'> = TextAreaOwnProps<C> & Omit<ComponentPropsWithoutRef<C>, keyof TextAreaOwnProps<C>>;
+export declare const Textarea: <C extends ElementType = "div">(props: TextareaProps<C>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=TextArea.d.ts.map

package/components/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,WAAW,EACX,SAAS,EACT,GAAG,EACH,UAAU,EACV,aAAa,EACb,SAAS,EAGT,wBAAwB,EACzB,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAKjC,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAE7D,UAAU,gBAAgB,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK;IACtD,wHAAwH;IACxH,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,wCAAwC;IACxC,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IACvB,sGAAsG;IACtG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACtE,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACvD,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAClD,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACjD,iGAAiG;IACjG,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,8CAA8C;IAC9C,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iFAAiF;IACjF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kEAAkE;IAClE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+CAA+C;IAC/C,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,6GAA6G;IAC7G,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mGAAmG;IACnG,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mEAAmE;IACnE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uDAAuD;IACvD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,gBAAgB,CAAC,CAAC,CAAC,GAC5E,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;AAE/D,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EACpD,OAAO,aAAa,CAAC,CAAC,CAAC,4CA0NxB,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,WAAW,EACX,SAAS,EACT,GAAG,EACH,UAAU,EACV,aAAa,EACb,SAAS,EAGT,wBAAwB,EACzB,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAE7D,UAAU,gBAAgB,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK;IACtD,wHAAwH;IACxH,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,wCAAwC;IACxC,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IACvB,sGAAsG;IACtG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACtE,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACvD,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAClD,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACjD,iGAAiG;IACjG,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,8CAA8C;IAC9C,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iFAAiF;IACjF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kEAAkE;IAClE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+CAA+C;IAC/C,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,6GAA6G;IAC7G,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mGAAmG;IACnG,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mEAAmE;IACnE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uDAAuD;IACvD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,gBAAgB,CAAC,CAAC,CAAC,GAC5E,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;AAE/D,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EACpD,OAAO,aAAa,CAAC,CAAC,CAAC,4CAyNxB,CAAC"}

package/components/TextArea.js

@@ -3,10 +3,10 @@ import { useEffect, useRef, useState, } from 'react';
 import { useAccentColor } from '../hooks/use-accent-color.js';
 import { cn } from '../shared/cn.js';
 import { roundedClasses } from '../shared/rounded-classes.js';
+import { rootSizeClasses } from '../shared/size-utls.js';
 import { FocusableLayer } from './FocusableLayer.js';
 import { SurfaceCut } from './SurfaceCut.js';
-import { SurfaceCutContent } from './SurfaceCutContent.js';
-export const TextArea = (props) => {
+export const Textarea = (props) => {
     const accentColor = useAccentColor();
     const { as: asProp = 'div', ref: externalRef, value, placeholder, disabled = false, readOnly, rounded = false, size = 'lg', onChange = () => { }, onKeyDown = () => { }, onFocus = () => { }, onBlur = () => { }, color = accentColor, prefix, suffix, updateContentOnChange = true, className, contentClassName, inputClassName, placeholderClassName = '', valid = true, infoMessage, errorMessage, icon, surfaceClassName, } = props;
     const fontSizes = {
@@ -45,13 +45,7 @@ export const TextArea = (props) => {
         '2xl': 'pl-9.5 pr-4',
     };
     const { itemRoundedClasses, focusRoundedClasses } = roundedClasses(size, rounded, true);
-    const heights = {
-        sm: 'min-h-6',
-        md: 'min-h-7',
-        lg: 'min-h-8',
-        xl: 'min-h-10',
-        '2xl': 'min-h-12',
-    };
+    const height = rootSizeClasses(size, 'min-height');
     const inputPadding = cn(inputPaddingVertical[size], icon ? inputPaddingWithIcon[size] : inputPaddingNoIcon[size]);
     const elRef = useRef(null);
     const inputElRef = useRef(null);
@@ -77,7 +71,7 @@ export const TextArea = (props) => {
         }
     }, [value]);
     const Component = asProp;
-    return (_jsxs(Component, { className: cn('input group/textarea relative', disabled && 'opacity-50', className), children: [!readOnly && !disabled && (_jsx(FocusableLayer, { className: cn(focusRoundedClasses, valid === false && 'color-red'), force: valid === false, color: valid === false ? 'red' : color, group: "textarea" })), _jsx(SurfaceCut, { className: cn(itemRoundedClasses, surfaceClassName), hoverable: !disabled && !readOnly, onContextMenuCapture: (e) => e.preventDefault(), ref: (el) => {
+    return (_jsxs(Component, { "data-disabled": disabled || undefined, "data-readonly": readOnly || undefined, "data-invalid": valid === false || undefined, className: cn('cladd-textarea group/cladd-textarea relative', disabled && 'opacity-50', className), children: [!readOnly && !disabled && (_jsx(FocusableLayer, { className: cn(focusRoundedClasses), force: valid === false, color: valid === false ? 'red' : color, group: "textarea" })), _jsxs(SurfaceCut, { "data-part": "wrapper", className: cn(itemRoundedClasses, surfaceClassName), hoverable: !disabled && !readOnly, onContextMenuCapture: (e) => e.preventDefault(), contentClassName: cn('flex items-center', contentClassName), ref: (el) => {
                     elRef.current = el;
                     if (externalRef) {
                         if (typeof externalRef === 'function')
@@ -85,6 +79,6 @@ export const TextArea = (props) => {
                         else
                             externalRef.current = el;
                     }
-                }, children: _jsxs(SurfaceCutContent, { className: cn('flex items-center', contentClassName), children: [prefix, icon && (_jsx("div", { className: cn('pointer-events-none absolute', iconWrapClasses[size]), children: icon })), _jsxs("div", { className: "relative w-full", children: [_jsx("div", { contentEditable: !disabled && !readOnly, ref: inputElRef, className: cn(inputPadding, heights[size], itemRoundedClasses, fontSizes[size], 'w-full appearance-none border-none bg-transparent font-medium shadow-none outline-none', disabled && 'text-on-surface-darker', inputClassName), onPaste: onPaste, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, onInput: onInput }), !text && placeholder && (_jsx("div", { className: cn('pointer-events-none absolute top-0 left-0 h-full w-full text-on-surface-darker select-none', fontSizes[size], inputPadding, placeholderClassName), children: placeholder }))] }), suffix] }) }), infoMessage && valid !== false && !readOnly && (_jsx("div", { className: cn('pointer-events-none absolute -top-1.5 left-2 z-10 translate-y-1 rounded-lg bg-primary px-2 py-1.5 text-[10px] leading-none font-semibold text-on-primary opacity-0 duration-200 group-has-[[contenteditable]:focus]/textarea:-translate-y-1/2 group-has-[[contenteditable]:focus]/textarea:opacity-100', `color-${color}`), children: infoMessage })), errorMessage && valid === false && (_jsx("div", { className: cn('pointer-events-none absolute -top-1.5 left-2 z-10 -translate-y-1/2 rounded-sm bg-primary px-1 py-0.5 text-[10px] leading-none font-semibold text-on-primary opacity-100 duration-200', `color-red`), children: errorMessage }))] }));
+                }, children: [prefix, icon && (_jsx("div", { "data-part": "icon", className: cn('pointer-events-none absolute', iconWrapClasses[size]), children: icon })), _jsxs("div", { className: "relative w-full", children: [_jsx("div", { "data-part": "control", contentEditable: !disabled && !readOnly, ref: inputElRef, className: cn(inputPadding, height, itemRoundedClasses, fontSizes[size], 'w-full appearance-none border-none bg-transparent font-medium shadow-none outline-none', disabled && 'text-cladd-fg-softer', inputClassName), onPaste: onPaste, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, onInput: onInput }), !text && placeholder && (_jsx("div", { "data-part": "placeholder", className: cn('pointer-events-none absolute top-0 left-0 h-full w-full text-cladd-fg-softer select-none', fontSizes[size], inputPadding, placeholderClassName), children: placeholder }))] }), suffix] }), infoMessage && valid !== false && !readOnly && (_jsx("div", { "data-part": "info", "data-color": color, className: cn('pointer-events-none absolute -top-1.5 left-2 z-10 translate-y-1 rounded-cladd-sm bg-cladd-primary px-2 py-1.5 text-[10px] leading-none font-semibold text-cladd-on-primary opacity-0 duration-200 group-has-[[contenteditable]:focus]/cladd-textarea:-translate-y-1/2 group-has-[[contenteditable]:focus]/cladd-textarea:opacity-100'), children: infoMessage })), errorMessage && valid === false && (_jsx("div", { "data-part": "error", "data-color": "red", className: cn('pointer-events-none absolute -top-1.5 left-2 z-10 -translate-y-1/2 rounded-cladd-sm bg-cladd-primary px-1 py-0.5 text-[10px] leading-none font-semibold text-cladd-on-primary opacity-100 duration-200'), children: errorMessage }))] }));
 };
 //# sourceMappingURL=TextArea.js.map

package/components/TextArea.js.map

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

package/components/ThemeContext.d.ts

@@ -2,6 +2,7 @@ import { Color } from '../types.js';
 type ThemeContextValue = {
     theme: 'dark' | 'light';
     accentColor: Color;
+    overlaysRoot: string;
 };
 export declare const ThemeContext: import("react").Context<ThemeContextValue>;
 /**
@@ -12,12 +13,14 @@ export declare const ThemeContext: import("react").Context<ThemeContextValue>;
  * - per-theme defaults (Dialog/Popover/Tooltip variant, outline, surfaceLevel),
  * - the default `color` for interactive components (Button/Switch/Checkbox/Radio default to `accentColor`).
  */
-export declare const ThemeProvider: ({ children, theme, accentColor, }: {
+export declare const ThemeProvider: ({ children, theme, accentColor, overlaysRoot, }: {
     children: React.ReactNode;
     /** Color scheme to expose to descendants. */
     theme: "dark" | "light";
     /** App-wide accent color token used as the default for interactive components. */
     accentColor: string;
+    /** The root element(s) to insert overlays to. Default `'#app, #__next, #root'`. */
+    overlaysRoot?: string;
 }) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ThemeContext.d.ts.map

package/components/ThemeContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,WAAW,EAAE,KAAK,CAAC;CACpB,CAAC;AACF,eAAO,MAAM,YAAY,4CAGvB,CAAC;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,GAAI,mCAI3B;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6CAA6C;IAC7C,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,kFAAkF;IAClF,WAAW,EAAE,MAAM,CAAC;CACrB,4CAMA,CAAC"}
+{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,WAAW,EAAE,KAAK,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AACF,eAAO,MAAM,YAAY,4CAIvB,CAAC;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,GAAI,iDAK3B;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6CAA6C;IAC7C,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,kFAAkF;IAClF,WAAW,EAAE,MAAM,CAAC;IACpB,mFAAmF;IACnF,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,4CAYA,CAAC"}

package/components/ThemeContext.js

@@ -3,6 +3,7 @@ import { createContext } from 'react';
 export const ThemeContext = createContext({
     theme: 'dark',
     accentColor: 'brand',
+    overlaysRoot: '#app, #__next, #root',
 });
 /**
  * Provides `{ theme, accentColor }` to the rest of the tree via `ThemeContext`.
@@ -12,7 +13,11 @@ export const ThemeContext = createContext({
  * - per-theme defaults (Dialog/Popover/Tooltip variant, outline, surfaceLevel),
  * - the default `color` for interactive components (Button/Switch/Checkbox/Radio default to `accentColor`).
  */
-export const ThemeProvider = ({ children, theme, accentColor, }) => {
-    return (_jsx(ThemeContext.Provider, { value: { theme, accentColor }, children: children }));
+export const ThemeProvider = ({ children, theme, accentColor, overlaysRoot, }) => {
+    return (_jsx(ThemeContext.Provider, { value: {
+            theme,
+            accentColor,
+            overlaysRoot: overlaysRoot ?? '#app, #__next, #root',
+        }, children: children }));
 };
 //# sourceMappingURL=ThemeContext.js.map

package/components/ThemeContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeContext.js","sourceRoot":"","sources":["../../../src/components/ThemeContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAQtC,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAoB;IAC3D,KAAK,EAAE,MAAM;IACb,WAAW,EAAE,OAAO;CACrB,CAAC,CAAC;AAEH;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,KAAK,EACL,WAAW,GAOZ,EAAE,EAAE;IACH,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,YACjD,QAAQ,GACa,CACzB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ThemeContext.js","sourceRoot":"","sources":["../../../src/components/ThemeContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAStC,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAoB;IAC3D,KAAK,EAAE,MAAM;IACb,WAAW,EAAE,OAAO;IACpB,YAAY,EAAE,sBAAsB;CACrC,CAAC,CAAC;AAEH;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,KAAK,EACL,WAAW,EACX,YAAY,GASb,EAAE,EAAE;IACH,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IACpB,KAAK,EAAE;YACL,KAAK;YACL,WAAW;YACX,YAAY,EAAE,YAAY,IAAI,sBAAsB;SACrD,YAEA,QAAQ,GACa,CACzB,CAAC;AACJ,CAAC,CAAC"}

package/components/Toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,WAAW,EAEX,SAAS,EACT,GAAG,EAGJ,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,OAAO,EAAW,cAAc,EAAE,MAAM,WAAW,CAAC;AASpD;;;;GAIG;AACH,eAAO,MAAM,SAAS,GAAI,0DAKvB;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,2FAA2F;IAC3F,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wEAAwE;IACxE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,+FAA+F;IAC/F,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,4CAeA,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAajE,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAa/D,CAAC;AAEF,MAAM,WAAW,UAAU;IACzB,0GAA0G;IAC1G,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sFAAsF;IACtF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gEAAgE;IAChE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gEAAgE;IAChE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uGAAuG;IACvG,aAAa,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IACjC,yGAAyG;IACzG,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,2BAA2B;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,6CAA6C;IAC7C,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qFAAqF;IACrF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,mFAAmF;IACnF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA0HD,eAAO,MAAM,KAAK,GAAI,iCAAiC,UAAU,4CAShE,CAAC"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,WAAW,EAEX,SAAS,EACT,GAAG,EAGJ,MAAM,OAAO,CAAC;AAOf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,OAAO,EAAW,cAAc,EAAE,MAAM,WAAW,CAAC;AASpD;;;;GAIG;AACH,eAAO,MAAM,SAAS,GAAI,0DAKvB;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,2FAA2F;IAC3F,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wEAAwE;IACxE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,+FAA+F;IAC/F,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,4CAeA,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAajE,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAa/D,CAAC;AAEF,MAAM,WAAW,UAAU;IACzB,0GAA0G;IAC1G,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sFAAsF;IACtF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gEAAgE;IAChE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gEAAgE;IAChE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uGAAuG;IACvG,aAAa,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IACjC,yGAAyG;IACzG,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,2BAA2B;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,6CAA6C;IAC7C,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qFAAqF;IACrF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,mFAAmF;IACnF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAwID,eAAO,MAAM,KAAK,GAAI,iCAAiC,UAAU,4CAShE,CAAC"}

package/components/Toast.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { cloneElement, createContext, useContext, useState, useEffect, useRef, } from 'react';
 import { createPortal } from 'react-dom';
 import { useModalUtils } from '../hooks/use-modal-utils.js';
+import { useOverlaysRoot } from '../hooks/use-overlays-root.js';
 import { useTheme } from '../hooks/use-theme.js';
 import { cn } from '../shared/cn.js';
 import { Button } from './Button.js';
@@ -76,7 +77,8 @@ export const ToastClose = ({ children }) => {
 };
 const ToastInner = (props) => {
     const theme = useTheme();
-    const { root = '#app, #__next, #root', phase = 'closed', onPhaseChange = () => { }, onClosed = () => { }, className = '', title, text, stopPropagationOnClick, closeButton = true, color = 'neutral', icon, iconComponent, surfaceLevel = theme === 'dark' ? 3 : 1, variant = 'gradient', outline = true, timeout = 5000, ref, children, } = props;
+    const overlaysRoot = useOverlaysRoot();
+    const { root = overlaysRoot, phase = 'closed', onPhaseChange = () => { }, onClosed = () => { }, className = '', title, text, stopPropagationOnClick, closeButton = true, color = 'neutral', icon, iconComponent, surfaceLevel = theme === 'dark' ? 3 : 1, variant = 'gradient', outline = true, timeout = 5000, ref, children, } = props;
     const elRef = useRef(null);
     const timeoutRef = useRef(null);
     const { opened, open, close } = useModalUtils({
@@ -100,9 +102,9 @@ const ToastInner = (props) => {
         };
     }, []);
     const IconComponent = iconComponent;
-    const content = (_jsxs(Surface, { className: cn(`toast fixed right-safe-4 bottom-safe-4 z-50 max-w-full origin-bottom rounded-3xl`, !opened &&
+    const content = (_jsxs(Surface, { "data-open": opened || undefined, className: cn(`cladd-toast fixed right-safe-4 bottom-safe-4 z-50 max-w-full origin-bottom rounded-cladd-toast`, !opened &&
             cn('translate-y-4 scale-75 opacity-0 duration-200 ease-out!'), opened &&
-            'scale-100 opacity-100 duration-500 ease-[cubic-bezier(0,1,0.2,1.1)] has-[+.toast+.toast+.toast:not(.toast-closing)]:opacity-0 has-[+.toast+.toast:not(.toast-closing)]:-translate-y-8 has-[+.toast+.toast:not(.toast-closing)]:scale-80 has-[+.toast:not(.toast-closing)]:origin-top has-[+.toast:not(.toast-closing)]:-translate-y-4 has-[+.toast:not(.toast-closing)]:scale-90', phase === 'closing' && 'toast-closing', className), ref: (el) => {
+            'scale-100 opacity-100 duration-500 ease-[cubic-bezier(0,1,0.2,1.1)] has-[+.cladd-toast+.cladd-toast+.cladd-toast:not(.toast-closing)]:opacity-0 has-[+.cladd-toast+.cladd-toast:not(.toast-closing)]:-translate-y-8 has-[+.cladd-toast+.cladd-toast:not(.toast-closing)]:scale-80 has-[+.cladd-toast:not(.toast-closing)]:origin-top has-[+.cladd-toast:not(.toast-closing)]:-translate-y-4 has-[+.cladd-toast:not(.toast-closing)]:scale-90', phase === 'closing' && 'toast-closing', className), ref: (el) => {
             elRef.current = el;
             if (typeof ref === 'function') {
                 ref(el);
@@ -115,7 +117,7 @@ const ToastInner = (props) => {
                 e.stopPropagation();
             }
         }, children: [icon ||
-                (iconComponent && (_jsxs("div", { className: "flex shrink-0 items-center [&>svg]:size-4 [&>svg]:shrink-0", children: [icon, iconComponent && _jsx(IconComponent, {})] }))), (title || text) && (_jsxs("div", { className: "flex flex-col gap-1", children: [title && _jsx("div", { className: "text-sm font-semibold", children: title }), text && _jsx("div", { className: "text-xs leading-relaxed", children: text })] })), children, closeButton && (_jsx("div", { className: "ml-auto", children: _jsx(Button, { rounded: true, outline: false, variant: "transparent", onClick: () => {
+                (iconComponent && (_jsxs("div", { "data-part": "icon", className: "flex shrink-0 items-center [&>svg]:size-4 [&>svg]:shrink-0", children: [icon, iconComponent && _jsx(IconComponent, {})] }))), (title || text) && (_jsxs("div", { "data-part": "content", className: "flex flex-col gap-1", children: [title && (_jsx("div", { "data-part": "title", className: "text-sm font-semibold", children: title })), text && (_jsx("div", { "data-part": "text", className: "text-xs leading-relaxed", children: text }))] })), children, closeButton && (_jsx("div", { className: "ml-auto", children: _jsx(Button, { "data-part": "close", rounded: true, outline: false, variant: "transparent", onClick: () => {
                         close();
                     }, children: _jsx(CloseIcon, {}) }) }))] }));
     return root ? createPortal(content, document.querySelector(root)) : content;

package/components/Toast.js.map

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

package/components/Toolbar.d.ts

@@ -18,7 +18,7 @@ interface ToolbarOwnProps<C extends ElementType = 'div'> {
     size?: ButtonSize;
     /** Polymorphic root element. Defaults to `'div'`. */
     as?: C;
-    /** Accent color token. Sets the toolbar's `color-{name}` class. */
+    /** Accent color token. Sets the toolbar's `data-color` attribute. */
     color?: Color;
     /** Forwarded to the polymorphic root element. */
     ref?: Ref<HTMLElement>;