@bug-on/m3-expressive 1.2.6 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/buttons.d.mts +3 -3
  3. package/dist/buttons.d.ts +3 -3
  4. package/dist/buttons.js +230 -82
  5. package/dist/buttons.js.map +1 -1
  6. package/dist/buttons.mjs +231 -83
  7. package/dist/buttons.mjs.map +1 -1
  8. package/dist/{core-D4048_K5.d.mts → core-CAU8g2HY.d.mts} +1 -1
  9. package/dist/{core-Bc5Wj_pc.d.ts → core-DRrLnsnJ.d.ts} +1 -1
  10. package/dist/core.d.mts +2 -2
  11. package/dist/core.d.ts +2 -2
  12. package/dist/core.js +300 -152
  13. package/dist/core.js.map +1 -1
  14. package/dist/core.mjs +283 -135
  15. package/dist/core.mjs.map +1 -1
  16. package/dist/feedback.d.mts +40 -6
  17. package/dist/feedback.d.ts +40 -6
  18. package/dist/feedback.js +313 -165
  19. package/dist/feedback.js.map +1 -1
  20. package/dist/feedback.mjs +291 -143
  21. package/dist/feedback.mjs.map +1 -1
  22. package/dist/{icon-button-CSsDmuQC.d.mts → icon-button-CqdQBsRe.d.ts} +11 -5
  23. package/dist/{icon-button-CSsDmuQC.d.ts → icon-button-USJo7AqO.d.mts} +11 -5
  24. package/dist/index.d.mts +6 -6
  25. package/dist/index.d.ts +6 -6
  26. package/dist/index.js +511 -235
  27. package/dist/index.js.map +1 -1
  28. package/dist/index.mjs +511 -236
  29. package/dist/index.mjs.map +1 -1
  30. package/dist/layout.d.mts +1 -1
  31. package/dist/layout.d.ts +1 -1
  32. package/dist/layout.js +221 -105
  33. package/dist/layout.js.map +1 -1
  34. package/dist/layout.mjs +222 -106
  35. package/dist/layout.mjs.map +1 -1
  36. package/dist/{md3-Dty-Qcad.d.mts → md3-D0_Z7IXj.d.mts} +9 -1
  37. package/dist/{md3-Dty-Qcad.d.ts → md3-D0_Z7IXj.d.ts} +9 -1
  38. package/dist/navigation.d.mts +103 -33
  39. package/dist/navigation.d.ts +103 -33
  40. package/dist/navigation.js +507 -199
  41. package/dist/navigation.js.map +1 -1
  42. package/dist/navigation.mjs +508 -201
  43. package/dist/navigation.mjs.map +1 -1
  44. package/dist/overlays.js +354 -206
  45. package/dist/overlays.js.map +1 -1
  46. package/dist/overlays.mjs +317 -169
  47. package/dist/overlays.mjs.map +1 -1
  48. package/dist/pickers.js +362 -214
  49. package/dist/pickers.js.map +1 -1
  50. package/dist/pickers.mjs +330 -182
  51. package/dist/pickers.mjs.map +1 -1
  52. package/dist/{split-button-trailing-uncheckable-DPJL3bO6.d.mts → split-button-trailing-uncheckable-26qlZvKT.d.mts} +10 -7
  53. package/dist/{split-button-trailing-uncheckable--BhNTEJw.d.ts → split-button-trailing-uncheckable-CXUVrH64.d.ts} +10 -7
  54. package/package.json +1 -1
@@ -46,12 +46,14 @@ interface BadgedBoxProps {
46
46
  */
47
47
  className?: string;
48
48
  /**
49
- * Explicitly override size detection for badge positioning.
50
- * - `'small'` BadgeOffset = 6dp translate(50%, -50%)
51
- * - `'large'` → HOffset=12dp/VOffset=14dp → translate(35%, -35%)
49
+ /**
50
+ * Explicitly override size detection for badge positioning per MD3 specification.
51
+ * - `'sm'` → Small badge (dot): BadgeOffset = 6dp → translate(50%, -50%)
52
+ * - `'lg'` → Large badge (text): HOffset=12dp/VOffset=14dp → translate(35%, -35%)
52
53
  * When omitted, BadgedBox auto-detects by inspecting `badge` children prop.
54
+ * @default auto-detected
53
55
  */
54
- badgeSize?: "small" | "large";
56
+ size?: "sm" | "lg";
55
57
  }
56
58
  /**
57
59
  * MD3 Expressive Badge — dynamic status indicator.
@@ -84,7 +86,7 @@ declare const Badge: React$1.NamedExoticComponent<BadgeProps & React$1.RefAttrib
84
86
  * → translate(35%, -35%)
85
87
  *
86
88
  * Auto-detects badge size by inspecting the badge element's children prop,
87
- * or accepts an explicit `badgeSize` override.
89
+ * or accepts an explicit `size` override.
88
90
  *
89
91
  * @example
90
92
  * ```tsx
@@ -99,7 +101,7 @@ declare const Badge: React$1.NamedExoticComponent<BadgeProps & React$1.RefAttrib
99
101
  * </BadgedBox>
100
102
  * ```
101
103
  */
102
- declare function BadgedBox({ badge, children, className, badgeSize, }: BadgedBoxProps): react_jsx_runtime.JSX.Element;
104
+ declare function BadgedBox({ badge, children, className, size, }: BadgedBoxProps): react_jsx_runtime.JSX.Element;
103
105
 
