kui-basic 1.1.21 → 1.1.22

package/dist/TabsPanel/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "kui-basic/TabsPanel",
+  "private": true,
+  "main": "./index.js",
+  "module": "./index.es.js",
+  "types": "./index.d.ts",
+  "dependencies": {
+    "classnames": "^2.3.1"
+  }
+}

package/dist/Text/index.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+
+type TextSizes = "xs" | "s" | "m"
+
+type TextWeight = 400 | 500 | 600
+
+type TextColors =
+  | "main"
+  | "gray60"
+  | "gray50"
+  | "gray40"
+  | "white"
+  | "brand"
+
+interface TextProps
+  extends React.DetailedHTMLProps<
+      React.HTMLAttributes<HTMLParagraphElement>,
+      HTMLParagraphElement
+    >,
+    React.AriaAttributes {
+  size?: TextSizes
+  weight?: TextWeight
+  color?: TextColors
+  disableUserSelect?: boolean
+}
+
+type TextType = (props: TextProps) => React.ReactElement
+
+declare const Text: TextType
+
+export { TextColors, TextProps, TextSizes, TextType, TextWeight, Text as default };

package/dist/Text/index.js

@@ -0,0 +1,2 @@
+import e from"@emotion/styled/base";import"react";import c from"classnames";import b from"prop-types";import{css as i}from"@emotion/react";import{jsx as l}from"@emotion/react/jsx-runtime";function t(e,c){var b=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);c&&(i=i.filter((function(c){return Object.getOwnPropertyDescriptor(e,c).enumerable}))),b.push.apply(b,i)}return b}function g(e){for(var c=1;c<arguments.length;c++){var b=null!=arguments[c]?arguments[c]:{};c%2?t(Object(b),!0).forEach((function(c){n(e,c,b[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(b)):t(Object(b)).forEach((function(c){Object.defineProperty(e,c,Object.getOwnPropertyDescriptor(b,c))}))}return e}function n(e,c,b){return c in e?Object.defineProperty(e,c,{value:b,enumerable:!0,configurable:!0,writable:!0}):e[c]=b,e}function I(e,c){if(null==e)return{};var b,i,l=function(e,c){if(null==e)return{};var b,i,l={},t=Object.keys(e);for(i=0;i<t.length;i++)b=t[i],c.indexOf(b)>=0||(l[b]=e[b]);return l}(e,c);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(i=0;i<t.length;i++)b=t[i],c.indexOf(b)>=0||Object.prototype.propertyIsEnumerable.call(e,b)&&(l[b]=e[b])}return l}var r={main:"#ED713C",pressed:"#D24C13",hover:"#EA5A1D",light:"#FCEAE2",light2:"#FEF7F3"},u={main:"#18191F",gray60:"#474A57",gray50:"#7F8285",gray40:"#949494",gray30:"#BFBFBF",gray15:"#EAECEF",white:"#FFFFFF",light:"#C4C4C4",disabled:"#A6AEBC"},G={main:"#FBFBFD",light2:"#F7F8F9",light3:"#F2F3F5"},a={green70:"#259E58",green60:"#23A65A",main:"#27AE60",green10:"#EAFCF7",green5:"#F0FDF9"},p={red70:"#D03C1A",red60:"#DA421F",main:"#EB4620",red10:"#FCE3DE",red5:"#FDF0ED"},s={blue70:"#0098B6",blue60:"#009CBB",main:"#00ABCD",blue10:"#D9F2F8",blue5:"#E5F7FA"},d={purple70:"#914BD2",purple60:"#974EDB",main:"#9B51E0",purple10:"#F0E5FA",purple5:"#F7F1FD"},o={palette:{brand:g(g({},r),{},{background:r.light2}),grey:{seventy:u.main,sixty:u.gray60,fiftyP:u.gray50,fourty:u.gray40,thirty:u.gray30,fifteenB:u.gray15,zero:u.white},background:g(g({},G),{},{light1:G.main,light4:"#C5C6C7"}),green:{fiftyP:a.main,seventy:a.green70,sixty:a.green60,ten:a.green10,five:a.green5},red:{fiftyP:p.main,seventy:p.red70,sixty:p.red60,ten:p.red10,five:p.red5},blue:{fiftyP:s.main,seventy:s.blue70,sixty:s.blue60,ten:s.blue10,five:s.blue5},purple:{fiftyP:d.main,seventy:d.purple70,sixty:d.purple60,ten:d.purple10,five:d.purple5}},breakpoints:{xxs:375,xs:600,sm:900,md:1200,lg:1440,xl:1536},shadows:{shadow1:"0px 5px 16px rgba(0, 0, 0, 0.1)",shadow2:"0px 12px 16px rgba(0, 0, 0, 0.08)",shadow3:"0px 26px 34px rgba(0, 0, 0, 0.1)",shadow4:"0px 10px 20px rgba(0, 0, 0, 0.1)"},settings:{spacing:8,columns:12}},m={xs:{size:13,height:20},s:{size:14,height:22},m:{size:18,height:28}},C=["children","size","className"];function V(e){var b=e.children,i=e.size,t=e.className,n=I(e,C);return l(X,g(g({size:m[i],className:c("KUI-Text",t)},n),{},{children:b}))}V.defaultProps={size:"s",color:"main",disableUserSelect:!1,weight:400},V.propTypes={size:b.oneOf(["xs","s","m"]),weight:b.oneOf([400,500,600]),color:b.oneOf(["main","gray60","gray50","gray40","white","brand"]),disableUserSelect:b.bool};var Z=function(e){var c=e.size,b=e.weight,l=e.color,t=e.disSelect;return i("font-size:",c.size,"px;line-height:",c.height,"px;font-weight:",b,";",t&&"user-select: none",";color:",o.palette.grey[l]?o.palette.grey[l]:o.palette.brand.main,";"+("production"===process.env.NODE_ENV?"":";label:textSettingsCSS;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDbUUiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gXCJjbGFzc25hbWVzXCJcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSBcInByb3AtdHlwZXNcIlxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCIuLi8uLi90aGVtZVwiXG5pbXBvcnQgdGV4dFZhcmlhbnRzIGZyb20gXCIuL3ZhcmlhbnRzXCJcblxuZnVuY3Rpb24gVGV4dChwcm9wcykge1xuICBjb25zdCB7IGNoaWxkcmVuLCBzaXplLCBjbGFzc05hbWUsIC4uLm90aGVyUHJvcHMgfSA9IHByb3BzXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVGV4dFxuICAgICAgc2l6ZT17dGV4dFZhcmlhbnRzW3NpemVdfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKFwiS1VJLVRleHRcIiwgY2xhc3NOYW1lKX1cbiAgICAgIHsuLi5vdGhlclByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZFRleHQ+XG4gIClcbn1cblxuVGV4dC5kZWZhdWx0UHJvcHMgPSB7XG4gIHNpemU6IFwic1wiLFxuICBjb2xvcjogXCJtYWluXCIsXG4gIGRpc2FibGVVc2VyU2VsZWN0OiBmYWxzZSxcbiAgd2VpZ2h0OiA0MDAsXG59XG5cblRleHQucHJvcFR5cGVzID0ge1xuICBzaXplOiBQcm9wVHlwZXMub25lT2YoW1wieHNcIiwgXCJzXCIsIFwibVwiXSksXG4gIHdlaWdodDogUHJvcFR5cGVzLm9uZU9mKFs0MDAsIDUwMCwgNjAwXSksXG4gIGNvbG9yOiBQcm9wVHlwZXMub25lT2YoW1xuICAgIFwibWFpblwiLFxuICAgIFwiZ3JheTYwXCIsXG4gICAgXCJncmF5NTBcIixcbiAgICBcImdyYXk0MFwiLFxuICAgIFwid2hpdGVcIixcbiAgICBcImJyYW5kXCIsXG4gIF0pLFxuICBkaXNhYmxlVXNlclNlbGVjdDogUHJvcFR5cGVzLmJvb2wsXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRleHRcblxuY29uc3QgdGV4dFNldHRpbmdzQ1NTID0gKHsgc2l6ZSwgd2VpZ2h0LCBjb2xvciwgZGlzU2VsZWN0IH0pID0+IGNzc2BcbiAgZm9udC1zaXplOiAke3NpemUuc2l6ZX1weDtcbiAgbGluZS1oZWlnaHQ6ICR7c2l6ZS5oZWlnaHR9cHg7XG4gIGZvbnQtd2VpZ2h0OiAke3dlaWdodH07XG4gICR7ZGlzU2VsZWN0ICYmIFwidXNlci1zZWxlY3Q6IG5vbmVcIn07XG4gIGNvbG9yOiAke3RoZW1lLnBhbGV0dGUuZ3JleVtjb2xvcl1cbiAgICA/IHRoZW1lLnBhbGV0dGUuZ3JleVtjb2xvcl1cbiAgICA6IHRoZW1lLnBhbGV0dGUuYnJhbmQubWFpbn07XG5gXG5cbmNvbnN0IFN0eWxlZFRleHQgPSBzdHlsZWQucGBcbiAgZm9udC1mYW1pbHk6IFwiSW50ZXJcIiwgc2Fucy1zZXJpZjtcbiAgbGV0dGVyLXNwYWNpbmc6IG5vcm1hbDtcbiAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgJHt0ZXh0U2V0dGluZ3NDU1N9O1xuYFxuIl19 */")},X=e("p","production"===process.env.NODE_ENV?{target:"e12itt9u0"}:{target:"e12itt9u0",label:"StyledText"})('font-family:"Inter",sans-serif;letter-spacing:normal;text-transform:none;margin:0;',Z,";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVEMkIiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gXCJjbGFzc25hbWVzXCJcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSBcInByb3AtdHlwZXNcIlxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCIuLi8uLi90aGVtZVwiXG5pbXBvcnQgdGV4dFZhcmlhbnRzIGZyb20gXCIuL3ZhcmlhbnRzXCJcblxuZnVuY3Rpb24gVGV4dChwcm9wcykge1xuICBjb25zdCB7IGNoaWxkcmVuLCBzaXplLCBjbGFzc05hbWUsIC4uLm90aGVyUHJvcHMgfSA9IHByb3BzXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVGV4dFxuICAgICAgc2l6ZT17dGV4dFZhcmlhbnRzW3NpemVdfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKFwiS1VJLVRleHRcIiwgY2xhc3NOYW1lKX1cbiAgICAgIHsuLi5vdGhlclByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZFRleHQ+XG4gIClcbn1cblxuVGV4dC5kZWZhdWx0UHJvcHMgPSB7XG4gIHNpemU6IFwic1wiLFxuICBjb2xvcjogXCJtYWluXCIsXG4gIGRpc2FibGVVc2VyU2VsZWN0OiBmYWxzZSxcbiAgd2VpZ2h0OiA0MDAsXG59XG5cblRleHQucHJvcFR5cGVzID0ge1xuICBzaXplOiBQcm9wVHlwZXMub25lT2YoW1wieHNcIiwgXCJzXCIsIFwibVwiXSksXG4gIHdlaWdodDogUHJvcFR5cGVzLm9uZU9mKFs0MDAsIDUwMCwgNjAwXSksXG4gIGNvbG9yOiBQcm9wVHlwZXMub25lT2YoW1xuICAgIFwibWFpblwiLFxuICAgIFwiZ3JheTYwXCIsXG4gICAgXCJncmF5NTBcIixcbiAgICBcImdyYXk0MFwiLFxuICAgIFwid2hpdGVcIixcbiAgICBcImJyYW5kXCIsXG4gIF0pLFxuICBkaXNhYmxlVXNlclNlbGVjdDogUHJvcFR5cGVzLmJvb2wsXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRleHRcblxuY29uc3QgdGV4dFNldHRpbmdzQ1NTID0gKHsgc2l6ZSwgd2VpZ2h0LCBjb2xvciwgZGlzU2VsZWN0IH0pID0+IGNzc2BcbiAgZm9udC1zaXplOiAke3NpemUuc2l6ZX1weDtcbiAgbGluZS1oZWlnaHQ6ICR7c2l6ZS5oZWlnaHR9cHg7XG4gIGZvbnQtd2VpZ2h0OiAke3dlaWdodH07XG4gICR7ZGlzU2VsZWN0ICYmIFwidXNlci1zZWxlY3Q6IG5vbmVcIn07XG4gIGNvbG9yOiAke3RoZW1lLnBhbGV0dGUuZ3JleVtjb2xvcl1cbiAgICA/IHRoZW1lLnBhbGV0dGUuZ3JleVtjb2xvcl1cbiAgICA6IHRoZW1lLnBhbGV0dGUuYnJhbmQubWFpbn07XG5gXG5cbmNvbnN0IFN0eWxlZFRleHQgPSBzdHlsZWQucGBcbiAgZm9udC1mYW1pbHk6IFwiSW50ZXJcIiwgc2Fucy1zZXJpZjtcbiAgbGV0dGVyLXNwYWNpbmc6IG5vcm1hbDtcbiAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgJHt0ZXh0U2V0dGluZ3NDU1N9O1xuYFxuIl19 */"));export{V as default};
+//# sourceMappingURL=index.js.map

package/dist/Text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/theme/colors/index.js","../../src/theme/index.js","../../src/theme/breakpoints/index.js","../../src/theme/shadows/index.js","../../src/theme/settings/index.js","../../src/components/Text/variants.js","../../src/components/Text/index.js"],"sourcesContent":["const colors = {\r\n  primary: {\r\n    main: \"#ED713C\",\r\n    pressed: \"#D24C13\",\r\n    hover: \"#EA5A1D\",\r\n    light: \"#FCEAE2\",\r\n    light2: \"#FEF7F3\",\r\n  },\r\n  secondary: {\r\n    main: \"#18191F\",\r\n    gray60: \"#474A57\",\r\n    gray50: \"#7F8285\",\r\n    gray40: \"#949494\",\r\n    gray30: \"#BFBFBF\",\r\n    gray15: \"#EAECEF\",\r\n    white: \"#FFFFFF\",\r\n    light: \"#C4C4C4\",\r\n    disabled: \"#A6AEBC\",\r\n  },\r\n  background: {\r\n    main: \"#FBFBFD\",\r\n    light2: \"#F7F8F9\",\r\n    light3: \"#F2F3F5\",\r\n  },\r\n  success: {\r\n    green70: \"#259E58\",\r\n    green60: \"#23A65A\",\r\n    main: \"#27AE60\",\r\n    green10: \"#EAFCF7\",\r\n    green5: \"#F0FDF9\",\r\n  },\r\n  error: {\r\n    red70: \"#D03C1A\",\r\n    red60: \"#DA421F\",\r\n    main: \"#EB4620\",\r\n    red10: \"#FCE3DE\",\r\n    red5: \"#FDF0ED\",\r\n  },\r\n  info: {\r\n    blue70: \"#0098B6\",\r\n    blue60: \"#009CBB\",\r\n    main: \"#00ABCD\",\r\n    blue10: \"#D9F2F8\",\r\n    blue5: \"#E5F7FA\",\r\n  },\r\n  purple: {\r\n    purple70: \"#914BD2\",\r\n    purple60: \"#974EDB\",\r\n    main: \"#9B51E0\",\r\n    purple10: \"#F0E5FA\",\r\n    purple5: \"#F7F1FD\",\r\n  },\r\n}\r\n\r\nexport default colors\r\n","import colors from \"./colors\"\nimport shadows from \"./shadows\"\nimport breakpoints from \"./breakpoints\"\nimport settings from \"./settings\"\n\nconst palette = {\n  brand: {\n    ...colors.primary,\n    background: colors.primary.light2,\n  },\n  grey: {\n    seventy: colors.secondary.main,\n    sixty: colors.secondary.gray60,\n    fiftyP: colors.secondary.gray50,\n    fourty: colors.secondary.gray40,\n    thirty: colors.secondary.gray30,\n    fifteenB: colors.secondary.gray15,\n    zero: colors.secondary.white,\n  },\n  background: {\n    ...colors.background,\n    light1: colors.background.main,\n    light4: \"#C5C6C7\",\n  },\n  green: {\n    fiftyP: colors.success.main,\n    seventy: colors.success.green70,\n    sixty: colors.success.green60,\n    ten: colors.success.green10,\n    five: colors.success.green5,\n  },\n  red: {\n    fiftyP: colors.error.main,\n    seventy: colors.error.red70,\n    sixty: colors.error.red60,\n    ten: colors.error.red10,\n    five: colors.error.red5,\n  },\n  blue: {\n    fiftyP: colors.info.main,\n    seventy: colors.info.blue70,\n    sixty: colors.info.blue60,\n    ten: colors.info.blue10,\n    five: colors.info.blue5,\n  },\n  purple: {\n    fiftyP: colors.purple.main,\n    seventy: colors.purple.purple70,\n    sixty: colors.purple.purple60,\n    ten: colors.purple.purple10,\n    five: colors.purple.purple5,\n  },\n}\n\nconst themeOld = {\n  palette: colors,\n  breakpoints,\n  shadows,\n  settings,\n}\n\nconst theme = {\n  palette,\n  breakpoints,\n  shadows,\n  settings,\n}\n\nexport { themeOld, theme }\n","const breakpoints = {\n  xxs: 375,\n  xs: 600,\n  sm: 900,\n  md: 1200,\n  lg: 1440,\n  xl: 1536,\n}\n\nexport default breakpoints\n","const shadows = {\r\n  shadow1: \"0px 5px 16px rgba(0, 0, 0, 0.1)\",\r\n  shadow2: \"0px 12px 16px rgba(0, 0, 0, 0.08)\",\r\n  shadow3: \"0px 26px 34px rgba(0, 0, 0, 0.1)\",\r\n  shadow4: \"0px 10px 20px rgba(0, 0, 0, 0.1)\",\r\n}\r\n\r\nexport default shadows\r\n","const settings = {\r\n  spacing: 8,\r\n  columns: 12,\r\n}\r\n\r\nexport default settings\r\n","const textVariants = {\r\n  xs: {\r\n    size: 13,\r\n    height: 20,\r\n  },\r\n  s: {\r\n    size: 14,\r\n    height: 22,\r\n  },\r\n  m: {\r\n    size: 18,\r\n    height: 28,\r\n  },\r\n}\r\n\r\nexport default textVariants\r\n","import React from \"react\"\nimport classNames from \"classnames\"\nimport PropTypes from \"prop-types\"\nimport { css } from \"@emotion/react\"\nimport styled from \"@emotion/styled\"\nimport { theme } from \"../../theme\"\nimport textVariants from \"./variants\"\n\nfunction Text(props) {\n  const { children, size, className, ...otherProps } = props\n\n  return (\n    <StyledText\n      size={textVariants[size]}\n      className={classNames(\"KUI-Text\", className)}\n      {...otherProps}\n    >\n      {children}\n    </StyledText>\n  )\n}\n\nText.defaultProps = {\n  size: \"s\",\n  color: \"main\",\n  disableUserSelect: false,\n  weight: 400,\n}\n\nText.propTypes = {\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\"]),\n  weight: PropTypes.oneOf([400, 500, 600]),\n  color: PropTypes.oneOf([\n    \"main\",\n    \"gray60\",\n    \"gray50\",\n    \"gray40\",\n    \"white\",\n    \"brand\",\n  ]),\n  disableUserSelect: PropTypes.bool,\n}\n\nexport default Text\n\nconst textSettingsCSS = ({ size, weight, color, disSelect }) => css`\n  font-size: ${size.size}px;\n  line-height: ${size.height}px;\n  font-weight: ${weight};\n  ${disSelect && \"user-select: none\"};\n  color: ${theme.palette.grey[color]\n    ? theme.palette.grey[color]\n    : theme.palette.brand.main};\n`\n\nconst StyledText = styled.p`\n  font-family: \"Inter\", sans-serif;\n  letter-spacing: normal;\n  text-transform: none;\n  margin: 0;\n  ${textSettingsCSS};\n`\n"],"names":["colors","main","pressed","hover","light","light2","gray60","gray50","gray40","gray30","gray15","white","disabled","light3","green70","green60","green10","green5","red70","red60","red10","red5","blue70","blue60","blue10","blue5","purple70","purple60","purple10","purple5","theme","palette","brand","_objectSpread","background","grey","seventy","sixty","fiftyP","fourty","thirty","fifteenB","zero","light1","light4","green","ten","five","red","blue","purple","breakpoints","xxs","xs","sm","md","lg","xl","shadows","shadow1","shadow2","shadow3","shadow4","settings","spacing","columns","textVariants","size","height","s","m","Text","props","children","className","otherProps","_excluded","_jsx","StyledText","classNames","defaultProps","color","disableUserSelect","weight","propTypes","PropTypes","oneOf","bool","textSettingsCSS","_ref","disSelect","css","process","env","NODE_ENV","_styled","target","label"],"mappings":"uuCAAA,IAAMA,EACK,CACPC,KAAM,UACNC,QAAS,UACTC,MAAO,UACPC,MAAO,UACPC,OAAQ,WANNL,EAQO,CACTC,KAAM,UACNK,OAAQ,UACRC,OAAQ,UACRC,OAAQ,UACRC,OAAQ,UACRC,OAAQ,UACRC,MAAO,UACPP,MAAO,UACPQ,SAAU,WAjBRZ,EAmBQ,CACVC,KAAM,UACNI,OAAQ,UACRQ,OAAQ,WAtBNb,EAwBK,CACPc,QAAS,UACTC,QAAS,UACTd,KAAM,UACNe,QAAS,UACTC,OAAQ,WA7BNjB,EA+BG,CACLkB,MAAO,UACPC,MAAO,UACPlB,KAAM,UACNmB,MAAO,UACPC,KAAM,WApCJrB,EAsCE,CACJsB,OAAQ,UACRC,OAAQ,UACRtB,KAAM,UACNuB,OAAQ,UACRC,MAAO,WA3CLzB,EA6CI,CACN0B,SAAU,UACVC,SAAU,UACV1B,KAAM,UACN2B,SAAU,UACVC,QAAS,WCWPC,EAAQ,CACZC,QAzDc,CACdC,MAAKC,EAAAA,EAAA,CAAA,EACAjC,GAAc,GAAA,CACjBkC,WAAYlC,EAAeK,SAE7B8B,KAAM,CACJC,QAASpC,EAAiBC,KAC1BoC,MAAOrC,EAAiBM,OACxBgC,OAAQtC,EAAiBO,OACzBgC,OAAQvC,EAAiBQ,OACzBgC,OAAQxC,EAAiBS,OACzBgC,SAAUzC,EAAiBU,OAC3BgC,KAAM1C,EAAiBW,OAEzBuB,WAAUD,EAAAA,EAAA,CAAA,EACLjC,GAAiB,GAAA,CACpB2C,OAAQ3C,EAAkBC,KAC1B2C,OAAQ,YAEVC,MAAO,CACLP,OAAQtC,EAAeC,KACvBmC,QAASpC,EAAec,QACxBuB,MAAOrC,EAAee,QACtB+B,IAAK9C,EAAegB,QACpB+B,KAAM/C,EAAeiB,QAEvB+B,IAAK,CACHV,OAAQtC,EAAaC,KACrBmC,QAASpC,EAAakB,MACtBmB,MAAOrC,EAAamB,MACpB2B,IAAK9C,EAAaoB,MAClB2B,KAAM/C,EAAaqB,MAErB4B,KAAM,CACJX,OAAQtC,EAAYC,KACpBmC,QAASpC,EAAYsB,OACrBe,MAAOrC,EAAYuB,OACnBuB,IAAK9C,EAAYwB,OACjBuB,KAAM/C,EAAYyB,OAEpByB,OAAQ,CACNZ,OAAQtC,EAAcC,KACtBmC,QAASpC,EAAc0B,SACvBW,MAAOrC,EAAc2B,SACrBmB,IAAK9C,EAAc4B,SACnBmB,KAAM/C,EAAc6B,UAatBsB,YC/DkB,CAClBC,IAAK,IACLC,GAAI,IACJC,GAAI,IACJC,GAAI,KACJC,GAAI,KACJC,GAAI,MD0DJC,QEhEc,CACdC,QAAS,kCACTC,QAAS,oCACTC,QAAS,mCACTC,QAAS,oCF6DTC,SGjEe,CACfC,QAAS,EACTC,QAAS,KCFLC,EAAe,CACnBb,GAAI,CACFc,KAAM,GACNC,OAAQ,IAEVC,EAAG,CACDF,KAAM,GACNC,OAAQ,IAEVE,EAAG,CACDH,KAAM,GACNC,OAAQ,uCCHZ,SAASG,EAAKC,GACZ,IAAQC,EAA6CD,EAA7CC,SAAUN,EAAmCK,EAAnCL,KAAMO,EAA6BF,EAA7BE,UAAcC,IAAeH,EAAKI,GAE1D,OACEC,EAACC,EAAU7C,EAAAA,EAAA,CACTkC,KAAMD,EAAaC,GACnBO,UAAWK,EAAW,WAAYL,IAC9BC,GAAU,GAAA,CAAAF,SAEbA,IAGP,CAEAF,EAAKS,aAAe,CAClBb,KAAM,IACNc,MAAO,OACPC,mBAAmB,EACnBC,OAAQ,KAGVZ,EAAKa,UAAY,CACfjB,KAAMkB,EAAUC,MAAM,CAAC,KAAM,IAAK,MAClCH,OAAQE,EAAUC,MAAM,CAAC,IAAK,IAAK,MACnCL,MAAOI,EAAUC,MAAM,CACrB,OACA,SACA,SACA,SACA,QACA,UAEFJ,kBAAmBG,EAAUE,MAK/B,IAAMC,EAAkB,SAAHC,GAAA,IAAMtB,IAAAA,KAAMgB,IAAAA,OAAQF,IAAAA,MAAOS,IAAAA,UAAS,OAAOC,EACjDxB,aAAAA,EAAKA,KAAI,kBACPA,EAAKC,OACLe,kBAAAA,MACbO,GAAa,oBACN5D,UAAAA,EAAMC,QAAQI,KAAK8C,GACxBnD,EAAMC,QAAQI,KAAK8C,GACnBnD,EAAMC,QAAQC,MAAM/B,KAAI,KAAA,eAAA2F,QAAAC,IAAAC,SAAA,GAAA,2BAAA,eAAAF,QAAAC,IAAAC,SAAA,GAAA,8lEAAA,EAGxBhB,EAAUiB,EAAA,IAAA,eAAAH,QAAAC,IAAAC,SAAA,CAAAE,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,cAAAF,CAAA,qFAKZP,EACH,KAAA,eAAAI,QAAAC,IAAAC,SAAA,GAAA"}

package/dist/Text/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "kui-basic/Text",
+  "private": true,
+  "main": "./index.js",
+  "module": "./index.es.js",
+  "types": "./index.d.ts",
+  "dependencies": {
+    "classnames": "^2.3.1"
+  }
+}

package/dist/ToolBar/index.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+type ToolBarType = (
+  props: React.DetailedHTMLProps<
+    React.HTMLAttributes<HTMLDivElement>,
+    HTMLDivElement
+  >
+) => React.ReactElement
+
+declare const ToolBar: ToolBarType
+
+export { ToolBarType, ToolBar as default };

package/dist/ToolBar/index.js

@@ -0,0 +1,2 @@
+import e from"@emotion/styled/base";import"react";import r from"classnames";import{jsx as t}from"@emotion/react/jsx-runtime";function n(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function i(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?n(Object(t),!0).forEach((function(r){l(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):n(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function l(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function a(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}var b={main:"#ED713C",pressed:"#D24C13",hover:"#EA5A1D",light:"#FCEAE2",light2:"#FEF7F3"},g={main:"#18191F",gray60:"#474A57",gray50:"#7F8285",gray40:"#949494",gray30:"#BFBFBF",gray15:"#EAECEF",white:"#FFFFFF",light:"#C4C4C4",disabled:"#A6AEBC"},c={main:"#FBFBFD",light2:"#F7F8F9",light3:"#F2F3F5"},u={green70:"#259E58",green60:"#23A65A",main:"#27AE60",green10:"#EAFCF7",green5:"#F0FDF9"},o={red70:"#D03C1A",red60:"#DA421F",main:"#EB4620",red10:"#FCE3DE",red5:"#FDF0ED"},p={blue70:"#0098B6",blue60:"#009CBB",main:"#00ABCD",blue10:"#D9F2F8",blue5:"#E5F7FA"},m={purple70:"#914BD2",purple60:"#974EDB",main:"#9B51E0",purple10:"#F0E5FA",purple5:"#F7F1FD"},s=(i(i({},b),{},{background:b.light2}),g.main,g.gray60,g.gray50,g.gray40,g.gray30,g.gray15,g.white,i(i({},c),{},{light1:c.main,light4:"#C5C6C7"}),u.main,u.green70,u.green60,u.green10,u.green5,o.main,o.red70,o.red60,o.red10,o.red5,p.main,p.blue70,p.blue60,p.blue10,p.blue5,m.main,m.purple70,m.purple60,m.purple10,m.purple5,["className"]),F={xxs:375,xs:600,sm:900,md:1200,lg:1440,xl:1536};function y(e){var n=e.className,l=a(e,s);return t(d,i({className:r("KUI-ToolBar",n)},l))}var d=e("div","production"===process.env.NODE_ENV?{target:"e9swjpt0"}:{target:"e9swjpt0",label:"StyledTollBar"})("display:flex;position:relative;align-items:center;padding:0px;min-height:64px;@media (max-width: ",F.xs,"px){min-height:48px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCZ0MiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gXCJjbGFzc25hbWVzXCJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCIuLi8uLi90aGVtZVwiXG5cbmNvbnN0IHsgYnJlYWtwb2ludHMgfSA9IHRoZW1lXG5cbmZ1bmN0aW9uIFRvb2xCYXIoeyBjbGFzc05hbWUsIC4uLm90aGVyUHJvcHMgfSkge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRUb2xsQmFyXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXCJLVUktVG9vbEJhclwiLCBjbGFzc05hbWUpfVxuICAgICAgey4uLm90aGVyUHJvcHN9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBUb29sQmFyXG5cbmNvbnN0IFN0eWxlZFRvbGxCYXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmc6IDBweDtcbiAgbWluLWhlaWdodDogNjRweDtcbiAgQG1lZGlhIChtYXgtd2lkdGg6ICR7YnJlYWtwb2ludHMueHN9cHgpIHtcbiAgICBtaW4taGVpZ2h0OiA0OHB4O1xuICB9XG5gXG4iXX0= */"));export{y as default};
+//# sourceMappingURL=index.js.map

package/dist/ToolBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/theme/colors/index.js","../../src/theme/index.js","../../src/components/ToolBar/index.js","../../src/theme/breakpoints/index.js"],"sourcesContent":["const colors = {\r\n  primary: {\r\n    main: \"#ED713C\",\r\n    pressed: \"#D24C13\",\r\n    hover: \"#EA5A1D\",\r\n    light: \"#FCEAE2\",\r\n    light2: \"#FEF7F3\",\r\n  },\r\n  secondary: {\r\n    main: \"#18191F\",\r\n    gray60: \"#474A57\",\r\n    gray50: \"#7F8285\",\r\n    gray40: \"#949494\",\r\n    gray30: \"#BFBFBF\",\r\n    gray15: \"#EAECEF\",\r\n    white: \"#FFFFFF\",\r\n    light: \"#C4C4C4\",\r\n    disabled: \"#A6AEBC\",\r\n  },\r\n  background: {\r\n    main: \"#FBFBFD\",\r\n    light2: \"#F7F8F9\",\r\n    light3: \"#F2F3F5\",\r\n  },\r\n  success: {\r\n    green70: \"#259E58\",\r\n    green60: \"#23A65A\",\r\n    main: \"#27AE60\",\r\n    green10: \"#EAFCF7\",\r\n    green5: \"#F0FDF9\",\r\n  },\r\n  error: {\r\n    red70: \"#D03C1A\",\r\n    red60: \"#DA421F\",\r\n    main: \"#EB4620\",\r\n    red10: \"#FCE3DE\",\r\n    red5: \"#FDF0ED\",\r\n  },\r\n  info: {\r\n    blue70: \"#0098B6\",\r\n    blue60: \"#009CBB\",\r\n    main: \"#00ABCD\",\r\n    blue10: \"#D9F2F8\",\r\n    blue5: \"#E5F7FA\",\r\n  },\r\n  purple: {\r\n    purple70: \"#914BD2\",\r\n    purple60: \"#974EDB\",\r\n    main: \"#9B51E0\",\r\n    purple10: \"#F0E5FA\",\r\n    purple5: \"#F7F1FD\",\r\n  },\r\n}\r\n\r\nexport default colors\r\n","import colors from \"./colors\"\nimport shadows from \"./shadows\"\nimport breakpoints from \"./breakpoints\"\nimport settings from \"./settings\"\n\nconst palette = {\n  brand: {\n    ...colors.primary,\n    background: colors.primary.light2,\n  },\n  grey: {\n    seventy: colors.secondary.main,\n    sixty: colors.secondary.gray60,\n    fiftyP: colors.secondary.gray50,\n    fourty: colors.secondary.gray40,\n    thirty: colors.secondary.gray30,\n    fifteenB: colors.secondary.gray15,\n    zero: colors.secondary.white,\n  },\n  background: {\n    ...colors.background,\n    light1: colors.background.main,\n    light4: \"#C5C6C7\",\n  },\n  green: {\n    fiftyP: colors.success.main,\n    seventy: colors.success.green70,\n    sixty: colors.success.green60,\n    ten: colors.success.green10,\n    five: colors.success.green5,\n  },\n  red: {\n    fiftyP: colors.error.main,\n    seventy: colors.error.red70,\n    sixty: colors.error.red60,\n    ten: colors.error.red10,\n    five: colors.error.red5,\n  },\n  blue: {\n    fiftyP: colors.info.main,\n    seventy: colors.info.blue70,\n    sixty: colors.info.blue60,\n    ten: colors.info.blue10,\n    five: colors.info.blue5,\n  },\n  purple: {\n    fiftyP: colors.purple.main,\n    seventy: colors.purple.purple70,\n    sixty: colors.purple.purple60,\n    ten: colors.purple.purple10,\n    five: colors.purple.purple5,\n  },\n}\n\nconst themeOld = {\n  palette: colors,\n  breakpoints,\n  shadows,\n  settings,\n}\n\nconst theme = {\n  palette,\n  breakpoints,\n  shadows,\n  settings,\n}\n\nexport { themeOld, theme }\n","import React from \"react\"\nimport classNames from \"classnames\"\nimport styled from \"@emotion/styled\"\nimport { theme } from \"../../theme\"\n\nconst { breakpoints } = theme\n\nfunction ToolBar({ className, ...otherProps }) {\n  return (\n    <StyledTollBar\n      className={classNames(\"KUI-ToolBar\", className)}\n      {...otherProps}\n    />\n  )\n}\n\nexport default ToolBar\n\nconst StyledTollBar = styled.div`\n  display: flex;\n  position: relative;\n  align-items: center;\n  padding: 0px;\n  min-height: 64px;\n  @media (max-width: ${breakpoints.xs}px) {\n    min-height: 48px;\n  }\n`\n","const breakpoints = {\n  xxs: 375,\n  xs: 600,\n  sm: 900,\n  md: 1200,\n  lg: 1440,\n  xl: 1536,\n}\n\nexport default breakpoints\n"],"names":["colors","main","pressed","hover","light","light2","gray60","gray50","gray40","gray30","gray15","white","disabled","light3","green70","green60","green10","green5","red70","red60","red10","red5","blue70","blue60","blue10","blue5","purple70","purple60","purple10","purple5","_objectSpread","background","light1","light4","breakpoints","xxs","xs","sm","md","lg","xl","ToolBar","_ref","className","otherProps","_objectWithoutProperties","_excluded","_jsx","StyledTollBar","classNames","_styled","process","env","NODE_ENV","target","label"],"mappings":"wqCAAA,IAAMA,EACK,CACPC,KAAM,UACNC,QAAS,UACTC,MAAO,UACPC,MAAO,UACPC,OAAQ,WANNL,EAQO,CACTC,KAAM,UACNK,OAAQ,UACRC,OAAQ,UACRC,OAAQ,UACRC,OAAQ,UACRC,OAAQ,UACRC,MAAO,UACPP,MAAO,UACPQ,SAAU,WAjBRZ,EAmBQ,CACVC,KAAM,UACNI,OAAQ,UACRQ,OAAQ,WAtBNb,EAwBK,CACPc,QAAS,UACTC,QAAS,UACTd,KAAM,UACNe,QAAS,UACTC,OAAQ,WA7BNjB,EA+BG,CACLkB,MAAO,UACPC,MAAO,UACPlB,KAAM,UACNmB,MAAO,UACPC,KAAM,WApCJrB,EAsCE,CACJsB,OAAQ,UACRC,OAAQ,UACRtB,KAAM,UACNuB,OAAQ,UACRC,MAAO,WA3CLzB,EA6CI,CACN0B,SAAU,UACVC,SAAU,UACV1B,KAAM,UACN2B,SAAU,UACVC,QAAS,cC5CNC,EAAAA,EAAA,CAAA,EACA9B,GAAc,GAAA,CACjB+B,WAAY/B,EAAeK,SAGlBL,EAAiBC,KACnBD,EAAiBM,OAChBN,EAAiBO,OACjBP,EAAiBQ,OACjBR,EAAiBS,OACfT,EAAiBU,OACrBV,EAAiBW,MAEfmB,EAAAA,EAAA,CAAA,EACL9B,GAAiB,GAAA,CACpBgC,OAAQhC,EAAkBC,KAC1BgC,OAAQ,YAGAjC,EAAeC,KACdD,EAAec,QACjBd,EAAee,QACjBf,EAAegB,QACdhB,EAAeiB,OAGbjB,EAAaC,KACZD,EAAakB,MACflB,EAAamB,MACfnB,EAAaoB,MACZpB,EAAaqB,KAGXrB,EAAYC,KACXD,EAAYsB,OACdtB,EAAYuB,OACdvB,EAAYwB,OACXxB,EAAYyB,MAGVzB,EAAcC,KACbD,EAAc0B,SAChB1B,EAAc2B,SAChB3B,EAAc4B,SACb5B,EAAc6B,uBC7ChBK,ECLY,CAClBC,IAAK,IACLC,GAAI,IACJC,GAAI,IACJC,GAAI,KACJC,GAAI,KACJC,GAAI,MDCN,SAASC,EAAsCC,GAAA,IAA5BC,IAAAA,UAAcC,EAAUC,EAAAH,EAAAI,GACzC,OACEC,EAACC,EAAalB,EAAA,CACZa,UAAWM,EAAW,cAAeN,IACjCC,GAGV,CAIA,IAAMI,EAAaE,EAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,YAAA,CAAAA,OAAA,WAAAC,MAAA,iBAAAL,CAMIhB,oGAAAA,EAAYE,GAGlC,yBAAA,eAAAe,QAAAC,IAAAC,SAAA,GAAA"}

package/dist/ToolBar/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "kui-basic/ToolBar",
+  "private": true,
+  "main": "./index.js",
+  "module": "./index.es.js",
+  "types": "./index.d.ts",
+  "dependencies": {
+    "classnames": "^2.3.1"
+  }
+}

package/dist/Tooltip/index.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+
+type PopperPlacements =
+  | "right"
+  | "left"
+  | "topStart"
+  | "topMiddle"
+  | "topEnd"
+  | "bottomStart"
+  | "bottomMiddle"
+  | "bottomEnd"
+
+interface TooltipProps
+  extends Omit<React.HTMLAttributes<HTMLDivElement>, "content"> {
+  onOpen?: () => void
+  onClose?: () => void
+  content: ReactNode
+  open?: boolean
+  placement?: PopperPlacements
+  withArrow?: boolean
+  cursor?: "pointer" | "auto"
+  spacing?: string
+}
+
+type TooltipStylesProps = {
+  cursor?: "pointer" | "auto"
+  spacing?: string
+}
+
+declare const Tooltip: (props: TooltipProps) => React.ReactElement
+
+export { TooltipProps, TooltipStylesProps, Tooltip as default };

package/dist/Tooltip/index.js

@@ -0,0 +1,2 @@
+import c from"@emotion/styled/base";import{forwardRef as b,useRef as I,useState as g,useEffect as l}from"react";import"@emotion/react";import t from"classnames";import{jsx as i,jsxs as e}from"@emotion/react/jsx-runtime";function u(c,b){var I=Object.keys(c);if(Object.getOwnPropertySymbols){var g=Object.getOwnPropertySymbols(c);b&&(g=g.filter((function(b){return Object.getOwnPropertyDescriptor(c,b).enumerable}))),I.push.apply(I,g)}return I}function G(c){for(var b=1;b<arguments.length;b++){var I=null!=arguments[b]?arguments[b]:{};b%2?u(Object(I),!0).forEach((function(b){n(c,b,I[b])})):Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(I)):u(Object(I)).forEach((function(b){Object.defineProperty(c,b,Object.getOwnPropertyDescriptor(I,b))}))}return c}function n(c,b,I){return b in c?Object.defineProperty(c,b,{value:I,enumerable:!0,configurable:!0,writable:!0}):c[b]=I,c}function C(c,b){if(null==c)return{};var I,g,l=function(c,b){if(null==c)return{};var I,g,l={},t=Object.keys(c);for(g=0;g<t.length;g++)I=t[g],b.indexOf(I)>=0||(l[I]=c[I]);return l}(c,b);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(c);for(g=0;g<t.length;g++)I=t[g],b.indexOf(I)>=0||Object.prototype.propertyIsEnumerable.call(c,I)&&(l[I]=c[I])}return l}function Z(c,b){return function(c){if(Array.isArray(c))return c}(c)||function(c,b){var I=null==c?null:"undefined"!=typeof Symbol&&c[Symbol.iterator]||c["@@iterator"];if(null==I)return;var g,l,t=[],i=!0,e=!1;try{for(I=I.call(c);!(i=(g=I.next()).done)&&(t.push(g.value),!b||t.length!==b);i=!0);}catch(c){e=!0,l=c}finally{try{i||null==I.return||I.return()}finally{if(e)throw l}}return t}(c,b)||function(c,b){if(!c)return;if("string"==typeof c)return B(c,b);var I=Object.prototype.toString.call(c).slice(8,-1);"Object"===I&&c.constructor&&(I=c.constructor.name);if("Map"===I||"Set"===I)return Array.from(c);if("Arguments"===I||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(I))return B(c,b)}(c,b)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function B(c,b){(null==b||b>c.length)&&(b=c.length);for(var I=0,g=new Array(b);I<b;I++)g[I]=c[I];return g}var o=["placement","open","children","spacing","className","style"];var d=b((function(c,b){c.placement;var I=c.open,g=c.children,l=c.spacing,e=c.className,u=c.style,n=C(c,o);return i(V,{ref:b,className:t("KUI-Popper",I&&"KUI-Popper_open",e),spacing:l,style:u,children:i(X,G(G({open:!!I},n),{},{children:g}))})})),V=c("div","production"===process.env.NODE_ENV?{target:"evhom021"}:{target:"evhom021",label:"StyledPopperWrapper"})("position:absolute;max-width:215px;width:max-content;padding:",(function(c){return c.spacing||0}),";z-index:-1;display:none;&.KUI-Popper_open{z-index:10;display:block;}@media (max-width: 600px){position:fixed;bottom:24px;top:auto!important;left:16px!important;width:calc(100vw - 32px);max-width:unset;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCc0MiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIlxuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIlxuXG5jb25zdCBQb3BwZXJCYXNlID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7IHBsYWNlbWVudCwgb3BlbiwgY2hpbGRyZW4sIHNwYWNpbmcsIGNsYXNzTmFtZSwgc3R5bGUsIC4uLm90aGVyIH0gPVxuICAgIHByb3BzXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkUG9wcGVyV3JhcHBlclxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXCJLVUktUG9wcGVyXCIsIG9wZW4gJiYgXCJLVUktUG9wcGVyX29wZW5cIiwgY2xhc3NOYW1lKX1cbiAgICAgIHNwYWNpbmc9e3NwYWNpbmd9XG4gICAgICBzdHlsZT17c3R5bGV9XG4gICAgPlxuICAgICAgPFN0eWxlZFBvcHBlciBvcGVuPXshIW9wZW59IHsuLi5vdGhlcn0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3R5bGVkUG9wcGVyPlxuICAgIDwvU3R5bGVkUG9wcGVyV3JhcHBlcj5cbiAgKVxufSlcblxuZXhwb3J0IGRlZmF1bHQgUG9wcGVyQmFzZVxuXG5jb25zdCBTdHlsZWRQb3BwZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBtYXgtd2lkdGg6IDIxNXB4O1xuICB3aWR0aDogbWF4LWNvbnRlbnQ7XG4gIHBhZGRpbmc6ICR7KHsgc3BhY2luZyB9KSA9PiBzcGFjaW5nIHx8IDB9O1xuICB6LWluZGV4OiAtMTtcbiAgZGlzcGxheTogbm9uZTtcbiAgJi5LVUktUG9wcGVyX29wZW4ge1xuICAgIHotaW5kZXg6IDEwO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG4gIEBtZWRpYSAobWF4LXdpZHRoOiA2MDBweCkge1xuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICBib3R0b206IDI0cHg7XG4gICAgdG9wOiBhdXRvICFpbXBvcnRhbnQ7XG4gICAgbGVmdDogMTZweCAhaW1wb3J0YW50O1xuICAgIHdpZHRoOiBjYWxjKDEwMHZ3IC0gMzJweCk7XG4gICAgbWF4LXdpZHRoOiB1bnNldDtcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRQb3BwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAxNnB4O1xuICBib3JkZXItcmFkaXVzOiAxMnB4O1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgYm94LXNoYWRvdzogMHB4IDEwcHggMjBweCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIHRyYW5zaXRpb246IG9wYWNpdHkgMC4zcyBlYXNlLW91dDtcbmBcbiJdfQ== */")),X=c("div","production"===process.env.NODE_ENV?{target:"evhom020"}:{target:"evhom020",label:"StyledPopper"})("production"===process.env.NODE_ENV?{name:"1g5ooyv",styles:"padding:16px;border-radius:12px;background:white;box-shadow:0px 10px 20px rgba(0, 0, 0, 0.1);transition:opacity 0.3s ease-out"}:{name:"1g5ooyv",styles:"padding:16px;border-radius:12px;background:white;box-shadow:0px 10px 20px rgba(0, 0, 0, 0.1);transition:opacity 0.3s ease-out",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDK0IiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIlxuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIlxuXG5jb25zdCBQb3BwZXJCYXNlID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7IHBsYWNlbWVudCwgb3BlbiwgY2hpbGRyZW4sIHNwYWNpbmcsIGNsYXNzTmFtZSwgc3R5bGUsIC4uLm90aGVyIH0gPVxuICAgIHByb3BzXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkUG9wcGVyV3JhcHBlclxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXCJLVUktUG9wcGVyXCIsIG9wZW4gJiYgXCJLVUktUG9wcGVyX29wZW5cIiwgY2xhc3NOYW1lKX1cbiAgICAgIHNwYWNpbmc9e3NwYWNpbmd9XG4gICAgICBzdHlsZT17c3R5bGV9XG4gICAgPlxuICAgICAgPFN0eWxlZFBvcHBlciBvcGVuPXshIW9wZW59IHsuLi5vdGhlcn0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3R5bGVkUG9wcGVyPlxuICAgIDwvU3R5bGVkUG9wcGVyV3JhcHBlcj5cbiAgKVxufSlcblxuZXhwb3J0IGRlZmF1bHQgUG9wcGVyQmFzZVxuXG5jb25zdCBTdHlsZWRQb3BwZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBtYXgtd2lkdGg6IDIxNXB4O1xuICB3aWR0aDogbWF4LWNvbnRlbnQ7XG4gIHBhZGRpbmc6ICR7KHsgc3BhY2luZyB9KSA9PiBzcGFjaW5nIHx8IDB9O1xuICB6LWluZGV4OiAtMTtcbiAgZGlzcGxheTogbm9uZTtcbiAgJi5LVUktUG9wcGVyX29wZW4ge1xuICAgIHotaW5kZXg6IDEwO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG4gIEBtZWRpYSAobWF4LXdpZHRoOiA2MDBweCkge1xuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICBib3R0b206IDI0cHg7XG4gICAgdG9wOiBhdXRvICFpbXBvcnRhbnQ7XG4gICAgbGVmdDogMTZweCAhaW1wb3J0YW50O1xuICAgIHdpZHRoOiBjYWxjKDEwMHZ3IC0gMzJweCk7XG4gICAgbWF4LXdpZHRoOiB1bnNldDtcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRQb3BwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAxNnB4O1xuICBib3JkZXItcmFkaXVzOiAxMnB4O1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgYm94LXNoYWRvdzogMHB4IDEwcHggMjBweCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIHRyYW5zaXRpb246IG9wYWNpdHkgMC4zcyBlYXNlLW91dDtcbmBcbiJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),a={bottomStart:{bottom:1,offset:0},bottomMiddle:{bottom:1,offset:.5},bottomEnd:{bottom:1,offset:1},topStart:{top:1,offset:0},topMiddle:{top:1,offset:.5},topEnd:{top:1,offset:1}},A=["placement","contentRef"],W=b((function(c,b){var t=c.placement,e=c.contentRef,u=C(c,A),n=I(null),B=Z(g(null),2),o=B[0],V=B[1],X=Z(g(null),2),W=X[0],r=X[1],m={};if(l((function(){e.current&&n.current&&(V({width:e.current.clientWidth,height:e.current.clientHeight}),r({width:n.current.clientWidth,height:n.current.clientHeight}))}),[]),o&&W){var s=a[null!=t?t:"bottomMiddle"];m={top:s.top?0-W.height:0+o.height,left:Math.max(o.width*s.offset-W.width*s.offset,0)}}return i(d,G({ref:function(c){b&&(b.current=c),n.current=c},style:m},u))})),r=["contentRef"],m=b((function(c,b){var I=c.contentRef,g=C(c,r);return i(W,G({ref:b,contentRef:I},g))})),s=["content","onOpen","onClose","open","children","cursor"];var p=b((function(c,b){var t=c.content,u=c.onOpen,n=c.onClose,B=c.open,o=c.children,d=c.cursor,V=C(c,s),X=Z(g(B),2),a=X[0],A=X[1],W=I(null),r=function(){A(!0),u&&u()};return l((function(){A(B)}),[B]),e(y,{onMouseLeave:function(){A(!1),n&&n()},ref:b,children:[i(N,{onMouseEnter:r,onTouchEnd:r,ref:W,cursor:d,children:i(w,{children:o})}),i(m,G(G({open:a},V),{},{contentRef:W,children:t}))]})})),x="production"===process.env.NODE_ENV?{name:"1928v6r",styles:"display:inline-flex;width:fit-content;height:fit-content"}:{name:"1qg3hwg-containerCSS",styles:"display:inline-flex;width:fit-content;height:fit-content;label:containerCSS;",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdEd0IiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIlxuaW1wb3J0IHsgZm9yd2FyZFJlZiwgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIlxuaW1wb3J0IFBvcHBlciBmcm9tIFwiLi4vUG9wcGVyXCJcblxuY29uc3QgVG9vbHRpcCA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3QgeyBjb250ZW50LCBvbk9wZW4sIG9uQ2xvc2UsIG9wZW4sIGNoaWxkcmVuLCBjdXJzb3IsIC4uLnBvcHBlciB9ID0gcHJvcHNcbiAgY29uc3QgW2lzT3Blbiwgc2V0T3Blbl0gPSB1c2VTdGF0ZShvcGVuKVxuICBjb25zdCBlbGVtUmVmID0gdXNlUmVmKG51bGwpXG5cbiAgY29uc3QgaGFuZGxlT3BlbiA9ICgpID0+IHtcbiAgICBzZXRPcGVuKHRydWUpXG4gICAgaWYgKG9uT3Blbikge1xuICAgICAgb25PcGVuKClcbiAgICB9XG4gIH1cblxuICBjb25zdCBoYW5kbGVDbG9zZSA9ICgpID0+IHtcbiAgICBzZXRPcGVuKGZhbHNlKVxuICAgIGlmIChvbkNsb3NlKSB7XG4gICAgICBvbkNsb3NlKClcbiAgICB9XG4gIH1cblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldE9wZW4ob3BlbilcbiAgfSwgW29wZW5dKVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFdyYXBwZXIgb25Nb3VzZUxlYXZlPXtoYW5kbGVDbG9zZX0gcmVmPXtyZWZ9PlxuICAgICAgPFN0eWxlZENvbnRlbnRXcmFwcGVyXG4gICAgICAgIG9uTW91c2VFbnRlcj17aGFuZGxlT3Blbn1cbiAgICAgICAgb25Ub3VjaEVuZD17aGFuZGxlT3Blbn1cbiAgICAgICAgcmVmPXtlbGVtUmVmfVxuICAgICAgICBjdXJzb3I9e2N1cnNvcn1cbiAgICAgID5cbiAgICAgICAgPFN0eWxlZENvbnRlbnQ+e2NoaWxkcmVufTwvU3R5bGVkQ29udGVudD5cbiAgICAgIDwvU3R5bGVkQ29udGVudFdyYXBwZXI+XG4gICAgICA8UG9wcGVyIG9wZW49e2lzT3Blbn0gey4uLnBvcHBlcn0gY29udGVudFJlZj17ZWxlbVJlZn0+XG4gICAgICAgIHtjb250ZW50fVxuICAgICAgPC9Qb3BwZXI+XG4gICAgPC9TdHlsZWRXcmFwcGVyPlxuICApXG59KVxuXG5leHBvcnQgZGVmYXVsdCBUb29sdGlwXG5cbmNvbnN0IGNvbnRhaW5lckNTUyA9IGNzc2BcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgaGVpZ2h0OiBmaXQtY29udGVudDtcbmBcblxuY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7Y29udGFpbmVyQ1NTfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYFxuXG5jb25zdCBTdHlsZWRDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7Y29udGFpbmVyQ1NTfTtcbiAgY3Vyc29yOiAkeyh7IGN1cnNvciB9KSA9PiBjdXJzb3J9O1xuICB6LWluZGV4OiAxO1xuYFxuXG5jb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgJHtjb250YWluZXJDU1N9O1xuICB6LWluZGV4OiAtMTtcbmBcbiJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}},y=c("div","production"===process.env.NODE_ENV?{target:"e567lfd2"}:{target:"e567lfd2",label:"StyledWrapper"})(x,";position:relative;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNEZ0MiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIlxuaW1wb3J0IHsgZm9yd2FyZFJlZiwgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIlxuaW1wb3J0IFBvcHBlciBmcm9tIFwiLi4vUG9wcGVyXCJcblxuY29uc3QgVG9vbHRpcCA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3QgeyBjb250ZW50LCBvbk9wZW4sIG9uQ2xvc2UsIG9wZW4sIGNoaWxkcmVuLCBjdXJzb3IsIC4uLnBvcHBlciB9ID0gcHJvcHNcbiAgY29uc3QgW2lzT3Blbiwgc2V0T3Blbl0gPSB1c2VTdGF0ZShvcGVuKVxuICBjb25zdCBlbGVtUmVmID0gdXNlUmVmKG51bGwpXG5cbiAgY29uc3QgaGFuZGxlT3BlbiA9ICgpID0+IHtcbiAgICBzZXRPcGVuKHRydWUpXG4gICAgaWYgKG9uT3Blbikge1xuICAgICAgb25PcGVuKClcbiAgICB9XG4gIH1cblxuICBjb25zdCBoYW5kbGVDbG9zZSA9ICgpID0+IHtcbiAgICBzZXRPcGVuKGZhbHNlKVxuICAgIGlmIChvbkNsb3NlKSB7XG4gICAgICBvbkNsb3NlKClcbiAgICB9XG4gIH1cblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldE9wZW4ob3BlbilcbiAgfSwgW29wZW5dKVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFdyYXBwZXIgb25Nb3VzZUxlYXZlPXtoYW5kbGVDbG9zZX0gcmVmPXtyZWZ9PlxuICAgICAgPFN0eWxlZENvbnRlbnRXcmFwcGVyXG4gICAgICAgIG9uTW91c2VFbnRlcj17aGFuZGxlT3Blbn1cbiAgICAgICAgb25Ub3VjaEVuZD17aGFuZGxlT3Blbn1cbiAgICAgICAgcmVmPXtlbGVtUmVmfVxuICAgICAgICBjdXJzb3I9e2N1cnNvcn1cbiAgICAgID5cbiAgICAgICAgPFN0eWxlZENvbnRlbnQ+e2NoaWxkcmVufTwvU3R5bGVkQ29udGVudD5cbiAgICAgIDwvU3R5bGVkQ29udGVudFdyYXBwZXI+XG4gICAgICA8UG9wcGVyIG9wZW49e2lzT3Blbn0gey4uLnBvcHBlcn0gY29udGVudFJlZj17ZWxlbVJlZn0+XG4gICAgICAgIHtjb250ZW50fVxuICAgICAgPC9Qb3BwZXI+XG4gICAgPC9TdHlsZWRXcmFwcGVyPlxuICApXG59KVxuXG5leHBvcnQgZGVmYXVsdCBUb29sdGlwXG5cbmNvbnN0IGNvbnRhaW5lckNTUyA9IGNzc2BcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgaGVpZ2h0OiBmaXQtY29udGVudDtcbmBcblxuY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7Y29udGFpbmVyQ1NTfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYFxuXG5jb25zdCBTdHlsZWRDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7Y29udGFpbmVyQ1NTfTtcbiAgY3Vyc29yOiAkeyh7IGN1cnNvciB9KSA9PiBjdXJzb3J9O1xuICB6LWluZGV4OiAxO1xuYFxuXG5jb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgJHtjb250YWluZXJDU1N9O1xuICB6LWluZGV4OiAtMTtcbmBcbiJdfQ== */")),N=c("div","production"===process.env.NODE_ENV?{target:"e567lfd1"}:{target:"e567lfd1",label:"StyledContentWrapper"})(x,";cursor:",(function(c){return c.cursor}),";z-index:1;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEdUMiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIlxuaW1wb3J0IHsgZm9yd2FyZFJlZiwgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIlxuaW1wb3J0IFBvcHBlciBmcm9tIFwiLi4vUG9wcGVyXCJcblxuY29uc3QgVG9vbHRpcCA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3QgeyBjb250ZW50LCBvbk9wZW4sIG9uQ2xvc2UsIG9wZW4sIGNoaWxkcmVuLCBjdXJzb3IsIC4uLnBvcHBlciB9ID0gcHJvcHNcbiAgY29uc3QgW2lzT3Blbiwgc2V0T3Blbl0gPSB1c2VTdGF0ZShvcGVuKVxuICBjb25zdCBlbGVtUmVmID0gdXNlUmVmKG51bGwpXG5cbiAgY29uc3QgaGFuZGxlT3BlbiA9ICgpID0+IHtcbiAgICBzZXRPcGVuKHRydWUpXG4gICAgaWYgKG9uT3Blbikge1xuICAgICAgb25PcGVuKClcbiAgICB9XG4gIH1cblxuICBjb25zdCBoYW5kbGVDbG9zZSA9ICgpID0+IHtcbiAgICBzZXRPcGVuKGZhbHNlKVxuICAgIGlmIChvbkNsb3NlKSB7XG4gICAgICBvbkNsb3NlKClcbiAgICB9XG4gIH1cblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldE9wZW4ob3BlbilcbiAgfSwgW29wZW5dKVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFdyYXBwZXIgb25Nb3VzZUxlYXZlPXtoYW5kbGVDbG9zZX0gcmVmPXtyZWZ9PlxuICAgICAgPFN0eWxlZENvbnRlbnRXcmFwcGVyXG4gICAgICAgIG9uTW91c2VFbnRlcj17aGFuZGxlT3Blbn1cbiAgICAgICAgb25Ub3VjaEVuZD17aGFuZGxlT3Blbn1cbiAgICAgICAgcmVmPXtlbGVtUmVmfVxuICAgICAgICBjdXJzb3I9e2N1cnNvcn1cbiAgICAgID5cbiAgICAgICAgPFN0eWxlZENvbnRlbnQ+e2NoaWxkcmVufTwvU3R5bGVkQ29udGVudD5cbiAgICAgIDwvU3R5bGVkQ29udGVudFdyYXBwZXI+XG4gICAgICA8UG9wcGVyIG9wZW49e2lzT3Blbn0gey4uLnBvcHBlcn0gY29udGVudFJlZj17ZWxlbVJlZn0+XG4gICAgICAgIHtjb250ZW50fVxuICAgICAgPC9Qb3BwZXI+XG4gICAgPC9TdHlsZWRXcmFwcGVyPlxuICApXG59KVxuXG5leHBvcnQgZGVmYXVsdCBUb29sdGlwXG5cbmNvbnN0IGNvbnRhaW5lckNTUyA9IGNzc2BcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgaGVpZ2h0OiBmaXQtY29udGVudDtcbmBcblxuY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7Y29udGFpbmVyQ1NTfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYFxuXG5jb25zdCBTdHlsZWRDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7Y29udGFpbmVyQ1NTfTtcbiAgY3Vyc29yOiAkeyh7IGN1cnNvciB9KSA9PiBjdXJzb3J9O1xuICB6LWluZGV4OiAxO1xuYFxuXG5jb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgJHtjb250YWluZXJDU1N9O1xuICB6LWluZGV4OiAtMTtcbmBcbiJdfQ== */")),w=c("div","production"===process.env.NODE_ENV?{target:"e567lfd0"}:{target:"e567lfd0",label:"StyledContent"})(x,";z-index:-1;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlFZ0MiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIlxuaW1wb3J0IHsgZm9yd2FyZFJlZiwgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIlxuaW1wb3J0IFBvcHBlciBmcm9tIFwiLi4vUG9wcGVyXCJcblxuY29uc3QgVG9vbHRpcCA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3QgeyBjb250ZW50LCBvbk9wZW4sIG9uQ2xvc2UsIG9wZW4sIGNoaWxkcmVuLCBjdXJzb3IsIC4uLnBvcHBlciB9ID0gcHJvcHNcbiAgY29uc3QgW2lzT3Blbiwgc2V0T3Blbl0gPSB1c2VTdGF0ZShvcGVuKVxuICBjb25zdCBlbGVtUmVmID0gdXNlUmVmKG51bGwpXG5cbiAgY29uc3QgaGFuZGxlT3BlbiA9ICgpID0+IHtcbiAgICBzZXRPcGVuKHRydWUpXG4gICAgaWYgKG9uT3Blbikge1xuICAgICAgb25PcGVuKClcbiAgICB9XG4gIH1cblxuICBjb25zdCBoYW5kbGVDbG9zZSA9ICgpID0+IHtcbiAgICBzZXRPcGVuKGZhbHNlKVxuICAgIGlmIChvbkNsb3NlKSB7XG4gICAgICBvbkNsb3NlKClcbiAgICB9XG4gIH1cblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldE9wZW4ob3BlbilcbiAgfSwgW29wZW5dKVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFdyYXBwZXIgb25Nb3VzZUxlYXZlPXtoYW5kbGVDbG9zZX0gcmVmPXtyZWZ9PlxuICAgICAgPFN0eWxlZENvbnRlbnRXcmFwcGVyXG4gICAgICAgIG9uTW91c2VFbnRlcj17aGFuZGxlT3Blbn1cbiAgICAgICAgb25Ub3VjaEVuZD17aGFuZGxlT3Blbn1cbiAgICAgICAgcmVmPXtlbGVtUmVmfVxuICAgICAgICBjdXJzb3I9e2N1cnNvcn1cbiAgICAgID5cbiAgICAgICAgPFN0eWxlZENvbnRlbnQ+e2NoaWxkcmVufTwvU3R5bGVkQ29udGVudD5cbiAgICAgIDwvU3R5bGVkQ29udGVudFdyYXBwZXI+XG4gICAgICA8UG9wcGVyIG9wZW49e2lzT3Blbn0gey4uLnBvcHBlcn0gY29udGVudFJlZj17ZWxlbVJlZn0+XG4gICAgICAgIHtjb250ZW50fVxuICAgICAgPC9Qb3BwZXI+XG4gICAgPC9TdHlsZWRXcmFwcGVyPlxuICApXG59KVxuXG5leHBvcnQgZGVmYXVsdCBUb29sdGlwXG5cbmNvbnN0IGNvbnRhaW5lckNTUyA9IGNzc2BcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgaGVpZ2h0OiBmaXQtY29udGVudDtcbmBcblxuY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7Y29udGFpbmVyQ1NTfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYFxuXG5jb25zdCBTdHlsZWRDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7Y29udGFpbmVyQ1NTfTtcbiAgY3Vyc29yOiAkeyh7IGN1cnNvciB9KSA9PiBjdXJzb3J9O1xuICB6LWluZGV4OiAxO1xuYFxuXG5jb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgJHtjb250YWluZXJDU1N9O1xuICB6LWluZGV4OiAtMTtcbmBcbiJdfQ== */"));export{p as default};
+//# sourceMappingURL=index.js.map

package/dist/Tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/components/PopperBase/index.js","../../src/components/PopperWithPortal/placements.js","../../src/components/StaticPopper/index.js","../../src/components/Popper/index.js","../../src/components/Tooltip/index.js"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport styled from \"@emotion/styled\"\nimport classNames from \"classnames\"\n\nconst PopperBase = forwardRef((props, ref) => {\n  const { placement, open, children, spacing, className, style, ...other } =\n    props\n\n  return (\n    <StyledPopperWrapper\n      ref={ref}\n      className={classNames(\"KUI-Popper\", open && \"KUI-Popper_open\", className)}\n      spacing={spacing}\n      style={style}\n    >\n      <StyledPopper open={!!open} {...other}>\n        {children}\n      </StyledPopper>\n    </StyledPopperWrapper>\n  )\n})\n\nexport default PopperBase\n\nconst StyledPopperWrapper = styled.div`\n  position: absolute;\n  max-width: 215px;\n  width: max-content;\n  padding: ${({ spacing }) => spacing || 0};\n  z-index: -1;\n  display: none;\n  &.KUI-Popper_open {\n    z-index: 10;\n    display: block;\n  }\n  @media (max-width: 600px) {\n    position: fixed;\n    bottom: 24px;\n    top: auto !important;\n    left: 16px !important;\n    width: calc(100vw - 32px);\n    max-width: unset;\n  }\n`\n\nconst StyledPopper = styled.div`\n  padding: 16px;\n  border-radius: 12px;\n  background: white;\n  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n  transition: opacity 0.3s ease-out;\n`\n","const placementsPositions = {\n  bottomStart: {\n    bottom: 1,\n    offset: 0,\n  },\n  bottomMiddle: {\n    bottom: 1,\n    offset: 0.5,\n  },\n  bottomEnd: {\n    bottom: 1,\n    offset: 1,\n  },\n  topStart: {\n    top: 1,\n    offset: 0,\n  },\n  topMiddle: {\n    top: 1,\n    offset: 0.5,\n  },\n  topEnd: {\n    top: 1,\n    offset: 1,\n  },\n}\n\nexport default placementsPositions\n","import React, { forwardRef, useEffect, useRef, useState } from \"react\"\nimport PopperBase from \"../PopperBase\"\nimport placementsPositions from \"../PopperWithPortal/placements\"\n\nconst StaticPopper = forwardRef((props, ref) => {\n  const { placement, contentRef, ...other } = props\n  const popperRef = useRef(null)\n  const [contentSize, setContentSize] = useState(null)\n  const [popperSize, setPopperSize] = useState(null)\n  let position = {}\n\n  useEffect(() => {\n    if (contentRef.current && popperRef.current) {\n      setContentSize({\n        width: contentRef.current.clientWidth,\n        height: contentRef.current.clientHeight,\n      })\n\n      setPopperSize({\n        width: popperRef.current.clientWidth,\n        height: popperRef.current.clientHeight,\n      })\n    }\n  }, [])\n\n  if (contentSize && popperSize) {\n    const placementPositions =\n      // @ts-ignore\n      placementsPositions[placement ?? \"bottomMiddle\"]\n    position = {\n      top: placementPositions.top\n        ? 0 - popperSize.height\n        : 0 + contentSize.height,\n      left: Math.max(\n        contentSize.width * placementPositions.offset -\n          popperSize.width * placementPositions.offset,\n        0\n      ),\n    }\n  }\n\n  const forwardedRef = (elem) => {\n    if (ref) {\n      // @ts-ignore\n      ref.current = elem\n    }\n    // @ts-ignore\n    popperRef.current = elem\n  }\n\n  return <PopperBase ref={forwardedRef} style={position} {...other} />\n})\n\nexport default StaticPopper\n","import * as React from \"react\"\nimport { forwardRef } from \"react\"\nimport StaticPopper from \"../StaticPopper\"\n\nconst Popper = forwardRef((props, ref) => {\n  const { contentRef, ...other } = props\n\n  return <StaticPopper ref={ref} contentRef={contentRef} {...other} />\n})\n\nexport default Popper\n","import * as React from \"react\"\nimport { forwardRef, useEffect, useRef, useState } from \"react\"\nimport styled from \"@emotion/styled\"\nimport { css } from \"@emotion/react\"\nimport Popper from \"../Popper\"\n\nconst Tooltip = forwardRef((props, ref) => {\n  const { content, onOpen, onClose, open, children, cursor, ...popper } = props\n  const [isOpen, setOpen] = useState(open)\n  const elemRef = useRef(null)\n\n  const handleOpen = () => {\n    setOpen(true)\n    if (onOpen) {\n      onOpen()\n    }\n  }\n\n  const handleClose = () => {\n    setOpen(false)\n    if (onClose) {\n      onClose()\n    }\n  }\n\n  useEffect(() => {\n    setOpen(open)\n  }, [open])\n\n  return (\n    <StyledWrapper onMouseLeave={handleClose} ref={ref}>\n      <StyledContentWrapper\n        onMouseEnter={handleOpen}\n        onTouchEnd={handleOpen}\n        ref={elemRef}\n        cursor={cursor}\n      >\n        <StyledContent>{children}</StyledContent>\n      </StyledContentWrapper>\n      <Popper open={isOpen} {...popper} contentRef={elemRef}>\n        {content}\n      </Popper>\n    </StyledWrapper>\n  )\n})\n\nexport default Tooltip\n\nconst containerCSS = css`\n  display: inline-flex;\n  width: fit-content;\n  height: fit-content;\n`\n\nconst StyledWrapper = styled.div`\n  ${containerCSS};\n  position: relative;\n`\n\nconst StyledContentWrapper = styled.div`\n  ${containerCSS};\n  cursor: ${({ cursor }) => cursor};\n  z-index: 1;\n`\n\nconst StyledContent = styled.div`\n  ${containerCSS};\n  z-index: -1;\n`\n"],"names":["PopperBase","forwardRef","props","ref","placement","open","children","spacing","className","style","other","_excluded","_jsx","StyledPopperWrapper","classNames","StyledPopper","_objectSpread","_styled","process","env","NODE_ENV","target","label","_ref","name","styles","map","toString","placementsPositions","bottomStart","bottom","offset","bottomMiddle","bottomEnd","topStart","top","topMiddle","topEnd","StaticPopper","contentRef","popperRef","useRef","_useState2","_slicedToArray","useState","contentSize","setContentSize","_useState4","popperSize","setPopperSize","position","useEffect","current","width","clientWidth","height","clientHeight","placementPositions","left","Math","max","elem","Popper","Tooltip","content","onOpen","onClose","cursor","popper","isOpen","setOpen","elemRef","handleOpen","_jsxs","StyledWrapper","onMouseLeave","StyledContentWrapper","onMouseEnter","onTouchEnd","StyledContent","containerCSS"],"mappings":"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"}

package/dist/Tooltip/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "kui-basic/Tooltip",
+  "private": true,
+  "main": "./index.js",
+  "module": "./index.es.js",
+  "types": "./index.d.ts",
+  "dependencies": {
+    "classnames": "^2.3.1"
+  }
+}