@usefragments/ui 1.6.0 → 2.0.0

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

@@ -1,51 +1,56 @@
-import * as React from 'react';
+import * as React from "react";
 /**
  * Typography component for rendering text with consistent styling.
  * @see https://usefragments.com/components/text
  */
-export type TextRole = 'caption' | 'ui-compact' | 'ui-standard' | 'body-compact' | 'body-relaxed' | 'title-sm' | 'title-md' | 'title-lg' | 'code';
-export type TextSize = '2xs' | 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
-export type TextWeight = 'normal' | 'medium' | 'semibold' | 'bold';
-export type TextFont = 'sans' | 'mono';
-export type TextTracking = 'normal' | 'tight' | 'tighter' | 'tightest';
-type TextSharedProps = Omit<React.HTMLAttributes<HTMLElement>, 'color' | 'role'> & {
+export type TextRole = "caption" | "ui-compact" | "ui-standard" | "body-compact" | "body-relaxed" | "title-sm" | "title-md" | "title-lg" | "display" | "code" | "section-label" | "eyebrow";
+export type TextScale = "2xs" | "xs" | "sm" | "base" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl";
+export type TextWeight = "normal" | "medium" | "semibold" | "bold";
+export type TextFont = "sans" | "mono";
+export type TextTracking = "normal" | "tight" | "tighter" | "tightest";
+type TextSharedProps = Omit<React.HTMLAttributes<HTMLElement>, "color" | "role"> & {
     children: React.ReactNode;
     /** HTML element to render.
      * @default "span" */
-    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label' | 'div' | 'strong' | 'em' | 'small' | 'mark' | 'del' | 'ins' | 'sub' | 'sup' | 'time' | 'address' | 'blockquote' | 'cite' | 'code' | 'abbr';
-    /** Text color. `"muted"` is an alias for `"tertiary"`. `"success" | "warning" | "danger"`
+    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "label" | "div" | "strong" | "em" | "small" | "mark" | "del" | "ins" | "sub" | "sup" | "time" | "address" | "blockquote" | "cite" | "code" | "abbr";
+    /** Text color. `"muted"` is an alias for `"tertiary"`. `"accent"` is the brand
+     * spend for one word inside a line (a repo name). `"success" | "warning" | "danger"`
      * are for a run of text that carries a state on its own; prefer Badge or Alert when the
      * state deserves a container.
      * @default "primary" */
-    color?: 'primary' | 'secondary' | 'tertiary' | 'muted' | 'success' | 'warning' | 'danger';
+    color?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "success" | "warning" | "danger";
     /** Truncate text with ellipsis when it overflows */
     truncate?: boolean;
     /** Number of lines before truncating (requires truncate=true) */
     lineClamp?: number;
-    /** Letter-spacing preset. `"tight"` suits dense UI chrome labels (-0.01em);
-     * `"tighter"` suits headings and stat values (-0.02em); `"tightest"` suits
-     * display numerics (-0.025em). Omit for the font's default tracking. */
     /** Use tabular (fixed-width) numerals so digits align in columns. Ideal for
      * stat values, tables, timestamps, and any updating number. */
     tabularNums?: boolean;
 };
 type TextRoleProps = {
+    /** Typography role: one named setting of size, weight, line height and
+     * tracking. `section-label` is the small list heading; `eyebrow` is the
+     * small semibold label that names a surface above its statement. A role owns the
+     * whole setting, so `scale`, `weight`, `font` and `letterSpacing` are
+     * unavailable beside it. */
     role: TextRole;
-    size?: never;
-    variant?: never;
+    scale?: never;
     weight?: never;
     font?: never;
     letterSpacing?: never;
 };
-type TextLegacyScaleProps = {
+type TextScaleProps = {
     role?: never;
-    size?: TextSize;
-    variant?: 'section-label';
+    /** Step on the type scale, for text that has no role. */
+    scale?: TextScale;
     weight?: TextWeight;
     font?: TextFont;
+    /** Letter-spacing preset. `"tight"` suits dense UI chrome labels (-0.01em);
+     * `"tighter"` suits headings and stat values (-0.02em); `"tightest"` suits
+     * display numerics (-0.025em). Omit for the font's default tracking. */
     letterSpacing?: TextTracking;
 };
-export type TextProps = TextSharedProps & (TextRoleProps | TextLegacyScaleProps);
+export type TextProps = TextSharedProps & (TextRoleProps | TextScaleProps);
 export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLElement>> & {
     Root: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLElement>>;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;GAGG;AACH,MAAM,MAAM,QAAQ,GAChB,SAAS,GACT,YAAY,GACZ,aAAa,GACb,cAAc,GACd,cAAc,GACd,UAAU,GACV,UAAU,GACV,UAAU,GACV,MAAM,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AACjG,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AACnE,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AACvC,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;AAEvE,KAAK,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,GAAG;IACjF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;yBACqB;IACrB,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,IAAI,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,GAAG,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAClN;;;4BAGwB;IACxB,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC1F,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;4EAEwE;IACxE;mEAC+D;IAC/D,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,aAAa,CAAC,EAAE,YAAY,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG,CAAC,aAAa,GAAG,oBAAoB,CAAC,CAAC;AA8DjF,eAAO,MAAM,IAAI;;CAEf,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;GAGG;AACH,MAAM,MAAM,QAAQ,GAChB,SAAS,GACT,YAAY,GACZ,aAAa,GACb,cAAc,GACd,cAAc,GACd,UAAU,GACV,UAAU,GACV,UAAU,GACV,SAAS,GACT,MAAM,GACN,eAAe,GACf,SAAS,CAAC;AAEd,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAClG,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AACnE,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AACvC,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;AAEvE,KAAK,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,GAAG;IACjF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;yBACqB;IACrB,EAAE,CAAC,EACC,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,GAAG,GACH,MAAM,GACN,OAAO,GACP,KAAK,GACL,QAAQ,GACR,IAAI,GACJ,OAAO,GACP,MAAM,GACN,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,MAAM,GACN,SAAS,GACT,YAAY,GACZ,MAAM,GACN,MAAM,GACN,MAAM,CAAC;IACX;;;;4BAIwB;IACxB,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,OAAO,GACP,QAAQ,GACR,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;IACb,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;mEAC+D;IAC/D,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB;;;;gCAI4B;IAC5B,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,yDAAyD;IACzD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;4EAEwE;IACxE,aAAa,CAAC,EAAE,YAAY,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG,CAAC,aAAa,GAAG,cAAc,CAAC,CAAC;AA6D3E,eAAO,MAAM,IAAI;;CAEf,CAAC"}

package/dist/components/Text/index.js

@@ -1,48 +1,52 @@
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import styles from "./Text.module.scss.js";
-const TextRoot = React.forwardRef(
-  function Text2({
-    children,
-    as: Component = "span",
-    role,
-    variant,
-    size,
-    weight,
-    color,
-    font,
-    truncate,
-    lineClamp,
-    letterSpacing,
-    tabularNums,
-    className,
-    style,
-    ...htmlProps
-  }, ref) {
-    const ignoredLegacyProps = role ? [size, variant, weight, font, letterSpacing].some((value) => value !== void 0) : false;
-    if (process.env.NODE_ENV !== "production" && ignoredLegacyProps) {
-      console.warn(
-        "[Text] Semantic role takes precedence over size, variant, weight, font, and letterSpacing."
-      );
-    }
-    const classes = [
-      styles.text,
-      role && styles[`role-${role}`],
-      !role && variant && styles[`variant-${variant}`],
-      !role && size && styles[`size-${size}`],
-      !role && weight && styles[`weight-${weight}`],
-      color && styles[`color-${color}`],
-      !role && font === "mono" && styles.mono,
-      truncate && styles.truncate,
-      lineClamp && styles.lineClamp,
-      !role && letterSpacing && styles[`tracking-${letterSpacing}`],
-      tabularNums && styles.tabularNums,
-      className
-    ].filter(Boolean).join(" ");
-    const lineClampStyle = lineClamp ? { "--fui-line-clamp": lineClamp, ...style } : style;
-    return /* @__PURE__ */ jsx(Component, { ref, className: classes, style: lineClampStyle, ...htmlProps, children });
+import { isProductionBuild } from "../../utils/env.js";
+const TextRoot = React.forwardRef(function Text2({
+  children,
+  as: Component = "span",
+  role,
+  scale,
+  weight,
+  color,
+  font,
+  truncate,
+  lineClamp,
+  letterSpacing,
+  tabularNums,
+  className,
+  style,
+  ...htmlProps
+}, ref) {
+  const ignoredScaleProps = role ? [scale, weight, font, letterSpacing].some((value) => value !== void 0) : false;
+  if (!isProductionBuild() && ignoredScaleProps) {
+    console.warn("[Text] A role takes precedence over scale, weight, font, and letterSpacing.");
   }
-);
+  const classes = [
+    styles.text,
+    role && styles[`role-${role}`],
+    !role && scale && styles[`scale-${scale}`],
+    !role && weight && styles[`weight-${weight}`],
+    color && styles[`color-${color}`],
+    !role && font === "mono" && styles.mono,
+    truncate && styles.truncate,
+    lineClamp && styles.lineClamp,
+    !role && letterSpacing && styles[`tracking-${letterSpacing}`],
+    tabularNums && styles.tabularNums,
+    className
+  ].filter(Boolean).join(" ");
+  const lineClampStyle = lineClamp ? { "--fui-line-clamp": lineClamp, ...style } : style;
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      ref,
+      className: classes,
+      style: lineClampStyle,
+      ...htmlProps,
+      children
+    }
+  );
+});
 const Text = Object.assign(TextRoot, {
   Root: TextRoot
 });

package/dist/components/Textarea/Textarea.module.scss.cjs

@@ -1,25 +1,23 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const wrapper = "_wrapper_1tjgn_1";
-const label = "_label_1tjgn_8";
-const required = "_required_1tjgn_17";
-const helper = "_helper_1tjgn_22";
-const helperError = "_helperError_1tjgn_32";
-const errorMessage = "_errorMessage_1tjgn_33";
-const textarea = "_textarea_1tjgn_43";
-const sm = "_sm_1tjgn_83";
-const md = "_md_1tjgn_95";
-const lg = "_lg_1tjgn_107";
-const resizeNone = "_resize-none_1tjgn_119";
-const resizeVertical = "_resize-vertical_1tjgn_123";
-const resizeHorizontal = "_resize-horizontal_1tjgn_127";
-const resizeBoth = "_resize-both_1tjgn_131";
-const error = "_error_1tjgn_33";
-const success = "_success_1tjgn_146";
-const helperSuccess = "_helperSuccess_1tjgn_160";
-const footer = "_footer_1tjgn_164";
-const charCount = "_charCount_1tjgn_175";
-const charCountOver = "_charCountOver_1tjgn_187";
+const wrapper = "_wrapper_jpwvn_1";
+const label = "_label_jpwvn_8";
+const required = "_required_jpwvn_17";
+const helper = "_helper_jpwvn_22";
+const helperError = "_helperError_jpwvn_32";
+const errorMessage = "_errorMessage_jpwvn_33";
+const textarea = "_textarea_jpwvn_43";
+const sm = "_sm_jpwvn_90";
+const md = "_md_jpwvn_102";
+const lg = "_lg_jpwvn_115";
+const resizeNone = "_resize-none_jpwvn_128";
+const resizeVertical = "_resize-vertical_jpwvn_132";
+const resizeHorizontal = "_resize-horizontal_jpwvn_136";
+const resizeBoth = "_resize-both_jpwvn_140";
+const error = "_error_jpwvn_33";
+const footer = "_footer_jpwvn_159";
+const charCount = "_charCount_jpwvn_170";
+const charCountOver = "_charCountOver_jpwvn_182";
 const styles = {
   wrapper,
   label,
@@ -31,17 +29,15 @@ const styles = {
   sm,
   md,
   lg,
-  "resize-none": "_resize-none_1tjgn_119",
+  "resize-none": "_resize-none_jpwvn_128",
   resizeNone,
-  "resize-vertical": "_resize-vertical_1tjgn_123",
+  "resize-vertical": "_resize-vertical_jpwvn_132",
   resizeVertical,
-  "resize-horizontal": "_resize-horizontal_1tjgn_127",
+  "resize-horizontal": "_resize-horizontal_jpwvn_136",
   resizeHorizontal,
-  "resize-both": "_resize-both_1tjgn_131",
+  "resize-both": "_resize-both_jpwvn_140",
   resizeBoth,
   error,
-  success,
-  helperSuccess,
   footer,
   charCount,
   charCountOver
@@ -54,7 +50,6 @@ exports.errorMessage = errorMessage;
 exports.footer = footer;
 exports.helper = helper;
 exports.helperError = helperError;
-exports.helperSuccess = helperSuccess;
 exports.label = label;
 exports.lg = lg;
 exports.md = md;
@@ -64,6 +59,5 @@ exports.resizeHorizontal = resizeHorizontal;
 exports.resizeNone = resizeNone;
 exports.resizeVertical = resizeVertical;
 exports.sm = sm;
-exports.success = success;
 exports.textarea = textarea;
 exports.wrapper = wrapper;

package/dist/components/Textarea/Textarea.module.scss.js

@@ -1,23 +1,21 @@
-const wrapper = "_wrapper_1tjgn_1";
-const label = "_label_1tjgn_8";
-const required = "_required_1tjgn_17";
-const helper = "_helper_1tjgn_22";
-const helperError = "_helperError_1tjgn_32";
-const errorMessage = "_errorMessage_1tjgn_33";
-const textarea = "_textarea_1tjgn_43";
-const sm = "_sm_1tjgn_83";
-const md = "_md_1tjgn_95";
-const lg = "_lg_1tjgn_107";
-const resizeNone = "_resize-none_1tjgn_119";
-const resizeVertical = "_resize-vertical_1tjgn_123";
-const resizeHorizontal = "_resize-horizontal_1tjgn_127";
-const resizeBoth = "_resize-both_1tjgn_131";
-const error = "_error_1tjgn_33";
-const success = "_success_1tjgn_146";
-const helperSuccess = "_helperSuccess_1tjgn_160";
-const footer = "_footer_1tjgn_164";
-const charCount = "_charCount_1tjgn_175";
-const charCountOver = "_charCountOver_1tjgn_187";
+const wrapper = "_wrapper_jpwvn_1";
+const label = "_label_jpwvn_8";
+const required = "_required_jpwvn_17";
+const helper = "_helper_jpwvn_22";
+const helperError = "_helperError_jpwvn_32";
+const errorMessage = "_errorMessage_jpwvn_33";
+const textarea = "_textarea_jpwvn_43";
+const sm = "_sm_jpwvn_90";
+const md = "_md_jpwvn_102";
+const lg = "_lg_jpwvn_115";
+const resizeNone = "_resize-none_jpwvn_128";
+const resizeVertical = "_resize-vertical_jpwvn_132";
+const resizeHorizontal = "_resize-horizontal_jpwvn_136";
+const resizeBoth = "_resize-both_jpwvn_140";
+const error = "_error_jpwvn_33";
+const footer = "_footer_jpwvn_159";
+const charCount = "_charCount_jpwvn_170";
+const charCountOver = "_charCountOver_jpwvn_182";
 const styles = {
   wrapper,
   label,
@@ -29,17 +27,15 @@ const styles = {
   sm,
   md,
   lg,
-  "resize-none": "_resize-none_1tjgn_119",
+  "resize-none": "_resize-none_jpwvn_128",
   resizeNone,
-  "resize-vertical": "_resize-vertical_1tjgn_123",
+  "resize-vertical": "_resize-vertical_jpwvn_132",
   resizeVertical,
-  "resize-horizontal": "_resize-horizontal_1tjgn_127",
+  "resize-horizontal": "_resize-horizontal_jpwvn_136",
   resizeHorizontal,
-  "resize-both": "_resize-both_1tjgn_131",
+  "resize-both": "_resize-both_jpwvn_140",
   resizeBoth,
   error,
-  success,
-  helperSuccess,
   footer,
   charCount,
   charCountOver
@@ -53,7 +49,6 @@ export {
   footer,
   helper,
   helperError,
-  helperSuccess,
   label,
   lg,
   md,
@@ -63,7 +58,6 @@ export {
   resizeNone,
   resizeVertical,
   sm,
-  success,
   textarea,
   wrapper
 };

package/dist/components/Textarea/index.cjs

@@ -33,7 +33,6 @@ const TextareaRoot = React__namespace.forwardRef(function Textarea2({
   size: sizeProp,
   disabled = false,
   error = false,
-  success = false,
   showCharCount = false,
   label,
   helperText,
@@ -66,23 +65,17 @@ const TextareaRoot = React__namespace.forwardRef(function Textarea2({
     Textarea_module.default.textarea,
     Textarea_module.default[size],
     error && Textarea_module.default.error,
-    success && Textarea_module.default.success,
     Textarea_module.default[`resize-${resize}`]
   ].filter(Boolean).join(" ");
-  const helperClasses = [
-    Textarea_module.default.helper,
-    error && Textarea_module.default.helperError,
-    success && Textarea_module.default.helperSuccess
-  ].filter(Boolean).join(" ");
+  const helperClasses = [Textarea_module.default.helper, error && Textarea_module.default.helperError].filter(Boolean).join(" ");
   const textareaInlineStyle = {
-    "--_fui-textarea-min-rows": minRows ?? 1,
-    "--_fui-textarea-max-rows": maxRows ?? 9999
+    "--fui-textarea-min-rows": minRows ?? 1,
+    "--fui-textarea-max-rows": maxRows ?? 9999
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       ...rootProps,
-      "data-success": success || void 0,
       className: [Textarea_module.default.wrapper, rootProps == null ? void 0 : rootProps.className, className].filter(Boolean).join(" "),
       style: { ...(rootProps == null ? void 0 : rootProps.style) ?? {}, ...wrapperStyle ?? {} },
       children: [

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

@@ -21,8 +21,6 @@ export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTex
     disabled?: boolean;
     /** Error state */
     error?: boolean;
-    /** Success state */
-    success?: boolean;
     /** Show character count when maxLength is set */
     showCharCount?: boolean;
     /** Label text above the textarea */

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CACnE;IACC,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;IACrD;uBACmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iDAAiD;IACjD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,gDAAgD;IAChD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,uCAAuC;IACvC,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;IACtD,0CAA0C;IAC1C,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;IACvD,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2CAA2C;IAC3C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACjD,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAmID,eAAO,MAAM,QAAQ;;CAEnB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CACnE;IACC,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;IACrD;uBACmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,iDAAiD;IACjD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,gDAAgD;IAChD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,uCAAuC;IACvC,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;IACtD,0CAA0C;IAC1C,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;IACvD,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2CAA2C;IAC3C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACjD,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AA0HD,eAAO,MAAM,QAAQ;;CAEnB,CAAC"}

package/dist/components/Textarea/index.js

@@ -14,7 +14,6 @@ const TextareaRoot = React.forwardRef(function Textarea2({
   size: sizeProp,
   disabled = false,
   error = false,
-  success = false,
   showCharCount = false,
   label,
   helperText,
@@ -47,23 +46,17 @@ const TextareaRoot = React.forwardRef(function Textarea2({
     styles.textarea,
     styles[size],
     error && styles.error,
-    success && styles.success,
     styles[`resize-${resize}`]
   ].filter(Boolean).join(" ");
-  const helperClasses = [
-    styles.helper,
-    error && styles.helperError,
-    success && styles.helperSuccess
-  ].filter(Boolean).join(" ");
+  const helperClasses = [styles.helper, error && styles.helperError].filter(Boolean).join(" ");
   const textareaInlineStyle = {
-    "--_fui-textarea-min-rows": minRows ?? 1,
-    "--_fui-textarea-max-rows": maxRows ?? 9999
+    "--fui-textarea-min-rows": minRows ?? 1,
+    "--fui-textarea-max-rows": maxRows ?? 9999
   };
   return /* @__PURE__ */ jsxs(
     "div",
     {
       ...rootProps,
-      "data-success": success || void 0,
       className: [styles.wrapper, rootProps == null ? void 0 : rootProps.className, className].filter(Boolean).join(" "),
       style: { ...(rootProps == null ? void 0 : rootProps.style) ?? {}, ...wrapperStyle ?? {} },
       children: [

package/dist/components/Theme/index.cjs

@@ -7,6 +7,8 @@ const index$1 = require("../ComponentDefaults/index.cjs");
 const index = require("../ThemeToggle/index.cjs");
 const context = require("./context.cjs");
 const generated = require("../../measurements/generated.cjs");
+const env = require("../../utils/env.cjs");
+const ThemeButton = require("../ThemeToggle/ThemeButton.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -38,6 +40,19 @@ function useSystemPreference() {
   }, []);
   return preference;
 }
+function suppressTransitions() {
+  const style = document.createElement("style");
+  style.textContent = "*,*::before,*::after{transition:none!important}";
+  document.head.append(style);
+  return () => {
+    void document.body.offsetHeight;
+    if (typeof requestAnimationFrame === "function") {
+      requestAnimationFrame(() => requestAnimationFrame(() => style.remove()));
+    } else {
+      style.remove();
+    }
+  };
+}
 function ThemeProvider({
   children,
   componentDefaults,
@@ -49,7 +64,7 @@ function ThemeProvider({
   attribute = "data-theme"
 }) {
   const systemPreference = useSystemPreference();
-  if (process.env.NODE_ENV !== "production" && defaultTheme !== void 0) {
+  if (!env.isProductionBuild() && defaultTheme !== void 0) {
     console.warn(
       "[Fragments] ThemeProvider: `defaultTheme` is deprecated. Use `defaultMode` instead. `defaultTheme` will be removed in v1.0."
     );
@@ -73,12 +88,15 @@ function ThemeProvider({
   React__namespace.useEffect(() => {
     if (typeof document === "undefined" || !mounted) return;
     const root = document.documentElement;
+    const current = attribute === "data-theme" ? root.getAttribute("data-theme") : root.classList.contains("dark") ? "dark" : root.classList.contains("light") ? "light" : null;
+    const restore = current !== resolvedMode ? suppressTransitions() : null;
     if (attribute === "data-theme") {
       root.setAttribute("data-theme", resolvedMode);
     } else if (attribute === "class") {
       root.classList.remove("light", "dark");
       root.classList.add(resolvedMode);
     }
+    restore == null ? void 0 : restore();
   }, [resolvedMode, attribute, mounted]);
   React__namespace.useEffect(() => {
     if (typeof window === "undefined" || !storageKey || !mounted) return;
@@ -114,6 +132,7 @@ const Theme = Object.assign(ThemeProvider, {
   Root: ThemeProvider,
   Provider: ThemeProvider,
   Toggle: index.ThemeToggle,
+  Button: ThemeButton.ThemeButton,
   useTheme: context.useTheme
 });
 function hexToRgb(hex) {
@@ -147,13 +166,11 @@ function configureTheme(options) {
   if (options.success) setVar(root, "--fui-color-success", options.success);
   if (options.warning) setVar(root, "--fui-color-warning", options.warning);
   if (options.info) setVar(root, "--fui-color-info", options.info);
-  generated.applyMeasurementSelection(root, {
-    density: options.density,
-    radiusStyle: options.radiusStyle
-  });
+  generated.applyMeasurementSelection(root, { radiusStyle: options.radiusStyle });
 }
 exports.ThemeToggle = index.ThemeToggle;
 exports.useTheme = context.useTheme;
+exports.ThemeButton = ThemeButton.ThemeButton;
 exports.Theme = Theme;
 exports.ThemeProvider = ThemeProvider;
 exports.configureTheme = configureTheme;

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

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { type ComponentDefaults } from "../ComponentDefaults";
-import { ThemeToggle } from "../ThemeToggle";
+import { ThemeButton, ThemeToggle } from "../ThemeToggle";
 import { useTheme, type ThemeMode } from "./context";
-export type { ThemeToggleProps } from "../ThemeToggle";
+export type { ThemeButtonProps, ThemeToggleProps } from "../ThemeToggle";
 export type { ThemeMode, UseThemeReturn } from "./context";
 export interface ThemeProviderProps {
     children: React.ReactNode;
@@ -23,27 +23,22 @@ export interface ThemeProviderProps {
     /** How to apply theme to DOM */
     attribute?: "data-theme" | "class";
 }
-/**
- * ThemeProvider - Provides theme context to children
- * SSR-safe: initializes from localStorage in useEffect
- */
 declare function ThemeProvider({ children, componentDefaults, defaultMode, defaultTheme, mode: controlledMode, onModeChange, storageKey, attribute, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare const Theme: typeof ThemeProvider & {
     Root: typeof ThemeProvider;
     Provider: typeof ThemeProvider;
     Toggle: typeof ThemeToggle;
+    Button: React.ForwardRefExoticComponent<import(".").ThemeButtonProps & React.RefAttributes<HTMLButtonElement>>;
     useTheme: typeof useTheme;
 };
-export { ThemeProvider, ThemeToggle, useTheme };
-import type { NeutralPalette, DensityPreset, RadiusStyle } from "../../utils/seed-derivation";
-export type { NeutralPalette, DensityPreset, RadiusStyle };
+export { ThemeProvider, ThemeToggle, ThemeButton, useTheme };
+import type { NeutralPalette, RadiusStyle } from "../../utils/seed-derivation";
+export type { NeutralPalette, RadiusStyle };
 export interface ConfigureThemeOptions {
     /** Brand/accent color as hex */
     brand?: string;
     /** Neutral palette name */
     neutral?: NeutralPalette;
-    /** Spacing density preset */
-    density?: DensityPreset;
     /** Border radius style */
     radiusStyle?: RadiusStyle;
     /** Danger/error color as hex */
@@ -69,7 +64,6 @@ export interface ConfigureThemeOptions {
  * configureTheme({
  *   brand: '#6366f1',
  *   neutral: 'ice',
- *   density: 'compact',
  *   radiusStyle: 'rounded',
  * });
  * ```

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Theme/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA6B,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzF,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAgB,QAAQ,EAA0B,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAE3F,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAM3D,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,gDAAgD;IAChD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iCAAiC;IACjC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gCAAgC;IAChC,SAAS,CAAC,EAAE,YAAY,GAAG,OAAO,CAAC;CACpC;AAkCD;;;GAGG;AACH,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,UAAwB,EACxB,SAAwB,GACzB,EAAE,kBAAkB,2CA+FpB;AAMD,eAAO,MAAM,KAAK;;;;;CAKhB,CAAC;AAEH,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC;AAOhD,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE9F,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC;AAE3D,MAAM,WAAW,qBAAqB;IACpC,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,gCAAgC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wBAAwB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAoBD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,qBAAqB,GAAG,IAAI,CA6BnE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Theme/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA6B,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzF,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAgB,QAAQ,EAA0B,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAE3F,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACzE,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAM3D,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,gDAAgD;IAChD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iCAAiC;IACjC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gCAAgC;IAChC,SAAS,CAAC,EAAE,YAAY,GAAG,OAAO,CAAC;CACpC;AAsDD,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,UAAwB,EACxB,SAAwB,GACzB,EAAE,kBAAkB,2CA+GpB;AAMD,eAAO,MAAM,KAAK;;;;;;CAMhB,CAAC;AAEH,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC;AAO7D,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAG/E,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,CAAC;AAE5C,MAAM,WAAW,qBAAqB;IACpC,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,gCAAgC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wBAAwB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAoBD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,qBAAqB,GAAG,IAAI,CA0BnE"}