@react95/core 7.0.2 → 8.0.0-alpha.1

package/cjs/Checkbox/Checkbox.js

@@ -1,59 +1,17 @@
 "use strict";
-
-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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _styledComponents = _interopRequireWildcard(require("@xstyled/styled-components"));
-var _check = _interopRequireDefault(require("./imgs/check.svg"));
-var _checkDisabled = _interopRequireDefault(require("./imgs/check-disabled.svg"));
-var _excluded = ["children", "style", "checked", "label", "disabled"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-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; }
-var Icon = _styledComponents["default"].span.withConfig({
-  displayName: "Checkbox__Icon",
-  componentId: "sc-18k8gti-0"
-})(["\n  width: 12px;\n  height: 12px;\n\n  content: '';\n  display: inline-block;\n\n  position: absolute;\n  left: 0;\n\n  border-left: 1;\n  border-left-color: borderDark;\n  border-top: 1;\n  border-top-color: borderDark;\n\n  box-shadow: inset -1px -1px 0 0 ", ",\n    inset 1px 1px 0 0 ", ",\n    0.5px 0.5px 0 0.5px ", ";\n\n  background-color: inputBackground;\n\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 7px 7px;\n"], (0, _styledComponents.th)('colors.material'), (0, _styledComponents.th)('colors.borderDarkest'), (0, _styledComponents.th)('colors.borderLightest'));
-var Text = _styledComponents["default"].span.withConfig({
-  displayName: "Checkbox__Text",
-  componentId: "sc-18k8gti-1"
-})(["\n  padding: 1;\n  user-select: none;\n"]);
-var Field = _styledComponents["default"].input.attrs({
-  type: 'checkbox'
-}).withConfig({
-  displayName: "Checkbox__Field",
-  componentId: "sc-18k8gti-2"
-})(["\n  width: 12px;\n  height: 12px;\n\n  margin: 0;\n\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  opacity: 0;\n\n  &:focus ~ ", ", &:active ~ ", " {\n    border-width: 1;\n    border-style: dotted;\n    padding: 0;\n  }\n\n  &:checked + ", " {\n    background-image: url('", "');\n  }\n\n  &:checked &:disabled + ", " {\n    background-image: url('", "');\n    background-size: 7px 7px, 1.9px 1.9px;\n  }\n\n  &:disabled + ", " {\n    background-color: inputBackgroundDisabled;\n  }\n"], Text, Text, Icon, _check["default"], Icon, _checkDisabled["default"], Icon);
-Field.displayName = 'Field';
-var Label = _styledComponents["default"].label.withConfig({
-  displayName: "Checkbox__Label",
-  componentId: "sc-18k8gti-3"
-})(["\n  display: inline-block;\n  height: 15px;\n\n  line-height: 1.5;\n\n  position: relative;\n\n  margin: 4 0;\n  padding-left: 20;\n\n  ", "\n"], function (_ref) {
-  var disabled = _ref.disabled;
-  return disabled && (0, _styledComponents.css)(["\n      color: borderDark;\n      text-shadow: 0.5px 0.5px ", ";\n    "], (0, _styledComponents.th)('colors.borderLight'));
-});
-var Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
-  var children = _ref2.children,
-    style = _ref2.style,
-    checked = _ref2.checked,
-    label = _ref2.label,
-    _ref2$disabled = _ref2.disabled,
-    disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
-    rest = _objectWithoutProperties(_ref2, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(Label, {
-    style: style,
-    disabled: disabled
-  }, /*#__PURE__*/_react["default"].createElement(Field, _extends({
-    checked: checked,
-    disabled: disabled
-  }, rest, {
-    ref: ref
-  })), /*#__PURE__*/_react["default"].createElement(Icon, null), /*#__PURE__*/_react["default"].createElement(Text, null, children || label));
-});
-var _default = exports["default"] = Checkbox;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const Checkbox_css = require("./Checkbox.css.js");
+const Checkbox = React.forwardRef(
+  ({ children, style, label, disabled = false, ...rest }, ref) => /* @__PURE__ */ React.createElement("label", { style, className: Checkbox_css.label }, /* @__PURE__ */ React.createElement(
+    "input",
+    {
+      className: Checkbox_css.field,
+      type: "checkbox",
+      disabled,
+      ...rest,
+      ref
+    }
+  ), /* @__PURE__ */ React.createElement("span", { className: Checkbox_css.icon }), /* @__PURE__ */ React.createElement("span", { className: Checkbox_css.text }, children || label))
+);
+exports.Checkbox = Checkbox;

package/cjs/Cursor/Cursor.css.js

@@ -0,0 +1,5 @@
+require('./Cursor.css.ts.vanilla.css');
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+/* 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" };
+exports.Cursor = Cursor;

package/cjs/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/cjs/Dropdown/Dropdown.css.js

@@ -0,0 +1,7 @@
+require('./Dropdown.css.ts.vanilla.css');
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+/* empty css                               */var select = "r95_z1k3bs1";
+var wrapper = "r95_z1k3bs0";
+exports.select = select;
+exports.wrapper = wrapper;

package/cjs/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/cjs/Dropdown/Dropdown.js

@@ -1,41 +1,20 @@
 "use strict";
-
-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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _styledComponents = _interopRequireWildcard(require("@xstyled/styled-components"));
-var _downcaret = _interopRequireDefault(require("./imgs/downcaret.png"));
-var _excluded = ["options"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-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; }
-var Wrapper = _styledComponents["default"].div.withConfig({
-  displayName: "Dropdown__Wrapper",
-  componentId: "sc-1rfrh0u-0"
-})(["\n  position: relative;\n  width: 200px;\n  height: 20px;\n\n  &:after {\n    display: flex;\n    justify-content: center;\n    width: 17px;\n    height: 16px;\n    font-size: 14px;\n    line-height: 1.1;\n    content: '';\n    pointer-events: none;\n    position: absolute;\n    right: 1px;\n    top: 2px;\n\n    background-color: material;\n    box-shadow: inset 0.5px 0.7px 0px 0.7px ", ",\n      inset -1px 0px 0 1px ", ",\n      inset 1.5px 1.5px 0px 1.5px ", ";\n\n    border-right: 1;\n    border-bottom: 1;\n\n    background-image: url('", "');\n    background-position: 60% 60%;\n    background-repeat: no-repeat;\n  }\n"], (0, _styledComponents.th)('colors.material'), (0, _styledComponents.th)('colors.borderDark'), (0, _styledComponents.th)('colors.borderLightest'), _downcaret["default"]);
-var Select = _styledComponents["default"].select.withConfig({
-  displayName: "Dropdown__Select",
-  componentId: "sc-1rfrh0u-1"
-})(["\n  position: relative;\n  outline: none;\n  border: none;\n  border-radius: 0;\n  width: 100%;\n  height: 20px;\n\n  padding: 3;\n\n  color: materialText;\n  background-color: inputBackground;\n\n  border-left: 1;\n  border-left-color: borderDark;\n  border-top: 1;\n  border-top-color: borderDark;\n\n  box-shadow: inset -1px -1px 0 0 ", ",\n    inset 1px 1px 0 0 ", ",\n    0.5px 0.5px 0 0.5px ", ";\n\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n"], (0, _styledComponents.th)('colors.material'), (0, _styledComponents.th)('colors.borderDarkest'), (0, _styledComponents.th)('colors.borderLightest'));
-var Dropdown = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var options = _ref.options,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(Wrapper, null, /*#__PURE__*/_react["default"].createElement(Select, _extends({}, rest, {
-    ref: ref
-  }), options && options.map(function (option) {
-    return /*#__PURE__*/_react["default"].createElement("option", {
-      key: option,
-      value: option
-    }, option);
-  })));
-});
-Dropdown.defaultProps = {
-  options: ['', 'C:\\Documents and Settings', 'C:\\Documents and Settings\\Documents', 'iexplorer.exe']
-};
-var _default = exports["default"] = Dropdown;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const cn = require("classnames");
+const Dropdown_css = require("./Dropdown.css.js");
+const Frame = require("../Frame/Frame.js");
+const sprinkles_css = require("../Frame/sprinkles.css.js");
+const defaultOptions = [
+  "",
+  "C:\\Documents and Settings",
+  "C:\\Documents and Settings\\Documents",
+  "iexplorer.exe"
+];
+const Dropdown = React.forwardRef(
+  ({ options = defaultOptions, ...rest }, ref) => {
+    const { style, otherProps, className } = sprinkles_css.sprinkles(rest);
+    return /* @__PURE__ */ React.createElement(Frame.Frame, { style, className: cn(Dropdown_css.wrapper, className) }, /* @__PURE__ */ React.createElement("select", { ...otherProps, className: cn(Dropdown_css.select), ref }, options && options.map((option) => /* @__PURE__ */ React.createElement("option", { key: option, value: option }, option))));
+  }
+);
+exports.Dropdown = Dropdown;

package/cjs/Fieldset/Fieldset.css.js

@@ -0,0 +1,7 @@
+require('./Fieldset.css.ts.vanilla.css');
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+/* empty css                               */var field = "r95_bt4hec0";
+var legend = "r95_bt4hec1";
+exports.field = field;
+exports.legend = legend;

package/cjs/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/cjs/Fieldset/Fieldset.js

@@ -1,32 +1,9 @@
 "use strict";
-
-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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _styledComponents = _interopRequireWildcard(require("@xstyled/styled-components"));
-var _excluded = ["legend", "children"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-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; }
-var Field = _styledComponents["default"].fieldset.withConfig({
-  displayName: "Fieldset__Field",
-  componentId: "sc-15a7lpx-0"
-})(["\n  border-top-style: groove;\n  border-top-width: 2;\n  border-top-color: borderLighter;\n\n  border-left-style: groove;\n  border-left-width: 2;\n  border-left-color: borderLighter;\n\n  border-bottom-style: solid;\n  border-bottom-width: 1;\n  border-bottom-color: borderDark;\n\n  border-right-style: solid;\n  border-right-width: 1;\n  border-right-color: borderDark;\n\n  box-shadow: 1px 1px 0 0 ", ";\n"], (0, _styledComponents.th)('colors.borderLighter'));
-var Legend = _styledComponents["default"].legend.withConfig({
-  displayName: "Fieldset__Legend",
-  componentId: "sc-15a7lpx-1"
-})(["\n  padding-left: 4px;\n  padding-right: 1px;\n"]);
-var Fieldset = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var legend = _ref.legend,
-    children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(Field, _extends({}, rest, {
-    ref: ref
-  }), legend && /*#__PURE__*/_react["default"].createElement(Legend, null, legend), children);
-});
-var _default = exports["default"] = Fieldset;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const Fieldset_css = require("./Fieldset.css.js");
+const Frame = require("../Frame/Frame.js");
+const Fieldset = React.forwardRef(
+  ({ legend, children, ...rest }, ref) => /* @__PURE__ */ React.createElement(Frame.Frame, { as: "fieldset", ...rest, ref, className: Fieldset_css.field }, legend && /* @__PURE__ */ React.createElement("legend", { className: Fieldset_css.legend }, legend), children)
+);
+exports.Fieldset = Fieldset;

package/cjs/Frame/Frame.js

@@ -1,21 +1,23 @@
 "use strict";
-
-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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _styledComponents = _interopRequireWildcard(require("@xstyled/styled-components"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var Frame = _styledComponents["default"].div.withConfig({
-  displayName: "Frame",
-  componentId: "sc-1g3ndsf-0"
-})(_styledComponents.system);
-Frame.defaultProps = {
-  w: 'auto',
-  h: 'auto',
-  bg: 'material',
-  boxShadow: 'out'
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const sprinkles_css = require("./sprinkles.css.js");
+const cn = require("classnames");
+const fixedForwardRef = React.forwardRef;
+const FrameComponent = (props, ref) => {
+  const { as, children, ...rest } = props;
+  const Component = as || "div";
+  const { className, style, otherProps } = sprinkles_css.sprinkles(rest);
+  return /* @__PURE__ */ React.createElement(
+    Component,
+    {
+      ...otherProps,
+      style: { ...style, ...otherProps.style },
+      className: cn(className, otherProps.className),
+      ref
+    },
+    children
+  );
 };
-var _default = exports["default"] = Frame;
+const Frame = fixedForwardRef(FrameComponent);
+exports.Frame = Frame;

package/cjs/Frame/sprinkles.css.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+/* empty css                                */const createRuntimeFn = require("rainbow-sprinkles/createRuntimeFn");
+var sprinkles = createRuntimeFn.createRuntimeFn(function() {
+  var x = { config: { bgColor: { mappings: ["backgroundColor"] }, backgroundColor: { vars: { "default": "var(--r95_1txm3g83o)" }, dynamic: { "default": "r95_1txm3g83p" }, dynamicScale: { anchor: "var(--r95-color-anchor)", anchorVisited: "var(--r95-color-anchorVisited)", borderDark: "var(--r95-color-borderDark)", borderDarkest: "var(--r95-color-borderDarkest)", borderLight: "var(--r95-color-borderLight)", borderLighter: "var(--r95-color-borderLighter)", borderLightest: "var(--r95-color-borderLightest)", canvas: "var(--r95-color-canvas)", canvasText: "var(--r95-color-canvasText)", headerBackground: "var(--r95-color-headerBackground)", headerNotActiveBackground: "var(--r95-color-headerNotActiveBackground)", headerNotActiveText: "var(--r95-color-headerNotActiveText)", headerText: "var(--r95-color-headerText)", material: "var(--r95-color-material)", materialText: "var(--r95-color-materialText)", materialTextDisabled: "var(--r95-color-materialTextDisabled)", materialTextDisabledShadow: "var(--r95-color-materialTextDisabledShadow)", materialTextInvert: "var(--r95-color-materialTextInvert)", progress: "var(--r95-color-progress)", inputBackground: "var(--r95-color-inputBackground)", inputBackgroundDisabled: "var(--r95-color-inputBackgroundDisabled)" }, name: "backgroundColor" }, colors: { vars: { "default": "var(--r95_1txm3g83q)" }, dynamic: { "default": "r95_1txm3g83r" }, dynamicScale: void 0, name: "colors" } } };
+  x.config.colors.dynamicScale = x.config.backgroundColor.dynamicScale;
+  return x;
+}(), { config: { boxShadow: { vars: { "default": "var(--r95_1txm3g85y)" }, dynamic: { "default": "r95_1txm3g85z" }, dynamicScale: { out: "var(--r95-shadow-out)", "in": "var(--r95-shadow-in)", input: "var(--r95-shadow-input)" }, name: "boxShadow" } } }, { config: { zIndex: { vars: { "default": "var(--r95_1txm3g87c)" }, dynamic: { "default": "r95_1txm3g87d" }, dynamicScale: { modal: "var(--r95-zIndex-modal)", tooltip: "var(--r95-zIndex-tooltip)", taskbar: "var(--r95-zIndex-taskbar)" }, name: "zIndex" } } }, function() {
+  var x = { config: { size: { mappings: ["height", "width"] }, h: { mappings: ["height"] }, w: { mappings: ["width"] }, minH: { mappings: ["minHeight"] }, minW: { mappings: ["minWidth"] }, m: { mappings: ["margin"] }, mr: { mappings: ["marginRight"] }, ml: { mappings: ["marginLeft"] }, mt: { mappings: ["marginTop"] }, mb: { mappings: ["marginBottom"] }, marginX: { mappings: ["marginLeft", "marginRight"] }, marginY: { mappings: ["marginTop", "marginBottom"] }, mx: { mappings: ["marginLeft", "marginRight"] }, my: { mappings: ["marginTop", "marginBottom"] }, p: { mappings: ["padding"] }, pr: { mappings: ["paddingRight"] }, pl: { mappings: ["paddingLeft"] }, pt: { mappings: ["paddingTop"] }, pb: { mappings: ["paddingBottom"] }, paddingX: { mappings: ["paddingLeft", "paddingRight"] }, paddingY: { mappings: ["paddingTop", "paddingBottom"] }, px: { mappings: ["paddingLeft", "paddingRight"] }, py: { mappings: ["paddingTop", "paddingBottom"] }, display: { vars: { "default": "var(--r95_1txm3g80)" }, dynamic: { "default": "r95_1txm3g81" }, dynamicScale: true, name: "display" }, overflow: { vars: { "default": "var(--r95_1txm3g82)" }, dynamic: { "default": "r95_1txm3g83" }, dynamicScale: true, name: "overflow" }, boxSizing: { vars: { "default": "var(--r95_1txm3g84)" }, dynamic: { "default": "r95_1txm3g85" }, dynamicScale: true, name: "boxSizing" }, grid: { vars: { "default": "var(--r95_1txm3g86)" }, dynamic: { "default": "r95_1txm3g87" }, dynamicScale: true, name: "grid" }, gridArea: { vars: { "default": "var(--r95_1txm3g88)" }, dynamic: { "default": "r95_1txm3g89" }, dynamicScale: true, name: "gridArea" }, gridAutoColumns: { vars: { "default": "var(--r95_1txm3g8a)" }, dynamic: { "default": "r95_1txm3g8b" }, dynamicScale: true, name: "gridAutoColumns" }, gridAutoFlow: { vars: { "default": "var(--r95_1txm3g8c)" }, dynamic: { "default": "r95_1txm3g8d" }, dynamicScale: true, name: "gridAutoFlow" }, gridAutoRows: { vars: { "default": "var(--r95_1txm3g8e)" }, dynamic: { "default": "r95_1txm3g8f" }, dynamicScale: true, name: "gridAutoRows" }, gridColumn: { vars: { "default": "var(--r95_1txm3g8g)" }, dynamic: { "default": "r95_1txm3g8h" }, dynamicScale: true, name: "gridColumn" }, gridColumnEnd: { vars: { "default": "var(--r95_1txm3g8i)" }, dynamic: { "default": "r95_1txm3g8j" }, dynamicScale: true, name: "gridColumnEnd" }, gridColumnStart: { vars: { "default": "var(--r95_1txm3g8k)" }, dynamic: { "default": "r95_1txm3g8l" }, dynamicScale: true, name: "gridColumnStart" }, gridRow: { vars: { "default": "var(--r95_1txm3g8m)" }, dynamic: { "default": "r95_1txm3g8n" }, dynamicScale: true, name: "gridRow" }, gridRowEnd: { vars: { "default": "var(--r95_1txm3g8o)" }, dynamic: { "default": "r95_1txm3g8p" }, dynamicScale: true, name: "gridRowEnd" }, gridRowStart: { vars: { "default": "var(--r95_1txm3g8q)" }, dynamic: { "default": "r95_1txm3g8r" }, dynamicScale: true, name: "gridRowStart" }, gridTemplate: { vars: { "default": "var(--r95_1txm3g8s)" }, dynamic: { "default": "r95_1txm3g8t" }, dynamicScale: true, name: "gridTemplate" }, gridTemplateAreas: { vars: { "default": "var(--r95_1txm3g8u)" }, dynamic: { "default": "r95_1txm3g8v" }, dynamicScale: true, name: "gridTemplateAreas" }, gridTemplateColumns: { vars: { "default": "var(--r95_1txm3g8w)" }, dynamic: { "default": "r95_1txm3g8x" }, dynamicScale: true, name: "gridTemplateColumns" }, gridTemplateRows: { vars: { "default": "var(--r95_1txm3g8y)" }, dynamic: { "default": "r95_1txm3g8z" }, dynamicScale: true, name: "gridTemplateRows" }, flex: { vars: { "default": "var(--r95_1txm3g810)" }, dynamic: { "default": "r95_1txm3g811" }, dynamicScale: true, name: "flex" }, flexBasis: { vars: { "default": "var(--r95_1txm3g812)" }, dynamic: { "default": "r95_1txm3g813" }, dynamicScale: true, name: "flexBasis" }, flexDirection: { vars: { "default": "var(--r95_1txm3g814)" }, dynamic: { "default": "r95_1txm3g815" }, dynamicScale: true, name: "flexDirection" }, flexFlow: { vars: { "default": "var(--r95_1txm3g816)" }, dynamic: { "default": "r95_1txm3g817" }, dynamicScale: true, name: "flexFlow" }, flexGrow: { vars: { "default": "var(--r95_1txm3g818)" }, dynamic: { "default": "r95_1txm3g819" }, dynamicScale: true, name: "flexGrow" }, flexShrink: { vars: { "default": "var(--r95_1txm3g81a)" }, dynamic: { "default": "r95_1txm3g81b" }, dynamicScale: true, name: "flexShrink" }, flexWrap: { vars: { "default": "var(--r95_1txm3g81c)" }, dynamic: { "default": "r95_1txm3g81d" }, dynamicScale: true, name: "flexWrap" }, justifyContent: { vars: { "default": "var(--r95_1txm3g81e)" }, dynamic: { "default": "r95_1txm3g81f" }, dynamicScale: true, name: "justifyContent" }, justifyItems: { vars: { "default": "var(--r95_1txm3g81g)" }, dynamic: { "default": "r95_1txm3g81h" }, dynamicScale: true, name: "justifyItems" }, justifySelf: { vars: { "default": "var(--r95_1txm3g81i)" }, dynamic: { "default": "r95_1txm3g81j" }, dynamicScale: true, name: "justifySelf" }, alignContent: { vars: { "default": "var(--r95_1txm3g81k)" }, dynamic: { "default": "r95_1txm3g81l" }, dynamicScale: true, name: "alignContent" }, alignItems: { vars: { "default": "var(--r95_1txm3g81m)" }, dynamic: { "default": "r95_1txm3g81n" }, dynamicScale: true, name: "alignItems" }, alignSelf: { vars: { "default": "var(--r95_1txm3g81o)" }, dynamic: { "default": "r95_1txm3g81p" }, dynamicScale: true, name: "alignSelf" }, gap: { vars: { "default": "var(--r95_1txm3g81q)" }, dynamic: { "default": "r95_1txm3g81r" }, dynamicScale: { "0": "var(--r95-space-0)", "1": "var(--r95-space-1)", "2": "var(--r95-space-2)", "3": "var(--r95-space-3)", "4": "var(--r95-space-4)", "5": "var(--r95-space-5)", "6": "var(--r95-space-6)", "7": "var(--r95-space-7)", "8": "var(--r95-space-8)", "9": "var(--r95-space-9)", "10": "var(--r95-space-10)", "11": "var(--r95-space-11)", "12": "var(--r95-space-12)", "13": "var(--r95-space-13)", "14": "var(--r95-space-14)", "15": "var(--r95-space-15)", "16": "var(--r95-space-16)", "17": "var(--r95-space-17)", "18": "var(--r95-space-18)", "19": "var(--r95-space-19)", "20": "var(--r95-space-20)" }, name: "gap" }, width: { vars: { "default": "var(--r95_1txm3g81s)" }, dynamic: { "default": "r95_1txm3g81t" }, dynamicScale: void 0, name: "width" }, maxWidth: { vars: { "default": "var(--r95_1txm3g81u)" }, dynamic: { "default": "r95_1txm3g81v" }, dynamicScale: void 0, name: "maxWidth" }, minWidth: { vars: { "default": "var(--r95_1txm3g81w)" }, dynamic: { "default": "r95_1txm3g81x" }, dynamicScale: void 0, name: "minWidth" }, height: { vars: { "default": "var(--r95_1txm3g81y)" }, dynamic: { "default": "r95_1txm3g81z" }, dynamicScale: void 0, name: "height" }, maxHeight: { vars: { "default": "var(--r95_1txm3g820)" }, dynamic: { "default": "r95_1txm3g821" }, dynamicScale: void 0, name: "maxHeight" }, minHeight: { vars: { "default": "var(--r95_1txm3g822)" }, dynamic: { "default": "r95_1txm3g823" }, dynamicScale: void 0, name: "minHeight" }, margin: { vars: { "default": "var(--r95_1txm3g824)" }, dynamic: { "default": "r95_1txm3g825" }, dynamicScale: void 0, name: "margin" }, marginBlock: { vars: { "default": "var(--r95_1txm3g826)" }, dynamic: { "default": "r95_1txm3g827" }, dynamicScale: void 0, name: "marginBlock" }, marginBlockEnd: { vars: { "default": "var(--r95_1txm3g828)" }, dynamic: { "default": "r95_1txm3g829" }, dynamicScale: void 0, name: "marginBlockEnd" }, marginBlockStart: { vars: { "default": "var(--r95_1txm3g82a)" }, dynamic: { "default": "r95_1txm3g82b" }, dynamicScale: void 0, name: "marginBlockStart" }, marginBottom: { vars: { "default": "var(--r95_1txm3g82c)" }, dynamic: { "default": "r95_1txm3g82d" }, dynamicScale: void 0, name: "marginBottom" }, marginInline: { vars: { "default": "var(--r95_1txm3g82e)" }, dynamic: { "default": "r95_1txm3g82f" }, dynamicScale: void 0, name: "marginInline" }, marginInlineEnd: { vars: { "default": "var(--r95_1txm3g82g)" }, dynamic: { "default": "r95_1txm3g82h" }, dynamicScale: void 0, name: "marginInlineEnd" }, marginInlineStart: { vars: { "default": "var(--r95_1txm3g82i)" }, dynamic: { "default": "r95_1txm3g82j" }, dynamicScale: void 0, name: "marginInlineStart" }, marginLeft: { vars: { "default": "var(--r95_1txm3g82k)" }, dynamic: { "default": "r95_1txm3g82l" }, dynamicScale: void 0, name: "marginLeft" }, marginRight: { vars: { "default": "var(--r95_1txm3g82m)" }, dynamic: { "default": "r95_1txm3g82n" }, dynamicScale: void 0, name: "marginRight" }, marginTop: { vars: { "default": "var(--r95_1txm3g82o)" }, dynamic: { "default": "r95_1txm3g82p" }, dynamicScale: void 0, name: "marginTop" }, padding: { vars: { "default": "var(--r95_1txm3g82q)" }, dynamic: { "default": "r95_1txm3g82r" }, dynamicScale: void 0, name: "padding" }, paddingBlock: { vars: { "default": "var(--r95_1txm3g82s)" }, dynamic: { "default": "r95_1txm3g82t" }, dynamicScale: void 0, name: "paddingBlock" }, paddingBlockEnd: { vars: { "default": "var(--r95_1txm3g82u)" }, dynamic: { "default": "r95_1txm3g82v" }, dynamicScale: void 0, name: "paddingBlockEnd" }, paddingBlockStart: { vars: { "default": "var(--r95_1txm3g82w)" }, dynamic: { "default": "r95_1txm3g82x" }, dynamicScale: void 0, name: "paddingBlockStart" }, paddingBottom: { vars: { "default": "var(--r95_1txm3g82y)" }, dynamic: { "default": "r95_1txm3g82z" }, dynamicScale: void 0, name: "paddingBottom" }, paddingInline: { vars: { "default": "var(--r95_1txm3g830)" }, dynamic: { "default": "r95_1txm3g831" }, dynamicScale: void 0, name: "paddingInline" }, paddingInlineEnd: { vars: { "default": "var(--r95_1txm3g832)" }, dynamic: { "default": "r95_1txm3g833" }, dynamicScale: void 0, name: "paddingInlineEnd" }, paddingInlineStart: { vars: { "default": "var(--r95_1txm3g834)" }, dynamic: { "default": "r95_1txm3g835" }, dynamicScale: void 0, name: "paddingInlineStart" }, paddingLeft: { vars: { "default": "var(--r95_1txm3g836)" }, dynamic: { "default": "r95_1txm3g837" }, dynamicScale: void 0, name: "paddingLeft" }, paddingRight: { vars: { "default": "var(--r95_1txm3g838)" }, dynamic: { "default": "r95_1txm3g839" }, dynamicScale: void 0, name: "paddingRight" }, paddingTop: { vars: { "default": "var(--r95_1txm3g83a)" }, dynamic: { "default": "r95_1txm3g83b" }, dynamicScale: void 0, name: "paddingTop" } } };
+  x.config.width.dynamicScale = x.config.gap.dynamicScale;
+  x.config.maxWidth.dynamicScale = x.config.gap.dynamicScale;
+  x.config.minWidth.dynamicScale = x.config.gap.dynamicScale;
+  x.config.height.dynamicScale = x.config.gap.dynamicScale;
+  x.config.maxHeight.dynamicScale = x.config.gap.dynamicScale;
+  x.config.minHeight.dynamicScale = x.config.gap.dynamicScale;
+  x.config.margin.dynamicScale = x.config.gap.dynamicScale;
+  x.config.marginBlock.dynamicScale = x.config.gap.dynamicScale;
+  x.config.marginBlockEnd.dynamicScale = x.config.gap.dynamicScale;
+  x.config.marginBlockStart.dynamicScale = x.config.gap.dynamicScale;
+  x.config.marginBottom.dynamicScale = x.config.gap.dynamicScale;
+  x.config.marginInline.dynamicScale = x.config.gap.dynamicScale;
+  x.config.marginInlineEnd.dynamicScale = x.config.gap.dynamicScale;
+  x.config.marginInlineStart.dynamicScale = x.config.gap.dynamicScale;
+  x.config.marginLeft.dynamicScale = x.config.gap.dynamicScale;
+  x.config.marginRight.dynamicScale = x.config.gap.dynamicScale;
+  x.config.marginTop.dynamicScale = x.config.gap.dynamicScale;
+  x.config.padding.dynamicScale = x.config.gap.dynamicScale;
+  x.config.paddingBlock.dynamicScale = x.config.gap.dynamicScale;
+  x.config.paddingBlockEnd.dynamicScale = x.config.gap.dynamicScale;
+  x.config.paddingBlockStart.dynamicScale = x.config.gap.dynamicScale;
+  x.config.paddingBottom.dynamicScale = x.config.gap.dynamicScale;
+  x.config.paddingInline.dynamicScale = x.config.gap.dynamicScale;
+  x.config.paddingInlineEnd.dynamicScale = x.config.gap.dynamicScale;
+  x.config.paddingInlineStart.dynamicScale = x.config.gap.dynamicScale;
+  x.config.paddingLeft.dynamicScale = x.config.gap.dynamicScale;
+  x.config.paddingRight.dynamicScale = x.config.gap.dynamicScale;
+  x.config.paddingTop.dynamicScale = x.config.gap.dynamicScale;
+  return x;
+}(), { config: { position: { vars: { "default": "var(--r95_1txm3g83c)" }, dynamic: { "default": "r95_1txm3g83d" }, dynamicScale: true, name: "position" }, top: { vars: { "default": "var(--r95_1txm3g83e)" }, dynamic: { "default": "r95_1txm3g83f" }, dynamicScale: true, name: "top" }, right: { vars: { "default": "var(--r95_1txm3g83g)" }, dynamic: { "default": "r95_1txm3g83h" }, dynamicScale: true, name: "right" }, bottom: { vars: { "default": "var(--r95_1txm3g83i)" }, dynamic: { "default": "r95_1txm3g83j" }, dynamicScale: true, name: "bottom" }, left: { vars: { "default": "var(--r95_1txm3g83k)" }, dynamic: { "default": "r95_1txm3g83l" }, dynamicScale: true, name: "left" }, pointerEvents: { vars: { "default": "var(--r95_1txm3g83m)" }, dynamic: { "default": "r95_1txm3g83n" }, dynamicScale: true, name: "pointerEvents" } } }, { config: { bg: { mappings: ["background"] }, background: { vars: { "default": "var(--r95_1txm3g83s)" }, dynamic: { "default": "r95_1txm3g83t" }, dynamicScale: true, name: "background" }, backgroundAttachment: { vars: { "default": "var(--r95_1txm3g83u)" }, dynamic: { "default": "r95_1txm3g83v" }, dynamicScale: true, name: "backgroundAttachment" }, backgroundImage: { vars: { "default": "var(--r95_1txm3g83w)" }, dynamic: { "default": "r95_1txm3g83x" }, dynamicScale: true, name: "backgroundImage" }, backgroundPosition: { vars: { "default": "var(--r95_1txm3g83y)" }, dynamic: { "default": "r95_1txm3g83z" }, dynamicScale: true, name: "backgroundPosition" }, backgroundRepeat: { vars: { "default": "var(--r95_1txm3g840)" }, dynamic: { "default": "r95_1txm3g841" }, dynamicScale: true, name: "backgroundRepeat" }, backgroundSize: { vars: { "default": "var(--r95_1txm3g842)" }, dynamic: { "default": "r95_1txm3g843" }, dynamicScale: true, name: "backgroundSize" }, backgroundOrigin: { vars: { "default": "var(--r95_1txm3g844)" }, dynamic: { "default": "r95_1txm3g845" }, dynamicScale: true, name: "backgroundOrigin" }, backgroundClip: { vars: { "default": "var(--r95_1txm3g846)" }, dynamic: { "default": "r95_1txm3g847" }, dynamicScale: true, name: "backgroundClip" } } }, function() {
+  var x = { config: { border: { vars: { "default": "var(--r95_1txm3g848)" }, dynamic: { "default": "r95_1txm3g849" }, dynamicScale: true, name: "border" }, borderStyle: { vars: { "default": "var(--r95_1txm3g84a)" }, dynamic: { "default": "r95_1txm3g84b" }, dynamicScale: true, name: "borderStyle" }, borderWidth: { vars: { "default": "var(--r95_1txm3g84c)" }, dynamic: { "default": "r95_1txm3g84d" }, dynamicScale: true, name: "borderWidth" }, borderColor: { vars: { "default": "var(--r95_1txm3g84e)" }, dynamic: { "default": "r95_1txm3g84f" }, dynamicScale: { anchor: "var(--r95-color-anchor)", anchorVisited: "var(--r95-color-anchorVisited)", borderDark: "var(--r95-color-borderDark)", borderDarkest: "var(--r95-color-borderDarkest)", borderLight: "var(--r95-color-borderLight)", borderLighter: "var(--r95-color-borderLighter)", borderLightest: "var(--r95-color-borderLightest)", canvas: "var(--r95-color-canvas)", canvasText: "var(--r95-color-canvasText)", headerBackground: "var(--r95-color-headerBackground)", headerNotActiveBackground: "var(--r95-color-headerNotActiveBackground)", headerNotActiveText: "var(--r95-color-headerNotActiveText)", headerText: "var(--r95-color-headerText)", material: "var(--r95-color-material)", materialText: "var(--r95-color-materialText)", materialTextDisabled: "var(--r95-color-materialTextDisabled)", materialTextDisabledShadow: "var(--r95-color-materialTextDisabledShadow)", materialTextInvert: "var(--r95-color-materialTextInvert)", progress: "var(--r95-color-progress)", inputBackground: "var(--r95-color-inputBackground)", inputBackgroundDisabled: "var(--r95-color-inputBackgroundDisabled)" }, name: "borderColor" }, borderTop: { vars: { "default": "var(--r95_1txm3g84g)" }, dynamic: { "default": "r95_1txm3g84h" }, dynamicScale: true, name: "borderTop" }, borderTopColor: { vars: { "default": "var(--r95_1txm3g84i)" }, dynamic: { "default": "r95_1txm3g84j" }, dynamicScale: void 0, name: "borderTopColor" }, borderTopStyle: { vars: { "default": "var(--r95_1txm3g84k)" }, dynamic: { "default": "r95_1txm3g84l" }, dynamicScale: true, name: "borderTopStyle" }, borderTopWidth: { vars: { "default": "var(--r95_1txm3g84m)" }, dynamic: { "default": "r95_1txm3g84n" }, dynamicScale: true, name: "borderTopWidth" }, borderRight: { vars: { "default": "var(--r95_1txm3g84o)" }, dynamic: { "default": "r95_1txm3g84p" }, dynamicScale: true, name: "borderRight" }, borderRightColor: { vars: { "default": "var(--r95_1txm3g84q)" }, dynamic: { "default": "r95_1txm3g84r" }, dynamicScale: void 0, name: "borderRightColor" }, borderRightStyle: { vars: { "default": "var(--r95_1txm3g84s)" }, dynamic: { "default": "r95_1txm3g84t" }, dynamicScale: true, name: "borderRightStyle" }, borderRightWidth: { vars: { "default": "var(--r95_1txm3g84u)" }, dynamic: { "default": "r95_1txm3g84v" }, dynamicScale: true, name: "borderRightWidth" }, borderBottom: { vars: { "default": "var(--r95_1txm3g84w)" }, dynamic: { "default": "r95_1txm3g84x" }, dynamicScale: true, name: "borderBottom" }, borderBottomColor: { vars: { "default": "var(--r95_1txm3g84y)" }, dynamic: { "default": "r95_1txm3g84z" }, dynamicScale: void 0, name: "borderBottomColor" }, borderBottomStyle: { vars: { "default": "var(--r95_1txm3g850)" }, dynamic: { "default": "r95_1txm3g851" }, dynamicScale: true, name: "borderBottomStyle" }, borderBottomWidth: { vars: { "default": "var(--r95_1txm3g852)" }, dynamic: { "default": "r95_1txm3g853" }, dynamicScale: true, name: "borderBottomWidth" }, borderLeft: { vars: { "default": "var(--r95_1txm3g854)" }, dynamic: { "default": "r95_1txm3g855" }, dynamicScale: true, name: "borderLeft" }, borderLeftColor: { vars: { "default": "var(--r95_1txm3g856)" }, dynamic: { "default": "r95_1txm3g857" }, dynamicScale: void 0, name: "borderLeftColor" }, borderLeftStyle: { vars: { "default": "var(--r95_1txm3g858)" }, dynamic: { "default": "r95_1txm3g859" }, dynamicScale: true, name: "borderLeftStyle" }, borderLeftWidth: { vars: { "default": "var(--r95_1txm3g85a)" }, dynamic: { "default": "r95_1txm3g85b" }, dynamicScale: true, name: "borderLeftWidth" } } };
+  x.config.borderTopColor.dynamicScale = x.config.borderColor.dynamicScale;
+  x.config.borderRightColor.dynamicScale = x.config.borderColor.dynamicScale;
+  x.config.borderBottomColor.dynamicScale = x.config.borderColor.dynamicScale;
+  x.config.borderLeftColor.dynamicScale = x.config.borderColor.dynamicScale;
+  return x;
+}(), { config: { borderBottomLeftRadius: { vars: { "default": "var(--r95_1txm3g85c)" }, dynamic: { "default": "r95_1txm3g85d" }, dynamicScale: true, name: "borderBottomLeftRadius" }, borderBottomRightRadius: { vars: { "default": "var(--r95_1txm3g85e)" }, dynamic: { "default": "r95_1txm3g85f" }, dynamicScale: true, name: "borderBottomRightRadius" }, borderImage: { vars: { "default": "var(--r95_1txm3g85g)" }, dynamic: { "default": "r95_1txm3g85h" }, dynamicScale: true, name: "borderImage" }, borderImageOutset: { vars: { "default": "var(--r95_1txm3g85i)" }, dynamic: { "default": "r95_1txm3g85j" }, dynamicScale: true, name: "borderImageOutset" }, borderImageRepeat: { vars: { "default": "var(--r95_1txm3g85k)" }, dynamic: { "default": "r95_1txm3g85l" }, dynamicScale: true, name: "borderImageRepeat" }, borderImageSlice: { vars: { "default": "var(--r95_1txm3g85m)" }, dynamic: { "default": "r95_1txm3g85n" }, dynamicScale: true, name: "borderImageSlice" }, borderImageSource: { vars: { "default": "var(--r95_1txm3g85o)" }, dynamic: { "default": "r95_1txm3g85p" }, dynamicScale: true, name: "borderImageSource" }, borderImageWidth: { vars: { "default": "var(--r95_1txm3g85q)" }, dynamic: { "default": "r95_1txm3g85r" }, dynamicScale: true, name: "borderImageWidth" }, borderRadius: { vars: { "default": "var(--r95_1txm3g85s)" }, dynamic: { "default": "r95_1txm3g85t" }, dynamicScale: true, name: "borderRadius" }, borderTopLeftRadius: { vars: { "default": "var(--r95_1txm3g85u)" }, dynamic: { "default": "r95_1txm3g85v" }, dynamicScale: true, name: "borderTopLeftRadius" }, borderTopRightRadius: { vars: { "default": "var(--r95_1txm3g85w)" }, dynamic: { "default": "r95_1txm3g85x" }, dynamicScale: true, name: "borderTopRightRadius" } } }, { config: { outline: { vars: { "default": "var(--r95_1txm3g860)" }, dynamic: { "default": "r95_1txm3g861" }, dynamicScale: true, name: "outline" }, outlineColor: { vars: { "default": "var(--r95_1txm3g862)" }, dynamic: { "default": "r95_1txm3g863" }, dynamicScale: true, name: "outlineColor" }, outlineStyle: { vars: { "default": "var(--r95_1txm3g864)" }, dynamic: { "default": "r95_1txm3g865" }, dynamicScale: true, name: "outlineStyle" }, outlineWidth: { vars: { "default": "var(--r95_1txm3g866)" }, dynamic: { "default": "r95_1txm3g867" }, dynamicScale: true, name: "outlineWidth" } } }, { config: { font: { vars: { "default": "var(--r95_1txm3g868)" }, dynamic: { "default": "r95_1txm3g869" }, dynamicScale: true, name: "font" }, fontFamily: { vars: { "default": "var(--r95_1txm3g86a)" }, dynamic: { "default": "r95_1txm3g86b" }, dynamicScale: true, name: "fontFamily" }, fontStyle: { vars: { "default": "var(--r95_1txm3g86c)" }, dynamic: { "default": "r95_1txm3g86d" }, dynamicScale: true, name: "fontStyle" }, fontSize: { vars: { "default": "var(--r95_1txm3g86e)" }, dynamic: { "default": "r95_1txm3g86f" }, dynamicScale: true, name: "fontSize" }, fontWeight: { vars: { "default": "var(--r95_1txm3g86g)" }, dynamic: { "default": "r95_1txm3g86h" }, dynamicScale: true, name: "fontWeight" }, fontVariant: { vars: { "default": "var(--r95_1txm3g86i)" }, dynamic: { "default": "r95_1txm3g86j" }, dynamicScale: true, name: "fontVariant" }, fontSizeAdjust: { vars: { "default": "var(--r95_1txm3g86k)" }, dynamic: { "default": "r95_1txm3g86l" }, dynamicScale: true, name: "fontSizeAdjust" } } }, { config: { color: { vars: { "default": "var(--r95_1txm3g86m)" }, dynamic: { "default": "r95_1txm3g86n" }, dynamicScale: { anchor: "var(--r95-color-anchor)", anchorVisited: "var(--r95-color-anchorVisited)", borderDark: "var(--r95-color-borderDark)", borderDarkest: "var(--r95-color-borderDarkest)", borderLight: "var(--r95-color-borderLight)", borderLighter: "var(--r95-color-borderLighter)", borderLightest: "var(--r95-color-borderLightest)", canvas: "var(--r95-color-canvas)", canvasText: "var(--r95-color-canvasText)", headerBackground: "var(--r95-color-headerBackground)", headerNotActiveBackground: "var(--r95-color-headerNotActiveBackground)", headerNotActiveText: "var(--r95-color-headerNotActiveText)", headerText: "var(--r95-color-headerText)", material: "var(--r95-color-material)", materialText: "var(--r95-color-materialText)", materialTextDisabled: "var(--r95-color-materialTextDisabled)", materialTextDisabledShadow: "var(--r95-color-materialTextDisabledShadow)", materialTextInvert: "var(--r95-color-materialTextInvert)", progress: "var(--r95-color-progress)", inputBackground: "var(--r95-color-inputBackground)", inputBackgroundDisabled: "var(--r95-color-inputBackgroundDisabled)" }, name: "color" }, direction: { vars: { "default": "var(--r95_1txm3g86o)" }, dynamic: { "default": "r95_1txm3g86p" }, dynamicScale: true, name: "direction" }, letterSpacing: { vars: { "default": "var(--r95_1txm3g86q)" }, dynamic: { "default": "r95_1txm3g86r" }, dynamicScale: true, name: "letterSpacing" }, lineHeight: { vars: { "default": "var(--r95_1txm3g86s)" }, dynamic: { "default": "r95_1txm3g86t" }, dynamicScale: true, name: "lineHeight" }, textAlign: { vars: { "default": "var(--r95_1txm3g86u)" }, dynamic: { "default": "r95_1txm3g86v" }, dynamicScale: true, name: "textAlign" }, textDecoration: { vars: { "default": "var(--r95_1txm3g86w)" }, dynamic: { "default": "r95_1txm3g86x" }, dynamicScale: true, name: "textDecoration" }, textIndent: { vars: { "default": "var(--r95_1txm3g86y)" }, dynamic: { "default": "r95_1txm3g86z" }, dynamicScale: true, name: "textIndent" }, textShadow: { vars: { "default": "var(--r95_1txm3g870)" }, dynamic: { "default": "r95_1txm3g871" }, dynamicScale: true, name: "textShadow" }, textTransform: { vars: { "default": "var(--r95_1txm3g872)" }, dynamic: { "default": "r95_1txm3g873" }, dynamicScale: true, name: "textTransform" }, verticalAlign: { vars: { "default": "var(--r95_1txm3g874)" }, dynamic: { "default": "r95_1txm3g875" }, dynamicScale: true, name: "verticalAlign" }, whiteSpace: { vars: { "default": "var(--r95_1txm3g876)" }, dynamic: { "default": "r95_1txm3g877" }, dynamicScale: true, name: "whiteSpace" }, wordSpacing: { vars: { "default": "var(--r95_1txm3g878)" }, dynamic: { "default": "r95_1txm3g879" }, dynamicScale: true, name: "wordSpacing" }, wordBreak: { vars: { "default": "var(--r95_1txm3g87a)" }, dynamic: { "default": "r95_1txm3g87b" }, dynamicScale: true, name: "wordBreak" } } });
+exports.sprinkles = sprinkles;

package/cjs/GlobalStyle/GlobalStyle.css.js

@@ -0,0 +1,3 @@
+require('./GlobalStyle.css.ts.vanilla.css');
+"use strict";
+/* empty css                                  */