@class101/cdn-ui-system 0.0.7 → 0.0.11

package/lib/Pagination/Pagination.js

@@ -1,24 +1,398 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  emotion_styled_browser_esm_default
+} from "../../chunk-SFQY5CLW.js";
+import "../../chunk-T7TBQTBE.js";
+import "../../chunk-LE44IRCL.js";
+import "../../chunk-CGEEKALF.js";
+import "../../chunk-J3Q2BPOW.js";
+import {
+  React,
+  __commonJS,
+  __toModule,
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
+
+// node_modules/lodash/_baseRange.js
+var require_baseRange = __commonJS({
+  "node_modules/lodash/_baseRange.js"(exports, module) {
+    init_react_shim();
+    var nativeCeil = Math.ceil;
+    var nativeMax = Math.max;
+    function baseRange(start, end, step, fromRight) {
+      var index = -1, length = nativeMax(nativeCeil((end - start) / (step || 1)), 0), result = Array(length);
+      while (length--) {
+        result[fromRight ? length : ++index] = start;
+        start += step;
+      }
+      return result;
+    }
+    module.exports = baseRange;
+  }
+});
+
+// node_modules/lodash/eq.js
+var require_eq = __commonJS({
+  "node_modules/lodash/eq.js"(exports, module) {
+    init_react_shim();
+    function eq(value, other) {
+      return value === other || value !== value && other !== other;
+    }
+    module.exports = eq;
+  }
+});
+
+// node_modules/lodash/_freeGlobal.js
+var require_freeGlobal = __commonJS({
+  "node_modules/lodash/_freeGlobal.js"(exports, module) {
+    init_react_shim();
+    var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
+    module.exports = freeGlobal;
+  }
+});
+
+// node_modules/lodash/_root.js
+var require_root = __commonJS({
+  "node_modules/lodash/_root.js"(exports, module) {
+    init_react_shim();
+    var freeGlobal = require_freeGlobal();
+    var freeSelf = typeof self == "object" && self && self.Object === Object && self;
+    var root = freeGlobal || freeSelf || Function("return this")();
+    module.exports = root;
+  }
+});
+
+// node_modules/lodash/_Symbol.js
+var require_Symbol = __commonJS({
+  "node_modules/lodash/_Symbol.js"(exports, module) {
+    init_react_shim();
+    var root = require_root();
+    var Symbol = root.Symbol;
+    module.exports = Symbol;
+  }
+});
+
+// node_modules/lodash/_getRawTag.js
+var require_getRawTag = __commonJS({
+  "node_modules/lodash/_getRawTag.js"(exports, module) {
+    init_react_shim();
+    var Symbol = require_Symbol();
+    var objectProto = Object.prototype;
+    var hasOwnProperty = objectProto.hasOwnProperty;
+    var nativeObjectToString = objectProto.toString;
+    var symToStringTag = Symbol ? Symbol.toStringTag : void 0;
+    function getRawTag(value) {
+      var isOwn = hasOwnProperty.call(value, symToStringTag), tag = value[symToStringTag];
+      try {
+        value[symToStringTag] = void 0;
+        var unmasked = true;
+      } catch (e) {
+      }
+      var result = nativeObjectToString.call(value);
+      if (unmasked) {
+        if (isOwn) {
+          value[symToStringTag] = tag;
+        } else {
+          delete value[symToStringTag];
+        }
+      }
+      return result;
+    }
+    module.exports = getRawTag;
+  }
+});
+
+// node_modules/lodash/_objectToString.js
+var require_objectToString = __commonJS({
+  "node_modules/lodash/_objectToString.js"(exports, module) {
+    init_react_shim();
+    var objectProto = Object.prototype;
+    var nativeObjectToString = objectProto.toString;
+    function objectToString(value) {
+      return nativeObjectToString.call(value);
+    }
+    module.exports = objectToString;
+  }
+});
+
+// node_modules/lodash/_baseGetTag.js
+var require_baseGetTag = __commonJS({
+  "node_modules/lodash/_baseGetTag.js"(exports, module) {
+    init_react_shim();
+    var Symbol = require_Symbol();
+    var getRawTag = require_getRawTag();
+    var objectToString = require_objectToString();
+    var nullTag = "[object Null]";
+    var undefinedTag = "[object Undefined]";
+    var symToStringTag = Symbol ? Symbol.toStringTag : void 0;
+    function baseGetTag(value) {
+      if (value == null) {
+        return value === void 0 ? undefinedTag : nullTag;
+      }
+      return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
+    }
+    module.exports = baseGetTag;
+  }
+});
+
+// node_modules/lodash/isObject.js
+var require_isObject = __commonJS({
+  "node_modules/lodash/isObject.js"(exports, module) {
+    init_react_shim();
+    function isObject(value) {
+      var type = typeof value;
+      return value != null && (type == "object" || type == "function");
+    }
+    module.exports = isObject;
+  }
+});
+
+// node_modules/lodash/isFunction.js
+var require_isFunction = __commonJS({
+  "node_modules/lodash/isFunction.js"(exports, module) {
+    init_react_shim();
+    var baseGetTag = require_baseGetTag();
+    var isObject = require_isObject();
+    var asyncTag = "[object AsyncFunction]";
+    var funcTag = "[object Function]";
+    var genTag = "[object GeneratorFunction]";
+    var proxyTag = "[object Proxy]";
+    function isFunction(value) {
+      if (!isObject(value)) {
+        return false;
+      }
+      var tag = baseGetTag(value);
+      return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
+    }
+    module.exports = isFunction;
+  }
+});
+
+// node_modules/lodash/isLength.js
+var require_isLength = __commonJS({
+  "node_modules/lodash/isLength.js"(exports, module) {
+    init_react_shim();
+    var MAX_SAFE_INTEGER = 9007199254740991;
+    function isLength(value) {
+      return typeof value == "number" && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
+    }
+    module.exports = isLength;
+  }
+});
+
+// node_modules/lodash/isArrayLike.js
+var require_isArrayLike = __commonJS({
+  "node_modules/lodash/isArrayLike.js"(exports, module) {
+    init_react_shim();
+    var isFunction = require_isFunction();
+    var isLength = require_isLength();
+    function isArrayLike(value) {
+      return value != null && isLength(value.length) && !isFunction(value);
+    }
+    module.exports = isArrayLike;
+  }
+});
+
+// node_modules/lodash/_isIndex.js
+var require_isIndex = __commonJS({
+  "node_modules/lodash/_isIndex.js"(exports, module) {
+    init_react_shim();
+    var MAX_SAFE_INTEGER = 9007199254740991;
+    var reIsUint = /^(?:0|[1-9]\d*)$/;
+    function isIndex(value, length) {
+      var type = typeof value;
+      length = length == null ? MAX_SAFE_INTEGER : length;
+      return !!length && (type == "number" || type != "symbol" && reIsUint.test(value)) && (value > -1 && value % 1 == 0 && value < length);
+    }
+    module.exports = isIndex;
+  }
+});
+
+// node_modules/lodash/_isIterateeCall.js
+var require_isIterateeCall = __commonJS({
+  "node_modules/lodash/_isIterateeCall.js"(exports, module) {
+    init_react_shim();
+    var eq = require_eq();
+    var isArrayLike = require_isArrayLike();
+    var isIndex = require_isIndex();
+    var isObject = require_isObject();
+    function isIterateeCall(value, index, object) {
+      if (!isObject(object)) {
+        return false;
+      }
+      var type = typeof index;
+      if (type == "number" ? isArrayLike(object) && isIndex(index, object.length) : type == "string" && index in object) {
+        return eq(object[index], value);
+      }
+      return false;
+    }
+    module.exports = isIterateeCall;
+  }
+});
+
+// node_modules/lodash/_trimmedEndIndex.js
+var require_trimmedEndIndex = __commonJS({
+  "node_modules/lodash/_trimmedEndIndex.js"(exports, module) {
+    init_react_shim();
+    var reWhitespace = /\s/;
+    function trimmedEndIndex(string) {
+      var index = string.length;
+      while (index-- && reWhitespace.test(string.charAt(index))) {
+      }
+      return index;
+    }
+    module.exports = trimmedEndIndex;
+  }
+});
+
+// node_modules/lodash/_baseTrim.js
+var require_baseTrim = __commonJS({
+  "node_modules/lodash/_baseTrim.js"(exports, module) {
+    init_react_shim();
+    var trimmedEndIndex = require_trimmedEndIndex();
+    var reTrimStart = /^\s+/;
+    function baseTrim(string) {
+      return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string;
+    }
+    module.exports = baseTrim;
+  }
+});
+
+// node_modules/lodash/isObjectLike.js
+var require_isObjectLike = __commonJS({
+  "node_modules/lodash/isObjectLike.js"(exports, module) {
+    init_react_shim();
+    function isObjectLike(value) {
+      return value != null && typeof value == "object";
+    }
+    module.exports = isObjectLike;
+  }
+});
+
+// node_modules/lodash/isSymbol.js
+var require_isSymbol = __commonJS({
+  "node_modules/lodash/isSymbol.js"(exports, module) {
+    init_react_shim();
+    var baseGetTag = require_baseGetTag();
+    var isObjectLike = require_isObjectLike();
+    var symbolTag = "[object Symbol]";
+    function isSymbol(value) {
+      return typeof value == "symbol" || isObjectLike(value) && baseGetTag(value) == symbolTag;
+    }
+    module.exports = isSymbol;
+  }
+});
+
+// node_modules/lodash/toNumber.js
+var require_toNumber = __commonJS({
+  "node_modules/lodash/toNumber.js"(exports, module) {
+    init_react_shim();
+    var baseTrim = require_baseTrim();
+    var isObject = require_isObject();
+    var isSymbol = require_isSymbol();
+    var NAN = 0 / 0;
+    var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+    var reIsBinary = /^0b[01]+$/i;
+    var reIsOctal = /^0o[0-7]+$/i;
+    var freeParseInt = parseInt;
+    function toNumber(value) {
+      if (typeof value == "number") {
+        return value;
+      }
+      if (isSymbol(value)) {
+        return NAN;
+      }
+      if (isObject(value)) {
+        var other = typeof value.valueOf == "function" ? value.valueOf() : value;
+        value = isObject(other) ? other + "" : other;
+      }
+      if (typeof value != "string") {
+        return value === 0 ? value : +value;
+      }
+      value = baseTrim(value);
+      var isBinary = reIsBinary.test(value);
+      return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
+    }
+    module.exports = toNumber;
+  }
+});
+
+// node_modules/lodash/toFinite.js
+var require_toFinite = __commonJS({
+  "node_modules/lodash/toFinite.js"(exports, module) {
+    init_react_shim();
+    var toNumber = require_toNumber();
+    var INFINITY = 1 / 0;
+    var MAX_INTEGER = 17976931348623157e292;
+    function toFinite(value) {
+      if (!value) {
+        return value === 0 ? value : 0;
+      }
+      value = toNumber(value);
+      if (value === INFINITY || value === -INFINITY) {
+        var sign = value < 0 ? -1 : 1;
+        return sign * MAX_INTEGER;
+      }
+      return value === value ? value : 0;
+    }
+    module.exports = toFinite;
+  }
+});
+
+// node_modules/lodash/_createRange.js
+var require_createRange = __commonJS({
+  "node_modules/lodash/_createRange.js"(exports, module) {
+    init_react_shim();
+    var baseRange = require_baseRange();
+    var isIterateeCall = require_isIterateeCall();
+    var toFinite = require_toFinite();
+    function createRange(fromRight) {
+      return function(start, end, step) {
+        if (step && typeof step != "number" && isIterateeCall(start, end, step)) {
+          end = step = void 0;
+        }
+        start = toFinite(start);
+        if (end === void 0) {
+          end = start;
+          start = 0;
+        } else {
+          end = toFinite(end);
+        }
+        step = step === void 0 ? start < end ? 1 : -1 : toFinite(step);
+        return baseRange(start, end, step, fromRight);
+      };
+    }
+    module.exports = createRange;
+  }
+});
+
+// node_modules/lodash/range.js
+var require_range = __commonJS({
+  "node_modules/lodash/range.js"(exports, module) {
+    init_react_shim();
+    var createRange = require_createRange();
+    var range2 = createRange();
+    module.exports = range2;
+  }
+});
 
 // libs/shared/ui-system/src/lib/Pagination/Pagination.tsx
-import styled from "https://jspm.dev/@emotion/styled@11.3.0";
-import {useMemo} from "react";
-import {range} from "https://jspm.dev/lodash-es@4.17.21";
-import {HStack} from "../Layout/HStack/index.js";
-import {Icon} from "../Icon/index.js";
-var Pagination = ({totalPage, pageSize = 5, onChange, currentIndex}) => {
+init_react_shim();
+var import_range = __toModule(require_range());
+import { useMemo } from "react";
+import { HStack } from "../Layout/HStack/index.js";
+import { Icon } from "../Icon/index.js";
+var Pagination = ({ totalPage, pageSize = 5, onChange, currentIndex }) => {
   const handleChange = (pageIndex) => () => {
-    onChange?.(pageIndex);
+    onChange == null ? void 0 : onChange(pageIndex);
   };
   const handleIncrease = handleChange(currentIndex + 1);
   const handleDecrease = handleChange(currentIndex - 1);
   const indices = useMemo(() => {
     const oddPageSize = pageSize % 2 === 0 ? pageSize - 1 : pageSize;
     const endIndex = totalPage - 1;
-    return range(currentIndex - Math.floor(oddPageSize / 2), currentIndex + Math.floor(oddPageSize / 2) + 1).map((item, _, items2) => item + (items2[0] < 0 ? -items2[0] : 0)).map((item, _, items2) => item + (items2[oddPageSize - 1] > endIndex ? endIndex - items2[oddPageSize - 1] : 0)).filter((item) => item <= endIndex && item >= 0);
+    return (0, import_range.default)(currentIndex - Math.floor(oddPageSize / 2), currentIndex + Math.floor(oddPageSize / 2) + 1).map((item, _, items2) => item + (items2[0] < 0 ? -items2[0] : 0)).map((item, _, items2) => item + (items2[oddPageSize - 1] > endIndex ? endIndex - items2[oddPageSize - 1] : 0)).filter((item) => item <= endIndex && item >= 0);
   }, [currentIndex, totalPage, pageSize]);
-  const items = useMemo(() => indices.map((index) => ({index, page: index + 1, isCurrent: currentIndex === index})), [
+  const items = useMemo(() => indices.map((index) => ({ index, page: index + 1, isCurrent: currentIndex === index })), [
     indices,
     currentIndex
   ]);
@@ -39,7 +413,7 @@ var Pagination = ({totalPage, pageSize = 5, onChange, currentIndex}) => {
     as: "ul",
     spacing: 2,
     alignment: "center"
-  }, items.map(({index, page, isCurrent}) => /* @__PURE__ */ React.createElement(HStack, {
+  }, items.map(({ index, page, isCurrent }) => /* @__PURE__ */ React.createElement(HStack, {
     as: "li",
     key: page
   }, /* @__PURE__ */ React.createElement(RoundButton, {
@@ -55,7 +429,7 @@ var Pagination = ({totalPage, pageSize = 5, onChange, currentIndex}) => {
     fill: "black"
   }))));
 };
-var RoundButton = styled.button`
+var RoundButton = emotion_styled_browser_esm_default.button`
   border: none;
   border-radius: 50%;
   width: 38px;
@@ -68,7 +442,7 @@ var RoundButton = styled.button`
     background-color: ${(props) => props.active ? props.theme.colors.orange[500] : props.theme.colors.gray[100]};
   }
 `;
-var ArrowButton = styled.button`
+var ArrowButton = emotion_styled_browser_esm_default.button`
   border: none;
   background-color: white;
   cursor: pointer;

package/lib/Pagination/index.js

@@ -1,8 +1,10 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
 
 // libs/shared/ui-system/src/lib/Pagination/index.ts
-import {Pagination} from "./Pagination.js";
+init_react_shim();
+import { Pagination } from "./Pagination.js";
 export {
   Pagination
 };

package/lib/Paper/Paper.js

@@ -0,0 +1,111 @@
+import {
+  React,
+  __objRest,
+  __spreadProps,
+  __spreadValues,
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
+
+// libs/shared/ui-system/src/lib/Paper/Paper.tsx
+init_react_shim();
+import { propVariant, system } from "../../core/index.js";
+import { Box } from "../../private/Box/index.js";
+var Paper = system()(propVariant({
+  prop: "kind",
+  variants: {
+    border: {
+      borderWidth: 1,
+      borderStyle: "solid",
+      backgroundColor: "gray.0"
+    },
+    background: {}
+  },
+  skipForward: true
+}), propVariant({
+  prop: "borderRadiusLevel",
+  variants: {
+    0: {
+      borderRadius: 0
+    },
+    1: {
+      borderRadius: 2
+    },
+    2: {
+      borderRadius: 12
+    },
+    3: {
+      borderRadius: 16
+    },
+    4: {
+      borderRadius: 20
+    }
+  },
+  skipForward: true,
+  defaultValue: 0
+}), propVariant({
+  prop: "borderRadius",
+  variants: (value) => value > 0 ? {
+    overflow: "hidden",
+    transform: {
+      translateX: 0,
+      translateY: 0,
+      translateZ: 0
+    }
+  } : {}
+}), propVariant({
+  prop: "elevationLevel",
+  variants: {
+    0: {},
+    1: {
+      boxShadow: "0px 0px 1px rgba(0, 0, 0, 0.08), 0px 2px 6px rgba(0, 0, 0, 0.05)"
+    },
+    2: {
+      boxShadow: "0px 0px 1px rgba(0, 0, 0, 0.08), 0px 4px 12px 2px rgba(0, 0, 0, 0.04)"
+    },
+    3: {
+      boxShadow: "0px 0px 1px rgba(0, 0, 0, 0.08), 0px 10px 25px 4px rgba(0, 0, 0, 0.06)"
+    },
+    4: {
+      boxShadow: "0px 0px 1px rgba(0, 0, 0, 0.08), 0px 16px 30px 4px rgba(0, 0, 0, 0.1)"
+    }
+  },
+  skipForward: true,
+  defaultValue: 0
+}))((_a) => {
+  var _b = _a, {
+    children,
+    width = "100%",
+    height = "100%",
+    backgroundColor = "white",
+    borderColor = "gray.300",
+    backgroundImageSrc,
+    backgroundSize = "cover",
+    backgroundPosition = "center",
+    backgroundRepeat = "no-repeat"
+  } = _b, props = __objRest(_b, [
+    "children",
+    "width",
+    "height",
+    "backgroundColor",
+    "borderColor",
+    "backgroundImageSrc",
+    "backgroundSize",
+    "backgroundPosition",
+    "backgroundRepeat"
+  ]);
+  return /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues({}, props), {
+    width,
+    height,
+    backgroundColor,
+    borderColor,
+    backgroundImage: backgroundImageSrc ? `url(${backgroundImageSrc})` : "",
+    backgroundSize,
+    backgroundPosition,
+    backgroundRepeat,
+    boxSizing: "border-box"
+  }), children);
+});
+Paper.forwardStyle = true;
+export {
+  Paper
+};

package/lib/Paper/index.js

@@ -0,0 +1,10 @@
+import {
+  init_react_shim
+} from "../../chunk-VIIHQGZ3.js";
+
+// libs/shared/ui-system/src/lib/Paper/index.ts
+init_react_shim();
+import { Paper } from "./Paper.js";
+export {
+  Paper
+};