@teamturing/react-kit 1.1.0

package/dist/utils/forcePixelValue.d.ts

@@ -0,0 +1,6 @@
+type CSSPixelValue = number | string;
+/**
+ * CSS에서 사용할 수 있는 픽셀값으로 강제합니다.
+ */
+export declare const forcePixelValue: (value: CSSPixelValue) => string;
+export {};

package/dist/utils/index.d.ts

@@ -0,0 +1,3 @@
+export { forcePixelValue } from './forcePixelValue';
+export { isArray } from './isArray';
+export { isNullable } from './isNullable';

package/dist/utils/isArray.d.ts

@@ -0,0 +1 @@
+export declare const isArray: (value: any) => value is any[];

package/dist/utils/isNullable.d.ts

@@ -0,0 +1 @@
+export declare const isNullable: (value: any) => value is null | undefined;

package/dist/utils/styled-system/index.d.ts

@@ -0,0 +1,31 @@
+import { SystemStyleObject } from '@styled-system/css';
+import * as CSS from 'csstype';
+import { RequiredTheme, ResponsiveValue, Theme } from 'styled-system';
+type CSSCustomProperties = {
+    [key: `--${string}`]: string | number;
+};
+type CSSSelectorObject = {
+    [cssSelector: string]: SystemStyleObject | CSSCustomProperties;
+};
+type BetterSystemStyleObject = SystemStyleObject | CSSCustomProperties | CSSSelectorObject;
+type AsProp = {
+    as?: any | undefined;
+};
+export interface SxProp {
+    sx?: BetterSystemStyleObject;
+}
+declare const sx: (props: SxProp) => import("@styled-system/css").CssFunctionReturnType;
+type TextDecorationProps<ThemeType extends Theme = RequiredTheme> = {
+    textDecoration?: ResponsiveValue<CSS.Property.TextDecoration, ThemeType> | undefined;
+};
+declare const textDecoration: import("styled-system").styleFn;
+type WhiteSpaceProps<ThemeType extends Theme = RequiredTheme> = {
+    whiteSpace?: ResponsiveValue<CSS.Property.WhiteSpace, ThemeType> | undefined;
+};
+declare const whiteSpace: import("styled-system").styleFn;
+type WordBreakProps<ThemeType extends Theme = RequiredTheme> = {
+    wordBreak?: ResponsiveValue<CSS.Property.WordBreak, ThemeType> | undefined;
+};
+declare const wordBreak: import("styled-system").styleFn;
+export { sx, textDecoration, whiteSpace, wordBreak };
+export type { BetterSystemStyleObject, AsProp, TextDecorationProps, WhiteSpaceProps, WordBreakProps };

package/esm/_virtual/_commonjsHelpers.js

@@ -0,0 +1,5 @@
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+export { getDefaultExportFromCjs };

package/esm/_virtual/_rollupPluginBabelHelpers.js

@@ -0,0 +1,16 @@
+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);
+}
+
+export { _extends as extends };

package/esm/node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js

@@ -0,0 +1,12 @@
+import memoize from '../../memoize/dist/emotion-memoize.esm.js';
+
+var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|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|enterKeyHint|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|incremental|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)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23
+
+var isPropValid = /* #__PURE__ */memoize(function (prop) {
+  return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111
+  /* o */ && prop.charCodeAt(1) === 110
+  /* n */ && prop.charCodeAt(2) < 91;
+}
+/* Z+1 */);
+
+export { isPropValid as default };

package/esm/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js

@@ -0,0 +1,9 @@
+function memoize(fn) {
+  var cache = Object.create(null);
+  return function (arg) {
+    if (cache[arg] === undefined) cache[arg] = fn(arg);
+    return cache[arg];
+  };
+}
+
+export { memoize as default };

package/esm/node_modules/@emotion/unitless/dist/emotion-unitless.esm.js

@@ -0,0 +1,51 @@
+var unitlessKeys = {
+  animationIterationCount: 1,
+  aspectRatio: 1,
+  borderImageOutset: 1,
+  borderImageSlice: 1,
+  borderImageWidth: 1,
+  boxFlex: 1,
+  boxFlexGroup: 1,
+  boxOrdinalGroup: 1,
+  columnCount: 1,
+  columns: 1,
+  flex: 1,
+  flexGrow: 1,
+  flexPositive: 1,
+  flexShrink: 1,
+  flexNegative: 1,
+  flexOrder: 1,
+  gridRow: 1,
+  gridRowEnd: 1,
+  gridRowSpan: 1,
+  gridRowStart: 1,
+  gridColumn: 1,
+  gridColumnEnd: 1,
+  gridColumnSpan: 1,
+  gridColumnStart: 1,
+  msGridRow: 1,
+  msGridRowSpan: 1,
+  msGridColumn: 1,
+  msGridColumnSpan: 1,
+  fontWeight: 1,
+  lineHeight: 1,
+  opacity: 1,
+  order: 1,
+  orphans: 1,
+  tabSize: 1,
+  widows: 1,
+  zIndex: 1,
+  zoom: 1,
+  WebkitLineClamp: 1,
+  // SVG-related properties
+  fillOpacity: 1,
+  floodOpacity: 1,
+  stopOpacity: 1,
+  strokeDasharray: 1,
+  strokeDashoffset: 1,
+  strokeMiterlimit: 1,
+  strokeOpacity: 1,
+  strokeWidth: 1
+};
+
+export { unitlessKeys as default };

package/esm/node_modules/@styled-system/background/dist/index.esm.js

@@ -0,0 +1,16 @@
+import { system } from '../../core/dist/index.esm.js';
+
+var config = {
+  background: true,
+  backgroundImage: true,
+  backgroundSize: true,
+  backgroundPosition: true,
+  backgroundRepeat: true
+};
+config.bgImage = config.backgroundImage;
+config.bgSize = config.backgroundSize;
+config.bgPosition = config.backgroundPosition;
+config.bgRepeat = config.backgroundRepeat;
+var background = system(config);
+
+export { background, background as default };

package/esm/node_modules/@styled-system/border/dist/index.esm.js

@@ -0,0 +1,131 @@
+import { system } from '../../core/dist/index.esm.js';
+
+var config = {
+  border: {
+    property: 'border',
+    scale: 'borders'
+  },
+  borderWidth: {
+    property: 'borderWidth',
+    scale: 'borderWidths'
+  },
+  borderStyle: {
+    property: 'borderStyle',
+    scale: 'borderStyles'
+  },
+  borderColor: {
+    property: 'borderColor',
+    scale: 'colors'
+  },
+  borderRadius: {
+    property: 'borderRadius',
+    scale: 'radii'
+  },
+  borderTop: {
+    property: 'borderTop',
+    scale: 'borders'
+  },
+  borderTopLeftRadius: {
+    property: 'borderTopLeftRadius',
+    scale: 'radii'
+  },
+  borderTopRightRadius: {
+    property: 'borderTopRightRadius',
+    scale: 'radii'
+  },
+  borderRight: {
+    property: 'borderRight',
+    scale: 'borders'
+  },
+  borderBottom: {
+    property: 'borderBottom',
+    scale: 'borders'
+  },
+  borderBottomLeftRadius: {
+    property: 'borderBottomLeftRadius',
+    scale: 'radii'
+  },
+  borderBottomRightRadius: {
+    property: 'borderBottomRightRadius',
+    scale: 'radii'
+  },
+  borderLeft: {
+    property: 'borderLeft',
+    scale: 'borders'
+  },
+  borderX: {
+    properties: ['borderLeft', 'borderRight'],
+    scale: 'borders'
+  },
+  borderY: {
+    properties: ['borderTop', 'borderBottom'],
+    scale: 'borders'
+  }
+};
+config.borderTopWidth = {
+  property: 'borderTopWidth',
+  scale: 'borderWidths'
+};
+config.borderTopColor = {
+  property: 'borderTopColor',
+  scale: 'colors'
+};
+config.borderTopStyle = {
+  property: 'borderTopStyle',
+  scale: 'borderStyles'
+};
+config.borderTopLeftRadius = {
+  property: 'borderTopLeftRadius',
+  scale: 'radii'
+};
+config.borderTopRightRadius = {
+  property: 'borderTopRightRadius',
+  scale: 'radii'
+};
+config.borderBottomWidth = {
+  property: 'borderBottomWidth',
+  scale: 'borderWidths'
+};
+config.borderBottomColor = {
+  property: 'borderBottomColor',
+  scale: 'colors'
+};
+config.borderBottomStyle = {
+  property: 'borderBottomStyle',
+  scale: 'borderStyles'
+};
+config.borderBottomLeftRadius = {
+  property: 'borderBottomLeftRadius',
+  scale: 'radii'
+};
+config.borderBottomRightRadius = {
+  property: 'borderBottomRightRadius',
+  scale: 'radii'
+};
+config.borderLeftWidth = {
+  property: 'borderLeftWidth',
+  scale: 'borderWidths'
+};
+config.borderLeftColor = {
+  property: 'borderLeftColor',
+  scale: 'colors'
+};
+config.borderLeftStyle = {
+  property: 'borderLeftStyle',
+  scale: 'borderStyles'
+};
+config.borderRightWidth = {
+  property: 'borderRightWidth',
+  scale: 'borderWidths'
+};
+config.borderRightColor = {
+  property: 'borderRightColor',
+  scale: 'colors'
+};
+config.borderRightStyle = {
+  property: 'borderRightStyle',
+  scale: 'borderStyles'
+};
+var border = system(config);
+
+export { border, border as default };

package/esm/node_modules/@styled-system/color/dist/index.esm.js

@@ -0,0 +1,17 @@
+import { system } from '../../core/dist/index.esm.js';
+
+var config = {
+  color: {
+    property: 'color',
+    scale: 'colors'
+  },
+  backgroundColor: {
+    property: 'backgroundColor',
+    scale: 'colors'
+  },
+  opacity: true
+};
+config.bg = config.backgroundColor;
+var color = system(config);
+
+export { color, color as default };

package/esm/node_modules/@styled-system/core/dist/index.esm.js

@@ -0,0 +1,178 @@
+import assign from '../../../object-assign/index.js';
+
+var merge = function merge(a, b) {
+  var result = assign({}, a, b);
+  for (var key in a) {
+    var _assign;
+    if (!a[key] || typeof b[key] !== 'object') continue;
+    assign(result, (_assign = {}, _assign[key] = assign(a[key], b[key]), _assign));
+  }
+  return result;
+}; // sort object-value responsive styles
+
+var sort = function sort(obj) {
+  var next = {};
+  Object.keys(obj).sort(function (a, b) {
+    return a.localeCompare(b, undefined, {
+      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 createMediaQuery(n) {
+  return "@media screen and (min-width: " + n + ")";
+};
+var getValue = function getValue(n, scale) {
+  return get(scale, n, n);
+};
+var get = function get(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 createParser(config) {
+  var cache = {};
+  var parse = function parse(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;
+      }
+      assign(styles, sx(raw, scale, props));
+    } // sort object-based responsive styles
+
+    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] = createParser((_createParser = {}, _createParser[key] = config[key], _createParser));
+    });
+  }
+  return parse;
+};
+var parseResponsiveStyle = function parseResponsiveStyle(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) {
+      assign(styles, style);
+    } else {
+      var _assign2;
+      assign(styles, (_assign2 = {}, _assign2[media] = assign({}, styles[media], style), _assign2));
+    }
+  });
+  return styles;
+};
+var parseResponsiveObject = function parseResponsiveObject(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) {
+      assign(styles, style);
+    } else {
+      var _assign3;
+      var media = createMediaQuery(breakpoint);
+      assign(styles, (_assign3 = {}, _assign3[media] = assign({}, styles[media], style), _assign3));
+    }
+  }
+  return styles;
+};
+var createStyleFunction = function createStyleFunction(_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 sx(value, scale, _props) {
+    var result = {};
+    var n = transform(value, scale, _props);
+    if (n === null) return;
+    properties.forEach(function (prop) {
+      result[prop] = n;
+    });
+    return result;
+  };
+  sx.scale = scale;
+  sx.defaults = defaultScale;
+  return sx;
+}; // new v5 API
+
+var system = function system(args) {
+  if (args === void 0) {
+    args = {};
+  }
+  var config = {};
+  Object.keys(args).forEach(function (key) {
+    var conf = args[key];
+    if (conf === true) {
+      // shortcut definition
+      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 compose() {
+  var config = {};
+  for (var _len = arguments.length, parsers = new Array(_len), _key = 0; _key < _len; _key++) {
+    parsers[_key] = arguments[_key];
+  }
+  parsers.forEach(function (parser) {
+    if (!parser || !parser.config) return;
+    assign(config, parser.config);
+  });
+  var parser = createParser(config);
+  return parser;
+};
+
+export { compose, createParser, createStyleFunction, get, merge, system };