@bug-on/m3-expressive 1.2.7 → 1.3.0

package/dist/feedback.d.mts

@@ -46,12 +46,14 @@ interface BadgedBoxProps {
      */
     className?: string;
     /**
-     * Explicitly override size detection for badge positioning.
-     * - `'small'` → BadgeOffset = 6dp → translate(50%, -50%)
-     * - `'large'` → HOffset=12dp/VOffset=14dp → translate(35%, -35%)
+    /**
+     * Explicitly override size detection for badge positioning per MD3 specification.
+     * - `'sm'` → Small badge (dot): BadgeOffset = 6dp → translate(50%, -50%)
+     * - `'lg'` → Large badge (text): HOffset=12dp/VOffset=14dp → translate(35%, -35%)
      * When omitted, BadgedBox auto-detects by inspecting `badge` children prop.
+     * @default auto-detected
      */
-    badgeSize?: "small" | "large";
+    size?: "sm" | "lg";
 }
 /**
  * MD3 Expressive Badge — dynamic status indicator.
@@ -84,7 +86,7 @@ declare const Badge: React$1.NamedExoticComponent<BadgeProps & React$1.RefAttrib
  *   → translate(35%, -35%)
  *
  * Auto-detects badge size by inspecting the badge element's children prop,
- * or accepts an explicit `badgeSize` override.
+ * or accepts an explicit `size` override.
  *
  * @example
  * ```tsx
@@ -99,7 +101,7 @@ declare const Badge: React$1.NamedExoticComponent<BadgeProps & React$1.RefAttrib
  * </BadgedBox>
  * ```
  */
-declare function BadgedBox({ badge, children, className, badgeSize, }: BadgedBoxProps): react_jsx_runtime.JSX.Element;
+declare function BadgedBox({ badge, children, className, size, }: BadgedBoxProps): react_jsx_runtime.JSX.Element;
 
 interface LoadingIndicatorProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> {
     /**

package/dist/feedback.d.ts

@@ -46,12 +46,14 @@ interface BadgedBoxProps {
      */
     className?: string;
     /**
-     * Explicitly override size detection for badge positioning.
-     * - `'small'` → BadgeOffset = 6dp → translate(50%, -50%)
-     * - `'large'` → HOffset=12dp/VOffset=14dp → translate(35%, -35%)
+    /**
+     * Explicitly override size detection for badge positioning per MD3 specification.
+     * - `'sm'` → Small badge (dot): BadgeOffset = 6dp → translate(50%, -50%)
+     * - `'lg'` → Large badge (text): HOffset=12dp/VOffset=14dp → translate(35%, -35%)
      * When omitted, BadgedBox auto-detects by inspecting `badge` children prop.
+     * @default auto-detected
      */
-    badgeSize?: "small" | "large";
+    size?: "sm" | "lg";
 }
 /**
  * MD3 Expressive Badge — dynamic status indicator.
@@ -84,7 +86,7 @@ declare const Badge: React$1.NamedExoticComponent<BadgeProps & React$1.RefAttrib
  *   → translate(35%, -35%)
  *
  * Auto-detects badge size by inspecting the badge element's children prop,
- * or accepts an explicit `badgeSize` override.
+ * or accepts an explicit `size` override.
  *
  * @example
  * ```tsx
@@ -99,7 +101,7 @@ declare const Badge: React$1.NamedExoticComponent<BadgeProps & React$1.RefAttrib
  * </BadgedBox>
  * ```
  */
-declare function BadgedBox({ badge, children, className, badgeSize, }: BadgedBoxProps): react_jsx_runtime.JSX.Element;
+declare function BadgedBox({ badge, children, className, size, }: BadgedBoxProps): react_jsx_runtime.JSX.Element;
 
 interface LoadingIndicatorProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> {
     /**

package/dist/feedback.js

@@ -160,9 +160,9 @@ function BadgedBox({
   badge,
   children,
   className,
-  badgeSize
+  size
 }) {
-  const isLarge = badgeSize ? badgeSize === "large" : detectBadgeHasContent(badge);
+  const isLarge = size ? size === "lg" : detectBadgeHasContent(badge);
   const badgePositionClass = isLarge ? "translate-x-[35%] -translate-y-[35%]" : "translate-x-[50%] -translate-y-[50%]";
   return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn("relative inline-flex", className), children: [
     children,
@@ -1488,7 +1488,7 @@ var IconButtonComponent = React3__namespace.forwardRef(
       variant = "default",
       colorStyle = "standard",
       size = "sm",
-      widthVariant = "default",
+      width = "default",
       shape = "round",
       selected,
       selectedIcon,
@@ -1506,7 +1506,7 @@ var IconButtonComponent = React3__namespace.forwardRef(
       "variant",
       "colorStyle",
       "size",
-      "widthVariant",
+      "width",
       "shape",
       "selected",
       "selectedIcon",
@@ -1551,7 +1551,7 @@ var IconButtonComponent = React3__namespace.forwardRef(
     const iconPx = iconSize != null ? iconSize : defaultIconPx;
     const isCustomSize = iconSize != null && iconSize !== "inherit";
     const heightClass = (_c = SIZE_HEIGHT_STYLES[size]) != null ? _c : SIZE_HEIGHT_STYLES.sm;
-    const widthClass = (_e = ((_d = WIDTH_SIZE_STYLES[size]) != null ? _d : WIDTH_SIZE_STYLES.sm)[widthVariant]) != null ? _e : WIDTH_SIZE_STYLES.sm.default;
+    const widthClass = (_e = ((_d = WIDTH_SIZE_STYLES[size]) != null ? _d : WIDTH_SIZE_STYLES.sm)[width]) != null ? _e : WIDTH_SIZE_STYLES.sm.default;
     const needsTouchTarget = size === "xs" || size === "sm";
     const { ripples, onPointerDown, removeRipple } = useRippleState({
       disabled: loading