@easy-editor/setters 0.0.2 → 0.0.3

package/dist/index.cjs

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('./styles/global.css');
 var React = require('react');
 var reactSlot = require('@radix-ui/react-slot');
 var jsxRuntime = require('react/jsx-runtime');
@@ -14,20 +15,20 @@ var TabsPrimitive = require('@radix-ui/react-tabs');
 var LabelPrimitive = require('@radix-ui/react-label');
 
 function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
         });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
+    }
+    n.default = e;
+    return Object.freeze(n);
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
@@ -37,34 +38,6 @@ var CollapsiblePrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(Coll
 var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(TabsPrimitive);
 var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(LabelPrimitive);
 
-function styleInject(css, ref) {
-  if (ref === void 0) ref = {};
-  var insertAt = ref.insertAt;
-  if (typeof document === 'undefined') {
-    return;
-  }
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z = "@import \"tailwindcss\";@import \"tw-animate-css\";@custom-variant dark (&:is(.dark *));:root{--background:#fff;--foreground:#09090b;--card:#fff;--card-foreground:#09090b;--popover:#fff;--popover-foreground:#09090b;--primary:#18181b;--primary-foreground:#fafafa;--secondary:#f4f4f5;--secondary-foreground:#18181b;--muted:#f4f4f5;--muted-foreground:#71717a;--accent:#f4f4f5;--accent-foreground:#18181b;--destructive:#ef4444;--destructive-foreground:#fafafa;--border:#e4e4e7;--input:#e4e4e7;--ring:#09090b;--chart-1:#e76e50;--chart-2:#2a9d90;--chart-3:#274754;--chart-4:#e8c468;--chart-5:#f4a462;--radius:0.6rem;--sidebar:#fafafa;--sidebar-foreground:#3f3f46;--sidebar-primary:#18181b;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#f4f4f5;--sidebar-accent-foreground:#18181b;--sidebar-border:#e5e7eb;--sidebar-ring:#3b82f6}.dark{--background:#09090b;--foreground:#fafafa;--card:#09090b;--card-foreground:#fafafa;--popover:#09090b;--popover-foreground:#fafafa;--primary:#fafafa;--primary-foreground:#18181b;--secondary:#27272a;--secondary-foreground:#fafafa;--muted:#27272a;--muted-foreground:#a1a1aa;--accent:#27272a;--accent-foreground:#fafafa;--destructive:#7f1d1d;--destructive-foreground:#fafafa;--border:#27272a;--input:#27272a;--ring:#d4d4d8;--chart-1:#2662d9;--chart-2:#2eb88a;--chart-3:#e88c30;--chart-4:#af57db;--chart-5:#e23670;--sidebar:#18181b;--sidebar-foreground:#f4f4f5;--sidebar-primary:#1d4ed8;--sidebar-primary-foreground:#fff;--sidebar-accent:#27272a;--sidebar-accent-foreground:#f4f4f5;--sidebar-border:#27272a;--sidebar-ring:#3b82f6}@theme inline{--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-destructive:var(--destructive);--color-destructive-foreground:var(--destructive-foreground);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring);--color-chart-1:var(--chart-1);--color-chart-2:var(--chart-2);--color-chart-3:var(--chart-3);--color-chart-4:var(--chart-4);--color-chart-5:var(--chart-5);--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--color-sidebar:var(--sidebar);--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar-primary:var(--sidebar-primary);--color-sidebar-primary-foreground:var(--sidebar-primary-foreground);--color-sidebar-accent:var(--sidebar-accent);--color-sidebar-accent-foreground:var(--sidebar-accent-foreground);--color-sidebar-border:var(--sidebar-border);--color-sidebar-ring:var(--sidebar-ring)}@layer base{*,body{@apply bg-background text-foreground}}[data-color-mode*=dark] .w-color-sketch{--sketch-background:var(--popover)!important}[data-color-mode*=dark] .w-color-swatch{--sketch-swatch-border-top:1px solid var(--border)!important}[data-color-mode*=dark] .w-color-editable-input{--editable-input-label-color:var(--primary)!important;--editable-input-box-shadow:var(--border) 0px 0px 0px 1px inset!important;--editable-input-color:var(--primary)!important}[data-color-mode*=dark] .w-color-alpha{--alpha-pointer-background-color:var(--popover)!important;--alpha-pointer-box-shadow:transparent 0px 1px 4px 0px!important}";
-styleInject(css_248z,{"insertAt":"top"});
-
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
 const falsyToString = (value)=>typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
@@ -3311,7 +3284,7 @@ const NumberSetter = props => {
       value: value ?? initialValue
     }), !!suffix && /*#__PURE__*/jsxRuntime.jsx("span", {
       "aria-label": `Unit: ${suffix}`,
-      className: "-translate-y-1/2 pointer-events-none absolute top-1/2 right-3 text-muted-foreground",
+      className: "pointer-events-none absolute top-1/2 right-3 -translate-y-1/2 text-muted-foreground",
       children: suffix
     })]
   });
