@react95/core 8.0.0-alpha.0 → 8.0.0-alpha.2

package/esm/Checkbox/Checkbox.js

@@ -1,28 +1,17 @@
-var _excluded = ["children", "style", "label", "disabled"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { forwardRef } from 'react';
-import * as styles from './Checkbox.css';
-export var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    style = _ref.style,
-    label = _ref.label,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("label", {
-    style: style,
-    className: styles.label
-  }, /*#__PURE__*/React.createElement("input", _extends({
-    className: styles.field,
-    type: "checkbox",
-    disabled: disabled
-  }, rest, {
-    ref: ref
-  })), /*#__PURE__*/React.createElement("span", {
-    className: styles.icon
-  }), /*#__PURE__*/React.createElement("span", {
-    className: styles.text
-  }, children || label));
-});
+import React__default, { forwardRef } from "react";
+import { label, field, icon, text } from "./Checkbox.css.js";
+const Checkbox = forwardRef(
+  ({ children, style, label: label$1, disabled = false, ...rest }, ref) => /* @__PURE__ */ React__default.createElement("label", { style, className: label }, /* @__PURE__ */ React__default.createElement(
+    "input",
+    {
+      className: field,
+      type: "checkbox",
+      disabled,
+      ...rest,
+      ref
+    }
+  ), /* @__PURE__ */ React__default.createElement("span", { className: icon }), /* @__PURE__ */ React__default.createElement("span", { className: text }, children || label$1))
+);
+export {
+  Checkbox
+};

package/esm/Cursor/Cursor.css.js

@@ -1,130 +1,5 @@
-import NwseResize from './cursors/AngleUpLeft.png';
-import NeswResize from './cursors/AngleUpRight.png';
-import Progress from './cursors/AppStarting.png';
-import Auto from './cursors/Arrow.png';
-import NoDrop from './cursors/Circle.png';
-import ColResize from './cursors/ColRezise.png';
-import Copy from './cursors/Copy.png';
-import Crosshair from './cursors/Cross.png';
-import SResize from './cursors/DownArrow.png';
-import SwResize from './cursors/DownLeftArrow.png';
-import SeResize from './cursors/DownRightArrow.png';
-import Grab from './cursors/Hand.png';
-import Pointer from './cursors/HandPointer.png';
-import Grabbing from './cursors/Handsqueezed.png';
-import Help from './cursors/Help.png';
-import WResize from './cursors/LeftArrow.png';
-import EwResize from './cursors/LeftRight.png';
-import Alias from './cursors/Link.png';
-import Move from './cursors/Move.png';
-import NotAllowed from './cursors/NO.png';
-import EResize from './cursors/RightArrow.png';
-import RowResize from './cursors/RowResize.png';
-import Text from './cursors/Text.png';
-import NResize from './cursors/UpArrow.png';
-import NsResize from './cursors/UpDownArrow.png';
-import NwResize from './cursors/UpLeftArrow.png';
-import NeResize from './cursors/UpRightArrow.png';
-import VerticalText from './cursors/VText.png';
-import Wait from './cursors/Wait.png';
-import ZoomIn from './cursors/ZoomIn.png';
-import ZoomOut from './cursors/ZoomOut.png';
-import { styleVariants } from '@vanilla-extract/css';
-export var Cursor = styleVariants({
-  Auto: {
-    cursor: "url(".concat(Auto, "), auto")
-  },
-  Text: {
-    cursor: "url(".concat(Text, "), text")
-  },
-  VerticalText: {
-    cursor: "url(".concat(VerticalText, "), vertical-text")
-  },
-  Help: {
-    cursor: "url(".concat(Help, "), help")
-  },
-  Crosshair: {
-    cursor: "url(".concat(Crosshair, "), crosshair")
-  },
-  Pointer: {
-    cursor: "url(".concat(Pointer, "), pointer")
-  },
-  Progress: {
-    cursor: "url(".concat(Progress, "), progress")
-  },
-  Wait: {
-    cursor: "url(".concat(Wait, "), wait")
-  },
-  Alias: {
-    cursor: "url(".concat(Alias, "), alias")
-  },
-  Copy: {
-    cursor: "url(".concat(Copy, "), copy")
-  },
-  Move: {
-    cursor: "url(".concat(Move, "), move")
-  },
-  None: {
-    cursor: "none"
-  },
-  NoDrop: {
-    cursor: "url(".concat(NoDrop, "), no-drop")
-  },
-  NotAllowed: {
-    cursor: "url(".concat(NotAllowed, "), not-allowed")
-  },
-  Grab: {
-    cursor: "url(".concat(Grab, "), grab")
-  },
-  Grabbing: {
-    cursor: "url(".concat(Grabbing, "), grabbing")
-  },
-  ColResize: {
-    cursor: "url(".concat(ColResize, "), col-resize")
-  },
-  RowResize: {
-    cursor: "url(".concat(RowResize, "), row-resize")
-  },
-  NResize: {
-    cursor: "url(".concat(NResize, "), n-resize")
-  },
-  EResize: {
-    cursor: "url(".concat(EResize, "), e-resize")
-  },
-  SResize: {
-    cursor: "url(".concat(SResize, "), s-resize")
-  },
-  WResize: {
-    cursor: "url(".concat(WResize, "), w-resize")
-  },
-  NsResize: {
-    cursor: "url(".concat(NsResize, "), ns-resize")
-  },
-  EwResize: {
-    cursor: "url(".concat(EwResize, "), ew-resize")
-  },
-  NeResize: {
-    cursor: "url(".concat(NeResize, "), ne-resize")
-  },
-  NwResize: {
-    cursor: "url(".concat(NwResize, "), nw-resize")
-  },
-  SeResize: {
-    cursor: "url(".concat(SeResize, "), se-resize")
-  },
-  SwResize: {
-    cursor: "url(".concat(SwResize, "), sw-resize")
-  },
-  NeswResize: {
-    cursor: "url(".concat(NeswResize, "), nesw-resize")
-  },
-  NwseResize: {
-    cursor: "url(".concat(NwseResize, "), nwse-resize")
-  },
-  ZoomIn: {
-    cursor: "url(".concat(ZoomIn, "), zoom-in")
-  },
-  ZoomOut: {
-    cursor: "url(".concat(ZoomOut, "), zoom-out")
-  }
-});
+import './Cursor.css.ts.vanilla.css';
+/* empty css                           */var Cursor = { Auto: "r95_22fi80", Text: "r95_22fi81", VerticalText: "r95_22fi82", Help: "r95_22fi83", Crosshair: "r95_22fi84", Pointer: "r95_22fi85", Progress: "r95_22fi86", Wait: "r95_22fi87", Alias: "r95_22fi88", Copy: "r95_22fi89", Move: "r95_22fi8a", None: "r95_22fi8b", NoDrop: "r95_22fi8c", NotAllowed: "r95_22fi8d", Grab: "r95_22fi8e", Grabbing: "r95_22fi8f", ColResize: "r95_22fi8g", RowResize: "r95_22fi8h", NResize: "r95_22fi8i", EResize: "r95_22fi8j", SResize: "r95_22fi8k", WResize: "r95_22fi8l", NsResize: "r95_22fi8m", EwResize: "r95_22fi8n", NeResize: "r95_22fi8o", NwResize: "r95_22fi8p", SeResize: "r95_22fi8q", SwResize: "r95_22fi8r", NeswResize: "r95_22fi8s", NwseResize: "r95_22fi8t", ZoomIn: "r95_22fi8u", ZoomOut: "r95_22fi8v" };
+export {
+  Cursor
+};

package/esm/Cursor/Cursor.css.ts.vanilla.css

@@ -0,0 +1,96 @@
+.r95_22fi80 {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAh0lEQVRYhe2WSwrAIAxEJ6H3v3K6MaX110WbzCYPRNTFPKOIAGAgoq2nSSgAmBlNwitAk9D7gCGh/US2xCCQLTEVyJRYCmRJbAUyJI7VgogMLgCGya88KjAJla79ziXQwsUlUi+hh0eHLQW68NQqKEg7d3bh1ioQekSv7wAbA/nHVBRFURThnD/uMROGdeAFAAAAAElFTkSuQmCC), auto;
+}
+.r95_22fi81 {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAYUlEQVRYhe2VQQqAMAwEXfH/X14vIiFNQcTUy8wtgWaHHBptCduOtSRVvfzuLUfVzPNjnVx6BGJIsYB1XMnuNNi7BiOAAAIIIPCU4RjN/v3YX32OJekO/+Mcfx4KAAAAkRPQ3S0e3gpbvAAAAABJRU5ErkJggg==), text;
+}
+.r95_22fi82 {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMjHxIGmVAAAAa0lEQVRYR+3S4QqAMAgEYPf+7+xSM4n9Sh0FcR+MjejcEdFqzsmyLsMfPyLvW5bZtlQ2aF63ypBONnSGdLJhGZLmWQ3XCtxYkcIacn/9cmm+4wvo8R//wDcFNO3SBc6Y7bUCAAAAAADwLqIDkiY1rkgTay4AAAAASUVORK5CYII=), vertical-text;
+}
+.r95_22fi83 {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QAgQAGAAaYK/vaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AMcFDgJ8pMsJgAAANRJREFUWMPtlNsOhCAMRGf4/3+efdiFAIq02BiTpQkPau2c3iAAASD8psl3U8xkDOYVN8dMACDJA6FI0FQ8bRCKblVqPK8hVsSn/6aDp68dkMR8VsjSIKgJIouSbJ5vA3ggSGbfAhICYIE4EXfPCb86smTJ/l0NSlIrl9IQYFBOnlVpVfzQghNRdidUvAH4ibOa6MueRogXgCyOOKN3C9h24liFfk5WVm4EEJl52D0wrcJsdUMuotnd8MSw5DRZZxwl/gq7m4qi1vB1W7ABtm3b9j/2AXNCchMwrFvXAAAAAElFTkSuQmCC), help;
+}
+.r95_22fi84 {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAO0lEQVRYhe3UsQ0AIAgAQXT/nXUCpUBjYu5aCr6BiL2RzMv67QUCBAjItKjdejsVsuIRCRDwfwAA8NwE2W8DHBl3wR4AAAAASUVORK5CYII=), crosshair;
+}
+.r95_22fi85 {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAmklEQVRYhe2W0Q6AIAhFwfX/v0wPybLSaXqJHjhbWw8FR6CUqI7kyxyuJRc5cjNz6xkYyTJ4CKAETAdy62Y/B7KUgA3mqxaIiArBqjI9A4XIsoDQ5IoQEkkD1YJp/+/3SC4tGE2ClElExPmX64JWwE3i8RVY9XpEwKUKS3sBYru+C3xeBffdsLVc6Q0j6rT03wosvh8EQRAMswM0QjoRL/LEagAAAABJRU5ErkJggg==), pointer;
+}
+.r95_22fi86 {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA0UlEQVRYhe2WUQ+DMAiE7xb//19mD6YbdiAwu/nCJSZG7fGFAhUABDeKCoDJNVnglN8GACICklKAgIjNQaYt9u93L9GLI4elGTgAVCCCDKTT8DCcgT8W5gfANxDVfQ8BMhAjKElMNbQGIIDgSfASxSlAFmJ+VtHmvTDSOc8JUYDeN6EOGTCCcrrc4Oq+1EEvgNG/AyIqQqvwvNkQAlSHx9AowhVtqB1SWdDBr0B4q87Oh+VngScPwqr+t2FxHrhtGOnKvlckuPmPqdVqtVqtn+sJVtRlLNr452EAAAAASUVORK5CYII=), progress;
+}
+.r95_22fi87 {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAsElEQVRYhe1Wuw7DMBDiqv7/L9OhcuRcLNXgNh56LM4QAeEeMVAo/DtCeJe/4H+qjORnHxHz37U9AcUAAFBIYIr7IRr4OmwDrc75vM0ASUTE6XQg90ATPwiSeJfEFLeT28WEKw54JYhebNADXjMYIN5jyfbskGwfQzeuYTM6nE4CJ/Em3JmRSrE8hhdCMQk5gSyeN6C6kJaasN+ELpb+BXkd32ZgJO6a2H4hqStZofACqCxSMK3nScIAAAAASUVORK5CYII=), wait;
+}
+.r95_22fi88 {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AMdBDI7ZDFROQAAANNJREFUWMPFluEOhSAIhc9hvf8rc//oVlxIKwW3ZonjfCJiAKAobNJ6LQVQ1TKIHoEyCDl/VECIHciGEG8wE0IiQxaE3BkzIGQ0YTfEERlI/rEA4NYIOKI0z74taOLsEKlJ2MUrSzGvO8HUU1Cy8ru7AKrqRuFkX0/iONfe2jvSIMzZV5sHWeJL54cFzzp1ihFe/LZNJ/YxKT696pGPEIDkFEQk9HZLxEZgNttX5YB4EfD6r6F+dBtGvSf+NRKyuHjlASzPgafiW3KgvBKONDf5rW0/WMag8gddiAEAAAAASUVORK5CYII=), alias;
+}
+.r95_22fi89 {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AMdBAUOooU1LgAAANBJREFUWMPFluEOhSAIhQ+s93/lc//oZlw1LQG2ZomDD0QSAIhE0TIyFYBkGkTNQBqEth8ZEGonoiG0NxkJoSNFFITOlBEQ+rTAG+IaKUTkjwWAuGag41TM47cFxblUiNAirM4zW7Hcd0JCT0FK5LN/AUh2s9Doz5N0jLNKeUcYhDn7tHUQ5fzo+mHDs0Y7zQgvrm3LhX0tOl+O+snGtBO67O3OnbCFWKn23WiXMjAavUT2Cp/DyI1uvwjfHMET2VEkyyeAE7WRnoGtInSymys/pBqY6woaqXMAAAAASUVORK5CYII=), copy;
+}
+.r95_22fi8a {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA2ElEQVRYhdWU4Q7DIAiED7P3f2X2Rw0Fqm4rkF1iotT0vh5VAOA+StQAgJlRBdHGpAqiyUUFRNOFbAgDkA3hAmRC3AJkQSwBMiC2ANEQr9VDIjIsAEzxF5kEHFNS41FdABzzcE2Abk4SJO0USHMExLwFcEwpK4XmmB+JO1m0eAgihbF+AuLoItJEoz1ElJLE/HqRxGWEQ0gD2RIxN/ueNveMtrUTLU+A7Ld+b++/qY29dHit3m6S5t/oFKI8ga2i/4FPIOY89RQ4IPn3wAoi1VxDlJgriP/XG6yaCnPXsXLdAAAAAElFTkSuQmCC), move;
+}
+.r95_22fi8b {
+  cursor: none;
+}
+.r95_22fi8c {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AMdBRwLSC0CjgAAAXdJREFUWMPFlsGOwyAMRGfQKh/dw4r+WX+rp9nDhsoBG0LbJEiREiD28wA2AKD1uaQlAJCEqyBSebkKItmPKyBS3XE2RPI6z4RI0cBZEKk3eAZEGk04GiLtmXQkxE9vkGTDAoCHKuA4ZfUcp4DjfKppXSsnqNAwy3/rHJa1LrZM/9Bx5MfYcuWVeW+CGQFI0l7l1kDpAbCnaAThOa9XwRvnTmKV5h1B0y87974srpF67sy+aiBqgxsIABmAB/IORAMgaWPMVWL9yB3VplSInDuADYRVwpu3JxVTEqMNBYAgaQMiudmNOefyPycC3+5qSbgvSyPjqsqrw1MiUmGogElQe0iLWqES0xcS6zwEqfud5fh9PjUNQHID7wXiRii5EGW96kDSqBw3jqONZA0HEF5GHJ6CAkESut1498u33oF4p9z+n4ROKlbJFyYPfJKKm/Z4PFIEsQGR9GkdGELkTl2IasXXrlKSkHNmkbgHYsbdG9E3oaavZH/EPvZcdfrYzAAAAABJRU5ErkJggg==), no-drop;
+}
+.r95_22fi8d {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAy0lEQVRYhe2W4QrEMAiD473/O2e/eoxW29gTjrEGBoNZ/WY6O+Do6O2ynUUk6SYzS+dLLWiFozqNKwMiB5KkmpekDCEFecV7F7znCsQyoC8etdmzJ9OJsDiA4Yo2obdmFgsAnwTM997Mpl/CoqYGsPJ9BtEBTeOkDjQv+7eLkme6IFsQJVc7UQZQDbEFUAkhAahet7jM1AwB1I3kQdy1GkayBZlv/5fhN8ibbBFIdgoChYcRsHcOPOM4vkMAf/oh8UCGZKW77+joLboA0XnR6i7uxKYAAAAASUVORK5CYII=), not-allowed;
+}
+.r95_22fi8e {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAnElEQVRYhe2W0QqAIAxFXfT/v7we0pBK3L1OpNiBXgzccXOrlIKPovkZRpjgqmdsEWH3uNiRwJ11SmSzBlfVVE5+e1HWqZJYBazAd8NVgMmGdwZglgu0uqBO4VCbMQJa33YRcRk4LeAS1HJvbekhIHnCQUFYmVYGKAlPgYfELCwRFMkA+oFaPgcsAlNLgezcLQXzf/CJEgRBEPybA/IvPA8uFeG1AAAAAElFTkSuQmCC), grab;
+}
+.r95_22fi8f {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAc0lEQVRYhe2TUQrAIAxD27H7X7n7mIPSWSsjbvvIA6EikrRGEULuWFujGoZGcbNTQ1Ulq5O7j9iyg0sw1m4PmUY0oK7D0tgKA/A3rti9OLq7GdIM/NpAywn8F5QBXEFPcZgFZPci/Sd4dRKfh5AQQggh5AAdUSYPeo+oPgAAAABJRU5ErkJggg==), grabbing;
+}
+.r95_22fi8g {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAl0lEQVRYhe2UwQ7AIAhD7f7/n7vD1HhARFnizHgnoxYaQFMKgmAz8IhJsgYClmJdHgM5sUvvNuDlDANtr61YNUMDJAlgysSMRp2gEiiv5QBPInG/6LQX0j1okyt3qgHtrmZCbIEl+QxaO0QDALAwd120CmyfgSG5dJRK2DvTNB4TK+aGmD6ilRJaNWd8xZ828OZzDYLgn9xKNn/lGRmPWwAAAABJRU5ErkJggg==), col-resize;
+}
+.r95_22fi8h {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAhklEQVRYhe2WSwrAIAxEJ6X3v/J0FZBC1GhosGTAnfqef4FK5eSQZDacKRIK1/KpxBu+KyFeuIjdhCSkV2FXQCUAoOXo4L1wALi8DSzICnxJIDrpAt1pizheo6W5JzpYhs/4DwUyb1szkTdh+iYsAbeAtd7HPkbuRD/HIRKpv6LUf2Gl8os8sq93x5ioZpYAAAAASUVORK5CYII=), row-resize;
+}
+.r95_22fi8i {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AMdBBgJw43MkQAAAFtJREFUWMPtlkEKgDAQAzfi/78cT6UgUtAt5jIDPXUhQ0lhqwCggW2nwx2RGOHj/CpxD+9K6G24pNV9aTXwwPnhBaa9VLEe7irhkf7KCCCAAAIItASSCxEAbOMCMNw96tMgkUMAAAAASUVORK5CYII=), n-resize;
+}
+.r95_22fi8j {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AMdBBcwGxBYVgAAAF5JREFUWMPt00EKwCAMBdGJ9P5XtpsKbtrGQhDKvKWo+YYIkqS/6Zfs/lYRIiLIhmhVnciGiLd2fi0+3UHMC6sBHs6uzMVtiCNzuLIDJb8A6ONDbBvC7MvbzuKSJAGcm3Yz/tgKV5oAAAAASUVORK5CYII=), e-resize;
+}
+.r95_22fi8k {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AMdBBkAo0pFdAAAAF9JREFUWMPtlTEKACEMBI34/y/vNSKiyGEM2syAhYW7ExCSEgA8xrwPJamFmLlz8pG9vzdGIAIEEEAAAQSKdwFFLaayazzm9/eFXyx12unoSvtC4mr5KPGk/O9TAsAOHynIM/9dczKqAAAAAElFTkSuQmCC), s-resize;
+}
+.r95_22fi8l {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AMdBBsyWat2dgAAAFlJREFUWMPt00EOwCAIRNEZ4/2vbDd1W8UUTdP/DuAAggQA+Ip2e/vdMhtuO6WxcjJckhwJX/0BP3RQI52vTGJU9PEJTC2gpNYPYfsS2nZCbuwMs4sAAPzbBds9NPzhUi4sAAAAAElFTkSuQmCC), w-resize;
+}
+.r95_22fi8m {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAcElEQVRYhe2VwQrAIAxDm7H//+XsVBCZg2K1E/LAg1JNDqk1E0KcDElWi7PEhIv72mqiF581gag4ML5C0vBV8MIdKXYRB4CV5TArhFeSHxk410CoC0aBa8+Xt2H/frvf0pLZP2GKidKB9IeRLIQQUzyny2q/gqNGmAAAAABJRU5ErkJggg==), ns-resize;
+}
+.r95_22fi8n {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAbklEQVRYhe2TQQqAMAwEM/7/z/USQQptNyqIuHPqYWkmaRNhjDHmS7TkbubMVikOSFkgVAlJoFK8KrG8tS+uNNbnmdhPBa50PrhnKPH6BCTyLVsel1ugZiPETwhQ2KxDROpcXsOKxCNjN8YY8xt2HSBa6Ar93vIAAAAASUVORK5CYII=), ew-resize;
+}
+.r95_22fi8o {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfgAx0EGAnDjcyRAAAAGXRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4wLjIx8SBplQAAAQhJREFUWEftkjELgkAYhoXanQrbXaIpcQwaQ2q2scXJyQY3B6HVMWhs6wdEv8TBwSVwcY4L2vx6z06IaGjwCuIeeOFTX+75kNMUCoXiLyCiOTJExsgCmSADZCYq8oBkXRQF+b5/DYLgliQJRVFEnuddyrLci5o8sMAUYa7rEn9sYts2XtMJ6fKeVMQSt+clDMOgPM93dUE2kPM7QI7jkGma9QK6rlOapttHQyLPctwDPlb8T1iWxecj0hHV9sHhr/IzskJYHMfEGDuIavtA8k4+Et/qi4ks63Lb4OB5VVVv5Q147omxXT6RS0PJfyLnQLbJsozCMPy+vIEv8TN5A+R9MSoUin9B0+7KtTA+X83ffwAAAABJRU5ErkJggg==), ne-resize;
+}
+.r95_22fi8p {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfgAx0EGAnDjcyRAAAAGXRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4wLjIx8SBplQAAAPtJREFUWEftkiFrw0AYhgOdj1pJfUyZaogcTI7Q6kzOREWlIi4iMBtZmJzrDxj7JRERMYWY6JFBXL6+X7krtP6uK3wPPOSOfPC+x50jCILw7yGiV7iAz3ADV3AJ12rELH3ffyVJ8lsUBVVVRVmWjWma/nVdhw60VWNmQMAD/AnDkHirjeOYwwf4wnNGadv20/O86/DRSjhT1/XOdd1TuO/7FEURF2DMvwGEzOB3EAT65BPu326JYRj2ZVlyGN/5OzxYLYGAN3h+cPg+QeslHtXyBPYXJaZpMl/iGimhkRIaXSLPc2qahgt8qF/20CVuEq5B+FwtBUG4BxznCFyoMD4Owsf7AAAAAElFTkSuQmCC), nw-resize;
+}
+.r95_22fi8q {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfgAx0EGAnDjcyRAAAAGXRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4wLjIx8SBplQAAAQpJREFUWEftkiFrw1AUhQObj1pJfUypWogcVJbQ6UzWREWlIi4iMBtZqKzrDyj9JRERMYOY6PIGdbk7N32UMiJmXtvB/eCQ+y4Hznm8WIIg/CuIaKTH24PwT+gLmurV7eDwqqooTVOMdyiBwEXXdRQEAcVxLCWkxJ9K4PyiRzNwCU4eKoHvDFLQR282BQKGSiwhlec5KaV22moOhP0u0YVhSJ7n8byHnrTVHAi5lHBdl3hl2zaVZbk+OwyDbH7zE9+cjyzHcaiu601vMIkOV9fhLN/3saYD9Mw+YyBg1TQNv/93kiSnoigoyzKKoujYtu1W28yCEvwPTKBX6B16g8bQXFsEQRAeFcv6AdG5MD4EgcmOAAAAAElFTkSuQmCC), se-resize;
+}
+.r95_22fi8r {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfgAx0EGAnDjcyRAAAAGXRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4wLjIx8SBplQAAAP9JREFUWEftki1rw1AUhgOrj1pJfcyYWogsVI6w6VTWREVlIi4iUBtZqJzrDxj7JRERMYOY6HILdffsveGk0B9wjyj3gQdOPrjvy+V4Dofj4SCiJY/yIPwV/sE9v5JjDi/LkrquwyhYYg7P85ySJCGttSnwwZ/t4sJFwnHwM48T0uFbqOCGn+/CGXvXrpQ61XVtQkyJHZQLx+FP8CeKIkrT1IRpsfCZtm0Pvu8TRgrDUDbc0Pf9MQiCqYCRb+IKp52wCkIW8DeO41sBI5e4LaZVxnH8zrLsXFUVNU1DRVFcsQeXYRhMiS/+zR4IeYcruIaf8A2+QJkdcDgcDrt43j9jrDA+BfthpgAAAABJRU5ErkJggg==), sw-resize;
+}
+.r95_22fi8s {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAfUlEQVRYhe2UOQ6AMAwEs4j/f3lpQDJHDmKHFOx0pPCMcpCSEEJMBt4BJJkdDlTnr96AXXRbK3SdWALkaJUNCfBGhASQJIDmbQ8NsHLvcVRF1xu/fz+ul15Hd4CV5eTDOIRGGiLvugP2zKcEmIg5OxAZ8epX/NV9E0KIf7EB3G1l2PEHnRoAAAAASUVORK5CYII=), nesw-resize;
+}
+.r95_22fi8t {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAfUlEQVRYhe2UQQrAIAwEk9L/f3l7UZBiJCZqD925KTE7AVWEEEI+Rj1FAGA2UHX1sLi9hb2cgZebK3oQQHr6sMCq8JBACR/ei20CdfLVEp5gvMPKurt/VKyVsKROSkwLhJ9hpb0TEdICAJB5kSmBbLjIxFc8kMi2IISQn/MAfiVl2DaxoY4AAAAASUVORK5CYII=), nwse-resize;
+}
+.r95_22fi8u {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AMcFSIpeBKcAgAAAKRJREFUWMPtlUsSgCAMQxvH+185btQBLH5oRUf7dspgYiityN/BwTob95kNUESE1PUBuBnRPsBUOBGT0tS8Bk8Dq/giXKZQvreaGGsRaymQzIRrR3SFoRb9WeY99DCw+TMAWQ2kzyQ39eFioDeDFql25j1qAC2R3nIL9lKoXc8nG5EpAWsrNs8H6zCi1YTHVDOZ8BqrzSa8GhEk+DReXS8IguCVTDaGYBOde5IGAAAAAElFTkSuQmCC), zoom-in;
+}
+.r95_22fi8v {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AMcFTE76kSs2AAAAKRJREFUWMPtVVsOgCAM2wz3v3L9AbMQhshGJLp+yqNdZR3R38E365g8ZxYAIiKgzc/MbkJaF0ASCzKqReU19hRwkRfi2oX6u1VE0izW7JfE2p4nODTrR5HPwM0BWVn9/yUpABcXjrdzILWqK5X1qlvxBlizvNtGK7qguDDShjsEkckBaxSb54N1GMEqwmOqmUR4jdVpEV5BxBT4NLxSLxAIBLbECVu1WhFGEEeXAAAAAElFTkSuQmCC), zoom-out;
+}

package/esm/Dropdown/Dropdown.css.js

@@ -1,49 +1,7 @@
-import { style } from '@vanilla-extract/css';
-import { contract } from '../themes/contract.css';
-import caret from './imgs/downcaret.png';
-export var wrapper = style({
-  position: 'relative',
-  width: '200px',
-  height: contract.space[20],
-  ':after': {
-    display: 'flex',
-    justifyContent: 'center',
-    width: contract.space[18],
-    height: contract.space[17],
-    fontSize: '14px',
-    lineHeight: 1.1,
-    content: "''",
-    pointerEvents: 'none',
-    position: 'absolute',
-    right: contract.space[1],
-    top: contract.space[2],
-    backgroundColor: contract.colors.material,
-    borderRightStyle: 'solid',
-    borderRightWidth: contract.space[1],
-    borderBottomStyle: 'solid',
-    borderBottomWidth: contract.space[1],
-    backgroundImage: "url('".concat(caret, "')"),
-    backgroundPosition: '60% 60%',
-    backgroundRepeat: 'no-repeat',
-    boxShadow: "inset 0.5px 0.7px 0px 0.7px ".concat(contract.colors.material, ",\n    inset -1px 0px 0 1px ").concat(contract.colors.borderDark, ",\n    inset 1.5px 1.5px 0px 1.5px ").concat(contract.colors.borderLightest)
-  }
-});
-export var select = style({
-  position: 'relative',
-  outline: 'none',
-  border: 'none',
-  borderRadius: '0',
-  width: '100%',
-  height: contract.space[20],
-  padding: contract.space[3],
-  color: contract.colors.materialText,
-  backgroundColor: contract.colors.inputBackground,
-  borderLeftStyle: 'solid',
-  borderLeftWidth: contract.space[1],
-  borderLeftColor: contract.colors.borderDark,
-  borderTopStyle: 'solid',
-  borderTopWidth: contract.space[1],
-  borderTopColor: contract.colors.borderDark,
-  appearance: 'none',
-  boxShadow: "inset -1px -1px 0 0 ".concat(contract.colors.material, ",\n    inset 1px 1px 0 0 ").concat(contract.colors.borderDarkest, ",\n    0.5px 0.5px 0 0.5px ").concat(contract.colors.borderLightest, ";")
-});
+import './Dropdown.css.ts.vanilla.css';
+/* empty css                             */var select = "r95_z1k3bs1";
+var wrapper = "r95_z1k3bs0";
+export {
+  select,
+  wrapper
+};

package/esm/Dropdown/Dropdown.css.ts.vanilla.css

@@ -0,0 +1,50 @@
+.r95_z1k3bs0 {
+  position: relative;
+  width: 200px;
+  height: var(--r95-space-20);
+}
+.r95_z1k3bs0:after {
+  content: '';
+  display: flex;
+  justify-content: center;
+  width: var(--r95-space-18);
+  height: var(--r95-space-17);
+  font-size: 14px;
+  line-height: 1.1;
+  pointer-events: none;
+  position: absolute;
+  right: var(--r95-space-1);
+  top: var(--r95-space-2);
+  background-color: var(--r95-color-material);
+  border-right-style: solid;
+  border-right-width: var(--r95-space-1);
+  border-bottom-style: solid;
+  border-bottom-width: var(--r95-space-1);
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gERFgsEvq/LcwAAACRJREFUGNNjYBgwwAil/xNSw4gk8B+PQSgK0RUzEnLOf4bBBQBR3QQDezWEtAAAAABJRU5ErkJggg==');
+  background-position: 60% 60%;
+  background-repeat: no-repeat;
+  box-shadow: inset 0.5px 0.7px 0px 0.7px var(--r95-color-material),
+    inset -1px 0px 0 1px var(--r95-color-borderDark),
+    inset 1.5px 1.5px 0px 1.5px var(--r95-color-borderLightest);
+}
+.r95_z1k3bs1 {
+  position: relative;
+  outline: none;
+  border: none;
+  border-radius: 0;
+  width: 100%;
+  height: var(--r95-space-20);
+  padding: var(--r95-space-3);
+  color: var(--r95-color-materialText);
+  background-color: var(--r95-color-inputBackground);
+  border-left-style: solid;
+  border-left-width: var(--r95-space-1);
+  border-left-color: var(--r95-color-borderDark);
+  border-top-style: solid;
+  border-top-width: var(--r95-space-1);
+  border-top-color: var(--r95-color-borderDark);
+  appearance: none;
+  box-shadow: inset -1px -1px 0 0 var(--r95-color-material),
+    inset 1px 1px 0 0 var(--r95-color-borderDarkest),
+    0.5px 0.5px 0 0.5px var(--r95-color-borderLightest);;
+}

package/esm/Dropdown/Dropdown.js

@@ -1,31 +1,20 @@
-var _excluded = ["options"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { forwardRef } from 'react';
-import cn from 'classnames';
-import { wrapper, select } from './Dropdown.css';
-import { Frame } from '../Frame/Frame';
-import { sprinkles } from '../Frame/sprinkles.css';
-var defaultOptions = ['', 'C:\\Documents and Settings', 'C:\\Documents and Settings\\Documents', 'iexplorer.exe'];
-export var Dropdown = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _ref$options = _ref.options,
-    options = _ref$options === void 0 ? defaultOptions : _ref$options,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _sprinkles = sprinkles(rest),
-    style = _sprinkles.style,
-    otherProps = _sprinkles.otherProps,
-    className = _sprinkles.className;
-  return /*#__PURE__*/React.createElement(Frame, {
-    style: style,
-    className: cn(wrapper, className)
-  }, /*#__PURE__*/React.createElement("select", _extends({}, otherProps, {
-    className: cn(select),
-    ref: ref
-  }), options && options.map(function (option) {
-    return /*#__PURE__*/React.createElement("option", {
-      key: option,
-      value: option
-    }, option);
-  })));
-});
+import React__default, { forwardRef } from "react";
+import cn from "classnames";
+import { wrapper, select } from "./Dropdown.css.js";
+import { Frame } from "../Frame/Frame.js";
+import { sprinkles } from "../Frame/sprinkles.css.js";
+const defaultOptions = [
+  "",
+  "C:\\Documents and Settings",
+  "C:\\Documents and Settings\\Documents",
+  "iexplorer.exe"
+];
+const Dropdown = forwardRef(
+  ({ options = defaultOptions, ...rest }, ref) => {
+    const { style, otherProps, className } = sprinkles(rest);
+    return /* @__PURE__ */ React__default.createElement(Frame, { style, className: cn(wrapper, className) }, /* @__PURE__ */ React__default.createElement("select", { ...otherProps, className: cn(select), ref }, options && options.map((option) => /* @__PURE__ */ React__default.createElement("option", { key: option, value: option }, option))));
+  }
+);
+export {
+  Dropdown
+};

package/esm/Fieldset/Fieldset.css.js

@@ -1,21 +1,7 @@
-import { style } from '@vanilla-extract/css';
-import { contract } from '../themes/contract.css';
-export var field = style({
-  borderTopStyle: 'groove',
-  borderTopWidth: contract.space[2],
-  borderTopColor: contract.colors.borderLighter,
-  borderLeftStyle: 'groove',
-  borderLeftWidth: contract.space[2],
-  borderLeftColor: contract.colors.borderLighter,
-  borderBottomStyle: 'solid',
-  borderBottomWidth: contract.space[1],
-  borderBottomColor: contract.colors.borderDark,
-  borderRightStyle: 'solid',
-  borderRightWidth: contract.space[1],
-  borderRightColor: contract.colors.borderDark,
-  boxShadow: "1px 1px 0 0 ".concat(contract.colors.borderLighter)
-});
-export var legend = style({
-  paddingLeft: contract.space[4],
-  paddingRight: contract.space[1]
-});
+import './Fieldset.css.ts.vanilla.css';
+/* empty css                             */var field = "r95_bt4hec0";
+var legend = "r95_bt4hec1";
+export {
+  field,
+  legend
+};

package/esm/Fieldset/Fieldset.css.ts.vanilla.css

@@ -0,0 +1,19 @@
+.r95_bt4hec0 {
+  border-top-style: groove;
+  border-top-width: var(--r95-space-2);
+  border-top-color: var(--r95-color-borderLighter);
+  border-left-style: groove;
+  border-left-width: var(--r95-space-2);
+  border-left-color: var(--r95-color-borderLighter);
+  border-bottom-style: solid;
+  border-bottom-width: var(--r95-space-1);
+  border-bottom-color: var(--r95-color-borderDark);
+  border-right-style: solid;
+  border-right-width: var(--r95-space-1);
+  border-right-color: var(--r95-color-borderDark);
+  box-shadow: 1px 1px 0 0 var(--r95-color-borderLighter);
+}
+.r95_bt4hec1 {
+  padding-left: var(--r95-space-4);
+  padding-right: var(--r95-space-1);
+}

package/esm/Fieldset/Fieldset.js

@@ -1,20 +1,9 @@
-var _excluded = ["legend", "children"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { forwardRef } from 'react';
-import * as styles from './Fieldset.css';
-import { Frame } from '../Frame/Frame';
-export var Fieldset = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var legend = _ref.legend,
-    children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Frame, _extends({
-    as: "fieldset"
-  }, rest, {
-    ref: ref,
-    className: styles.field
-  }), legend && /*#__PURE__*/React.createElement("legend", {
-    className: styles.legend
-  }, legend), children);
-});
+import React__default, { forwardRef } from "react";
+import { field, legend } from "./Fieldset.css.js";
+import { Frame } from "../Frame/Frame.js";
+const Fieldset = forwardRef(
+  ({ legend: legend$1, children, ...rest }, ref) => /* @__PURE__ */ React__default.createElement(Frame, { as: "fieldset", ...rest, ref, className: field }, legend$1 && /* @__PURE__ */ React__default.createElement("legend", { className: legend }, legend$1), children)
+);
+export {
+  Fieldset
+};

package/esm/Frame/Frame.js

@@ -1,30 +1,23 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["as", "children"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { forwardRef } from 'react';
-import { sprinkles } from './sprinkles.css';
-import cn from 'classnames';
-var fixedForwardRef = forwardRef;
-var FrameComponent = function FrameComponent(props, ref) {
-  var as = props.as,
-    children = props.children,
-    rest = _objectWithoutProperties(props, _excluded);
-  var Component = as || 'div';
-  var _sprinkles = sprinkles(rest),
-    className = _sprinkles.className,
-    style = _sprinkles.style,
-    otherProps = _sprinkles.otherProps;
-  return /*#__PURE__*/React.createElement(Component, _extends({}, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), otherProps.style),
-    className: cn(className, otherProps.className),
-    ref: ref
-  }), children);
+import React__default, { forwardRef } from "react";
+import { sprinkles } from "./sprinkles.css.js";
+import cn from "classnames";
+const fixedForwardRef = forwardRef;
+const FrameComponent = (props, ref) => {
+  const { as, children, ...rest } = props;
+  const Component = as || "div";
+  const { className, style, otherProps } = sprinkles(rest);
+  return /* @__PURE__ */ React__default.createElement(
+    Component,
+    {
+      ...otherProps,
+      style: { ...style, ...otherProps.style },
+      className: cn(className, otherProps.className),
+      ref
+    },
+    children
+  );
+};
+const Frame = fixedForwardRef(FrameComponent);
+export {
+  Frame
 };
-export var Frame = fixedForwardRef(FrameComponent);