Socket
Socket
Sign inDemoInstall

@logrock/pebbles

Package Overview
Dependencies
Maintainers
1
Versions
189
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@logrock/pebbles - npm Package Compare versions

Comparing version 3.2.1 to 3.2.2

5

dist/components/InputBox/InputBox.d.ts

@@ -1,2 +0,2 @@

import { FC } from "react";
import React, { FC } from "react";
import Theme from "../../types/theme";

@@ -7,4 +7,5 @@ export declare type InputBoxProps = {

content: string;
icon: string;
icon: React.ReactNode;
};
errorIcon?: React.ReactNode;
status?: "info" | "error";

@@ -11,0 +12,0 @@ helper?: string;

5

dist/components/InputBox/InputBox.styled.d.ts

@@ -1,2 +0,1 @@

/// <reference types="react" />
import { InputBoxProps } from "./InputBox";

@@ -7,7 +6,7 @@ export declare const StyledDiv: import("styled-components").StyledComponent<"div", any, {}, never>;

export declare const Helper: import("styled-components").StyledComponent<"span", any, Pick<InputBoxProps, "status">, never>;
export declare const HelperIcon: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@mdi/react/dist/IconProps").IconProps>, any, Pick<InputBoxProps, "status">, never>;
export declare const HelperIcon: import("styled-components").StyledComponent<"div", any, Pick<InputBoxProps, "status">, never>;
export declare const HintDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const Hint: import("styled-components").StyledComponent<"span", any, Pick<InputBoxProps, "status">, never>;
export declare const HintIcon: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@mdi/react/dist/IconProps").IconProps>, any, Pick<InputBoxProps, "status">, never>;
export declare const HintIconWrapper: import("styled-components").StyledComponent<"div", any, Pick<InputBoxProps, "status">, never>;
export declare const InputDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const StyledInput: import("styled-components").StyledComponent<"input", any, Pick<InputBoxProps, "status">, never>;

186

dist/logrock-pebbles.es.js

