@jonmilner/ui 0.8.2 → 0.9.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 (79) hide show
  1. package/dist/Avatar/Avatar.css +1 -1
  2. package/dist/Avatar/index.d.mts +1 -1
  3. package/dist/Avatar/index.mjs +1 -1
  4. package/dist/Badge/Badge.css +1 -1
  5. package/dist/Badge/index.d.mts +1 -1
  6. package/dist/Badge/index.mjs +1 -1
  7. package/dist/Box/Box.css +1 -1
  8. package/dist/Box/ResponsiveCheck.mjs +17 -0
  9. package/dist/Box/base.d.mts +8 -0
  10. package/dist/Box/base.mjs +17 -0
  11. package/dist/Box/index.d.mts +4 -7
  12. package/dist/Box/index.mjs +4 -13
  13. package/dist/Button/Button.css +1 -1
  14. package/dist/Button/index.d.mts +1 -1
  15. package/dist/Button/index.mjs +1 -1
  16. package/dist/Checkbox/Checkbox.css +1 -1
  17. package/dist/Checkbox/index.mjs +1 -1
  18. package/dist/Chip/Chip.css +1 -1
  19. package/dist/Chip/index.mjs +1 -1
  20. package/dist/Clickable/Clickable.css +1 -1
  21. package/dist/Clickable/index.d.mts +1 -1
  22. package/dist/Clickable/index.mjs +1 -1
  23. package/dist/ColorField/ColorField.css +1 -1
  24. package/dist/ColorField/client.mjs +8 -8
  25. package/dist/ColorField/index.d.mts +1 -1
  26. package/dist/Dialog/Dialog.css +1 -1
  27. package/dist/Dialog/client.d.mts +1 -1
  28. package/dist/Dialog/client.mjs +1 -1
  29. package/dist/Dialog/index.d.mts +1 -1
  30. package/dist/Dialog/index.mjs +1 -1
  31. package/dist/Field/Field.css +1 -1
  32. package/dist/Field/client.mjs +1 -1
  33. package/dist/Field/index.mjs +18 -18
  34. package/dist/Heading/Heading.css +1 -1
  35. package/dist/Icon/Icon.css +1 -1
  36. package/dist/IconButton/IconButton.css +1 -1
  37. package/dist/IconButton/index.d.mts +1 -1
  38. package/dist/Inline/Inline.css +1 -1
  39. package/dist/Inline/index.d.mts +2 -1
  40. package/dist/Menu/Menu.css +1 -1
  41. package/dist/Menu/client.mjs +16 -16
  42. package/dist/Menu/index.d.mts +1 -1
  43. package/dist/Menu/index.mjs +25 -25
  44. package/dist/MultiSelect/MultiSelect.css +1 -1
  45. package/dist/MultiSelect/client.mjs +25 -25
  46. package/dist/MultiSelect/index.d.mts +1 -1
  47. package/dist/MultiSelect/index.mjs +1 -1
  48. package/dist/SearchField/SearchField.css +1 -1
  49. package/dist/SearchField/client.mjs +9 -9
  50. package/dist/SearchField/index.d.mts +1 -1
  51. package/dist/Stack/Stack.css +1 -1
  52. package/dist/Stack/index.d.mts +2 -1
  53. package/dist/Tabs/Tabs.css +1 -1
  54. package/dist/Tabs/index.mjs +1 -1
  55. package/dist/Tag/Tag.css +1 -1
  56. package/dist/Tag/index.d.mts +1 -1
  57. package/dist/Tag/index.mjs +1 -1
  58. package/dist/Text/Text.css +1 -1
  59. package/dist/Text/index.d.mts +1 -1
  60. package/dist/Text/index.mjs +1 -1
  61. package/dist/TextField/TextField.css +1 -1
  62. package/dist/TextField/index.d.mts +1 -1
  63. package/dist/Toast/Toast.css +1 -1
  64. package/dist/Toast/client.mjs +42 -42
  65. package/dist/VisuallyHidden/VisuallyHidden.css +1 -1
  66. package/dist/base.css +1 -1
  67. package/dist/docs/manifest.json +1 -1
  68. package/dist/docs/migrations/0.9.0.md +27 -0
  69. package/dist/index.d.mts +2 -1
  70. package/dist/index.mjs +11 -11
  71. package/dist/popup/client.mjs +24 -24
  72. package/dist/styles/atoms.css +2 -2
  73. package/dist/styles/atoms.css.d.mts +31 -31
  74. package/dist/styles/atoms.css.mjs +1500 -1500
  75. package/dist/styles/layers.css +2 -2
  76. package/dist/styles/part-props.d.mts +1 -1
  77. package/dist/styles/responsive.css +2 -0
  78. package/dist/styles/responsive.css.mjs +6 -0
  79. package/package.json +5 -3
package/dist/styles/atoms.css.d.mts CHANGED
@@ -1,160 +1,160 @@
1
1
  //#region src/styles/atoms.css.d.ts
2
2
  export declare const sprinkles: ((props: {
3
- display?: "block" | "contents" | "flex" | "grid" | "inline" | "inline-block" | "inline-flex" | "none" | {
3
+ readonly display?: "block" | "contents" | "flex" | "grid" | "inline" | "inline-block" | "inline-flex" | "none" | {
4
4
  base?: {};
5
5
  sm?: "block" | "contents" | "flex" | "grid" | "inline" | "inline-block" | "inline-flex" | "none" | undefined;
6
6
  med?: "block" | "contents" | "flex" | "grid" | "inline" | "inline-block" | "inline-flex" | "none" | undefined;
7
7
  lg?: "block" | "contents" | "flex" | "grid" | "inline" | "inline-block" | "inline-flex" | "none" | undefined;
8
8
  xl?: "block" | "contents" | "flex" | "grid" | "inline" | "inline-block" | "inline-flex" | "none" | undefined;
9
9
  } | undefined;
10
- flexDirection?: "column" | "column-reverse" | "row" | "row-reverse" | {
10
+ readonly flexDirection?: "column" | "column-reverse" | "row" | "row-reverse" | {
11
11
  base?: {};
12
12
  sm?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
13
13
  med?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
14
14
  lg?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
15
15
  xl?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
16
16
  } | undefined;
17
- flexWrap?: "nowrap" | "wrap" | {
17
+ readonly flexWrap?: "nowrap" | "wrap" | {
18
18
  base?: {};
19
19
  sm?: "nowrap" | "wrap" | undefined;
20
20
  med?: "nowrap" | "wrap" | undefined;
21
21
  lg?: "nowrap" | "wrap" | undefined;
22
22
  xl?: "nowrap" | "wrap" | undefined;
23
23
  } | undefined;
24
- flexGrow?: 0 | 1 | {
24
+ readonly flexGrow?: 0 | 1 | {
25
25
  base?: {};
26
26
  sm?: 0 | 1 | undefined;
27
27
  med?: 0 | 1 | undefined;
28
28
  lg?: 0 | 1 | undefined;
29
29
  xl?: 0 | 1 | undefined;
30
30
  } | undefined;
31
- flexShrink?: 0 | 1 | {
31
+ readonly flexShrink?: 0 | 1 | {
32
32
  base?: {};
33
33
  sm?: 0 | 1 | undefined;
34
34
  med?: 0 | 1 | undefined;
35
35
  lg?: 0 | 1 | undefined;
36
36
  xl?: 0 | 1 | undefined;
37
37
  } | undefined;
38
- alignItems?: "baseline" | "center" | "end" | "start" | "stretch" | {
38
+ readonly alignItems?: "baseline" | "center" | "end" | "start" | "stretch" | {
39
39
  base?: {};
40
40
  sm?: "baseline" | "center" | "end" | "start" | "stretch" | undefined;
41
41
  med?: "baseline" | "center" | "end" | "start" | "stretch" | undefined;
42
42
  lg?: "baseline" | "center" | "end" | "start" | "stretch" | undefined;
43
43
  xl?: "baseline" | "center" | "end" | "start" | "stretch" | undefined;
44
44
  } | undefined;
45
- alignSelf?: "baseline" | "center" | "end" | "start" | "stretch" | {
45
+ readonly alignSelf?: "baseline" | "center" | "end" | "start" | "stretch" | {
46
46
  base?: {};
47
47
  sm?: "baseline" | "center" | "end" | "start" | "stretch" | undefined;
48
48
  med?: "baseline" | "center" | "end" | "start" | "stretch" | undefined;
49
49
  lg?: "baseline" | "center" | "end" | "start" | "stretch" | undefined;
50
50
  xl?: "baseline" | "center" | "end" | "start" | "stretch" | undefined;
51
51
  } | undefined;
52
- justifyContent?: "center" | "end" | "space-around" | "space-between" | "space-evenly" | "start" | {
52
+ readonly justifyContent?: "center" | "end" | "space-around" | "space-between" | "space-evenly" | "start" | {
53
53
  base?: {};
54
54
  sm?: "center" | "end" | "space-around" | "space-between" | "space-evenly" | "start" | undefined;
55
55
  med?: "center" | "end" | "space-around" | "space-between" | "space-evenly" | "start" | undefined;
56
56
  lg?: "center" | "end" | "space-around" | "space-between" | "space-evenly" | "start" | undefined;
57
57
  xl?: "center" | "end" | "space-around" | "space-between" | "space-evenly" | "start" | undefined;
58
58
  } | undefined;
59
- gap?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | {
59
+ readonly gap?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | {
60
60
  base?: {};
61
61
  sm?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | undefined;
62
62
  med?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | undefined;
63
63
  lg?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | undefined;
64
64
  xl?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | undefined;
65
65
  } | undefined;
66
- paddingBlockStart?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | {
66
+ readonly paddingBlockStart?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | {
67
67
  base?: {};
68
68
  sm?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | undefined;
69
69
  med?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | undefined;
70
70
  lg?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | undefined;
71
71
  xl?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | undefined;
72
72
  } | undefined;
73
- paddingBlockEnd?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | {
73
+ readonly paddingBlockEnd?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | {
74
74
  base?: {};
75
75
  sm?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | undefined;
76
76
  med?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | undefined;
77
77
  lg?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | undefined;
78
78
  xl?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | undefined;
79
79
  } | undefined;
80
- paddingInlineStart?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | {
80
+ readonly paddingInlineStart?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | {
81
81
  base?: {};
82
82
  sm?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | undefined;
83
83
  med?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | undefined;
84
84
  lg?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | undefined;
85
85
  xl?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | undefined;
86
86
  } | undefined;
87
- paddingInlineEnd?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | {
87
+ readonly paddingInlineEnd?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | {
88
88
  base?: {};
89
89
  sm?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | undefined;
90
90
  med?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | undefined;
91
91
  lg?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | undefined;
92
92
  xl?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | undefined;
93
93
  } | undefined;
94
- marginBlockStart?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | "auto" | {
94
+ readonly marginBlockStart?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | "auto" | {
95
95
  base?: {};
96
96
  sm?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | "auto" | undefined;
97
97
  med?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | "auto" | undefined;
98
98
  lg?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | "auto" | undefined;
99
99
  xl?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | "auto" | undefined;
100
100
  } | undefined;
101
- marginBlockEnd?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | "auto" | {
101
+ readonly marginBlockEnd?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | "auto" | {
102
102
  base?: {};
103
103
  sm?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | "auto" | undefined;
104
104
  med?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | "auto" | undefined;
105
105
  lg?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | "auto" | undefined;
106
106
  xl?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | "auto" | undefined;
107
107
  } | undefined;
108
- marginInlineStart?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | "auto" | {
108
+ readonly marginInlineStart?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | "auto" | {
109
109
  base?: {};
110
110
  sm?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | "auto" | undefined;
111
111
  med?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | "auto" | undefined;
112
112
  lg?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | "auto" | undefined;
113
113
  xl?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | "auto" | undefined;
114
114
  } | undefined;
115
- marginInlineEnd?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | "auto" | {
115
+ readonly marginInlineEnd?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | "auto" | {
116
116
  base?: {};
117
117
  sm?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | "auto" | undefined;
118
118
  med?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | "auto" | undefined;
119
119
  lg?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | "auto" | undefined;
120
120
  xl?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | "auto" | undefined;
121
121
  } | undefined;
122
- inlineSize?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "page" | "prose" | "sm" | "wide" | "xl" | "xs" | {
122
+ readonly inlineSize?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "page" | "prose" | "sm" | "wide" | "xl" | "xs" | {
123
123
  base?: {};
124
124
  sm?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "page" | "prose" | "sm" | "wide" | "xl" | "xs" | undefined;
125
125
  med?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "page" | "prose" | "sm" | "wide" | "xl" | "xs" | undefined;
126
126
  lg?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "page" | "prose" | "sm" | "wide" | "xl" | "xs" | undefined;
127
127
  xl?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "page" | "prose" | "sm" | "wide" | "xl" | "xs" | undefined;
128
128
  } | undefined;
129
- blockSize?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "sm" | "xl" | "xs" | {
129
+ readonly blockSize?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "sm" | "xl" | "xs" | {
130
130
  base?: {};
131
131
  sm?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "sm" | "xl" | "xs" | undefined;
132
132
  med?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "sm" | "xl" | "xs" | undefined;
133
133
  lg?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "sm" | "xl" | "xs" | undefined;
134
134
  xl?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "sm" | "xl" | "xs" | undefined;
135
135
  } | undefined;
136
- minInlineSize?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "page" | "prose" | "sm" | "wide" | "xl" | "xs" | {
136
+ readonly minInlineSize?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "page" | "prose" | "sm" | "wide" | "xl" | "xs" | {
137
137
  base?: {};
138
138
  sm?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "page" | "prose" | "sm" | "wide" | "xl" | "xs" | undefined;
139
139
  med?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "page" | "prose" | "sm" | "wide" | "xl" | "xs" | undefined;
140
140
  lg?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "page" | "prose" | "sm" | "wide" | "xl" | "xs" | undefined;
141
141
  xl?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "page" | "prose" | "sm" | "wide" | "xl" | "xs" | undefined;
142
142
  } | undefined;
143
- maxInlineSize?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "page" | "prose" | "sm" | "wide" | "xl" | "xs" | {
143
+ readonly maxInlineSize?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "page" | "prose" | "sm" | "wide" | "xl" | "xs" | {
144
144
  base?: {};
145
145
  sm?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "page" | "prose" | "sm" | "wide" | "xl" | "xs" | undefined;
146
146
  med?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "page" | "prose" | "sm" | "wide" | "xl" | "xs" | undefined;
147
147
  lg?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "page" | "prose" | "sm" | "wide" | "xl" | "xs" | undefined;
148
148
  xl?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "page" | "prose" | "sm" | "wide" | "xl" | "xs" | undefined;
149
149
  } | undefined;
150
- minBlockSize?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "sm" | "xl" | "xs" | {
150
+ readonly minBlockSize?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "sm" | "xl" | "xs" | {
151
151
  base?: {};
152
152
  sm?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "sm" | "xl" | "xs" | undefined;
153
153
  med?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "sm" | "xl" | "xs" | undefined;
154
154
  lg?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "sm" | "xl" | "xs" | undefined;
155
155
  xl?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "sm" | "xl" | "xs" | undefined;
156
156
  } | undefined;
157
- maxBlockSize?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "sm" | "xl" | "xs" | {
157
+ readonly maxBlockSize?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "sm" | "xl" | "xs" | {
158
158
  base?: {};
159
159
  sm?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "sm" | "xl" | "xs" | undefined;
160
160
  med?: "auto" | "fit" | "full" | "lg" | "max" | "med" | "min" | "sm" | "xl" | "xs" | undefined;
@@ -204,14 +204,14 @@ export declare const sprinkles: ((props: {
204
204
  xl?: "0" | "1" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "96" | "auto" | undefined;
205
205
  } | undefined;
206
206
  } & {
207
- color?: "accent" | "accentFg" | "accentFillFg" | "accentSubtleFg" | "bg" | "bgMuted" | "bgRaised" | "border" | "borderStrong" | "danger" | "dangerFg" | "dangerSubtleFg" | "done" | "doneFg" | "doneSubtleFg" | "fg" | "fgMuted" | "focus" | "neutralSubtleFg" | "success" | "successFg" | "successSubtleFg" | "warning" | "warningFg" | "warningSubtleFg" | undefined;
208
- backgroundColor?: "accent" | "accentFg" | "accentFill" | "accentFillFg" | "accentSubtle" | "accentSubtleFg" | "bg" | "bgMuted" | "bgRaised" | "border" | "borderStrong" | "danger" | "dangerFg" | "dangerSubtle" | "dangerSubtleFg" | "done" | "doneFg" | "doneSubtle" | "doneSubtleFg" | "fg" | "fgMuted" | "focus" | "neutralSubtle" | "neutralSubtleFg" | "success" | "successFg" | "successSubtle" | "successSubtleFg" | "warning" | "warningFg" | "warningSubtle" | "warningSubtleFg" | undefined;
209
- borderRadius?: "full" | "lg" | "med" | "none" | "sm" | "xl" | undefined;
210
- boxShadow?: "lg" | "med" | "sm" | undefined;
211
- position?: "absolute" | "fixed" | "relative" | "static" | "sticky" | undefined;
212
- zIndex?: "base" | "dropdown" | "modal" | "overlay" | "popover" | "raised" | "sticky" | "toast" | "tooltip" | undefined;
213
- overflow?: "auto" | "clip" | "hidden" | "visible" | undefined;
214
- textAlign?: "center" | "end" | "start" | undefined;
207
+ readonly color?: "accent" | "accentFg" | "accentFillFg" | "accentSubtleFg" | "bg" | "bgMuted" | "bgRaised" | "border" | "borderStrong" | "danger" | "dangerFg" | "dangerSubtleFg" | "done" | "doneFg" | "doneSubtleFg" | "fg" | "fgMuted" | "focus" | "neutralSubtleFg" | "success" | "successFg" | "successSubtleFg" | "warning" | "warningFg" | "warningSubtleFg" | undefined;
208
+ readonly backgroundColor?: "accent" | "accentFg" | "accentFill" | "accentFillFg" | "accentSubtle" | "accentSubtleFg" | "bg" | "bgMuted" | "bgRaised" | "border" | "borderStrong" | "danger" | "dangerFg" | "dangerSubtle" | "dangerSubtleFg" | "done" | "doneFg" | "doneSubtle" | "doneSubtleFg" | "fg" | "fgMuted" | "focus" | "neutralSubtle" | "neutralSubtleFg" | "success" | "successFg" | "successSubtle" | "successSubtleFg" | "warning" | "warningFg" | "warningSubtle" | "warningSubtleFg" | undefined;
209
+ readonly borderRadius?: "full" | "lg" | "med" | "none" | "sm" | "xl" | undefined;
210
+ readonly boxShadow?: "lg" | "med" | "sm" | undefined;
211
+ readonly position?: "absolute" | "fixed" | "relative" | "static" | "sticky" | undefined;
212
+ readonly zIndex?: "base" | "dropdown" | "modal" | "overlay" | "popover" | "raised" | "sticky" | "toast" | "tooltip" | undefined;
213
+ readonly overflow?: "auto" | "clip" | "hidden" | "visible" | undefined;
214
+ readonly textAlign?: "center" | "end" | "start" | undefined;
215
215
  }) => string) & {
216
216
  properties: Set<"alignItems" | "alignSelf" | "backgroundColor" | "blockSize" | "borderRadius" | "boxShadow" | "color" | "display" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gap" | "inlineSize" | "justifyContent" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "maxBlockSize" | "maxInlineSize" | "minBlockSize" | "minInlineSize" | "overflow" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "position" | "textAlign" | "zIndex">;
217
217
  };