104
106
  interface LoadingIndicatorProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> {
105
107
  /**
@@ -291,6 +293,38 @@ interface CircularProgressProps extends ProgressBaseProps {
291
293
  * Speed multiplier for Indeterminate circular crawler rotation.
292
294
  */
293
295
  crawlerSpeed?: number;
296
+ /**
297
+ * Controls track visibility in Indeterminate mode.
298
+ * - `true`: Track is always visible behind the active indicator.
299
+ * - `false`: Track is hidden (transparent).
300
+ * - `"auto"`: Follows M3 defaults — hidden for `flat`, visible for `wavy`.
301
+ *
302
+ * @default "auto"
303
+ */
304
+ showTrack?: boolean | "auto";
305
+ /**
306
+ * Minimum arc fraction for indeterminate animation (0–1).
307
+ * Controls how small the arc gets at its shortest point.
308
+ *
309
+ * @default 0.1 (matching M3 Kotlin)
310
+ */
311
+ minProgress?: number;
312
+ /**
313
+ * Maximum arc fraction for indeterminate animation (0–1).
314
+ * Controls how large the arc gets at its longest point.
315
+ *
316
+ * @default 0.8 (matching M3 Kotlin)
317
+ */
318
+ maxProgress?: number;
319
+ /**
320
+ * Amplitude range for wavy indeterminate mode as `[min, max]`.
321
+ * The amplitude modulates between these values based on the arc length.
322
+ * - When arc is short → amplitude approaches `min` (flatter).
323
+ * - When arc is long → amplitude approaches `max` (wavier).
324
+ *
325
+ * @default [0, effectiveAmplitude] (matching Kotlin: flat when short, full wave when long)
326
+ */
327
+ amplitudeRange?: [number, number];
294
328
  }
295
329
  type ProgressIndicatorProps = LinearProgressProps | CircularProgressProps;
296
330
 
@@ -46,12 +46,14 @@ interface BadgedBoxProps {
46
46
  */
47
47
  className?: string;
48
48
  /**
49
- * Explicitly override size detection for badge positioning.
50
- * - `'small'` BadgeOffset = 6dp translate(50%, -50%)
51
- * - `'large'` → HOffset=12dp/VOffset=14dp → translate(35%, -35%)
49
+ /**
50
+ * Explicitly override size detection for badge positioning per MD3 specification.
51
+ * - `'sm'` → Small badge (dot): BadgeOffset = 6dp → translate(50%, -50%)
52
+ * - `'lg'` → Large badge (text): HOffset=12dp/VOffset=14dp → translate(35%, -35%)
52
53
  * When omitted, BadgedBox auto-detects by inspecting `badge` children prop.
54
+ * @default auto-detected
53
55
  */
54
- badgeSize?: "small" | "large";
56
+ size?: "sm" | "lg";
55
57
  }
56
58
  /**
57
59
  * MD3 Expressive Badge — dynamic status indicator.
@@ -84,7 +86,7 @@ declare const Badge: React$1.NamedExoticComponent<BadgeProps & React$1.RefAttrib
84
86
  * → translate(35%, -35%)
85
87
  *
86
88
  * Auto-detects badge size by inspecting the badge element's children prop,
87
- * or accepts an explicit `badgeSize` override.
89
+ * or accepts an explicit `size` override.
88
90
  *
89
91
  * @example
90
92
  * ```tsx
@@ -99,7 +101,7 @@ declare const Badge: React$1.NamedExoticComponent<BadgeProps & React$1.RefAttrib
99
101
  * </BadgedBox>
100
102
  * ```
101
103
  */
102
- declare function BadgedBox({ badge, children, className, badgeSize, }: BadgedBoxProps): react_jsx_runtime.JSX.Element;
104
+ declare function BadgedBox({ badge, children, className, size, }: BadgedBoxProps): react_jsx_runtime.JSX.Element;
103
105
 
104
106
  interface LoadingIndicatorProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> {
105
107
  /**
@@ -291,6 +293,38 @@ interface CircularProgressProps extends ProgressBaseProps {
291
293
  * Speed multiplier for Indeterminate circular crawler rotation.
292
294
  */
293
295
  crawlerSpeed?: number;
296
+ /**
297
+ * Controls track visibility in Indeterminate mode.
298
+ * - `true`: Track is always visible behind the active indicator.
299
+ * - `false`: Track is hidden (transparent).
300
+ * - `"auto"`: Follows M3 defaults — hidden for `flat`, visible for `wavy`.
301
+ *
302
+ * @default "auto"
303
+ */
304
+ showTrack?: boolean | "auto";
305
+ /**
306
+ * Minimum arc fraction for indeterminate animation (0–1).
307
+ * Controls how small the arc gets at its shortest point.
308
+ *
309
+ * @default 0.1 (matching M3 Kotlin)
310
+ */
311
+ minProgress?: number;
312
+ /**
313
+ * Maximum arc fraction for indeterminate animation (0–1).
314
+ * Controls how large the arc gets at its longest point.
315
+ *
316
+ * @default 0.8 (matching M3 Kotlin)
317
+ */
318
+ maxProgress?: number;
319
+ /**
320
+ * Amplitude range for wavy indeterminate mode as `[min, max]`.
321
+ * The amplitude modulates between these values based on the arc length.
322
+ * - When arc is short → amplitude approaches `min` (flatter).
323
+ * - When arc is long → amplitude approaches `max` (wavier).
324
+ *
325
+ * @default [0, effectiveAmplitude] (matching Kotlin: flat when short, full wave when long)
326
+ */
327
+ amplitudeRange?: [number, number];
294
328
  }
295
329
  type ProgressIndicatorProps = LinearProgressProps | CircularProgressProps;
296
330