@easy-editor/setters 0.0.2 → 0.0.3
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.cjs +21 -48
- package/dist/index.cjs.map +1 -1
- package/dist/index.esm.js +8 -7
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +3645 -3673
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/dist/styles.css +2 -1
- package/package.json +3 -1
package/dist/index.esm.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import './styles/global.css';
|
|
1
2
|
import * as React from 'react';
|
|
2
3
|
import React__default, { useState, useRef } from 'react';
|
|
3
4
|
import { Slot } from '@radix-ui/react-slot';
|
|
@@ -3256,7 +3257,7 @@ const NumberSetter = props => {
|
|
|
3256
3257
|
value: value ?? initialValue
|
|
3257
3258
|
}), !!suffix && /*#__PURE__*/jsx("span", {
|
|
3258
3259
|
"aria-label": `Unit: ${suffix}`,
|
|
3259
|
-
className: "
|
|
3260
|
+
className: "pointer-events-none absolute top-1/2 right-3 -translate-y-1/2 text-muted-foreground",
|
|
3260
3261
|
children: suffix
|
|
3261
3262
|
})]
|
|
3262
3263
|
});
|
|
@@ -3284,7 +3285,7 @@ const RectSetter = props => {
|
|
|
3284
3285
|
value: formatDecimal(value.x)
|
|
3285
3286
|
}), /*#__PURE__*/jsx("span", {
|
|
3286
3287
|
"aria-label": 'Unit: X',
|
|
3287
|
-
className: "
|
|
3288
|
+
className: "pointer-events-none absolute top-1/2 right-3 -translate-y-1/2 text-muted-foreground",
|
|
3288
3289
|
children: "X"
|
|
3289
3290
|
})]
|
|
3290
3291
|
}), /*#__PURE__*/jsxs("div", {
|
|
@@ -3296,7 +3297,7 @@ const RectSetter = props => {
|
|
|
3296
3297
|
value: formatDecimal(value.y)
|
|
3297
3298
|
}), /*#__PURE__*/jsx("span", {
|
|
3298
3299
|
"aria-label": 'Unit: Y',
|
|
3299
|
-
className: "
|
|
3300
|
+
className: "pointer-events-none absolute top-1/2 right-3 -translate-y-1/2 text-muted-foreground",
|
|
3300
3301
|
children: "Y"
|
|
3301
3302
|
})]
|
|
3302
3303
|
}), /*#__PURE__*/jsxs("div", {
|
|
@@ -3308,7 +3309,7 @@ const RectSetter = props => {
|
|
|
3308
3309
|
value: formatDecimal(value.width)
|
|
3309
3310
|
}), /*#__PURE__*/jsx("span", {
|
|
3310
3311
|
"aria-label": 'Unit: W',
|
|
3311
|
-
className: "
|
|
3312
|
+
className: "pointer-events-none absolute top-1/2 right-3 -translate-y-1/2 text-muted-foreground",
|
|
3312
3313
|
children: "W"
|
|
3313
3314
|
})]
|
|
3314
3315
|
}), /*#__PURE__*/jsxs("div", {
|
|
@@ -3320,7 +3321,7 @@ const RectSetter = props => {
|
|
|
3320
3321
|
value: formatDecimal(value.height)
|
|
3321
3322
|
}), /*#__PURE__*/jsx("span", {
|
|
3322
3323
|
"aria-label": 'Unit: H',
|
|
3323
|
-
className: "
|
|
3324
|
+
className: "pointer-events-none absolute top-1/2 right-3 -translate-y-1/2 text-muted-foreground",
|
|
3324
3325
|
children: "H"
|
|
3325
3326
|
})]
|
|
3326
3327
|
})]
|
|
@@ -3346,7 +3347,7 @@ const StringSetter = props => {
|
|
|
3346
3347
|
value: value || initialValue
|
|
3347
3348
|
}), !!suffix && /*#__PURE__*/jsx("span", {
|
|
3348
3349
|
"aria-label": `Unit: ${suffix}`,
|
|
3349
|
-
className: "
|
|
3350
|
+
className: "pointer-events-none absolute top-1/2 right-3 -translate-y-1/2 text-muted-foreground",
|
|
3350
3351
|
children: suffix
|
|
3351
3352
|
})]
|
|
3352
3353
|
});
|
|
@@ -3535,7 +3536,7 @@ const CollapseSetter = props => {
|
|
|
3535
3536
|
} = props;
|
|
3536
3537
|
const [isOpen, setIsOpen] = useState(initialValue ?? true);
|
|
3537
3538
|
return /*#__PURE__*/jsxs(Collapsible, {
|
|
3538
|
-
className: "
|
|
3539
|
+
className: "w-[calc(100%_+_32px)] -translate-x-4 space-y-2",
|
|
3539
3540
|
onOpenChange: setIsOpen,
|
|
3540
3541
|
open: isOpen,
|
|
3541
3542
|
children: [/*#__PURE__*/jsxs("div", {
|