@remember-web/mixin 0.1.11 → 0.1.13

package/dist/mixin/src/index.cjs.js

@@ -0,0 +1,63 @@
+'use strict';
+
+var variables = require('./colors/variables.cjs.js');
+var utils = require('./colors/utils.cjs.js');
+var index = require('./mediaQuery/index.cjs.js');
+var _const$1 = require('./typography/const.cjs.js');
+var utils$1 = require('./typography/utils.cjs.js');
+var index$1 = require('./provider/index.cjs.js');
+var _const = require('./mediaQuery/const.cjs.js');
+
+
+
+exports.bg100 = variables.bg100;
+exports.bg200 = variables.bg200;
+exports.bg300 = variables.bg300;
+exports.bgHighlight = variables.bgHighlight;
+exports.bgModal100 = variables.bgModal100;
+exports.bgModal200 = variables.bgModal200;
+exports.bgRoleBlue = variables.bgRoleBlue;
+exports.bgRoleGreen = variables.bgRoleGreen;
+exports.bgRoleRed = variables.bgRoleRed;
+exports.bgRoleYellow = variables.bgRoleYellow;
+exports.bgSecondary100 = variables.bgSecondary100;
+exports.contents000 = variables.contents000;
+exports.contents100 = variables.contents100;
+exports.contents150 = variables.contents150;
+exports.contents200 = variables.contents200;
+exports.contents300 = variables.contents300;
+exports.contents999 = variables.contents999;
+exports.disabled = variables.disabled;
+exports.disabledRoleRed = variables.disabledRoleRed;
+exports.disabledSecondary = variables.disabledSecondary;
+exports.divider = variables.divider;
+exports.fixedBgWhite = variables.fixedBgWhite;
+exports.fixedBlack = variables.fixedBlack;
+exports.fixedWhite = variables.fixedWhite;
+exports.primary100 = variables.primary100;
+exports.primary200 = variables.primary200;
+exports.roleBlue = variables.roleBlue;
+exports.roleGreen = variables.roleGreen;
+exports.roleRed = variables.roleRed;
+exports.roleYellow = variables.roleYellow;
+exports.secondary100 = variables.secondary100;
+exports.getBrowserTheme = utils.getBrowserTheme;
+exports.getColorVariableName = utils.getColorVariableName;
+exports.getHexFromRuiCssVariable = utils.getHexFromRuiCssVariable;
+exports.getRgb = utils.getRgb;
+exports.getRgba = utils.getRgba;
+exports.hexToRgb = utils.hexToRgb;
+exports.desktopOnly = index.desktopOnly;
+exports.getDeviceWidthMediaQuery = index.getDeviceWidthMediaQuery;
+exports.mobileOnly = index.mobileOnly;
+exports.phoneOnly = index.phoneOnly;
+exports.PRETENDARD_FONT_FAMILY = _const$1.PRETENDARD_FONT_FAMILY;
+exports.TYPOGRAPHY_STYLES = _const$1.TYPOGRAPHY_STYLES;
+exports.ellipsis = utils$1.ellipsis;
+exports.getTypographyStyles = utils$1.getTypographyStyles;
+exports.textEllipsis = utils$1.textEllipsis;
+exports.RUIProvider = index$1.RUIProvider;
+exports.useRUI = index$1.useRUI;
+exports.DESKTOP_WIDTH = _const.DESKTOP_WIDTH;
+exports.PHONE_WIDTH = _const.PHONE_WIDTH;
+//# sourceMappingURL=index.cjs.js.map

package/dist/mixin/src/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/mixin/src/index.d.ts

@@ -0,0 +1,5 @@
+export * from './colors';
+export * from './mediaQuery';
+export * from './typography';
+export * from './provider';
+//# sourceMappingURL=index.d.ts.map

package/dist/mixin/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}

package/dist/mixin/src/index.esm.js

@@ -0,0 +1,8 @@
+export { bg100, bg200, bg300, bgHighlight, bgModal100, bgModal200, bgRoleBlue, bgRoleGreen, bgRoleRed, bgRoleYellow, bgSecondary100, contents000, contents100, contents150, contents200, contents300, contents999, disabled, disabledRoleRed, disabledSecondary, divider, fixedBgWhite, fixedBlack, fixedWhite, primary100, primary200, roleBlue, roleGreen, roleRed, roleYellow, secondary100 } from './colors/variables.esm.js';
+export { getBrowserTheme, getColorVariableName, getHexFromRuiCssVariable, getRgb, getRgba, hexToRgb } from './colors/utils.esm.js';
+export { desktopOnly, getDeviceWidthMediaQuery, mobileOnly, phoneOnly } from './mediaQuery/index.esm.js';
+export { PRETENDARD_FONT_FAMILY, TYPOGRAPHY_STYLES } from './typography/const.esm.js';
+export { ellipsis, getTypographyStyles, textEllipsis } from './typography/utils.esm.js';
+export { RUIProvider, useRUI } from './provider/index.esm.js';
+export { DESKTOP_WIDTH, PHONE_WIDTH } from './mediaQuery/const.esm.js';
+//# sourceMappingURL=index.esm.js.map

