@bug-on/m3-expressive 1.3.4 → 1.3.6

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 (76) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/README.md +31 -7
  3. package/dist/assets/material-symbols-cdn.css +17 -23
  4. package/dist/buttons.js +129 -35
  5. package/dist/buttons.js.map +1 -1
  6. package/dist/buttons.mjs +129 -35
  7. package/dist/buttons.mjs.map +1 -1
  8. package/dist/{core-COvZHQ_k.d.ts → core-Cckt8qEm.d.ts} +10 -4
  9. package/dist/{core-CRkixy1y.d.mts → core-DDfG4pym.d.mts} +10 -4
  10. package/dist/core.d.mts +2 -2
  11. package/dist/core.d.ts +2 -2
  12. package/dist/core.js +6 -5
  13. package/dist/core.js.map +1 -1
  14. package/dist/core.mjs +6 -5
  15. package/dist/core.mjs.map +1 -1
  16. package/dist/fading-blur-mask--uZbBKLj.d.mts +77 -0
  17. package/dist/fading-blur-mask--uZbBKLj.d.ts +77 -0
  18. package/dist/feedback.js +1 -1
  19. package/dist/feedback.js.map +1 -1
  20. package/dist/feedback.mjs +1 -1
  21. package/dist/feedback.mjs.map +1 -1
  22. package/dist/forms.d.mts +2 -2
  23. package/dist/forms.d.ts +2 -2
  24. package/dist/forms.js +17 -7
  25. package/dist/forms.js.map +1 -1
  26. package/dist/forms.mjs +17 -7
  27. package/dist/forms.mjs.map +1 -1
  28. package/dist/index.d.mts +9 -8
  29. package/dist/index.d.ts +9 -8
  30. package/dist/index.js +988 -309
  31. package/dist/index.js.map +1 -1
  32. package/dist/index.mjs +984 -310
  33. package/dist/index.mjs.map +1 -1
  34. package/dist/layout.d.mts +5 -3
  35. package/dist/layout.d.ts +5 -3
  36. package/dist/layout.js +61 -6
  37. package/dist/layout.js.map +1 -1
  38. package/dist/layout.mjs +61 -7
  39. package/dist/layout.mjs.map +1 -1
  40. package/dist/material-symbols-cdn.css +17 -23
  41. package/dist/{md3-expressive-shapes-CPcfl_Hf.d.mts → md3-expressive-shapes-wk_98LJh.d.mts} +20 -1
  42. package/dist/{md3-expressive-shapes-CPcfl_Hf.d.ts → md3-expressive-shapes-wk_98LJh.d.ts} +20 -1
  43. package/dist/navigation.d.mts +26 -84
  44. package/dist/navigation.d.ts +26 -84
  45. package/dist/navigation.js +95 -29
  46. package/dist/navigation.js.map +1 -1
  47. package/dist/navigation.mjs +95 -29
  48. package/dist/navigation.mjs.map +1 -1
  49. package/dist/overlays.d.mts +4 -2
  50. package/dist/overlays.d.ts +4 -2
  51. package/dist/overlays.js +85 -44
  52. package/dist/overlays.js.map +1 -1
  53. package/dist/overlays.mjs +85 -44
  54. package/dist/overlays.mjs.map +1 -1
  55. package/dist/pickers.d.mts +12 -0
  56. package/dist/pickers.d.ts +12 -0
  57. package/dist/pickers.js +186 -120
  58. package/dist/pickers.js.map +1 -1
  59. package/dist/pickers.mjs +186 -120
  60. package/dist/pickers.mjs.map +1 -1
  61. package/dist/shapes.d.mts +141 -15
  62. package/dist/shapes.d.ts +141 -15
  63. package/dist/shapes.js +618 -126
  64. package/dist/shapes.js.map +1 -1
  65. package/dist/shapes.mjs +614 -127
  66. package/dist/shapes.mjs.map +1 -1
  67. package/dist/{side-sheet-modal-64FGhDxL.d.mts → side-sheet-modal-BycxrabB.d.mts} +70 -0
  68. package/dist/{side-sheet-modal-Bd5Qqvp9.d.ts → side-sheet-modal-Cw4vemKx.d.ts} +70 -0
  69. package/dist/{text-field-4OlT9o8s.d.mts → text-field-B1fLh5Sh.d.mts} +22 -3
  70. package/dist/{text-field-DARNdj14.d.ts → text-field-C0VQLp8Y.d.ts} +22 -3
  71. package/dist/{typography-339RV6v7.d.mts → typography-CKTjvlZ4.d.mts} +25 -0
  72. package/dist/{typography-339RV6v7.d.ts → typography-CKTjvlZ4.d.ts} +25 -0
  73. package/dist/typography.css +1 -1
  74. package/llms-full.txt +24 -13
  75. package/llms.txt +11 -6
  76. package/package.json +3 -3
