kui-basic 1.1.21 → 1.1.22

package/dist/PopperBase/index.d.ts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+
+type PopperPlacements =
+  | "right"
+  | "left"
+  | "topStart"
+  | "topMiddle"
+  | "topEnd"
+  | "bottomStart"
+  | "bottomMiddle"
+  | "bottomEnd"
+
+type PopperPlacementPosition = {
+  top?: number | string
+  bottom?: number | string
+  left?: number | string
+  right?: number | string
+  offset: 0 | 0.5 | 1
+}
+
+type PopperPlacementPositions = {
+  [key: PopperPlacements]: PopperPlacementPosition
+}
+
+type PopperStylesProps = {
+  open: boolean
+}
+
+type PopperBaseProps = {
+  open?: boolean
+  placement?: PopperPlacements
+  withArrow?: boolean
+  spacing?: string
+  className?: string
+} & React.HTMLAttributes<HTMLDivElement>
+
+declare const PopperBase: (props: PopperBaseProps) => React.ReactElement
+
+export { PopperBaseProps, PopperPlacementPosition, PopperPlacementPositions, PopperPlacements, PopperStylesProps, PopperBase as default };

package/dist/PopperBase/index.js

@@ -0,0 +1,2 @@
+import c from"@emotion/styled/base";import{forwardRef as e}from"react";import t from"classnames";import{jsx as I}from"@emotion/react/jsx-runtime";function b(c,e){var t=Object.keys(c);if(Object.getOwnPropertySymbols){var I=Object.getOwnPropertySymbols(c);e&&(I=I.filter((function(e){return Object.getOwnPropertyDescriptor(c,e).enumerable}))),t.push.apply(t,I)}return t}function g(c){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?b(Object(t),!0).forEach((function(e){i(c,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(t)):b(Object(t)).forEach((function(e){Object.defineProperty(c,e,Object.getOwnPropertyDescriptor(t,e))}))}return c}function i(c,e,t){return e in c?Object.defineProperty(c,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):c[e]=t,c}function o(c,e){if(null==c)return{};var t,I,b=function(c,e){if(null==c)return{};var t,I,b={},g=Object.keys(c);for(I=0;I<g.length;I++)t=g[I],e.indexOf(t)>=0||(b[t]=c[t]);return b}(c,e);if(Object.getOwnPropertySymbols){var g=Object.getOwnPropertySymbols(c);for(I=0;I<g.length;I++)t=g[I],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(c,t)&&(b[t]=c[t])}return b}var n=["placement","open","children","spacing","className","style"];var l=e((function(c,e){c.placement;var b=c.open,i=c.children,l=c.spacing,s=c.className,p=c.style,u=o(c,n);return I(r,{ref:e,className:t("KUI-Popper",b&&"KUI-Popper_open",s),spacing:l,style:p,children:I(a,g(g({open:!!b},u),{},{children:i}))})})),r=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== */")),a=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)."}});export{l as default};
+//# sourceMappingURL=index.js.map

package/dist/PopperBase/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/components/PopperBase/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"],"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"],"mappings":"iwCAIMA,IAAAA,EAAaC,GAAW,SAACC,EAAOC,GAElCD,EADME,cAAWC,EACjBH,EADiBG,KAAMC,EACvBJ,EADuBI,SAAUC,EACjCL,EADiCK,QAASC,EAC1CN,EAD0CM,UAAWC,EACrDP,EADqDO,MAAUC,IAC/DR,EAAKS,GAEP,OACEC,EAACC,EAAmB,CAClBV,IAAKA,EACLK,UAAWM,EAAW,aAAcT,GAAQ,kBAAmBG,GAC/DD,QAASA,EACTE,MAAOA,EAAMH,SAEbM,EAACG,EAAYC,EAAAA,EAAA,CAACX,OAAQA,GAAUK,GAAK,GAAA,CAAAJ,SAClCA,MAIT,IAIMO,EAAmBI,EAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,YAAA,CAAAA,OAAA,WAAAC,MAAA,uBAAAL,CAIZ,gEAAA,SAAAM,GAAU,SAAPhB,SAAyB,CAAC,GAezC,+MAAA,eAAAW,QAAAC,IAAAC,SAAA,GAAA,g2DAEKL,EAAYE,EAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,YAAA,CAAAA,OAAA,WAAAC,MAAA,gBAAAL,CAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAI,KAAA,UAAAC,OAAA,iIAAA,CAAAD,KAAA,UAAAC,OAAA,gIAAAC,IAAA,81DAAAC"}

package/dist/PopperBase/package.json

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

package/dist/PopperWithPortal/index.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+
+type PopperPlacements =
+  | "right"
+  | "left"
+  | "topStart"
+  | "topMiddle"
+  | "topEnd"
+  | "bottomStart"
+  | "bottomMiddle"
+  | "bottomEnd"
+
+type PopperBaseProps = {
+  open?: boolean
+  placement?: PopperPlacements
+  withArrow?: boolean
+  spacing?: string
+  className?: string
+} & React.HTMLAttributes<HTMLDivElement>
+
+declare const PopperWithPortal: (props: PopperBaseProps) => React.ReactElement
+
+export { PopperWithPortal as default };

package/dist/PopperWithPortal/index.js

@@ -0,0 +1,2 @@
+import{forwardRef as t,useRef as g,useState as c,useEffect as I}from"react";import*as e from"react-dom";import{Global as b}from"@emotion/react";import i from"@emotion/styled/base";import n from"classnames";import{jsx as C,jsxs as l,Fragment as o}from"@emotion/react/jsx-runtime";function u(t,g){var c=Object.keys(t);if(Object.getOwnPropertySymbols){var I=Object.getOwnPropertySymbols(t);g&&(I=I.filter((function(g){return Object.getOwnPropertyDescriptor(t,g).enumerable}))),c.push.apply(c,I)}return c}function r(t){for(var g=1;g<arguments.length;g++){var c=null!=arguments[g]?arguments[g]:{};g%2?u(Object(c),!0).forEach((function(g){d(t,g,c[g])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(c)):u(Object(c)).forEach((function(g){Object.defineProperty(t,g,Object.getOwnPropertyDescriptor(c,g))}))}return t}function d(t,g,c){return g in t?Object.defineProperty(t,g,{value:c,enumerable:!0,configurable:!0,writable:!0}):t[g]=c,t}function G(t,g){if(null==t)return{};var c,I,e=function(t,g){if(null==t)return{};var c,I,e={},b=Object.keys(t);for(I=0;I<b.length;I++)c=b[I],g.indexOf(c)>=0||(e[c]=t[c]);return e}(t,g);if(Object.getOwnPropertySymbols){var b=Object.getOwnPropertySymbols(t);for(I=0;I<b.length;I++)c=b[I],g.indexOf(c)>=0||Object.prototype.propertyIsEnumerable.call(t,c)&&(e[c]=t[c])}return e}function a(t,g){return function(t){if(Array.isArray(t))return t}(t)||function(t,g){var c=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null==c)return;var I,e,b=[],i=!0,n=!1;try{for(c=c.call(t);!(i=(I=c.next()).done)&&(b.push(I.value),!g||b.length!==g);i=!0);}catch(t){n=!0,e=t}finally{try{i||null==c.return||c.return()}finally{if(n)throw e}}return b}(t,g)||function(t,g){if(!t)return;if("string"==typeof t)return s(t,g);var c=Object.prototype.toString.call(t).slice(8,-1);"Object"===c&&t.constructor&&(c=t.constructor.name);if("Map"===c||"Set"===c)return Array.from(t);if("Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c))return s(t,g)}(t,g)||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 s(t,g){(null==g||g>t.length)&&(g=t.length);for(var c=0,I=new Array(g);c<g;c++)I[c]=t[c];return I}var Z={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}},p=["placement","open","children","spacing","className","style"];var X=t((function(t,g){t.placement;var c=t.open,I=t.children,e=t.spacing,b=t.className,i=t.style,l=G(t,p);return C(A,{ref:g,className:n("KUI-Popper",c&&"KUI-Popper_open",b),spacing:e,style:i,children:C(m,r(r({open:!!c},l),{},{children:I}))})})),A=i("div","production"===process.env.NODE_ENV?{target:"evhom021"}:{target:"evhom021",label:"StyledPopperWrapper"})("position:absolute;max-width:215px;width:max-content;padding:",(function(t){return t.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== */")),m=i("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)."}}),B=["placement","contentRef"];var V="production"===process.env.NODE_ENV?{name:"x2d7sm",styles:"body{position:relative;}"}:{name:"100h20i-PopperWithPortal",styles:"body{position:relative;};label:PopperWithPortal;",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVGbUIiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIlxuaW1wb3J0ICogYXMgUmVhY3RET00gZnJvbSBcInJlYWN0LWRvbVwiXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIlxuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIlxuaW1wb3J0IHBsYWNlbWVudHNQb3NpdGlvbnMgZnJvbSBcIi4vcGxhY2VtZW50c1wiXG5pbXBvcnQgUG9wcGVyQmFzZSBmcm9tIFwiLi4vUG9wcGVyQmFzZVwiXG5pbXBvcnQgeyBkZWJvdW5jZSB9IGZyb20gXCIuLi8uLi91dGlscy9mdW5jdGlvbnNcIlxuXG5jb25zdCBQb3BwZXJXaXRoUG9ydGFsID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7IHBsYWNlbWVudCwgY29udGVudFJlZiwgLi4ub3RoZXIgfSA9IHByb3BzXG4gIGNvbnN0IHBvcHBlclJlZiA9IHVzZVJlZihudWxsKVxuICBjb25zdCBbY29vcmRzLCBzZXRDb29yZHNdID0gdXNlU3RhdGUobnVsbClcbiAgY29uc3QgW3NpemUsIHNldFNpemVdID0gdXNlU3RhdGUobnVsbClcblxuICBjb25zdCB1cGRhdGVDb29yZHMgPSAoKSA9PiB7XG4gICAgaWYgKGNvbnRlbnRSZWYuY3VycmVudCAmJiBwb3BwZXJSZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgcG9wcGVyID0gcG9wcGVyUmVmLmN1cnJlbnRcblxuICAgICAgY29uc3QgZWxlbUNvb3JkcyA9IGNvbnRlbnRSZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKVxuXG4gICAgICBjb25zdCBwb3BwZXJTaXplID0ge1xuICAgICAgICB3aWR0aDogcG9wcGVyLmNsaWVudFdpZHRoLFxuICAgICAgICBoZWlnaHQ6IHBvcHBlci5jbGllbnRIZWlnaHQsXG4gICAgICB9XG4gICAgICBzZXRDb29yZHMoZWxlbUNvb3JkcylcbiAgICAgIHNldFNpemUocG9wcGVyU2l6ZSlcbiAgICB9XG4gIH1cblxuICBjb25zdCBkZWJvdW5jZWRVcGRhdGUgPSBkZWJvdW5jZSh1cGRhdGVDb29yZHMsIDYwMClcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHVwZGF0ZUNvb3JkcygpXG5cbiAgICBjb25zdCBvYnNlcnZlciA9IG5ldyBNdXRhdGlvbk9ic2VydmVyKChtdXRhdGlvbnNMaXN0KSA9PiB7XG4gICAgICBpZiAobXV0YXRpb25zTGlzdC5maW5kKChtdXRhdGlvbikgPT4gbXV0YXRpb24udHlwZSA9PT0gXCJjaGlsZExpc3RcIikpIHtcbiAgICAgICAgZGVib3VuY2VkVXBkYXRlKClcbiAgICAgIH1cbiAgICB9KVxuXG4gICAgb2JzZXJ2ZXIub2JzZXJ2ZShkb2N1bWVudC5ib2R5LCB7IGNoaWxkTGlzdDogdHJ1ZSwgc3VidHJlZTogdHJ1ZSB9KVxuXG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihcInNjcm9sbEhlaWdodFwiLCB1cGRhdGVDb29yZHMpXG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgb2JzZXJ2ZXIuZGlzY29ubmVjdCgpXG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKFwic2Nyb2xsSGVpZ2h0XCIsIHVwZGF0ZUNvb3JkcylcbiAgICB9XG4gIH0sIFtdKVxuXG4gIGxldCBwb3NpdGlvbiA9IHt9XG5cbiAgaWYgKGNvb3JkcyAmJiBzaXplKSB7XG4gICAgY29uc3QgcGxhY2VtZW50UG9zaXRpb25zID1cbiAgICAgIC8vIEB0cy1pZ25vcmVcbiAgICAgIHBsYWNlbWVudHNQb3NpdGlvbnNbcGxhY2VtZW50ID8/IFwiYm90dG9tTWlkZGxlXCJdXG4gICAgcG9zaXRpb24gPSB7XG4gICAgICB0b3A6IE1hdGgubWF4KFxuICAgICAgICBwbGFjZW1lbnRQb3NpdGlvbnMudG9wXG4gICAgICAgICAgPyBjb29yZHMudG9wIC0gc2l6ZS5oZWlnaHRcbiAgICAgICAgICA6IGNvb3Jkcy50b3AgKyBjb29yZHMuaGVpZ2h0LFxuICAgICAgICAwXG4gICAgICApLFxuICAgICAgbGVmdDogTWF0aC5tYXgoXG4gICAgICAgIGNvb3Jkcy5sZWZ0ICtcbiAgICAgICAgICBjb29yZHMud2lkdGggKiBwbGFjZW1lbnRQb3NpdGlvbnMub2Zmc2V0IC1cbiAgICAgICAgICBzaXplLndpZHRoICogcGxhY2VtZW50UG9zaXRpb25zLm9mZnNldCxcbiAgICAgICAgMFxuICAgICAgKSxcbiAgICB9XG4gIH1cblxuICBjb25zdCBmb3J3YXJkZWRSZWYgPSAoZWxlbSkgPT4ge1xuICAgIGlmIChyZWYpIHtcbiAgICAgIC8vIEB0cy1pZ25vcmVcbiAgICAgIHJlZi5jdXJyZW50ID0gZWxlbVxuICAgIH1cbiAgICAvLyBAdHMtaWdub3JlXG4gICAgcG9wcGVyUmVmLmN1cnJlbnQgPSBlbGVtXG4gIH1cblxuICAvLyBUT0RPINC/0L7QtNGD0LzQsNGC0Ywg0LrQsNC6INGA0LXQsNC70LjQt9C+0LLQsNGC0Ywg0L/RgNCw0LLQuNC70YzQvdC+0LUg0YDQsNGB0L/QvtC70L7QttC10L3QuNC1INC/0L7QtNGB0LrQsNC30LrQuCDQv9C+0LQgY29udGVudFJlZiDQsiDQt9Cw0LLQuNGB0LjQvNC+0YHRgtC4INC+0YIgcGxhY2VtZW50XG4gIC8vINCQ0LLRgtC+0LzQsNGC0L7QvCDQvNC10L3Rj9GC0Ywg0L/QvtC70L7QttC10L3QuNC1ICjQstC10YDRhS3QvdC40LcpINCyINC30LDQstC40YHQuNC80L7RgdGC0Lgg0L7RgiDRgtC+0LPQviDQv9C+0LzQtdGJ0LDQtdGC0YHRjyDQuNC70Lgg0L3QtdGCXG4gIC8vINCg0LDRgdC/0L7QttC40YLRjCDRgdGC0YDQtdC70L7Rh9C60YMg0Log0LrQvtC90YLQtdC90YLRgyDQv9C+0YHQtdGA0LXQtNC40L3QtSDQutC+0L3RgtC10L3RgtCwXG4gIHJldHVybiBSZWFjdERPTS5jcmVhdGVQb3J0YWwoXG4gICAgPD5cbiAgICAgIDxHbG9iYWxcbiAgICAgICAgc3R5bGVzPXtjc3NgXG4gICAgICAgICAgYm9keSB7XG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgLz5cbiAgICAgIDxQb3BwZXJCYXNlIHJlZj17Zm9yd2FyZGVkUmVmfSBzdHlsZT17cG9zaXRpb259IHsuLi5vdGhlcn0gLz5cbiAgICA8Lz4sXG4gICAgZG9jdW1lbnQuYm9keVxuICApXG59KVxuXG5leHBvcnQgZGVmYXVsdCBQb3BwZXJXaXRoUG9ydGFsXG4iXX0= */",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=t((function(t,i){var n=t.placement,u=t.contentRef,d=G(t,B),s=g(null),p=a(c(null),2),A=p[0],m=p[1],y=a(c(null),2),W=y[0],w=y[1],x=function(){if(u.current&&s.current){var t=s.current,g=u.current.getBoundingClientRect(),c={width:t.clientWidth,height:t.clientHeight};m(g),w(c)}},v=function(t){var g=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,c=!1;return function(){c||(t.apply(null,arguments),c=!0,setTimeout((function(){return c=!1}),g))}}(x,600);I((function(){x();var t=new MutationObserver((function(t){t.find((function(t){return"childList"===t.type}))&&v()}));return t.observe(document.body,{childList:!0,subtree:!0}),document.addEventListener("scrollHeight",x),function(){t.disconnect(),document.removeEventListener("scrollHeight",x)}}),[]);var N={};if(A&&W){var h=Z[null!=n?n:"bottomMiddle"];N={top:Math.max(h.top?A.top-W.height:A.top+A.height,0),left:Math.max(A.left+A.width*h.offset-W.width*h.offset,0)}}return e.createPortal(l(o,{children:[C(b,{styles:V}),C(X,r({ref:function(t){i&&(i.current=t),s.current=t},style:N},d))]}),document.body)}));export{y as default};
+//# sourceMappingURL=index.js.map

package/dist/PopperWithPortal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/components/PopperWithPortal/placements.js","../../src/components/PopperBase/index.js","../../src/components/PopperWithPortal/index.js","../../src/utils/functions.js"],"sourcesContent":["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 } 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","import * as React from \"react\"\nimport * as ReactDOM from \"react-dom\"\nimport { forwardRef, useEffect, useRef, useState } from \"react\"\nimport { Global, css } from \"@emotion/react\"\nimport placementsPositions from \"./placements\"\nimport PopperBase from \"../PopperBase\"\nimport { debounce } from \"../../utils/functions\"\n\nconst PopperWithPortal = forwardRef((props, ref) => {\n  const { placement, contentRef, ...other } = props\n  const popperRef = useRef(null)\n  const [coords, setCoords] = useState(null)\n  const [size, setSize] = useState(null)\n\n  const updateCoords = () => {\n    if (contentRef.current && popperRef.current) {\n      const popper = popperRef.current\n\n      const elemCoords = contentRef.current.getBoundingClientRect()\n\n      const popperSize = {\n        width: popper.clientWidth,\n        height: popper.clientHeight,\n      }\n      setCoords(elemCoords)\n      setSize(popperSize)\n    }\n  }\n\n  const debouncedUpdate = debounce(updateCoords, 600)\n\n  useEffect(() => {\n    updateCoords()\n\n    const observer = new MutationObserver((mutationsList) => {\n      if (mutationsList.find((mutation) => mutation.type === \"childList\")) {\n        debouncedUpdate()\n      }\n    })\n\n    observer.observe(document.body, { childList: true, subtree: true })\n\n    document.addEventListener(\"scrollHeight\", updateCoords)\n\n    return () => {\n      observer.disconnect()\n      document.removeEventListener(\"scrollHeight\", updateCoords)\n    }\n  }, [])\n\n  let position = {}\n\n  if (coords && size) {\n    const placementPositions =\n      // @ts-ignore\n      placementsPositions[placement ?? \"bottomMiddle\"]\n    position = {\n      top: Math.max(\n        placementPositions.top\n          ? coords.top - size.height\n          : coords.top + coords.height,\n        0\n      ),\n      left: Math.max(\n        coords.left +\n          coords.width * placementPositions.offset -\n          size.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  // TODO подумать как реализовать правильное расположение подсказки под contentRef в зависимости от placement\n  // Автоматом менять положение (верх-низ) в зависимости от того помещается или нет\n  // Распожить стрелочку к контенту посередине контента\n  return ReactDOM.createPortal(\n    <>\n      <Global\n        styles={css`\n          body {\n            position: relative;\n          }\n        `}\n      />\n      <PopperBase ref={forwardedRef} style={position} {...other} />\n    </>,\n    document.body\n  )\n})\n\nexport default PopperWithPortal\n","export const debounce = (callback, delay = 0) => {\n  let isCooldown = false\n\n  return function () {\n    if (isCooldown) return\n\n    callback.apply(null, arguments)\n\n    isCooldown = true\n\n    setTimeout(() => (isCooldown = false), delay)\n  }\n}\n"],"names":["placementsPositions","bottomStart","bottom","offset","bottomMiddle","bottomEnd","topStart","top","topMiddle","topEnd","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","PopperWithPortal","contentRef","popperRef","useRef","_useState2","_slicedToArray","useState","coords","setCoords","_useState4","size","setSize","updateCoords","current","popper","elemCoords","getBoundingClientRect","popperSize","width","clientWidth","height","clientHeight","debouncedUpdate","callback","delay","isCooldown","apply","arguments","setTimeout","debounce","useEffect","observer","MutationObserver","mutationsList","find","mutation","type","observe","document","body","childList","subtree","addEventListener","disconnect","removeEventListener","position","placementPositions","Math","max","left","ReactDOM","createPortal","_jsxs","_Fragment","Global","elem"],"mappings":"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"}

package/dist/PopperWithPortal/package.json

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

package/dist/Radio/index.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+interface RadioProps
+  extends React.DetailedHTMLProps<
+      React.InputHTMLAttributes<HTMLInputElement>,
+      HTMLInputElement
+    >,
+    React.AriaAttributes {
+  label?: React.ReactElement | string
+  inputRef?: React.RefObject<HTMLInputElement>
+}
+
+type RadioType = (props: RadioProps) => React.ReactElement
+
+declare const Radio: RadioType
+
+export { RadioProps, RadioType, Radio as default };

package/dist/Radio/index.js