package/dist/mixin/src/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/mixin/src/mediaQuery/const.cjs.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var DESKTOP_WIDTH = 768;
+var PHONE_WIDTH = 430;
+
+exports.DESKTOP_WIDTH = DESKTOP_WIDTH;
+exports.PHONE_WIDTH = PHONE_WIDTH;
+//# sourceMappingURL=const.cjs.js.map

package/dist/mixin/src/mediaQuery/const.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.cjs.js","sources":["../../../../src/mediaQuery/const.ts"],"sourcesContent":["export const DESKTOP_WIDTH = 768;\nexport const PHONE_WIDTH = 430;\n"],"names":["DESKTOP_WIDTH","PHONE_WIDTH"],"mappings":";;AAAO,IAAMA,aAAa,GAAG,IAAG;AACzB,IAAMC,WAAW,GAAG;;;;;"}

package/dist/mixin/src/mediaQuery/const.d.ts

@@ -0,0 +1,3 @@
+export declare const DESKTOP_WIDTH = 768;
+export declare const PHONE_WIDTH = 430;
+//# sourceMappingURL=const.d.ts.map

package/dist/mixin/src/mediaQuery/const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../../../src/mediaQuery/const.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,MAAM,CAAC;AACjC,eAAO,MAAM,WAAW,MAAM,CAAC"}

package/dist/mixin/src/mediaQuery/const.esm.js

@@ -0,0 +1,5 @@
+var DESKTOP_WIDTH = 768;
+var PHONE_WIDTH = 430;
+
+export { DESKTOP_WIDTH, PHONE_WIDTH };
+//# sourceMappingURL=const.esm.js.map

package/dist/mixin/src/mediaQuery/const.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.esm.js","sources":["../../../../src/mediaQuery/const.ts"],"sourcesContent":["export const DESKTOP_WIDTH = 768;\nexport const PHONE_WIDTH = 430;\n"],"names":["DESKTOP_WIDTH","PHONE_WIDTH"],"mappings":"AAAO,IAAMA,aAAa,GAAG,IAAG;AACzB,IAAMC,WAAW,GAAG;;;;"}

package/dist/mixin/src/mediaQuery/index.cjs.js

@@ -0,0 +1,43 @@
+"use client";
+'use strict';
+
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
+var styledComponents = require('styled-components');
+var _const = require('./const.cjs.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
+
+var _templateObject;
+function getDeviceWidthMediaQuery(_ref) {
+  var maxWidth = _ref.maxWidth,
+    minWidth = _ref.minWidth;
+  var mediaQueries = [];
+  if (maxWidth) {
+    mediaQueries.push("(max-width: ".concat(typeof maxWidth === 'string' ? maxWidth : "".concat(maxWidth, "px"), ")"));
+  }
+  if (minWidth) {
+    mediaQueries.push("(min-width: ".concat(typeof minWidth === 'string' ? minWidth : "".concat(minWidth, "px"), ")"));
+  }
+  return function (cssInterpolation) {
+    return styledComponents.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n    @media ", " {\n      ", "\n    }\n  "])), mediaQueries.join(' and '), cssInterpolation);
+  };
+}
+var mobileOnly = getDeviceWidthMediaQuery({
+  maxWidth: _const.DESKTOP_WIDTH - 1
+});
+var desktopOnly = getDeviceWidthMediaQuery({
+  minWidth: _const.DESKTOP_WIDTH
+});
+var phoneOnly = getDeviceWidthMediaQuery({
+  maxWidth: _const.PHONE_WIDTH
+});
+
+exports.DESKTOP_WIDTH = _const.DESKTOP_WIDTH;
+exports.PHONE_WIDTH = _const.PHONE_WIDTH;
+exports.desktopOnly = desktopOnly;
+exports.getDeviceWidthMediaQuery = getDeviceWidthMediaQuery;
+exports.mobileOnly = mobileOnly;
+exports.phoneOnly = phoneOnly;
+//# sourceMappingURL=index.cjs.js.map

package/dist/mixin/src/mediaQuery/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/mediaQuery/index.ts"],"sourcesContent":["'use client';\n\nimport { css } from 'styled-components';\nimport type { CSSProp } from 'styled-components';\n\nimport { DESKTOP_WIDTH, PHONE_WIDTH } from './const';\n\nexport * from './const';\n\nexport function getDeviceWidthMediaQuery({\n  maxWidth,\n  minWidth,\n}: {\n  maxWidth?: number | string;\n  minWidth?: number | string;\n}) {\n  const mediaQueries: string[] = [];\n\n  if (maxWidth) {\n    mediaQueries.push(\n      `(max-width: ${\n        typeof maxWidth === 'string' ? maxWidth : `${maxWidth}px`\n      })`\n    );\n  }\n\n  if (minWidth) {\n    mediaQueries.push(\n      `(min-width: ${\n        typeof minWidth === 'string' ? minWidth : `${minWidth}px`\n      })`\n    );\n  }\n\n  return (cssInterpolation: CSSProp) => css`\n    @media ${mediaQueries.join(' and ')} {\n      ${cssInterpolation}\n    }\n  `;\n}\n\nexport const mobileOnly = getDeviceWidthMediaQuery({\n  maxWidth: DESKTOP_WIDTH - 1,\n});\nexport const desktopOnly = getDeviceWidthMediaQuery({\n  minWidth: DESKTOP_WIDTH,\n});\nexport const phoneOnly = getDeviceWidthMediaQuery({\n  maxWidth: PHONE_WIDTH,\n});\n"],"names":["mediaQueries","mobileOnly","desktopOnly","minWidth","phoneOnly","maxWidth"],"mappings":";;;;;;;;;;;AAAa;AASN;AAMJ;;;AAGD;AACEA;AAKF;AAEA;AACEA;AAKF;AAEA;AAAiC;;AAKnC;AAEaC;;AAEb;AACaC;AACXC;AACF;AACaC;AACXC;AACF;;;;;;;"}

package/dist/mixin/src/mediaQuery/index.d.ts

@@ -0,0 +1,10 @@
+import type { CSSProp } from 'styled-components';
+export * from './const';
+export declare function getDeviceWidthMediaQuery({ maxWidth, minWidth, }: {
+    maxWidth?: number | string;
+    minWidth?: number | string;
+}): (cssInterpolation: CSSProp) => import("styled-components").RuleSet<object>;
+export declare const mobileOnly: (cssInterpolation: CSSProp) => import("styled-components").RuleSet<object>;
+export declare const desktopOnly: (cssInterpolation: CSSProp) => import("styled-components").RuleSet<object>;
+export declare const phoneOnly: (cssInterpolation: CSSProp) => import("styled-components").RuleSet<object>;
+//# sourceMappingURL=index.d.ts.map

package/dist/mixin/src/mediaQuery/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/mediaQuery/index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAIjD,cAAc,SAAS,CAAC;AAExB,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B,sBAmB2B,OAAO,iDAKlC;AAED,eAAO,MAAM,UAAU,qBAPK,OAAO,gDASjC,CAAC;AACH,eAAO,MAAM,WAAW,qBAVI,OAAO,gDAYjC,CAAC;AACH,eAAO,MAAM,SAAS,qBAbM,OAAO,gDAejC,CAAC"}

package/dist/mixin/src/mediaQuery/index.esm.js

@@ -0,0 +1,32 @@
+"use client";
+import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
+import { css } from 'styled-components';
+import { DESKTOP_WIDTH, PHONE_WIDTH } from './const.esm.js';
+
+var _templateObject;
+function getDeviceWidthMediaQuery(_ref) {
+  var maxWidth = _ref.maxWidth,
+    minWidth = _ref.minWidth;
+  var mediaQueries = [];
+  if (maxWidth) {
+    mediaQueries.push("(max-width: ".concat(typeof maxWidth === 'string' ? maxWidth : "".concat(maxWidth, "px"), ")"));
+  }
+  if (minWidth) {
+    mediaQueries.push("(min-width: ".concat(typeof minWidth === 'string' ? minWidth : "".concat(minWidth, "px"), ")"));
+  }
+  return function (cssInterpolation) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    @media ", " {\n      ", "\n    }\n  "])), mediaQueries.join(' and '), cssInterpolation);
+  };
+}
+var mobileOnly = getDeviceWidthMediaQuery({
+  maxWidth: DESKTOP_WIDTH - 1
+});
+var desktopOnly = getDeviceWidthMediaQuery({
+  minWidth: DESKTOP_WIDTH
+});
+var phoneOnly = getDeviceWidthMediaQuery({
+  maxWidth: PHONE_WIDTH
+});
+
+export { DESKTOP_WIDTH, PHONE_WIDTH, desktopOnly, getDeviceWidthMediaQuery, mobileOnly, phoneOnly };
+//# sourceMappingURL=index.esm.js.map

package/dist/mixin/src/mediaQuery/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../src/mediaQuery/index.ts"],"sourcesContent":["'use client';\n\nimport { css } from 'styled-components';\nimport type { CSSProp } from 'styled-components';\n\nimport { DESKTOP_WIDTH, PHONE_WIDTH } from './const';\n\nexport * from './const';\n\nexport function getDeviceWidthMediaQuery({\n  maxWidth,\n  minWidth,\n}: {\n  maxWidth?: number | string;\n  minWidth?: number | string;\n}) {\n  const mediaQueries: string[] = [];\n\n  if (maxWidth) {\n    mediaQueries.push(\n      `(max-width: ${\n        typeof maxWidth === 'string' ? maxWidth : `${maxWidth}px`\n      })`\n    );\n  }\n\n  if (minWidth) {\n    mediaQueries.push(\n      `(min-width: ${\n        typeof minWidth === 'string' ? minWidth : `${minWidth}px`\n      })`\n    );\n  }\n\n  return (cssInterpolation: CSSProp) => css`\n    @media ${mediaQueries.join(' and ')} {\n      ${cssInterpolation}\n    }\n  `;\n}\n\nexport const mobileOnly = getDeviceWidthMediaQuery({\n  maxWidth: DESKTOP_WIDTH - 1,\n});\nexport const desktopOnly = getDeviceWidthMediaQuery({\n  minWidth: DESKTOP_WIDTH,\n});\nexport const phoneOnly = getDeviceWidthMediaQuery({\n  maxWidth: PHONE_WIDTH,\n});\n"],"names":["mediaQueries","mobileOnly","desktopOnly","minWidth","phoneOnly","maxWidth"],"mappings":";;;;;AAAa;AASN;AAMJ;;;AAGD;AACEA;AAKF;AAEA;AACEA;AAKF;AAEA;AAAiC;;AAKnC;AAEaC;;AAEb;AACaC;AACXC;AACF;AACaC;AACXC;AACF;;"}

package/dist/mixin/src/provider/index.cjs.js

@@ -0,0 +1,43 @@
+"use client";
+'use strict';
+
+var react = require('react');
+var utils = require('../colors/utils.cjs.js');
+var styles = require('./styles.cjs.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+var RUIContext = /*#__PURE__*/react.createContext(null);
+
+/** theme과 setTheme은 사용하는 곳에서 주입,
+ * 기본적으로는 브라우저의 미디어쿼리를 통해서 light, dark를 결정 */
+function RUIProvider(_ref) {
+  var children = _ref.children,
+    customMixins = _ref.customMixins,
+    forceTheme = _ref.forceTheme,
+    setTheme = _ref.setTheme;
+  var currentTheme = forceTheme !== null && forceTheme !== void 0 ? forceTheme : utils.getBrowserTheme();
+  var ruiContextValue = react.useMemo(function () {
+    return {
+      currentTheme: currentTheme,
+      setTheme: setTheme
+    };
+  }, [currentTheme, setTheme]);
+  return /*#__PURE__*/jsxRuntime.jsxs(RUIContext.Provider, {
+    value: ruiContextValue,
+    children: [/*#__PURE__*/jsxRuntime.jsx(styles.RUIGlobalStyle, {
+      customMixins: customMixins,
+      forceTheme: forceTheme
+    }), children]
+  });
+}
+function useRUI() {
+  var ruiContextValue = react.useContext(RUIContext);
+  if (ruiContextValue === null) {
+    throw new Error('useRUI must be used within RUIProvider!');
+  }
+  return ruiContextValue;
+}
+
+exports.RUIProvider = RUIProvider;
+exports.useRUI = useRUI;
+//# sourceMappingURL=index.cjs.js.map

package/dist/mixin/src/provider/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/provider/index.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { createContext, useContext, useMemo } from 'react';\n\nimport type { ColorThemeType, ThemeType } from '@/colors';\nimport { getBrowserTheme } from '@/colors';\n\nimport { RUIGlobalStyle } from './styles';\n\nexport interface RUIContentProps {\n  customMixins?: ColorThemeType;\n  forceTheme?: ThemeType;\n  setTheme?: (theme: ThemeType) => void;\n}\n\nexport interface RUIContextValue {\n  currentTheme: ThemeType;\n  setTheme: RUIContentProps['setTheme'];\n}\n\nconst RUIContext = createContext<RUIContextValue | null>(null);\n\n/** theme과 setTheme은 사용하는 곳에서 주입,\n * 기본적으로는 브라우저의 미디어쿼리를 통해서 light, dark를 결정 */\nexport function RUIProvider({\n  children,\n  customMixins,\n  forceTheme,\n  setTheme,\n}: { children: ReactNode } & RUIContentProps) {\n  const currentTheme: ThemeType = forceTheme ?? getBrowserTheme();\n  const ruiContextValue: RUIContextValue = useMemo(\n    () => ({ currentTheme, setTheme }),\n    [currentTheme, setTheme]\n  );\n\n  return (\n    <RUIContext.Provider value={ruiContextValue}>\n      <RUIGlobalStyle customMixins={customMixins} forceTheme={forceTheme} />\n      {children}\n    </RUIContext.Provider>\n  );\n}\n\nexport function useRUI() {\n  const ruiContextValue = useContext(RUIContext);\n\n  if (ruiContextValue === null) {\n    throw new Error('useRUI must be used within RUIProvider!');\n  }\n\n  return ruiContextValue;\n}\n"],"names":["currentTheme","setTheme","value","customMixins","forceTheme"],"mappings":";;;;;;;;AAqBA;;AAEA;AACA;AACO;AAKuC;;;;;;;AAGjCA;AAAcC;;AAAU;AAInC;AACuBC;;AACHC;AAA4BC;;AACnC;AAGf;AAEO;AACL;;AAGE;AACF;AAEA;AACF;;;"}

package/dist/mixin/src/provider/index.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from 'react';
+import type { ColorThemeType, ThemeType } from '../colors';
+export interface RUIContentProps {
+    customMixins?: ColorThemeType;
+    forceTheme?: ThemeType;
+    setTheme?: (theme: ThemeType) => void;
+}
+export interface RUIContextValue {
+    currentTheme: ThemeType;
+    setTheme: RUIContentProps['setTheme'];
+}
+/** theme과 setTheme은 사용하는 곳에서 주입,
+ * 기본적으로는 브라우저의 미디어쿼리를 통해서 light, dark를 결정 */
+export declare function RUIProvider({ children, customMixins, forceTheme, setTheme, }: {
+    children: ReactNode;
+} & RUIContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function useRUI(): RUIContextValue;
+//# sourceMappingURL=index.d.ts.map

package/dist/mixin/src/provider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/provider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAK1D,MAAM,WAAW,eAAe;IAC9B,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,SAAS,CAAC;IACxB,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;CACvC;AAID;6CAC6C;AAC7C,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,QAAQ,GACT,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,GAAG,eAAe,2CAa3C;AAED,wBAAgB,MAAM,oBAQrB"}

package/dist/mixin/src/provider/index.esm.js

@@ -0,0 +1,40 @@
+"use client";
+import { useMemo, useContext, createContext } from 'react';
+import { getBrowserTheme } from '../colors/utils.esm.js';
+import { RUIGlobalStyle } from './styles.esm.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var RUIContext = /*#__PURE__*/createContext(null);
+
+/** theme과 setTheme은 사용하는 곳에서 주입,
+ * 기본적으로는 브라우저의 미디어쿼리를 통해서 light, dark를 결정 */
+function RUIProvider(_ref) {
+  var children = _ref.children,
+    customMixins = _ref.customMixins,
+    forceTheme = _ref.forceTheme,
+    setTheme = _ref.setTheme;
+  var currentTheme = forceTheme !== null && forceTheme !== void 0 ? forceTheme : getBrowserTheme();
+  var ruiContextValue = useMemo(function () {
+    return {
+      currentTheme: currentTheme,
+      setTheme: setTheme
+    };
+  }, [currentTheme, setTheme]);
+  return /*#__PURE__*/jsxs(RUIContext.Provider, {
+    value: ruiContextValue,
+    children: [/*#__PURE__*/jsx(RUIGlobalStyle, {
+      customMixins: customMixins,
+      forceTheme: forceTheme
+    }), children]
+  });
+}
+function useRUI() {
+  var ruiContextValue = useContext(RUIContext);
+  if (ruiContextValue === null) {
+    throw new Error('useRUI must be used within RUIProvider!');
+  }
+  return ruiContextValue;
+}
+
+export { RUIProvider, useRUI };
+//# sourceMappingURL=index.esm.js.map

package/dist/mixin/src/provider/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../src/provider/index.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { createContext, useContext, useMemo } from 'react';\n\nimport type { ColorThemeType, ThemeType } from '@/colors';\nimport { getBrowserTheme } from '@/colors';\n\nimport { RUIGlobalStyle } from './styles';\n\nexport interface RUIContentProps {\n  customMixins?: ColorThemeType;\n  forceTheme?: ThemeType;\n  setTheme?: (theme: ThemeType) => void;\n}\n\nexport interface RUIContextValue {\n  currentTheme: ThemeType;\n  setTheme: RUIContentProps['setTheme'];\n}\n\nconst RUIContext = createContext<RUIContextValue | null>(null);\n\n/** theme과 setTheme은 사용하는 곳에서 주입,\n * 기본적으로는 브라우저의 미디어쿼리를 통해서 light, dark를 결정 */\nexport function RUIProvider({\n  children,\n  customMixins,\n  forceTheme,\n  setTheme,\n}: { children: ReactNode } & RUIContentProps) {\n  const currentTheme: ThemeType = forceTheme ?? getBrowserTheme();\n  const ruiContextValue: RUIContextValue = useMemo(\n    () => ({ currentTheme, setTheme }),\n    [currentTheme, setTheme]\n  );\n\n  return (\n    <RUIContext.Provider value={ruiContextValue}>\n      <RUIGlobalStyle customMixins={customMixins} forceTheme={forceTheme} />\n      {children}\n    </RUIContext.Provider>\n  );\n}\n\nexport function useRUI() {\n  const ruiContextValue = useContext(RUIContext);\n\n  if (ruiContextValue === null) {\n    throw new Error('useRUI must be used within RUIProvider!');\n  }\n\n  return ruiContextValue;\n}\n"],"names":["currentTheme","setTheme","value","customMixins","forceTheme"],"mappings":";;;;;;AAqBA;;AAEA;AACA;AACO;AAKuC;;;;;;;AAGjCA;AAAcC;;AAAU;AAInC;AACuBC;;AACHC;AAA4BC;;AACnC;AAGf;AAEO;AACL;;AAGE;AACF;AAEA;AACF;;"}

package/dist/mixin/src/provider/styles.cjs.js

@@ -0,0 +1,43 @@
+"use client";
+'use strict';
+
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
+var styledComponents = require('styled-components');
+var theme = require('../colors/theme.cjs.js');
+var utils = require('../colors/utils.cjs.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _slicedToArray__default = /*#__PURE__*/_interopDefault(_slicedToArray);
+var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
+var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
+
+var _templateObject;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var RUIGlobalStyle = styledComponents.createGlobalStyle(function (_ref) {
+  var customMixins = _ref.customMixins,
+    forceTheme = _ref.forceTheme;
+  return styledComponents.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n    :root {\n      ", ";\n\n      @media (prefers-color-scheme: dark) {\n        ", "\n      }\n    }\n  "])), getThemeCssFragment({
+    theme: forceTheme || 'light',
+    customMixins: customMixins
+  }), getThemeCssFragment({
+    theme: forceTheme || 'dark',
+    customMixins: customMixins
+  }));
+});
+function getThemeCssFragment(_ref2) {
+  var theme$1 = _ref2.theme,
+    customMixins = _ref2.customMixins;
+  return Object.entries(_objectSpread(_objectSpread({}, theme.RUI_COLOR_THEME[theme$1]), customMixins === null || customMixins === void 0 ? void 0 : customMixins[theme$1])).map(function (_ref3) {
+    var _ref4 = _slicedToArray__default.default(_ref3, 2),
+      key = _ref4[0],
+      value = _ref4[1];
+    return "".concat(key, ": ").concat(value, "; ").concat(key, "__rgb: ").concat(utils.hexToRgb(value), ";");
+  });
+}
+
+exports.RUIGlobalStyle = RUIGlobalStyle;
+//# sourceMappingURL=styles.cjs.js.map

package/dist/mixin/src/provider/styles.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.cjs.js","sources":["../../../../src/provider/styles.ts"],"sourcesContent":["'use client';\n\nimport { createGlobalStyle, css } from 'styled-components';\n\nimport { RUI_COLOR_THEME } from '@/colors/theme';\nimport { hexToRgb, type ColorThemeType, type ThemeType } from '@/colors';\n\nexport const RUIGlobalStyle = createGlobalStyle<{\n  customMixins?: ColorThemeType;\n  forceTheme?: ThemeType;\n}>(\n  ({ customMixins, forceTheme }) => css`\n    :root {\n      ${getThemeCssFragment({ theme: forceTheme || 'light', customMixins })};\n\n      @media (prefers-color-scheme: dark) {\n        ${getThemeCssFragment({ theme: forceTheme || 'dark', customMixins })}\n      }\n    }\n  `\n);\n\nfunction getThemeCssFragment({\n  theme,\n  customMixins,\n}: {\n  theme: ThemeType;\n  customMixins?: ColorThemeType;\n}) {\n  return Object.entries({\n    ...RUI_COLOR_THEME[theme],\n    ...customMixins?.[theme],\n  }).map(\n    ([key, value]) => `${key}: ${value}; ${key}__rgb: ${hexToRgb(value)};`\n  );\n}\n"],"names":["customMixins","key","value"],"mappings":";;;;;;;;;;;;;;;;AAAa;AAAA;AAAA;;AAWX;;;;AAE0DA;;;AAGCA;AAAa;AAAE;AAM5E;AAMG;;;AAKC;AAAEC;AAAKC;AAAK;AAAuD;AAEvE;;"}

package/dist/mixin/src/provider/styles.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { type ColorThemeType, type ThemeType } from '../colors';
+export declare const RUIGlobalStyle: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & {
+    customMixins?: ColorThemeType | undefined;
+    forceTheme?: ThemeType | undefined;
+}>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/mixin/src/provider/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/provider/styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAY,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,UAAU,CAAC;AAEzE,eAAO,MAAM,cAAc;;;EAa1B,CAAC"}

package/dist/mixin/src/provider/styles.esm.js

@@ -0,0 +1,35 @@
+"use client";
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
+import { createGlobalStyle, css } from 'styled-components';
+import { RUI_COLOR_THEME } from '../colors/theme.esm.js';
+import { hexToRgb } from '../colors/utils.esm.js';
+
+var _templateObject;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var RUIGlobalStyle = createGlobalStyle(function (_ref) {
+  var customMixins = _ref.customMixins,
+    forceTheme = _ref.forceTheme;
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    :root {\n      ", ";\n\n      @media (prefers-color-scheme: dark) {\n        ", "\n      }\n    }\n  "])), getThemeCssFragment({
+    theme: forceTheme || 'light',
+    customMixins: customMixins
+  }), getThemeCssFragment({
+    theme: forceTheme || 'dark',
+    customMixins: customMixins
+  }));
+});
+function getThemeCssFragment(_ref2) {
+  var theme = _ref2.theme,
+    customMixins = _ref2.customMixins;
+  return Object.entries(_objectSpread(_objectSpread({}, RUI_COLOR_THEME[theme]), customMixins === null || customMixins === void 0 ? void 0 : customMixins[theme])).map(function (_ref3) {
+    var _ref4 = _slicedToArray(_ref3, 2),
+      key = _ref4[0],
+      value = _ref4[1];
+    return "".concat(key, ": ").concat(value, "; ").concat(key, "__rgb: ").concat(hexToRgb(value), ";");
+  });
+}
+
+export { RUIGlobalStyle };
+//# sourceMappingURL=styles.esm.js.map

package/dist/mixin/src/provider/styles.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.esm.js","sources":["../../../../src/provider/styles.ts"],"sourcesContent":["'use client';\n\nimport { createGlobalStyle, css } from 'styled-components';\n\nimport { RUI_COLOR_THEME } from '@/colors/theme';\nimport { hexToRgb, type ColorThemeType, type ThemeType } from '@/colors';\n\nexport const RUIGlobalStyle = createGlobalStyle<{\n  customMixins?: ColorThemeType;\n  forceTheme?: ThemeType;\n}>(\n  ({ customMixins, forceTheme }) => css`\n    :root {\n      ${getThemeCssFragment({ theme: forceTheme || 'light', customMixins })};\n\n      @media (prefers-color-scheme: dark) {\n        ${getThemeCssFragment({ theme: forceTheme || 'dark', customMixins })}\n      }\n    }\n  `\n);\n\nfunction getThemeCssFragment({\n  theme,\n  customMixins,\n}: {\n  theme: ThemeType;\n  customMixins?: ColorThemeType;\n}) {\n  return Object.entries({\n    ...RUI_COLOR_THEME[theme],\n    ...customMixins?.[theme],\n  }).map(\n    ([key, value]) => `${key}: ${value}; ${key}__rgb: ${hexToRgb(value)};`\n  );\n}\n"],"names":["customMixins","key","value"],"mappings":";;;;;;;;AAAa;AAAA;AAAA;;AAWX;;;;AAE0DA;;;AAGCA;AAAa;AAAE;AAM5E;AAMG;;;AAKC;AAAEC;AAAKC;AAAK;AAAuD;AAEvE;;"}

package/dist/mixin/src/typography/const.cjs.js

@@ -0,0 +1,120 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/* eslint-disable @typescript-eslint/naming-convention */
+
+var LEGACY_TYPOGRAPHY_STYLES = {
+  Headline2_B: {
+    fontSize: 24,
+    lineHeight: 34,
+    fontWeight: 600
+  },
+  Headline3_B: {
+    fontSize: 20,
+    lineHeight: 26,
+    fontWeight: 600
+  },
+  Headline4_B: {
+    fontSize: 16,
+    lineHeight: 26,
+    fontWeight: 600
+  },
+  Headline4_M: {
+    fontSize: 16,
+    lineHeight: 26,
+    fontWeight: 400
+  },
+  Body1_B: {
+    fontSize: 14,
+    lineHeight: 24,
+    fontWeight: 600
+  },
+  Body1_M: {
+    fontSize: 14,
+    lineHeight: 24,
+    fontWeight: 400
+  },
+  Body2_B: {
+    fontSize: 12,
+    lineHeight: 19,
+    fontWeight: 600
+  },
+  Body2_M: {
+    fontSize: 12,
+    lineHeight: 19,
+    fontWeight: 400
+  },
+  Caption_B: {
+    fontSize: 10,
+    lineHeight: 14,
+    fontWeight: 600
+  }
+};
+var TYPOGRAPHY_STYLES = _objectSpread(_objectSpread({}, LEGACY_TYPOGRAPHY_STYLES), {}, {
+  Headline: {
+    fontSize: 24,
+    lineHeight: 34,
+    fontWeight: 600
+  },
+  Title1: {
+    fontSize: 20,
+    lineHeight: 26,
+    fontWeight: 600
+  },
+  Display: {
+    fontSize: 20,
+    lineHeight: 26,
+    fontWeight: 400
+  },
+  Title2: {
+    fontSize: 16,
+    lineHeight: 26,
+    fontWeight: 600
+  },
+  ArticleBody: {
+    fontSize: 16,
+    lineHeight: 26,
+    fontWeight: 400
+  },
+  Subtitle1: {
+    fontSize: 14,
+    lineHeight: 24,
+    fontWeight: 600
+  },
+  Body1: {
+    fontSize: 14,
+    lineHeight: 24,
+    fontWeight: 400
+  },
+  Subtitle2: {
+    fontSize: 12,
+    lineHeight: 19,
+    fontWeight: 600
+  },
+  Body2: {
+    fontSize: 12,
+    lineHeight: 19,
+    fontWeight: 400
+  },
+  Caption: {
+    fontSize: 10,
+    lineHeight: 14,
+    fontWeight: 600
+  }
+});
+
+/**
+ * {@link https://github.com/orioncactus/pretendard#html-1}
+ */
+var PRETENDARD_FONT_FAMILY = "Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif";
+
+exports.PRETENDARD_FONT_FAMILY = PRETENDARD_FONT_FAMILY;
+exports.TYPOGRAPHY_STYLES = TYPOGRAPHY_STYLES;
+//# sourceMappingURL=const.cjs.js.map

package/dist/mixin/src/typography/const.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.cjs.js","sources":["../../../../src/typography/const.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention */\n\nconst LEGACY_TYPOGRAPHY_STYLES = {\n  Headline2_B: {\n    fontSize: 24,\n    lineHeight: 34,\n    fontWeight: 600,\n  },\n  Headline3_B: {\n    fontSize: 20,\n    lineHeight: 26,\n    fontWeight: 600,\n  },\n  Headline4_B: {\n    fontSize: 16,\n    lineHeight: 26,\n    fontWeight: 600,\n  },\n  Headline4_M: {\n    fontSize: 16,\n    lineHeight: 26,\n    fontWeight: 400,\n  },\n  Body1_B: {\n    fontSize: 14,\n    lineHeight: 24,\n    fontWeight: 600,\n  },\n  Body1_M: {\n    fontSize: 14,\n    lineHeight: 24,\n    fontWeight: 400,\n  },\n  Body2_B: {\n    fontSize: 12,\n    lineHeight: 19,\n    fontWeight: 600,\n  },\n  Body2_M: {\n    fontSize: 12,\n    lineHeight: 19,\n    fontWeight: 400,\n  },\n  Caption_B: {\n    fontSize: 10,\n    lineHeight: 14,\n    fontWeight: 600,\n  },\n} as const;\n\nexport const TYPOGRAPHY_STYLES = {\n  ...LEGACY_TYPOGRAPHY_STYLES,\n  Headline: {\n    fontSize: 24,\n    lineHeight: 34,\n    fontWeight: 600,\n  },\n  Title1: {\n    fontSize: 20,\n    lineHeight: 26,\n    fontWeight: 600,\n  },\n  Display: {\n    fontSize: 20,\n    lineHeight: 26,\n    fontWeight: 400,\n  },\n  Title2: {\n    fontSize: 16,\n    lineHeight: 26,\n    fontWeight: 600,\n  },\n  ArticleBody: {\n    fontSize: 16,\n    lineHeight: 26,\n    fontWeight: 400,\n  },\n  Subtitle1: {\n    fontSize: 14,\n    lineHeight: 24,\n    fontWeight: 600,\n  },\n  Body1: {\n    fontSize: 14,\n    lineHeight: 24,\n    fontWeight: 400,\n  },\n  Subtitle2: {\n    fontSize: 12,\n    lineHeight: 19,\n    fontWeight: 600,\n  },\n  Body2: {\n    fontSize: 12,\n    lineHeight: 19,\n    fontWeight: 400,\n  },\n  Caption: {\n    fontSize: 10,\n    lineHeight: 14,\n    fontWeight: 600,\n  },\n} as const;\n\n/**\n * {@link https://github.com/orioncactus/pretendard#html-1}\n */\nexport const PRETENDARD_FONT_FAMILY =\n  \"Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif\";\n"],"names":["LEGACY_TYPOGRAPHY_STYLES","Headline2_B","fontSize","lineHeight","fontWeight","Headline3_B","Headline4_B","Headline4_M","Body1_B","Body1_M","Body2_B","Body2_M","Caption_B","TYPOGRAPHY_STYLES","_objectSpread","Headline","Title1","Display","Title2","ArticleBody","Subtitle1","Body1","Subtitle2","Body2","Caption","PRETENDARD_FONT_FAMILY"],"mappings":";;;;;;;;;;AAAA;;AAEA,IAAMA,wBAAwB,GAAG;AAC/BC,EAAAA,WAAW,EAAE;AACXC,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDC,EAAAA,WAAW,EAAE;AACXH,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDE,EAAAA,WAAW,EAAE;AACXJ,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDG,EAAAA,WAAW,EAAE;AACXL,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDI,EAAAA,OAAO,EAAE;AACPN,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDK,EAAAA,OAAO,EAAE;AACPP,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDM,EAAAA,OAAO,EAAE;AACPR,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDO,EAAAA,OAAO,EAAE;AACPT,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDQ,EAAAA,SAAS,EAAE;AACTV,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;AACd,GAAA;AACF,CAAU,CAAA;IAEGS,iBAAiB,GAAAC,aAAA,CAAAA,aAAA,KACzBd,wBAAwB,CAAA,EAAA,EAAA,EAAA;AAC3Be,EAAAA,QAAQ,EAAE;AACRb,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDY,EAAAA,MAAM,EAAE;AACNd,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDa,EAAAA,OAAO,EAAE;AACPf,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDc,EAAAA,MAAM,EAAE;AACNhB,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDe,EAAAA,WAAW,EAAE;AACXjB,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDgB,EAAAA,SAAS,EAAE;AACTlB,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDiB,EAAAA,KAAK,EAAE;AACLnB,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDkB,EAAAA,SAAS,EAAE;AACTpB,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDmB,EAAAA,KAAK,EAAE;AACLrB,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDoB,EAAAA,OAAO,EAAE;AACPtB,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;AACd,GAAA;AAAC,CACO,EAAA;;AAEV;AACA;AACA;AACO,IAAMqB,sBAAsB,GACjC;;;;;"}