@class101/cdn-ui-system 0.0.5 → 0.0.9

package/@types/image.d.js

@@ -1,2 +1,6 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  init_react_shim
+} from "../chunk-FU5YH2ZU.js";
+
+// libs/shared/ui-system/src/@types/image.d.ts
+init_react_shim();

package/@types/theme.d.js

@@ -1,5 +1,8 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import "../chunk-ZNFXXXHP.js";
+import "../chunk-FBWP7GA4.js";
+import {
+  init_react_shim
+} from "../chunk-FU5YH2ZU.js";
 
 // libs/shared/ui-system/src/@types/theme.d.ts
-import "https://jspm.dev/@emotion/react@11.1.5";
+init_react_shim();

package/chunk-2GRN43OO.js

@@ -0,0 +1,38 @@
+import {
+  TextButton_stories_default
+} from "./chunk-FWF7FLXH.js";
+import {
+  React,
+  init_react_shim
+} from "./chunk-FU5YH2ZU.js";
+
+// libs/shared/ui-system/src/lib/Menu/MenuTextButton/MenuTextButton.stories.tsx
+init_react_shim();
+import {Icon} from "../../Icon/index.js";
+import {MenuTextButton} from "./MenuTextButton.js";
+var MenuTextButton_stories_default = {
+  title: "ui-system/Menu/MenuTextButton",
+  component: MenuTextButton,
+  argTypes: {
+    state: {
+      control: {
+        type: "select",
+        options: ["default", "active", "warning", "disabled"]
+      },
+      defaultValue: "active"
+    },
+    size: {...TextButton_stories_default.argTypes}.size,
+    icon: {
+      defaultValue: Icon.Regular.ChevronRight
+    }
+  }
+};
+var Template = (props) => /* @__PURE__ */ React.createElement(MenuTextButton, {
+  ...props
+}, "\uBC84\uD2BC");
+var BasicUsage = Template.bind({});
+
+export {
+  MenuTextButton_stories_default,
+  BasicUsage
+};

package/chunk-46QFHDO4.js

@@ -0,0 +1,328 @@
+import {
+  ThemeContext,
+  _extends,
+  serializeStyles,
+  withEmotionCache
+} from "./chunk-ZNFXXXHP.js";
+import {
+  emotion_memoize_browser_esm_default
+} from "./chunk-FBWP7GA4.js";
+import {
+  init_react_shim
+} from "./chunk-FU5YH2ZU.js";
+
+// node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js
+init_react_shim();
+import "react";
+
+// node_modules/@emotion/styled/node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.browser.esm.js
+init_react_shim();
+var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/;
+var isPropValid = /* @__PURE__ */ emotion_memoize_browser_esm_default(function(prop) {
+  return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111 && prop.charCodeAt(1) === 110 && prop.charCodeAt(2) < 91;
+});
+var emotion_is_prop_valid_browser_esm_default = isPropValid;
+
+// node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js
+init_react_shim();
+import {useContext, createElement} from "react";
+
+// node_modules/@emotion/styled/node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js
+init_react_shim();
+var isBrowser = true;
+function getRegisteredStyles(registered, registeredStyles, classNames) {
+  var rawClassName = "";
+  classNames.split(" ").forEach(function(className) {
+    if (registered[className] !== void 0) {
+      registeredStyles.push(registered[className] + ";");
+    } else {
+      rawClassName += className + " ";
+    }
+  });
+  return rawClassName;
+}
+var insertStyles = function insertStyles2(cache, serialized, isStringTag) {
+  var className = cache.key + "-" + serialized.name;
+  if ((isStringTag === false || isBrowser === false) && cache.registered[className] === void 0) {
+    cache.registered[className] = serialized.styles;
+  }
+  if (cache.inserted[serialized.name] === void 0) {
+    var current = serialized;
+    do {
+      var maybeStyles = cache.insert(serialized === current ? "." + className : "", current, cache.sheet, true);
+      current = current.next;
+    } while (current !== void 0);
+  }
+};
+
+// node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js
+var testOmitPropsOnStringTag = emotion_is_prop_valid_browser_esm_default;
+var testOmitPropsOnComponent = function testOmitPropsOnComponent2(key) {
+  return key !== "theme";
+};
+var getDefaultShouldForwardProp = function getDefaultShouldForwardProp2(tag) {
+  return typeof tag === "string" && tag.charCodeAt(0) > 96 ? testOmitPropsOnStringTag : testOmitPropsOnComponent;
+};
+var composeShouldForwardProps = function composeShouldForwardProps2(tag, options, isReal) {
+  var shouldForwardProp;
+  if (options) {
+    var optionsShouldForwardProp = options.shouldForwardProp;
+    shouldForwardProp = tag.__emotion_forwardProp && optionsShouldForwardProp ? function(propName) {
+      return tag.__emotion_forwardProp(propName) && optionsShouldForwardProp(propName);
+    } : optionsShouldForwardProp;
+  }
+  if (typeof shouldForwardProp !== "function" && isReal) {
+    shouldForwardProp = tag.__emotion_forwardProp;
+  }
+  return shouldForwardProp;
+};
+var ILLEGAL_ESCAPE_SEQUENCE_ERROR = `You have illegal escape sequence in your template literal, most likely inside content's property value.
+Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';".
+You can read more about this here:
+https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`;
+var createStyled = function createStyled2(tag, options) {
+  if (true) {
+    if (tag === void 0) {
+      throw new Error("You are trying to create a styled element with an undefined component.\nYou may have forgotten to import it.");
+    }
+  }
+  var isReal = tag.__emotion_real === tag;
+  var baseTag = isReal && tag.__emotion_base || tag;
+  var identifierName;
+  var targetClassName;
+  if (options !== void 0) {
+    identifierName = options.label;
+    targetClassName = options.target;
+  }
+  var shouldForwardProp = composeShouldForwardProps(tag, options, isReal);
+  var defaultShouldForwardProp = shouldForwardProp || getDefaultShouldForwardProp(baseTag);
+  var shouldUseAs = !defaultShouldForwardProp("as");
+  return function() {
+    var args = arguments;
+    var styles = isReal && tag.__emotion_styles !== void 0 ? tag.__emotion_styles.slice(0) : [];
+    if (identifierName !== void 0) {
+      styles.push("label:" + identifierName + ";");
+    }
+    if (args[0] == null || args[0].raw === void 0) {
+      styles.push.apply(styles, args);
+    } else {
+      if (args[0][0] === void 0) {
+        console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);
+      }
+      styles.push(args[0][0]);
+      var len = args.length;
+      var i = 1;
+      for (; i < len; i++) {
+        if (args[0][i] === void 0) {
+          console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);
+        }
+        styles.push(args[i], args[0][i]);
+      }
+    }
+    var Styled = withEmotionCache(function(props, cache, ref) {
+      var finalTag = shouldUseAs && props.as || baseTag;
+      var className = "";
+      var classInterpolations = [];
+      var mergedProps = props;
+      if (props.theme == null) {
+        mergedProps = {};
+        for (var key in props) {
+          mergedProps[key] = props[key];
+        }
+        mergedProps.theme = useContext(ThemeContext);
+      }
+      if (typeof props.className === "string") {
+        className = getRegisteredStyles(cache.registered, classInterpolations, props.className);
+      } else if (props.className != null) {
+        className = props.className + " ";
+      }
+      var serialized = serializeStyles(styles.concat(classInterpolations), cache.registered, mergedProps);
+      var rules = insertStyles(cache, serialized, typeof finalTag === "string");
+      className += cache.key + "-" + serialized.name;
+      if (targetClassName !== void 0) {
+        className += " " + targetClassName;
+      }
+      var finalShouldForwardProp = shouldUseAs && shouldForwardProp === void 0 ? getDefaultShouldForwardProp(finalTag) : defaultShouldForwardProp;
+      var newProps = {};
+      for (var _key in props) {
+        if (shouldUseAs && _key === "as")
+          continue;
+        if (finalShouldForwardProp(_key)) {
+          newProps[_key] = props[_key];
+        }
+      }
+      newProps.className = className;
+      newProps.ref = ref;
+      var ele = /* @__PURE__ */ createElement(finalTag, newProps);
+      return ele;
+    });
+    Styled.displayName = identifierName !== void 0 ? identifierName : "Styled(" + (typeof baseTag === "string" ? baseTag : baseTag.displayName || baseTag.name || "Component") + ")";
+    Styled.defaultProps = tag.defaultProps;
+    Styled.__emotion_real = Styled;
+    Styled.__emotion_base = baseTag;
+    Styled.__emotion_styles = styles;
+    Styled.__emotion_forwardProp = shouldForwardProp;
+    Object.defineProperty(Styled, "toString", {
+      value: function value() {
+        if (targetClassName === void 0 && true) {
+          return "NO_COMPONENT_SELECTOR";
+        }
+        return "." + targetClassName;
+      }
+    });
+    Styled.withComponent = function(nextTag, nextOptions) {
+      return createStyled2(nextTag, _extends({}, options, nextOptions, {
+        shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true)
+      })).apply(void 0, styles);
+    };
+    return Styled;
+  };
+};
+var emotion_styled_base_browser_esm_default = createStyled;
+
+// node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js
+var tags = [
+  "a",
+  "abbr",
+  "address",
+  "area",
+  "article",
+  "aside",
+  "audio",
+  "b",
+  "base",
+  "bdi",
+  "bdo",
+  "big",
+  "blockquote",
+  "body",
+  "br",
+  "button",
+  "canvas",
+  "caption",
+  "cite",
+  "code",
+  "col",
+  "colgroup",
+  "data",
+  "datalist",
+  "dd",
+  "del",
+  "details",
+  "dfn",
+  "dialog",
+  "div",
+  "dl",
+  "dt",
+  "em",
+  "embed",
+  "fieldset",
+  "figcaption",
+  "figure",
+  "footer",
+  "form",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "head",
+  "header",
+  "hgroup",
+  "hr",
+  "html",
+  "i",
+  "iframe",
+  "img",
+  "input",
+  "ins",
+  "kbd",
+  "keygen",
+  "label",
+  "legend",
+  "li",
+  "link",
+  "main",
+  "map",
+  "mark",
+  "marquee",
+  "menu",
+  "menuitem",
+  "meta",
+  "meter",
+  "nav",
+  "noscript",
+  "object",
+  "ol",
+  "optgroup",
+  "option",
+  "output",
+  "p",
+  "param",
+  "picture",
+  "pre",
+  "progress",
+  "q",
+  "rp",
+  "rt",
+  "ruby",
+  "s",
+  "samp",
+  "script",
+  "section",
+  "select",
+  "small",
+  "source",
+  "span",
+  "strong",
+  "style",
+  "sub",
+  "summary",
+  "sup",
+  "table",
+  "tbody",
+  "td",
+  "textarea",
+  "tfoot",
+  "th",
+  "thead",
+  "time",
+  "title",
+  "tr",
+  "track",
+  "u",
+  "ul",
+  "var",
+  "video",
+  "wbr",
+  "circle",
+  "clipPath",
+  "defs",
+  "ellipse",
+  "foreignObject",
+  "g",
+  "image",
+  "line",
+  "linearGradient",
+  "mask",
+  "path",
+  "pattern",
+  "polygon",
+  "polyline",
+  "radialGradient",
+  "rect",
+  "stop",
+  "svg",
+  "text",
+  "tspan"
+];
+var newStyled = emotion_styled_base_browser_esm_default.bind();
+tags.forEach(function(tagName) {
+  newStyled[tagName] = newStyled(tagName);
+});
+var emotion_styled_browser_esm_default = newStyled;
+
+export {
+  emotion_styled_browser_esm_default
+};

package/chunk-BBJEN63M.js

@@ -0,0 +1,49 @@
+import {
+  React,
+  init_react_shim
+} from "./chunk-FU5YH2ZU.js";
+
+// libs/shared/ui-system/src/lib/Form/Select/Select.stories.tsx
+init_react_shim();
+import {VStack} from "../../Layout/VStack/index.js";
+import {Select} from "./Select.js";
+var Select_stories_default = {
+  title: "ui-system/Form/Select",
+  component: Select,
+  argTypes: {
+    options: {
+      defaultValue: [
+        {value: "apple", label: "Apple"},
+        {value: "lemon", label: "Lemon"},
+        {value: "orange", label: "Orange"}
+      ],
+      type: "array"
+    },
+    placeholder: {
+      type: "string",
+      defaultValue: "\uBA39\uACE0\uC2F6\uC740 \uACFC\uC77C\uC744 \uC120\uD0DD\uD558\uC138\uC694."
+    },
+    state: {
+      defaultValue: "normal",
+      control: {
+        type: "select",
+        options: ["normal", "error"]
+      }
+    },
+    disabled: {
+      type: "boolean",
+      defaultValue: false
+    }
+  }
+};
+var Template = (props) => /* @__PURE__ */ React.createElement(VStack, {
+  width: 200
+}, /* @__PURE__ */ React.createElement(Select, {
+  ...props
+}));
+var BasicUsage = Template.bind({});
+
+export {
+  Select_stories_default,
+  BasicUsage
+};

package/chunk-BT7THJEN.js

@@ -0,0 +1,48 @@
+import {
+  init_react_shim
+} from "./chunk-FU5YH2ZU.js";
+
+// libs/shared/utils-browser/src/lib/findOrCreateElementById.ts
+init_react_shim();
+function findOrCreateElementById(id) {
+  const existingElement = document.getElementById(id);
+  if (existingElement) {
+    return existingElement;
+  }
+  const container = document.createElement("div");
+  container.id = id;
+  document.body.appendChild(container);
+  return container;
+}
+
+// libs/shared/utils-browser/src/lib/isExternalUrl.ts
+init_react_shim();
+var HTTP_REGEXP = /^(http|https):\/\//;
+function isExternalUrl(path) {
+  return HTTP_REGEXP.test(path.toLowerCase());
+}
+
+// libs/shared/utils-browser/src/index.ts
+init_react_shim();
+
+// libs/shared/utils-browser/src/lib/canUseDOM.ts
+init_react_shim();
+
+// libs/shared/utils-browser/src/lib/isBrowser.ts
+init_react_shim();
+
+// libs/shared/utils-browser/src/lib/isServer.ts
+init_react_shim();
+var isServer = typeof window === "undefined";
+
+// libs/shared/utils-browser/src/lib/isBrowser.ts
+var isBrowser = !isServer;
+
+// libs/shared/utils-browser/src/lib/canUseDOM.ts
+var canUseDOM = Boolean(isBrowser && window.document && window.document.createElement);
+
+export {
+  canUseDOM,
+  findOrCreateElementById,
+  isExternalUrl
+};

package/chunk-BX3MXJ4C.js

@@ -0,0 +1,187 @@
+import {
+  require_object_assign
+} from "./chunk-UUGOTXZB.js";
+import {
+  __toModule,
+  init_react_shim
+} from "./chunk-FU5YH2ZU.js";
+
+// node_modules/@styled-system/core/dist/index.esm.js
+init_react_shim();
+var import_object_assign = __toModule(require_object_assign());
+var merge = function merge2(a, b) {
+  var result = (0, import_object_assign.default)({}, a, b);
+  for (var key in a) {
+    var _assign;
+    if (!a[key] || typeof b[key] !== "object")
+      continue;
+    (0, import_object_assign.default)(result, (_assign = {}, _assign[key] = (0, import_object_assign.default)(a[key], b[key]), _assign));
+  }
+  return result;
+};
+var sort = function sort2(obj) {
+  var next = {};
+  Object.keys(obj).sort(function(a, b) {
+    return a.localeCompare(b, void 0, {
+      numeric: true,
+      sensitivity: "base"
+    });
+  }).forEach(function(key) {
+    next[key] = obj[key];
+  });
+  return next;
+};
+var defaults = {
+  breakpoints: [40, 52, 64].map(function(n) {
+    return n + "em";
+  })
+};
+var createMediaQuery = function createMediaQuery2(n) {
+  return "@media screen and (min-width: " + n + ")";
+};
+var getValue = function getValue2(n, scale) {
+  return get(scale, n, n);
+};
+var get = function get2(obj, key, def, p, undef) {
+  key = key && key.split ? key.split(".") : [key];
+  for (p = 0; p < key.length; p++) {
+    obj = obj ? obj[key[p]] : undef;
+  }
+  return obj === undef ? def : obj;
+};
+var createParser = function createParser2(config) {
+  var cache = {};
+  var parse = function parse2(props) {
+    var styles = {};
+    var shouldSort = false;
+    var isCacheDisabled = props.theme && props.theme.disableStyledSystemCache;
+    for (var key in props) {
+      if (!config[key])
+        continue;
+      var sx = config[key];
+      var raw = props[key];
+      var scale = get(props.theme, sx.scale, sx.defaults);
+      if (typeof raw === "object") {
+        cache.breakpoints = !isCacheDisabled && cache.breakpoints || get(props.theme, "breakpoints", defaults.breakpoints);
+        if (Array.isArray(raw)) {
+          cache.media = !isCacheDisabled && cache.media || [null].concat(cache.breakpoints.map(createMediaQuery));
+          styles = merge(styles, parseResponsiveStyle(cache.media, sx, scale, raw, props));
+          continue;
+        }
+        if (raw !== null) {
+          styles = merge(styles, parseResponsiveObject(cache.breakpoints, sx, scale, raw, props));
+          shouldSort = true;
+        }
+        continue;
+      }
+      (0, import_object_assign.default)(styles, sx(raw, scale, props));
+    }
+    if (shouldSort) {
+      styles = sort(styles);
+    }
+    return styles;
+  };
+  parse.config = config;
+  parse.propNames = Object.keys(config);
+  parse.cache = cache;
+  var keys = Object.keys(config).filter(function(k) {
+    return k !== "config";
+  });
+  if (keys.length > 1) {
+    keys.forEach(function(key) {
+      var _createParser;
+      parse[key] = createParser2((_createParser = {}, _createParser[key] = config[key], _createParser));
+    });
+  }
+  return parse;
+};
+var parseResponsiveStyle = function parseResponsiveStyle2(mediaQueries, sx, scale, raw, _props) {
+  var styles = {};
+  raw.slice(0, mediaQueries.length).forEach(function(value, i) {
+    var media = mediaQueries[i];
+    var style = sx(value, scale, _props);
+    if (!media) {
+      (0, import_object_assign.default)(styles, style);
+    } else {
+      var _assign2;
+      (0, import_object_assign.default)(styles, (_assign2 = {}, _assign2[media] = (0, import_object_assign.default)({}, styles[media], style), _assign2));
+    }
+  });
+  return styles;
+};
+var parseResponsiveObject = function parseResponsiveObject2(breakpoints, sx, scale, raw, _props) {
+  var styles = {};
+  for (var key in raw) {
+    var breakpoint = breakpoints[key];
+    var value = raw[key];
+    var style = sx(value, scale, _props);
+    if (!breakpoint) {
+      (0, import_object_assign.default)(styles, style);
+    } else {
+      var _assign3;
+      var media = createMediaQuery(breakpoint);
+      (0, import_object_assign.default)(styles, (_assign3 = {}, _assign3[media] = (0, import_object_assign.default)({}, styles[media], style), _assign3));
+    }
+  }
+  return styles;
+};
+var createStyleFunction = function createStyleFunction2(_ref) {
+  var properties = _ref.properties, property = _ref.property, scale = _ref.scale, _ref$transform = _ref.transform, transform = _ref$transform === void 0 ? getValue : _ref$transform, defaultScale = _ref.defaultScale;
+  properties = properties || [property];
+  var sx = function sx2(value, scale2, _props) {
+    var result = {};
+    var n = transform(value, scale2, _props);
+    if (n === null)
+      return;
+    properties.forEach(function(prop) {
+      result[prop] = n;
+    });
+    return result;
+  };
+  sx.scale = scale;
+  sx.defaults = defaultScale;
+  return sx;
+};
+var system = function system2(args) {
+  if (args === void 0) {
+    args = {};
+  }
+  var config = {};
+  Object.keys(args).forEach(function(key) {
+    var conf = args[key];
+    if (conf === true) {
+      config[key] = createStyleFunction({
+        property: key,
+        scale: key
+      });
+      return;
+    }
+    if (typeof conf === "function") {
+      config[key] = conf;
+      return;
+    }
+    config[key] = createStyleFunction(conf);
+  });
+  var parser = createParser(config);
+  return parser;
+};
+var compose = function compose2() {
+  var config = {};
+  for (var _len = arguments.length, parsers = new Array(_len), _key = 0; _key < _len; _key++) {
+    parsers[_key] = arguments[_key];
+  }
+  parsers.forEach(function(parser2) {
+    if (!parser2 || !parser2.config)
+      return;
+    (0, import_object_assign.default)(config, parser2.config);
+  });
+  var parser = createParser(config);
+  return parser;
+};
+
+export {
+  get,
+  createParser,
+  system,
+  compose
+};