@@ -0,0 +1,2 @@
+import g from"@emotion/styled/base";import{forwardRef as I}from"react";import b from"prop-types";import{jsxs as c,jsx as l}from"@emotion/react/jsx-runtime";function G(g,I){var b=Object.keys(g);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(g);I&&(c=c.filter((function(I){return Object.getOwnPropertyDescriptor(g,I).enumerable}))),b.push.apply(b,c)}return b}function m(g){for(var I=1;I<arguments.length;I++){var b=null!=arguments[I]?arguments[I]:{};I%2?G(Object(b),!0).forEach((function(I){C(g,I,b[I])})):Object.getOwnPropertyDescriptors?Object.defineProperties(g,Object.getOwnPropertyDescriptors(b)):G(Object(b)).forEach((function(I){Object.defineProperty(g,I,Object.getOwnPropertyDescriptor(b,I))}))}return g}function C(g,I,b){return I in g?Object.defineProperty(g,I,{value:b,enumerable:!0,configurable:!0,writable:!0}):g[I]=b,g}function i(g,I){if(null==g)return{};var b,c,l=function(g,I){if(null==g)return{};var b,c,l={},G=Object.keys(g);for(c=0;c<G.length;c++)b=G[c],I.indexOf(b)>=0||(l[b]=g[b]);return l}(g,I);if(Object.getOwnPropertySymbols){var G=Object.getOwnPropertySymbols(g);for(c=0;c<G.length;c++)b=G[c],I.indexOf(b)>=0||Object.prototype.propertyIsEnumerable.call(g,b)&&(l[b]=g[b])}return l}var Z={main:"#ED713C",pressed:"#D24C13",hover:"#EA5A1D",light:"#FCEAE2",light2:"#FEF7F3"},W={main:"#18191F",gray60:"#474A57",gray50:"#7F8285",gray40:"#949494",gray30:"#BFBFBF",gray15:"#EAECEF",white:"#FFFFFF",light:"#C4C4C4",disabled:"#A6AEBC"},e={main:"#FBFBFD",light2:"#F7F8F9",light3:"#F2F3F5"},u={green70:"#259E58",green60:"#23A65A",main:"#27AE60",green10:"#EAFCF7",green5:"#F0FDF9"},t={red70:"#D03C1A",red60:"#DA421F",main:"#EB4620",red10:"#FCE3DE",red5:"#FDF0ED"},d={blue70:"#0098B6",blue60:"#009CBB",main:"#00ABCD",blue10:"#D9F2F8",blue5:"#E5F7FA"},a={purple70:"#914BD2",purple60:"#974EDB",main:"#9B51E0",purple10:"#F0E5FA",purple5:"#F7F1FD"},X={brand:m(m({},Z),{},{background:Z.light2}),grey:{seventy:W.main,sixty:W.gray60,fiftyP:W.gray50,fourty:W.gray40,thirty:W.gray30,fifteenB:W.gray15,zero:W.white},background:m(m({},e),{},{light1:e.main,light4:"#C5C6C7"}),green:{fiftyP:u.main,seventy:u.green70,sixty:u.green60,ten:u.green10,five:u.green5},red:{fiftyP:t.main,seventy:t.red70,sixty:t.red60,ten:t.red10,five:t.red5},blue:{fiftyP:d.main,seventy:d.blue70,sixty:d.blue60,ten:d.blue10,five:d.blue5},purple:{fiftyP:a.main,seventy:a.purple70,sixty:a.purple60,ten:a.purple10,five:a.purple5}},V=["label","value","inputRef"];var A={palette:X,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}}.palette,s=I((function(g,I){var b=g.label,G=g.value,C=g.inputRef,Z=i(g,V);return c(y,{className:"KUI-Radio_label",children:[l(x,m({ref:C,value:G,type:"radio",className:"KUI-Radio"},Z)),l(Y,{className:"KUI-Radio_custom"}),!!b&&l(F,{className:"KUI-Label_radio",children:b})]})}));s.defaultProps={label:"",value:"",name:"radio"},s.propTypes={label:b.string,disabled:b.bool},s.displayName="Radio";var Y=g("span","production"===process.env.NODE_ENV?{target:"eo3g5k23"}:{target:"eo3g5k23",label:"StyledCustomRadio"})("border-radius:50%;padding:1px;width:20px;height:20px;box-sizing:border-box;border:1px solid ",A.grey.fifteenB,';transition:all linear 0.3s;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);&:before{content:"";display:block;width:16px;height:16px;border-radius:50%;background-color:',A.grey.zero,";transition:all linear 0.2s;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDcUMiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiXG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gXCJwcm9wLXR5cGVzXCJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCIuLi8uLi90aGVtZVwiXG5cbmNvbnN0IHsgcGFsZXR0ZSB9ID0gdGhlbWVcblxuY29uc3QgUmFkaW8gPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHsgbGFiZWwsIHZhbHVlLCBpbnB1dFJlZiwgLi4ucmFkaW9Qcm9wcyB9ID0gcHJvcHNcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRMYWJlbCBjbGFzc05hbWU9XCJLVUktUmFkaW9fbGFiZWxcIj5cbiAgICAgIDxTdHlsZWRSYWRpb1xuICAgICAgICByZWY9e2lucHV0UmVmfVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIHR5cGU9XCJyYWRpb1wiXG4gICAgICAgIGNsYXNzTmFtZT1cIktVSS1SYWRpb1wiXG4gICAgICAgIHsuLi5yYWRpb1Byb3BzfVxuICAgICAgLz5cbiAgICAgIDxTdHlsZWRDdXN0b21SYWRpbyBjbGFzc05hbWU9XCJLVUktUmFkaW9fY3VzdG9tXCIgLz5cbiAgICAgIHshIWxhYmVsICYmIChcbiAgICAgICAgPFN0eWxlZFJhZGlvTGFiZWwgY2xhc3NOYW1lPVwiS1VJLUxhYmVsX3JhZGlvXCI+e2xhYmVsfTwvU3R5bGVkUmFkaW9MYWJlbD5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRMYWJlbD5cbiAgKVxufSlcblxuUmFkaW8uZGVmYXVsdFByb3BzID0ge1xuICBsYWJlbDogXCJcIixcbiAgdmFsdWU6IFwiXCIsXG4gIG5hbWU6IFwicmFkaW9cIixcbn1cblxuUmFkaW8ucHJvcFR5cGVzID0ge1xuICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZyxcbiAgZGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxufVxuXG5SYWRpby5kaXNwbGF5TmFtZSA9IFwiUmFkaW9cIlxuXG5leHBvcnQgZGVmYXVsdCBSYWRpb1xuXG5jb25zdCBTdHlsZWRDdXN0b21SYWRpbyA9IHN0eWxlZC5zcGFuYFxuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIHBhZGRpbmc6IDFweDtcbiAgd2lkdGg6IDIwcHg7XG4gIGhlaWdodDogMjBweDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtwYWxldHRlLmdyZXkuZmlmdGVlbkJ9O1xuICB0cmFuc2l0aW9uOiBhbGwgbGluZWFyIDAuM3M7XG4gIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwKTtcbiAgJjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgd2lkdGg6IDE2cHg7XG4gICAgaGVpZ2h0OiAxNnB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhbGV0dGUuZ3JleS56ZXJvfTtcbiAgICB0cmFuc2l0aW9uOiBhbGwgbGluZWFyIDAuMnM7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkUmFkaW8gPSBzdHlsZWQuaW5wdXRgXG4gIG9wYWNpdHk6IDA7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogLTE7XG4gICY6Y2hlY2tlZCArIC5LVUktUmFkaW9fY3VzdG9tOmJlZm9yZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWxldHRlLmJyYW5kLm1haW59O1xuICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybCgnZGF0YTppbWFnZS9zdmcreG1sO2NoYXJzZXQ9dXRmLTgsJTNDc3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB2aWV3Qm94PVwiMCAwIDE2IDE2XCIlM0UlM0NwYXRoIGZpbGwtcnVsZT1cImV2ZW5vZGRcIiBjbGlwLXJ1bGU9XCJldmVub2RkXCIgZD1cIk0xMiA1Yy0uMjggMC0uNTMuMTEtLjcxLjI5TDcgOS41OWwtMi4yOS0yLjNhMS4wMDMgMS4wMDMgMCAwMC0xLjQyIDEuNDJsMyAzYy4xOC4xOC40My4yOS43MS4yOXMuNTMtLjExLjcxLS4yOWw1LTVBMS4wMDMgMS4wMDMgMCAwMDEyIDV6XCIgZmlsbD1cIiUyM2ZmZlwiLyUzRSUzQy9zdmclM0UnKTtcbiAgfVxuICAmOmRpc2FibGVkICsgLktVSS1SYWRpb19jdXN0b20ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cGFsZXR0ZS5iYWNrZ3JvdW5kLmxpZ2h0Mn07XG4gICAgYm9yZGVyLWNvbG9yOiAke3BhbGV0dGUuYmFja2dyb3VuZC5saWdodDJ9O1xuICAgICY6YmVmb3JlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cGFsZXR0ZS5iYWNrZ3JvdW5kLmxpZ2h0Mn07XG4gICAgfVxuICB9XG4gICY6ZGlzYWJsZWQ6Y2hlY2tlZCArIC5LVUktUmFkaW9fY3VzdG9tOmJlZm9yZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWxldHRlLmdyZXkuZmlmdGVlbkJ9O1xuICB9XG5gXG5cbmNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkLmxhYmVsYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gICY6aG92ZXIge1xuICAgIC5LVUktUmFkaW86bm90KDpkaXNhYmxlZCk6bm90KDpjaGVja2VkKSArIC5LVUktUmFkaW9fY3VzdG9tIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtwYWxldHRlLmJyYW5kLm1haW59O1xuICAgIH1cbiAgICAuS1VJLVJhZGlvOm5vdCg6ZGlzYWJsZWQpOmNoZWNrZWQgKyAuS1VJLVJhZGlvX2N1c3RvbSB7XG4gICAgICBib3JkZXItY29sb3I6ICR7cGFsZXR0ZS5icmFuZC5saWdodH07XG4gICAgfVxuICB9XG5gXG5cbmNvbnN0IFN0eWxlZFJhZGlvTGFiZWwgPSBzdHlsZWQuc3BhbmBcbiAgbWFyZ2luLWxlZnQ6IDE0cHg7XG5gXG4iXX0= */")),x=g("input","production"===process.env.NODE_ENV?{target:"eo3g5k22"}:{target:"eo3g5k22",label:"StyledRadio"})("opacity:0;position:absolute;z-index:-1;&:checked+.KUI-Radio_custom:before{background-color:",A.brand.main,';background-image:url(\'data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M12 5c-.28 0-.53.11-.71.29L7 9.59l-2.29-2.3a1.003 1.003 0 00-1.42 1.42l3 3c.18.18.43.29.71.29s.53-.11.71-.29l5-5A1.003 1.003 0 0012 5z" fill="%23fff"/%3E%3C/svg%3E\');}&:disabled+.KUI-Radio_custom{background-color:',A.background.light2,";border-color:",A.background.light2,";&:before{background-color:",A.background.light2,";}}&:disabled:checked+.KUI-Radio_custom:before{background-color:",A.grey.fifteenB,";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThEZ0MiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiXG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gXCJwcm9wLXR5cGVzXCJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCIuLi8uLi90aGVtZVwiXG5cbmNvbnN0IHsgcGFsZXR0ZSB9ID0gdGhlbWVcblxuY29uc3QgUmFkaW8gPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHsgbGFiZWwsIHZhbHVlLCBpbnB1dFJlZiwgLi4ucmFkaW9Qcm9wcyB9ID0gcHJvcHNcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRMYWJlbCBjbGFzc05hbWU9XCJLVUktUmFkaW9fbGFiZWxcIj5cbiAgICAgIDxTdHlsZWRSYWRpb1xuICAgICAgICByZWY9e2lucHV0UmVmfVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIHR5cGU9XCJyYWRpb1wiXG4gICAgICAgIGNsYXNzTmFtZT1cIktVSS1SYWRpb1wiXG4gICAgICAgIHsuLi5yYWRpb1Byb3BzfVxuICAgICAgLz5cbiAgICAgIDxTdHlsZWRDdXN0b21SYWRpbyBjbGFzc05hbWU9XCJLVUktUmFkaW9fY3VzdG9tXCIgLz5cbiAgICAgIHshIWxhYmVsICYmIChcbiAgICAgICAgPFN0eWxlZFJhZGlvTGFiZWwgY2xhc3NOYW1lPVwiS1VJLUxhYmVsX3JhZGlvXCI+e2xhYmVsfTwvU3R5bGVkUmFkaW9MYWJlbD5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRMYWJlbD5cbiAgKVxufSlcblxuUmFkaW8uZGVmYXVsdFByb3BzID0ge1xuICBsYWJlbDogXCJcIixcbiAgdmFsdWU6IFwiXCIsXG4gIG5hbWU6IFwicmFkaW9cIixcbn1cblxuUmFkaW8ucHJvcFR5cGVzID0ge1xuICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZyxcbiAgZGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxufVxuXG5SYWRpby5kaXNwbGF5TmFtZSA9IFwiUmFkaW9cIlxuXG5leHBvcnQgZGVmYXVsdCBSYWRpb1xuXG5jb25zdCBTdHlsZWRDdXN0b21SYWRpbyA9IHN0eWxlZC5zcGFuYFxuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIHBhZGRpbmc6IDFweDtcbiAgd2lkdGg6IDIwcHg7XG4gIGhlaWdodDogMjBweDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtwYWxldHRlLmdyZXkuZmlmdGVlbkJ9O1xuICB0cmFuc2l0aW9uOiBhbGwgbGluZWFyIDAuM3M7XG4gIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwKTtcbiAgJjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgd2lkdGg6IDE2cHg7XG4gICAgaGVpZ2h0OiAxNnB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhbGV0dGUuZ3JleS56ZXJvfTtcbiAgICB0cmFuc2l0aW9uOiBhbGwgbGluZWFyIDAuMnM7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkUmFkaW8gPSBzdHlsZWQuaW5wdXRgXG4gIG9wYWNpdHk6IDA7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogLTE7XG4gICY6Y2hlY2tlZCArIC5LVUktUmFkaW9fY3VzdG9tOmJlZm9yZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWxldHRlLmJyYW5kLm1haW59O1xuICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybCgnZGF0YTppbWFnZS9zdmcreG1sO2NoYXJzZXQ9dXRmLTgsJTNDc3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB2aWV3Qm94PVwiMCAwIDE2IDE2XCIlM0UlM0NwYXRoIGZpbGwtcnVsZT1cImV2ZW5vZGRcIiBjbGlwLXJ1bGU9XCJldmVub2RkXCIgZD1cIk0xMiA1Yy0uMjggMC0uNTMuMTEtLjcxLjI5TDcgOS41OWwtMi4yOS0yLjNhMS4wMDMgMS4wMDMgMCAwMC0xLjQyIDEuNDJsMyAzYy4xOC4xOC40My4yOS43MS4yOXMuNTMtLjExLjcxLS4yOWw1LTVBMS4wMDMgMS4wMDMgMCAwMDEyIDV6XCIgZmlsbD1cIiUyM2ZmZlwiLyUzRSUzQy9zdmclM0UnKTtcbiAgfVxuICAmOmRpc2FibGVkICsgLktVSS1SYWRpb19jdXN0b20ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cGFsZXR0ZS5iYWNrZ3JvdW5kLmxpZ2h0Mn07XG4gICAgYm9yZGVyLWNvbG9yOiAke3BhbGV0dGUuYmFja2dyb3VuZC5saWdodDJ9O1xuICAgICY6YmVmb3JlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cGFsZXR0ZS5iYWNrZ3JvdW5kLmxpZ2h0Mn07XG4gICAgfVxuICB9XG4gICY6ZGlzYWJsZWQ6Y2hlY2tlZCArIC5LVUktUmFkaW9fY3VzdG9tOmJlZm9yZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWxldHRlLmdyZXkuZmlmdGVlbkJ9O1xuICB9XG5gXG5cbmNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkLmxhYmVsYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gICY6aG92ZXIge1xuICAgIC5LVUktUmFkaW86bm90KDpkaXNhYmxlZCk6bm90KDpjaGVja2VkKSArIC5LVUktUmFkaW9fY3VzdG9tIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtwYWxldHRlLmJyYW5kLm1haW59O1xuICAgIH1cbiAgICAuS1VJLVJhZGlvOm5vdCg6ZGlzYWJsZWQpOmNoZWNrZWQgKyAuS1VJLVJhZGlvX2N1c3RvbSB7XG4gICAgICBib3JkZXItY29sb3I6ICR7cGFsZXR0ZS5icmFuZC5saWdodH07XG4gICAgfVxuICB9XG5gXG5cbmNvbnN0IFN0eWxlZFJhZGlvTGFiZWwgPSBzdHlsZWQuc3BhbmBcbiAgbWFyZ2luLWxlZnQ6IDE0cHg7XG5gXG4iXX0= */")),y=g("label","production"===process.env.NODE_ENV?{target:"eo3g5k21"}:{target:"eo3g5k21",label:"StyledLabel"})("display:flex;align-items:center;cursor:pointer;&:hover{.KUI-Radio:not(:disabled):not(:checked)+.KUI-Radio_custom{border-color:",A.brand.main,";}.KUI-Radio:not(:disabled):checked+.KUI-Radio_custom{border-color:",A.brand.light,";}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtGZ0MiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiXG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gXCJwcm9wLXR5cGVzXCJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCIuLi8uLi90aGVtZVwiXG5cbmNvbnN0IHsgcGFsZXR0ZSB9ID0gdGhlbWVcblxuY29uc3QgUmFkaW8gPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHsgbGFiZWwsIHZhbHVlLCBpbnB1dFJlZiwgLi4ucmFkaW9Qcm9wcyB9ID0gcHJvcHNcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRMYWJlbCBjbGFzc05hbWU9XCJLVUktUmFkaW9fbGFiZWxcIj5cbiAgICAgIDxTdHlsZWRSYWRpb1xuICAgICAgICByZWY9e2lucHV0UmVmfVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIHR5cGU9XCJyYWRpb1wiXG4gICAgICAgIGNsYXNzTmFtZT1cIktVSS1SYWRpb1wiXG4gICAgICAgIHsuLi5yYWRpb1Byb3BzfVxuICAgICAgLz5cbiAgICAgIDxTdHlsZWRDdXN0b21SYWRpbyBjbGFzc05hbWU9XCJLVUktUmFkaW9fY3VzdG9tXCIgLz5cbiAgICAgIHshIWxhYmVsICYmIChcbiAgICAgICAgPFN0eWxlZFJhZGlvTGFiZWwgY2xhc3NOYW1lPVwiS1VJLUxhYmVsX3JhZGlvXCI+e2xhYmVsfTwvU3R5bGVkUmFkaW9MYWJlbD5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRMYWJlbD5cbiAgKVxufSlcblxuUmFkaW8uZGVmYXVsdFByb3BzID0ge1xuICBsYWJlbDogXCJcIixcbiAgdmFsdWU6IFwiXCIsXG4gIG5hbWU6IFwicmFkaW9cIixcbn1cblxuUmFkaW8ucHJvcFR5cGVzID0ge1xuICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZyxcbiAgZGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxufVxuXG5SYWRpby5kaXNwbGF5TmFtZSA9IFwiUmFkaW9cIlxuXG5leHBvcnQgZGVmYXVsdCBSYWRpb1xuXG5jb25zdCBTdHlsZWRDdXN0b21SYWRpbyA9IHN0eWxlZC5zcGFuYFxuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIHBhZGRpbmc6IDFweDtcbiAgd2lkdGg6IDIwcHg7XG4gIGhlaWdodDogMjBweDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtwYWxldHRlLmdyZXkuZmlmdGVlbkJ9O1xuICB0cmFuc2l0aW9uOiBhbGwgbGluZWFyIDAuM3M7XG4gIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwKTtcbiAgJjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgd2lkdGg6IDE2cHg7XG4gICAgaGVpZ2h0OiAxNnB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhbGV0dGUuZ3JleS56ZXJvfTtcbiAgICB0cmFuc2l0aW9uOiBhbGwgbGluZWFyIDAuMnM7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkUmFkaW8gPSBzdHlsZWQuaW5wdXRgXG4gIG9wYWNpdHk6IDA7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogLTE7XG4gICY6Y2hlY2tlZCArIC5LVUktUmFkaW9fY3VzdG9tOmJlZm9yZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWxldHRlLmJyYW5kLm1haW59O1xuICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybCgnZGF0YTppbWFnZS9zdmcreG1sO2NoYXJzZXQ9dXRmLTgsJTNDc3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB2aWV3Qm94PVwiMCAwIDE2IDE2XCIlM0UlM0NwYXRoIGZpbGwtcnVsZT1cImV2ZW5vZGRcIiBjbGlwLXJ1bGU9XCJldmVub2RkXCIgZD1cIk0xMiA1Yy0uMjggMC0uNTMuMTEtLjcxLjI5TDcgOS41OWwtMi4yOS0yLjNhMS4wMDMgMS4wMDMgMCAwMC0xLjQyIDEuNDJsMyAzYy4xOC4xOC40My4yOS43MS4yOXMuNTMtLjExLjcxLS4yOWw1LTVBMS4wMDMgMS4wMDMgMCAwMDEyIDV6XCIgZmlsbD1cIiUyM2ZmZlwiLyUzRSUzQy9zdmclM0UnKTtcbiAgfVxuICAmOmRpc2FibGVkICsgLktVSS1SYWRpb19jdXN0b20ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cGFsZXR0ZS5iYWNrZ3JvdW5kLmxpZ2h0Mn07XG4gICAgYm9yZGVyLWNvbG9yOiAke3BhbGV0dGUuYmFja2dyb3VuZC5saWdodDJ9O1xuICAgICY6YmVmb3JlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cGFsZXR0ZS5iYWNrZ3JvdW5kLmxpZ2h0Mn07XG4gICAgfVxuICB9XG4gICY6ZGlzYWJsZWQ6Y2hlY2tlZCArIC5LVUktUmFkaW9fY3VzdG9tOmJlZm9yZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWxldHRlLmdyZXkuZmlmdGVlbkJ9O1xuICB9XG5gXG5cbmNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkLmxhYmVsYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gICY6aG92ZXIge1xuICAgIC5LVUktUmFkaW86bm90KDpkaXNhYmxlZCk6bm90KDpjaGVja2VkKSArIC5LVUktUmFkaW9fY3VzdG9tIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtwYWxldHRlLmJyYW5kLm1haW59O1xuICAgIH1cbiAgICAuS1VJLVJhZGlvOm5vdCg6ZGlzYWJsZWQpOmNoZWNrZWQgKyAuS1VJLVJhZGlvX2N1c3RvbSB7XG4gICAgICBib3JkZXItY29sb3I6ICR7cGFsZXR0ZS5icmFuZC5saWdodH07XG4gICAgfVxuICB9XG5gXG5cbmNvbnN0IFN0eWxlZFJhZGlvTGFiZWwgPSBzdHlsZWQuc3BhbmBcbiAgbWFyZ2luLWxlZnQ6IDE0cHg7XG5gXG4iXX0= */")),F=g("span","production"===process.env.NODE_ENV?{target:"eo3g5k20"}:{target:"eo3g5k20",label:"StyledRadioLabel"})("production"===process.env.NODE_ENV?{name:"14j7i7e",styles:"margin-left:14px"}:{name:"14j7i7e",styles:"margin-left:14px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdHb0MiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiXG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gXCJwcm9wLXR5cGVzXCJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCIuLi8uLi90aGVtZVwiXG5cbmNvbnN0IHsgcGFsZXR0ZSB9ID0gdGhlbWVcblxuY29uc3QgUmFkaW8gPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHsgbGFiZWwsIHZhbHVlLCBpbnB1dFJlZiwgLi4ucmFkaW9Qcm9wcyB9ID0gcHJvcHNcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRMYWJlbCBjbGFzc05hbWU9XCJLVUktUmFkaW9fbGFiZWxcIj5cbiAgICAgIDxTdHlsZWRSYWRpb1xuICAgICAgICByZWY9e2lucHV0UmVmfVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIHR5cGU9XCJyYWRpb1wiXG4gICAgICAgIGNsYXNzTmFtZT1cIktVSS1SYWRpb1wiXG4gICAgICAgIHsuLi5yYWRpb1Byb3BzfVxuICAgICAgLz5cbiAgICAgIDxTdHlsZWRDdXN0b21SYWRpbyBjbGFzc05hbWU9XCJLVUktUmFkaW9fY3VzdG9tXCIgLz5cbiAgICAgIHshIWxhYmVsICYmIChcbiAgICAgICAgPFN0eWxlZFJhZGlvTGFiZWwgY2xhc3NOYW1lPVwiS1VJLUxhYmVsX3JhZGlvXCI+e2xhYmVsfTwvU3R5bGVkUmFkaW9MYWJlbD5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRMYWJlbD5cbiAgKVxufSlcblxuUmFkaW8uZGVmYXVsdFByb3BzID0ge1xuICBsYWJlbDogXCJcIixcbiAgdmFsdWU6IFwiXCIsXG4gIG5hbWU6IFwicmFkaW9cIixcbn1cblxuUmFkaW8ucHJvcFR5cGVzID0ge1xuICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZyxcbiAgZGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxufVxuXG5SYWRpby5kaXNwbGF5TmFtZSA9IFwiUmFkaW9cIlxuXG5leHBvcnQgZGVmYXVsdCBSYWRpb1xuXG5jb25zdCBTdHlsZWRDdXN0b21SYWRpbyA9IHN0eWxlZC5zcGFuYFxuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIHBhZGRpbmc6IDFweDtcbiAgd2lkdGg6IDIwcHg7XG4gIGhlaWdodDogMjBweDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtwYWxldHRlLmdyZXkuZmlmdGVlbkJ9O1xuICB0cmFuc2l0aW9uOiBhbGwgbGluZWFyIDAuM3M7XG4gIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwKTtcbiAgJjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgd2lkdGg6IDE2cHg7XG4gICAgaGVpZ2h0OiAxNnB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhbGV0dGUuZ3JleS56ZXJvfTtcbiAgICB0cmFuc2l0aW9uOiBhbGwgbGluZWFyIDAuMnM7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkUmFkaW8gPSBzdHlsZWQuaW5wdXRgXG4gIG9wYWNpdHk6IDA7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogLTE7XG4gICY6Y2hlY2tlZCArIC5LVUktUmFkaW9fY3VzdG9tOmJlZm9yZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWxldHRlLmJyYW5kLm1haW59O1xuICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybCgnZGF0YTppbWFnZS9zdmcreG1sO2NoYXJzZXQ9dXRmLTgsJTNDc3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB2aWV3Qm94PVwiMCAwIDE2IDE2XCIlM0UlM0NwYXRoIGZpbGwtcnVsZT1cImV2ZW5vZGRcIiBjbGlwLXJ1bGU9XCJldmVub2RkXCIgZD1cIk0xMiA1Yy0uMjggMC0uNTMuMTEtLjcxLjI5TDcgOS41OWwtMi4yOS0yLjNhMS4wMDMgMS4wMDMgMCAwMC0xLjQyIDEuNDJsMyAzYy4xOC4xOC40My4yOS43MS4yOXMuNTMtLjExLjcxLS4yOWw1LTVBMS4wMDMgMS4wMDMgMCAwMDEyIDV6XCIgZmlsbD1cIiUyM2ZmZlwiLyUzRSUzQy9zdmclM0UnKTtcbiAgfVxuICAmOmRpc2FibGVkICsgLktVSS1SYWRpb19jdXN0b20ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cGFsZXR0ZS5iYWNrZ3JvdW5kLmxpZ2h0Mn07XG4gICAgYm9yZGVyLWNvbG9yOiAke3BhbGV0dGUuYmFja2dyb3VuZC5saWdodDJ9O1xuICAgICY6YmVmb3JlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cGFsZXR0ZS5iYWNrZ3JvdW5kLmxpZ2h0Mn07XG4gICAgfVxuICB9XG4gICY6ZGlzYWJsZWQ6Y2hlY2tlZCArIC5LVUktUmFkaW9fY3VzdG9tOmJlZm9yZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWxldHRlLmdyZXkuZmlmdGVlbkJ9O1xuICB9XG5gXG5cbmNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkLmxhYmVsYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gICY6aG92ZXIge1xuICAgIC5LVUktUmFkaW86bm90KDpkaXNhYmxlZCk6bm90KDpjaGVja2VkKSArIC5LVUktUmFkaW9fY3VzdG9tIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtwYWxldHRlLmJyYW5kLm1haW59O1xuICAgIH1cbiAgICAuS1VJLVJhZGlvOm5vdCg6ZGlzYWJsZWQpOmNoZWNrZWQgKyAuS1VJLVJhZGlvX2N1c3RvbSB7XG4gICAgICBib3JkZXItY29sb3I6ICR7cGFsZXR0ZS5icmFuZC5saWdodH07XG4gICAgfVxuICB9XG5gXG5cbmNvbnN0IFN0eWxlZFJhZGlvTGFiZWwgPSBzdHlsZWQuc3BhbmBcbiAgbWFyZ2luLWxlZnQ6IDE0cHg7XG5gXG4iXX0= */",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)."}});export{s as default};
+//# sourceMappingURL=index.js.map

package/dist/Radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/theme/colors/index.js","../../src/theme/index.js","../../src/components/Radio/index.js","../../src/theme/breakpoints/index.js","../../src/theme/shadows/index.js","../../src/theme/settings/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, { forwardRef } from \"react\"\nimport PropTypes from \"prop-types\"\nimport styled from \"@emotion/styled\"\nimport { theme } from \"../../theme\"\n\nconst { palette } = theme\n\nconst Radio = forwardRef((props, ref) => {\n  const { label, value, inputRef, ...radioProps } = props\n\n  return (\n    <StyledLabel className=\"KUI-Radio_label\">\n      <StyledRadio\n        ref={inputRef}\n        value={value}\n        type=\"radio\"\n        className=\"KUI-Radio\"\n        {...radioProps}\n      />\n      <StyledCustomRadio className=\"KUI-Radio_custom\" />\n      {!!label && (\n        <StyledRadioLabel className=\"KUI-Label_radio\">{label}</StyledRadioLabel>\n      )}\n    </StyledLabel>\n  )\n})\n\nRadio.defaultProps = {\n  label: \"\",\n  value: \"\",\n  name: \"radio\",\n}\n\nRadio.propTypes = {\n  label: PropTypes.string,\n  disabled: PropTypes.bool,\n}\n\nRadio.displayName = \"Radio\"\n\nexport default Radio\n\nconst StyledCustomRadio = styled.span`\n  border-radius: 50%;\n  padding: 1px;\n  width: 20px;\n  height: 20px;\n  box-sizing: border-box;\n  border: 1px solid ${palette.grey.fifteenB};\n  transition: all linear 0.3s;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  &:before {\n    content: \"\";\n    display: block;\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background-color: ${palette.grey.zero};\n    transition: all linear 0.2s;\n  }\n`\n\nconst StyledRadio = styled.input`\n  opacity: 0;\n  position: absolute;\n  z-index: -1;\n  &:checked + .KUI-Radio_custom:before {\n    background-color: ${palette.brand.main};\n    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"%3E%3Cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 5c-.28 0-.53.11-.71.29L7 9.59l-2.29-2.3a1.003 1.003 0 00-1.42 1.42l3 3c.18.18.43.29.71.29s.53-.11.71-.29l5-5A1.003 1.003 0 0012 5z\" fill=\"%23fff\"/%3E%3C/svg%3E');\n  }\n  &:disabled + .KUI-Radio_custom {\n    background-color: ${palette.background.light2};\n    border-color: ${palette.background.light2};\n    &:before {\n      background-color: ${palette.background.light2};\n    }\n  }\n  &:disabled:checked + .KUI-Radio_custom:before {\n    background-color: ${palette.grey.fifteenB};\n  }\n`\n\nconst StyledLabel = styled.label`\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  &:hover {\n    .KUI-Radio:not(:disabled):not(:checked) + .KUI-Radio_custom {\n      border-color: ${palette.brand.main};\n    }\n    .KUI-Radio:not(:disabled):checked + .KUI-Radio_custom {\n      border-color: ${palette.brand.light};\n    }\n  }\n`\n\nconst StyledRadioLabel = styled.span`\n  margin-left: 14px;\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","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"],"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","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","Radio","forwardRef","props","ref","label","value","inputRef","radioProps","_excluded","_jsxs","StyledLabel","className","children","_jsx","StyledRadio","type","StyledCustomRadio","StyledRadioLabel","defaultProps","name","propTypes","PropTypes","string","bool","displayName","_styled","process","env","NODE_ENV","target","styles","map","toString"],"mappings":"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"}

package/dist/Radio/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "kui-basic/Radio",
+  "private": true,
+  "main": "./index.js",
+  "module": "./index.es.js",
+  "types": "./index.d.ts"
+}

package/dist/ScrollTab/index.d.ts

@@ -0,0 +1,3 @@
+declare const ScrollTab: any
+
+export { ScrollTab as default };

package/dist/ScrollTab/index.js

@@ -0,0 +1,2 @@
+import c from"@emotion/styled/base";import{useRef as l,useEffect as b}from"react";import{Link as I,scroller as e,Events as g}from"react-scroll";import i from"prop-types";import t from"classnames";import{css as n}from"@emotion/react";import{jsx as X}from"@emotion/react/jsx-runtime";function C(c,l){var b=Object.keys(c);if(Object.getOwnPropertySymbols){var I=Object.getOwnPropertySymbols(c);l&&(I=I.filter((function(l){return Object.getOwnPropertyDescriptor(c,l).enumerable}))),b.push.apply(b,I)}return b}function u(c){for(var l=1;l<arguments.length;l++){var b=null!=arguments[l]?arguments[l]:{};l%2?C(Object(b),!0).forEach((function(l){a(c,l,b[l])})):Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(b)):C(Object(b)).forEach((function(l){Object.defineProperty(c,l,Object.getOwnPropertyDescriptor(b,l))}))}return c}function a(c,l,b){return l in c?Object.defineProperty(c,l,{value:b,enumerable:!0,configurable:!0,writable:!0}):c[l]=b,c}function s(c,l){if(null==c)return{};var b,I,e=function(c,l){if(null==c)return{};var b,I,e={},g=Object.keys(c);for(I=0;I<g.length;I++)b=g[I],l.indexOf(b)>=0||(e[b]=c[b]);return e}(c,l);if(Object.getOwnPropertySymbols){var g=Object.getOwnPropertySymbols(c);for(I=0;I<g.length;I++)b=g[I],l.indexOf(b)>=0||Object.prototype.propertyIsEnumerable.call(c,b)&&(e[b]=c[b])}return e}var r={xs:{size:12,height:14},sm:{size:13,height:14,high:20},s:{size:14,height:18,high:22},m:{size:16,height:24},l:{size:18,height:28}},Z={main:"#ED713C",pressed:"#D24C13",hover:"#EA5A1D",light:"#FCEAE2",light2:"#FEF7F3"},m={main:"#18191F",gray60:"#474A57",gray50:"#7F8285",gray40:"#949494",gray30:"#BFBFBF",gray15:"#EAECEF",white:"#FFFFFF",light:"#C4C4C4",disabled:"#A6AEBC"},o={main:"#FBFBFD",light2:"#F7F8F9",light3:"#F2F3F5"},G={green70:"#259E58",green60:"#23A65A",main:"#27AE60",green10:"#EAFCF7",green5:"#F0FDF9"},d={red70:"#D03C1A",red60:"#DA421F",main:"#EB4620",red10:"#FCE3DE",red5:"#FDF0ED"},x={blue70:"#0098B6",blue60:"#009CBB",main:"#00ABCD",blue10:"#D9F2F8",blue5:"#E5F7FA"},p={purple70:"#914BD2",purple60:"#974EDB",main:"#9B51E0",purple10:"#F0E5FA",purple5:"#F7F1FD"},W={palette:{brand:u(u({},Z),{},{background:Z.light2}),grey:{seventy:m.main,sixty:m.gray60,fiftyP:m.gray50,fourty:m.gray40,thirty:m.gray30,fifteenB:m.gray15,zero:m.white},background:u(u({},o),{},{light1:o.main,light4:"#C5C6C7"}),green:{fiftyP:G.main,seventy:G.green70,sixty:G.green60,ten:G.green10,five:G.green5},red:{fiftyP:d.main,seventy:d.red70,sixty:d.red60,ten:d.red10,five:d.red5},blue:{fiftyP:x.main,seventy:x.blue70,sixty:x.blue60,ten:x.blue10,five:x.blue5},purple:{fiftyP:p.main,seventy:p.purple70,sixty:p.purple60,ten:p.purple10,five:p.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}},A=["children","size","className"];function B(c){var l=c.children,b=c.size,I=c.className,e=s(c,A);return X(J,u(u({size:r[b],className:t("KUI-Caption",I)},e),{},{children:l}))}B.defaultProps={size:"m",weight:400,color:"seventy",colorGroup:"grey",disableUserSelect:!1,variant:"default"},B.displayName="Caption",B.propTypes={size:i.oneOf(["xs","sm","s","m","l"]),weight:i.oneOf([400,500,600,700]),disableUserSelect:i.bool,variant:i.oneOf(["default","high"])};var y=function(c){var l=c.size,b=c.weight,I=c.align,e=c.color,g=c.colorGroup,i=c.disSelect,t=c.variant;return n("font-size:",l.size,"px;line-height:","high"===t&&l.high||l.height,"px;font-weight:",b,";text-align:",I,";",i&&"user-select: none",";color:",W.palette[g][e]?W.palette[g][e]:W.palette.grey.seventy,";"+("production"===process.env.NODE_ENV?"":";label:captionSettingsCSS;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtEUyIsImZpbGUiOiJpbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIlxuaW1wb3J0IFByb3BUeXBlcyBmcm9tIFwicHJvcC10eXBlc1wiXG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIlxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCBjYXB0aW9uU2l6ZXMgZnJvbSBcIi4vdmFyaWFudHNcIlxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIlxuXG5mdW5jdGlvbiBDYXB0aW9uKHByb3BzKSB7XG4gIGNvbnN0IHsgY2hpbGRyZW4sIHNpemUsIGNsYXNzTmFtZSwgLi4ub3RoZXJQcm9wcyB9ID0gcHJvcHNcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDYXB0aW9uXG4gICAgICBzaXplPXtjYXB0aW9uU2l6ZXNbc2l6ZV19XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXCJLVUktQ2FwdGlvblwiLCBjbGFzc05hbWUpfVxuICAgICAgey4uLm90aGVyUHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkQ2FwdGlvbj5cbiAgKVxufVxuXG5DYXB0aW9uLmRlZmF1bHRQcm9wcyA9IHtcbiAgc2l6ZTogXCJtXCIsXG4gIHdlaWdodDogNDAwLFxuICBjb2xvcjogXCJzZXZlbnR5XCIsXG4gIGNvbG9yR3JvdXA6IFwiZ3JleVwiLFxuICBkaXNhYmxlVXNlclNlbGVjdDogZmFsc2UsXG4gIHZhcmlhbnQ6IFwiZGVmYXVsdFwiLFxufVxuXG5DYXB0aW9uLmRpc3BsYXlOYW1lID0gXCJDYXB0aW9uXCJcblxuQ2FwdGlvbi5wcm9wVHlwZXMgPSB7XG4gIHNpemU6IFByb3BUeXBlcy5vbmVPZihbXCJ4c1wiLCBcInNtXCIsIFwic1wiLCBcIm1cIiwgXCJsXCJdKSxcbiAgd2VpZ2h0OiBQcm9wVHlwZXMub25lT2YoWzQwMCwgNTAwLCA2MDAsIDcwMF0pLFxuICBkaXNhYmxlVXNlclNlbGVjdDogUHJvcFR5cGVzLmJvb2wsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbXCJkZWZhdWx0XCIsIFwiaGlnaFwiXSksXG59XG5cbmV4cG9ydCBkZWZhdWx0IENhcHRpb25cblxuY29uc3QgY2FwdGlvblNldHRpbmdzQ1NTID0gKHtcbiAgc2l6ZSxcbiAgd2VpZ2h0LFxuICBhbGlnbixcbiAgY29sb3IsXG4gIGNvbG9yR3JvdXAsXG4gIGRpc1NlbGVjdCxcbiAgdmFyaWFudCxcbn0pID0+IGNzc2BcbiAgZm9udC1zaXplOiAke3NpemUuc2l6ZX1weDtcbiAgbGluZS1oZWlnaHQ6ICR7dmFyaWFudCA9PT0gXCJoaWdoXCIgPyBzaXplLmhpZ2ggfHwgc2l6ZS5oZWlnaHQgOiBzaXplLmhlaWdodH1weDtcbiAgZm9udC13ZWlnaHQ6ICR7d2VpZ2h0fTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG4gICR7ZGlzU2VsZWN0ICYmIFwidXNlci1zZWxlY3Q6IG5vbmVcIn07XG4gIGNvbG9yOiAke3RoZW1lLnBhbGV0dGVbY29sb3JHcm91cF1bY29sb3JdXG4gICAgPyB0aGVtZS5wYWxldHRlW2NvbG9yR3JvdXBdW2NvbG9yXVxuICAgIDogdGhlbWUucGFsZXR0ZS5ncmV5LnNldmVudHl9O1xuYFxuXG5jb25zdCBTdHlsZWRDYXB0aW9uID0gc3R5bGVkLnBgXG4gIGZvbnQtZmFtaWx5OiBcIkludGVyXCIsIHNhbnMtc2VyaWY7XG4gIGxldHRlci1zcGFjaW5nOiBub3JtYWw7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICBtYXJnaW46IDA7XG4gICR7Y2FwdGlvblNldHRpbmdzQ1NTfTtcbmBcbiJdfQ== */")},J=c("p","production"===process.env.NODE_ENV?{target:"e1ipa12w0"}:{target:"e1ipa12w0",label:"StyledCaption"})('font-family:"Inter",sans-serif;letter-spacing:normal;text-transform:none;margin:0;',y,";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZEOEIiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSBcInByb3AtdHlwZXNcIlxuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIlxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCJcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgY2FwdGlvblNpemVzIGZyb20gXCIuL3ZhcmlhbnRzXCJcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIi4uLy4uL3RoZW1lXCJcblxuZnVuY3Rpb24gQ2FwdGlvbihwcm9wcykge1xuICBjb25zdCB7IGNoaWxkcmVuLCBzaXplLCBjbGFzc05hbWUsIC4uLm90aGVyUHJvcHMgfSA9IHByb3BzXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ2FwdGlvblxuICAgICAgc2l6ZT17Y2FwdGlvblNpemVzW3NpemVdfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKFwiS1VJLUNhcHRpb25cIiwgY2xhc3NOYW1lKX1cbiAgICAgIHsuLi5vdGhlclByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZENhcHRpb24+XG4gIClcbn1cblxuQ2FwdGlvbi5kZWZhdWx0UHJvcHMgPSB7XG4gIHNpemU6IFwibVwiLFxuICB3ZWlnaHQ6IDQwMCxcbiAgY29sb3I6IFwic2V2ZW50eVwiLFxuICBjb2xvckdyb3VwOiBcImdyZXlcIixcbiAgZGlzYWJsZVVzZXJTZWxlY3Q6IGZhbHNlLFxuICB2YXJpYW50OiBcImRlZmF1bHRcIixcbn1cblxuQ2FwdGlvbi5kaXNwbGF5TmFtZSA9IFwiQ2FwdGlvblwiXG5cbkNhcHRpb24ucHJvcFR5cGVzID0ge1xuICBzaXplOiBQcm9wVHlwZXMub25lT2YoW1wieHNcIiwgXCJzbVwiLCBcInNcIiwgXCJtXCIsIFwibFwiXSksXG4gIHdlaWdodDogUHJvcFR5cGVzLm9uZU9mKFs0MDAsIDUwMCwgNjAwLCA3MDBdKSxcbiAgZGlzYWJsZVVzZXJTZWxlY3Q6IFByb3BUeXBlcy5ib29sLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoW1wiZGVmYXVsdFwiLCBcImhpZ2hcIl0pLFxufVxuXG5leHBvcnQgZGVmYXVsdCBDYXB0aW9uXG5cbmNvbnN0IGNhcHRpb25TZXR0aW5nc0NTUyA9ICh7XG4gIHNpemUsXG4gIHdlaWdodCxcbiAgYWxpZ24sXG4gIGNvbG9yLFxuICBjb2xvckdyb3VwLFxuICBkaXNTZWxlY3QsXG4gIHZhcmlhbnQsXG59KSA9PiBjc3NgXG4gIGZvbnQtc2l6ZTogJHtzaXplLnNpemV9cHg7XG4gIGxpbmUtaGVpZ2h0OiAke3ZhcmlhbnQgPT09IFwiaGlnaFwiID8gc2l6ZS5oaWdoIHx8IHNpemUuaGVpZ2h0IDogc2l6ZS5oZWlnaHR9cHg7XG4gIGZvbnQtd2VpZ2h0OiAke3dlaWdodH07XG4gIHRleHQtYWxpZ246ICR7YWxpZ259O1xuICAke2Rpc1NlbGVjdCAmJiBcInVzZXItc2VsZWN0OiBub25lXCJ9O1xuICBjb2xvcjogJHt0aGVtZS5wYWxldHRlW2NvbG9yR3JvdXBdW2NvbG9yXVxuICAgID8gdGhlbWUucGFsZXR0ZVtjb2xvckdyb3VwXVtjb2xvcl1cbiAgICA6IHRoZW1lLnBhbGV0dGUuZ3JleS5zZXZlbnR5fTtcbmBcblxuY29uc3QgU3R5bGVkQ2FwdGlvbiA9IHN0eWxlZC5wYFxuICBmb250LWZhbWlseTogXCJJbnRlclwiLCBzYW5zLXNlcmlmO1xuICBsZXR0ZXItc3BhY2luZzogbm9ybWFsO1xuICB0ZXh0LXRyYW5zZm9ybTogbm9uZTtcbiAgbWFyZ2luOiAwO1xuICAke2NhcHRpb25TZXR0aW5nc0NTU307XG5gXG4iXX0= */"));var V=function(c){var I=c.selected,i=c.value,t=c.label,n=c.name,C=c.onChange,u=c.offset,a=c.isScrolling,s=c.setIsScrolling,r=c.setIsIndicatorHidden,Z=c.isActive,m=c.setIsActive,o=l(!0),G=l(a),d=function(c){setTimeout((function(){r(!1),m(!0)})),!a&&C&&C(c,i)};b((function(){o.current=Z}),[Z]),b((function(){G.current=a}),[a]);var x=function(){s(!1)};b((function(){return I&&e.scrollTo(n,{offset:u}),g.scrollEvent.register("begin",(function(c,l){s(!0)})),g.scrollEvent.register("end",(function(c,l){setTimeout(x)})),function(){g.scrollEvent.remove("begin"),g.scrollEvent.remove("end")}}),[]);return X(N,{to:n,spy:!0,smooth:!0,duration:600,offset:u,onSetActive:d,onSetInactive:function(){m(!1),setTimeout((function(){o.current||G.current||r(!0)}),10)},className:"KUI-ScrollTab",role:"tab","aria-selected":I,tabIndex:I?0:-1,"aria-controls":"tabpanel-".concat(i),id:"tab-".concat(i),onKeyDown:function(c){switch(c.key){case"Enter":case"Space":d(c),e.scrollTo(n,{offset:u})}},onClick:function(c){!I&&C&&C(c,i)},children:X(B,{weight:600,size:"sm",color:"white",children:t})})},N=c(I,"production"===process.env.NODE_ENV?{target:"e1h16abb0"}:{target:"e1h16abb0",label:"StyledScrollTab"})("production"===process.env.NODE_ENV?{name:"otoogb",styles:"margin-right:24px;height:64px;border:none;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;&:last-child{margin-right:0;}"}:{name:"otoogb",styles:"margin-right:24px;height:64px;border:none;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;&:last-child{margin-right:0;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJIb0MiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIlxyXG5pbXBvcnQgeyBMaW5rLCBzY3JvbGxlciwgRXZlbnRzIH0gZnJvbSBcInJlYWN0LXNjcm9sbFwiXHJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiXHJcbmltcG9ydCBDYXB0aW9uIGZyb20gXCIuLi9DYXB0aW9uXCJcclxuXHJcbmNvbnN0IFNjcm9sbFRhYiA9ICh7XHJcbiAgc2VsZWN0ZWQsXHJcbiAgdmFsdWUsXHJcbiAgbGFiZWwsXHJcbiAgbmFtZSxcclxuICBvbkNoYW5nZSxcclxuICBvZmZzZXQsXHJcbiAgaXNTY3JvbGxpbmcsXHJcbiAgc2V0SXNTY3JvbGxpbmcsXHJcbiAgc2V0SXNJbmRpY2F0b3JIaWRkZW4sXHJcbiAgaXNBY3RpdmUsXHJcbiAgc2V0SXNBY3RpdmUsXHJcbn0pID0+IHtcclxuICBjb25zdCBhY3RpdmVSZWYgPSB1c2VSZWYodHJ1ZSlcclxuICBjb25zdCBzY3JvbGxpbmdSZWYgPSB1c2VSZWYoaXNTY3JvbGxpbmcpXHJcblxyXG4gIGNvbnN0IGhhbmRsZVNlbGVjdCA9IChlKSA9PiB7XHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgc2V0SXNJbmRpY2F0b3JIaWRkZW4oZmFsc2UpXHJcbiAgICAgIHNldElzQWN0aXZlKHRydWUpXHJcbiAgICB9KVxyXG4gICAgaWYgKCFpc1Njcm9sbGluZyAmJiBvbkNoYW5nZSkge1xyXG4gICAgICBvbkNoYW5nZShlLCB2YWx1ZSlcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGNvbnN0IGhhbmRsZUluYWN0aXZlID0gKCkgPT4ge1xyXG4gICAgc2V0SXNBY3RpdmUoZmFsc2UpXHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgaWYgKCFhY3RpdmVSZWYuY3VycmVudCAmJiAhc2Nyb2xsaW5nUmVmLmN1cnJlbnQpIHtcclxuICAgICAgICBzZXRJc0luZGljYXRvckhpZGRlbih0cnVlKVxyXG4gICAgICB9XHJcbiAgICB9LCAxMClcclxuICB9XHJcblxyXG4gIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICBhY3RpdmVSZWYuY3VycmVudCA9IGlzQWN0aXZlXHJcbiAgfSwgW2lzQWN0aXZlXSlcclxuXHJcbiAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgIHNjcm9sbGluZ1JlZi5jdXJyZW50ID0gaXNTY3JvbGxpbmdcclxuICB9LCBbaXNTY3JvbGxpbmddKVxyXG5cclxuICBjb25zdCBoYW5kbGVLZXlEb3duID0gKGUpID0+IHtcclxuICAgIHN3aXRjaCAoZS5rZXkpIHtcclxuICAgICAgY2FzZSBcIkVudGVyXCI6XHJcbiAgICAgICAgaGFuZGxlU2VsZWN0KGUpXHJcbiAgICAgICAgc2Nyb2xsZXIuc2Nyb2xsVG8obmFtZSwgeyBvZmZzZXQgfSlcclxuICAgICAgICBicmVha1xyXG4gICAgICBjYXNlIFwiU3BhY2VcIjpcclxuICAgICAgICBoYW5kbGVTZWxlY3QoZSlcclxuICAgICAgICBzY3JvbGxlci5zY3JvbGxUbyhuYW1lLCB7IG9mZnNldCB9KVxyXG4gICAgICAgIGJyZWFrXHJcbiAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgYnJlYWtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGNvbnN0IHN0YXJ0U2Nyb2xsaW5nID0gKCkgPT4ge1xyXG4gICAgc2V0SXNTY3JvbGxpbmcodHJ1ZSlcclxuICB9XHJcblxyXG4gIGNvbnN0IGVuZFNjcm9sbGluZyA9ICgpID0+IHtcclxuICAgIHNldElzU2Nyb2xsaW5nKGZhbHNlKVxyXG4gIH1cclxuXHJcbiAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgIGlmIChzZWxlY3RlZCkge1xyXG4gICAgICBzY3JvbGxlci5zY3JvbGxUbyhuYW1lLCB7IG9mZnNldCB9KVxyXG4gICAgfVxyXG5cclxuICAgIEV2ZW50cy5zY3JvbGxFdmVudC5yZWdpc3RlcihcImJlZ2luXCIsICh0bywgZWxlbWVudCkgPT4ge1xyXG4gICAgICBzdGFydFNjcm9sbGluZygpXHJcbiAgICB9KVxyXG5cclxuICAgIEV2ZW50cy5zY3JvbGxFdmVudC5yZWdpc3RlcihcImVuZFwiLCAodG8sIGVsZW1lbnQpID0+IHtcclxuICAgICAgc2V0VGltZW91dChlbmRTY3JvbGxpbmcpXHJcbiAgICB9KVxyXG5cclxuICAgIHJldHVybiAoKSA9PiB7XHJcbiAgICAgIEV2ZW50cy5zY3JvbGxFdmVudC5yZW1vdmUoXCJiZWdpblwiKVxyXG4gICAgICBFdmVudHMuc2Nyb2xsRXZlbnQucmVtb3ZlKFwiZW5kXCIpXHJcbiAgICB9XHJcbiAgfSwgW10pXHJcblxyXG4gIGNvbnN0IGhhbmRsZUNsaWNrID0gKGUpID0+IHtcclxuICAgIGlmICghc2VsZWN0ZWQgJiYgb25DaGFuZ2UpIHtcclxuICAgICAgb25DaGFuZ2UoZSwgdmFsdWUpXHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICByZXR1cm4gKFxyXG4gICAgPFN0eWxlZFNjcm9sbFRhYlxyXG4gICAgICB0bz17bmFtZX1cclxuICAgICAgc3B5XHJcbiAgICAgIHNtb290aFxyXG4gICAgICBkdXJhdGlvbj17NjAwfVxyXG4gICAgICBvZmZzZXQ9e29mZnNldH1cclxuICAgICAgb25TZXRBY3RpdmU9e2hhbmRsZVNlbGVjdH1cclxuICAgICAgb25TZXRJbmFjdGl2ZT17aGFuZGxlSW5hY3RpdmV9XHJcbiAgICAgIGNsYXNzTmFtZT1cIktVSS1TY3JvbGxUYWJcIlxyXG4gICAgICByb2xlPVwidGFiXCJcclxuICAgICAgYXJpYS1zZWxlY3RlZD17c2VsZWN0ZWR9XHJcbiAgICAgIHRhYkluZGV4PXtzZWxlY3RlZCA/IDAgOiAtMX1cclxuICAgICAgYXJpYS1jb250cm9scz17YHRhYnBhbmVsLSR7dmFsdWV9YH1cclxuICAgICAgaWQ9e2B0YWItJHt2YWx1ZX1gfVxyXG4gICAgICBvbktleURvd249e2hhbmRsZUtleURvd259XHJcbiAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxyXG4gICAgPlxyXG4gICAgICA8Q2FwdGlvbiB3ZWlnaHQ9ezYwMH0gc2l6ZT1cInNtXCIgY29sb3I9XCJ3aGl0ZVwiPlxyXG4gICAgICAgIHtsYWJlbH1cclxuICAgICAgPC9DYXB0aW9uPlxyXG4gICAgPC9TdHlsZWRTY3JvbGxUYWI+XHJcbiAgKVxyXG59XHJcblxyXG5leHBvcnQgZGVmYXVsdCBTY3JvbGxUYWJcclxuXHJcbmNvbnN0IFN0eWxlZFNjcm9sbFRhYiA9IHN0eWxlZChMaW5rKWBcclxuICBtYXJnaW4tcmlnaHQ6IDI0cHg7XHJcbiAgaGVpZ2h0OiA2NHB4O1xyXG4gIGJvcmRlcjogbm9uZTtcclxuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcclxuICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgcGFkZGluZzogMDtcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgJjpsYXN0LWNoaWxkIHtcclxuICAgIG1hcmdpbi1yaWdodDogMDtcclxuICB9XHJcbmBcclxuIl19 */",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)."}});export{V as default};
+//# sourceMappingURL=index.js.map

package/dist/ScrollTab/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/components/Caption/variants.js","../../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/Caption/index.js","../../src/components/ScrollTab/index.js"],"sourcesContent":["const captionSizes = {\n  xs: {\n    size: 12,\n    height: 14,\n  },\n  sm: {\n    size: 13,\n    height: 14,\n    high: 20,\n  },\n  s: {\n    size: 14,\n    height: 18,\n    high: 22,\n  },\n  m: {\n    size: 16,\n    height: 24,\n  },\n  l: {\n    size: 18,\n    height: 28,\n  },\n}\n\nexport default captionSizes\n","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","import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport classNames from \"classnames\"\nimport styled from \"@emotion/styled\"\nimport { css } from \"@emotion/react\"\nimport captionSizes from \"./variants\"\nimport { theme } from \"../../theme\"\n\nfunction Caption(props) {\n  const { children, size, className, ...otherProps } = props\n\n  return (\n    <StyledCaption\n      size={captionSizes[size]}\n      className={classNames(\"KUI-Caption\", className)}\n      {...otherProps}\n    >\n      {children}\n    </StyledCaption>\n  )\n}\n\nCaption.defaultProps = {\n  size: \"m\",\n  weight: 400,\n  color: \"seventy\",\n  colorGroup: \"grey\",\n  disableUserSelect: false,\n  variant: \"default\",\n}\n\nCaption.displayName = \"Caption\"\n\nCaption.propTypes = {\n  size: PropTypes.oneOf([\"xs\", \"sm\", \"s\", \"m\", \"l\"]),\n  weight: PropTypes.oneOf([400, 500, 600, 700]),\n  disableUserSelect: PropTypes.bool,\n  variant: PropTypes.oneOf([\"default\", \"high\"]),\n}\n\nexport default Caption\n\nconst captionSettingsCSS = ({\n  size,\n  weight,\n  align,\n  color,\n  colorGroup,\n  disSelect,\n  variant,\n}) => css`\n  font-size: ${size.size}px;\n  line-height: ${variant === \"high\" ? size.high || size.height : size.height}px;\n  font-weight: ${weight};\n  text-align: ${align};\n  ${disSelect && \"user-select: none\"};\n  color: ${theme.palette[colorGroup][color]\n    ? theme.palette[colorGroup][color]\n    : theme.palette.grey.seventy};\n`\n\nconst StyledCaption = styled.p`\n  font-family: \"Inter\", sans-serif;\n  letter-spacing: normal;\n  text-transform: none;\n  margin: 0;\n  ${captionSettingsCSS};\n`\n","import React, { useEffect, useRef } from \"react\"\r\nimport { Link, scroller, Events } from \"react-scroll\"\r\nimport styled from \"@emotion/styled\"\r\nimport Caption from \"../Caption\"\r\n\r\nconst ScrollTab = ({\r\n  selected,\r\n  value,\r\n  label,\r\n  name,\r\n  onChange,\r\n  offset,\r\n  isScrolling,\r\n  setIsScrolling,\r\n  setIsIndicatorHidden,\r\n  isActive,\r\n  setIsActive,\r\n}) => {\r\n  const activeRef = useRef(true)\r\n  const scrollingRef = useRef(isScrolling)\r\n\r\n  const handleSelect = (e) => {\r\n    setTimeout(() => {\r\n      setIsIndicatorHidden(false)\r\n      setIsActive(true)\r\n    })\r\n    if (!isScrolling && onChange) {\r\n      onChange(e, value)\r\n    }\r\n  }\r\n\r\n  const handleInactive = () => {\r\n    setIsActive(false)\r\n    setTimeout(() => {\r\n      if (!activeRef.current && !scrollingRef.current) {\r\n        setIsIndicatorHidden(true)\r\n      }\r\n    }, 10)\r\n  }\r\n\r\n  useEffect(() => {\r\n    activeRef.current = isActive\r\n  }, [isActive])\r\n\r\n  useEffect(() => {\r\n    scrollingRef.current = isScrolling\r\n  }, [isScrolling])\r\n\r\n  const handleKeyDown = (e) => {\r\n    switch (e.key) {\r\n      case \"Enter\":\r\n        handleSelect(e)\r\n        scroller.scrollTo(name, { offset })\r\n        break\r\n      case \"Space\":\r\n        handleSelect(e)\r\n        scroller.scrollTo(name, { offset })\r\n        break\r\n      default:\r\n        break\r\n    }\r\n  }\r\n\r\n  const startScrolling = () => {\r\n    setIsScrolling(true)\r\n  }\r\n\r\n  const endScrolling = () => {\r\n    setIsScrolling(false)\r\n  }\r\n\r\n  useEffect(() => {\r\n    if (selected) {\r\n      scroller.scrollTo(name, { offset })\r\n    }\r\n\r\n    Events.scrollEvent.register(\"begin\", (to, element) => {\r\n      startScrolling()\r\n    })\r\n\r\n    Events.scrollEvent.register(\"end\", (to, element) => {\r\n      setTimeout(endScrolling)\r\n    })\r\n\r\n    return () => {\r\n      Events.scrollEvent.remove(\"begin\")\r\n      Events.scrollEvent.remove(\"end\")\r\n    }\r\n  }, [])\r\n\r\n  const handleClick = (e) => {\r\n    if (!selected && onChange) {\r\n      onChange(e, value)\r\n    }\r\n  }\r\n\r\n  return (\r\n    <StyledScrollTab\r\n      to={name}\r\n      spy\r\n      smooth\r\n      duration={600}\r\n      offset={offset}\r\n      onSetActive={handleSelect}\r\n      onSetInactive={handleInactive}\r\n      className=\"KUI-ScrollTab\"\r\n      role=\"tab\"\r\n      aria-selected={selected}\r\n      tabIndex={selected ? 0 : -1}\r\n      aria-controls={`tabpanel-${value}`}\r\n      id={`tab-${value}`}\r\n      onKeyDown={handleKeyDown}\r\n      onClick={handleClick}\r\n    >\r\n      <Caption weight={600} size=\"sm\" color=\"white\">\r\n        {label}\r\n      </Caption>\r\n    </StyledScrollTab>\r\n  )\r\n}\r\n\r\nexport default ScrollTab\r\n\r\nconst StyledScrollTab = styled(Link)`\r\n  margin-right: 24px;\r\n  height: 64px;\r\n  border: none;\r\n  background: transparent;\r\n  cursor: pointer;\r\n  padding: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  &:last-child {\r\n    margin-right: 0;\r\n  }\r\n`\r\n"],"names":["captionSizes","xs","size","height","sm","high","s","m","l","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","md","lg","xl","shadows","shadow1","shadow2","shadow3","shadow4","settings","spacing","columns","Caption","props","children","className","otherProps","_excluded","_jsx","StyledCaption","classNames","defaultProps","weight","color","colorGroup","disableUserSelect","variant","displayName","propTypes","PropTypes","oneOf","bool","captionSettingsCSS","_ref","align","disSelect","css","process","env","NODE_ENV","_styled","target","label","ScrollTab","selected","value","name","onChange","offset","isScrolling","setIsScrolling","setIsIndicatorHidden","isActive","setIsActive","activeRef","useRef","scrollingRef","handleSelect","e","setTimeout","useEffect","current","endScrolling","scroller","scrollTo","Events","scrollEvent","register","to","element","remove","StyledScrollTab","spy","smooth","duration","onSetActive","onSetInactive","role","tabIndex","concat","id","onKeyDown","key","onClick","Link","styles","map","toString"],"mappings":"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"}

package/dist/ScrollTab/package.json

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

package/dist/Skeleton/index.d.ts

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

package/dist/Skeleton/index.js

@@ -0,0 +1,2 @@
+import c from"@emotion/styled/base";import"react";import t from"classnames";import{keyframes as e}from"@emotion/react";import{jsx as r}from"@emotion/react/jsx-runtime";function n(c,t){var e=Object.keys(c);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(c);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(c,t).enumerable}))),e.push.apply(e,r)}return e}function l(c,t,e){return t in c?Object.defineProperty(c,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):c[t]=e,c}function b(c,t){if(null==c)return{};var e,r,n=function(c,t){if(null==c)return{};var e,r,n={},l=Object.keys(c);for(r=0;r<l.length;r++)e=l[r],t.indexOf(e)>=0||(n[e]=c[e]);return n}(c,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(c);for(r=0;r<l.length;r++)e=l[r],t.indexOf(e)>=0||Object.prototype.propertyIsEnumerable.call(c,e)&&(n[e]=c[e])}return n}var o,g=["className"];function i(c){var e=c.className,o=b(c,g);return r(m,function(c){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?n(Object(e),!0).forEach((function(t){l(c,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(e)):n(Object(e)).forEach((function(t){Object.defineProperty(c,t,Object.getOwnPropertyDescriptor(e,t))}))}return c}({className:t("KUI-Skeleton",e)},o))}var a,I,u=e(o||(a=["\n  0% {\n    transform: translateX(-100%);\n  }\n  50% {\n    transform: translateX(100%);\n  }\n  100% {\n    transform: translateX(100%);\n  }\n"],I||(I=a.slice(0)),o=Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(I)}})))),m=c("span","production"===process.env.NODE_ENV?{target:"e1ytfgor0"}:{target:"e1ytfgor0",label:"StyledSkeleton"})('overflow:hidden;position:relative;display:block;background-color:rgba(0, 0, 0, 0.11);height:1.2em;&::before{content:"";display:block;padding-top:100%;}&::after{top:0;left:0;right:0;bottom:0;content:"";position:absolute;animation:',u," 1.6s linear 0.5s infinite;transform:translateX(-100%);background:linear-gradient(\n      90deg,\n      transparent,\n      rgba(0, 0, 0, 0.04),\n      transparent\n    );}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCa0MiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcclxuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIlxyXG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIlxyXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIlxyXG5cclxuZnVuY3Rpb24gU2tlbGV0b24oeyBjbGFzc05hbWUsIC4uLm90aGVyUHJvcHMgfSkge1xyXG4gIHJldHVybiAoXHJcbiAgICA8U3R5bGVkU2tlbGV0b25cclxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKFwiS1VJLVNrZWxldG9uXCIsIGNsYXNzTmFtZSl9XHJcbiAgICAgIHsuLi5vdGhlclByb3BzfVxyXG4gICAgLz5cclxuICApXHJcbn1cclxuXHJcbmV4cG9ydCBkZWZhdWx0IFNrZWxldG9uXHJcblxyXG5jb25zdCB3YXZlQW5pbSA9IGtleWZyYW1lc2BcclxuICAwJSB7XHJcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwMCUpO1xyXG4gIH1cclxuICA1MCUge1xyXG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xyXG4gIH1cclxuICAxMDAlIHtcclxuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKTtcclxuICB9XHJcbmBcclxuXHJcbmNvbnN0IFN0eWxlZFNrZWxldG9uID0gc3R5bGVkLnNwYW5gXHJcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgZGlzcGxheTogYmxvY2s7XHJcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjExKTtcclxuICBoZWlnaHQ6IDEuMmVtO1xyXG4gICY6OmJlZm9yZSB7XHJcbiAgICBjb250ZW50OiBcIlwiO1xyXG4gICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICBwYWRkaW5nLXRvcDogMTAwJTtcclxuICB9XHJcbiAgJjo6YWZ0ZXIge1xyXG4gICAgdG9wOiAwO1xyXG4gICAgbGVmdDogMDtcclxuICAgIHJpZ2h0OiAwO1xyXG4gICAgYm90dG9tOiAwO1xyXG4gICAgY29udGVudDogXCJcIjtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIGFuaW1hdGlvbjogJHt3YXZlQW5pbX0gMS42cyBsaW5lYXIgMC41cyBpbmZpbml0ZTtcclxuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7XHJcbiAgICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXHJcbiAgICAgIDkwZGVnLFxyXG4gICAgICB0cmFuc3BhcmVudCxcclxuICAgICAgcmdiYSgwLCAwLCAwLCAwLjA0KSxcclxuICAgICAgdHJhbnNwYXJlbnRcclxuICAgICk7XHJcbiAgfVxyXG5gXHJcbiJdfQ== */"));export{i as default};
+//# sourceMappingURL=index.js.map

package/dist/Skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/components/Skeleton/index.js"],"sourcesContent":["import React from \"react\"\r\nimport classNames from \"classnames\"\r\nimport { keyframes } from \"@emotion/react\"\r\nimport styled from \"@emotion/styled\"\r\n\r\nfunction Skeleton({ className, ...otherProps }) {\r\n  return (\r\n    <StyledSkeleton\r\n      className={classNames(\"KUI-Skeleton\", className)}\r\n      {...otherProps}\r\n    />\r\n  )\r\n}\r\n\r\nexport default Skeleton\r\n\r\nconst waveAnim = keyframes`\r\n  0% {\r\n    transform: translateX(-100%);\r\n  }\r\n  50% {\r\n    transform: translateX(100%);\r\n  }\r\n  100% {\r\n    transform: translateX(100%);\r\n  }\r\n`\r\n\r\nconst StyledSkeleton = styled.span`\r\n  overflow: hidden;\r\n  position: relative;\r\n  display: block;\r\n  background-color: rgba(0, 0, 0, 0.11);\r\n  height: 1.2em;\r\n  &::before {\r\n    content: \"\";\r\n    display: block;\r\n    padding-top: 100%;\r\n  }\r\n  &::after {\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    content: \"\";\r\n    position: absolute;\r\n    animation: ${waveAnim} 1.6s linear 0.5s infinite;\r\n    transform: translateX(-100%);\r\n    background: linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(0, 0, 0, 0.04),\r\n      transparent\r\n    );\r\n  }\r\n`\r\n"],"names":["Skeleton","_ref","className","otherProps","_objectWithoutProperties","_excluded","_jsx","StyledSkeleton","_objectSpread","classNames","waveAnim","keyframes","_templateObject","_styled","process","env","NODE_ENV","target","label"],"mappings":"w4BAKA,SAASA,EAAuCC,GAAA,IAA5BC,IAAAA,UAAcC,EAAUC,EAAAH,EAAAI,GAC1C,OACEC,EAACC,iWAAcC,CAAA,CACbN,UAAWO,EAAW,eAAgBP,IAClCC,GAGV,CAIA,QAAMO,EAAWC,EAUhBC,MAAA,CAAA,yKAAAA,6EAEKL,EAAcM,EAAA,OAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,kBAAAL,CAAA,wOAkBHH,EAShB,gLAAA,eAAAI,QAAAC,IAAAC,SAAA,GAAA"}

package/dist/Skeleton/package.json

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

package/dist/StaticPopper/index.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+
+type PopperPlacements =
+  | "right"
+  | "left"
+  | "topStart"
+  | "topMiddle"
+  | "topEnd"
+  | "bottomStart"
+  | "bottomMiddle"
+  | "bottomEnd"
+
+type PopperBaseProps = {
+  open?: boolean
+  placement?: PopperPlacements
+  withArrow?: boolean
+  spacing?: string
+  className?: string
+} & React.HTMLAttributes<HTMLDivElement>
+
+declare const StaticPopper: (props: PopperBaseProps) => React.ReactElement
+
+export { StaticPopper as default };

package/dist/StaticPopper/index.js

@@ -0,0 +1,2 @@
+import{forwardRef as t,useRef as e,useState as c,useEffect as n}from"react";import r from"@emotion/styled/base";import i from"classnames";import{jsx as o}from"@emotion/react/jsx-runtime";function b(t,e){var c=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),c.push.apply(c,n)}return c}function g(t){for(var e=1;e<arguments.length;e++){var c=null!=arguments[e]?arguments[e]:{};e%2?b(Object(c),!0).forEach((function(e){l(t,e,c[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(c)):b(Object(c)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(c,e))}))}return t}function l(t,e,c){return e in t?Object.defineProperty(t,e,{value:c,enumerable:!0,configurable:!0,writable:!0}):t[e]=c,t}function I(t,e){if(null==t)return{};var c,n,r=function(t,e){if(null==t)return{};var c,n,r={},i=Object.keys(t);for(n=0;n<i.length;n++)c=i[n],e.indexOf(c)>=0||(r[c]=t[c]);return r}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n<i.length;n++)c=i[n],e.indexOf(c)>=0||Object.prototype.propertyIsEnumerable.call(t,c)&&(r[c]=t[c])}return r}function u(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var c=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null==c)return;var n,r,i=[],o=!0,b=!1;try{for(c=c.call(t);!(o=(n=c.next()).done)&&(i.push(n.value),!e||i.length!==e);o=!0);}catch(t){b=!0,r=t}finally{try{o||null==c.return||c.return()}finally{if(b)throw r}}return i}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return a(t,e);var c=Object.prototype.toString.call(t).slice(8,-1);"Object"===c&&t.constructor&&(c=t.constructor.name);if("Map"===c||"Set"===c)return Array.from(t);if("Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c))return a(t,e)}(t,e)||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 a(t,e){(null==e||e>t.length)&&(e=t.length);for(var c=0,n=new Array(e);c<e;c++)n[c]=t[c];return n}var s=["placement","open","children","spacing","className","style"];var p=t((function(t,e){t.placement;var c=t.open,n=t.children,r=t.spacing,b=t.className,l=t.style,u=I(t,s);return o(d,{ref:e,className:i("KUI-Popper",c&&"KUI-Popper_open",b),spacing:r,style:l,children:o(G,g(g({open:!!c},u),{},{children:n}))})})),d=r("div","production"===process.env.NODE_ENV?{target:"evhom021"}:{target:"evhom021",label:"StyledPopperWrapper"})("position:absolute;max-width:215px;width:max-content;padding:",(function(t){return t.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== */")),G=r("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)."}}),m={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}},X=["placement","contentRef"],Z=t((function(t,r){var i=t.placement,b=t.contentRef,l=I(t,X),a=e(null),s=u(c(null),2),d=s[0],G=s[1],Z=u(c(null),2),C=Z[0],B=Z[1],w={};if(n((function(){b.current&&a.current&&(G({width:b.current.clientWidth,height:b.current.clientHeight}),B({width:a.current.clientWidth,height:a.current.clientHeight}))}),[]),d&&C){var y=m[null!=i?i:"bottomMiddle"];w={top:y.top?0-C.height:0+d.height,left:Math.max(d.width*y.offset-C.width*y.offset,0)}}return o(p,g({ref:function(t){r&&(r.current=t),a.current=t},style:w},l))}));export{Z as default};
+//# sourceMappingURL=index.js.map

