kahuna-base-react-components 0.1.11 → 0.1.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/KButton/KButton.d.ts +1 -0
- package/dist/components/KInput/KInput.d.ts +1 -0
- package/dist/index.esm.js +1 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/types.d.ts +2 -0
- package/package.json +1 -1
- package/src/components/KButton/KButton.stories.tsx +2 -1
- package/src/components/KButton/KButton.tsx +21 -11
- package/src/components/KInput/KInput.stories.tsx +2 -1
- package/src/components/KInput/KInput.tsx +32 -13
package/dist/index.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsxs as e,jsx as n}from"react/jsx-runtime";import*as t from"react";import{useState as o,useEffect as i,useCallback as r,forwardRef as a,useContext as s,useLayoutEffect as c,useRef as l,createContext as u,useMemo as d,Component as p,Fragment as g}from"react";import{createPortal as b}from"react-dom";!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===t&&o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("/*\n! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n box-sizing: border-box; /* 1 */\n border-width: 0; /* 2 */\n border-style: solid; /* 2 */\n border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*/\n\nhtml,\n:host {\n line-height: 1.5; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n -moz-tab-size: 4; /* 3 */\n -o-tab-size: 4;\n tab-size: 4; /* 3 */\n font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n font-feature-settings: normal; /* 5 */\n font-variation-settings: normal; /* 6 */\n -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n margin: 0; /* 1 */\n line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n height: 0; /* 1 */\n color: inherit; /* 2 */\n border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n font-feature-settings: normal; /* 2 */\n font-variation-settings: normal; /* 3 */\n font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n text-indent: 0; /* 1 */\n border-color: inherit; /* 2 */\n border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-feature-settings: inherit; /* 1 */\n font-variation-settings: inherit; /* 1 */\n font-size: 100%; /* 1 */\n font-weight: inherit; /* 1 */\n line-height: inherit; /* 1 */\n color: inherit; /* 1 */\n margin: 0; /* 2 */\n padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n -webkit-appearance: button; /* 1 */\n background-color: transparent; /* 2 */\n background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol,\nul,\nmenu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/*\nReset default styling for dialogs.\n*/\ndialog {\n padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block; /* 1 */\n vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n display: none;\n}\n\n*, ::before, ::after {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n}\n\n::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n}\n.absolute {\n position: absolute;\n}\n.ml-2 {\n margin-left: 0.5rem;\n}\n.ml-3 {\n margin-left: 0.75rem;\n}\n.mr-2 {\n margin-right: 0.5rem;\n}\n.flex {\n display: flex;\n}\n.grid {\n display: grid;\n}\n.cursor-pointer {\n cursor: pointer;\n}\n.items-center {\n align-items: center;\n}\n.justify-between {\n justify-content: space-between;\n}\n.justify-items-center {\n justify-items: center;\n}\n.border {\n border-width: 1px;\n}\n.pl-2 {\n padding-left: 0.5rem;\n}\n\n\n.k-title-span {\n font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;\n font-family: \"Aeonik Pro\";\n}\n\n.k-span {\n font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;\n font-family: \"Inter\";\n}\n\n.k-span-hover {\n display: none;\n}\n\n.k-span-hover-div:hover .k-span-hover {\n display: inline;\n}\n\n\n.k-input-container {\n display: flex;\n padding: 8px;\n align-items: center;\n gap: 12px;\n align-self: stretch;\n}\n\n.k-input {\n color: #111;\n font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;\n /* Paragraph/Small */\n font-family: Inter;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px; /* 142.857% */\n letter-spacing: -0.084px;\n}\n\n.k-input::-moz-placeholder {\n color: #737373;\n}\n\n.k-input::placeholder {\n color: #737373;\n}\n\n.k-input:focus {\n outline: none !important;\n}\n\n.k-button {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 4px;\n align-self: stretch;\n}\n\n\n.k-dropdown-container {\n display: flex;\n}\n\n.k-dropdown {\n width: 100%;\n font-family: Inter;\n}\n\n.k-dropdown:focus {\n outline: none !important;\n}\n\n.k-slider-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n width: 100%;\n cursor: pointer;\n outline: none;\n border-radius: 16px;\n overflow: hidden;\n}\n\n.k-slider-input::-webkit-slider-runnable-track {\n height: 14px;\n background: #E7E7E7;\n border-radius: 20px;\n}\n\n.k-slider-input::-webkit-slider-thumb {\n -webkit-appearance: none;\n cursor: pointer;\n margin-top: -2px; /* Align the thumb vertically with the track */\n width: 18px; /* Width of the thumb */\n height: 18px; /* Height of the thumb */\n border-radius: 50px;\n box-shadow: -407px 0 0 400px #111111, 0 0 1px 1px rgba(228, 229, 231, 1), 0 1px 3px 0 rgba(228, 229, 231, 0.40);\n background-color: white !important;\n background: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><g id=\"dots, grid, slide\"><path id=\"Vector\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4 5C4.55228 5 5 4.55228 5 4C5 3.44772 4.55228 3 4 3C3.44772 3 3 3.44772 3 4C3 4.55228 3.44772 5 4 5ZM4 9C4.55228 9 5 8.55229 5 8C5 7.44772 4.55228 7 4 7C3.44772 7 3 7.44772 3 8C3 8.55229 3.44772 9 4 9ZM9 8C9 8.55229 8.55229 9 8 9C7.44772 9 7 8.55229 7 8C7 7.44772 7.44772 7 8 7C8.55229 7 9 7.44772 9 8ZM8 5C8.55229 5 9 4.55228 9 4C9 3.44772 8.55229 3 8 3C7.44772 3 7 3.44772 7 4C7 4.55228 7.44772 5 8 5Z\" fill=\"%23111111\"/></g></svg>');\n background-size: cover;\n}");var f=function(t){var i=o(!1);i[0],i[1];var r=t.fontSize||14,a=t.color||"#737373",s=t.fontWeight||400,c=t.lineHeight||"20px",l=t.fontStyle||"normal",u=t.letterSpacing||"-0.084px",d=t.hoverTextColor||"#737373";return t.hoverText?e("div",{className:"grid justify-items-center k-span-hover-div",children:[n("span",{className:"k-span",style:{fontSize:r,color:a,fontWeight:s,lineHeight:c,fontStyle:l,letterSpacing:u},children:t.text}),n("span",{className:"k-span-hover",style:{fontSize:r-2,color:d,fontWeight:s,lineHeight:c,fontStyle:l,letterSpacing:u},children:t.hoverText})]}):n("span",{className:"k-span",style:{fontSize:r,color:a,fontWeight:s,lineHeight:c,fontStyle:l,letterSpacing:u},children:t.text})},m=function(t){var o=t.disabled||!1,i=o?"#F0F0F0":t.background||"#F2FE67",r=t.borderRadius||10,a=t.width||"100%",s=t.height||"44px",c=o?"#D6D6D6":t.textColor||"#111",l=t.padding||"12px 16px",u=t.shadowDisabled?"":"0 0 0 1px rgba(17, 17, 17, 0.04), 0 1px 1px 0 rgba(17, 17, 17, 0.04)";return n("button",{className:"k-button",disabled:o,onClick:t.onClick,style:{background:i,borderRadius:r,width:a,height:s,padding:l,boxShadow:u},children:e("div",{className:"flex",children:[t.leftIcon&&n("img",{src:t.leftIcon,alt:"button-left-icon"}),t.text&&n(f,{text:t.text,color:c}),t.icon&&n("img",{src:t.icon,alt:"button-icon"}),t.rightIcon&&n("img",{src:t.rightIcon,alt:"button-right-icon"})]})})},h=function(e){var t=e.fontSize||48,o=e.color||"#111111",i=e.fontWeight||700,r=e.lineHeight||"56px",a=e.fontStyle||"normal",s=e.letterSpacing||"-0.48px";return n("span",{className:"k-title-span",style:{fontSize:t,color:o,fontWeight:i,lineHeight:r,fontStyle:a,letterSpacing:s},children:e.text})},I=function(t){var o=t.width||88,i=t.height||88,r=t.borderRadius||10;return e("div",{className:"flex items-center",children:[n("img",{src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88' fill='none'%3e %3cg clip-path='url(%23clip0_186_2030)'%3e %3cpath d='M0 13.75C0 6.15609 6.15609 0 13.75 0H74.25C81.8439 0 88 6.15609 88 13.75V74.25C88 81.8439 81.8439 88 74.25 88H13.75C6.15609 88 0 81.8439 0 74.25V13.75Z' fill='%23111111'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.2133 28.2489V23.7515L36.1429 21.4987L40.0726 19.25V23.7515V28.2489V32.7504V37.2519L36.1429 39.5006L32.2139 41.7489L32.2144 41.7492L36.144 44.002L40.0736 46.2507V50.7522V55.2496V59.7511V64.2526L36.144 66.5013L32.2144 68.75V64.2526V59.7511V55.2496V50.7522L28.2847 53.0009L24.3593 55.2496V59.7511V64.2526L20.4296 66.5013L16.5 68.75V64.2526V59.7511V55.2496V50.7522L20.4296 48.4994L24.3593 46.2507L20.4296 44.002L16.5 41.7492V37.2518V32.7503L20.4296 30.5016L24.3593 28.2488V32.7503V37.2518L28.2847 39.5005L32.2133 41.7486V37.2519V32.7504V28.2489ZM55.7856 32.7504V28.2489V23.7515L51.8601 21.4987L47.9305 19.25V23.7515V28.2489V32.7504V37.2519L51.8601 39.5006L55.7856 41.7493L51.8601 44.002L47.9305 46.2507V50.7522V55.2496V59.7511V64.2526L51.8601 66.5013L55.7856 68.75V64.2526V59.7511V56.7515V55.2496V50.7522L59.7153 53.0009L63.6449 55.2496V59.7511V64.2526L67.5745 66.5013L71.5 68.75V64.2526V59.7511V55.2496V50.7522L67.5745 48.4994L63.6449 46.2507L67.5745 44.002L71.5 41.7492V37.2518V32.7503L67.5745 30.5016L63.6449 28.2488V32.7503V37.2518L59.7153 39.5005L55.7856 41.7492V37.2519V32.7504ZM40.3712 40.265C41.2017 38.2759 43.5004 37.3314 45.5055 38.1553C47.5106 38.9792 48.4627 41.2595 47.6322 43.2486C46.8017 45.2377 44.503 46.1823 42.4979 45.3584C40.4928 44.5345 39.5407 42.2541 40.3712 40.265Z' fill='white'/%3e %3c/g%3e %3cdefs%3e %3cclipPath id='clip0_186_2030'%3e %3crect width='88' height='88' fill='white'/%3e %3c/clipPath%3e %3c/defs%3e%3c/svg%3e",alt:"kahuna-logo",style:{borderRadius:r,width:o,height:i}}),t.primaryText&&n("div",{className:"ml-2 mr-2",children:n(h,{fontSize:20,text:t.primaryText})}),t.secondaryText&&n("div",{className:"pl-2",style:{borderLeft:"1px solid #E7E7E7"},children:n(f,{fontSize:14,text:t.secondaryText})})]})},v=function(t){var r=o("#F5F5F5"),a=r[0],s=r[1];i((function(){var e=t.background||"#F5F5F5",n=t.activeBackground||"#FFF",o=t.value?n:e;s(o)}),[t.value]);var c=t.width||"100%",l=t.height||24,u=t.borderRadius||10,d=t.shadowDisabled?"":"0 0 0 1px rgba(17, 17, 17, 0.04), 0 1px 1px 0 rgba(17, 17, 17, 0.04)",p=t.type||"text",g=t.accentColor||"",b=t.disabled||!1;return e("div",{className:"k-input-container",style:{background:a,borderRadius:u,boxShadow:d},children:[t.leftIcon&&n("img",{src:t.leftIcon,alt:"l-icon",className:t.leftIconClick&&"cursor-pointer",onClick:function(){t.leftIconClick&&t.leftIconClick()}}),n("input",{type:p,className:"k-input",style:{background:a,width:c,height:l,accentColor:g},value:t.value,placeholder:t.placeholder||"",disabled:b,onBlur:function(e){t.onBlur&&t.onBlur(e.target.value)},onChange:function(e){t.onChange(e.target.value)}}),t.rightIcon&&n("img",{src:t.rightIcon,alt:"r-icon",className:t.rightIconClick&&"cursor-pointer",onClick:function(){t.rightIconClick&&t.rightIconClick()}})]})},y=function(){return y=Object.assign||function(e){for(var n,t=1,o=arguments.length;t<o;t++)for(var i in n=arguments[t])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e},y.apply(this,arguments)};function C(e){return C="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},C(e)}function A(e){var n=function(e,n){if("object"!=C(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var o=t.call(e,n||"default");if("object"!=C(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==C(n)?n:String(n)}function x(e,n,t){return(n=A(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function w(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function G(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?w(Object(t),!0).forEach((function(n){x(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function N(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function V(e,n){if(e){if("string"==typeof e)return N(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?N(e,n):void 0}}function W(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,i,r,a,s=[],c=!0,l=!1;try{if(r=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(o=r.call(t)).done)&&(s.push(o.value),s.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(l)throw i}}return s}}(e,n)||V(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function B(e,n){if(null==e)return{};var t,o,i=function(e,n){if(null==e)return{};var t,o,i={},r=Object.keys(e);for(o=0;o<r.length;o++)t=r[o],n.indexOf(t)>=0||(i[t]=e[t]);return i}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o<r.length;o++)t=r[o],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}"function"==typeof SuppressedError&&SuppressedError;var X=["defaultInputValue","defaultMenuIsOpen","defaultValue","inputValue","menuIsOpen","onChange","onInputChange","onMenuClose","onMenuOpen","value"];function Z(){return Z=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},Z.apply(this,arguments)}function R(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,A(o.key),o)}}function k(e,n){return k=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,n){return e.__proto__=n,e},k(e,n)}function T(e){return T=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},T(e)}function S(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(S=function(){return!!e})()}function F(e,n){if(n&&("object"===C(n)||"function"==typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function H(e){return function(e){if(Array.isArray(e))return N(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||V(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var L=function(){function e(e){var n=this;this._insertTag=function(e){var t;t=0===n.tags.length?n.insertionPoint?n.insertionPoint.nextSibling:n.prepend?n.container.firstChild:n.before:n.tags[n.tags.length-1].nextSibling,n.container.insertBefore(e,t),n.tags.push(e)},this.isSpeedy=void 0===e.speedy?"production"===process.env.NODE_ENV:e.speedy,this.tags=[],this.ctr=0,this.nonce=e.nonce,this.key=e.key,this.container=e.container,this.prepend=e.prepend,this.insertionPoint=e.insertionPoint,this.before=null}var n=e.prototype;return n.hydrate=function(e){e.forEach(this._insertTag)},n.insert=function(e){this.ctr%(this.isSpeedy?65e3:1)==0&&this._insertTag(function(e){var n=document.createElement("style");return n.setAttribute("data-emotion",e.key),void 0!==e.nonce&&n.setAttribute("nonce",e.nonce),n.appendChild(document.createTextNode("")),n.setAttribute("data-s",""),n}(this));var n=this.tags[this.tags.length-1];if("production"!==process.env.NODE_ENV){var t=64===e.charCodeAt(0)&&105===e.charCodeAt(1);t&&this._alreadyInsertedOrderInsensitiveRule&&console.error("You're attempting to insert the following rule:\n"+e+"\n\n`@import` rules must be before all other types of rules in a stylesheet but other rules have already been inserted. Please ensure that `@import` rules are before all other rules."),this._alreadyInsertedOrderInsensitiveRule=this._alreadyInsertedOrderInsensitiveRule||!t}if(this.isSpeedy){var o=function(e){if(e.sheet)return e.sheet;for(var n=0;n<document.styleSheets.length;n++)if(document.styleSheets[n].ownerNode===e)return document.styleSheets[n]}(n);try{o.insertRule(e,o.cssRules.length)}catch(n){"production"===process.env.NODE_ENV||/:(-moz-placeholder|-moz-focus-inner|-moz-focusring|-ms-input-placeholder|-moz-read-write|-moz-read-only|-ms-clear|-ms-expand|-ms-reveal){/.test(e)||console.error('There was a problem inserting the following rule: "'+e+'"',n)}}else n.appendChild(document.createTextNode(e));this.ctr++},n.flush=function(){this.tags.forEach((function(e){return e.parentNode&&e.parentNode.removeChild(e)})),this.tags=[],this.ctr=0,"production"!==process.env.NODE_ENV&&(this._alreadyInsertedOrderInsensitiveRule=!1)},e}(),E="-ms-",O="-moz-",P="-webkit-",M="comm",D="rule",z="decl",J="@keyframes",Y=Math.abs,j=String.fromCharCode,U=Object.assign;function Q(e){return e.trim()}function _(e,n,t){return e.replace(n,t)}function $(e,n){return e.indexOf(n)}function K(e,n){return 0|e.charCodeAt(n)}function q(e,n,t){return e.slice(n,t)}function ee(e){return e.length}function ne(e){return e.length}function te(e,n){return n.push(e),e}var oe=1,ie=1,re=0,ae=0,se=0,ce="";function le(e,n,t,o,i,r,a){return{value:e,root:n,parent:t,type:o,props:i,children:r,line:oe,column:ie,length:a,return:""}}function ue(e,n){return U(le("",null,null,"",null,null,0),e,{length:-e.length},n)}function de(){return se=ae>0?K(ce,--ae):0,ie--,10===se&&(ie=1,oe--),se}function pe(){return se=ae<re?K(ce,ae++):0,ie++,10===se&&(ie=1,oe++),se}function ge(){return K(ce,ae)}function be(){return ae}function fe(e,n){return q(ce,e,n)}function me(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function he(e){return oe=ie=1,re=ee(ce=e),ae=0,[]}function Ie(e){return ce="",e}function ve(e){return Q(fe(ae-1,Ae(91===e?e+2:40===e?e+1:e)))}function ye(e){for(;(se=ge())&&se<33;)pe();return me(e)>2||me(se)>3?"":" "}function Ce(e,n){for(;--n&&pe()&&!(se<48||se>102||se>57&&se<65||se>70&&se<97););return fe(e,be()+(n<6&&32==ge()&&32==pe()))}function Ae(e){for(;pe();)switch(se){case e:return ae;case 34:case 39:34!==e&&39!==e&&Ae(se);break;case 40:41===e&&Ae(e);break;case 92:pe()}return ae}function xe(e,n){for(;pe()&&e+se!==57&&(e+se!==84||47!==ge()););return"/*"+fe(n,ae-1)+"*"+j(47===e?e:pe())}function we(e){for(;!me(ge());)pe();return fe(e,ae)}function Ge(e){return Ie(Ne("",null,null,null,[""],e=he(e),0,[0],e))}function Ne(e,n,t,o,i,r,a,s,c){for(var l=0,u=0,d=a,p=0,g=0,b=0,f=1,m=1,h=1,I=0,v="",y=i,C=r,A=o,x=v;m;)switch(b=I,I=pe()){case 40:if(108!=b&&58==K(x,d-1)){-1!=$(x+=_(ve(I),"&","&\f"),"&\f")&&(h=-1);break}case 34:case 39:case 91:x+=ve(I);break;case 9:case 10:case 13:case 32:x+=ye(b);break;case 92:x+=Ce(be()-1,7);continue;case 47:switch(ge()){case 42:case 47:te(We(xe(pe(),be()),n,t),c);break;default:x+="/"}break;case 123*f:s[l++]=ee(x)*h;case 125*f:case 59:case 0:switch(I){case 0:case 125:m=0;case 59+u:-1==h&&(x=_(x,/\f/g,"")),g>0&&ee(x)-d&&te(g>32?Be(x+";",o,t,d-1):Be(_(x," ","")+";",o,t,d-2),c);break;case 59:x+=";";default:if(te(A=Ve(x,n,t,l,u,i,s,v,y=[],C=[],d),r),123===I)if(0===u)Ne(x,n,A,A,y,r,d,s,C);else switch(99===p&&110===K(x,3)?100:p){case 100:case 108:case 109:case 115:Ne(e,A,A,o&&te(Ve(e,A,A,0,0,i,s,v,i,y=[],d),C),i,C,d,s,o?y:C);break;default:Ne(x,A,A,A,[""],C,0,s,C)}}l=u=g=0,f=h=1,v=x="",d=a;break;case 58:d=1+ee(x),g=b;default:if(f<1)if(123==I)--f;else if(125==I&&0==f++&&125==de())continue;switch(x+=j(I),I*f){case 38:h=u>0?1:(x+="\f",-1);break;case 44:s[l++]=(ee(x)-1)*h,h=1;break;case 64:45===ge()&&(x+=ve(pe())),p=ge(),u=d=ee(v=x+=we(be())),I++;break;case 45:45===b&&2==ee(x)&&(f=0)}}return r}function Ve(e,n,t,o,i,r,a,s,c,l,u){for(var d=i-1,p=0===i?r:[""],g=ne(p),b=0,f=0,m=0;b<o;++b)for(var h=0,I=q(e,d+1,d=Y(f=a[b])),v=e;h<g;++h)(v=Q(f>0?p[h]+" "+I:_(I,/&\f/g,p[h])))&&(c[m++]=v);return le(e,n,t,0===i?D:s,c,l,u)}function We(e,n,t){return le(e,n,t,M,j(se),q(e,2,-2),0)}function Be(e,n,t,o){return le(e,n,t,z,q(e,0,o),q(e,o+1,-1),o)}function Xe(e,n){for(var t="",o=ne(e),i=0;i<o;i++)t+=n(e[i],i,e,n)||"";return t}function Ze(e,n,t,o){switch(e.type){case"@layer":if(e.children.length)break;case"@import":case z:return e.return=e.return||e.value;case M:return"";case J:return e.return=e.value+"{"+Xe(e.children,o)+"}";case D:e.value=e.props.join(",")}return ee(t=Xe(e.children,o))?e.return=e.value+"{"+t+"}":""}function Re(e){var n=ne(e);return function(t,o,i,r){for(var a="",s=0;s<n;s++)a+=e[s](t,o,i,r)||"";return a}}function ke(e){var n=Object.create(null);return function(t){return void 0===n[t]&&(n[t]=e(t)),n[t]}}var Te=function(e,n,t){for(var o=0,i=0;o=i,i=ge(),38===o&&12===i&&(n[t]=1),!me(i);)pe();return fe(e,ae)},Se=function(e,n){return Ie(function(e,n){var t=-1,o=44;do{switch(me(o)){case 0:38===o&&12===ge()&&(n[t]=1),e[t]+=Te(ae-1,n,t);break;case 2:e[t]+=ve(o);break;case 4:if(44===o){e[++t]=58===ge()?"&\f":"",n[t]=e[t].length;break}default:e[t]+=j(o)}}while(o=pe());return e}(he(e),n))},Fe=new WeakMap,He=function(e){if("rule"===e.type&&e.parent&&!(e.length<1)){for(var n=e.value,t=e.parent,o=e.column===t.column&&e.line===t.line;"rule"!==t.type;)if(!(t=t.parent))return;if((1!==e.props.length||58===n.charCodeAt(0)||Fe.get(t))&&!o){Fe.set(e,!0);for(var i=[],r=Se(n,i),a=t.props,s=0,c=0;s<r.length;s++)for(var l=0;l<a.length;l++,c++)e.props[c]=i[s]?r[s].replace(/&\f/g,a[l]):a[l]+" "+r[s]}}},Le=function(e){if("decl"===e.type){var n=e.value;108===n.charCodeAt(0)&&98===n.charCodeAt(2)&&(e.return="",e.value="")}},Ee=function(e){return"comm"===e.type&&e.children.indexOf("emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason")>-1},Oe=function(e){return 105===e.type.charCodeAt(1)&&64===e.type.charCodeAt(0)},Pe=function(e){e.type="",e.value="",e.return="",e.children="",e.props=""},Me=function(e,n,t){Oe(e)&&(e.parent?(console.error("`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles."),Pe(e)):function(e,n){for(var t=e-1;t>=0;t--)if(!Oe(n[t]))return!0;return!1}(n,t)&&(console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."),Pe(e)))};function De(e,n){switch(function(e,n){return 45^K(e,0)?(((n<<2^K(e,0))<<2^K(e,1))<<2^K(e,2))<<2^K(e,3):0}(e,n)){case 5103:return P+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return P+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return P+e+O+e+E+e+e;case 6828:case 4268:return P+e+E+e+e;case 6165:return P+e+E+"flex-"+e+e;case 5187:return P+e+_(e,/(\w+).+(:[^]+)/,P+"box-$1$2"+E+"flex-$1$2")+e;case 5443:return P+e+E+"flex-item-"+_(e,/flex-|-self/,"")+e;case 4675:return P+e+E+"flex-line-pack"+_(e,/align-content|flex-|-self/,"")+e;case 5548:return P+e+E+_(e,"shrink","negative")+e;case 5292:return P+e+E+_(e,"basis","preferred-size")+e;case 6060:return P+"box-"+_(e,"-grow","")+P+e+E+_(e,"grow","positive")+e;case 4554:return P+_(e,/([^-])(transform)/g,"$1"+P+"$2")+e;case 6187:return _(_(_(e,/(zoom-|grab)/,P+"$1"),/(image-set)/,P+"$1"),e,"")+e;case 5495:case 3959:return _(e,/(image-set\([^]*)/,P+"$1$`$1");case 4968:return _(_(e,/(.+:)(flex-)?(.*)/,P+"box-pack:$3"+E+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+P+e+e;case 4095:case 3583:case 4068:case 2532:return _(e,/(.+)-inline(.+)/,P+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(ee(e)-1-n>6)switch(K(e,n+1)){case 109:if(45!==K(e,n+4))break;case 102:return _(e,/(.+:)(.+)-([^]+)/,"$1"+P+"$2-$3$1"+O+(108==K(e,n+3)?"$3":"$2-$3"))+e;case 115:return~$(e,"stretch")?De(_(e,"stretch","fill-available"),n)+e:e}break;case 4949:if(115!==K(e,n+1))break;case 6444:switch(K(e,ee(e)-3-(~$(e,"!important")&&10))){case 107:return _(e,":",":"+P)+e;case 101:return _(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+P+(45===K(e,14)?"inline-":"")+"box$3$1"+P+"$2$3$1"+E+"$2box$3")+e}break;case 5936:switch(K(e,n+11)){case 114:return P+e+E+_(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return P+e+E+_(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return P+e+E+_(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return P+e+E+e+e}return e}var ze,Je,Ye,je="undefined"!=typeof document,Ue=je?void 0:(ze=function(){return ke((function(){var e={};return function(n){return e[n]}}))},Je=new WeakMap,function(e){if(Je.has(e))return Je.get(e);var n=ze(e);return Je.set(e,n),n}),Qe=[function(e,n,t,o){if(e.length>-1&&!e.return)switch(e.type){case z:e.return=De(e.value,e.length);break;case J:return Xe([ue(e,{value:_(e.value,"@","@"+P)})],o);case D:if(e.length)return function(e,n){return e.map(n).join("")}(e.props,(function(n){switch(function(e,n){return(e=n.exec(e))?e[0]:e}(n,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return Xe([ue(e,{props:[_(n,/:(read-\w+)/,":-moz-$1")]})],o);case"::placeholder":return Xe([ue(e,{props:[_(n,/:(plac\w+)/,":"+P+"input-$1")]}),ue(e,{props:[_(n,/:(plac\w+)/,":-moz-$1")]}),ue(e,{props:[_(n,/:(plac\w+)/,E+"input-$1")]})],o)}return""}))}}],_e=function(e){var n=e.key;if("production"!==process.env.NODE_ENV&&!n)throw new Error("You have to configure `key` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.\nIf multiple caches share the same key they might \"fight\" for each other's style elements.");if(je&&"css"===n){var t=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(t,(function(e){-1!==e.getAttribute("data-emotion").indexOf(" ")&&(document.head.appendChild(e),e.setAttribute("data-s",""))}))}var o=e.stylisPlugins||Qe;if("production"!==process.env.NODE_ENV&&/[^a-z-]/.test(n))throw new Error('Emotion key must only contain lower case alphabetical characters and - but "'+n+'" was passed');var i,r,a={},s=[];je&&(i=e.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+n+' "]'),(function(e){for(var n=e.getAttribute("data-emotion").split(" "),t=1;t<n.length;t++)a[n[t]]=!0;s.push(e)})));var c,l=[He,Le];if("production"!==process.env.NODE_ENV&&l.push(function(e){return function(n,t,o){if("rule"===n.type&&!e.compat){var i=n.value.match(/(:first|:nth|:nth-last)-child/g);if(i){for(var r=n.parent?n.parent.children:o,a=r.length-1;a>=0;a--){var s=r[a];if(s.line<n.line)break;if(s.column<n.column){if(Ee(s))return;break}}i.forEach((function(e){console.error('The pseudo class "'+e+'" is potentially unsafe when doing server-side rendering. Try changing it to "'+e.split("-child")[0]+'-of-type".')}))}}}}({get compat(){return h.compat}}),Me),je){var u,d=[Ze,"production"!==process.env.NODE_ENV?function(e){e.root||(e.return?u.insert(e.return):e.value&&e.type!==M&&u.insert(e.value+"{}"))}:(c=function(e){u.insert(e)},function(e){e.root||(e=e.return)&&c(e)})],p=Re(l.concat(o,d));r=function(e,n,t,o){u=t,"production"!==process.env.NODE_ENV&&void 0!==n.map&&(u={insert:function(e){t.insert(e+n.map)}}),Xe(Ge(e?e+"{"+n.styles+"}":n.styles),p),o&&(h.inserted[n.name]=!0)}}else{var g=[Ze],b=Re(l.concat(o,g)),f=Ue(o)(n),m=function(e,n){var t=n.name;return void 0===f[t]&&(f[t]=Xe(Ge(e?e+"{"+n.styles+"}":n.styles),b)),f[t]};r=function(e,n,t,o){var i=n.name,r=m(e,n);return void 0===h.compat?(o&&(h.inserted[i]=!0),"development"===process.env.NODE_ENV&&void 0!==n.map?r+n.map:r):o?void(h.inserted[i]=r):r}}var h={key:n,sheet:new L({key:n,container:i,nonce:e.nonce,speedy:e.speedy,prepend:e.prepend,insertionPoint:e.insertionPoint}),nonce:e.nonce,inserted:a,registered:{},insert:r};return h.sheet.hydrate(s),h},$e={exports:{}},Ke={};var qe,en={};
|
|
1
|
+
import{jsxs as e,jsx as n}from"react/jsx-runtime";import*as t from"react";import{useState as o,useEffect as i,useCallback as r,forwardRef as a,useContext as s,useLayoutEffect as c,useRef as l,createContext as u,useMemo as d,Component as p,Fragment as g}from"react";import{createPortal as b}from"react-dom";!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===t&&o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("/*\n! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n box-sizing: border-box; /* 1 */\n border-width: 0; /* 2 */\n border-style: solid; /* 2 */\n border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*/\n\nhtml,\n:host {\n line-height: 1.5; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n -moz-tab-size: 4; /* 3 */\n -o-tab-size: 4;\n tab-size: 4; /* 3 */\n font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n font-feature-settings: normal; /* 5 */\n font-variation-settings: normal; /* 6 */\n -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n margin: 0; /* 1 */\n line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n height: 0; /* 1 */\n color: inherit; /* 2 */\n border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n font-feature-settings: normal; /* 2 */\n font-variation-settings: normal; /* 3 */\n font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n text-indent: 0; /* 1 */\n border-color: inherit; /* 2 */\n border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-feature-settings: inherit; /* 1 */\n font-variation-settings: inherit; /* 1 */\n font-size: 100%; /* 1 */\n font-weight: inherit; /* 1 */\n line-height: inherit; /* 1 */\n color: inherit; /* 1 */\n margin: 0; /* 2 */\n padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n -webkit-appearance: button; /* 1 */\n background-color: transparent; /* 2 */\n background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol,\nul,\nmenu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/*\nReset default styling for dialogs.\n*/\ndialog {\n padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block; /* 1 */\n vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n display: none;\n}\n\n*, ::before, ::after {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n}\n\n::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n}\n.absolute {\n position: absolute;\n}\n.ml-2 {\n margin-left: 0.5rem;\n}\n.ml-3 {\n margin-left: 0.75rem;\n}\n.mr-2 {\n margin-right: 0.5rem;\n}\n.flex {\n display: flex;\n}\n.grid {\n display: grid;\n}\n.cursor-pointer {\n cursor: pointer;\n}\n.items-center {\n align-items: center;\n}\n.justify-between {\n justify-content: space-between;\n}\n.justify-items-center {\n justify-items: center;\n}\n.border {\n border-width: 1px;\n}\n.pl-2 {\n padding-left: 0.5rem;\n}\n\n\n.k-title-span {\n font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;\n font-family: \"Aeonik Pro\";\n}\n\n.k-span {\n font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;\n font-family: \"Inter\";\n}\n\n.k-span-hover {\n display: none;\n}\n\n.k-span-hover-div:hover .k-span-hover {\n display: inline;\n}\n\n\n.k-input-container {\n display: flex;\n padding: 8px;\n align-items: center;\n gap: 12px;\n align-self: stretch;\n}\n\n.k-input {\n color: #111;\n font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;\n /* Paragraph/Small */\n font-family: Inter;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px; /* 142.857% */\n letter-spacing: -0.084px;\n}\n\n.k-input::-moz-placeholder {\n color: #737373;\n}\n\n.k-input::placeholder {\n color: #737373;\n}\n\n.k-input:focus {\n outline: none !important;\n}\n\n.k-button {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 4px;\n align-self: stretch;\n}\n\n\n.k-dropdown-container {\n display: flex;\n}\n\n.k-dropdown {\n width: 100%;\n font-family: Inter;\n}\n\n.k-dropdown:focus {\n outline: none !important;\n}\n\n.k-slider-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n width: 100%;\n cursor: pointer;\n outline: none;\n border-radius: 16px;\n overflow: hidden;\n}\n\n.k-slider-input::-webkit-slider-runnable-track {\n height: 14px;\n background: #E7E7E7;\n border-radius: 20px;\n}\n\n.k-slider-input::-webkit-slider-thumb {\n -webkit-appearance: none;\n cursor: pointer;\n margin-top: -2px; /* Align the thumb vertically with the track */\n width: 18px; /* Width of the thumb */\n height: 18px; /* Height of the thumb */\n border-radius: 50px;\n box-shadow: -407px 0 0 400px #111111, 0 0 1px 1px rgba(228, 229, 231, 1), 0 1px 3px 0 rgba(228, 229, 231, 0.40);\n background-color: white !important;\n background: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><g id=\"dots, grid, slide\"><path id=\"Vector\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4 5C4.55228 5 5 4.55228 5 4C5 3.44772 4.55228 3 4 3C3.44772 3 3 3.44772 3 4C3 4.55228 3.44772 5 4 5ZM4 9C4.55228 9 5 8.55229 5 8C5 7.44772 4.55228 7 4 7C3.44772 7 3 7.44772 3 8C3 8.55229 3.44772 9 4 9ZM9 8C9 8.55229 8.55229 9 8 9C7.44772 9 7 8.55229 7 8C7 7.44772 7.44772 7 8 7C8.55229 7 9 7.44772 9 8ZM8 5C8.55229 5 9 4.55228 9 4C9 3.44772 8.55229 3 8 3C7.44772 3 7 3.44772 7 4C7 4.55228 7.44772 5 8 5Z\" fill=\"%23111111\"/></g></svg>');\n background-size: cover;\n}");var f=function(t){var i=o(!1);i[0],i[1];var r=t.fontSize||14,a=t.color||"#737373",s=t.fontWeight||400,c=t.lineHeight||"20px",l=t.fontStyle||"normal",u=t.letterSpacing||"-0.084px",d=t.hoverTextColor||"#737373";return t.hoverText?e("div",{className:"grid justify-items-center k-span-hover-div",children:[n("span",{className:"k-span",style:{fontSize:r,color:a,fontWeight:s,lineHeight:c,fontStyle:l,letterSpacing:u},children:t.text}),n("span",{className:"k-span-hover",style:{fontSize:r-2,color:d,fontWeight:s,lineHeight:c,fontStyle:l,letterSpacing:u},children:t.hoverText})]}):n("span",{className:"k-span",style:{fontSize:r,color:a,fontWeight:s,lineHeight:c,fontStyle:l,letterSpacing:u},children:t.text})},m=function(t){var i=o(!1),r=i[0],a=i[1],s=t.disabled||!1,c=s?"#F0F0F0":t.background||"#F2FE67",l=t.borderRadius||10,u=t.width||"100%",d=t.height||"44px",p=s?"#D6D6D6":t.textColor||"#111",g=t.padding||"12px 16px",b=t.shadowDisabled?"":"0 0 0 1px rgba(17, 17, 17, 0.04), 0 1px 1px 0 rgba(17, 17, 17, 0.04)",m=t.hoverBackground||c;return n("button",{onMouseEnter:function(){return a(!0)},onMouseLeave:function(){return a(!1)},className:"k-button",disabled:s,onClick:t.onClick,style:{background:r?m:c,borderRadius:l,width:u,height:d,padding:g,boxShadow:b},children:e("div",{className:"flex",children:[t.leftIcon&&n("img",{src:t.leftIcon,alt:"button-left-icon"}),t.text&&n(f,{text:t.text,color:p}),t.icon&&n("img",{src:t.icon,alt:"button-icon"}),t.rightIcon&&n("img",{src:t.rightIcon,alt:"button-right-icon"})]})})},h=function(e){var t=e.fontSize||48,o=e.color||"#111111",i=e.fontWeight||700,r=e.lineHeight||"56px",a=e.fontStyle||"normal",s=e.letterSpacing||"-0.48px";return n("span",{className:"k-title-span",style:{fontSize:t,color:o,fontWeight:i,lineHeight:r,fontStyle:a,letterSpacing:s},children:e.text})},I=function(t){var o=t.width||88,i=t.height||88,r=t.borderRadius||10;return e("div",{className:"flex items-center",children:[n("img",{src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88' fill='none'%3e %3cg clip-path='url(%23clip0_186_2030)'%3e %3cpath d='M0 13.75C0 6.15609 6.15609 0 13.75 0H74.25C81.8439 0 88 6.15609 88 13.75V74.25C88 81.8439 81.8439 88 74.25 88H13.75C6.15609 88 0 81.8439 0 74.25V13.75Z' fill='%23111111'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.2133 28.2489V23.7515L36.1429 21.4987L40.0726 19.25V23.7515V28.2489V32.7504V37.2519L36.1429 39.5006L32.2139 41.7489L32.2144 41.7492L36.144 44.002L40.0736 46.2507V50.7522V55.2496V59.7511V64.2526L36.144 66.5013L32.2144 68.75V64.2526V59.7511V55.2496V50.7522L28.2847 53.0009L24.3593 55.2496V59.7511V64.2526L20.4296 66.5013L16.5 68.75V64.2526V59.7511V55.2496V50.7522L20.4296 48.4994L24.3593 46.2507L20.4296 44.002L16.5 41.7492V37.2518V32.7503L20.4296 30.5016L24.3593 28.2488V32.7503V37.2518L28.2847 39.5005L32.2133 41.7486V37.2519V32.7504V28.2489ZM55.7856 32.7504V28.2489V23.7515L51.8601 21.4987L47.9305 19.25V23.7515V28.2489V32.7504V37.2519L51.8601 39.5006L55.7856 41.7493L51.8601 44.002L47.9305 46.2507V50.7522V55.2496V59.7511V64.2526L51.8601 66.5013L55.7856 68.75V64.2526V59.7511V56.7515V55.2496V50.7522L59.7153 53.0009L63.6449 55.2496V59.7511V64.2526L67.5745 66.5013L71.5 68.75V64.2526V59.7511V55.2496V50.7522L67.5745 48.4994L63.6449 46.2507L67.5745 44.002L71.5 41.7492V37.2518V32.7503L67.5745 30.5016L63.6449 28.2488V32.7503V37.2518L59.7153 39.5005L55.7856 41.7492V37.2519V32.7504ZM40.3712 40.265C41.2017 38.2759 43.5004 37.3314 45.5055 38.1553C47.5106 38.9792 48.4627 41.2595 47.6322 43.2486C46.8017 45.2377 44.503 46.1823 42.4979 45.3584C40.4928 44.5345 39.5407 42.2541 40.3712 40.265Z' fill='white'/%3e %3c/g%3e %3cdefs%3e %3cclipPath id='clip0_186_2030'%3e %3crect width='88' height='88' fill='white'/%3e %3c/clipPath%3e %3c/defs%3e%3c/svg%3e",alt:"kahuna-logo",style:{borderRadius:r,width:o,height:i}}),t.primaryText&&n("div",{className:"ml-2 mr-2",children:n(h,{fontSize:20,text:t.primaryText})}),t.secondaryText&&n("div",{className:"pl-2",style:{borderLeft:"1px solid #E7E7E7"},children:n(f,{fontSize:14,text:t.secondaryText})})]})},v=function(t){var r=o("#F5F5F5"),a=r[0],s=r[1],c=o(!1),l=c[0],u=c[1];i((function(){var e=t.background||"#F5F5F5",n=t.activeBackground||"#FFF",o=t.value?n:e;s(o)}),[t.value]);var d=t.width||"100%",p=t.height||24,g=t.borderRadius||10,b=t.shadowDisabled?"":"0 0 0 1px rgba(17, 17, 17, 0.04), 0 1px 1px 0 rgba(17, 17, 17, 0.04)",f=t.type||"text",m=t.accentColor||"",h=t.disabled||!1,I=t.hoverBackground||a;return e("div",{onMouseEnter:function(){return u(!0)},onMouseLeave:function(){return u(!1)},className:"k-input-container",style:{background:l?I:a,borderRadius:g,boxShadow:b},children:[t.leftIcon&&n("img",{src:t.leftIcon,alt:"l-icon",className:t.leftIconClick&&"cursor-pointer",onClick:function(){t.leftIconClick&&t.leftIconClick()}}),n("input",{type:f,className:"k-input",style:{background:l?I:a,width:d,height:p,accentColor:m},value:t.value,placeholder:t.placeholder||"",disabled:h,onBlur:function(e){t.onBlur&&t.onBlur(e.target.value)},onChange:function(e){t.onChange(e.target.value)}}),t.rightIcon&&n("img",{src:t.rightIcon,alt:"r-icon",className:t.rightIconClick&&"cursor-pointer",onClick:function(){t.rightIconClick&&t.rightIconClick()}})]})},y=function(){return y=Object.assign||function(e){for(var n,t=1,o=arguments.length;t<o;t++)for(var i in n=arguments[t])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e},y.apply(this,arguments)};function C(e){return C="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},C(e)}function A(e){var n=function(e,n){if("object"!=C(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var o=t.call(e,n||"default");if("object"!=C(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==C(n)?n:String(n)}function x(e,n,t){return(n=A(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function w(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function G(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?w(Object(t),!0).forEach((function(n){x(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function N(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function V(e,n){if(e){if("string"==typeof e)return N(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?N(e,n):void 0}}function W(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,i,r,a,s=[],c=!0,l=!1;try{if(r=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(o=r.call(t)).done)&&(s.push(o.value),s.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(l)throw i}}return s}}(e,n)||V(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function B(e,n){if(null==e)return{};var t,o,i=function(e,n){if(null==e)return{};var t,o,i={},r=Object.keys(e);for(o=0;o<r.length;o++)t=r[o],n.indexOf(t)>=0||(i[t]=e[t]);return i}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o<r.length;o++)t=r[o],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}"function"==typeof SuppressedError&&SuppressedError;var X=["defaultInputValue","defaultMenuIsOpen","defaultValue","inputValue","menuIsOpen","onChange","onInputChange","onMenuClose","onMenuOpen","value"];function Z(){return Z=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},Z.apply(this,arguments)}function R(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,A(o.key),o)}}function k(e,n){return k=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,n){return e.__proto__=n,e},k(e,n)}function T(e){return T=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},T(e)}function S(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(S=function(){return!!e})()}function F(e,n){if(n&&("object"===C(n)||"function"==typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function H(e){return function(e){if(Array.isArray(e))return N(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||V(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var L=function(){function e(e){var n=this;this._insertTag=function(e){var t;t=0===n.tags.length?n.insertionPoint?n.insertionPoint.nextSibling:n.prepend?n.container.firstChild:n.before:n.tags[n.tags.length-1].nextSibling,n.container.insertBefore(e,t),n.tags.push(e)},this.isSpeedy=void 0===e.speedy?"production"===process.env.NODE_ENV:e.speedy,this.tags=[],this.ctr=0,this.nonce=e.nonce,this.key=e.key,this.container=e.container,this.prepend=e.prepend,this.insertionPoint=e.insertionPoint,this.before=null}var n=e.prototype;return n.hydrate=function(e){e.forEach(this._insertTag)},n.insert=function(e){this.ctr%(this.isSpeedy?65e3:1)==0&&this._insertTag(function(e){var n=document.createElement("style");return n.setAttribute("data-emotion",e.key),void 0!==e.nonce&&n.setAttribute("nonce",e.nonce),n.appendChild(document.createTextNode("")),n.setAttribute("data-s",""),n}(this));var n=this.tags[this.tags.length-1];if("production"!==process.env.NODE_ENV){var t=64===e.charCodeAt(0)&&105===e.charCodeAt(1);t&&this._alreadyInsertedOrderInsensitiveRule&&console.error("You're attempting to insert the following rule:\n"+e+"\n\n`@import` rules must be before all other types of rules in a stylesheet but other rules have already been inserted. Please ensure that `@import` rules are before all other rules."),this._alreadyInsertedOrderInsensitiveRule=this._alreadyInsertedOrderInsensitiveRule||!t}if(this.isSpeedy){var o=function(e){if(e.sheet)return e.sheet;for(var n=0;n<document.styleSheets.length;n++)if(document.styleSheets[n].ownerNode===e)return document.styleSheets[n]}(n);try{o.insertRule(e,o.cssRules.length)}catch(n){"production"===process.env.NODE_ENV||/:(-moz-placeholder|-moz-focus-inner|-moz-focusring|-ms-input-placeholder|-moz-read-write|-moz-read-only|-ms-clear|-ms-expand|-ms-reveal){/.test(e)||console.error('There was a problem inserting the following rule: "'+e+'"',n)}}else n.appendChild(document.createTextNode(e));this.ctr++},n.flush=function(){this.tags.forEach((function(e){return e.parentNode&&e.parentNode.removeChild(e)})),this.tags=[],this.ctr=0,"production"!==process.env.NODE_ENV&&(this._alreadyInsertedOrderInsensitiveRule=!1)},e}(),E="-ms-",O="-moz-",P="-webkit-",M="comm",D="rule",z="decl",J="@keyframes",Y=Math.abs,j=String.fromCharCode,U=Object.assign;function Q(e){return e.trim()}function _(e,n,t){return e.replace(n,t)}function $(e,n){return e.indexOf(n)}function K(e,n){return 0|e.charCodeAt(n)}function q(e,n,t){return e.slice(n,t)}function ee(e){return e.length}function ne(e){return e.length}function te(e,n){return n.push(e),e}var oe=1,ie=1,re=0,ae=0,se=0,ce="";function le(e,n,t,o,i,r,a){return{value:e,root:n,parent:t,type:o,props:i,children:r,line:oe,column:ie,length:a,return:""}}function ue(e,n){return U(le("",null,null,"",null,null,0),e,{length:-e.length},n)}function de(){return se=ae>0?K(ce,--ae):0,ie--,10===se&&(ie=1,oe--),se}function pe(){return se=ae<re?K(ce,ae++):0,ie++,10===se&&(ie=1,oe++),se}function ge(){return K(ce,ae)}function be(){return ae}function fe(e,n){return q(ce,e,n)}function me(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function he(e){return oe=ie=1,re=ee(ce=e),ae=0,[]}function Ie(e){return ce="",e}function ve(e){return Q(fe(ae-1,Ae(91===e?e+2:40===e?e+1:e)))}function ye(e){for(;(se=ge())&&se<33;)pe();return me(e)>2||me(se)>3?"":" "}function Ce(e,n){for(;--n&&pe()&&!(se<48||se>102||se>57&&se<65||se>70&&se<97););return fe(e,be()+(n<6&&32==ge()&&32==pe()))}function Ae(e){for(;pe();)switch(se){case e:return ae;case 34:case 39:34!==e&&39!==e&&Ae(se);break;case 40:41===e&&Ae(e);break;case 92:pe()}return ae}function xe(e,n){for(;pe()&&e+se!==57&&(e+se!==84||47!==ge()););return"/*"+fe(n,ae-1)+"*"+j(47===e?e:pe())}function we(e){for(;!me(ge());)pe();return fe(e,ae)}function Ge(e){return Ie(Ne("",null,null,null,[""],e=he(e),0,[0],e))}function Ne(e,n,t,o,i,r,a,s,c){for(var l=0,u=0,d=a,p=0,g=0,b=0,f=1,m=1,h=1,I=0,v="",y=i,C=r,A=o,x=v;m;)switch(b=I,I=pe()){case 40:if(108!=b&&58==K(x,d-1)){-1!=$(x+=_(ve(I),"&","&\f"),"&\f")&&(h=-1);break}case 34:case 39:case 91:x+=ve(I);break;case 9:case 10:case 13:case 32:x+=ye(b);break;case 92:x+=Ce(be()-1,7);continue;case 47:switch(ge()){case 42:case 47:te(We(xe(pe(),be()),n,t),c);break;default:x+="/"}break;case 123*f:s[l++]=ee(x)*h;case 125*f:case 59:case 0:switch(I){case 0:case 125:m=0;case 59+u:-1==h&&(x=_(x,/\f/g,"")),g>0&&ee(x)-d&&te(g>32?Be(x+";",o,t,d-1):Be(_(x," ","")+";",o,t,d-2),c);break;case 59:x+=";";default:if(te(A=Ve(x,n,t,l,u,i,s,v,y=[],C=[],d),r),123===I)if(0===u)Ne(x,n,A,A,y,r,d,s,C);else switch(99===p&&110===K(x,3)?100:p){case 100:case 108:case 109:case 115:Ne(e,A,A,o&&te(Ve(e,A,A,0,0,i,s,v,i,y=[],d),C),i,C,d,s,o?y:C);break;default:Ne(x,A,A,A,[""],C,0,s,C)}}l=u=g=0,f=h=1,v=x="",d=a;break;case 58:d=1+ee(x),g=b;default:if(f<1)if(123==I)--f;else if(125==I&&0==f++&&125==de())continue;switch(x+=j(I),I*f){case 38:h=u>0?1:(x+="\f",-1);break;case 44:s[l++]=(ee(x)-1)*h,h=1;break;case 64:45===ge()&&(x+=ve(pe())),p=ge(),u=d=ee(v=x+=we(be())),I++;break;case 45:45===b&&2==ee(x)&&(f=0)}}return r}function Ve(e,n,t,o,i,r,a,s,c,l,u){for(var d=i-1,p=0===i?r:[""],g=ne(p),b=0,f=0,m=0;b<o;++b)for(var h=0,I=q(e,d+1,d=Y(f=a[b])),v=e;h<g;++h)(v=Q(f>0?p[h]+" "+I:_(I,/&\f/g,p[h])))&&(c[m++]=v);return le(e,n,t,0===i?D:s,c,l,u)}function We(e,n,t){return le(e,n,t,M,j(se),q(e,2,-2),0)}function Be(e,n,t,o){return le(e,n,t,z,q(e,0,o),q(e,o+1,-1),o)}function Xe(e,n){for(var t="",o=ne(e),i=0;i<o;i++)t+=n(e[i],i,e,n)||"";return t}function Ze(e,n,t,o){switch(e.type){case"@layer":if(e.children.length)break;case"@import":case z:return e.return=e.return||e.value;case M:return"";case J:return e.return=e.value+"{"+Xe(e.children,o)+"}";case D:e.value=e.props.join(",")}return ee(t=Xe(e.children,o))?e.return=e.value+"{"+t+"}":""}function Re(e){var n=ne(e);return function(t,o,i,r){for(var a="",s=0;s<n;s++)a+=e[s](t,o,i,r)||"";return a}}function ke(e){var n=Object.create(null);return function(t){return void 0===n[t]&&(n[t]=e(t)),n[t]}}var Te=function(e,n,t){for(var o=0,i=0;o=i,i=ge(),38===o&&12===i&&(n[t]=1),!me(i);)pe();return fe(e,ae)},Se=function(e,n){return Ie(function(e,n){var t=-1,o=44;do{switch(me(o)){case 0:38===o&&12===ge()&&(n[t]=1),e[t]+=Te(ae-1,n,t);break;case 2:e[t]+=ve(o);break;case 4:if(44===o){e[++t]=58===ge()?"&\f":"",n[t]=e[t].length;break}default:e[t]+=j(o)}}while(o=pe());return e}(he(e),n))},Fe=new WeakMap,He=function(e){if("rule"===e.type&&e.parent&&!(e.length<1)){for(var n=e.value,t=e.parent,o=e.column===t.column&&e.line===t.line;"rule"!==t.type;)if(!(t=t.parent))return;if((1!==e.props.length||58===n.charCodeAt(0)||Fe.get(t))&&!o){Fe.set(e,!0);for(var i=[],r=Se(n,i),a=t.props,s=0,c=0;s<r.length;s++)for(var l=0;l<a.length;l++,c++)e.props[c]=i[s]?r[s].replace(/&\f/g,a[l]):a[l]+" "+r[s]}}},Le=function(e){if("decl"===e.type){var n=e.value;108===n.charCodeAt(0)&&98===n.charCodeAt(2)&&(e.return="",e.value="")}},Ee=function(e){return"comm"===e.type&&e.children.indexOf("emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason")>-1},Oe=function(e){return 105===e.type.charCodeAt(1)&&64===e.type.charCodeAt(0)},Pe=function(e){e.type="",e.value="",e.return="",e.children="",e.props=""},Me=function(e,n,t){Oe(e)&&(e.parent?(console.error("`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles."),Pe(e)):function(e,n){for(var t=e-1;t>=0;t--)if(!Oe(n[t]))return!0;return!1}(n,t)&&(console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."),Pe(e)))};function De(e,n){switch(function(e,n){return 45^K(e,0)?(((n<<2^K(e,0))<<2^K(e,1))<<2^K(e,2))<<2^K(e,3):0}(e,n)){case 5103:return P+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return P+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return P+e+O+e+E+e+e;case 6828:case 4268:return P+e+E+e+e;case 6165:return P+e+E+"flex-"+e+e;case 5187:return P+e+_(e,/(\w+).+(:[^]+)/,P+"box-$1$2"+E+"flex-$1$2")+e;case 5443:return P+e+E+"flex-item-"+_(e,/flex-|-self/,"")+e;case 4675:return P+e+E+"flex-line-pack"+_(e,/align-content|flex-|-self/,"")+e;case 5548:return P+e+E+_(e,"shrink","negative")+e;case 5292:return P+e+E+_(e,"basis","preferred-size")+e;case 6060:return P+"box-"+_(e,"-grow","")+P+e+E+_(e,"grow","positive")+e;case 4554:return P+_(e,/([^-])(transform)/g,"$1"+P+"$2")+e;case 6187:return _(_(_(e,/(zoom-|grab)/,P+"$1"),/(image-set)/,P+"$1"),e,"")+e;case 5495:case 3959:return _(e,/(image-set\([^]*)/,P+"$1$`$1");case 4968:return _(_(e,/(.+:)(flex-)?(.*)/,P+"box-pack:$3"+E+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+P+e+e;case 4095:case 3583:case 4068:case 2532:return _(e,/(.+)-inline(.+)/,P+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(ee(e)-1-n>6)switch(K(e,n+1)){case 109:if(45!==K(e,n+4))break;case 102:return _(e,/(.+:)(.+)-([^]+)/,"$1"+P+"$2-$3$1"+O+(108==K(e,n+3)?"$3":"$2-$3"))+e;case 115:return~$(e,"stretch")?De(_(e,"stretch","fill-available"),n)+e:e}break;case 4949:if(115!==K(e,n+1))break;case 6444:switch(K(e,ee(e)-3-(~$(e,"!important")&&10))){case 107:return _(e,":",":"+P)+e;case 101:return _(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+P+(45===K(e,14)?"inline-":"")+"box$3$1"+P+"$2$3$1"+E+"$2box$3")+e}break;case 5936:switch(K(e,n+11)){case 114:return P+e+E+_(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return P+e+E+_(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return P+e+E+_(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return P+e+E+e+e}return e}var ze,Je,Ye,je="undefined"!=typeof document,Ue=je?void 0:(ze=function(){return ke((function(){var e={};return function(n){return e[n]}}))},Je=new WeakMap,function(e){if(Je.has(e))return Je.get(e);var n=ze(e);return Je.set(e,n),n}),Qe=[function(e,n,t,o){if(e.length>-1&&!e.return)switch(e.type){case z:e.return=De(e.value,e.length);break;case J:return Xe([ue(e,{value:_(e.value,"@","@"+P)})],o);case D:if(e.length)return function(e,n){return e.map(n).join("")}(e.props,(function(n){switch(function(e,n){return(e=n.exec(e))?e[0]:e}(n,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return Xe([ue(e,{props:[_(n,/:(read-\w+)/,":-moz-$1")]})],o);case"::placeholder":return Xe([ue(e,{props:[_(n,/:(plac\w+)/,":"+P+"input-$1")]}),ue(e,{props:[_(n,/:(plac\w+)/,":-moz-$1")]}),ue(e,{props:[_(n,/:(plac\w+)/,E+"input-$1")]})],o)}return""}))}}],_e=function(e){var n=e.key;if("production"!==process.env.NODE_ENV&&!n)throw new Error("You have to configure `key` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.\nIf multiple caches share the same key they might \"fight\" for each other's style elements.");if(je&&"css"===n){var t=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(t,(function(e){-1!==e.getAttribute("data-emotion").indexOf(" ")&&(document.head.appendChild(e),e.setAttribute("data-s",""))}))}var o=e.stylisPlugins||Qe;if("production"!==process.env.NODE_ENV&&/[^a-z-]/.test(n))throw new Error('Emotion key must only contain lower case alphabetical characters and - but "'+n+'" was passed');var i,r,a={},s=[];je&&(i=e.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+n+' "]'),(function(e){for(var n=e.getAttribute("data-emotion").split(" "),t=1;t<n.length;t++)a[n[t]]=!0;s.push(e)})));var c,l=[He,Le];if("production"!==process.env.NODE_ENV&&l.push(function(e){return function(n,t,o){if("rule"===n.type&&!e.compat){var i=n.value.match(/(:first|:nth|:nth-last)-child/g);if(i){for(var r=n.parent?n.parent.children:o,a=r.length-1;a>=0;a--){var s=r[a];if(s.line<n.line)break;if(s.column<n.column){if(Ee(s))return;break}}i.forEach((function(e){console.error('The pseudo class "'+e+'" is potentially unsafe when doing server-side rendering. Try changing it to "'+e.split("-child")[0]+'-of-type".')}))}}}}({get compat(){return h.compat}}),Me),je){var u,d=[Ze,"production"!==process.env.NODE_ENV?function(e){e.root||(e.return?u.insert(e.return):e.value&&e.type!==M&&u.insert(e.value+"{}"))}:(c=function(e){u.insert(e)},function(e){e.root||(e=e.return)&&c(e)})],p=Re(l.concat(o,d));r=function(e,n,t,o){u=t,"production"!==process.env.NODE_ENV&&void 0!==n.map&&(u={insert:function(e){t.insert(e+n.map)}}),Xe(Ge(e?e+"{"+n.styles+"}":n.styles),p),o&&(h.inserted[n.name]=!0)}}else{var g=[Ze],b=Re(l.concat(o,g)),f=Ue(o)(n),m=function(e,n){var t=n.name;return void 0===f[t]&&(f[t]=Xe(Ge(e?e+"{"+n.styles+"}":n.styles),b)),f[t]};r=function(e,n,t,o){var i=n.name,r=m(e,n);return void 0===h.compat?(o&&(h.inserted[i]=!0),"development"===process.env.NODE_ENV&&void 0!==n.map?r+n.map:r):o?void(h.inserted[i]=r):r}}var h={key:n,sheet:new L({key:n,container:i,nonce:e.nonce,speedy:e.speedy,prepend:e.prepend,insertionPoint:e.insertionPoint}),nonce:e.nonce,inserted:a,registered:{},insert:r};return h.sheet.hydrate(s),h},$e={exports:{}},Ke={};var qe,en={};
|
|
2
2
|
/** @license React v16.13.1
|
|
3
3
|
* react-is.development.js
|
|
4
4
|
*
|