@hanzo/ui 5.3.30 → 5.3.31
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/dist/index.js +1 -19
- package/dist/index.mjs +1 -18
- package/dist/primitives/index.js +1 -19
- package/dist/primitives/index.mjs +1 -18
- package/dist/primitives-export.js +1 -19
- package/dist/primitives-export.mjs +1 -18
- package/package.json +1 -2
package/dist/index.js
CHANGED
|
@@ -44,7 +44,6 @@ var TogglePrimitive = require('@radix-ui/react-toggle');
|
|
|
44
44
|
var ToggleGroupPrimitive = require('@radix-ui/react-toggle-group');
|
|
45
45
|
var NextImage = require('next/image');
|
|
46
46
|
var Link2 = require('next/link');
|
|
47
|
-
var Spline = require('@splinetool/react-spline');
|
|
48
47
|
|
|
49
48
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
50
49
|
|
|
@@ -96,7 +95,6 @@ var TogglePrimitive__namespace = /*#__PURE__*/_interopNamespace(TogglePrimitive)
|
|
|
96
95
|
var ToggleGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(ToggleGroupPrimitive);
|
|
97
96
|
var NextImage__default = /*#__PURE__*/_interopDefault(NextImage);
|
|
98
97
|
var Link2__default = /*#__PURE__*/_interopDefault(Link2);
|
|
99
|
-
var Spline__default = /*#__PURE__*/_interopDefault(Spline);
|
|
100
98
|
|
|
101
99
|
var __defProp = Object.defineProperty;
|
|
102
100
|
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
@@ -3715,24 +3713,8 @@ var MediaStack = /* @__PURE__ */ __name(({
|
|
|
3715
3713
|
constrainTo: cnst = { w: 250, h: 250 },
|
|
3716
3714
|
clx = ""
|
|
3717
3715
|
}) => {
|
|
3718
|
-
const { img, video,
|
|
3716
|
+
const { img, video, mediaTransform } = media;
|
|
3719
3717
|
const transform = mediaTransform ?? {};
|
|
3720
|
-
if (animation) {
|
|
3721
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3722
|
-
Spline__default.default,
|
|
3723
|
-
{
|
|
3724
|
-
scene: animation,
|
|
3725
|
-
className: cn(clx, "pointer-events-none"),
|
|
3726
|
-
"data-vaul-no-drag": true,
|
|
3727
|
-
style: {
|
|
3728
|
-
// // !aspect-[12/10]
|
|
3729
|
-
width: 6 / 5 * (typeof cnst.h === "number" ? cnst.h : parseInt(cnst.h)),
|
|
3730
|
-
height: cnst.h,
|
|
3731
|
-
...spread_to_transform_default(transform)
|
|
3732
|
-
}
|
|
3733
|
-
}
|
|
3734
|
-
);
|
|
3735
|
-
}
|
|
3736
3718
|
if (video) {
|
|
3737
3719
|
const dim = constrain(video.dim.md, cnst);
|
|
3738
3720
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
package/dist/index.mjs
CHANGED
|
@@ -44,7 +44,6 @@ import * as TogglePrimitive from '@radix-ui/react-toggle';
|
|
|
44
44
|
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
45
45
|
import NextImage from 'next/image';
|
|
46
46
|
import Link2 from 'next/link';
|
|
47
|
-
import Spline from '@splinetool/react-spline';
|
|
48
47
|
|
|
49
48
|
var __defProp = Object.defineProperty;
|
|
50
49
|
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
@@ -3663,24 +3662,8 @@ var MediaStack = /* @__PURE__ */ __name(({
|
|
|
3663
3662
|
constrainTo: cnst = { w: 250, h: 250 },
|
|
3664
3663
|
clx = ""
|
|
3665
3664
|
}) => {
|
|
3666
|
-
const { img, video,
|
|
3665
|
+
const { img, video, mediaTransform } = media;
|
|
3667
3666
|
const transform = mediaTransform ?? {};
|
|
3668
|
-
if (animation) {
|
|
3669
|
-
return /* @__PURE__ */ jsx(
|
|
3670
|
-
Spline,
|
|
3671
|
-
{
|
|
3672
|
-
scene: animation,
|
|
3673
|
-
className: cn(clx, "pointer-events-none"),
|
|
3674
|
-
"data-vaul-no-drag": true,
|
|
3675
|
-
style: {
|
|
3676
|
-
// // !aspect-[12/10]
|
|
3677
|
-
width: 6 / 5 * (typeof cnst.h === "number" ? cnst.h : parseInt(cnst.h)),
|
|
3678
|
-
height: cnst.h,
|
|
3679
|
-
...spread_to_transform_default(transform)
|
|
3680
|
-
}
|
|
3681
|
-
}
|
|
3682
|
-
);
|
|
3683
|
-
}
|
|
3684
3667
|
if (video) {
|
|
3685
3668
|
const dim = constrain(video.dim.md, cnst);
|
|
3686
3669
|
return /* @__PURE__ */ jsx(
|
package/dist/primitives/index.js
CHANGED
|
@@ -44,7 +44,6 @@ var TogglePrimitive = require('@radix-ui/react-toggle');
|
|
|
44
44
|
var ToggleGroupPrimitive = require('@radix-ui/react-toggle-group');
|
|
45
45
|
var NextImage = require('next/image');
|
|
46
46
|
var Link2 = require('next/link');
|
|
47
|
-
var Spline = require('@splinetool/react-spline');
|
|
48
47
|
|
|
49
48
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
50
49
|
|
|
@@ -96,7 +95,6 @@ var TogglePrimitive__namespace = /*#__PURE__*/_interopNamespace(TogglePrimitive)
|
|
|
96
95
|
var ToggleGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(ToggleGroupPrimitive);
|
|
97
96
|
var NextImage__default = /*#__PURE__*/_interopDefault(NextImage);
|
|
98
97
|
var Link2__default = /*#__PURE__*/_interopDefault(Link2);
|
|
99
|
-
var Spline__default = /*#__PURE__*/_interopDefault(Spline);
|
|
100
98
|
|
|
101
99
|
var __defProp = Object.defineProperty;
|
|
102
100
|
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
@@ -3715,24 +3713,8 @@ var MediaStack = /* @__PURE__ */ __name(({
|
|
|
3715
3713
|
constrainTo: cnst = { w: 250, h: 250 },
|
|
3716
3714
|
clx = ""
|
|
3717
3715
|
}) => {
|
|
3718
|
-
const { img, video,
|
|
3716
|
+
const { img, video, mediaTransform } = media;
|
|
3719
3717
|
const transform = mediaTransform ?? {};
|
|
3720
|
-
if (animation) {
|
|
3721
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3722
|
-
Spline__default.default,
|
|
3723
|
-
{
|
|
3724
|
-
scene: animation,
|
|
3725
|
-
className: cn(clx, "pointer-events-none"),
|
|
3726
|
-
"data-vaul-no-drag": true,
|
|
3727
|
-
style: {
|
|
3728
|
-
// // !aspect-[12/10]
|
|
3729
|
-
width: 6 / 5 * (typeof cnst.h === "number" ? cnst.h : parseInt(cnst.h)),
|
|
3730
|
-
height: cnst.h,
|
|
3731
|
-
...spread_to_transform_default(transform)
|
|
3732
|
-
}
|
|
3733
|
-
}
|
|
3734
|
-
);
|
|
3735
|
-
}
|
|
3736
3718
|
if (video) {
|
|
3737
3719
|
const dim = constrain(video.dim.md, cnst);
|
|
3738
3720
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -44,7 +44,6 @@ import * as TogglePrimitive from '@radix-ui/react-toggle';
|
|
|
44
44
|
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
45
45
|
import NextImage from 'next/image';
|
|
46
46
|
import Link2 from 'next/link';
|
|
47
|
-
import Spline from '@splinetool/react-spline';
|
|
48
47
|
|
|
49
48
|
var __defProp = Object.defineProperty;
|
|
50
49
|
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
@@ -3663,24 +3662,8 @@ var MediaStack = /* @__PURE__ */ __name(({
|
|
|
3663
3662
|
constrainTo: cnst = { w: 250, h: 250 },
|
|
3664
3663
|
clx = ""
|
|
3665
3664
|
}) => {
|
|
3666
|
-
const { img, video,
|
|
3665
|
+
const { img, video, mediaTransform } = media;
|
|
3667
3666
|
const transform = mediaTransform ?? {};
|
|
3668
|
-
if (animation) {
|
|
3669
|
-
return /* @__PURE__ */ jsx(
|
|
3670
|
-
Spline,
|
|
3671
|
-
{
|
|
3672
|
-
scene: animation,
|
|
3673
|
-
className: cn(clx, "pointer-events-none"),
|
|
3674
|
-
"data-vaul-no-drag": true,
|
|
3675
|
-
style: {
|
|
3676
|
-
// // !aspect-[12/10]
|
|
3677
|
-
width: 6 / 5 * (typeof cnst.h === "number" ? cnst.h : parseInt(cnst.h)),
|
|
3678
|
-
height: cnst.h,
|
|
3679
|
-
...spread_to_transform_default(transform)
|
|
3680
|
-
}
|
|
3681
|
-
}
|
|
3682
|
-
);
|
|
3683
|
-
}
|
|
3684
3667
|
if (video) {
|
|
3685
3668
|
const dim = constrain(video.dim.md, cnst);
|
|
3686
3669
|
return /* @__PURE__ */ jsx(
|
|
@@ -44,7 +44,6 @@ var TogglePrimitive = require('@radix-ui/react-toggle');
|
|
|
44
44
|
var ToggleGroupPrimitive = require('@radix-ui/react-toggle-group');
|
|
45
45
|
var NextImage = require('next/image');
|
|
46
46
|
var Link2 = require('next/link');
|
|
47
|
-
var Spline = require('@splinetool/react-spline');
|
|
48
47
|
|
|
49
48
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
50
49
|
|
|
@@ -96,7 +95,6 @@ var TogglePrimitive__namespace = /*#__PURE__*/_interopNamespace(TogglePrimitive)
|
|
|
96
95
|
var ToggleGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(ToggleGroupPrimitive);
|
|
97
96
|
var NextImage__default = /*#__PURE__*/_interopDefault(NextImage);
|
|
98
97
|
var Link2__default = /*#__PURE__*/_interopDefault(Link2);
|
|
99
|
-
var Spline__default = /*#__PURE__*/_interopDefault(Spline);
|
|
100
98
|
|
|
101
99
|
var __defProp = Object.defineProperty;
|
|
102
100
|
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
@@ -3715,24 +3713,8 @@ var MediaStack = /* @__PURE__ */ __name(({
|
|
|
3715
3713
|
constrainTo: cnst = { w: 250, h: 250 },
|
|
3716
3714
|
clx = ""
|
|
3717
3715
|
}) => {
|
|
3718
|
-
const { img, video,
|
|
3716
|
+
const { img, video, mediaTransform } = media;
|
|
3719
3717
|
const transform = mediaTransform ?? {};
|
|
3720
|
-
if (animation) {
|
|
3721
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3722
|
-
Spline__default.default,
|
|
3723
|
-
{
|
|
3724
|
-
scene: animation,
|
|
3725
|
-
className: cn(clx, "pointer-events-none"),
|
|
3726
|
-
"data-vaul-no-drag": true,
|
|
3727
|
-
style: {
|
|
3728
|
-
// // !aspect-[12/10]
|
|
3729
|
-
width: 6 / 5 * (typeof cnst.h === "number" ? cnst.h : parseInt(cnst.h)),
|
|
3730
|
-
height: cnst.h,
|
|
3731
|
-
...spread_to_transform_default(transform)
|
|
3732
|
-
}
|
|
3733
|
-
}
|
|
3734
|
-
);
|
|
3735
|
-
}
|
|
3736
3718
|
if (video) {
|
|
3737
3719
|
const dim = constrain(video.dim.md, cnst);
|
|
3738
3720
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -44,7 +44,6 @@ import * as TogglePrimitive from '@radix-ui/react-toggle';
|
|
|
44
44
|
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
45
45
|
import NextImage from 'next/image';
|
|
46
46
|
import Link2 from 'next/link';
|
|
47
|
-
import Spline from '@splinetool/react-spline';
|
|
48
47
|
|
|
49
48
|
var __defProp = Object.defineProperty;
|
|
50
49
|
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
@@ -3663,24 +3662,8 @@ var MediaStack = /* @__PURE__ */ __name(({
|
|
|
3663
3662
|
constrainTo: cnst = { w: 250, h: 250 },
|
|
3664
3663
|
clx = ""
|
|
3665
3664
|
}) => {
|
|
3666
|
-
const { img, video,
|
|
3665
|
+
const { img, video, mediaTransform } = media;
|
|
3667
3666
|
const transform = mediaTransform ?? {};
|
|
3668
|
-
if (animation) {
|
|
3669
|
-
return /* @__PURE__ */ jsx(
|
|
3670
|
-
Spline,
|
|
3671
|
-
{
|
|
3672
|
-
scene: animation,
|
|
3673
|
-
className: cn(clx, "pointer-events-none"),
|
|
3674
|
-
"data-vaul-no-drag": true,
|
|
3675
|
-
style: {
|
|
3676
|
-
// // !aspect-[12/10]
|
|
3677
|
-
width: 6 / 5 * (typeof cnst.h === "number" ? cnst.h : parseInt(cnst.h)),
|
|
3678
|
-
height: cnst.h,
|
|
3679
|
-
...spread_to_transform_default(transform)
|
|
3680
|
-
}
|
|
3681
|
-
}
|
|
3682
|
-
);
|
|
3683
|
-
}
|
|
3684
3667
|
if (video) {
|
|
3685
3668
|
const dim = constrain(video.dim.md, cnst);
|
|
3686
3669
|
return /* @__PURE__ */ jsx(
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hanzo/ui",
|
|
3
|
-
"version": "5.3.
|
|
3
|
+
"version": "5.3.31",
|
|
4
4
|
"description": "Multi-framework UI library with React, Vue, Svelte, and React Native support. Based on shadcn/ui with comprehensive framework coverage.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/",
|
|
@@ -705,7 +705,6 @@
|
|
|
705
705
|
"@mdx-js/loader": "^3.0.0",
|
|
706
706
|
"@mdx-js/react": "^3.0.0",
|
|
707
707
|
"@radix-ui/react-primitive": "^2.1.3",
|
|
708
|
-
"@splinetool/react-spline": "^4.1.0",
|
|
709
708
|
"@testing-library/jest-dom": "^6.9.1",
|
|
710
709
|
"@testing-library/react": "^16.3.0",
|
|
711
710
|
"@types/facebook-pixel": "^0.0.30",
|