package/dist/StaticPopper/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"],"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"],"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"],"mappings":"0vEAIA,IAAMA,EAAaC,GAAW,SAACC,EAAOC,GAElCD,EADME,cAAWC,EACjBH,EADiBG,KAAMC,EACvBJ,EADuBI,SAAUC,EACjCL,EADiCK,QAASC,EAC1CN,EAD0CM,UAAWC,EACrDP,EADqDO,MAAUC,IAC/DR,EAAKS,GAEP,OACEC,EAACC,EAAmB,CAClBV,IAAKA,EACLK,UAAWM,EAAW,aAAcT,GAAQ,kBAAmBG,GAC/DD,QAASA,EACTE,MAAOA,EAAMH,SAEbM,EAACG,EAAYC,EAAAA,EAAA,CAACX,OAAQA,GAAUK,GAAK,GAAA,CAAAJ,SAClCA,MAIT,IAIMO,EAAmBI,EAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,YAAA,CAAAA,OAAA,WAAAC,MAAA,uBAAAL,CAIZ,gEAAA,SAAAM,GAAU,SAAPhB,SAAyB,CAAC,GAezC,+MAAA,eAAAW,QAAAC,IAAAC,SAAA,GAAA,g2DAEKL,EAAYE,EAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,YAAA,CAAAA,OAAA,WAAAC,MAAA,gBAAAL,CAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAI,KAAA,UAAAC,OAAA,iIAAA,CAAAD,KAAA,UAAAC,OAAA,gIAAAC,IAAA,81DAAAC,+PC7CZC,EAAsB,CAC1BC,YAAa,CACXC,OAAQ,EACRC,OAAQ,GAEVC,aAAc,CACZF,OAAQ,EACRC,OAAQ,IAEVE,UAAW,CACTH,OAAQ,EACRC,OAAQ,GAEVG,SAAU,CACRC,IAAK,EACLJ,OAAQ,GAEVK,UAAW,CACTD,IAAK,EACLJ,OAAQ,IAEVM,OAAQ,CACNF,IAAK,EACLJ,OAAQ,iCCnBNO,EAAerC,GAAW,SAACC,EAAOC,GACtC,IAAQC,EAAoCF,EAApCE,UAAWmC,EAAyBrC,EAAzBqC,WAAe7B,IAAUR,EAAKS,GAC3C6B,EAAYC,EAAO,MAC2BC,EAAAC,EAAdC,EAAS,MAAK,GAA7CC,EAAWH,EAAA,GAAEI,EAAcJ,EAAA,GACgBK,EAAAJ,EAAdC,EAAS,MAAK,GAA3CI,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GAC5BG,EAAW,CAAA,EAgBf,GAdAC,GAAU,WACJZ,EAAWa,SAAWZ,EAAUY,UAClCN,EAAe,CACbO,MAAOd,EAAWa,QAAQE,YAC1BC,OAAQhB,EAAWa,QAAQI,eAG7BP,EAAc,CACZI,MAAOb,EAAUY,QAAQE,YACzBC,OAAQf,EAAUY,QAAQI,eAG/B,GAAE,IAECX,GAAeG,EAAY,CAC7B,IAAMS,EAEJ7B,EAAoBxB,QAAAA,EAAa,gBACnC8C,EAAW,CACTf,IAAKsB,EAAmBtB,IACpB,EAAIa,EAAWO,OACf,EAAIV,EAAYU,OACpBG,KAAMC,KAAKC,IACTf,EAAYQ,MAAQI,EAAmB1B,OACrCiB,EAAWK,MAAQI,EAAmB1B,OACxC,GAGN,CAWA,OAAOnB,EAACZ,EAAUgB,EAAA,CAACb,IATE,SAAC0D,GAChB1D,IAEFA,EAAIiD,QAAUS,GAGhBrB,EAAUY,QAAUS,GAGgBpD,MAAOyC,GAAcxC,GAC7D"}

package/dist/StaticPopper/package.json

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

package/dist/Switch/index.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+
+type SwitchSizes = "s" | "m" | "l"
+
+// @ts-ignore
+interface SwitchProps
+  extends React.DetailedHTMLProps<
+      React.InputHTMLAttributes<HTMLInputElement>,
+      HTMLInputElement
+    >,
+    React.AriaAttributes {
+  error?: any
+  label?: React.ReactElement | string
+  inputRef?: React.RefObject<HTMLInputElement>
+  size?: SwitchSizes
+}
+
+type SwitchType = (props: SwitchProps) => React.ReactElement
+
+declare const Switch: SwitchType
+
+export { SwitchProps, SwitchSizes, SwitchType, Switch as default };