@usefragments/ui 1.5.4 → 1.7.0

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

@@ -1,15 +1,29 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const icon = "_icon_gw1xu_1";
-const primary = "_primary_gw1xu_9";
-const secondary = "_secondary_gw1xu_13";
-const tertiary = "_tertiary_gw1xu_17";
-const accent = "_accent_gw1xu_21";
-const success = "_success_gw1xu_25";
-const warning = "_warning_gw1xu_29";
-const error = "_error_gw1xu_33";
+const icon = "_icon_vwqu6_1";
+const xs = "_xs_vwqu6_13";
+const sm = "_sm_vwqu6_19";
+const md = "_md_vwqu6_25";
+const lg = "_lg_vwqu6_31";
+const xl = "_xl_vwqu6_37";
+const size2xl = "_size2xl_vwqu6_43";
+const size2Xl = "_size2xl_vwqu6_43";
+const primary = "_primary_vwqu6_49";
+const secondary = "_secondary_vwqu6_53";
+const tertiary = "_tertiary_vwqu6_57";
+const accent = "_accent_vwqu6_61";
+const success = "_success_vwqu6_65";
+const warning = "_warning_vwqu6_69";
+const error = "_error_vwqu6_73";
 const styles = {
   icon,
+  xs,
+  sm,
+  md,
+  lg,
+  xl,
+  size2xl,
+  size2Xl,
   primary,
   secondary,
   tertiary,
@@ -22,8 +36,15 @@ exports.accent = accent;
 exports.default = styles;
 exports.error = error;
 exports.icon = icon;
+exports.lg = lg;
+exports.md = md;
 exports.primary = primary;
 exports.secondary = secondary;
+exports.size2Xl = size2Xl;
+exports.size2xl = size2xl;
+exports.sm = sm;
 exports.success = success;
 exports.tertiary = tertiary;
 exports.warning = warning;
+exports.xl = xl;
+exports.xs = xs;

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

@@ -1,13 +1,27 @@
-const icon = "_icon_gw1xu_1";
-const primary = "_primary_gw1xu_9";
-const secondary = "_secondary_gw1xu_13";
-const tertiary = "_tertiary_gw1xu_17";
-const accent = "_accent_gw1xu_21";
-const success = "_success_gw1xu_25";
-const warning = "_warning_gw1xu_29";
-const error = "_error_gw1xu_33";
+const icon = "_icon_vwqu6_1";
+const xs = "_xs_vwqu6_13";
+const sm = "_sm_vwqu6_19";
+const md = "_md_vwqu6_25";
+const lg = "_lg_vwqu6_31";
+const xl = "_xl_vwqu6_37";
+const size2xl = "_size2xl_vwqu6_43";
+const size2Xl = "_size2xl_vwqu6_43";
+const primary = "_primary_vwqu6_49";
+const secondary = "_secondary_vwqu6_53";
+const tertiary = "_tertiary_vwqu6_57";
+const accent = "_accent_vwqu6_61";
+const success = "_success_vwqu6_65";
+const warning = "_warning_vwqu6_69";
+const error = "_error_vwqu6_73";
 const styles = {
   icon,
+  xs,
+  sm,
+  md,
+  lg,
+  xl,
+  size2xl,
+  size2Xl,
   primary,
   secondary,
   tertiary,
@@ -21,9 +35,16 @@ export {
   styles as default,
   error,
   icon,
+  lg,
+  md,
   primary,
   secondary,
+  size2Xl,
+  size2xl,
+  sm,
   success,
   tertiary,
-  warning
+  warning,
+  xl,
+  xs
 };

package/dist/components/Icon/index.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
+const generated = require("../../measurements/generated.cjs");
 const Icon_module = require("./Icon.module.scss.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -21,55 +22,36 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-const FUI_ICON_PX = {
-  xs: 12,
-  md: 16,
-  lg: 20,
-  xl: 24,
-  "2xl": 32
-};
-const sizeMap = {
-  xs: FUI_ICON_PX["xs"],
-  // 12
-  sm: FUI_ICON_PX["md"],
-  // 16
-  md: FUI_ICON_PX["lg"],
-  // 20
-  lg: FUI_ICON_PX["xl"],
-  // 24
-  xl: FUI_ICON_PX["2xl"]
-  // 32
-};
-const IconRoot = React__namespace.forwardRef(
-  function Icon2({
-    icon: IconComponent,
-    size = "md",
-    weight = "regular",
-    variant,
-    color,
-    iconProps,
-    className,
-    style,
-    ...htmlProps
-  }, ref) {
-    const colorVariant = variant || color;
-    const classes = [
-      Icon_module.default.icon,
-      colorVariant && colorVariant !== "default" && Icon_module.default[colorVariant],
-      className
-    ].filter(Boolean).join(" ");
-    const resolvedIconProps = {
-      ...iconProps
-    };
-    if (!("size" in resolvedIconProps)) {
-      resolvedIconProps.size = sizeMap[size];
-    }
-    if (weight && !("weight" in resolvedIconProps)) {
-      resolvedIconProps.weight = weight;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { ref, ...htmlProps, className: classes, style, children: /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { ...resolvedIconProps }) });
+const iconTargets = generated.MEASUREMENT_PROFILES.targets.icon;
+const IconRoot = React__namespace.forwardRef(function Icon2({
+  icon: IconComponent,
+  size = "md",
+  weight = "regular",
+  variant,
+  color,
+  iconProps,
+  className,
+  style,
+  ...htmlProps
+}, ref) {
+  const colorVariant = variant || color;
+  const classes = [
+    Icon_module.default.icon,
+    size === "2xl" ? Icon_module.default.size2xl : Icon_module.default[size],
+    colorVariant && colorVariant !== "default" && Icon_module.default[colorVariant],
+    className
+  ].filter(Boolean).join(" ");
+  const resolvedIconProps = {
+    ...iconProps
+  };
+  if (!("size" in resolvedIconProps)) {
+    resolvedIconProps.size = generated.measurementPx(iconTargets[size], `targets.icon.${size}`);
   }
-);
+  if (weight && !("weight" in resolvedIconProps)) {
+    resolvedIconProps.weight = weight;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { ref, ...htmlProps, className: classes, style, children: /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { ...resolvedIconProps }) });
+});
 const Icon = Object.assign(IconRoot, {
   Root: IconRoot
 });

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

@@ -1,17 +1,17 @@
-import * as React from 'react';
+import * as React from "react";
 type AnyIconComponent = React.ComponentType<any>;
 type IconComponentProps<TIcon extends AnyIconComponent> = React.ComponentPropsWithoutRef<TIcon>;
-export type IconProps<TIcon extends AnyIconComponent = AnyIconComponent> = Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'> & {
+export type IconProps<TIcon extends AnyIconComponent = AnyIconComponent> = Omit<React.HTMLAttributes<HTMLSpanElement>, "color"> & {
     /** The icon component to render */
     icon: TIcon;
     /** Size of the icon */
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
     /** Optional style/weight hint forwarded when the icon component supports a `weight` prop */
     weight?: string;
     /** Semantic color variant */
-    variant?: 'default' | 'primary' | 'secondary' | 'tertiary' | 'accent' | 'success' | 'warning' | 'error';
+    variant?: "default" | "primary" | "secondary" | "tertiary" | "accent" | "success" | "warning" | "error";
     /** @deprecated Use variant instead */
-    color?: 'primary' | 'secondary' | 'tertiary' | 'accent' | 'success' | 'warning' | 'error';
+    color?: "primary" | "secondary" | "tertiary" | "accent" | "success" | "warning" | "error";
     /** Additional props forwarded to the underlying icon component (typed from `icon`) */
     iconProps?: Partial<IconComponentProps<TIcon>>;
 };
@@ -19,7 +19,7 @@ declare const IconRoot: React.ForwardRefExoticComponent<Omit<React.HTMLAttribute
     /** The icon component to render */
     icon: AnyIconComponent;
     /** Size of the icon */
-    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
     /** Optional style/weight hint forwarded when the icon component supports a `weight` prop */
     weight?: string;
     /** Semantic color variant */

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,KAAK,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;AACjD,KAAK,kBAAkB,CAAC,KAAK,SAAS,gBAAgB,IAAI,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEhG,MAAM,MAAM,SAAS,CAAC,KAAK,SAAS,gBAAgB,GAAG,gBAAgB,IACrE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,GAAG;IACrD,mCAAmC;IACnC,IAAI,EAAE,KAAK,CAAC;IACZ,uBAAuB;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,4FAA4F;IAC5F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACxG,sCAAsC;IACtC,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC1F,sFAAsF;IACtF,SAAS,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC;CAChD,CAAC;AAeJ,QAAA,MAAM,QAAQ;IA3BV,mCAAmC;;IAEnC,uBAAuB;WAChB,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;IACvC,4FAA4F;aACnF,MAAM;IACf,6BAA6B;cACnB,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO;IACvG,sCAAsC;YAC9B,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO;IACzF,sFAAsF;;yCA6DzF,CAAC;AAEF,KAAK,sBAAsB,GAAG,CAAC,KAAK,SAAS,gBAAgB,GAAG,gBAAgB,EAC9E,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,KAC3D,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAE/B,eAAO,MAAM,IAAI,EAEX,OAAO,QAAQ,GAAG,sBAAsB,GAAG;IAC/C,IAAI,EAAE,OAAO,QAAQ,CAAC;CACvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;AACjD,KAAK,kBAAkB,CAAC,KAAK,SAAS,gBAAgB,IAAI,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEhG,MAAM,MAAM,SAAS,CAAC,KAAK,SAAS,gBAAgB,GAAG,gBAAgB,IAAI,IAAI,CAC7E,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EACrC,OAAO,CACR,GAAG;IACF,mCAAmC;IACnC,IAAI,EAAE,KAAK,CAAC;IACZ,uBAAuB;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAChD,4FAA4F;IAC5F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6BAA6B;IAC7B,OAAO,CAAC,EACJ,SAAS,GACT,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,SAAS,GACT,SAAS,GACT,OAAO,CAAC;IACZ,sCAAsC;IACtC,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC1F,sFAAsF;IACtF,SAAS,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC;CAChD,CAAC;AAKF,QAAA,MAAM,QAAQ;IAzBZ,mCAAmC;;IAEnC,uBAAuB;WAChB,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK;IAC/C,4FAA4F;aACnF,MAAM;IACf,6BAA6B;cAEzB,SAAS,GACT,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,SAAS,GACT,SAAS,GACT,OAAO;IACX,sCAAsC;YAC9B,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO;IACzF,sFAAsF;;yCAkDtF,CAAC;AAEH,KAAK,sBAAsB,GAAG,CAAC,KAAK,SAAS,gBAAgB,GAAG,gBAAgB,EAC9E,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,KAC3D,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAE/B,eAAO,MAAM,IAAI,EAEX,OAAO,QAAQ,GACnB,sBAAsB,GAAG;IACvB,IAAI,EAAE,OAAO,QAAQ,CAAC;CACvB,CAAC"}

package/dist/components/Icon/index.js

@@ -1,56 +1,38 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
+import { measurementPx, MEASUREMENT_PROFILES } from "../../measurements/generated.js";
 import styles from "./Icon.module.scss.js";
-const FUI_ICON_PX = {
-  xs: 12,
-  md: 16,
-  lg: 20,
-  xl: 24,
-  "2xl": 32
-};
-const sizeMap = {
-  xs: FUI_ICON_PX["xs"],
-  // 12
-  sm: FUI_ICON_PX["md"],
-  // 16
-  md: FUI_ICON_PX["lg"],
-  // 20
-  lg: FUI_ICON_PX["xl"],
-  // 24
-  xl: FUI_ICON_PX["2xl"]
-  // 32
-};
-const IconRoot = React.forwardRef(
-  function Icon2({
-    icon: IconComponent,
-    size = "md",
-    weight = "regular",
-    variant,
-    color,
-    iconProps,
-    className,
-    style,
-    ...htmlProps
-  }, ref) {
-    const colorVariant = variant || color;
-    const classes = [
-      styles.icon,
-      colorVariant && colorVariant !== "default" && styles[colorVariant],
-      className
-    ].filter(Boolean).join(" ");
-    const resolvedIconProps = {
-      ...iconProps
-    };
-    if (!("size" in resolvedIconProps)) {
-      resolvedIconProps.size = sizeMap[size];
-    }
-    if (weight && !("weight" in resolvedIconProps)) {
-      resolvedIconProps.weight = weight;
-    }
-    return /* @__PURE__ */ jsx("span", { ref, ...htmlProps, className: classes, style, children: /* @__PURE__ */ jsx(IconComponent, { ...resolvedIconProps }) });
+const iconTargets = MEASUREMENT_PROFILES.targets.icon;
+const IconRoot = React.forwardRef(function Icon2({
+  icon: IconComponent,
+  size = "md",
+  weight = "regular",
+  variant,
+  color,
+  iconProps,
+  className,
+  style,
+  ...htmlProps
+}, ref) {
+  const colorVariant = variant || color;
+  const classes = [
+    styles.icon,
+    size === "2xl" ? styles.size2xl : styles[size],
+    colorVariant && colorVariant !== "default" && styles[colorVariant],
+    className
+  ].filter(Boolean).join(" ");
+  const resolvedIconProps = {
+    ...iconProps
+  };
+  if (!("size" in resolvedIconProps)) {
+    resolvedIconProps.size = measurementPx(iconTargets[size], `targets.icon.${size}`);
   }
-);
+  if (weight && !("weight" in resolvedIconProps)) {
+    resolvedIconProps.weight = weight;
+  }
+  return /* @__PURE__ */ jsx("span", { ref, ...htmlProps, className: classes, style, children: /* @__PURE__ */ jsx(IconComponent, { ...resolvedIconProps }) });
+});
 const Icon = Object.assign(IconRoot, {
   Root: IconRoot
 });

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

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const iconButton = "_iconButton_19n51_1";
-const sm = "_sm_19n51_43";
-const md = "_md_19n51_52";
-const lg = "_lg_19n51_61";
-const ghost = "_ghost_19n51_70";
-const subtle = "_subtle_19n51_77";
-const outlined = "_outlined_19n51_87";
-const pressed = "_pressed_19n51_98";
+const iconButton = "_iconButton_t4bdq_1";
+const sm = "_sm_t4bdq_53";
+const md = "_md_t4bdq_87";
+const lg = "_lg_t4bdq_108";
+const ghost = "_ghost_t4bdq_129";
+const subtle = "_subtle_t4bdq_136";
+const outlined = "_outlined_t4bdq_146";
+const pressed = "_pressed_t4bdq_157";
 const styles = {
   iconButton,
   sm,

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

@@ -1,11 +1,11 @@
-const iconButton = "_iconButton_19n51_1";
-const sm = "_sm_19n51_43";
-const md = "_md_19n51_52";
-const lg = "_lg_19n51_61";
-const ghost = "_ghost_19n51_70";
-const subtle = "_subtle_19n51_77";
-const outlined = "_outlined_19n51_87";
-const pressed = "_pressed_19n51_98";
+const iconButton = "_iconButton_t4bdq_1";
+const sm = "_sm_t4bdq_53";
+const md = "_md_t4bdq_87";
+const lg = "_lg_t4bdq_108";
+const ghost = "_ghost_t4bdq_129";
+const subtle = "_subtle_t4bdq_136";
+const outlined = "_outlined_t4bdq_146";
+const pressed = "_pressed_t4bdq_157";
 const styles = {
   iconButton,
   sm,

package/dist/components/IconButton/index.cjs

@@ -6,6 +6,7 @@ const React = require("react");
 const button = require("@base-ui/react/button");
 const index = require("../ComponentDefaults/index.cjs");
 const IconButton_module = require("./IconButton.module.scss.cjs");
+const env = require("../../utils/env.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -34,7 +35,7 @@ const IconButtonRoot = React__namespace.forwardRef(function IconButton2({
   type = "button",
   ...htmlProps
 }, ref) {
-  if (process.env.NODE_ENV !== "production" && !ariaLabel && !ariaLabelledBy) {
+  if (!env.isProductionBuild() && !ariaLabel && !ariaLabelledBy) {
     console.warn(
       "[IconButton] Icon-only buttons need an accessible name. Provide `aria-label` or `aria-labelledby`."
     );

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,UAAU,CACX;IACC,iEAAiE;IACjE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;;;;0BAQsB;IACtB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC1C;;uBAEmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;iDAC6C;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAgDD,eAAO,MAAM,UAAU;;CAErB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,UAAU,CACX;IACC,iEAAiE;IACjE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;;;;0BAQsB;IACtB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC1C;;uBAEmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;iDAC6C;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAgDD,eAAO,MAAM,UAAU;;CAErB,CAAC"}

package/dist/components/IconButton/index.js

@@ -4,6 +4,7 @@ import * as React from "react";
 import { Button } from "@base-ui/react/button";
 import { useResolvedControlSize } from "../ComponentDefaults/index.js";
 import styles from "./IconButton.module.scss.js";
+import { isProductionBuild } from "../../utils/env.js";
 const IconButtonRoot = React.forwardRef(function IconButton2({
   children,
   variant = "ghost",
@@ -15,7 +16,7 @@ const IconButtonRoot = React.forwardRef(function IconButton2({
   type = "button",
   ...htmlProps
 }, ref) {
-  if (process.env.NODE_ENV !== "production" && !ariaLabel && !ariaLabelledBy) {
+  if (!isProductionBuild() && !ariaLabel && !ariaLabelledBy) {
     console.warn(
       "[IconButton] Icon-only buttons need an accessible name. Provide `aria-label` or `aria-labelledby`."
     );

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

@@ -1,46 +1,46 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const imageContainer = "_imageContainer_slsaf_1";
-const image = "_image_slsaf_1";
-const fitCover = "_fit-cover_slsaf_15";
-const fitContain = "_fit-contain_slsaf_19";
-const fitFill = "_fit-fill_slsaf_23";
-const fitNone = "_fit-none_slsaf_27";
-const aspect11 = "_aspect-1-1_slsaf_31";
-const aspect43 = "_aspect-4-3_slsaf_35";
-const aspect169 = "_aspect-16-9_slsaf_39";
-const aspect219 = "_aspect-21-9_slsaf_43";
-const roundedSm = "_rounded-sm_slsaf_47";
-const roundedMd = "_rounded-md_slsaf_51";
-const roundedLg = "_rounded-lg_slsaf_55";
-const roundedFull = "_rounded-full_slsaf_59";
-const fallback = "_fallback_slsaf_63";
+const imageContainer = "_imageContainer_1ful1_1";
+const image = "_image_1ful1_1";
+const fitCover = "_fit-cover_1ful1_15";
+const fitContain = "_fit-contain_1ful1_19";
+const fitFill = "_fit-fill_1ful1_23";
+const fitNone = "_fit-none_1ful1_27";
+const aspect11 = "_aspect-1-1_1ful1_31";
+const aspect43 = "_aspect-4-3_1ful1_35";
+const aspect169 = "_aspect-16-9_1ful1_39";
+const aspect219 = "_aspect-21-9_1ful1_43";
+const roundedSm = "_rounded-sm_1ful1_47";
+const roundedMd = "_rounded-md_1ful1_51";
+const roundedLg = "_rounded-lg_1ful1_55";
+const roundedFull = "_rounded-full_1ful1_59";
+const fallback = "_fallback_1ful1_63";
 const styles = {
   imageContainer,
   image,
-  "fit-cover": "_fit-cover_slsaf_15",
+  "fit-cover": "_fit-cover_1ful1_15",
   fitCover,
-  "fit-contain": "_fit-contain_slsaf_19",
+  "fit-contain": "_fit-contain_1ful1_19",
   fitContain,
-  "fit-fill": "_fit-fill_slsaf_23",
+  "fit-fill": "_fit-fill_1ful1_23",
   fitFill,
-  "fit-none": "_fit-none_slsaf_27",
+  "fit-none": "_fit-none_1ful1_27",
   fitNone,
-  "aspect-1-1": "_aspect-1-1_slsaf_31",
+  "aspect-1-1": "_aspect-1-1_1ful1_31",
   aspect11,
-  "aspect-4-3": "_aspect-4-3_slsaf_35",
+  "aspect-4-3": "_aspect-4-3_1ful1_35",
   aspect43,
-  "aspect-16-9": "_aspect-16-9_slsaf_39",
+  "aspect-16-9": "_aspect-16-9_1ful1_39",
   aspect169,
-  "aspect-21-9": "_aspect-21-9_slsaf_43",
+  "aspect-21-9": "_aspect-21-9_1ful1_43",
   aspect219,
-  "rounded-sm": "_rounded-sm_slsaf_47",
+  "rounded-sm": "_rounded-sm_1ful1_47",
   roundedSm,
-  "rounded-md": "_rounded-md_slsaf_51",
+  "rounded-md": "_rounded-md_1ful1_51",
   roundedMd,
-  "rounded-lg": "_rounded-lg_slsaf_55",
+  "rounded-lg": "_rounded-lg_1ful1_55",
   roundedLg,
-  "rounded-full": "_rounded-full_slsaf_59",
+  "rounded-full": "_rounded-full_1ful1_59",
   roundedFull,
   fallback
 };

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

@@ -1,44 +1,44 @@
-const imageContainer = "_imageContainer_slsaf_1";
-const image = "_image_slsaf_1";
-const fitCover = "_fit-cover_slsaf_15";
-const fitContain = "_fit-contain_slsaf_19";
-const fitFill = "_fit-fill_slsaf_23";
-const fitNone = "_fit-none_slsaf_27";
-const aspect11 = "_aspect-1-1_slsaf_31";
-const aspect43 = "_aspect-4-3_slsaf_35";
-const aspect169 = "_aspect-16-9_slsaf_39";
-const aspect219 = "_aspect-21-9_slsaf_43";
-const roundedSm = "_rounded-sm_slsaf_47";
-const roundedMd = "_rounded-md_slsaf_51";
-const roundedLg = "_rounded-lg_slsaf_55";
-const roundedFull = "_rounded-full_slsaf_59";
-const fallback = "_fallback_slsaf_63";
+const imageContainer = "_imageContainer_1ful1_1";
+const image = "_image_1ful1_1";
+const fitCover = "_fit-cover_1ful1_15";
+const fitContain = "_fit-contain_1ful1_19";
+const fitFill = "_fit-fill_1ful1_23";
+const fitNone = "_fit-none_1ful1_27";
+const aspect11 = "_aspect-1-1_1ful1_31";
+const aspect43 = "_aspect-4-3_1ful1_35";
+const aspect169 = "_aspect-16-9_1ful1_39";
+const aspect219 = "_aspect-21-9_1ful1_43";
+const roundedSm = "_rounded-sm_1ful1_47";
+const roundedMd = "_rounded-md_1ful1_51";
+const roundedLg = "_rounded-lg_1ful1_55";
+const roundedFull = "_rounded-full_1ful1_59";
+const fallback = "_fallback_1ful1_63";
 const styles = {
   imageContainer,
   image,
-  "fit-cover": "_fit-cover_slsaf_15",
+  "fit-cover": "_fit-cover_1ful1_15",
   fitCover,
-  "fit-contain": "_fit-contain_slsaf_19",
+  "fit-contain": "_fit-contain_1ful1_19",
   fitContain,
-  "fit-fill": "_fit-fill_slsaf_23",
+  "fit-fill": "_fit-fill_1ful1_23",
   fitFill,
-  "fit-none": "_fit-none_slsaf_27",
+  "fit-none": "_fit-none_1ful1_27",
   fitNone,
-  "aspect-1-1": "_aspect-1-1_slsaf_31",
+  "aspect-1-1": "_aspect-1-1_1ful1_31",
   aspect11,
-  "aspect-4-3": "_aspect-4-3_slsaf_35",
+  "aspect-4-3": "_aspect-4-3_1ful1_35",
   aspect43,
-  "aspect-16-9": "_aspect-16-9_slsaf_39",
+  "aspect-16-9": "_aspect-16-9_1ful1_39",
   aspect169,
-  "aspect-21-9": "_aspect-21-9_slsaf_43",
+  "aspect-21-9": "_aspect-21-9_1ful1_43",
   aspect219,
-  "rounded-sm": "_rounded-sm_slsaf_47",
+  "rounded-sm": "_rounded-sm_1ful1_47",
   roundedSm,
-  "rounded-md": "_rounded-md_slsaf_51",
+  "rounded-md": "_rounded-md_1ful1_51",
   roundedMd,
-  "rounded-lg": "_rounded-lg_slsaf_55",
+  "rounded-lg": "_rounded-lg_1ful1_55",
   roundedLg,
-  "rounded-full": "_rounded-full_slsaf_59",
+  "rounded-full": "_rounded-full_1ful1_59",
   roundedFull,
   fallback
 };

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

@@ -1,24 +1,22 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const wrapper = "_wrapper_1vwgf_1";
-const label = "_label_1vwgf_6";
-const required = "_required_1vwgf_14";
-const helper = "_helper_1vwgf_19";
-const helperError = "_helperError_1vwgf_26";
-const errorMessage = "_errorMessage_1vwgf_30";
-const input = "_input_1vwgf_36";
-const sm = "_sm_1vwgf_82";
-const md = "_md_1vwgf_89";
-const lg = "_lg_1vwgf_96";
-const labelSm = "_labelSm_1vwgf_103";
-const error = "_error_1vwgf_30";
-const success = "_success_1vwgf_118";
-const helperSuccess = "_helperSuccess_1vwgf_132";
-const inputContainer = "_inputContainer_1vwgf_136";
-const shortcut = "_shortcut_1vwgf_141";
-const hasAdornment = "_hasAdornment_1vwgf_141";
-const adornment = "_adornment_1vwgf_212";
-const hasShortcut = "_hasShortcut_1vwgf_223";
+const wrapper = "_wrapper_2s7a9_1";
+const label = "_label_2s7a9_8";
+const required = "_required_2s7a9_17";
+const helper = "_helper_2s7a9_22";
+const helperError = "_helperError_2s7a9_32";
+const errorMessage = "_errorMessage_2s7a9_33";
+const input = "_input_2s7a9_43";
+const sm = "_sm_2s7a9_74";
+const md = "_md_2s7a9_85";
+const lg = "_lg_2s7a9_96";
+const error = "_error_2s7a9_33";
+const success = "_success_2s7a9_118";
+const helperSuccess = "_helperSuccess_2s7a9_132";
+const inputContainer = "_inputContainer_2s7a9_136";
+const hasAdornment = "_hasAdornment_2s7a9_143";
+const shortcut = "_shortcut_2s7a9_144";
+const adornment = "_adornment_2s7a9_238";
 const styles = {
   wrapper,
   label,
@@ -30,29 +28,25 @@ const styles = {
   sm,
   md,
   lg,
-  labelSm,
   error,
   success,
   helperSuccess,
   inputContainer,
-  shortcut,
   hasAdornment,
-  adornment,
-  hasShortcut
+  shortcut,
+  adornment
 };
 exports.adornment = adornment;
 exports.default = styles;
 exports.error = error;
 exports.errorMessage = errorMessage;
 exports.hasAdornment = hasAdornment;
-exports.hasShortcut = hasShortcut;
 exports.helper = helper;
 exports.helperError = helperError;
 exports.helperSuccess = helperSuccess;
 exports.input = input;
 exports.inputContainer = inputContainer;
 exports.label = label;
-exports.labelSm = labelSm;
 exports.lg = lg;
 exports.md = md;
 exports.required = required;