@kvdbil/components 3.3.5-4 → 3.4.0

package/cjs/components/Tabs/index.js

@@ -1,51 +1,11 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const TabsContainer = styled__default['default'].div `
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components");function o(c){return c&&typeof c=="object"&&"default"in c?c:{default:c}}var r=o(e),i=o(t);const l=i.default.div`
   display: inline-flex;
-  border-bottom: 1px solid ${({ theme }) => theme.colors.gray.light4};
-`;
-const TabWrapper = styled__default['default'].div `
-  font-family: ${({ theme }) => theme.typography.fontAlternativeFamily};
-  font-weight: ${({ theme }) => theme.typography.fontAlternativeRegularWeight};
+  border-bottom: 1px solid ${({theme:c})=>c.colors.gray.light4};
+`,a=i.default.div`
+  font-family: ${({theme:c})=>c.typography.fontAlternativeFamily};
+  font-weight: ${({theme:c})=>c.typography.fontAlternativeRegularWeight};
   padding: 1em;
-  border-bottom: ${({ theme, isActive, activeColor }) => isActive
-    ? `3px solid ${theme.colors[activeColor].main}`
-    : '3px solid transparent'};
+  border-bottom: ${({theme:c,isActive:d,activeColor:s})=>d?`3px solid ${c.colors[s].main}`:"3px solid transparent"};
   transition: color 0.3s ease, border 0.3s ease;
   cursor: pointer;
-`;
-const Tab = ({ children, isActive = false, onClick, activeColor = 'primary', }) => {
-    return (jsxRuntime.jsx(TabWrapper, Object.assign({ isActive: isActive, onClick: onClick, activeColor: activeColor }, { children: children }), void 0));
-};
-const Tabs = ({ activeIndex, activeColor = 'primary', children, onTabClick, className, }) => {
-    if (react.Children.count(children) <= 1) {
-        console.error('<Tabs /> component has too few children!');
-        return null;
-    }
-    return (jsxRuntime.jsx(TabsContainer, Object.assign({ className: className }, { children: react.Children.map(children, (child, index) => {
-            if (!child) {
-                return null;
-            }
-            const onClick = child.props.onClick;
-            return (jsxRuntime.jsx(TabWrapper, Object.assign({}, child.props, { isActive: activeIndex === index, activeColor: activeColor, onClick: event => {
-                    onTabClick(index);
-                    if (typeof onClick === 'function') {
-                        onClick(event);
-                    }
-                }, as: child.type || 'div' }, { children: child.props.children }), void 0));
-        }) }), void 0));
-};
-
-exports.Tab = Tab;
-exports.Tabs = Tabs;
-exports['default'] = Tabs;
+`,n=({activeIndex:c,activeColor:d="primary",children:s,onTabClick:u,className:v})=>e.Children.count(s)<=1?(console.error("<Tabs /> component has too few children!"),null):r.default.createElement(l,{className:v},e.Children.map(s,(p,f)=>{if(!p)return null;const m=p.props.onClick;return r.default.createElement(a,{...p.props,isActive:c===f,activeColor:d,onClick:h=>{u(f),typeof m=="function"&&m(h)},as:p.type||"div"},p.props.children)}));exports.Tab=({children:c,isActive:d=!1,onClick:s,activeColor:u="primary"})=>r.default.createElement(a,{isActive:d,onClick:s,activeColor:u},c),exports.Tabs=n,exports.default=n;

package/cjs/components/TextArea/index.js

@@ -1,56 +1,36 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var styled = require('styled-components');
-var theme = require('../../theme.js');
-var components_FieldLabel = require('../FieldLabel.js');
-var typography_BodyText_index = require('../../typography/BodyText/index.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const disabledStyles = styled.css `
-  border: 1px solid ${theme['default'].colors.gray.light1};
-  color: ${theme['default'].colors.gray.dark1};
-  fill: ${theme['default'].colors.gray.light1};
-`;
-const errorStyles = styled.css `
-  border: 1px solid ${theme['default'].colors.error.main};
-`;
-const focusStyles = styled.css `
-  color: ${theme['default'].colors.text.dark};
-  border: 1px solid ${theme['default'].colors.text.dark};
-  fill: ${theme['default'].colors.text.dark};
-`;
-const TextAreaWrapper = styled__default['default'].div `
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("styled-components"),l=require("../../theme.js"),t=require("../FieldLabel.js"),a=require("../../typography/BodyText/index.js");function o(b){return b&&typeof b=="object"&&"default"in b?b:{default:b}}var d=o(e),s=o(r);const i=r.css`
+  border: 1px solid ${l.default.colors.gray.light1};
+  color: ${l.default.colors.gray.dark1};
+  fill: ${l.default.colors.gray.light1};
+`,n=r.css`
+  border: 1px solid ${l.default.colors.error.main};
+`,c=r.css`
+  color: ${l.default.colors.text.dark};
+  border: 1px solid ${l.default.colors.text.dark};
+  fill: ${l.default.colors.text.dark};
+`,u=s.default.div`
   position: relative;
   padding: 0;
   display: inline-block;
-`;
-const InputWrapper = styled__default['default'].div `
+`,f=s.default.div`
   display: inline-black;
 
-  color: ${theme['default'].colors.gray.light1};
-  fill: ${theme['default'].colors.gray.light1};
-  background-color: ${theme['default'].colors.background.light};
+  color: ${l.default.colors.gray.light1};
+  fill: ${l.default.colors.gray.light1};
+  background-color: ${l.default.colors.background.light};
 
-  border: 1px solid ${theme['default'].colors.gray.light1};
+  border: 1px solid ${l.default.colors.gray.light1};
   border-radius: 0.25em;
   transition: all 150ms;
 
   padding: 0.7rem 0.75rem;
 
-  ${({ hasError, isFocused }) => !hasError && isFocused && focusStyles}
-  ${({ disabled }) => disabled && disabledStyles}
-  ${({ hasError }) => hasError && errorStyles}
-  ${({ centered }) => centered && `text-align: center;`}
-`;
-const TextAreaInput = styled__default['default'].textarea `
-  ${typography_BodyText_index.BodyTextStyle}
+  ${({hasError:b,isFocused:x})=>!b&&x&&c}
+  ${({disabled:b})=>b&&i}
+  ${({hasError:b})=>b&&n}
+  ${({centered:b})=>b&&"text-align: center;"}
+`,h=s.default.textarea`
+  ${a.BodyTextStyle}
 
   width: 100%;
   cursor: text;
@@ -58,29 +38,18 @@ const TextAreaInput = styled__default['default'].textarea `
   border: none;
   background-color: transparent;
 
-  ${({ resize }) => !resize && 'resize: none;'}
-`;
-const Suffix = styled__default['default'].div `
-  font-family: ${({ theme }) => theme.typography.fontBaseFamily};
-`;
-const HelperText = styled__default['default'].span `
+  ${({resize:b})=>!b&&"resize: none;"}
+`,m=s.default.div`
+  font-family: ${({theme:b})=>b.typography.fontBaseFamily};
+`,p=s.default.span`
   display: block;
-  font-family: ${({ theme }) => theme.typography.fontBaseFamily};
+  font-family: ${({theme:b})=>b.typography.fontBaseFamily};
   font-size: 0.81rem;
 
   margin-top: 0.25rem;
   margin-left: 0.85rem;
 
-  color: ${({ hasError }) => hasError ? theme['default'].colors.error.main : theme['default'].colors.text.dark};
-
-  ${({ centered }) => centered && `width: 100%; text-align: center; display: block;`}
-`;
-/** The main text field used */
-const TextArea = ({ placeholder = '', isDisabled = false, centered = false, hasError = false, className, helperText, label = '', resize = true, ...props }) => {
-    const [isFocused, setIsFocused] = react.useState(false);
-    const hasValue = Boolean(props.value);
-    return (jsxRuntime.jsxs(TextAreaWrapper, Object.assign({ className: className }, { children: [jsxRuntime.jsxs(InputWrapper, Object.assign({ isFocused: isFocused, disabled: isDisabled, centered: centered, hasError: hasError, hasPlaceholder: !!placeholder }, { children: [jsxRuntime.jsx(TextAreaInput, Object.assign({}, props, { resize: resize, onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), disabled: isDisabled, theme: theme['default'], placeholder: label && !isFocused ? '' : placeholder }), void 0), props.suffix && jsxRuntime.jsx(Suffix, { children: props.suffix }, void 0)] }), void 0), label && (jsxRuntime.jsx(components_FieldLabel.Label, Object.assign({ isFocused: isFocused, centered: centered, hasError: hasError, hasValue: hasValue, disabled: isDisabled, theme: theme['default'] }, { children: label }), void 0)), helperText && (jsxRuntime.jsx(HelperText, Object.assign({ centered: centered, hasError: hasError }, { children: helperText }), void 0))] }), void 0));
-};
+  color: ${({hasError:b})=>b?l.default.colors.error.main:l.default.colors.text.dark};
 
-exports.TextArea = TextArea;
-exports['default'] = TextArea;
+  ${({centered:b})=>b&&"width: 100%; text-align: center; display: block;"}
+`,y=({placeholder:b="",isDisabled:x=!1,centered:g=!1,hasError:E=!1,className:j,helperText:F,label:k="",resize:q=!0,...$})=>{const[v,B]=e.useState(!1),z=Boolean($.value);return d.default.createElement(u,{className:j},d.default.createElement(f,{isFocused:v,disabled:x,centered:g,hasError:E,hasPlaceholder:!!b},d.default.createElement(h,{...$,resize:q,onFocus:()=>B(!0),onBlur:()=>B(!1),disabled:x,theme:l.default,placeholder:k&&!v?"":b}),$.suffix&&d.default.createElement(m,null,$.suffix)),k&&d.default.createElement(t.Label,{isFocused:v,centered:g,hasError:E,hasValue:z,disabled:x,theme:l.default},k),F&&d.default.createElement(p,{centered:g,hasError:E},F))};exports.TextArea=y,exports.default=y;

package/cjs/components/Textfield/index.js

@@ -1,95 +1,55 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var styled = require('styled-components');
-var theme = require('../../theme.js');
-var components_FieldLabel = require('../FieldLabel.js');
-var typography_BodyText_index = require('../../typography/BodyText/index.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const disabledStyles = styled.css `
-  border: 1px solid ${theme['default'].colors.gray.light1};
-  color: ${theme['default'].colors.gray.dark1};
-  fill: ${theme['default'].colors.gray.light1};
-`;
-const errorStyles = styled.css `
-  border: 1px solid ${theme['default'].colors.error.main};
-`;
-const focusStyles = styled.css `
-  color: ${theme['default'].colors.text.dark};
-  border: 1px solid ${theme['default'].colors.text.dark};
-  fill: ${theme['default'].colors.text.dark};
-`;
-const TextFieldWrapper = styled__default['default'].div `
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("styled-components"),l=require("../../theme.js"),t=require("../FieldLabel.js"),a=require("../../typography/BodyText/index.js");function o(x){return x&&typeof x=="object"&&"default"in x?x:{default:x}}var d=o(e),s=o(r);const i=r.css`
+  border: 1px solid ${l.default.colors.gray.light1};
+  color: ${l.default.colors.gray.dark1};
+  fill: ${l.default.colors.gray.light1};
+`,n=r.css`
+  border: 1px solid ${l.default.colors.error.main};
+`,c=r.css`
+  color: ${l.default.colors.text.dark};
+  border: 1px solid ${l.default.colors.text.dark};
+  fill: ${l.default.colors.text.dark};
+`,u=s.default.div`
   position: relative;
   padding: 0;
   display: block;
-`;
-// eslint-disable-next-line prettier/prettier
-const InputWrapper = styled__default['default'].div `
+`,f=s.default.div`
   display: flex;
   text-align: center;
   align-items: center;
 
-  color: ${theme['default'].colors.gray.light1};
-  fill: ${theme['default'].colors.gray.light1};
-  background-color: ${theme['default'].colors.background.light};
+  color: ${l.default.colors.gray.light1};
+  fill: ${l.default.colors.gray.light1};
+  background-color: ${l.default.colors.background.light};
 
-  border: 1px solid ${theme['default'].colors.gray.light1};
+  border: 1px solid ${l.default.colors.gray.light1};
   border-radius: 0.25em;
   transition: all 150ms;
 
   padding: 0.7rem 0.75rem 0.6rem;
 
-  ${({ hasError, isFocused }) => !hasError && isFocused && focusStyles}
-  ${({ disabled }) => disabled && disabledStyles}
-  ${({ hasError }) => hasError && errorStyles}
-  ${({ centered }) => centered && `text-align: center;`}
-`;
-const Input = styled__default['default'].input `
-  ${typography_BodyText_index.BodyTextStyle}
+  ${({hasError:x,isFocused:y})=>!x&&y&&c}
+  ${({disabled:x})=>x&&i}
+  ${({hasError:x})=>x&&n}
+  ${({centered:x})=>x&&"text-align: center;"}
+`,p=s.default.input`
+  ${a.BodyTextStyle}
   width: 100%;
   cursor: text;
   outline: none;
   border: none;
   background-color: transparent;
-`;
-const Suffix = styled__default['default'].div `
-  font-family: ${({ theme }) => theme.typography.fontBaseFamily};
+`,h=s.default.div`
+  font-family: ${({theme:x})=>x.typography.fontBaseFamily};
   line-height: 0px;
   margin-top: 2px;
-`;
-const HelperText = styled__default['default'].span `
-  ${typography_BodyText_index.CaptionStyle}
+`,m=s.default.span`
+  ${a.CaptionStyle}
   line-height: normal;
   display: block;
   margin-top: 0.25rem;
   margin-left: 0.85rem;
 
-  color: ${({ hasError }) => hasError ? theme['default'].colors.error.main : theme['default'].colors.text.dark};
-
-  ${({ centered }) => centered && `width: 100%; text-align: center; display: block;`}
-`;
-/** The main text field used */
-const TextField = ({ placeholder = '', isDisabled = false, centered = false, hasError = false, className, helperText, label = '', onBlur = () => null, onFocus = () => null, forwardRef, ...props }) => {
-    const [isFocused, setIsFocused] = react.useState(false);
-    const hasValue = Boolean(props.value);
-    const handleFocus = (event) => {
-        setIsFocused(true);
-        onFocus(event);
-    };
-    const handleBlur = (event) => {
-        setIsFocused(false);
-        onBlur(event);
-    };
-    return (jsxRuntime.jsxs(TextFieldWrapper, Object.assign({ className: className }, { children: [jsxRuntime.jsxs(InputWrapper, Object.assign({ isFocused: isFocused, disabled: isDisabled, centered: centered, hasError: hasError, hasPlaceholder: !!placeholder }, { children: [jsxRuntime.jsx(Input, Object.assign({}, props, { ref: forwardRef, onFocus: handleFocus, onBlur: handleBlur, disabled: isDisabled, theme: theme['default'], placeholder: label && !isFocused ? '' : placeholder }), void 0), props.suffix && jsxRuntime.jsx(Suffix, { children: props.suffix }, void 0)] }), void 0), label && (jsxRuntime.jsx(components_FieldLabel.Label, Object.assign({ isFocused: isFocused, centered: centered, hasError: hasError, hasValue: hasValue, disabled: isDisabled, theme: theme['default'] }, { children: label }), void 0)), helperText && (jsxRuntime.jsx(HelperText, Object.assign({ centered: centered, hasError: hasError }, { children: helperText }), void 0))] }), void 0));
-};
+  color: ${({hasError:x})=>x?l.default.colors.error.main:l.default.colors.text.dark};
 
-exports.TextField = TextField;
-exports['default'] = TextField;
+  ${({centered:x})=>x&&"width: 100%; text-align: center; display: block;"}
+`,g=({placeholder:x="",isDisabled:y=!1,centered:b=!1,hasError:E=!1,className:q,helperText:B,label:k="",onBlur:T=()=>null,onFocus:w=()=>null,forwardRef:S,...$})=>{const[v,j]=e.useState(!1),L=Boolean($.value);return d.default.createElement(u,{className:q},d.default.createElement(f,{isFocused:v,disabled:y,centered:b,hasError:E,hasPlaceholder:!!x},d.default.createElement(p,{...$,ref:S,onFocus:F=>{j(!0),w(F)},onBlur:F=>{j(!1),T(F)},disabled:y,theme:l.default,placeholder:k&&!v?"":x}),$.suffix&&d.default.createElement(h,null,$.suffix)),k&&d.default.createElement(t.Label,{isFocused:v,centered:b,hasError:E,hasValue:L,disabled:y,theme:l.default},k),B&&d.default.createElement(m,{centered:b,hasError:E},B))};exports.TextField=g,exports.default=g;

package/cjs/components/TimePicker/index.js

@@ -1,18 +1,4 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var styled = require('styled-components');
-var components_Chip_index = require('../Chip/index.js');
-require('../../shared/helpers.js');
-require('../../theme.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const TimeSlots = styled__default['default'].ul `
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),r=require("../Chip/index.js");function i(m){return m&&typeof m=="object"&&"default"in m?m:{default:m}}require("../../shared/helpers.js"),require("../../theme.js");var a=i(e);const l=i(t).default.ul`
   max-width: 20rem;
   display: grid;
   grid-template-columns: repeat(4, 1fr);
@@ -20,17 +6,4 @@ const TimeSlots = styled__default['default'].ul `
   flex-wrap: wrap;
   margin: 0;
   padding: 0;
-`;
-const isCurrentTime = (currentItem, selectedTimes) => {
-    return Array.isArray(selectedTimes)
-        ? Boolean(selectedTimes.find(t => t.getTime() === currentItem.getTime()))
-        : (selectedTimes === null || selectedTimes === void 0 ? void 0 : selectedTimes.getTime()) === currentItem.getTime();
-};
-const TimePicker = ({ timeSlots, onTimeSlotClick, selectedTimes, disabledTimes, ...props }) => (jsxRuntime.jsx(TimeSlots, Object.assign({}, props, { children: timeSlots.map(({ text, date }) => {
-        const isSelected = isCurrentTime(date, selectedTimes);
-        const isDisabled = isCurrentTime(date, disabledTimes);
-        return (jsxRuntime.jsx(components_Chip_index.Chip, Object.assign({ component: "li", "data-selected": isSelected, "data-disabled": isDisabled, isDisabled: isDisabled, isActive: isSelected, onClick: () => !isSelected && !isDisabled && onTimeSlotClick(date) }, { children: text }), date.getTime()));
-    }) }), void 0));
-
-exports.TimePicker = TimePicker;
-exports['default'] = TimePicker;
+`,d=(m,n)=>Array.isArray(n)?Boolean(n.find(u=>u.getTime()===m.getTime())):(n==null?void 0:n.getTime())===m.getTime(),s=({timeSlots:m,onTimeSlotClick:n,selectedTimes:u,disabledTimes:f,...g})=>a.default.createElement(l,{...g},m.map(({text:T,date:o})=>{const c=d(o,u),p=d(o,f);return a.default.createElement(r.Chip,{component:"li","data-selected":c,"data-disabled":p,isDisabled:p,isActive:c,key:o.getTime(),onClick:()=>!c&&!p&&n(o)},T)}));exports.TimePicker=s,exports.default=s;

package/cjs/components/TimePicker/testHelper.js

@@ -1,17 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const generateTimeSlots = (x) => {
-    const addHour = (h) => h * 60 * 60 * 1000;
-    const startDate = new Date('2020/02/02');
-    const t = new Date(startDate);
-    // eslint-disable-next-line no-unused-vars
-    return Array.from({ length: x }, (_, i) => {
-        const date = new Date(t.setTime(t.getDate() + addHour(i)));
-        const text = i < 10 ? `0${i + 1}:00` : `${i + 1}:00`;
-        return { date, text };
-    });
-};
-
-exports.generateTimeSlots = generateTimeSlots;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.generateTimeSlots=r=>{const a=new Date("2020/02/02"),t=new Date(a);return Array.from({length:r},(n,e)=>({date:new Date(t.setTime(t.getDate()+60*e*60*1e3)),text:e<10?`0${e+1}:00`:`${e+1}:00`}))};

package/cjs/components/Toggle/index.js

@@ -1,26 +1,12 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var styled = require('styled-components');
-var theme = require('../../theme.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const Container = styled__default['default'].div `
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),o=require("../../theme.js");function i(s){return s&&typeof s=="object"&&"default"in s?s:{default:s}}var l=i(e),r=i(t);const a=r.default.div`
   display: flex;
   position: relative;
-  border-top: ${({ theme }) => `1px solid ${theme.colors.gray.light6}`};
-  border-bottom: ${({ theme }) => `1px solid ${theme.colors.gray.light6}`};
+  border-top: ${({theme:s})=>`1px solid ${s.colors.gray.light6}`};
+  border-bottom: ${({theme:s})=>`1px solid ${s.colors.gray.light6}`};
   padding: 4px;
-`;
-const Box = styled__default['default'].div `
-  font-family: ${({ theme }) => theme.typography.fontBaseFamily};
-  font-weight: ${({ theme }) => theme.typography.fontBaseRegularWeight};
+`,c=r.default.div`
+  font-family: ${({theme:s})=>s.typography.fontBaseFamily};
+  font-weight: ${({theme:s})=>s.typography.fontBaseRegularWeight};
   display: flex;
   min-height: 4rem;
   align-items: center;
@@ -30,11 +16,10 @@ const Box = styled__default['default'].div `
   position: relative;
   cursor: pointer;
 
-  color: ${props => props.isActive ? theme['default'].colors.text.light : theme['default'].colors.text.dark};
-`;
-const Background = styled__default['default'].div `
+  color: ${s=>s.isActive?o.default.colors.text.light:o.default.colors.text.dark};
+`,n=r.default.div`
   z-index: 0;
-  background-color: ${props => theme['default'].colors[props.color].main};
+  background-color: ${s=>o.default.colors[s.color].main};
   position: absolute;
 
   border-radius: 0.25rem;
@@ -46,27 +31,9 @@ const Background = styled__default['default'].div `
 
   transition: left 250ms ease-in-out;
 
-  ${props => props.active === 'RIGHT' &&
-    `
+  ${s=>s.active==="RIGHT"&&`
     left: calc(50%);
   `}
 
-  ${props => !props.active && `display: none;`}
-`;
-const Toggle = ({ onChange, ...props }) => {
-    const [active, setActive] = react.useState(props.active);
-    react.useEffect(() => {
-        setActive(props.active);
-    }, [props.active]);
-    const handleLeftClick = () => {
-        setActive('LEFT');
-        onChange('LEFT');
-    };
-    const handleRightClick = () => {
-        setActive('RIGHT');
-        onChange('RIGHT');
-    };
-    return (jsxRuntime.jsxs(Container, Object.assign({}, props, { children: [jsxRuntime.jsx(Background, { color: props.color, active: active }, void 0), jsxRuntime.jsx(Box, Object.assign({ onClick: handleLeftClick, isActive: active === 'LEFT', color: props.color }, { children: props.left }), void 0), jsxRuntime.jsx(Box, Object.assign({ onClick: handleRightClick, isActive: active === 'RIGHT', color: props.color }, { children: props.right }), void 0)] }), void 0));
-};
-
-exports.Toggle = Toggle;
+  ${s=>!s.active&&"display: none;"}
+`;exports.Toggle=({onChange:s,...d})=>{const[f,u]=e.useState(d.active);return e.useEffect(()=>{u(d.active)},[d.active]),l.default.createElement(a,{...d},l.default.createElement(n,{color:d.color,active:f}),l.default.createElement(c,{onClick:()=>{u("LEFT"),s("LEFT")},isActive:f==="LEFT",color:d.color},d.left),l.default.createElement(c,{onClick:()=>{u("RIGHT"),s("RIGHT")},isActive:f==="RIGHT",color:d.color},d.right))};

package/cjs/icons/components/AccountCreateIcon.js

@@ -1,11 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-
-function AccountCreateIcon(props) {
-    return (jsxRuntime.jsxs("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 26 20", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.949 11.997V4.696h1.565v7.3H2.949z" }, void 0), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M.08 7.563h7.302V9.13H.08V7.563zM13.391 1.565a3.13 3.13 0 100 6.261 3.13 3.13 0 000-6.26zm-4.695 3.13a4.696 4.696 0 119.391.001 4.696 4.696 0 01-9.391 0zm-1.91 8.035c1.436-1.62 3.628-2.556 6.605-2.556 2.978 0 5.17.935 6.605 2.556C21.416 14.333 22 16.499 22 18.783v.782H4.783v-.782c0-2.284.583-4.45 2.004-6.053zM6.376 18h14.033c-.12-1.703-.637-3.164-1.584-4.232-1.074-1.213-2.795-2.029-5.433-2.029-2.637 0-4.359.816-5.433 2.029-.946 1.068-1.464 2.529-1.583 4.232z" }, void 0)] }), void 0));
-}
-
-exports['default'] = AccountCreateIcon;
+"use strict";function e(r){if(r&&r.__esModule)return r;var l=Object.create(null);return r&&Object.keys(r).forEach(function(n){if(n!=="default"){var c=Object.getOwnPropertyDescriptor(r,n);Object.defineProperty(l,n,c.get?c:{enumerable:!0,get:function(){return r[n]}})}}),l.default=r,Object.freeze(l)}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.default=function(r){return t.createElement("svg",{width:"1em",height:"1em",viewBox:"0 0 26 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...r},t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.949 11.997V4.696h1.565v7.3H2.949z"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M.08 7.563h7.302V9.13H.08V7.563zM13.391 1.565a3.13 3.13 0 100 6.261 3.13 3.13 0 000-6.26zm-4.695 3.13a4.696 4.696 0 119.391.001 4.696 4.696 0 01-9.391 0zm-1.91 8.035c1.436-1.62 3.628-2.556 6.605-2.556 2.978 0 5.17.935 6.605 2.556C21.416 14.333 22 16.499 22 18.783v.782H4.783v-.782c0-2.284.583-4.45 2.004-6.053zM6.376 18h14.033c-.12-1.703-.637-3.164-1.584-4.232-1.074-1.213-2.795-2.029-5.433-2.029-2.637 0-4.359.816-5.433 2.029-.946 1.068-1.464 2.529-1.583 4.232z"}))};

package/cjs/icons/components/AccountIcon.js

@@ -1,11 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-
-function AccountIcon(props) {
-    return (jsxRuntime.jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 18 20", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.826 1.783a3.13 3.13 0 100 6.26 3.13 3.13 0 000-6.26zM4.13 4.913a4.696 4.696 0 119.392 0 4.696 4.696 0 01-9.392 0zm-1.908 8.034c1.435-1.62 3.626-2.556 6.604-2.556s5.17.936 6.605 2.556c1.42 1.604 2.004 3.77 2.004 6.053v.783H.217V19c0-2.284.584-4.45 2.005-6.053zm-.413 5.27h14.034c-.12-1.703-.637-3.163-1.584-4.232-1.074-1.212-2.796-2.028-5.433-2.028s-4.359.816-5.433 2.028c-.946 1.069-1.465 2.53-1.584 4.232z" }, void 0) }), void 0));
-}
-
-exports['default'] = AccountIcon;
+"use strict";function e(r){if(r&&r.__esModule)return r;var n=Object.create(null);return r&&Object.keys(r).forEach(function(c){if(c!=="default"){var u=Object.getOwnPropertyDescriptor(r,c);Object.defineProperty(n,c,u.get?u:{enumerable:!0,get:function(){return r[c]}})}}),n.default=r,Object.freeze(n)}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.default=function(r){return t.createElement("svg",{width:"1em",height:"1em",viewBox:"0 0 18 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...r},t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.826 1.783a3.13 3.13 0 100 6.26 3.13 3.13 0 000-6.26zM4.13 4.913a4.696 4.696 0 119.392 0 4.696 4.696 0 01-9.392 0zm-1.908 8.034c1.435-1.62 3.626-2.556 6.604-2.556s5.17.936 6.605 2.556c1.42 1.604 2.004 3.77 2.004 6.053v.783H.217V19c0-2.284.584-4.45 2.005-6.053zm-.413 5.27h14.034c-.12-1.703-.637-3.163-1.584-4.232-1.074-1.212-2.796-2.028-5.433-2.028s-4.359.816-5.433 2.028c-.946 1.069-1.465 2.53-1.584 4.232z"}))};

package/cjs/icons/components/AccountLoginIcon.js

@@ -1,11 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-
-function AccountLoginIcon(props) {
-    return (jsxRuntime.jsxs("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 22 19", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.4 1.52a3.04 3.04 0 100 6.08 3.04 3.04 0 000-6.08zM8.84 4.56a4.56 4.56 0 119.12 0 4.56 4.56 0 01-9.12 0zm-1.854 7.802C8.38 10.789 10.508 9.88 13.4 9.88s5.02.909 6.414 2.482c1.38 1.557 1.946 3.66 1.946 5.878V19H5.04v-.76c0-2.218.567-4.32 1.946-5.878zm-.4 5.118h13.628c-.116-1.654-.619-3.072-1.538-4.11-1.043-1.177-2.715-1.97-5.276-1.97s-4.233.793-5.276 1.97c-.92 1.038-1.422 2.456-1.538 4.11z" }, void 0), jsxRuntime.jsx("path", { d: "M.48 7.868h5.477v1.403H.48V7.868z" }, void 0), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.39 11.844l1.751-2.09c.56-.639.56-1.694-.01-2.345L4.392 5.32l-1.078.898 1.75 2.102c.118.135.118.4.012.522l-1.76 2.1 1.075.902z" }, void 0)] }), void 0));
-}
-
-exports['default'] = AccountLoginIcon;
+"use strict";function e(r){if(r&&r.__esModule)return r;var c=Object.create(null);return r&&Object.keys(r).forEach(function(l){if(l!=="default"){var n=Object.getOwnPropertyDescriptor(r,l);Object.defineProperty(c,l,n.get?n:{enumerable:!0,get:function(){return r[l]}})}}),c.default=r,Object.freeze(c)}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.default=function(r){return t.createElement("svg",{width:"1em",height:"1em",viewBox:"0 0 22 19",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...r},t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.4 1.52a3.04 3.04 0 100 6.08 3.04 3.04 0 000-6.08zM8.84 4.56a4.56 4.56 0 119.12 0 4.56 4.56 0 01-9.12 0zm-1.854 7.802C8.38 10.789 10.508 9.88 13.4 9.88s5.02.909 6.414 2.482c1.38 1.557 1.946 3.66 1.946 5.878V19H5.04v-.76c0-2.218.567-4.32 1.946-5.878zm-.4 5.118h13.628c-.116-1.654-.619-3.072-1.538-4.11-1.043-1.177-2.715-1.97-5.276-1.97s-4.233.793-5.276 1.97c-.92 1.038-1.422 2.456-1.538 4.11z"}),t.createElement("path",{d:"M.48 7.868h5.477v1.403H.48V7.868z"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.39 11.844l1.751-2.09c.56-.639.56-1.694-.01-2.345L4.392 5.32l-1.078.898 1.75 2.102c.118.135.118.4.012.522l-1.76 2.1 1.075.902z"}))};

package/cjs/icons/components/ArrowDownIcon.js

@@ -1,11 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-
-function ArrowDownIcon(props) {
-    return (jsxRuntime.jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 13 7", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.71.97l4.546 4.242a.282.282 0 00.38 0L11.18.97l1.136 1.06-4.545 4.243a1.971 1.971 0 01-2.652 0L.574 2.03 1.711.97z" }, void 0) }), void 0));
-}
-
-exports['default'] = ArrowDownIcon;
+"use strict";function e(r){if(r&&r.__esModule)return r;var n=Object.create(null);return r&&Object.keys(r).forEach(function(l){if(l!=="default"){var u=Object.getOwnPropertyDescriptor(r,l);Object.defineProperty(n,l,u.get?u:{enumerable:!0,get:function(){return r[l]}})}}),n.default=r,Object.freeze(n)}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.default=function(r){return t.createElement("svg",{width:"1em",height:"1em",viewBox:"0 0 13 7",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...r},t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.71.97l4.546 4.242a.282.282 0 00.38 0L11.18.97l1.136 1.06-4.545 4.243a1.971 1.971 0 01-2.652 0L.574 2.03 1.711.97z"}))};

package/cjs/icons/components/ArrowLeftIcon.js

@@ -1,11 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-
-function ArrowLeftIcon(props) {
-    return (jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 12 24", fill: "currentColor" }, props, { children: jsxRuntime.jsx("path", { d: "M9.23 0L12 3l-6.462 7c-.915.993-.915 3.008 0 4L12 21l-2.77 3-3.834-4.2C1.59 15.7 0 14 0 12s1.96-4.1 5.396-7.8L9.231 0z" }, void 0) }), void 0));
-}
-
-exports['default'] = ArrowLeftIcon;
+"use strict";function e(r){if(r&&r.__esModule)return r;var c=Object.create(null);return r&&Object.keys(r).forEach(function(n){if(n!=="default"){var u=Object.getOwnPropertyDescriptor(r,n);Object.defineProperty(c,n,u.get?u:{enumerable:!0,get:function(){return r[n]}})}}),c.default=r,Object.freeze(c)}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.default=function(r){return t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 24",fill:"currentColor",...r},t.createElement("path",{d:"M9.23 0L12 3l-6.462 7c-.915.993-.915 3.008 0 4L12 21l-2.77 3-3.834-4.2C1.59 15.7 0 14 0 12s1.96-4.1 5.396-7.8L9.231 0z"}))};

package/cjs/icons/components/ArrowLeftSharpIcon.js

@@ -1,11 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-
-function ArrowLeftSharpIcon(props) {
-    return (jsxRuntime.jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 19 19", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.045 16.97L3.267 9.193a.25.25 0 010-.353l7.778-7.778L9.985 0 2.205 7.778a1.75 1.75 0 000 2.475l7.778 7.778 1.061-1.06z" }, void 0) }), void 0));
-}
-
-exports['default'] = ArrowLeftSharpIcon;
+"use strict";function e(r){if(r&&r.__esModule)return r;var n=Object.create(null);return r&&Object.keys(r).forEach(function(l){if(l!=="default"){var u=Object.getOwnPropertyDescriptor(r,l);Object.defineProperty(n,l,u.get?u:{enumerable:!0,get:function(){return r[l]}})}}),n.default=r,Object.freeze(n)}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.default=function(r){return t.createElement("svg",{width:"1em",height:"1em",viewBox:"0 0 19 19",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...r},t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.045 16.97L3.267 9.193a.25.25 0 010-.353l7.778-7.778L9.985 0 2.205 7.778a1.75 1.75 0 000 2.475l7.778 7.778 1.061-1.06z"}))};

package/cjs/icons/components/ArrowLeftSmallIcon.js

@@ -1,11 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-
-function ArrowLeftSmallIcon(props) {
-    return (jsxRuntime.jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 12 13", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.999 2.321l-4.244 4.26a.251.251 0 000 .354L9 11.195 7.94 12.256l-4.244-4.26a1.758 1.758 0 010-2.479l4.244-4.26L9 2.322z" }, void 0) }), void 0));
-}
-
-exports['default'] = ArrowLeftSmallIcon;
+"use strict";function e(r){if(r&&r.__esModule)return r;var l=Object.create(null);return r&&Object.keys(r).forEach(function(n){if(n!=="default"){var u=Object.getOwnPropertyDescriptor(r,n);Object.defineProperty(l,n,u.get?u:{enumerable:!0,get:function(){return r[n]}})}}),l.default=r,Object.freeze(l)}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.default=function(r){return t.createElement("svg",{width:"1em",height:"1em",viewBox:"0 0 12 13",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...r},t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.999 2.321l-4.244 4.26a.251.251 0 000 .354L9 11.195 7.94 12.256l-4.244-4.26a1.758 1.758 0 010-2.479l4.244-4.26L9 2.322z"}))};

package/cjs/icons/components/ArrowLong.js

@@ -1,11 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-
-function ArrowLong(props) {
-    return (jsxRuntime.jsxs("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [jsxRuntime.jsx("path", { fill: "currentColor", d: "M1 10.215h20.532v3.422H1z" }, void 0), jsxRuntime.jsx("path", { d: "M17.71 19.91l4.269-5.095c1.366-1.559 1.366-4.133-.025-5.72L17.713 4l-2.63 2.19 4.27 5.126c.287.33.287.976.027 1.273l-4.294 5.124 2.623 2.198z", fill: "currentColor" }, void 0)] }), void 0));
-}
-
-exports['default'] = ArrowLong;
+"use strict";function e(r){if(r&&r.__esModule)return r;var l=Object.create(null);return r&&Object.keys(r).forEach(function(c){if(c!=="default"){var n=Object.getOwnPropertyDescriptor(r,c);Object.defineProperty(l,c,n.get?n:{enumerable:!0,get:function(){return r[c]}})}}),l.default=r,Object.freeze(l)}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.default=function(r){return t.createElement("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r},t.createElement("path",{fill:"currentColor",d:"M1 10.215h20.532v3.422H1z"}),t.createElement("path",{d:"M17.71 19.91l4.269-5.095c1.366-1.559 1.366-4.133-.025-5.72L17.713 4l-2.63 2.19 4.27 5.126c.287.33.287.976.027 1.273l-4.294 5.124 2.623 2.198z",fill:"currentColor"}))};

package/cjs/icons/components/ArrowRestartIcon.js

@@ -1,11 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-
-function ArrowRestartIcon(props) {
-    return (jsxRuntime.jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 20 17", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.513 11.458c-.365-4.238-2.567-6.062-4.716-6.27-1.978-.191-4.193.944-5.416 3.35l2.072-.55.391 1.448-3.266.869a1.255 1.255 0 01-1.534-.886l-.88-3.263 1.45-.385.518 1.922c1.49-2.783 4.19-4.252 6.81-3.998 3.054.296 5.656 2.878 6.065 7.634l-1.494.129z" }, void 0) }), void 0));
-}
-
-exports['default'] = ArrowRestartIcon;
+"use strict";function e(r){if(r&&r.__esModule)return r;var l=Object.create(null);return r&&Object.keys(r).forEach(function(n){if(n!=="default"){var c=Object.getOwnPropertyDescriptor(r,n);Object.defineProperty(l,n,c.get?c:{enumerable:!0,get:function(){return r[n]}})}}),l.default=r,Object.freeze(l)}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.default=function(r){return t.createElement("svg",{width:"1em",height:"1em",viewBox:"0 0 20 17",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...r},t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.513 11.458c-.365-4.238-2.567-6.062-4.716-6.27-1.978-.191-4.193.944-5.416 3.35l2.072-.55.391 1.448-3.266.869a1.255 1.255 0 01-1.534-.886l-.88-3.263 1.45-.385.518 1.922c1.49-2.783 4.19-4.252 6.81-3.998 3.054.296 5.656 2.878 6.065 7.634l-1.494.129z"}))};

package/cjs/icons/components/ArrowRightIcon.js

@@ -1,11 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-
-function ArrowRightIcon(props) {
-    return (jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", width: "1em", height: "1em", viewBox: "0 0 12 24" }, props, { children: jsxRuntime.jsx("path", { d: "M2.8 24L0 21l6.5-7c.9-1 .9-3 0-4L0 3l2.8-3 3.8 4.2C10.4 8.3 12 10 12 12s-2 4.1-5.4 7.8L2.8 24z" }, void 0) }), void 0));
-}
-
-exports['default'] = ArrowRightIcon;
+"use strict";function e(r){if(r&&r.__esModule)return r;var c=Object.create(null);return r&&Object.keys(r).forEach(function(n){if(n!=="default"){var u=Object.getOwnPropertyDescriptor(r,n);Object.defineProperty(c,n,u.get?u:{enumerable:!0,get:function(){return r[n]}})}}),c.default=r,Object.freeze(c)}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.default=function(r){return t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",width:"1em",height:"1em",viewBox:"0 0 12 24",...r},t.createElement("path",{d:"M2.8 24L0 21l6.5-7c.9-1 .9-3 0-4L0 3l2.8-3 3.8 4.2C10.4 8.3 12 10 12 12s-2 4.1-5.4 7.8L2.8 24z"}))};

package/cjs/icons/components/ArrowRightSharpIcon.js

@@ -1,11 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-
-function ArrowRightSharpIcon(props) {
-    return (jsxRuntime.jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 19 19", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.955 16.97l7.778-7.778a.25.25 0 000-.353L7.955 1.06 9.015 0l7.779 7.778a1.75 1.75 0 010 2.475l-7.778 7.778-1.061-1.06z" }, void 0) }), void 0));
-}
-
-exports['default'] = ArrowRightSharpIcon;
+"use strict";function e(r){if(r&&r.__esModule)return r;var l=Object.create(null);return r&&Object.keys(r).forEach(function(n){if(n!=="default"){var u=Object.getOwnPropertyDescriptor(r,n);Object.defineProperty(l,n,u.get?u:{enumerable:!0,get:function(){return r[n]}})}}),l.default=r,Object.freeze(l)}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.default=function(r){return t.createElement("svg",{width:"1em",height:"1em",viewBox:"0 0 19 19",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...r},t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.955 16.97l7.778-7.778a.25.25 0 000-.353L7.955 1.06 9.015 0l7.779 7.778a1.75 1.75 0 010 2.475l-7.778 7.778-1.061-1.06z"}))};