package/dist/forms.d.mts CHANGED
@@ -1,5 +1,5 @@
1
- import { H as SliderThumbProps } from './text-field-4OlT9o8s.mjs';
2
- export { C as Checkbox, a as CheckboxProps, b as CheckboxState, c as Chip, d as ChipProps, R as RadioButton, e as RadioButtonColors, f as RadioButtonProps, g as RadioGroup, h as RadioGroupProps, i as RangeSlider, j as RangeSliderProps, S as Select, k as SelectContentRenderState, l as SelectOption, m as SelectOptionRenderState, n as SelectProps, o as Slider, p as SliderColors, q as SliderOrientation, r as SliderProps, s as SliderTokens, t as SliderTrackSize, u as SliderVariant, v as Switch, w as SwitchColors, x as SwitchProps, y as SwitchTokens, T as TextField, z as TextFieldHandle, A as TextFieldInputType, B as TextFieldProps, D as TextFieldTrailingIconMode, E as TextFieldVariant, F as TriStateCheckbox, G as TriStateCheckboxProps } from './text-field-4OlT9o8s.mjs';
1
+ import { H as SliderThumbProps } from './text-field-B1fLh5Sh.mjs';
2
+ export { C as Checkbox, a as CheckboxProps, b as CheckboxState, c as Chip, d as ChipProps, R as RadioButton, e as RadioButtonColors, f as RadioButtonProps, g as RadioGroup, h as RadioGroupProps, i as RangeSlider, j as RangeSliderProps, S as Select, k as SelectContentRenderState, l as SelectOption, m as SelectOptionRenderState, n as SelectProps, o as Slider, p as SliderColors, q as SliderOrientation, r as SliderProps, s as SliderTokens, t as SliderTrackSize, u as SliderVariant, v as Switch, w as SwitchColors, x as SwitchProps, y as SwitchTokens, T as TextField, z as TextFieldHandle, A as TextFieldInputType, B as TextFieldProps, D as TextFieldTrailingIconMode, E as TextFieldVariant, F as TriStateCheckbox, G as TriStateCheckboxProps } from './text-field-B1fLh5Sh.mjs';
3
3
  import * as React from 'react';
4
4
  import 'class-variance-authority/types';
5
5
  import 'class-variance-authority';
package/dist/forms.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { H as SliderThumbProps } from './text-field-DARNdj14.js';
2
- export { C as Checkbox, a as CheckboxProps, b as CheckboxState, c as Chip, d as ChipProps, R as RadioButton, e as RadioButtonColors, f as RadioButtonProps, g as RadioGroup, h as RadioGroupProps, i as RangeSlider, j as RangeSliderProps, S as Select, k as SelectContentRenderState, l as SelectOption, m as SelectOptionRenderState, n as SelectProps, o as Slider, p as SliderColors, q as SliderOrientation, r as SliderProps, s as SliderTokens, t as SliderTrackSize, u as SliderVariant, v as Switch, w as SwitchColors, x as SwitchProps, y as SwitchTokens, T as TextField, z as TextFieldHandle, A as TextFieldInputType, B as TextFieldProps, D as TextFieldTrailingIconMode, E as TextFieldVariant, F as TriStateCheckbox, G as TriStateCheckboxProps } from './text-field-DARNdj14.js';
1
+ import { H as SliderThumbProps } from './text-field-C0VQLp8Y.js';
2
+ export { C as Checkbox, a as CheckboxProps, b as CheckboxState, c as Chip, d as ChipProps, R as RadioButton, e as RadioButtonColors, f as RadioButtonProps, g as RadioGroup, h as RadioGroupProps, i as RangeSlider, j as RangeSliderProps, S as Select, k as SelectContentRenderState, l as SelectOption, m as SelectOptionRenderState, n as SelectProps, o as Slider, p as SliderColors, q as SliderOrientation, r as SliderProps, s as SliderTokens, t as SliderTrackSize, u as SliderVariant, v as Switch, w as SwitchColors, x as SwitchProps, y as SwitchTokens, T as TextField, z as TextFieldHandle, A as TextFieldInputType, B as TextFieldProps, D as TextFieldTrailingIconMode, E as TextFieldVariant, F as TriStateCheckbox, G as TriStateCheckboxProps } from './text-field-C0VQLp8Y.js';
3
3
  import * as React from 'react';