@@ -3339,7 +3312,7 @@ const RectSetter = props => {
         value: formatDecimal(value.x)
       }), /*#__PURE__*/jsxRuntime.jsx("span", {
         "aria-label": 'Unit: X',
-        className: "-translate-y-1/2 pointer-events-none absolute top-1/2 right-3 text-muted-foreground",
+        className: "pointer-events-none absolute top-1/2 right-3 -translate-y-1/2 text-muted-foreground",
         children: "X"
       })]
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -3351,7 +3324,7 @@ const RectSetter = props => {
         value: formatDecimal(value.y)
       }), /*#__PURE__*/jsxRuntime.jsx("span", {
         "aria-label": 'Unit: Y',
-        className: "-translate-y-1/2 pointer-events-none absolute top-1/2 right-3 text-muted-foreground",
+        className: "pointer-events-none absolute top-1/2 right-3 -translate-y-1/2 text-muted-foreground",
         children: "Y"
       })]
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -3363,7 +3336,7 @@ const RectSetter = props => {
         value: formatDecimal(value.width)
       }), /*#__PURE__*/jsxRuntime.jsx("span", {
         "aria-label": 'Unit: W',
-        className: "-translate-y-1/2 pointer-events-none absolute top-1/2 right-3 text-muted-foreground",
+        className: "pointer-events-none absolute top-1/2 right-3 -translate-y-1/2 text-muted-foreground",
         children: "W"
       })]
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -3375,7 +3348,7 @@ const RectSetter = props => {
         value: formatDecimal(value.height)
       }), /*#__PURE__*/jsxRuntime.jsx("span", {
         "aria-label": 'Unit: H',
-        className: "-translate-y-1/2 pointer-events-none absolute top-1/2 right-3 text-muted-foreground",
+        className: "pointer-events-none absolute top-1/2 right-3 -translate-y-1/2 text-muted-foreground",
         children: "H"
       })]
     })]
@@ -3401,7 +3374,7 @@ const StringSetter = props => {
       value: value || initialValue
     }), !!suffix && /*#__PURE__*/jsxRuntime.jsx("span", {
       "aria-label": `Unit: ${suffix}`,
-      className: "-translate-y-1/2 pointer-events-none absolute top-1/2 right-3 text-muted-foreground",
+      className: "pointer-events-none absolute top-1/2 right-3 -translate-y-1/2 text-muted-foreground",
       children: suffix
     })]
   });
@@ -3590,7 +3563,7 @@ const CollapseSetter = props => {
   } = props;
   const [isOpen, setIsOpen] = React.useState(initialValue ?? true);
   return /*#__PURE__*/jsxRuntime.jsxs(Collapsible, {
-    className: "-translate-x-4 w-[calc(100%_+_32px)] space-y-2",
+    className: "w-[calc(100%_+_32px)] -translate-x-4 space-y-2",
     onOpenChange: setIsOpen,
     open: isOpen,
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {