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

package/esm/RadioButton/RadioButton.css.ts.vanilla.css

@@ -0,0 +1,44 @@
+.r95_1rnz0nz0 {
+  width: var(--r95-space-12);
+  height: var(--r95-space-12);
+  display: inline-block;
+  position: absolute;
+  left: var(--r95-space-0);
+  top: var(--r95-space-0);
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgBAoFICGfiwGRAAAAVElEQVQY05WOwQ2AMAwDL4i9WK2jlcmOR5NWquCBP45sx0mQaCbH4CixVWCZTcTCmOEcOasRuWe3O7p68IH/xsuVruZGr09gTgGgS7iAiDTKJEWAB4ZgRt37Ih39AAAAAElFTkSuQmCC');
+  image-rendering: pixelated;
+}
+.r95_1rnz0nz1 {
+  padding: var(--r95-space-1);
+  user-select: none;
+  position: absolute;
+  top: 0;
+  left: var(--r95-space-18);
+}
+.r95_1rnz0nz2 {
+  position: relative;
+  margin-bottom: var(--r95-space-10);
+  display: block;
+}
+.r95_1rnz0nz2:has(:disabled) {
+  color: var(--r95-color-materialTextDisabled);
+  text-shadow: 0.5px 0.5px var(--r95-color-materialTextDisabledShadow);
+}
+.r95_1rnz0nz3 {
+  margin: 0;
+  opacity: 0;
+}
+.r95_1rnz0nz3:focus ~ .r95_1rnz0nz1, &:active + .r95_1rnz0nz1 {
+  border-width: var(--r95-space-1);
+  border-style: dotted;
+  padding: 0;
+}
+.r95_1rnz0nz3:checked + .r95_1rnz0nz0 {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AQKBR8ecTMGkAAAAG5JREFUKM+FUNsRwDAIwlz3ymqOZiajP8mdIablSznAh0Hg7pTecm8qdHcNOI1TTABUZB4Anpw2OSg3xjh2vqYuRARJsmmimZX1wmH4Q6t2/rrpeke1/zYhIvZvTChnaTwrQe99PcA2gxrTpzbNC7UzjLtY6hmzAAAAAElFTkSuQmCC');
+}
+.r95_1rnz0nz3:disabled + .r95_1rnz0nz0 {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgBAoFIxjro9paAAAAVklEQVQY05WOQRKAMAgDNx3/pU/jafVleGiw1hkP5hLIwoCwIu0argqjBgwFkQF0gwNIpG20Fc9KkfGISzuND/0H/qq/Lkht/WnZgEw472mQDAriEOACnWkWUice+m0AAAAASUVORK5CYII=');
+}
+.r95_1rnz0nz3:checked:disabled + .r95_1rnz0nz0 {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AQKBSIvSgVOFAAAAI1JREFUKM+FkcEVxCAIRIeshdgJlEZp0IlWwl6WPCW+7D/pOAOoZGZYMbNY9yJC675Vo6puBVQ11mBLcxprRxEBAEREuDu1Mg4qVfv03kNVtwMzwxgDvfdbm3OCmfV6q3jq+Aj84xHIS9Z1QmZ2v9JphISZ4e50vc17gtLIzAEA7v6o/NNp++kUMlj15Aun6lMg0OwfdAAAAABJRU5ErkJggg==');
+}

package/esm/RadioButton/RadioButton.js

@@ -1,23 +1,17 @@
-var _excluded = ["children", "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 { field, icon, label, text } from './RadioButton.css';
-export var RadioButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    disabled = _ref.disabled,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("label", {
-    className: label
-  }, /*#__PURE__*/React.createElement("input", _extends({
-    type: "radio",
-    disabled: disabled,
-    className: field,
-    ref: ref
-  }, props)), /*#__PURE__*/React.createElement("span", {
-    className: icon
-  }), /*#__PURE__*/React.createElement("span", {
-    className: text
-  }, children));
-});
+import React__default, { forwardRef } from "react";
+import { label, field, icon, text } from "./RadioButton.css.js";
+const RadioButton = forwardRef(
+  ({ children, disabled, ...props }, ref) => /* @__PURE__ */ React__default.createElement("label", { className: label }, /* @__PURE__ */ React__default.createElement(
+    "input",
+    {
+      type: "radio",
+      disabled,
+      className: field,
+      ref,
+      ...props
+    }
+  ), /* @__PURE__ */ React__default.createElement("span", { className: icon }), /* @__PURE__ */ React__default.createElement("span", { className: text }, children))
+);
+export {
+  RadioButton
+};

package/esm/Range/Range.css.js

@@ -1,53 +1,5 @@
-import { style } from '@vanilla-extract/css';
-import { contract } from '../themes/contract.css';
-import { calc } from '@vanilla-extract/css-utils';
-var track = {
-  width: '100%',
-  height: contract.space[4],
-  backgroundColor: contract.colors.borderDarkest,
-  cursor: 'pointer',
-  borderStyle: 'solid',
-  borderTopWidth: contract.space[1],
-  borderTopColor: contract.colors.borderLight,
-  borderRightWidth: contract.space[2],
-  borderRightColor: contract.colors.borderLightest,
-  borderBottomWidth: contract.space[1],
-  borderBottomColor: contract.colors.borderLighter,
-  borderLeftWidth: contract.space[2],
-  borderLeftColor: contract.colors.borderLightest,
-  boxShadow: "0px 1px 0px 0px ".concat(contract.colors.borderLightest)
+import './Range.css.ts.vanilla.css';
+/* empty css                          */var range = "r95_1i4w9z20";
+export {
+  range
 };
-var thumb = {
-  width: contract.space[12],
-  height: contract.space[20],
-  backgroundColor: contract.colors.material,
-  cursor: 'pointer',
-  marginTop: calc.negate(contract.space[8]),
-  borderStyle: 'solid',
-  borderTopWidth: contract.space[1],
-  borderTopColor: contract.colors.borderLightest,
-  borderRightWidth: contract.space[1],
-  borderRightColor: contract.colors.borderDarkest,
-  borderBottomWidth: contract.space[1],
-  borderBottomColor: contract.colors.borderDarkest,
-  borderLeftWidth: contract.space[1],
-  borderLeftColor: contract.colors.borderLightest,
-  boxShadow: "inset 0px -1px 0px ".concat(contract.colors.borderDark, ",\n  inset -1px 0px 0px ").concat(contract.colors.borderDark, ",\n  inset 0px 1px 0px ").concat(contract.colors.borderLighter, ",\n  inset 1px 0px 0px ").concat(contract.colors.borderLighter),
-  appearance: 'none'
-};
-export var range = style({
-  appearance: 'none',
-  width: '100%',
-  selectors: {
-    '&::hover,&::focus,&::active': {
-      outline: 'none'
-    },
-    '&::-webkit-slider-runnable-track': track,
-    '&::-moz-range-track': track,
-    '&::-webkit-slider-thumb': thumb,
-    '&::-moz-range-thumb': thumb,
-    '&:focus::-webkit-slider-runnable-track': {
-      backgroundColor: contract.colors.borderDarkest
-    }
-  }
-});

package/esm/Range/Range.css.ts.vanilla.css

@@ -0,0 +1,84 @@
+.r95_1i4w9z20 {
+  appearance: none;
+  width: 100%;
+}
+.r95_1i4w9z20::hover,.r95_1i4w9z20::focus,.r95_1i4w9z20::active {
+  outline: none;
+}
+.r95_1i4w9z20::-webkit-slider-runnable-track {
+  width: 100%;
+  height: var(--r95-space-4);
+  background-color: var(--r95-color-borderDarkest);
+  cursor: pointer;
+  border-style: solid;
+  border-top-width: var(--r95-space-1);
+  border-top-color: var(--r95-color-borderLight);
+  border-right-width: var(--r95-space-2);
+  border-right-color: var(--r95-color-borderLightest);
+  border-bottom-width: var(--r95-space-1);
+  border-bottom-color: var(--r95-color-borderLighter);
+  border-left-width: var(--r95-space-2);
+  border-left-color: var(--r95-color-borderLightest);
+  box-shadow: 0px 1px 0px 0px var(--r95-color-borderLightest);
+}
+.r95_1i4w9z20::-moz-range-track {
+  width: 100%;
+  height: var(--r95-space-4);
+  background-color: var(--r95-color-borderDarkest);
+  cursor: pointer;
+  border-style: solid;
+  border-top-width: var(--r95-space-1);
+  border-top-color: var(--r95-color-borderLight);
+  border-right-width: var(--r95-space-2);
+  border-right-color: var(--r95-color-borderLightest);
+  border-bottom-width: var(--r95-space-1);
+  border-bottom-color: var(--r95-color-borderLighter);
+  border-left-width: var(--r95-space-2);
+  border-left-color: var(--r95-color-borderLightest);
+  box-shadow: 0px 1px 0px 0px var(--r95-color-borderLightest);
+}
+.r95_1i4w9z20::-webkit-slider-thumb {
+  width: var(--r95-space-12);
+  height: var(--r95-space-20);
+  background-color: var(--r95-color-material);
+  cursor: pointer;
+  margin-top: calc(var(--r95-space-8) * -1);
+  border-style: solid;
+  border-top-width: var(--r95-space-1);
+  border-top-color: var(--r95-color-borderLightest);
+  border-right-width: var(--r95-space-1);
+  border-right-color: var(--r95-color-borderDarkest);
+  border-bottom-width: var(--r95-space-1);
+  border-bottom-color: var(--r95-color-borderDarkest);
+  border-left-width: var(--r95-space-1);
+  border-left-color: var(--r95-color-borderLightest);
+  box-shadow: inset 0px -1px 0px var(--r95-color-borderDark),
+  inset -1px 0px 0px var(--r95-color-borderDark),
+  inset 0px 1px 0px var(--r95-color-borderLighter),
+  inset 1px 0px 0px var(--r95-color-borderLighter);
+  appearance: none;
+}
+.r95_1i4w9z20::-moz-range-thumb {
+  width: var(--r95-space-12);
+  height: var(--r95-space-20);
+  background-color: var(--r95-color-material);
+  cursor: pointer;
+  margin-top: calc(var(--r95-space-8) * -1);
+  border-style: solid;
+  border-top-width: var(--r95-space-1);
+  border-top-color: var(--r95-color-borderLightest);
+  border-right-width: var(--r95-space-1);
+  border-right-color: var(--r95-color-borderDarkest);
+  border-bottom-width: var(--r95-space-1);
+  border-bottom-color: var(--r95-color-borderDarkest);
+  border-left-width: var(--r95-space-1);
+  border-left-color: var(--r95-color-borderLightest);
+  box-shadow: inset 0px -1px 0px var(--r95-color-borderDark),
+  inset -1px 0px 0px var(--r95-color-borderDark),
+  inset 0px 1px 0px var(--r95-color-borderLighter),
+  inset 1px 0px 0px var(--r95-color-borderLighter);
+  appearance: none;
+}
+.r95_1i4w9z20:focus::-webkit-slider-runnable-track {
+  background-color: var(--r95-color-borderDarkest);
+}

package/esm/Range/Range.js

@@ -1,13 +1,19 @@
-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); }
-import * as React from 'react';
-import { Frame } from '../Frame/Frame';
-import { range } from './Range.css';
-import cn from 'classnames';
-export var Range = /*#__PURE__*/React.forwardRef(function (rest, ref) {
-  return /*#__PURE__*/React.createElement(Frame, _extends({}, rest, {
-    ref: ref,
-    className: cn(range, rest.className),
-    as: "input",
-    type: "range"
-  }));
-});
+import * as React from "react";
+import { Frame } from "../Frame/Frame.js";
+import { range } from "./Range.css.js";
+import cn from "classnames";
+const Range = React.forwardRef(
+  (rest, ref) => /* @__PURE__ */ React.createElement(
+    Frame,
+    {
+      ...rest,
+      ref,
+      className: cn(range, rest.className),
+      as: "input",
+      type: "range"
+    }
+  )
+);
+export {
+  Range
+};

package/esm/Tabs/Tab.js

@@ -1,19 +1,18 @@
-var _excluded = ["activeTab", "title"];
-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 Frame from '../Frame';
-import { tab } from './Tabs.css';
-export var Tab = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var activeTab = _ref.activeTab,
-    title = _ref.title,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Frame, _extends({}, rest, {
-    className: tab({
-      active: activeTab === title
-    }),
-    ref: ref,
-    as: "li"
-  }), title);
-});
+import React__default, { forwardRef } from "react";
+import { tab } from "./Tabs.css.js";
+import { Frame } from "../Frame/Frame.js";
+const Tab = forwardRef(
+  ({ activeTab, title, ...rest }, ref) => /* @__PURE__ */ React__default.createElement(
+    Frame,
+    {
+      ...rest,
+      className: tab({ active: activeTab === title }),
+      ref,
+      as: "li"
+    },
+    title
+  )
+);
+export {
+  Tab
+};

package/esm/Tabs/Tabs.css.js

@@ -1,50 +1,10 @@
-import { globalStyle, style } from '@vanilla-extract/css';
-import { contract } from '../themes/contract.css';
-import { recipe } from '@vanilla-extract/recipes';
-import { calc } from '@vanilla-extract/css-utils';
-export var navbar = style({
-  display: 'flex',
-  padding: '0',
-  margin: '0',
-  border: 'none',
-  zIndex: 1
-});
-export var navContainer = style({
-  padding: contract.space[12],
-  boxShadow: contract.shadows.out,
-  backgroundColor: contract.colors.material
-});
-export var tab = recipe({
-  base: {
-    listStyle: 'none',
-    userSelect: 'none',
-    paddingBlock: contract.space[3],
-    paddingInline: contract.space[6],
-    backgroundColor: contract.colors.material,
-    marginRight: contract.space[2],
-    marginLeft: contract.space[2],
-    boxShadow: "inset 0 1px 0 0 ".concat(contract.colors.borderLightest, ",\n      -2px 1px 0 -1px ").concat(contract.colors.material, ",\n      -3px 1px 0 -1px ").concat(contract.colors.borderLightest, ",\n      -2px 0 0 -1px ").concat(contract.colors.borderLightest, ",\n      2px 1px 0 -1px ").concat(contract.colors.borderDark, ",\n      2px 0 0 -1px ").concat(contract.colors.borderDarkest, ",\n      3px 1px 0 -1px ").concat(contract.colors.borderDarkest),
-    selectors: {
-      '&:first-child': {
-        marginLeft: contract.space[4]
-      }
-    }
-  },
-  variants: {
-    active: {
-      "true": {
-        marginTop: calc.negate(contract.space[2]),
-        marginLeft: calc.negate(contract.space[2]),
-        marginBottom: contract.space[1],
-        '&:first-child': {
-          marginLeft: contract.space[2]
-        },
-        boxShadow: "inset 0 1px 0 0 ".concat(contract.colors.borderLightest, ",\n        -2px 1px 0 -1px ").concat(contract.colors.material, ",\n        -0.5px 3px 0 0.5px ").concat(contract.colors.material, ",\n        -2px 2px 0 0 ").concat(contract.colors.borderLightest, ",\n        -2px 0 0 -1px ").concat(contract.colors.borderLightest, ",\n        1px 2px 0 0 ").concat(contract.colors.borderDark, ",\n        2px 0 0 -1px ").concat(contract.colors.borderDarkest, ",\n        2px 2px 0 0 ").concat(contract.colors.borderDarkest)
-      }
-    }
-  }
-});
-globalStyle("".concat(tab.classNames.variants.active["true"], " + li"), {
-  marginLeft: 0,
-  boxShadow: "inset 0 1px 0 0 ".concat(contract.colors.borderLightest, ",\n    2px 1px 0 -1px ").concat(contract.colors.borderDark, ",\n    2px 0 0 -1px ").concat(contract.colors.borderDarkest, ",\n    3px 1px 0 -1px ").concat(contract.colors.borderDarkest)
-});
+import './Tabs.css.ts.vanilla.css';
+/* empty css                         */import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var navContainer = "r95_fyllcd1";
+var navbar = "r95_fyllcd0";
+var tab = createRuntimeFn({ defaultClassName: "r95_fyllcd2", variantClassNames: { active: { true: "r95_fyllcd3" } }, defaultVariants: {}, compoundVariants: [] });
+export {
+  navContainer,
+  navbar,
+  tab
+};

package/esm/Tabs/Tabs.css.ts.vanilla.css

@@ -0,0 +1,54 @@
+.r95_fyllcd0 {
+  display: flex;
+  padding: 0;
+  margin: 0;
+  border: none;
+  z-index: 1;
+}
+.r95_fyllcd1 {
+  padding: var(--r95-space-12);
+  box-shadow: var(--r95-shadow-out);
+  background-color: var(--r95-color-material);
+}
+.r95_fyllcd2 {
+  list-style: none;
+  user-select: none;
+  padding-block: var(--r95-space-3);
+  padding-inline: var(--r95-space-6);
+  background-color: var(--r95-color-material);
+  margin-right: var(--r95-space-2);
+  margin-left: var(--r95-space-2);
+  box-shadow: inset 0 1px 0 0 var(--r95-color-borderLightest),
+      -2px 1px 0 -1px var(--r95-color-material),
+      -3px 1px 0 -1px var(--r95-color-borderLightest),
+      -2px 0 0 -1px var(--r95-color-borderLightest),
+      2px 1px 0 -1px var(--r95-color-borderDark),
+      2px 0 0 -1px var(--r95-color-borderDarkest),
+      3px 1px 0 -1px var(--r95-color-borderDarkest);
+}
+.r95_fyllcd2:first-child {
+  margin-left: var(--r95-space-4);
+}
+.r95_fyllcd3 {
+  margin-top: calc(var(--r95-space-2) * -1);
+  margin-left: calc(var(--r95-space-2) * -1);
+  margin-bottom: var(--r95-space-1);
+  &:first-child {
+    margin-left: var(--r95-space-2);
+  }
+  box-shadow: inset 0 1px 0 0 var(--r95-color-borderLightest),
+        -2px 1px 0 -1px var(--r95-color-material),
+        -0.5px 3px 0 0.5px var(--r95-color-material),
+        -2px 2px 0 0 var(--r95-color-borderLightest),
+        -2px 0 0 -1px var(--r95-color-borderLightest),
+        1px 2px 0 0 var(--r95-color-borderDark),
+        2px 0 0 -1px var(--r95-color-borderDarkest),
+        2px 2px 0 0 var(--r95-color-borderDarkest);
+}
+.r95_fyllcd3 + li {
+  margin-left: 0;
+  box-shadow: inset 0 1px 0 0 var(--r95-color-borderLightest),
+    2px 1px 0 -1px var(--r95-color-borderDark),
+    2px 0 0 -1px var(--r95-color-borderDarkest),
+    3px 1px 0 -1px var(--r95-color-borderDarkest);
+}

package/esm/Tabs/Tabs.js

@@ -1,55 +1,50 @@
-var _excluded = ["children", "defaultActiveTab", "onChange"];
-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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-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 Frame from '../Frame';
-import { Tab } from './Tab';
-import { navContainer, navbar } from './Tabs.css';
-export var Tabs = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    defaultActiveTab = _ref.defaultActiveTab,
-    onChange = _ref.onChange,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _ref2 = React.Children.toArray(children),
-    _ref3 = _slicedToArray(_ref2, 1),
-    firstTab = _ref3[0];
-  var _React$useState = React.useState(defaultActiveTab || firstTab.props.title),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    activeTab = _React$useState2[0],
-    setActiveTab = _React$useState2[1];
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Frame, _extends({}, rest, {
-    className: cn(navbar, rest.className),
-    as: "ol",
-    ref: ref
-  }), React.Children.map(children, function (child) {
-    var _child$props = child.props,
-      title = _child$props.title,
-      disabled = _child$props.disabled;
-    return /*#__PURE__*/React.createElement(Tab, _extends({
-      key: title
-    }, child.props, {
-      activeTab: activeTab,
-      onClick: function onClick(e) {
-        if (!disabled) {
-          if (onChange) {
-            onChange(title, e);
-          }
-          setActiveTab(title);
+import React__default, { forwardRef } from "react";
+import cn from "classnames";
+import { Tab } from "./Tab.js";
+import { navbar, navContainer } from "./Tabs.css.js";
+import { Frame } from "../Frame/Frame.js";
+const Tabs = forwardRef(
+  ({ children, defaultActiveTab, onChange, ...rest }, ref) => {
+    const [firstTab] = React__default.Children.toArray(children);
+    const [activeTab, setActiveTab] = React__default.useState(
+      defaultActiveTab || firstTab.props.title
+    );
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+      Frame,
+      {
+        ...rest,
+        className: cn(navbar, rest.className),
+        as: "ol",
+        ref
+      },
+      React__default.Children.map(
+        children,
+        (child) => {
+          const { title, disabled } = child.props;
+          return /* @__PURE__ */ React__default.createElement(
+            Tab,
+            {
+              key: title,
+              ...child.props,
+              activeTab,
+              onClick: (e) => {
+                if (!disabled) {
+                  if (onChange) {
+                    onChange(title, e);
+                  }
+                  setActiveTab(title);
+                }
+              }
+            }
+          );
         }
-      }
-    }));
-  })), /*#__PURE__*/React.createElement(Frame, {
-    className: navContainer,
-    width: rest.width || rest.w
-  }, React.Children.map(children, function (child) {
-    return child.props.title === activeTab && child.props.children;
-  })));
-});
+      )
+    ), /* @__PURE__ */ React__default.createElement(Frame, { className: navContainer, width: rest.width || rest.w }, React__default.Children.map(
+      children,
+      (child) => child.props.title === activeTab && child.props.children
+    )));
+  }
+);
+export {
+  Tabs
+};

package/esm/TaskBar/Clock.js

@@ -1,40 +1,34 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useEffect, useState } from 'react';
-import Frame from '../Frame';
-import Tooltip from '../Tooltip';
-import { tooltip } from './TaskBar.css';
-export var Clock = function Clock() {
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    timer = _useState2[0],
-    setTimer = _useState2[1];
-  useEffect(function () {
+import React__default, { useState, useEffect } from "react";
+import { Frame } from "../Frame/Frame.js";
+import { Tooltip } from "../Tooltip/Tooltip.js";
+import { tooltip } from "./TaskBar.css.js";
+const Clock = () => {
+  const [timer, setTimer] = useState("");
+  useEffect(() => {
     function checkTime(i) {
-      return i < 10 ? "0".concat(i) : i;
+      return i < 10 ? `0${i}` : i;
     }
-    var interval = setInterval(function () {
-      var today = new Date();
-      var h = today.getHours();
-      var m = today.getMinutes();
-      setTimer("".concat(checkTime(h), ":").concat(checkTime(m)));
+    const interval = setInterval(() => {
+      const today = /* @__PURE__ */ new Date();
+      const h = today.getHours();
+      const m = today.getMinutes();
+      setTimer(`${checkTime(h)}:${checkTime(m)}`);
     });
-    return function () {
-      return clearInterval(interval);
-    };
+    return () => clearInterval(interval);
   }, []);
-  return /*#__PURE__*/React.createElement(Frame, {
-    boxShadow: "$in",
-    px: "$6",
-    py: "$2",
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center"
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    className: tooltip
-  }, timer));
-};
+  return /* @__PURE__ */ React__default.createElement(
+    Frame,
+    {
+      boxShadow: "$in",
+      px: "$6",
+      py: "$2",
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center"
+    },
+    /* @__PURE__ */ React__default.createElement(Tooltip, { className: tooltip }, timer)
+  );
+};
+export {
+  Clock
+};