4
4
  import 'class-variance-authority/types';
5
5
  import 'class-variance-authority';
package/dist/forms.js CHANGED
@@ -1274,7 +1274,7 @@ var IconComponent = React4__namespace.forwardRef(
1274
1274
  (_a, ref) => {
1275
1275
  var _b = _a, {
1276
1276
  name,
1277
- variant = "outlined",
1277
+ variant = "rounded",
1278
1278
  fill = 0,
1279
1279
  weight = 400,
1280
1280
  grade = 0,
@@ -3704,12 +3704,13 @@ var TextFieldComponent = React4__namespace.forwardRef(
3704
3704
  if (autoResize) {
3705
3705
  textarea.style.height = "auto";
3706
3706
  textarea.style.height = `${textarea.scrollHeight}px`;
3707
- if (maxRows) {
3708
- textarea.style.maxHeight = `${maxRows * LINE_HEIGHT_PX}px`;
3709
- }
3707
+ textarea.style.overflowY = "hidden";
3708
+ } else {
3709
+ textarea.style.height = "";
3710
+ textarea.style.maxHeight = "";
3711
+ textarea.style.overflowY = "";
3710
3712
  }
3711
- textarea.style.overflowY = "hidden";
3712
- }, [type, autoResize, maxRows, currentValue]);
3713
+ }, [type, autoResize, currentValue]);
3713
3714
  const handleValueChange = React4__namespace.useCallback(
3714
3715
  (newValue) => {
3715
3716
  var _a2, _b;
@@ -3932,7 +3933,7 @@ var TextFieldComponent = React4__namespace.forwardRef(
3932
3933
  className: cn(
3933
3934
  inputClass,
3934
3935
  "resize-none mt-2",
3935
- autoResize ? "h-auto" : "h-full"
3936
+ autoResize ? "h-auto" : "min-h-full overflow-y-auto"
3936
3937
  ),
3937
3938
  style: { direction: textDirection || void 0 }
3938
3939
  }, inputProps)
@@ -4071,6 +4072,15 @@ var Select = React4__namespace.forwardRef(
4071
4072
  openRef.current = open;
4072
4073
  const [searchQuery, setSearchQuery] = React4__namespace.useState("");
4073
4074
  const [scrollViewport, setScrollViewport] = React4__namespace.useState(null);
4075
+ React4__namespace.useEffect(() => {
4076
+ var _a3, _b3;
4077
+ const isDev = ((_b3 = (_a3 = globalThis.process) == null ? void 0 : _a3.env) == null ? void 0 : _b3.NODE_ENV) !== "production";
4078
+ if (isDev && onSearchChange && !searchable) {
4079
+ console.warn(
4080
+ "[Select] `onSearchChange` was provided but `searchable` is false. The callback will never be called unless you also set `searchable={true}`."
4081
+ );
4082
+ }
4083
+ }, [onSearchChange, searchable]);
4074
4084
  const selectedOption = React4__namespace.useMemo(
4075
4085
  () => options.find((opt) => opt.value === currentValue),
4076
4086
  [options, currentValue]