@usefragments/ui 1.5.4 → 1.7.0

package/dist/components/Text/index.js

@@ -1,40 +1,56 @@
 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",
-    variant,
-    size,
-    weight,
-    color,
-    font = "sans",
-    truncate,
-    lineClamp,
-    letterSpacing,
-    tabularNums,
-    className,
-    style,
-    ...htmlProps
-  }, ref) {
-    const classes = [
-      styles.text,
-      variant && styles[`variant-${variant}`],
-      size && styles[`size-${size}`],
-      weight && styles[`weight-${weight}`],
-      color && styles[`color-${color}`],
-      font === "mono" && styles.mono,
-      truncate && styles.truncate,
-      lineClamp && styles.lineClamp,
-      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,
+  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 (!isProductionBuild() && 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
+    }
+  );
+});
 const Text = Object.assign(TextRoot, {
   Root: TextRoot
 });

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

@@ -1,24 +1,25 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const wrapper = "_wrapper_id95e_1";
-const label = "_label_id95e_6";
-const required = "_required_id95e_14";
-const helper = "_helper_id95e_19";
-const helperError = "_helperError_id95e_26";
-const errorMessage = "_errorMessage_id95e_30";
-const textarea = "_textarea_id95e_36";
-const sm = "_sm_id95e_92";
-const lg = "_lg_id95e_103";
-const resizeNone = "_resize-none_id95e_114";
-const resizeVertical = "_resize-vertical_id95e_118";
-const resizeHorizontal = "_resize-horizontal_id95e_122";
-const resizeBoth = "_resize-both_id95e_126";
-const error = "_error_id95e_30";
-const success = "_success_id95e_141";
-const helperSuccess = "_helperSuccess_id95e_155";
-const footer = "_footer_id95e_159";
-const charCount = "_charCount_id95e_170";
-const charCountOver = "_charCountOver_id95e_180";
+const wrapper = "_wrapper_jm85p_1";
+const label = "_label_jm85p_8";
+const required = "_required_jm85p_17";
+const helper = "_helper_jm85p_22";
+const helperError = "_helperError_jm85p_32";
+const errorMessage = "_errorMessage_jm85p_33";
+const textarea = "_textarea_jm85p_43";
+const sm = "_sm_jm85p_83";
+const md = "_md_jm85p_95";
+const lg = "_lg_jm85p_107";
+const resizeNone = "_resize-none_jm85p_119";
+const resizeVertical = "_resize-vertical_jm85p_123";
+const resizeHorizontal = "_resize-horizontal_jm85p_127";
+const resizeBoth = "_resize-both_jm85p_131";
+const error = "_error_jm85p_33";
+const success = "_success_jm85p_146";
+const helperSuccess = "_helperSuccess_jm85p_160";
+const footer = "_footer_jm85p_164";
+const charCount = "_charCount_jm85p_175";
+const charCountOver = "_charCountOver_jm85p_187";
 const styles = {
   wrapper,
   label,
@@ -28,14 +29,15 @@ const styles = {
   errorMessage,
   textarea,
   sm,
+  md,
   lg,
-  "resize-none": "_resize-none_id95e_114",
+  "resize-none": "_resize-none_jm85p_119",
   resizeNone,
-  "resize-vertical": "_resize-vertical_id95e_118",
+  "resize-vertical": "_resize-vertical_jm85p_123",
   resizeVertical,
-  "resize-horizontal": "_resize-horizontal_id95e_122",
+  "resize-horizontal": "_resize-horizontal_jm85p_127",
   resizeHorizontal,
-  "resize-both": "_resize-both_id95e_126",
+  "resize-both": "_resize-both_jm85p_131",
   resizeBoth,
   error,
   success,
@@ -55,6 +57,7 @@ exports.helperError = helperError;
 exports.helperSuccess = helperSuccess;
 exports.label = label;
 exports.lg = lg;
+exports.md = md;
 exports.required = required;
 exports.resizeBoth = resizeBoth;
 exports.resizeHorizontal = resizeHorizontal;

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

@@ -1,22 +1,23 @@
-const wrapper = "_wrapper_id95e_1";
-const label = "_label_id95e_6";
-const required = "_required_id95e_14";
-const helper = "_helper_id95e_19";
-const helperError = "_helperError_id95e_26";
-const errorMessage = "_errorMessage_id95e_30";
-const textarea = "_textarea_id95e_36";
-const sm = "_sm_id95e_92";
-const lg = "_lg_id95e_103";
-const resizeNone = "_resize-none_id95e_114";
-const resizeVertical = "_resize-vertical_id95e_118";
-const resizeHorizontal = "_resize-horizontal_id95e_122";
-const resizeBoth = "_resize-both_id95e_126";
-const error = "_error_id95e_30";
-const success = "_success_id95e_141";
-const helperSuccess = "_helperSuccess_id95e_155";
-const footer = "_footer_id95e_159";
-const charCount = "_charCount_id95e_170";
-const charCountOver = "_charCountOver_id95e_180";
+const wrapper = "_wrapper_jm85p_1";
+const label = "_label_jm85p_8";
+const required = "_required_jm85p_17";
+const helper = "_helper_jm85p_22";
+const helperError = "_helperError_jm85p_32";
+const errorMessage = "_errorMessage_jm85p_33";
+const textarea = "_textarea_jm85p_43";
+const sm = "_sm_jm85p_83";
+const md = "_md_jm85p_95";
+const lg = "_lg_jm85p_107";
+const resizeNone = "_resize-none_jm85p_119";
+const resizeVertical = "_resize-vertical_jm85p_123";
+const resizeHorizontal = "_resize-horizontal_jm85p_127";
+const resizeBoth = "_resize-both_jm85p_131";
+const error = "_error_jm85p_33";
+const success = "_success_jm85p_146";
+const helperSuccess = "_helperSuccess_jm85p_160";
+const footer = "_footer_jm85p_164";
+const charCount = "_charCount_jm85p_175";
+const charCountOver = "_charCountOver_jm85p_187";
 const styles = {
   wrapper,
   label,
@@ -26,14 +27,15 @@ const styles = {
   errorMessage,
   textarea,
   sm,
+  md,
   lg,
-  "resize-none": "_resize-none_id95e_114",
+  "resize-none": "_resize-none_jm85p_119",
   resizeNone,
-  "resize-vertical": "_resize-vertical_id95e_118",
+  "resize-vertical": "_resize-vertical_jm85p_123",
   resizeVertical,
-  "resize-horizontal": "_resize-horizontal_id95e_122",
+  "resize-horizontal": "_resize-horizontal_jm85p_127",
   resizeHorizontal,
-  "resize-both": "_resize-both_id95e_126",
+  "resize-both": "_resize-both_jm85p_131",
   resizeBoth,
   error,
   success,
@@ -54,6 +56,7 @@ export {
   helperSuccess,
   label,
   lg,
+  md,
   required,
   resizeBoth,
   resizeHorizontal,

package/dist/components/Textarea/index.cjs

@@ -74,15 +74,10 @@ const TextareaRoot = React__namespace.forwardRef(function Textarea2({
     error && Textarea_module.default.helperError,
     success && Textarea_module.default.helperSuccess
   ].filter(Boolean).join(" ");
-  const rowLine = "var(--fui-line-height-normal, 1.5) * 1em";
-  const rowPad = "var(--fui-space-3, 1.5rem)";
-  const textareaInlineStyle = {};
-  if (minRows) {
-    textareaInlineStyle.minHeight = `calc(${minRows} * ${rowLine} + ${rowPad})`;
-  }
-  if (maxRows) {
-    textareaInlineStyle.maxHeight = `calc(${maxRows} * ${rowLine} + ${rowPad})`;
-  }
+  const textareaInlineStyle = {
+    "--_fui-textarea-min-rows": minRows ?? 1,
+    "--_fui-textarea-max-rows": maxRows ?? 9999
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -122,7 +117,7 @@ const TextareaRoot = React__namespace.forwardRef(function Textarea2({
             onBlur: (e) => onBlur == null ? void 0 : onBlur(e),
             onFocus: (e) => onFocus == null ? void 0 : onFocus(e),
             className: textareaClasses,
-            style: Object.keys(textareaInlineStyle).length > 0 ? textareaInlineStyle : void 0
+            style: textareaInlineStyle
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Textarea_module.default.footer, children: [

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;AA0ID,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,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"}

package/dist/components/Textarea/index.js

@@ -55,15 +55,10 @@ const TextareaRoot = React.forwardRef(function Textarea2({
     error && styles.helperError,
     success && styles.helperSuccess
   ].filter(Boolean).join(" ");
-  const rowLine = "var(--fui-line-height-normal, 1.5) * 1em";
-  const rowPad = "var(--fui-space-3, 1.5rem)";
-  const textareaInlineStyle = {};
-  if (minRows) {
-    textareaInlineStyle.minHeight = `calc(${minRows} * ${rowLine} + ${rowPad})`;
-  }
-  if (maxRows) {
-    textareaInlineStyle.maxHeight = `calc(${maxRows} * ${rowLine} + ${rowPad})`;
-  }
+  const textareaInlineStyle = {
+    "--_fui-textarea-min-rows": minRows ?? 1,
+    "--_fui-textarea-max-rows": maxRows ?? 9999
+  };
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -103,7 +98,7 @@ const TextareaRoot = React.forwardRef(function Textarea2({
             onBlur: (e) => onBlur == null ? void 0 : onBlur(e),
             onFocus: (e) => onFocus == null ? void 0 : onFocus(e),
             className: textareaClasses,
-            style: Object.keys(textareaInlineStyle).length > 0 ? textareaInlineStyle : void 0
+            style: textareaInlineStyle
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: styles.footer, children: [

package/dist/components/Theme/context.cjs

@@ -0,0 +1,39 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const ThemeContext = React__namespace.createContext(null);
+function useTheme() {
+  const context = React__namespace.useContext(ThemeContext);
+  if (!context) {
+    return {
+      mode: "system",
+      setMode: () => {
+      },
+      resolvedMode: "light",
+      systemPreference: "light",
+      toggleMode: () => {
+      }
+    };
+  }
+  return context;
+}
+exports.ThemeContext = ThemeContext;
+exports.useTheme = useTheme;

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

@@ -0,0 +1,21 @@
+import * as React from "react";
+export type ThemeMode = "light" | "dark" | "system";
+export interface UseThemeReturn {
+    /** Current theme mode setting */
+    mode: ThemeMode;
+    /** Set the theme mode */
+    setMode: (mode: ThemeMode) => void;
+    /** Resolved mode (never 'system', always 'light' or 'dark') */
+    resolvedMode: "light" | "dark";
+    /** System preference detected from prefers-color-scheme */
+    systemPreference: "light" | "dark";
+    /** Toggle between light and dark (skips system) */
+    toggleMode: () => void;
+}
+export type ThemeContextValue = UseThemeReturn;
+export declare const ThemeContext: React.Context<UseThemeReturn | null>;
+/**
+ * Hook to access theme context.
+ */
+export declare function useTheme(): UseThemeReturn;
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/Theme/context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEpD,MAAM,WAAW,cAAc;IAC7B,iCAAiC;IACjC,IAAI,EAAE,SAAS,CAAC;IAChB,yBAAyB;IACzB,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,+DAA+D;IAC/D,YAAY,EAAE,OAAO,GAAG,MAAM,CAAC;IAC/B,2DAA2D;IAC3D,gBAAgB,EAAE,OAAO,GAAG,MAAM,CAAC;IACnC,mDAAmD;IACnD,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAE/C,eAAO,MAAM,YAAY,sCAAsD,CAAC;AAEhF;;GAEG;AACH,wBAAgB,QAAQ,IAAI,cAAc,CAezC"}

package/dist/components/Theme/context.js

@@ -0,0 +1,22 @@
+"use client";
+import * as React from "react";
+const ThemeContext = React.createContext(null);
+function useTheme() {
+  const context = React.useContext(ThemeContext);
+  if (!context) {
+    return {
+      mode: "system",
+      setMode: () => {
+      },
+      resolvedMode: "light",
+      systemPreference: "light",
+      toggleMode: () => {
+      }
+    };
+  }
+  return context;
+}
+export {
+  ThemeContext,
+  useTheme
+};

package/dist/components/Theme/index.cjs

@@ -3,8 +3,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const index = require("../ComponentDefaults/index.cjs");
-const ThemeToggle_module = require("./ThemeToggle.module.scss.cjs");
+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");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -22,7 +25,6 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-const ThemeContext = React__namespace.createContext(null);
 function useSystemPreference() {
   const [preference, setPreference] = React__namespace.useState("light");
   React__namespace.useEffect(() => {
@@ -37,63 +39,6 @@ function useSystemPreference() {
   }, []);
   return preference;
 }
-function useTheme() {
-  const context = React__namespace.useContext(ThemeContext);
-  if (!context) {
-    return {
-      mode: "system",
-      setMode: () => {
-      },
-      resolvedMode: "light",
-      systemPreference: "light",
-      toggleMode: () => {
-      }
-    };
-  }
-  return context;
-}
-function SunIcon({ size = 20 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: size,
-      height: size,
-      viewBox: "0 0 256 256",
-      fill: "currentColor",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M120,40V16a8,8,0,0,1,16,0V40a8,8,0,0,1-16,0Zm72,88a64,64,0,1,1-64-64A64.07,64.07,0,0,1,192,128Zm-16,0a48,48,0,1,0-48,48A48.05,48.05,0,0,0,176,128ZM58.34,69.66A8,8,0,0,0,69.66,58.34l-16-16A8,8,0,0,0,42.34,53.66Zm0,116.68-16,16a8,8,0,0,0,11.32,11.32l16-16a8,8,0,0,0-11.32-11.32ZM192,72a8,8,0,0,0,5.66-2.34l16-16a8,8,0,0,0-11.32-11.32l-16,16A8,8,0,0,0,192,72Zm5.66,114.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32-11.32ZM48,128a8,8,0,0,0-8-8H16a8,8,0,0,0,0,16H40A8,8,0,0,0,48,128Zm80,80a8,8,0,0,0-8,8v24a8,8,0,0,0,16,0V216A8,8,0,0,0,128,208Zm112-88H216a8,8,0,0,0,0,16h24a8,8,0,0,0,0-16Z" })
-    }
-  );
-}
-function MoonIcon({ size = 20 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: size,
-      height: size,
-      viewBox: "0 0 256 256",
-      fill: "currentColor",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M233.54,142.23a8,8,0,0,0-8-2,88.08,88.08,0,0,1-109.8-109.8,8,8,0,0,0-10-10,104.84,104.84,0,0,0-52.91,37A104,104,0,0,0,136,224a103.09,103.09,0,0,0,62.52-20.88,104.84,104.84,0,0,0,37-52.91A8,8,0,0,0,233.54,142.23ZM188.9,190.34A88,88,0,0,1,65.66,67.11a89,89,0,0,1,31.4-26A106,106,0,0,0,96,56,104.11,104.11,0,0,0,200,160a106,106,0,0,0,14.92-1.06A89,89,0,0,1,188.9,190.34Z" })
-    }
-  );
-}
-function MonitorIcon({ size = 20 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: size,
-      height: size,
-      viewBox: "0 0 256 256",
-      fill: "currentColor",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M208,40H48A24,24,0,0,0,24,64V176a24,24,0,0,0,24,24H208a24,24,0,0,0,24-24V64A24,24,0,0,0,208,40Zm8,136a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V64a8,8,0,0,1,8-8H208a8,8,0,0,1,8,8Zm-48,48a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,224Z" })
-    }
-  );
-}
 function ThemeProvider({
   children,
   componentDefaults,
@@ -105,7 +50,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."
     );
@@ -160,122 +105,18 @@ function ThemeProvider({
     systemPreference,
     toggleMode
   };
-  const themedChildren = /* @__PURE__ */ jsxRuntime.jsx(ThemeContext.Provider, { value: contextValue, children });
+  const themedChildren = /* @__PURE__ */ jsxRuntime.jsx(context.ThemeContext.Provider, { value: contextValue, children });
   if (!componentDefaults) {
     return themedChildren;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(index.ComponentDefaultsProvider, { value: componentDefaults, children: themedChildren });
-}
-function ThemeToggle({
-  size: sizeProp,
-  showSystem = false,
-  value: controlledValue,
-  onValueChange,
-  "aria-label": ariaLabel,
-  className,
-  ...htmlProps
-}) {
-  const size = index.useResolvedControlSize(sizeProp);
-  const { mode: contextMode, setMode: setContextMode } = useTheme();
-  const isControlled = controlledValue !== void 0;
-  const currentMode = isControlled ? controlledValue : contextMode;
-  const handleModeChange = (newMode) => {
-    if (isControlled) {
-      onValueChange == null ? void 0 : onValueChange(newMode);
-    } else {
-      setContextMode(newMode);
-    }
-  };
-  const groupClasses = [
-    ThemeToggle_module.default.toggleGroup,
-    ThemeToggle_module.default[`size${size.charAt(0).toUpperCase() + size.slice(1)}`],
-    className
-  ].filter(Boolean).join(" ");
-  const getButtonClasses = (buttonMode) => {
-    return [ThemeToggle_module.default.toggleButton, currentMode === buttonMode && ThemeToggle_module.default.toggleButtonActive].filter(Boolean).join(" ");
-  };
-  const label = ariaLabel || "Theme toggle";
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...htmlProps, className: groupClasses, role: "group", "aria-label": label, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        className: getButtonClasses("light"),
-        onClick: () => handleModeChange("light"),
-        "aria-pressed": currentMode === "light",
-        "aria-label": "Light mode",
-        children: /* @__PURE__ */ jsxRuntime.jsx(SunIcon, {})
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        className: getButtonClasses("dark"),
-        onClick: () => handleModeChange("dark"),
-        "aria-pressed": currentMode === "dark",
-        "aria-label": "Dark mode",
-        children: /* @__PURE__ */ jsxRuntime.jsx(MoonIcon, {})
-      }
-    ),
-    showSystem && !isControlled && /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        className: getButtonClasses("system"),
-        onClick: () => setContextMode("system"),
-        "aria-pressed": contextMode === "system",
-        "aria-label": "System preference",
-        children: /* @__PURE__ */ jsxRuntime.jsx(MonitorIcon, {})
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx(index$1.ComponentDefaultsProvider, { value: componentDefaults, children: themedChildren });
 }
 const Theme = Object.assign(ThemeProvider, {
   Root: ThemeProvider,
   Provider: ThemeProvider,
-  Toggle: ThemeToggle,
-  useTheme
+  Toggle: index.ThemeToggle,
+  useTheme: context.useTheme
 });
-const RADIUS_PRESETS = {
-  sharp: { sm: "0", md: "0", lg: "0", xl: "0" },
-  subtle: { sm: "0.125rem", md: "0.25rem", lg: "0.375rem", xl: "0.5rem" },
-  default: { sm: "0.25rem", md: "0.429rem", lg: "0.571rem", xl: "0.857rem" },
-  rounded: { sm: "0.375rem", md: "0.5rem", lg: "0.75rem", xl: "1rem" },
-  pill: { sm: "0.5rem", md: "0.75rem", lg: "1rem", xl: "1.5rem" }
-};
-const DENSITY_CONFIGS = {
-  compact: {
-    baseUnit: 6,
-    baseFontSize: 14,
-    buttonHeightXs: 32,
-    buttonHeights: [32, 32, 36],
-    inputHeights: [32, 32, 36],
-    touchTargets: [32, 32, 40],
-    sidebarItemHeight: 32
-  },
-  default: {
-    baseUnit: 7,
-    baseFontSize: 14,
-    buttonHeightXs: 32,
-    buttonHeights: [32, 40, 44],
-    inputHeights: [32, 40, 44],
-    touchTargets: [32, 32, 44],
-    sidebarItemHeight: 32
-  },
-  relaxed: {
-    baseUnit: 8,
-    baseFontSize: 14,
-    buttonHeightXs: 32,
-    buttonHeights: [32, 44, 48],
-    inputHeights: [32, 44, 48],
-    touchTargets: [32, 40, 48],
-    sidebarItemHeight: 36
-  }
-};
-function pxToRem(px, baseFontSize) {
-  return `${px / baseFontSize}rem`;
-}
 function hexToRgb(hex) {
   const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
   if (!result) return null;
@@ -307,48 +148,13 @@ 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);
-  if (options.radiusStyle) {
-    const r = RADIUS_PRESETS[options.radiusStyle];
-    if (r) {
-      setVar(root, "--fui-radius-sm", r.sm);
-      setVar(root, "--fui-radius-md", r.md);
-      setVar(root, "--fui-radius-lg", r.lg);
-      setVar(root, "--fui-radius-xl", r.xl);
-    }
-  }
-  if (options.density) {
-    const d = DENSITY_CONFIGS[options.density];
-    if (d) {
-      const unitRem = d.baseUnit / d.baseFontSize;
-      setVar(root, "--fui-space-0-5", `${unitRem * 0.3}rem`);
-      setVar(root, "--fui-space-0-75", `${unitRem * 0.43}rem`);
-      setVar(root, "--fui-space-1", `${unitRem}rem`);
-      setVar(root, "--fui-space-2", `${unitRem * 2}rem`);
-      setVar(root, "--fui-space-3", `${unitRem * 3}rem`);
-      setVar(root, "--fui-space-4", `${unitRem * 4}rem`);
-      setVar(root, "--fui-space-5", `${unitRem * 5}rem`);
-      setVar(root, "--fui-space-6", `${unitRem * 6}rem`);
-      setVar(root, "--fui-space-8", `${unitRem * 8}rem`);
-      setVar(root, "--fui-space-10", `${unitRem * 10}rem`);
-      setVar(root, "--fui-space-12", `${unitRem * 12}rem`);
-      setVar(root, "--fui-button-height-xs", pxToRem(d.buttonHeightXs, d.baseFontSize));
-      setVar(root, "--fui-button-height-sm", pxToRem(d.buttonHeights[0], d.baseFontSize));
-      setVar(root, "--fui-button-height-md", pxToRem(d.buttonHeights[1], d.baseFontSize));
-      setVar(root, "--fui-button-height-lg", pxToRem(d.buttonHeights[2], d.baseFontSize));
-      setVar(root, "--fui-input-height-sm", pxToRem(d.inputHeights[0], d.baseFontSize));
-      setVar(root, "--fui-input-height", pxToRem(d.inputHeights[1], d.baseFontSize));
-      setVar(root, "--fui-input-height-lg", pxToRem(d.inputHeights[2], d.baseFontSize));
-      setVar(root, "--fui-touch-sm", pxToRem(d.touchTargets[0], d.baseFontSize));
-      setVar(root, "--fui-touch-md", pxToRem(d.touchTargets[1], d.baseFontSize));
-      setVar(root, "--fui-touch-lg", pxToRem(d.touchTargets[2], d.baseFontSize));
-      setVar(root, "--fui-target-size-min", pxToRem(32, d.baseFontSize));
-      setVar(root, "--fui-sidebar-item-height", pxToRem(d.sidebarItemHeight, d.baseFontSize));
-      setVar(root, "--fui-base-unit", `${d.baseUnit}px`);
-    }
-  }
+  generated.applyMeasurementSelection(root, {
+    density: options.density,
+    radiusStyle: options.radiusStyle
+  });
 }
+exports.ThemeToggle = index.ThemeToggle;
+exports.useTheme = context.useTheme;
 exports.Theme = Theme;
 exports.ThemeProvider = ThemeProvider;
-exports.ThemeToggle = ThemeToggle;
 exports.configureTheme = configureTheme;
-exports.useTheme = useTheme;