@rebasepro/ui 0.21.0 → 0.21.1
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.
- package/README.md +7 -8
- package/dist/index.es.js +11 -6
- package/dist/index.es.js.map +1 -1
- package/dist/src/theme.css +2 -2
- package/dist/theme.css +2 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -9,13 +9,13 @@ pnpm add @rebasepro/ui
|
|
|
9
9
|
```
|
|
10
10
|
|
|
11
11
|
ESM-only: `"type": "module"` with no CommonJS build, so it is loaded with
|
|
12
|
-
`import`.
|
|
13
|
-
`require(esm)
|
|
12
|
+
`import`. It needs Node `>=22.22.0` (its `engines` floor), where `require()`
|
|
13
|
+
of it resolves too: Node has supported `require(esm)` since 22.12.
|
|
14
14
|
|
|
15
15
|
### Peer Dependencies
|
|
16
16
|
|
|
17
|
-
- `react`
|
|
18
|
-
- `react-dom`
|
|
17
|
+
- `react` ^19.2.7
|
|
18
|
+
- `react-dom` ^19.2.7
|
|
19
19
|
|
|
20
20
|
## What This Package Does
|
|
21
21
|
|
|
@@ -100,8 +100,7 @@ Tailwind class-string constants for consistent styling:
|
|
|
100
100
|
|---|---|
|
|
101
101
|
| `cls(...)` | Class name merge utility (wraps `clsx`) |
|
|
102
102
|
| `debounce` | Debounce function |
|
|
103
|
-
| `
|
|
104
|
-
| `keyToIconComponent` | Map icon string key to lucide component |
|
|
103
|
+
| `CHIP_COLORS` | Color schemes for chips |
|
|
105
104
|
|
|
106
105
|
### Hooks
|
|
107
106
|
|
|
@@ -112,11 +111,11 @@ Tailwind class-string constants for consistent styling:
|
|
|
112
111
|
| `useDebouncedCallback` | Debounced callback hook |
|
|
113
112
|
| `useDebounceCallback` | Callback debounce variant |
|
|
114
113
|
| `useDebounceValue` | Debounced value hook |
|
|
115
|
-
| `
|
|
114
|
+
| `PortalContainerProvider` / `usePortalContainer` | Set, and read, the container portals render into |
|
|
116
115
|
|
|
117
116
|
### Icons
|
|
118
117
|
|
|
119
|
-
|
|
118
|
+
Exports 139 icon components — 137 re-exported from lucide-react (e.g. `ArrowRightIcon`, `SearchIcon`, `PlusIcon`), plus `GitHubIcon` and `HandleIcon` — along with `iconKeys` and `coolIconKeys`.
|
|
120
119
|
|
|
121
120
|
To render an icon whose name is only known at runtime, use `<LucideIconByName name="ShoppingCart" />` (or `loadLucideIcons()` / `useLucideIcons()` for the map itself). The full `icons` map is still re-exported as `lucideIcons`, but reach for it last: it holds a reference to every icon in the library, so importing it pulls the whole 822 kB set into whatever chunk you import it from, and no tree-shaking helps. Nothing in this package imports it, so it costs nothing unless you ask for it.
|
|
122
121
|
|
package/dist/index.es.js
CHANGED
|
@@ -4785,12 +4785,17 @@ var MultiSelect = React$1.forwardRef(({ value, size = "large", label, error, onV
|
|
|
4785
4785
|
ref: inputRef ?? ref,
|
|
4786
4786
|
"aria-label": ariaLabel ?? (typeof label === "string" ? label : void 0),
|
|
4787
4787
|
onClick: handleTogglePopover,
|
|
4788
|
-
className: cls({
|
|
4789
|
-
"min-h-[28px]"
|
|
4790
|
-
"min-h-[32px]"
|
|
4791
|
-
"min-h-[40px]"
|
|
4792
|
-
"min-h-[48px]"
|
|
4793
|
-
}
|
|
4788
|
+
className: cls(invisible ? {
|
|
4789
|
+
smallest: "min-h-[28px]",
|
|
4790
|
+
small: "min-h-[32px]",
|
|
4791
|
+
medium: "min-h-[40px]",
|
|
4792
|
+
large: "min-h-[48px]"
|
|
4793
|
+
}[size] : {
|
|
4794
|
+
smallest: "min-h-[30px]",
|
|
4795
|
+
small: "min-h-[34px]",
|
|
4796
|
+
medium: "min-h-[42px]",
|
|
4797
|
+
large: "min-h-[50px]"
|
|
4798
|
+
}[size], {
|
|
4794
4799
|
"py-0": size === "smallest",
|
|
4795
4800
|
"py-0.5": size === "small",
|
|
4796
4801
|
"py-1": size === "medium" || size === "large"
|