magnaui 0.3.0 → 0.3.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 +5 -5
- package/dist/components/ui/resizable.js +1 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
React components, theme tokens, and original Magna artwork for authorized Magna AI applications.
|
|
4
4
|
|
|
5
|
-
MagnaUI `0.3.
|
|
5
|
+
MagnaUI `0.3.1` includes AI conversation components, React 18.3 and React 19 support, RTL direction support, and isolated styles for Tailwind 4 applications.
|
|
6
6
|
|
|
7
7
|
**Usage terms:** Public package visibility permits downloading the distribution; it does not grant an open-source license to Magna-owned materials. Use is restricted to the owner and expressly authorized users under `LICENSE` in the installed package. Third-party materials retain their own terms in `THIRD_PARTY_NOTICES.md`.
|
|
8
8
|
|
|
@@ -11,7 +11,7 @@ Internal teams may use MagnaUI in Magna AI projects covered by the owner’s aut
|
|
|
11
11
|
## Install
|
|
12
12
|
|
|
13
13
|
```sh
|
|
14
|
-
npm install magnaui@^0.3.
|
|
14
|
+
npm install magnaui@^0.3.1
|
|
15
15
|
```
|
|
16
16
|
|
|
17
17
|
Use matching `react` and `react-dom` versions: `^18.3.1` or `^19.0.0`. Next.js 15 applications can keep React 19. The package ships ESM JavaScript, TypeScript declarations, compiled CSS, fonts, and artwork. Use Next.js, Vite, or another modern bundler that supports CSS Modules and static package assets. Next.js itself is not a library dependency.
|
|
@@ -49,8 +49,8 @@ For a narrower import, component modules also have subpaths:
|
|
|
49
49
|
|
|
50
50
|
```tsx
|
|
51
51
|
import * as Button from 'magnaui/ui/button';
|
|
52
|
-
import { MagnaLogo } from 'magnaui/magna';
|
|
53
|
-
import { BorderBeam } from 'magnaui/interactions';
|
|
52
|
+
import { MagnaLogo } from 'magnaui/magna/logo';
|
|
53
|
+
import { BorderBeam } from 'magnaui/interactions/border-beam';
|
|
54
54
|
```
|
|
55
55
|
|
|
56
56
|
## Optional editor and effects
|
|
@@ -95,7 +95,7 @@ For a smaller installation, switch ordinary UI imports to `magnaui/core` and fea
|
|
|
95
95
|
|
|
96
96
|
## Included components
|
|
97
97
|
|
|
98
|
-
MagnaUI `0.3.
|
|
98
|
+
MagnaUI `0.3.1` includes base component families, Magna workspace components, interaction adapters, and AI conversation components, with their public component parts and types.
|
|
99
99
|
|
|
100
100
|
| Group | Public component families |
|
|
101
101
|
| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
@@ -77,6 +77,7 @@ export const Panel = React.forwardRef(function Panel({ primary = false, classNam
|
|
|
77
77
|
const collapsed = primary ? context.value === 0 : context.value === 100;
|
|
78
78
|
return (_jsx("div", { ...props, ref: ref, id: primary ? context.primaryId : props.id, "data-resizable-panel": primary ? 'primary' : 'secondary', hidden: collapsed || props.hidden, className: __magnaClasses_1(__magnaClasses_1(cn('min-h-0 min-w-0 overflow-auto', className), className), className), style: {
|
|
79
79
|
...style,
|
|
80
|
+
display: collapsed || props.hidden === true ? 'none' : style?.display,
|
|
80
81
|
flexBasis: 0,
|
|
81
82
|
flexGrow: primary ? context.value : 100 - context.value,
|
|
82
83
|
flexShrink: 1,
|