@@ -1182,171 +1182,2 @@ var __defProp = Object.defineProperty;

};
var propTypes = { exports: {} };
var ReactPropTypesSecret$1 = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
var ReactPropTypesSecret_1 = ReactPropTypesSecret$1;
var ReactPropTypesSecret = ReactPropTypesSecret_1;
function emptyFunction() {
}
function emptyFunctionWithReset() {
}
emptyFunctionWithReset.resetWarningCache = emptyFunction;
var factoryWithThrowingShims = function() {
function shim(props, propName, componentName, location, propFullName, secret) {
if (secret === ReactPropTypesSecret) {
return;
}
var err = new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");
err.name = "Invariant Violation";
throw err;
}
shim.isRequired = shim;
function getShim() {
return shim;
}
var ReactPropTypes = {
array: shim,
bigint: shim,
bool: shim,
func: shim,
number: shim,
object: shim,
string: shim,
symbol: shim,
any: shim,
arrayOf: getShim,
element: shim,
elementType: shim,
instanceOf: getShim,
node: shim,
objectOf: getShim,
oneOf: getShim,
oneOfType: getShim,
shape: getShim,
exact: getShim,
checkPropTypes: emptyFunctionWithReset,
resetWarningCache: emptyFunction
};
ReactPropTypes.PropTypes = ReactPropTypes;
return ReactPropTypes;
};
{
propTypes.exports = factoryWithThrowingShims();
}
var Icon = function(e) {
var t = {};
function r(n2) {
if (t[n2])
return t[n2].exports;
var o = t[n2] = { i: n2, l: false, exports: {} };
return e[n2].call(o.exports, o, o.exports, r), o.l = true, o.exports;
}
return r.m = e, r.c = t, r.d = function(e2, t2, n2) {
r.o(e2, t2) || Object.defineProperty(e2, t2, { enumerable: true, get: n2 });
}, r.r = function(e2) {
typeof Symbol != "undefined" && Symbol.toStringTag && Object.defineProperty(e2, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(e2, "__esModule", { value: true });
}, r.t = function(e2, t2) {
if (1 & t2 && (e2 = r(e2)), 8 & t2)
return e2;
if (4 & t2 && typeof e2 == "object" && e2 && e2.__esModule)
return e2;
var n2 = Object.create(null);
if (r.r(n2), Object.defineProperty(n2, "default", { enumerable: true, value: e2 }), 2 & t2 && typeof e2 != "string")
for (var o in e2)
r.d(n2, o, function(t3) {
return e2[t3];
}.bind(null, o));
return n2;
}, r.n = function(e2) {
var t2 = e2 && e2.__esModule ? function() {
return e2.default;
} : function() {
return e2;
};
return r.d(t2, "a", t2), t2;
}, r.o = function(e2, t2) {
return Object.prototype.hasOwnProperty.call(e2, t2);
}, r.p = "", r(r.s = 2);
}([function(e, t) {
e.exports = propTypes.exports;
}, function(e, t) {
e.exports = require$$0;
}, function(e, t, r) {
r.r(t);
var n2 = r(1), o = r(0), l = function() {
return (l = Object.assign || function(e2) {
for (var t2, r2 = 1, n3 = arguments.length; r2 < n3; r2++)
for (var o2 in t2 = arguments[r2])
Object.prototype.hasOwnProperty.call(t2, o2) && (e2[o2] = t2[o2]);
return e2;
}).apply(this, arguments);
}, i = function(e2, t2) {
var r2 = {};
for (var n3 in e2)
Object.prototype.hasOwnProperty.call(e2, n3) && t2.indexOf(n3) < 0 && (r2[n3] = e2[n3]);
if (e2 != null && typeof Object.getOwnPropertySymbols == "function") {
var o2 = 0;
for (n3 = Object.getOwnPropertySymbols(e2); o2 < n3.length; o2++)
t2.indexOf(n3[o2]) < 0 && Object.prototype.propertyIsEnumerable.call(e2, n3[o2]) && (r2[n3[o2]] = e2[n3[o2]]);
}
return r2;
}, a = 0, s = n2.forwardRef(function(e2, t2) {
var r2 = e2.title, o2 = r2 === void 0 ? null : r2, s2 = e2.description, c2 = s2 === void 0 ? null : s2, u2 = e2.size, p3 = u2 === void 0 ? null : u2, f3 = e2.color, d2 = f3 === void 0 ? "currentColor" : f3, y = e2.horizontal, v = y === void 0 ? null : y, b = e2.vertical, m2 = b === void 0 ? null : b, h = e2.rotate, g2 = h === void 0 ? null : h, O = e2.spin, w = O === void 0 ? null : O, j = e2.style, z = j === void 0 ? {} : j, E = e2.children, P = i(e2, ["title", "description", "size", "color", "horizontal", "vertical", "rotate", "spin", "style", "children"]);
a++;
var S, x = w !== null && w, _ = n2.Children.map(E, function(e3) {
var t3 = e3;
x !== true && (x = (w === null ? t3.props.spin : w) === true);
var r3 = t3.props.size;
typeof p3 == "number" && typeof t3.props.size == "number" && (r3 = t3.props.size / p3);
var o3 = { size: r3, color: d2 === null ? t3.props.color : d2, horizontal: v === null ? t3.props.horizontal : v, vertical: m2 === null ? t3.props.vertical : m2, rotate: g2 === null ? t3.props.rotate : g2, spin: w === null ? t3.props.spin : w, inStack: true };
return n2.cloneElement(t3, o3);
});
p3 !== null && (z.width = typeof p3 == "string" ? p3 : 1.5 * p3 + "rem");
var k, T = "stack_labelledby_" + a, q2 = "stack_describedby_" + a;
if (o2)
S = c2 ? T + " " + q2 : T;
else if (k = "presentation", c2)
throw new Error("title attribute required when description is set");
return n2.createElement("svg", l({ ref: t2, viewBox: "0 0 24 24", style: z, role: k, "aria-labelledby": S }, P), o2 && n2.createElement("title", { id: T }, o2), c2 && n2.createElement("desc", { id: q2 }, c2), x && n2.createElement("style", null, "@keyframes spin { to { transform: rotate(360deg) } }", "@keyframes spin-inverse { to { transform: rotate(-360deg) } }"), _);
});
s.displayName = "Stack", s.propTypes = { size: o.oneOfType([o.number, o.string]), color: o.string, horizontal: o.bool, vertical: o.bool, rotate: o.number, spin: o.oneOfType([o.bool, o.number]), children: o.oneOfType([o.arrayOf(o.node), o.node]).isRequired, className: o.string, style: o.object }, s.defaultProps = { size: null, color: null, horizontal: null, vertical: null, rotate: null, spin: null };
var c = s;
r.d(t, "Icon", function() {
return d;
}), r.d(t, "Stack", function() {
return c;
});
var u = function() {
return (u = Object.assign || function(e2) {
for (var t2, r2 = 1, n3 = arguments.length; r2 < n3; r2++)
for (var o2 in t2 = arguments[r2])
Object.prototype.hasOwnProperty.call(t2, o2) && (e2[o2] = t2[o2]);
return e2;
}).apply(this, arguments);
}, p2 = function(e2, t2) {
var r2 = {};
for (var n3 in e2)
Object.prototype.hasOwnProperty.call(e2, n3) && t2.indexOf(n3) < 0 && (r2[n3] = e2[n3]);
if (e2 != null && typeof Object.getOwnPropertySymbols == "function") {
var o2 = 0;
for (n3 = Object.getOwnPropertySymbols(e2); o2 < n3.length; o2++)
t2.indexOf(n3[o2]) < 0 && Object.prototype.propertyIsEnumerable.call(e2, n3[o2]) && (r2[n3[o2]] = e2[n3[o2]]);
}
return r2;
}, f2 = 0, d = n2.forwardRef(function(e2, t2) {
var r2 = e2.path, o2 = e2.id, l2 = o2 === void 0 ? ++f2 : o2, i2 = e2.title, a2 = i2 === void 0 ? null : i2, s2 = e2.description, c2 = s2 === void 0 ? null : s2, d2 = e2.size, y = d2 === void 0 ? null : d2, v = e2.color, b = v === void 0 ? "currentColor" : v, m2 = e2.horizontal, h = m2 !== void 0 && m2, g2 = e2.vertical, O = g2 !== void 0 && g2, w = e2.rotate, j = w === void 0 ? 0 : w, z = e2.spin, E = z !== void 0 && z, P = e2.style, S = P === void 0 ? {} : P, x = e2.inStack, _ = x !== void 0 && x, k = p2(e2, ["path", "id", "title", "description", "size", "color", "horizontal", "vertical", "rotate", "spin", "style", "inStack"]), T = {}, q2 = [];
y !== null && (_ ? q2.push("scale(" + y + ")") : (S.width = typeof y == "string" ? y : 1.5 * y + "rem", S.height = S.width)), h && q2.push("scaleX(-1)"), O && q2.push("scaleY(-1)"), j !== 0 && q2.push("rotate(" + j + "deg)"), b !== null && (T.fill = b);
var M = n2.createElement("path", u({ d: r2, style: T }, _ ? k : {})), C = M;
q2.length > 0 && (S.transform = q2.join(" "), S.transformOrigin = "center", _ && (C = n2.createElement("g", { style: S }, M, n2.createElement("rect", { width: "24", height: "24", fill: "transparent" }))));
var I, N = C, R = E === true || typeof E != "number" ? 2 : E, B = !_ && (h || O);
if (R < 0 && (B = !B), E && (N = n2.createElement("g", { style: { animation: "spin" + (B ? "-inverse" : "") + " linear " + Math.abs(R) + "s infinite", transformOrigin: "center" } }, C, !(h || O || j !== 0) && n2.createElement("rect", { width: "24", height: "24", fill: "transparent" }))), _)
return N;
var X, Y = "icon_labelledby_" + l2, A = "icon_describedby_" + l2;
if (a2)
I = c2 ? Y + " " + A : Y;
else if (X = "presentation", c2)
throw new Error("title attribute required when description is set");
return n2.createElement("svg", u({ ref: t2, viewBox: "0 0 24 24", style: S, role: X, "aria-labelledby": I }, k), a2 && n2.createElement("title", { id: Y }, a2), c2 && n2.createElement("desc", { id: A }, c2), !_ && E && (B ? n2.createElement("style", null, "@keyframes spin-inverse { to { transform: rotate(-360deg) } }") : n2.createElement("style", null, "@keyframes spin { to { transform: rotate(360deg) } }")), N);
});
d.displayName = "Icon", d.propTypes = { path: o.string.isRequired, size: o.oneOfType([o.number, o.string]), color: o.string, horizontal: o.bool, vertical: o.bool, rotate: o.number, spin: o.oneOfType([o.bool, o.number]), style: o.object, inStack: o.bool, className: o.string }, d.defaultProps = { size: null, color: "currentColor", horizontal: false, vertical: false, rotate: 0, spin: false };
t.default = d;
}]);
const defaultStatus = "info";

@@ -1378,3 +1209,3 @@ const StyledDiv = styled.div`

`;
const HelperIcon = styled(Icon)`
const HelperIcon = styled.div`
color: ${({ theme: theme2, status }) => theme2.inputBox[status || defaultStatus].helperColor};

@@ -1390,4 +1221,2 @@ `;

padding: ${({ theme: theme2 }) => theme2.inputBox.padding};
background: ${({ theme: theme2 }) => theme2.inputBox.hint.background};
`;

@@ -1399,3 +1228,3 @@ const Hint = styled(Label)`

`;
const HintIcon = styled(Icon)`
const HintIconWrapper = styled.div`
margin: 4px 4px;

@@ -1456,4 +1285,2 @@

`;
var mdiAlert = "M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z";
var mdiUnfoldMoreHorizontal = "M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z";
const InputBox = (props) => {

@@ -1474,6 +1301,5 @@ return jsxs(StyledDiv, {

children: props.hint.content
}, void 0), props.hint.icon && jsx(HintIcon, {
}, void 0), props.hint.icon && jsx(HintIconWrapper, {
status: props.status,
path: props.hint.icon,
size: 0.72
children: props.hint.icon
}, void 0)]

@@ -1484,4 +1310,3 @@ }, void 0)]

status: props.status,
path: mdiAlert,
size: 0.72
children: props.errorIcon
}, void 0), jsx(Helper, {

@@ -1494,2 +1319,3 @@ status: props.status,

};
var mdiUnfoldMoreHorizontal = "M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z";
const DefaultItem = styled.button`

@@ -1496,0 +1322,0 @@ ${paragraphMediumCSS}

548

dist/logrock-pebbles.umd.js

@@ -1,206 +0,206 @@

var vt=Object.defineProperty,St=Object.defineProperties;var wt=Object.getOwnPropertyDescriptors;var ge=Object.getOwnPropertySymbols;var Re=Object.prototype.hasOwnProperty,Te=Object.prototype.propertyIsEnumerable;var Me=(a,d,g)=>d in a?vt(a,d,{enumerable:!0,configurable:!0,writable:!0,value:g}):a[d]=g,T=(a,d)=>{for(var g in d||(d={}))Re.call(d,g)&&Me(a,g,d[g]);if(ge)for(var g of ge(d))Te.call(d,g)&&Me(a,g,d[g]);return a},U=(a,d)=>St(a,wt(d));var We=(a,d)=>{var g={};for(var y in a)Re.call(a,y)&&d.indexOf(y)<0&&(g[y]=a[y]);if(a!=null&&ge)for(var y of ge(a))d.indexOf(y)<0&&Te.call(a,y)&&(g[y]=a[y]);return g};(function(a,d){typeof exports=="object"&&typeof module!="undefined"?d(exports,require("styled-breakpoints"),require("styled-components"),require("react")):typeof define=="function"&&define.amd?define(["exports","styled-breakpoints","styled-components","react"],d):(a=typeof globalThis!="undefined"?globalThis:a||self,d(a["@logrock/pebbles"]={},a["styled-breakpoints"],a["styled-components"],a.React))})(this,function(a,d,g,y){"use strict";function fe(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var l=fe(g),ye=fe(y);const f={"50":"#F9FAFB","100":"#F3F4F6","200":"#E5E7EB","300":"#D1D5DB","400":"#9CA3AF","500":"#6B7280","600":"#4B5563","700":"#374151","800":"#1F2937","900":"#111827"},z={"50":"#FDF5E1","100":"#F9E0A5","200":"#F7D586","300":"#F5CB68","400":"#F1B72C","500":"#F1B72C","600":"#E6A50F","700":"#C08A0C","800":"#996E0A","900":"#735307"},Ne={"50":"#DCE6FD","100":"#B9CCFB","200":"#96B3F8","300":"#729AF6","400":"#4F81F4","500":"#2C67F1","600":"#0E4DE0","700":"#0B3EB3","800":"#092E86","900":"#061F59"},Ie={"50":"#F0FDF4","100":"#DCFCE7","200":"#BBF7D0","300":"#86EFAC","400":"#4ADE80","500":"#22C55E","600":"#16A34A","700":"#15803D","800":"#166534","900":"#14532D"},Xe={"50":"#FEF1DC","100":"#FBD696","200":"#F9C873","300":"#F8BA50","400":"#F6AD2D","500":"#F59E0B","600":"#DF9009","700":"#B27307","800":"#9C6506","900":"#593A04"},x={"50":"#FEF2F2","100":"#FEE2E2","200":"#FECACA","300":"#FCA5A5","400":"#F87171","500":"#EF4444","600":"#DC2626","700":"#B91C1C","800":"#991B1B","900":"#7F1D1D"},ne={"0":"#FFFFFF","100":"#000000"},qe={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"52px",lineHeight:"56px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"52px",lineHeight:"56px",tracking:"-0.02em"}},Ue={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"44px",lineHeight:"48px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"52px",lineHeight:"56px",tracking:"-0.02em"}},Ve={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"40px",lineHeight:"48px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"36px",lineHeight:"44px",tracking:"-0.02em"}},Ye={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"36px",lineHeight:"44px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"32px",lineHeight:"40px",tracking:"-0.02em"}},Ze={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"32px",lineHeight:"40px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"28px",lineHeight:"36px",tracking:"-0.02em"}},Ge={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"28px",lineHeight:"36px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"24px",lineHeight:"32px",tracking:"-0.02em"}},Je={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"24px",lineHeight:"32px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"20px",lineHeight:"28px",tracking:"-0.02em"}},Ke={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"20px",lineHeight:"28px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"18px",lineHeight:"24px",tracking:"-0.02em"}},Qe={fontFamily:"Archivo, sans-serif",fontSize:"18px",lineHeight:"28px",weights:{normal:400,bold:500,bolder:600}},eo={fontFamily:"Archivo, sans-serif",fontSize:"16px",lineHeight:"24px",weights:{normal:400,bold:500,bolder:600}},oo={fontFamily:"Archivo, sans-serif",fontSize:"14px",lineHeight:"20px",weights:{normal:400,bold:500,bolder:600}},to={fontFamily:"Archivo, sans-serif",fontSize:"12px",lineHeight:"20px",weights:{normal:400,bold:500,bolder:600}},ro={fontFamily:"Archivo, sans-serif",fontSize:"14px",lineHeight:"20px",weight:600,textTransform:"uppercase"},no={fontFamily:"Archivo, sans-serif",fontSize:"12px",lineHeight:"20px",weight:600,textTransform:"uppercase"},io={fontFamily:"Archivo, sans-serif",fontSize:"11px",lineHeight:"20px",weight:600,textTransform:"uppercase"},ao={background:"linear-gradient(98.41deg, #FF5F6D 0%, #FFC371 100%)"},lo={background:"linear-gradient(98.41deg, #16BFFD 0%, #CB3066 100%)"},po={background:"linear-gradient(98.41deg, #EECDA3 0%, #EF629F 100%)"},so={background:"linear-gradient(98.41deg, #4CA1AF 0%, #C4E0E5 100%)"},go={background:"linear-gradient(98.41deg, #F1F2B5 0%, #135058 100%, #135058 100%)"},co={background:"linear-gradient(98.41deg, #FF6E7F 0%, #BFE9FF 100%)"},ho={background:"linear-gradient(98.41deg, #1D2B64 0%, #F8CDDA 100%)"},uo={background:"linear-gradient(98.41deg, #FC00FF 0%, #00B6DE 100%)"},fo={background:"linear-gradient(98.41deg, #02AAB0 0%, #00CDAC 100%)"},yo={background:"linear-gradient(98.41deg, #4568DC 0%, #B06AB3 100%)"},$={xxsm:"4px",xsm:"8px",sm:"12px",md:"16px",big:"20px",xbig:"24px",xxbig:"28px",xxxbig:"32px",lg:"40px",xlg:"48px",xxlg:"64px",xxxlg:"80px",huge:"96px",xhuge:"128px",xxhuge:"160px",xxxhuge:"192px"},be={primary:{background:z["500"],borderColor:z["500"],borderWidth:0,contentColor:ne["100"]},secondary:{background:z["200"],borderColor:z["200"],borderWidth:0,contentColor:ne["100"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:z["800"]},outlined:{background:"transparent",borderColor:f["200"],borderWidth:"1px",contentColor:f["700"]}},me={primary:{background:x["500"],borderColor:x["500"],borderWidth:0,contentColor:ne["0"]},secondary:{background:x["50"],borderColor:x["50"],borderWidth:0,contentColor:x["600"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:x["600"]},outlined:{background:"transparent",borderColor:x["300"],borderWidth:"1px",contentColor:x["500"]}},xe={primary:{background:f["200"],borderColor:f["200"],borderWidth:0,contentColor:f["400"]},secondary:{background:f["200"],borderColor:f["200"],borderWidth:0,contentColor:f["400"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:f["300"]},outlined:{background:"transparent",borderColor:f["400"],borderWidth:"1px",contentColor:f["300"]}},bo={fontFamily:"Archivo, sans-serif",fontWeight:500,regular:{xSmall:{borderRadius:"2px",fontSize:"14px",iconPadding:$.xxsm,horizontalPadding:"10px",verticalPadding:"6px"},small:{borderRadius:"2px",fontSize:"14px",iconPadding:$.xxsm,horizontalPadding:$.md,verticalPadding:$.xsm},medium:{borderRadius:"2px",fontSize:"16px",iconPadding:$.xxsm,horizontalPadding:$.big,verticalPadding:$.xsm},large:{borderRadius:"2px",fontSize:"18px",iconPadding:$.xxsm,horizontalPadding:$.xbig,verticalPadding:"14px"},primary:be,destructive:me,disabled:xe},icon:{xSmall:{borderRadius:"2px",size:"14px",horizontalPadding:"11px",verticalPadding:"10px"},small:{borderRadius:"2px",size:"14px",horizontalPadding:"13px",verticalPadding:"14px"},medium:{borderRadius:"2px",size:$.md,horizontalPadding:"14px",verticalPadding:$.md},large:{borderRadius:"2px",size:$.md,horizontalPadding:$.md,verticalPadding:"22px"},primary:be,destructive:me,disabled:xe}},V={xSmall:"0px 1px 2px rgba(16, 24, 40, 0.05)",small:"0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px -1px rgba(16, 24, 40, 0.1)",medium:"0px 4px 6px -1px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.1)",large:"0px 10px 15px -3px rgba(16, 24, 40, 0.1), 0px 4px 6px -4px rgba(16, 24, 40, 0.1)",xLarge:"0px 20px 25px -5px rgba(16, 24, 40, 0.1), 0px 8px 10px -6px rgba(16, 24, 40, 0.1)",xxLarge:"0px 25px 50px -12px rgba(16, 24, 40, 0.25)",upXSmall:"0px -1px 2px rgba(16, 24, 40, 0.05)",upSmall:"0px -1px 3px rgba(16, 24, 40, 0.1), 0px -1px 2px -1px rgba(16, 24, 40, 0.1)",upMedium:"0px -4px 6px -1px rgba(16, 24, 40, 0.1), 0px -2px 4px -2px rgba(16, 24, 40, 0.1)",upLarge:"0px -10px 15px -3px rgba(16, 24, 40, 0.1), 0px -4px 6px -4px rgba(16, 24, 40, 0.1)",upXLarge:"0px -20px 25px -5px rgba(16, 24, 40, 0.1), 0px -8px 10px -6px rgba(16, 24, 40, 0.1)",upXxLarge:"0px -25px 50px -12px rgba(16, 24, 40, 0.25)"},mo={fontFamily:"Archivo",fontWeight:"normal",fontStyle:"normal",fontSize:"16px",lineHeight:"24px",fontFeatureSettings:"'salt' on",padding:"10px 12px",boxSizing:"border-box",boxShadow:V.xSmall,borderRadius:"2px",border:"1px solid #D1D5DB",margin:"8px 0px",background:"white",height:"50px",width:"100%",error:{color:x[900],border:`1px solid ${x[300]}`,boxShadow:V.xSmall,hintColor:f[500],helperColor:x[600],focused:{boxSizing:"border-box",boxShadow:`0px 0px 0px 4px ${x["100"]}`,borderRadius:"2px",border:`1px solid ${x["300"]}`}},info:{color:f[900],border:"1px solid #D1D5DB",boxShadow:V.xSmall,hintColor:f[500],helperColor:f[500],focused:{boxSizing:"border-box",boxShadow:`0px 0px 0px 4px ${z["100"]}`,borderRadius:"2px",border:`1px solid ${z["300"]}`}},label:{color:"black",fontStyle:"normal",fontSize:"16px",lineHeight:"24px",fontWeight:500},helper:{fontStyle:"normal",fontSize:"14px",lineHeight:"20px",fontWeight:500,margin:"0px 8px"},disabled:{boxSizing:"border-box",boxShadow:V.xSmall,borderRadius:"2px",border:`1px solid ${f["300"]}`},hint:{background:"white",top:"1px",right:"2px",margin:"1px 0px"},placeholder:{color:f[400]}},xo={items:{hover:{background:z["50"]},shadow:"1px 1px 2px rgba(0, 0, 0, 0.3)"}},$e={name:"light",breakpoints:{mobile:"1023px",desktop:"1024px"},spacings:$,colors:{neutral:f,primary:z,secondary:Ne,error:x,success:Ie,warning:Xe,shades:ne},typography:{displayLarge:qe,displaySmall:Ue,headingH1:Ve,headingH2:Ye,headingH3:Ze,headingH4:Ge,headingH5:Je,headingH6:Ke,paragraphLarge:Qe,paragraphMedium:eo,paragraphSmall:oo,paragraphXSmall:to,overlineLarge:ro,overlineMedium:no,overlineSmall:io},shadows:V,blurs:{none:"0",small:"8px",medium:"16px",large:"24px",xLarge:"40px"},gradients:{sunburst:ao,blueMoon:ho,blueberryWine:yo,cherryCola:po,coldSky:so,darkWineSea:lo,morningSakura:co,oliveGarden:go,synthwave:uo,teaLeaves:fo},buttons:bo,inputBox:mo,select:xo},$o=U(T({},$e),{name:"dark"}),ie=({underlined:e,strikedThrough:o})=>{const n=[];return e&&n.push("underline"),o&&n.push("line-through"),n.join(" ")},vo=l.default.h1`
var De=Object.defineProperty,Ee=Object.defineProperties;var Ae=Object.getOwnPropertyDescriptors;var D=Object.getOwnPropertySymbols;var K=Object.prototype.hasOwnProperty,Q=Object.prototype.propertyIsEnumerable;var oo=(i,r,a)=>r in i?De(i,r,{enumerable:!0,configurable:!0,writable:!0,value:a}):i[r]=a,H=(i,r)=>{for(var a in r||(r={}))K.call(r,a)&&oo(i,a,r[a]);if(D)for(var a of D(r))Q.call(r,a)&&oo(i,a,r[a]);return i},S=(i,r)=>Ee(i,Ae(r));var eo=(i,r)=>{var a={};for(var s in i)K.call(i,s)&&r.indexOf(s)<0&&(a[s]=i[s]);if(i!=null&&D)for(var s of D(i))r.indexOf(s)<0&&Q.call(i,s)&&(a[s]=i[s]);return a};(function(i,r){typeof exports=="object"&&typeof module!="undefined"?r(exports,require("styled-breakpoints"),require("styled-components"),require("react")):typeof define=="function"&&define.amd?define(["exports","styled-breakpoints","styled-components","react"],r):(i=typeof globalThis!="undefined"?globalThis:i||self,r(i["@logrock/pebbles"]={},i["styled-breakpoints"],i["styled-components"],i.React))})(this,function(i,r,a,s){"use strict";function O(o){return o&&typeof o=="object"&&"default"in o?o:{default:o}}var t=O(a),io=O(s);const g={"50":"#F9FAFB","100":"#F3F4F6","200":"#E5E7EB","300":"#D1D5DB","400":"#9CA3AF","500":"#6B7280","600":"#4B5563","700":"#374151","800":"#1F2937","900":"#111827"},m={"50":"#FDF5E1","100":"#F9E0A5","200":"#F7D586","300":"#F5CB68","400":"#F1B72C","500":"#F1B72C","600":"#E6A50F","700":"#C08A0C","800":"#996E0A","900":"#735307"},to={"50":"#DCE6FD","100":"#B9CCFB","200":"#96B3F8","300":"#729AF6","400":"#4F81F4","500":"#2C67F1","600":"#0E4DE0","700":"#0B3EB3","800":"#092E86","900":"#061F59"},no={"50":"#F0FDF4","100":"#DCFCE7","200":"#BBF7D0","300":"#86EFAC","400":"#4ADE80","500":"#22C55E","600":"#16A34A","700":"#15803D","800":"#166534","900":"#14532D"},ro={"50":"#FEF1DC","100":"#FBD696","200":"#F9C873","300":"#F8BA50","400":"#F6AD2D","500":"#F59E0B","600":"#DF9009","700":"#B27307","800":"#9C6506","900":"#593A04"},h={"50":"#FEF2F2","100":"#FEE2E2","200":"#FECACA","300":"#FCA5A5","400":"#F87171","500":"#EF4444","600":"#DC2626","700":"#B91C1C","800":"#991B1B","900":"#7F1D1D"},z={"0":"#FFFFFF","100":"#000000"},ao={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"52px",lineHeight:"56px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"52px",lineHeight:"56px",tracking:"-0.02em"}},lo={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"44px",lineHeight:"48px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"52px",lineHeight:"56px",tracking:"-0.02em"}},po={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"40px",lineHeight:"48px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"36px",lineHeight:"44px",tracking:"-0.02em"}},go={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"36px",lineHeight:"44px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"32px",lineHeight:"40px",tracking:"-0.02em"}},so={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"32px",lineHeight:"40px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"28px",lineHeight:"36px",tracking:"-0.02em"}},ho={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"28px",lineHeight:"36px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"24px",lineHeight:"32px",tracking:"-0.02em"}},co={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"24px",lineHeight:"32px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"20px",lineHeight:"28px",tracking:"-0.02em"}},yo={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"20px",lineHeight:"28px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"18px",lineHeight:"24px",tracking:"-0.02em"}},fo={fontFamily:"Archivo, sans-serif",fontSize:"18px",lineHeight:"28px",weights:{normal:400,bold:500,bolder:600}},uo={fontFamily:"Archivo, sans-serif",fontSize:"16px",lineHeight:"24px",weights:{normal:400,bold:500,bolder:600}},xo={fontFamily:"Archivo, sans-serif",fontSize:"14px",lineHeight:"20px",weights:{normal:400,bold:500,bolder:600}},bo={fontFamily:"Archivo, sans-serif",fontSize:"12px",lineHeight:"20px",weights:{normal:400,bold:500,bolder:600}},mo={fontFamily:"Archivo, sans-serif",fontSize:"14px",lineHeight:"20px",weight:600,textTransform:"uppercase"},$o={fontFamily:"Archivo, sans-serif",fontSize:"12px",lineHeight:"20px",weight:600,textTransform:"uppercase"},Ho={fontFamily:"Archivo, sans-serif",fontSize:"11px",lineHeight:"20px",weight:600,textTransform:"uppercase"},So={background:"linear-gradient(98.41deg, #FF5F6D 0%, #FFC371 100%)"},ko={background:"linear-gradient(98.41deg, #16BFFD 0%, #CB3066 100%)"},wo={background:"linear-gradient(98.41deg, #EECDA3 0%, #EF629F 100%)"},vo={background:"linear-gradient(98.41deg, #4CA1AF 0%, #C4E0E5 100%)"},Fo={background:"linear-gradient(98.41deg, #F1F2B5 0%, #135058 100%, #135058 100%)"},zo={background:"linear-gradient(98.41deg, #FF6E7F 0%, #BFE9FF 100%)"},Bo={background:"linear-gradient(98.41deg, #1D2B64 0%, #F8CDDA 100%)"},Co={background:"linear-gradient(98.41deg, #FC00FF 0%, #00B6DE 100%)"},Lo={background:"linear-gradient(98.41deg, #02AAB0 0%, #00CDAC 100%)"},Do={background:"linear-gradient(98.41deg, #4568DC 0%, #B06AB3 100%)"},c={xxsm:"4px",xsm:"8px",sm:"12px",md:"16px",big:"20px",xbig:"24px",xxbig:"28px",xxxbig:"32px",lg:"40px",xlg:"48px",xxlg:"64px",xxxlg:"80px",huge:"96px",xhuge:"128px",xxhuge:"160px",xxxhuge:"192px"},j={primary:{background:m["500"],borderColor:m["500"],borderWidth:0,contentColor:z["100"]},secondary:{background:m["200"],borderColor:m["200"],borderWidth:0,contentColor:z["100"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:m["800"]},outlined:{background:"transparent",borderColor:g["200"],borderWidth:"1px",contentColor:g["700"]}},M={primary:{background:h["500"],borderColor:h["500"],borderWidth:0,contentColor:z["0"]},secondary:{background:h["50"],borderColor:h["50"],borderWidth:0,contentColor:h["600"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:h["600"]},outlined:{background:"transparent",borderColor:h["300"],borderWidth:"1px",contentColor:h["500"]}},R={primary:{background:g["200"],borderColor:g["200"],borderWidth:0,contentColor:g["400"]},secondary:{background:g["200"],borderColor:g["200"],borderWidth:0,contentColor:g["400"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:g["300"]},outlined:{background:"transparent",borderColor:g["400"],borderWidth:"1px",contentColor:g["300"]}},Eo={fontFamily:"Archivo, sans-serif",fontWeight:500,regular:{xSmall:{borderRadius:"2px",fontSize:"14px",iconPadding:c.xxsm,horizontalPadding:"10px",verticalPadding:"6px"},small:{borderRadius:"2px",fontSize:"14px",iconPadding:c.xxsm,horizontalPadding:c.md,verticalPadding:c.xsm},medium:{borderRadius:"2px",fontSize:"16px",iconPadding:c.xxsm,horizontalPadding:c.big,verticalPadding:c.xsm},large:{borderRadius:"2px",fontSize:"18px",iconPadding:c.xxsm,horizontalPadding:c.xbig,verticalPadding:"14px"},primary:j,destructive:M,disabled:R},icon:{xSmall:{borderRadius:"2px",size:"14px",horizontalPadding:"11px",verticalPadding:"10px"},small:{borderRadius:"2px",size:"14px",horizontalPadding:"13px",verticalPadding:"14px"},medium:{borderRadius:"2px",size:c.md,horizontalPadding:"14px",verticalPadding:c.md},large:{borderRadius:"2px",size:c.md,horizontalPadding:c.md,verticalPadding:"22px"},primary:j,destructive:M,disabled:R}},k={xSmall:"0px 1px 2px rgba(16, 24, 40, 0.05)",small:"0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px -1px rgba(16, 24, 40, 0.1)",medium:"0px 4px 6px -1px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.1)",large:"0px 10px 15px -3px rgba(16, 24, 40, 0.1), 0px 4px 6px -4px rgba(16, 24, 40, 0.1)",xLarge:"0px 20px 25px -5px rgba(16, 24, 40, 0.1), 0px 8px 10px -6px rgba(16, 24, 40, 0.1)",xxLarge:"0px 25px 50px -12px rgba(16, 24, 40, 0.25)",upXSmall:"0px -1px 2px rgba(16, 24, 40, 0.05)",upSmall:"0px -1px 3px rgba(16, 24, 40, 0.1), 0px -1px 2px -1px rgba(16, 24, 40, 0.1)",upMedium:"0px -4px 6px -1px rgba(16, 24, 40, 0.1), 0px -2px 4px -2px rgba(16, 24, 40, 0.1)",upLarge:"0px -10px 15px -3px rgba(16, 24, 40, 0.1), 0px -4px 6px -4px rgba(16, 24, 40, 0.1)",upXLarge:"0px -20px 25px -5px rgba(16, 24, 40, 0.1), 0px -8px 10px -6px rgba(16, 24, 40, 0.1)",upXxLarge:"0px -25px 50px -12px rgba(16, 24, 40, 0.25)"},Ao={fontFamily:"Archivo",fontWeight:"normal",fontStyle:"normal",fontSize:"16px",lineHeight:"24px",fontFeatureSettings:"'salt' on",padding:"10px 12px",boxSizing:"border-box",boxShadow:k.xSmall,borderRadius:"2px",border:"1px solid #D1D5DB",margin:"8px 0px",background:"white",height:"50px",width:"100%",error:{color:h[900],border:`1px solid ${h[300]}`,boxShadow:k.xSmall,hintColor:g[500],helperColor:h[600],focused:{boxSizing:"border-box",boxShadow:`0px 0px 0px 4px ${h["100"]}`,borderRadius:"2px",border:`1px solid ${h["300"]}`}},info:{color:g[900],border:"1px solid #D1D5DB",boxShadow:k.xSmall,hintColor:g[500],helperColor:g[500],focused:{boxSizing:"border-box",boxShadow:`0px 0px 0px 4px ${m["100"]}`,borderRadius:"2px",border:`1px solid ${m["300"]}`}},label:{color:"black",fontStyle:"normal",fontSize:"16px",lineHeight:"24px",fontWeight:500},helper:{fontStyle:"normal",fontSize:"14px",lineHeight:"20px",fontWeight:500,margin:"0px 8px"},disabled:{boxSizing:"border-box",boxShadow:k.xSmall,borderRadius:"2px",border:`1px solid ${g["300"]}`},hint:{background:"white",top:"1px",right:"2px",margin:"1px 0px"},placeholder:{color:g[400]}},Po={items:{hover:{background:m["50"]},shadow:"1px 1px 2px rgba(0, 0, 0, 0.3)"}},W={name:"light",breakpoints:{mobile:"1023px",desktop:"1024px"},spacings:c,colors:{neutral:g,primary:m,secondary:to,error:h,success:no,warning:ro,shades:z},typography:{displayLarge:ao,displaySmall:lo,headingH1:po,headingH2:go,headingH3:so,headingH4:ho,headingH5:co,headingH6:yo,paragraphLarge:fo,paragraphMedium:uo,paragraphSmall:xo,paragraphXSmall:bo,overlineLarge:mo,overlineMedium:$o,overlineSmall:Ho},shadows:k,blurs:{none:"0",small:"8px",medium:"16px",large:"24px",xLarge:"40px"},gradients:{sunburst:So,blueMoon:Bo,blueberryWine:Do,cherryCola:wo,coldSky:vo,darkWineSea:ko,morningSakura:zo,oliveGarden:Fo,synthwave:Co,teaLeaves:Lo},buttons:Eo,inputBox:Ao,select:Po},Oo=S(H({},W),{name:"dark"}),B=({underlined:o,strikedThrough:e})=>{const n=[];return o&&n.push("underline"),e&&n.push("line-through"),n.join(" ")},jo=t.default.h1`
margin: 0;
color: ${({theme:e})=>e.colors.neutral["900"]};
font-family: ${({theme:e})=>e.typography.displayLarge.fontFamily};
font-size: ${({theme:e})=>e.typography.displayLarge.mobile.fontSize};
font-weight: ${({theme:e,weight:o})=>o?e.typography.displayLarge.mobile.weights[o]:e.typography.displayLarge.mobile.weights.normal};
letter-spacing: ${({theme:e})=>e.typography.displayLarge.mobile.tracking};
line-height: ${({theme:e})=>e.typography.displayLarge.mobile.lineHeight};
color: ${({theme:o})=>o.colors.neutral["900"]};
font-family: ${({theme:o})=>o.typography.displayLarge.fontFamily};
font-size: ${({theme:o})=>o.typography.displayLarge.mobile.fontSize};
font-weight: ${({theme:o,weight:e})=>e?o.typography.displayLarge.mobile.weights[e]:o.typography.displayLarge.mobile.weights.normal};
letter-spacing: ${({theme:o})=>o.typography.displayLarge.mobile.tracking};
line-height: ${({theme:o})=>o.typography.displayLarge.mobile.lineHeight};
${d.up("desktop")} {
font-size: ${({theme:e})=>e.typography.displayLarge.desktop.fontSize};
font-weight: ${({theme:e,weight:o})=>o?e.typography.displayLarge.desktop.weights[o]:e.typography.displayLarge.desktop.weights.normal};
letter-spacing: ${({theme:e})=>e.typography.displayLarge.desktop.tracking};
line-height: ${({theme:e})=>e.typography.displayLarge.desktop.lineHeight};
${r.up("desktop")} {
font-size: ${({theme:o})=>o.typography.displayLarge.desktop.fontSize};
font-weight: ${({theme:o,weight:e})=>e?o.typography.displayLarge.desktop.weights[e]:o.typography.displayLarge.desktop.weights.normal};
letter-spacing: ${({theme:o})=>o.typography.displayLarge.desktop.tracking};
line-height: ${({theme:o})=>o.typography.displayLarge.desktop.lineHeight};
}
`,So=l.default.h2`
`,Mo=t.default.h2`
margin: 0;
color: ${({theme:e})=>e.colors.neutral["900"]};
font-family: ${({theme:e})=>e.typography.displaySmall.fontFamily};
font-size: ${({theme:e})=>e.typography.displaySmall.mobile.fontSize};
font-weight: ${({theme:e,weight:o})=>o?e.typography.displaySmall.mobile.weights[o]:e.typography.displaySmall.mobile.weights.normal};
letter-spacing: ${({theme:e})=>e.typography.displaySmall.mobile.tracking};
line-height: ${({theme:e})=>e.typography.displaySmall.mobile.lineHeight};
color: ${({theme:o})=>o.colors.neutral["900"]};
font-family: ${({theme:o})=>o.typography.displaySmall.fontFamily};
font-size: ${({theme:o})=>o.typography.displaySmall.mobile.fontSize};
font-weight: ${({theme:o,weight:e})=>e?o.typography.displaySmall.mobile.weights[e]:o.typography.displaySmall.mobile.weights.normal};
letter-spacing: ${({theme:o})=>o.typography.displaySmall.mobile.tracking};
line-height: ${({theme:o})=>o.typography.displaySmall.mobile.lineHeight};
${d.up("desktop")} {
font-size: ${({theme:e})=>e.typography.displaySmall.desktop.fontSize};
font-weight: ${({theme:e,weight:o})=>o?e.typography.displaySmall.desktop.weights[o]:e.typography.displaySmall.desktop.weights.normal};
letter-spacing: ${({theme:e})=>e.typography.displaySmall.desktop.tracking};
line-height: ${({theme:e})=>e.typography.displaySmall.desktop.lineHeight};
${r.up("desktop")} {
font-size: ${({theme:o})=>o.typography.displaySmall.desktop.fontSize};
font-weight: ${({theme:o,weight:e})=>e?o.typography.displaySmall.desktop.weights[e]:o.typography.displaySmall.desktop.weights.normal};
letter-spacing: ${({theme:o})=>o.typography.displaySmall.desktop.tracking};
line-height: ${({theme:o})=>o.typography.displaySmall.desktop.lineHeight};
}
`,wo=l.default.h1`
`,Ro=t.default.h1`
margin: 0;
color: ${({theme:e})=>e.colors.neutral["900"]};
font-family: ${({theme:e})=>e.typography.headingH1.fontFamily};
font-size: ${({theme:e})=>e.typography.headingH1.mobile.fontSize};
font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH1.mobile.weights[o]:e.typography.headingH1.mobile.weights.normal};
letter-spacing: ${({theme:e})=>e.typography.headingH1.mobile.tracking};
line-height: ${({theme:e})=>e.typography.headingH1.mobile.lineHeight};
color: ${({theme:o})=>o.colors.neutral["900"]};
font-family: ${({theme:o})=>o.typography.headingH1.fontFamily};
font-size: ${({theme:o})=>o.typography.headingH1.mobile.fontSize};
font-weight: ${({theme:o,weight:e})=>e?o.typography.headingH1.mobile.weights[e]:o.typography.headingH1.mobile.weights.normal};
letter-spacing: ${({theme:o})=>o.typography.headingH1.mobile.tracking};
line-height: ${({theme:o})=>o.typography.headingH1.mobile.lineHeight};
${d.up("desktop")} {
font-size: ${({theme:e})=>e.typography.headingH1.desktop.fontSize};
font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH1.desktop.weights[o]:e.typography.headingH1.desktop.weights.normal};
letter-spacing: ${({theme:e})=>e.typography.headingH1.desktop.tracking};
line-height: ${({theme:e})=>e.typography.headingH1.desktop.lineHeight};
${r.up("desktop")} {
font-size: ${({theme:o})=>o.typography.headingH1.desktop.fontSize};
font-weight: ${({theme:o,weight:e})=>e?o.typography.headingH1.desktop.weights[e]:o.typography.headingH1.desktop.weights.normal};
letter-spacing: ${({theme:o})=>o.typography.headingH1.desktop.tracking};
line-height: ${({theme:o})=>o.typography.headingH1.desktop.lineHeight};
}
`,ko=l.default.h2`
`,Wo=t.default.h2`
margin: 0;
color: ${({theme:e})=>e.colors.neutral["900"]};
font-family: ${({theme:e})=>e.typography.headingH2.fontFamily};
font-size: ${({theme:e})=>e.typography.headingH2.mobile.fontSize};
font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH2.mobile.weights[o]:e.typography.headingH2.mobile.weights.normal};
letter-spacing: ${({theme:e})=>e.typography.headingH2.mobile.tracking};
line-height: ${({theme:e})=>e.typography.headingH2.mobile.lineHeight};
color: ${({theme:o})=>o.colors.neutral["900"]};
font-family: ${({theme:o})=>o.typography.headingH2.fontFamily};
font-size: ${({theme:o})=>o.typography.headingH2.mobile.fontSize};
font-weight: ${({theme:o,weight:e})=>e?o.typography.headingH2.mobile.weights[e]:o.typography.headingH2.mobile.weights.normal};
letter-spacing: ${({theme:o})=>o.typography.headingH2.mobile.tracking};
line-height: ${({theme:o})=>o.typography.headingH2.mobile.lineHeight};
${d.up("desktop")} {
font-size: ${({theme:e})=>e.typography.headingH2.desktop.fontSize};
font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH2.desktop.weights[o]:e.typography.headingH2.desktop.weights.normal};
letter-spacing: ${({theme:e})=>e.typography.headingH2.desktop.tracking};
line-height: ${({theme:e})=>e.typography.headingH2.desktop.lineHeight};
${r.up("desktop")} {
font-size: ${({theme:o})=>o.typography.headingH2.desktop.fontSize};
font-weight: ${({theme:o,weight:e})=>e?o.typography.headingH2.desktop.weights[e]:o.typography.headingH2.desktop.weights.normal};
letter-spacing: ${({theme:o})=>o.typography.headingH2.desktop.tracking};
line-height: ${({theme:o})=>o.typography.headingH2.desktop.lineHeight};
}
`,Ho=l.default.h3`
`,_o=t.default.h3`
margin: 0;
color: ${({theme:e})=>e.colors.neutral["900"]};
font-family: ${({theme:e})=>e.typography.headingH3.fontFamily};
font-size: ${({theme:e})=>e.typography.headingH3.mobile.fontSize};
font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH3.mobile.weights[o]:e.typography.headingH3.mobile.weights.normal};
letter-spacing: ${({theme:e})=>e.typography.headingH3.mobile.tracking};
line-height: ${({theme:e})=>e.typography.headingH3.mobile.lineHeight};
color: ${({theme:o})=>o.colors.neutral["900"]};
font-family: ${({theme:o})=>o.typography.headingH3.fontFamily};
font-size: ${({theme:o})=>o.typography.headingH3.mobile.fontSize};
font-weight: ${({theme:o,weight:e})=>e?o.typography.headingH3.mobile.weights[e]:o.typography.headingH3.mobile.weights.normal};
letter-spacing: ${({theme:o})=>o.typography.headingH3.mobile.tracking};
line-height: ${({theme:o})=>o.typography.headingH3.mobile.lineHeight};
${d.up("desktop")} {
font-size: ${({theme:e})=>e.typography.headingH3.desktop.fontSize};
font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH3.desktop.weights[o]:e.typography.headingH3.desktop.weights.normal};
letter-spacing: ${({theme:e})=>e.typography.headingH3.desktop.tracking};
line-height: ${({theme:e})=>e.typography.headingH3.desktop.lineHeight};
${r.up("desktop")} {
font-size: ${({theme:o})=>o.typography.headingH3.desktop.fontSize};
font-weight: ${({theme:o,weight:e})=>e?o.typography.headingH3.desktop.weights[e]:o.typography.headingH3.desktop.weights.normal};
letter-spacing: ${({theme:o})=>o.typography.headingH3.desktop.tracking};
line-height: ${({theme:o})=>o.typography.headingH3.desktop.lineHeight};
}
`,zo=l.default.h4`
`,To=t.default.h4`
margin: 0;
color: ${({theme:e})=>e.colors.neutral["900"]};
font-family: ${({theme:e})=>e.typography.headingH4.fontFamily};
font-size: ${({theme:e})=>e.typography.headingH4.mobile.fontSize};
font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH4.mobile.weights[o]:e.typography.headingH4.mobile.weights.normal};
letter-spacing: ${({theme:e})=>e.typography.headingH4.mobile.tracking};
line-height: ${({theme:e})=>e.typography.headingH4.mobile.lineHeight};
color: ${({theme:o})=>o.colors.neutral["900"]};
font-family: ${({theme:o})=>o.typography.headingH4.fontFamily};
font-size: ${({theme:o})=>o.typography.headingH4.mobile.fontSize};
font-weight: ${({theme:o,weight:e})=>e?o.typography.headingH4.mobile.weights[e]:o.typography.headingH4.mobile.weights.normal};
letter-spacing: ${({theme:o})=>o.typography.headingH4.mobile.tracking};
line-height: ${({theme:o})=>o.typography.headingH4.mobile.lineHeight};
${d.up("desktop")} {
font-size: ${({theme:e})=>e.typography.headingH4.desktop.fontSize};
font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH4.desktop.weights[o]:e.typography.headingH4.desktop.weights.normal};
letter-spacing: ${({theme:e})=>e.typography.headingH4.desktop.tracking};
line-height: ${({theme:e})=>e.typography.headingH4.desktop.lineHeight};
${r.up("desktop")} {
font-size: ${({theme:o})=>o.typography.headingH4.desktop.fontSize};
font-weight: ${({theme:o,weight:e})=>e?o.typography.headingH4.desktop.weights[e]:o.typography.headingH4.desktop.weights.normal};
letter-spacing: ${({theme:o})=>o.typography.headingH4.desktop.tracking};
line-height: ${({theme:o})=>o.typography.headingH4.desktop.lineHeight};
}
`,Fo=l.default.h5`
`,Xo=t.default.h5`
margin: 0;
color: ${({theme:e})=>e.colors.neutral["900"]};
font-family: ${({theme:e})=>e.typography.headingH5.fontFamily};
font-size: ${({theme:e})=>e.typography.headingH5.mobile.fontSize};
font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH5.mobile.weights[o]:e.typography.headingH5.mobile.weights.normal};
letter-spacing: ${({theme:e})=>e.typography.headingH5.mobile.tracking};
line-height: ${({theme:e})=>e.typography.headingH5.mobile.lineHeight};
color: ${({theme:o})=>o.colors.neutral["900"]};
font-family: ${({theme:o})=>o.typography.headingH5.fontFamily};
font-size: ${({theme:o})=>o.typography.headingH5.mobile.fontSize};
font-weight: ${({theme:o,weight:e})=>e?o.typography.headingH5.mobile.weights[e]:o.typography.headingH5.mobile.weights.normal};
letter-spacing: ${({theme:o})=>o.typography.headingH5.mobile.tracking};
line-height: ${({theme:o})=>o.typography.headingH5.mobile.lineHeight};
${d.up("desktop")} {
font-size: ${({theme:e})=>e.typography.headingH5.desktop.fontSize};
font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH5.desktop.weights[o]:e.typography.headingH5.desktop.weights.normal};
letter-spacing: ${({theme:e})=>e.typography.headingH5.desktop.tracking};
line-height: ${({theme:e})=>e.typography.headingH5.desktop.lineHeight};
${r.up("desktop")} {
font-size: ${({theme:o})=>o.typography.headingH5.desktop.fontSize};
font-weight: ${({theme:o,weight:e})=>e?o.typography.headingH5.desktop.weights[e]:o.typography.headingH5.desktop.weights.normal};
letter-spacing: ${({theme:o})=>o.typography.headingH5.desktop.tracking};
line-height: ${({theme:o})=>o.typography.headingH5.desktop.lineHeight};
}
`,Bo=l.default.h6`
`,No=t.default.h6`
margin: 0;
color: ${({theme:e})=>e.colors.neutral["900"]};
font-family: ${({theme:e})=>e.typography.headingH6.fontFamily};
font-size: ${({theme:e})=>e.typography.headingH6.mobile.fontSize};
font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH6.mobile.weights[o]:e.typography.headingH6.mobile.weights.normal};
letter-spacing: ${({theme:e})=>e.typography.headingH6.mobile.tracking};
line-height: ${({theme:e})=>e.typography.headingH6.mobile.lineHeight};
color: ${({theme:o})=>o.colors.neutral["900"]};
font-family: ${({theme:o})=>o.typography.headingH6.fontFamily};
font-size: ${({theme:o})=>o.typography.headingH6.mobile.fontSize};
font-weight: ${({theme:o,weight:e})=>e?o.typography.headingH6.mobile.weights[e]:o.typography.headingH6.mobile.weights.normal};
letter-spacing: ${({theme:o})=>o.typography.headingH6.mobile.tracking};
line-height: ${({theme:o})=>o.typography.headingH6.mobile.lineHeight};
${d.up("desktop")} {
font-size: ${({theme:e})=>e.typography.headingH6.desktop.fontSize};
font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH6.desktop.weights[o]:e.typography.headingH6.desktop.weights.normal};
letter-spacing: ${({theme:e})=>e.typography.headingH6.desktop.tracking};
line-height: ${({theme:e})=>e.typography.headingH6.desktop.lineHeight};
${r.up("desktop")} {
font-size: ${({theme:o})=>o.typography.headingH6.desktop.fontSize};
font-weight: ${({theme:o,weight:e})=>e?o.typography.headingH6.desktop.weights[e]:o.typography.headingH6.desktop.weights.normal};
letter-spacing: ${({theme:o})=>o.typography.headingH6.desktop.tracking};
line-height: ${({theme:o})=>o.typography.headingH6.desktop.lineHeight};
}
`,Co=l.default.p`
`,Uo=t.default.p`
margin: 0;
color: ${({theme:e})=>e.colors.neutral["900"]};
font-family: ${({theme:e})=>e.typography.paragraphLarge.fontFamily};
font-size: ${({theme:e})=>e.typography.paragraphLarge.fontSize};
font-style: ${({italic:e})=>e?"italic":"normal"};
font-weight: ${({theme:e,weight:o})=>o?e.typography.paragraphLarge.weights[o]:e.typography.paragraphLarge.weights.normal};
line-height: ${({theme:e})=>e.typography.paragraphLarge.lineHeight};
text-decoration: ${ie};
`,ve=g.css`
color: ${({theme:o})=>o.colors.neutral["900"]};
font-family: ${({theme:o})=>o.typography.paragraphLarge.fontFamily};
font-size: ${({theme:o})=>o.typography.paragraphLarge.fontSize};
font-style: ${({italic:o})=>o?"italic":"normal"};
font-weight: ${({theme:o,weight:e})=>e?o.typography.paragraphLarge.weights[e]:o.typography.paragraphLarge.weights.normal};
line-height: ${({theme:o})=>o.typography.paragraphLarge.lineHeight};
text-decoration: ${B};
`,_=a.css`
margin: 0;
color: ${({theme:e})=>e.colors.neutral["900"]};
font-family: ${({theme:e})=>e.typography.paragraphMedium.fontFamily};
font-size: ${({theme:e})=>e.typography.paragraphMedium.fontSize};
font-style: ${({italic:e})=>e?"italic":"normal"};
font-weight: ${({theme:e,weight:o})=>o?e.typography.paragraphMedium.weights[o]:e.typography.paragraphMedium.weights.normal};
line-height: ${({theme:e})=>e.typography.paragraphMedium.lineHeight};
text-decoration: ${ie};
`,Oo=l.default.p`
${ve}
`,Eo=l.default.p`
color: ${({theme:o})=>o.colors.neutral["900"]};
font-family: ${({theme:o})=>o.typography.paragraphMedium.fontFamily};
font-size: ${({theme:o})=>o.typography.paragraphMedium.fontSize};
font-style: ${({italic:o})=>o?"italic":"normal"};
font-weight: ${({theme:o,weight:e})=>e?o.typography.paragraphMedium.weights[e]:o.typography.paragraphMedium.weights.normal};
line-height: ${({theme:o})=>o.typography.paragraphMedium.lineHeight};
text-decoration: ${B};
`,Io=t.default.p`
${_}
`,Vo=t.default.p`
margin: 0;
color: ${({theme:e})=>e.colors.neutral["900"]};
font-family: ${({theme:e})=>e.typography.paragraphSmall.fontFamily};
font-size: ${({theme:e})=>e.typography.paragraphSmall.fontSize};
font-style: ${({italic:e})=>e?"italic":"normal"};
font-weight: ${({theme:e,weight:o})=>o?e.typography.paragraphSmall.weights[o]:e.typography.paragraphSmall.weights.normal};
line-height: ${({theme:e})=>e.typography.paragraphSmall.lineHeight};
text-decoration: ${ie};
`,Po=l.default.p`
color: ${({theme:o})=>o.colors.neutral["900"]};
font-family: ${({theme:o})=>o.typography.paragraphSmall.fontFamily};
font-size: ${({theme:o})=>o.typography.paragraphSmall.fontSize};
font-style: ${({italic:o})=>o?"italic":"normal"};
font-weight: ${({theme:o,weight:e})=>e?o.typography.paragraphSmall.weights[e]:o.typography.paragraphSmall.weights.normal};
line-height: ${({theme:o})=>o.typography.paragraphSmall.lineHeight};
text-decoration: ${B};
`,qo=t.default.p`
margin: 0;
color: ${({theme:e})=>e.colors.neutral["900"]};
font-family: ${({theme:e})=>e.typography.paragraphXSmall.fontFamily};
font-size: ${({theme:e})=>e.typography.paragraphXSmall.fontSize};
font-style: ${({italic:e})=>e?"italic":"normal"};
font-weight: ${({theme:e,weight:o})=>o?e.typography.paragraphXSmall.weights[o]:e.typography.paragraphXSmall.weights.normal};
line-height: ${({theme:e})=>e.typography.paragraphXSmall.lineHeight};
text-decoration: ${ie};
`,Lo=l.default.p`
color: ${({theme:o})=>o.colors.neutral["900"]};
font-family: ${({theme:o})=>o.typography.paragraphXSmall.fontFamily};
font-size: ${({theme:o})=>o.typography.paragraphXSmall.fontSize};
font-style: ${({italic:o})=>o?"italic":"normal"};
font-weight: ${({theme:o,weight:e})=>e?o.typography.paragraphXSmall.weights[e]:o.typography.paragraphXSmall.weights.normal};
line-height: ${({theme:o})=>o.typography.paragraphXSmall.lineHeight};
text-decoration: ${B};
`,Go=t.default.p`
margin: 0;
color: ${({theme:e})=>e.colors.neutral["900"]};
font-family: ${({theme:e})=>e.typography.overlineLarge.fontFamily};
font-size: ${({theme:e})=>e.typography.overlineLarge.fontSize};
font-weight: ${({theme:e})=>e.typography.overlineLarge.weight};
color: ${({theme:o})=>o.colors.neutral["900"]};
font-family: ${({theme:o})=>o.typography.overlineLarge.fontFamily};
font-size: ${({theme:o})=>o.typography.overlineLarge.fontSize};
font-weight: ${({theme:o})=>o.typography.overlineLarge.weight};
letter-spacing: 1px;
line-height: ${({theme:e})=>e.typography.overlineLarge.lineHeight};
line-height: ${({theme:o})=>o.typography.overlineLarge.lineHeight};
text-transform: uppercase;
`,jo=l.default.p`
`,Jo=t.default.p`
margin: 0;
color: ${({theme:e})=>e.colors.neutral["900"]};
font-family: ${({theme:e})=>e.typography.overlineMedium.fontFamily};
font-size: ${({theme:e})=>e.typography.overlineMedium.fontSize};
font-weight: ${({theme:e})=>e.typography.overlineMedium.weight};
color: ${({theme:o})=>o.colors.neutral["900"]};
font-family: ${({theme:o})=>o.typography.overlineMedium.fontFamily};
font-size: ${({theme:o})=>o.typography.overlineMedium.fontSize};
font-weight: ${({theme:o})=>o.typography.overlineMedium.weight};
letter-spacing: 1px;
line-height: ${({theme:e})=>e.typography.overlineMedium.lineHeight};
line-height: ${({theme:o})=>o.typography.overlineMedium.lineHeight};
text-transform: uppercase;
`,Do=l.default.p`
`,Yo=t.default.p`
margin: 0;
color: ${({theme:e})=>e.colors.neutral["900"]};
font-family: ${({theme:e})=>e.typography.overlineSmall.fontFamily};
font-size: ${({theme:e})=>e.typography.overlineSmall.fontSize};
font-weight: ${({theme:e})=>e.typography.overlineSmall.weight};
color: ${({theme:o})=>o.colors.neutral["900"]};
font-family: ${({theme:o})=>o.typography.overlineSmall.fontFamily};
font-size: ${({theme:o})=>o.typography.overlineSmall.fontSize};
font-weight: ${({theme:o})=>o.typography.overlineSmall.weight};
letter-spacing: 1px;
line-height: ${({theme:e})=>e.typography.overlineSmall.lineHeight};
line-height: ${({theme:o})=>o.typography.overlineSmall.lineHeight};
text-transform: uppercase;
`;var ce={exports:{}},Y={};/*
`;var E={exports:{}},w={};/*
object-assign
(c) Sindre Sorhus
@license MIT
*/var Se=Object.getOwnPropertySymbols,Ao=Object.prototype.hasOwnProperty,_o=Object.prototype.propertyIsEnumerable;function Ro(e){if(e==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function To(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de",Object.getOwnPropertyNames(e)[0]==="5")return!1;for(var o={},n=0;n<10;n++)o["_"+String.fromCharCode(n)]=n;var r=Object.getOwnPropertyNames(o).map(function(c){return o[c]});if(r.join("")!=="0123456789")return!1;var t={};return"abcdefghijklmnopqrst".split("").forEach(function(c){t[c]=c}),Object.keys(Object.assign({},t)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}To();/** @license React v17.0.2
*/var T=Object.getOwnPropertySymbols,Zo=Object.prototype.hasOwnProperty,Ko=Object.prototype.propertyIsEnumerable;function Qo(o){if(o==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(o)}function oe(){try{if(!Object.assign)return!1;var o=new String("abc");if(o[5]="de",Object.getOwnPropertyNames(o)[0]==="5")return!1;for(var e={},n=0;n<10;n++)e["_"+String.fromCharCode(n)]=n;var l=Object.getOwnPropertyNames(e).map(function(d){return e[d]});if(l.join("")!=="0123456789")return!1;var p={};return"abcdefghijklmnopqrst".split("").forEach(function(d){p[d]=d}),Object.keys(Object.assign({},p)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}oe();/** @license React v17.0.2
* react-jsx-runtime.production.min.js

@@ -212,3 +212,3 @@ *

* LICENSE file in the root directory of this source tree.
*/var Mo=ye.default,we=60103;if(Y.Fragment=60107,typeof Symbol=="function"&&Symbol.for){var ke=Symbol.for;we=ke("react.element"),Y.Fragment=ke("react.fragment")}var Wo=Mo.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,No=Object.prototype.hasOwnProperty,Io={key:!0,ref:!0,__self:!0,__source:!0};function He(e,o,n){var r,t={},c=null,m=null;n!==void 0&&(c=""+n),o.key!==void 0&&(c=""+o.key),o.ref!==void 0&&(m=o.ref);for(r in o)No.call(o,r)&&!Io.hasOwnProperty(r)&&(t[r]=o[r]);if(e&&e.defaultProps)for(r in o=e.defaultProps,o)t[r]===void 0&&(t[r]=o[r]);return{$$typeof:we,type:e,key:c,ref:m,props:t,_owner:Wo.current}}Y.jsx=He,Y.jsxs=He,ce.exports=Y;const v=ce.exports.jsx,D=ce.exports.jsxs,ze=g.css`
*/var ee=io.default,X=60103;if(w.Fragment=60107,typeof Symbol=="function"&&Symbol.for){var N=Symbol.for;X=N("react.element"),w.Fragment=N("react.fragment")}var ie=ee.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,te=Object.prototype.hasOwnProperty,ne={key:!0,ref:!0,__self:!0,__source:!0};function U(o,e,n){var l,p={},d=null,x=null;n!==void 0&&(d=""+n),e.key!==void 0&&(d=""+e.key),e.ref!==void 0&&(x=e.ref);for(l in e)te.call(e,l)&&!ne.hasOwnProperty(l)&&(p[l]=e[l]);if(o&&o.defaultProps)for(l in e=o.defaultProps,e)p[l]===void 0&&(p[l]=e[l]);return{$$typeof:X,type:o,key:d,ref:x,props:p,_owner:ie.current}}w.jsx=U,w.jsxs=U,E.exports=w;const y=E.exports.jsx,$=E.exports.jsxs,I=a.css`
display: flex;

@@ -218,7 +218,7 @@ flex-flow: row nowrap;

border-style: solid;
font-family: ${({theme:e})=>e.buttons.fontFamily};
font-family: ${({theme:o})=>o.buttons.fontFamily};
&,
& * {
font-weight: ${({theme:e})=>e.buttons.fontWeight};
font-weight: ${({theme:o})=>o.buttons.fontWeight};
}

@@ -230,55 +230,55 @@

}
`,Fe=g.css`
`,V=a.css`
display: flex;
flex-flow: row nowrap;
align-items: center;
`,Xo=g.css`
${({buttonSize:e,theme:o})=>g.css`
padding: ${o.buttons.regular[e||"medium"].verticalPadding}
${o.buttons.regular[e||"medium"].horizontalPadding};
`,re=a.css`
${({buttonSize:o,theme:e})=>a.css`
padding: ${e.buttons.regular[o||"medium"].verticalPadding}
${e.buttons.regular[o||"medium"].horizontalPadding};
border-radius: ${o.buttons.regular[e||"medium"].borderRadius};
font-size: ${o.buttons.regular[e||"medium"].fontSize};
border-radius: ${e.buttons.regular[o||"medium"].borderRadius};
font-size: ${e.buttons.regular[o||"medium"].fontSize};
`}
`,Be=g.css`
${({theme:e,buttonStyle:o})=>g.css`
background: ${e.buttons.regular.disabled[o||"primary"].background};
border-color: ${e.buttons.regular.disabled[o||"primary"].borderColor};
border-width: ${e.buttons.regular.disabled[o||"primary"].borderWidth};
color: ${e.buttons.regular.disabled[o||"primary"].contentColor};
`,q=a.css`
${({theme:o,buttonStyle:e})=>a.css`
background: ${o.buttons.regular.disabled[e||"primary"].background};
border-color: ${o.buttons.regular.disabled[e||"primary"].borderColor};
border-width: ${o.buttons.regular.disabled[e||"primary"].borderWidth};
color: ${o.buttons.regular.disabled[e||"primary"].contentColor};
`}
`,Ce=g.css`
${({theme:e,buttonStyle:o,variant:n})=>g.css`
background: ${e.buttons.regular[n||"primary"][o||"primary"].background};
border-color: ${e.buttons.regular[n||"primary"][o||"primary"].borderColor};
border-width: ${e.buttons.regular[n||"primary"][o||"primary"].borderWidth};
color: ${e.buttons.regular[n||"primary"][o||"primary"].contentColor};
`,G=a.css`
${({theme:o,buttonStyle:e,variant:n})=>a.css`
background: ${o.buttons.regular[n||"primary"][e||"primary"].background};
border-color: ${o.buttons.regular[n||"primary"][e||"primary"].borderColor};
border-width: ${o.buttons.regular[n||"primary"][e||"primary"].borderWidth};
color: ${o.buttons.regular[n||"primary"][e||"primary"].contentColor};
`}
`,qo=l.default.button`
${ze}
${Xo}
`,ae=t.default.button`
${I}
${re}
${({disabled:e})=>e?Be:Ce}
`,Uo=g.css`
margin-right: ${({theme:e,buttonSize:o})=>e.buttons.regular[o||"medium"].iconPadding};
`,Vo=l.default.div`
${Fe}
${Uo}
`,Yo=g.css`
margin-left: ${({theme:e,buttonSize:o})=>e.buttons.regular[o||"medium"].iconPadding};
`,Zo=l.default.div`
${Fe}
${Yo}
`,Go=g.css`
${({buttonSize:e,theme:o})=>g.css`
padding: ${o.buttons.icon[e||"medium"].verticalPadding}
${o.buttons.icon[e||"medium"].horizontalPadding};
${({disabled:o})=>o?q:G}
`,le=a.css`
margin-right: ${({theme:o,buttonSize:e})=>o.buttons.regular[e||"medium"].iconPadding};
`,pe=t.default.div`
${V}
${le}
`,de=a.css`
margin-left: ${({theme:o,buttonSize:e})=>o.buttons.regular[e||"medium"].iconPadding};
`,ge=t.default.div`
${V}
${de}
`,se=a.css`
${({buttonSize:o,theme:e})=>a.css`
padding: ${e.buttons.icon[o||"medium"].verticalPadding}
${e.buttons.icon[o||"medium"].horizontalPadding};
border-radius: ${o.buttons.icon[e||"medium"].borderRadius};
font-size: ${o.buttons.icon[e||"medium"].fontSize};
border-radius: ${e.buttons.icon[o||"medium"].borderRadius};
font-size: ${e.buttons.icon[o||"medium"].fontSize};
`}
`,Jo=g.css`
width: ${({theme:e,buttonSize:o})=>e.buttons.icon[o||"medium"].buttonSize};
height: ${({theme:e,buttonSize:o})=>e.buttons.icon[o||"medium"].buttonSize};
`,Ko=l.default.div`
`,he=a.css`
width: ${({theme:o,buttonSize:e})=>o.buttons.icon[e||"medium"].buttonSize};
height: ${({theme:o,buttonSize:e})=>o.buttons.icon[e||"medium"].buttonSize};
`,ce=t.default.div`
display: flex;

@@ -289,54 +289,52 @@ flex-flow: row nowrap;

${Jo}
`,Qo=l.default.button`
${ze}
${Go}
${he}
`,ye=t.default.button`
${I}
${se}
${({disabled:e})=>e?Be:Ce}
`,et=w=>{var F=w,{buttonSize:e="medium",variant:o="primary",buttonStyle:n="primary",iconOnly:r=!1,startIcon:t=null,endIcon:c=null,children:m}=F,b=We(F,["buttonSize","variant","buttonStyle","iconOnly","startIcon","endIcon","children"]);return r?v(Qo,U(T({},b),{variant:o,buttonStyle:n,buttonSize:e,children:v(Ko,{buttonSize:e,children:t||c},void 0)}),void 0):D(qo,U(T({},b),{variant:o,buttonStyle:n,buttonSize:e,children:[t&&v(Vo,{buttonSize:e,children:t},void 0),m,c&&v(Zo,{buttonSize:e,children:c},void 0)]}),void 0)};var Oe={exports:{}},ot="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",tt=ot,rt=tt;function Ee(){}function Pe(){}Pe.resetWarningCache=Ee;var nt=function(){function e(r,t,c,m,b,w){if(w!==rt){var F=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw F.name="Invariant Violation",F}}e.isRequired=e;function o(){return e}var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:o,element:e,elementType:e,instanceOf:o,node:e,objectOf:o,oneOf:o,oneOfType:o,shape:o,exact:o,checkPropTypes:Pe,resetWarningCache:Ee};return n.PropTypes=n,n};Oe.exports=nt();var Le=function(e){var o={};function n(r){if(o[r])return o[r].exports;var t=o[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,n),t.l=!0,t.exports}return n.m=e,n.c=o,n.d=function(r,t,c){n.o(r,t)||Object.defineProperty(r,t,{enumerable:!0,get:c})},n.r=function(r){typeof Symbol!="undefined"&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,t){if(1&t&&(r=n(r)),8&t||4&t&&typeof r=="object"&&r&&r.__esModule)return r;var c=Object.create(null);if(n.r(c),Object.defineProperty(c,"default",{enumerable:!0,value:r}),2&t&&typeof r!="string")for(var m in r)n.d(c,m,function(b){return r[b]}.bind(null,m));return c},n.n=function(r){var t=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(t,"a",t),t},n.o=function(r,t){return Object.prototype.hasOwnProperty.call(r,t)},n.p="",n(n.s=2)}([function(e,o){e.exports=Oe.exports},function(e,o){e.exports=ye.default},function(e,o,n){n.r(o);var r=n(1),t=n(0),c=function(){return(c=Object.assign||function(i){for(var s,u=1,p=arguments.length;u<p;u++)for(var h in s=arguments[u])Object.prototype.hasOwnProperty.call(s,h)&&(i[h]=s[h]);return i}).apply(this,arguments)},m=function(i,s){var u={};for(var p in i)Object.prototype.hasOwnProperty.call(i,p)&&s.indexOf(p)<0&&(u[p]=i[p]);if(i!=null&&typeof Object.getOwnPropertySymbols=="function"){var h=0;for(p=Object.getOwnPropertySymbols(i);h<p.length;h++)s.indexOf(p[h])<0&&Object.prototype.propertyIsEnumerable.call(i,p[h])&&(u[p[h]]=i[p[h]])}return u},b=0,w=r.forwardRef(function(i,s){var u=i.title,p=u===void 0?null:u,h=i.description,A=h===void 0?null:h,M=i.size,O=M===void 0?null:M,_=i.color,Z=_===void 0?"currentColor":_,L=i.horizontal,G=L===void 0?null:L,J=i.vertical,K=J===void 0?null:J,W=i.rotate,Q=W===void 0?null:W,N=i.spin,E=N===void 0?null:N,I=i.style,ee=I===void 0?{}:I,R=i.children,pe=m(i,["title","description","size","color","horizontal","vertical","rotate","spin","style","children"]);b++;var H,X=E!==null&&E,j=r.Children.map(R,function(se){var S=se;X!==!0&&(X=(E===null?S.props.spin:E)===!0);var te=S.props.size;typeof O=="number"&&typeof S.props.size=="number"&&(te=S.props.size/O);var re={size:te,color:Z===null?S.props.color:Z,horizontal:G===null?S.props.horizontal:G,vertical:K===null?S.props.vertical:K,rotate:Q===null?S.props.rotate:Q,spin:E===null?S.props.spin:E,inStack:!0};return r.cloneElement(S,re)});O!==null&&(ee.width=typeof O=="string"?O:1.5*O+"rem");var oe,q="stack_labelledby_"+b,P="stack_describedby_"+b;if(p)H=A?q+" "+P:q;else if(oe="presentation",A)throw new Error("title attribute required when description is set");return r.createElement("svg",c({ref:s,viewBox:"0 0 24 24",style:ee,role:oe,"aria-labelledby":H},pe),p&&r.createElement("title",{id:q},p),A&&r.createElement("desc",{id:P},A),X&&r.createElement("style",null,"@keyframes spin { to { transform: rotate(360deg) } }","@keyframes spin-inverse { to { transform: rotate(-360deg) } }"),j)});w.displayName="Stack",w.propTypes={size:t.oneOfType([t.number,t.string]),color:t.string,horizontal:t.bool,vertical:t.bool,rotate:t.number,spin:t.oneOfType([t.bool,t.number]),children:t.oneOfType([t.arrayOf(t.node),t.node]).isRequired,className:t.string,style:t.object},w.defaultProps={size:null,color:null,horizontal:null,vertical:null,rotate:null,spin:null};var F=w;n.d(o,"Icon",function(){return C}),n.d(o,"Stack",function(){return F});var B=function(){return(B=Object.assign||function(i){for(var s,u=1,p=arguments.length;u<p;u++)for(var h in s=arguments[u])Object.prototype.hasOwnProperty.call(s,h)&&(i[h]=s[h]);return i}).apply(this,arguments)},ae=function(i,s){var u={};for(var p in i)Object.prototype.hasOwnProperty.call(i,p)&&s.indexOf(p)<0&&(u[p]=i[p]);if(i!=null&&typeof Object.getOwnPropertySymbols=="function"){var h=0;for(p=Object.getOwnPropertySymbols(i);h<p.length;h++)s.indexOf(p[h])<0&&Object.prototype.propertyIsEnumerable.call(i,p[h])&&(u[p[h]]=i[p[h]])}return u},le=0,C=r.forwardRef(function(i,s){var u=i.path,p=i.id,h=p===void 0?++le:p,A=i.title,M=A===void 0?null:A,O=i.description,_=O===void 0?null:O,Z=i.size,L=Z===void 0?null:Z,G=i.color,J=G===void 0?"currentColor":G,K=i.horizontal,W=K!==void 0&&K,Q=i.vertical,N=Q!==void 0&&Q,E=i.rotate,I=E===void 0?0:E,ee=i.spin,R=ee!==void 0&&ee,pe=i.style,H=pe===void 0?{}:pe,X=i.inStack,j=X!==void 0&&X,oe=ae(i,["path","id","title","description","size","color","horizontal","vertical","rotate","spin","style","inStack"]),q={},P=[];L!==null&&(j?P.push("scale("+L+")"):(H.width=typeof L=="string"?L:1.5*L+"rem",H.height=H.width)),W&&P.push("scaleX(-1)"),N&&P.push("scaleY(-1)"),I!==0&&P.push("rotate("+I+"deg)"),J!==null&&(q.fill=J);var se=r.createElement("path",B({d:u,style:q},j?oe:{})),S=se;P.length>0&&(H.transform=P.join(" "),H.transformOrigin="center",j&&(S=r.createElement("g",{style:H},se,r.createElement("rect",{width:"24",height:"24",fill:"transparent"}))));var te,re=S,De=R===!0||typeof R!="number"?2:R,de=!j&&(W||N);if(De<0&&(de=!de),R&&(re=r.createElement("g",{style:{animation:"spin"+(de?"-inverse":"")+" linear "+Math.abs(De)+"s infinite",transformOrigin:"center"}},S,!(W||N||I!==0)&&r.createElement("rect",{width:"24",height:"24",fill:"transparent"}))),j)return re;var Ae,ue="icon_labelledby_"+h,_e="icon_describedby_"+h;if(M)te=_?ue+" "+_e:ue;else if(Ae="presentation",_)throw new Error("title attribute required when description is set");return r.createElement("svg",B({ref:s,viewBox:"0 0 24 24",style:H,role:Ae,"aria-labelledby":te},oe),M&&r.createElement("title",{id:ue},M),_&&r.createElement("desc",{id:_e},_),!j&&R&&(de?r.createElement("style",null,"@keyframes spin-inverse { to { transform: rotate(-360deg) } }"):r.createElement("style",null,"@keyframes spin { to { transform: rotate(360deg) } }")),re)});C.displayName="Icon",C.propTypes={path:t.string.isRequired,size:t.oneOfType([t.number,t.string]),color:t.string,horizontal:t.bool,vertical:t.bool,rotate:t.number,spin:t.oneOfType([t.bool,t.number]),style:t.object,inStack:t.bool,className:t.string},C.defaultProps={size:null,color:"currentColor",horizontal:!1,vertical:!1,rotate:0,spin:!1},o.default=C}]);const k="info",it=l.default.div`
${({disabled:o})=>o?q:G}
`,fe=v=>{var C=v,{buttonSize:o="medium",variant:e="primary",buttonStyle:n="primary",iconOnly:l=!1,startIcon:p=null,endIcon:d=null,children:x}=C,b=eo(C,["buttonSize","variant","buttonStyle","iconOnly","startIcon","endIcon","children"]);return l?y(ye,S(H({},b),{variant:e,buttonStyle:n,buttonSize:o,children:y(ce,{buttonSize:o,children:p||d},void 0)}),void 0):$(ae,S(H({},b),{variant:e,buttonStyle:n,buttonSize:o,children:[p&&y(pe,{buttonSize:o,children:p},void 0),x,d&&y(ge,{buttonSize:o,children:d},void 0)]}),void 0)},u="info",ue=t.default.div`
display: flex;
flex-direction: column;
`,he=l.default.span`
color: ${({theme:e})=>e.inputBox.label.color};
font-family: ${({theme:e})=>e.inputBox.fontFamily};
font-size: ${({theme:e})=>e.inputBox.label.fontSize};
font-style: ${({theme:e})=>e.inputBox.label.fontStyle};
font-weight: ${({theme:e})=>e.inputBox.fontWeight};
line-height: ${({theme:e})=>e.inputBox.label.lineHeight};
font-feature-settings: ${({theme:e})=>e.inputBox.fontFeatureSettings};
`,at=l.default.div`
`,A=t.default.span`
color: ${({theme:o})=>o.inputBox.label.color};
font-family: ${({theme:o})=>o.inputBox.fontFamily};
font-size: ${({theme:o})=>o.inputBox.label.fontSize};
font-style: ${({theme:o})=>o.inputBox.label.fontStyle};
font-weight: ${({theme:o})=>o.inputBox.fontWeight};
line-height: ${({theme:o})=>o.inputBox.label.lineHeight};
font-feature-settings: ${({theme:o})=>o.inputBox.fontFeatureSettings};
`,xe=t.default.div`
display: flex;
`,lt=l.default(he)`
margin: ${({theme:e})=>e.inputBox.helper.margin};
`,be=t.default(A)`
margin: ${({theme:o})=>o.inputBox.helper.margin};
color: ${({theme:e,status:o})=>e.inputBox[o||k].helperColor};
font-size: ${({theme:e})=>e.inputBox.helper.fontSize};
font-style: ${({theme:e})=>e.inputBox.helper.fontStyle};
font-weight: ${({theme:e})=>e.inputBox.helper.fontWeight};
line-height: ${({theme:e})=>e.inputBox.helper.lineHeight};
`,pt=l.default(Le)`
color: ${({theme:e,status:o})=>e.inputBox[o||k].helperColor};
`,st=l.default.div`
color: ${({theme:o,status:e})=>o.inputBox[e||u].helperColor};
font-size: ${({theme:o})=>o.inputBox.helper.fontSize};
font-style: ${({theme:o})=>o.inputBox.helper.fontStyle};
font-weight: ${({theme:o})=>o.inputBox.helper.fontWeight};
line-height: ${({theme:o})=>o.inputBox.helper.lineHeight};
`,me=t.default.div`
color: ${({theme:o,status:e})=>o.inputBox[e||u].helperColor};
`,$e=t.default.div`
display: flex;
position: absolute;
top: ${({theme:e})=>e.inputBox.hint.top};
right: ${({theme:e})=>e.inputBox.hint.right};
top: ${({theme:o})=>o.inputBox.hint.top};
right: ${({theme:o})=>o.inputBox.hint.right};
flex-direction: row;
margin: ${({theme:e})=>e.inputBox.margin};
padding: ${({theme:e})=>e.inputBox.padding};
margin: ${({theme:o})=>o.inputBox.margin};
padding: ${({theme:o})=>o.inputBox.padding};
`,He=t.default(A)`
margin: ${({theme:o})=>o.inputBox.hint.margin};
background: ${({theme:e})=>e.inputBox.hint.background};
`,dt=l.default(he)`
margin: ${({theme:e})=>e.inputBox.hint.margin};
color: ${({theme:e,status:o})=>e.inputBox[o||k].hintColor};
`,gt=l.default(Le)`
color: ${({theme:o,status:e})=>o.inputBox[e||u].hintColor};
`,Se=t.default.div`
margin: 4px 4px;
color: ${({theme:e,status:o})=>e.inputBox[o||k].hintColor};
`,ct=l.default.div`
color: ${({theme:o,status:e})=>o.inputBox[e||u].hintColor};
`,ke=t.default.div`
position: relative;
`,ht=l.default.input`
`,we=t.default.input`
display: flex;
box-sizing: ${({theme:e})=>e.inputBox.boxSizing};
box-sizing: ${({theme:o})=>o.inputBox.boxSizing};
flex-direction: row;

@@ -346,35 +344,35 @@ flex-grow: 0;

align-self: stretch;
width: ${({theme:e})=>e.inputBox.width};
height: ${({theme:e})=>e.inputBox.height};
margin: ${({theme:e})=>e.inputBox.margin};
padding: ${({theme:e})=>e.inputBox.padding};
width: ${({theme:o})=>o.inputBox.width};
height: ${({theme:o})=>o.inputBox.height};
margin: ${({theme:o})=>o.inputBox.margin};
padding: ${({theme:o})=>o.inputBox.padding};
border: ${({theme:e,status:o})=>e.inputBox[o||k].border};
border-radius: ${({theme:e})=>e.inputBox.borderRadius};
border: ${({theme:o,status:e})=>o.inputBox[e||u].border};
border-radius: ${({theme:o})=>o.inputBox.borderRadius};
background: ${({theme:e})=>e.inputBox.background};
box-shadow: ${({theme:e,status:o})=>e.inputBox[o||k].boxShadow};
background: ${({theme:o})=>o.inputBox.background};
box-shadow: ${({theme:o,status:e})=>o.inputBox[e||u].boxShadow};
color: ${({theme:e,status:o})=>e.inputBox[o||k].color};
color: ${({theme:o,status:e})=>o.inputBox[e||u].color};
&:focus {
box-sizing: ${({theme:e,status:o})=>e.inputBox[o||k].focused.boxSizing};
box-sizing: ${({theme:o,status:e})=>o.inputBox[e||u].focused.boxSizing};
border: ${({theme:e,status:o})=>e.inputBox[o||k].focused.border};
border-radius: ${({theme:e,status:o})=>e.inputBox[o||k].focused.borderRadius};
border: ${({theme:o,status:e})=>o.inputBox[e||u].focused.border};
border-radius: ${({theme:o,status:e})=>o.inputBox[e||u].focused.borderRadius};
outline: none;
background: ${({theme:e})=>e.inputBox.background};
box-shadow: ${({theme:e,status:o})=>e.inputBox[o||k].focused.boxShadow};
background: ${({theme:o})=>o.inputBox.background};
box-shadow: ${({theme:o,status:e})=>o.inputBox[e||u].focused.boxShadow};
}
&:disabled {
box-sizing: ${({theme:e})=>e.inputBox.disabled.boxSizing};
box-sizing: ${({theme:o})=>o.inputBox.disabled.boxSizing};
align-items: center;
padding: ${({theme:e})=>e.inputBox.padding};
padding: ${({theme:o})=>o.inputBox.padding};
border: ${({theme:e})=>e.inputBox.disabled.border};
border-radius: ${({theme:e})=>e.inputBox.disabled.borderRadius};
border: ${({theme:o})=>o.inputBox.disabled.border};
border-radius: ${({theme:o})=>o.inputBox.disabled.borderRadius};
background: ${({theme:e})=>e.inputBox.background};
box-shadow: ${({theme:e})=>e.inputBox.disabled.boxShadow};
background: ${({theme:o})=>o.inputBox.background};
box-shadow: ${({theme:o})=>o.inputBox.disabled.boxShadow};
}

@@ -385,6 +383,6 @@ &:placeholder {

color: ${({theme:e})=>e.inputBox.placeholder.color};
color: ${({theme:o})=>o.inputBox.placeholder.color};
}
`;var ut="M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z",ft="M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z";const je=e=>D(it,{children:[v(he,{children:e.description},void 0),D(ct,{children:[v(ht,T({status:e.status,placeholder:e.placeholder,disabled:e.disabled,onChange:e.onChange,type:"text"},e),void 0),e.hint&&D(st,{children:[v(dt,{status:e.status,children:e.hint.content},void 0),e.hint.icon&&v(gt,{status:e.status,path:e.hint.icon,size:.72},void 0)]},void 0)]},void 0),D(at,{children:[e.status==="error"&&v(pt,{status:e.status,path:ut,size:.72},void 0),v(lt,{status:e.status,children:e.helper},void 0)]},void 0)]},void 0),yt=l.default.button`
${ve}
`,J=o=>$(ue,{children:[y(A,{children:o.description},void 0),$(ke,{children:[y(we,H({status:o.status,placeholder:o.placeholder,disabled:o.disabled,onChange:o.onChange,type:"text"},o),void 0),o.hint&&$($e,{children:[y(He,{status:o.status,children:o.hint.content},void 0),o.hint.icon&&y(Se,{status:o.status,children:o.hint.icon},void 0)]},void 0)]},void 0),$(xe,{children:[o.status==="error"&&y(me,{status:o.status,children:o.errorIcon},void 0),y(be,{status:o.status,children:o.helper},void 0)]},void 0)]},void 0);var ve="M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z";const Fe=t.default.button`
${_}
box-sizing: border-box;

@@ -395,3 +393,3 @@ padding: 18px 10px;

background: ${({theme:e,highlighted:o})=>o?e.select.items.hover.background:"none"};
background: ${({theme:o,highlighted:e})=>e?o.select.items.hover.background:"none"};

@@ -401,8 +399,8 @@ text-align: left;

&:hover {
background: ${({theme:e})=>e.select.items.hover.background};
background: ${({theme:o})=>o.select.items.hover.background};
}
`,bt=e=>{var o,n,r,t;return v(yt,U(T({},e),{children:((o=e==null?void 0:e.item)==null?void 0:o.name)||((n=e==null?void 0:e.item)==null?void 0:n.label)||((t=(r=e==null?void 0:e.item)==null?void 0:r.toString)==null?void 0:t.call(r))}),void 0)},mt=l.default.div`
`,ze=o=>{var e,n,l,p;return y(Fe,S(H({},o),{children:((e=o==null?void 0:o.item)==null?void 0:e.name)||((n=o==null?void 0:o.item)==null?void 0:n.label)||((p=(l=o==null?void 0:o.item)==null?void 0:l.toString)==null?void 0:p.call(l))}),void 0)},Be=t.default.div`
display: flex;
position: ${({focus:e})=>e?"fixed":"relative"};
z-index: ${({focus:e})=>e?"99999":"9"};
position: ${({focus:o})=>o?"fixed":"relative"};
z-index: ${({focus:o})=>o?"99999":"9"};
top: 0;

@@ -414,7 +412,7 @@ right: 0;

flex-flow: column nowrap;
padding: ${({theme:e,focus:o})=>o?e.spacings.md:void 0};
padding: ${({theme:o,focus:e})=>e?o.spacings.md:void 0};
background: ${({theme:e,focus:o})=>o?e.colors.shades["0"]:"none"};
background: ${({theme:o,focus:e})=>e?o.colors.shades["0"]:"none"};
${d.up("desktop")} {
${r.up("desktop")} {
position: relative;

@@ -426,4 +424,4 @@ z-index: unset;

}
`,xt=l.default.div`
display: ${({focus:e})=>e?"flex":"none"};
`,Ce=t.default.div`
display: ${({focus:o})=>o?"flex":"none"};
box-sizing: border-box;

@@ -436,15 +434,15 @@ flex-flow: column nowrap;

background: ${({theme:e})=>e.colors.shades["0"]};
box-shadow: ${({theme:e,focus:o})=>o?void 0:e.select.items.shadow};
background: ${({theme:o})=>o.colors.shades["0"]};
box-shadow: ${({theme:o,focus:e})=>e?void 0:o.select.items.shadow};
${d.up("desktop")} {
display: ${({focus:e})=>e?"flex":"none"};
${r.up("desktop")} {
display: ${({focus:o})=>o?"flex":"none"};
position: absolute;
z-index: 9999;
top: ${({theme:e})=>e.spacings.xxlg};
top: ${({theme:o})=>o.spacings.xxlg};
flex-grow: unset;
flex-shrink: unset;
box-shadow: ${({theme:e})=>e.select.items.shadow};
box-shadow: ${({theme:o})=>o.select.items.shadow};
}
`,$t=({autoCompleteItems:e,renderItem:o,inputProps:n,renderHeader:r,onItemSelected:t})=>{const c=r||(()=>null),m=o||bt,[b,w]=y.useState(!1),[F,B]=y.useState(0),[ae,le]=y.useState(!1),C=y.useCallback(i=>{switch(i.key){case"Escape":w(!1);break;case"ArrowUp":B(s=>s&&s-1);break;case"ArrowDown":B(s=>s<e.length-1?s+1:s);break;case"Enter":B(s=>(w(!1),e.length&&t(e[s]),0));break}},[e,t]);return y.useEffect(()=>(document.addEventListener("keydown",C,!1),()=>{document.removeEventListener("keydown",C,!1)}),[C]),y.useEffect(()=>{w(!0)},[e]),D(mt,{focus:ae,children:[v(je,U(T({},n),{onFocus:()=>le(!0),onBlur:()=>le(!1),hint:{icon:ft,content:""}}),void 0),b&&D(xt,{focus:ae,children:[(e==null?void 0:e.length)>0&&v(c,{},void 0),e==null?void 0:e.map((i,s)=>v(m,{item:i,onClick:()=>{w(!1),t(e[s]),B(0)},onMouseEnter:()=>B(s),highlighted:F===s},i.id))]},void 0)]},void 0)};a.Button=et,a.DisplayLarge=vo,a.DisplaySmall=So,a.HeadingH1=wo,a.HeadingH2=ko,a.HeadingH3=Ho,a.HeadingH4=zo,a.HeadingH5=Fo,a.HeadingH6=Bo,a.InputBox=je,a.OverlineLarge=Lo,a.OverlineMedium=jo,a.OverlineSmall=Do,a.ParagraphLarge=Co,a.ParagraphMedium=Oo,a.ParagraphSmall=Eo,a.ParagraphXSmall=Po,a.Select=$t,a.darkTheme=$o,a.lightTheme=$e,Object.defineProperty(a,"__esModule",{value:!0}),a[Symbol.toStringTag]="Module"});
`,Le=({autoCompleteItems:o,renderItem:e,inputProps:n,renderHeader:l,onItemSelected:p})=>{const d=l||(()=>null),x=e||ze,[b,v]=s.useState(!1),[C,F]=s.useState(0),[Y,Z]=s.useState(!1),P=s.useCallback(L=>{switch(L.key){case"Escape":v(!1);break;case"ArrowUp":F(f=>f&&f-1);break;case"ArrowDown":F(f=>f<o.length-1?f+1:f);break;case"Enter":F(f=>(v(!1),o.length&&p(o[f]),0));break}},[o,p]);return s.useEffect(()=>(document.addEventListener("keydown",P,!1),()=>{document.removeEventListener("keydown",P,!1)}),[P]),s.useEffect(()=>{v(!0)},[o]),$(Be,{focus:Y,children:[y(J,S(H({},n),{onFocus:()=>Z(!0),onBlur:()=>Z(!1),hint:{icon:ve,content:""}}),void 0),b&&$(Ce,{focus:Y,children:[(o==null?void 0:o.length)>0&&y(d,{},void 0),o==null?void 0:o.map((L,f)=>y(x,{item:L,onClick:()=>{v(!1),p(o[f]),F(0)},onMouseEnter:()=>F(f),highlighted:C===f},L.id))]},void 0)]},void 0)};i.Button=fe,i.DisplayLarge=jo,i.DisplaySmall=Mo,i.HeadingH1=Ro,i.HeadingH2=Wo,i.HeadingH3=_o,i.HeadingH4=To,i.HeadingH5=Xo,i.HeadingH6=No,i.InputBox=J,i.OverlineLarge=Go,i.OverlineMedium=Jo,i.OverlineSmall=Yo,i.ParagraphLarge=Uo,i.ParagraphMedium=Io,i.ParagraphSmall=Vo,i.ParagraphXSmall=qo,i.Select=Le,i.darkTheme=Oo,i.lightTheme=W,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});

2

package.json

@@ -17,3 +17,3 @@ {

},
"version": "3.2.1",
"version": "3.2.2",
"scripts": {

@@ -20,0 +20,0 @@ "build": "tsc --noEmit && vite build",

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc