@peculiar/react-components 0.3.15-alpha.1 → 0.3.15

package/dist/esm/Dialog/dialog_actions.js

@@ -21,27 +21,23 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import styled from '@emotion/styled';
-/**
- *
- */
-/**
- * Styles.
- */
-var DialogActionsRoot = styled('footer')({
+import { css, cx } from '../styles';
+var stylesBase = function () { return css({
+    label: 'DialogActions',
     padding: 'var(--pv-size-base-3) var(--pv-size-base-4) var(--pv-size-base-4)',
     flex: '0 0 auto',
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'flex-end',
     gap: 'var(--pv-size-base-2)',
-});
-/**
- *
- */
+}); };
 export var DialogActions = React.forwardRef(function (props, ref) {
-    var children = props.children, other = __rest(props, ["children"]);
-    return (React.createElement(DialogActionsRoot, __assign({ ref: ref, "data-key": "dialog.actions" }, other), children));
+    var _a;
+    var children = props.children, className = props.className, other = __rest(props, ["children", "className"]);
+    return (React.createElement("footer", __assign({}, other, { ref: ref, className: cx((_a = {},
+            _a[stylesBase()] = true,
+            _a[className] = !!className,
+            _a)), "data-key": "dialog.actions" }), children));
 });
 DialogActions.displayName = 'DialogActions';
 DialogActions.defaultProps = {};

package/dist/esm/Dialog/dialog_actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog_actions.js","sourceRoot":"","sources":["../../../src/Dialog/dialog_actions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAiBrC;;GAEG;AAEH;;GAEG;AACH,IAAM,iBAAiB,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACzC,OAAO,EAAE,mEAAmE;IAC5E,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,UAAU;IAC1B,GAAG,EAAE,uBAAuB;CAC7B,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAqC,UAAC,KAAK,EAAE,GAAG;IAEzF,IAAA,QAAQ,GAEN,KAAK,SAFC,EACL,KAAK,UACN,KAAK,EAHH,YAGL,CADS,CACA;IAEV,OAAO,CACL,oBAAC,iBAAiB,aAChB,GAAG,EAAE,GAAG,cACC,gBAAgB,IACrB,KAAK,GAER,QAAQ,CACS,CACrB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,aAAa,CAAC,YAAY,GAAG,EAAE,CAAC"}
+{"version":3,"file":"dialog_actions.js","sourceRoot":"","sources":["../../../src/Dialog/dialog_actions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAepC,IAAM,UAAU,GAAG,cAAM,OAAA,GAAG,CAAC;IAC3B,KAAK,EAAE,eAAe;IACtB,OAAO,EAAE,mEAAmE;IAC5E,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,UAAU;IAC1B,GAAG,EAAE,uBAAuB;CAC7B,CAAC,EARuB,CAQvB,CAAC;AAEH,MAAM,CAAC,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAqC,UAAC,KAAK,EAAE,GAAG;;IAEzF,IAAA,QAAQ,GAGN,KAAK,SAHC,EACR,SAAS,GAEP,KAAK,UAFE,EACN,KAAK,UACN,KAAK,EAJH,yBAIL,CADS,CACA;IAEV,OAAO,CACL,2CACM,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE;YACX,GAAC,UAAU,EAAE,IAAG,IAAI;YACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,cACO,gBAAgB,KAExB,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,aAAa,CAAC,YAAY,GAAG,EAAE,CAAC"}

package/dist/esm/Dialog/dialog_content.js

@@ -21,48 +21,59 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import styled from '@emotion/styled';
 import { Box } from '../Box';
 import { Collapse } from '../Collapse';
 import { Alert } from '../Alert';
+import { css, cx } from '../styles';
 /**
  *
  */
 /**
  * Styles.
  */
-var DialogContentRoot = styled(Box)({
+var stylesBase = function () { return css({
+    label: 'DialogContent',
     flex: '1 1 auto',
     overflow: 'hidden',
     display: 'flex',
     flexDirection: 'column',
-});
-var DialogContentAlertContainer = styled('div')({
+}); };
+var stylesPinned = function () { return css({
+    label: 'DialogPinnedContent',
     padding: '0 var(--pv-size-base-4)',
     flex: '0 0 auto',
-});
-var DialogContentCollapse = styled(Collapse)({
-    margin: '0 calc(var(--pv-size-base-3) * -1)',
-});
-var DialogContentContent = styled('div')({
+}); };
+var stylesScrolled = function () { return css({
+    label: 'DialogScrolledContent',
     overflowY: 'auto',
     flex: '1 1 auto',
     padding: 'var(--pv-size-base-3) var(--pv-size-base-4) var(--pv-size-base-6) var(--pv-size-base-4)',
-});
-var DialogContentAlertError = styled(Alert)({
+}); };
+var stylesError = function () { return css({
+    label: 'DialogContent-error',
     margin: 'var(--pv-size-base-2) 0',
     padding: 'var(--pv-size-base-2) var(--pv-size-base-3)',
-});
+}); };
+var stylesCollapse = function () { return css({
+    margin: '0 calc(var(--pv-size-base-3) * -1)',
+}); };
 /**
  *
  */
 export var DialogContent = React.forwardRef(function (props, ref) {
-    var children = props.children, dividers = props.dividers, error = props.error, _a = props.scrolledElementProps, scrolledElementProps = _a === void 0 ? {} : _a, other = __rest(props, ["children", "dividers", "error", "scrolledElementProps"]);
-    return (React.createElement(DialogContentRoot, __assign({ ref: ref, borderColor: "gray-5", borderWidth: dividers ? 1 : 0, borderStyle: "solid", borderPosition: "horizontal", "data-key": "dialog.content" }, other),
-        React.createElement(DialogContentAlertContainer, null,
-            React.createElement(DialogContentCollapse, { in: Boolean(error) },
-                React.createElement(DialogContentAlertError, { variant: "wrong", disableIcon: true }, error))),
-        React.createElement(DialogContentContent, __assign({}, scrolledElementProps), children)));
+    var _a, _b;
+    var children = props.children, className = props.className, dividers = props.dividers, error = props.error, _c = props.scrolledElementProps, scrolledElementProps = _c === void 0 ? {} : _c, other = __rest(props, ["children", "className", "dividers", "error", "scrolledElementProps"]);
+    return (React.createElement(Box, __assign({}, other, { ref: ref, className: cx((_a = {},
+            _a[stylesBase()] = true,
+            _a[className] = !!className,
+            _a)), borderColor: "gray-5", borderWidth: dividers ? 1 : 0, borderStyle: "solid", borderPosition: "horizontal", "data-key": "dialog.content" }),
+        React.createElement("div", { className: cx(stylesPinned()) },
+            React.createElement(Collapse, { in: Boolean(error), className: cx(stylesCollapse()) },
+                React.createElement(Alert, { variant: "wrong", disableIcon: true, className: cx(stylesError()) }, error))),
+        React.createElement("div", __assign({}, scrolledElementProps, { className: cx((_b = {},
+                _b[stylesScrolled()] = true,
+                _b[scrolledElementProps.className] = !!scrolledElementProps.className,
+                _b)) }), children)));
 });
 DialogContent.displayName = 'DialogContent';
 DialogContent.defaultProps = {

package/dist/esm/Dialog/dialog_content.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog_content.js","sourceRoot":"","sources":["../../../src/Dialog/dialog_content.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AA8BjC;;GAEG;AAEH;;GAEG;AACH,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IACpC,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;CACxB,CAAC,CAAC;AAEH,IAAM,2BAA2B,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAChD,OAAO,EAAE,yBAAyB;IAClC,IAAI,EAAE,UAAU;CACjB,CAAC,CAAC;AAEH,IAAM,qBAAqB,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC7C,MAAM,EAAE,oCAAoC;CAC7C,CAAC,CAAC;AAEH,IAAM,oBAAoB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACzC,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,yFAAyF;CACnG,CAAC,CAAC;AAEH,IAAM,uBAAuB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,EAAE,yBAAyB;IACjC,OAAO,EAAE,6CAA6C;CACvD,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAqC,UAAC,KAAK,EAAE,GAAG;IAEzF,IAAA,QAAQ,GAKN,KAAK,SALC,EACR,QAAQ,GAIN,KAAK,SAJC,EACR,KAAK,GAGH,KAAK,MAHF,EACL,KAEE,KAAK,qBAFkB,EAAzB,oBAAoB,mBAAG,EAAE,KAAA,EACtB,KAAK,UACN,KAAK,EANH,yDAML,CADS,CACA;IAEV,OAAO,CACL,oBAAC,iBAAiB,aAChB,GAAG,EAAE,GAAG,EACR,WAAW,EAAC,QAAQ,EACpB,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC7B,WAAW,EAAC,OAAO,EACnB,cAAc,EAAC,YAAY,cAClB,gBAAgB,IACrB,KAAK;QAET,oBAAC,2BAA2B;YAC1B,oBAAC,qBAAqB,IACpB,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC;gBAElB,oBAAC,uBAAuB,IACtB,OAAO,EAAC,OAAO,EACf,WAAW,UAEV,KAAK,CACkB,CACJ,CACI;QAC9B,oBAAC,oBAAoB,eACf,oBAAoB,GAEvB,QAAQ,CACY,CACL,CACrB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,aAAa,CAAC,YAAY,GAAG;IAC3B,QAAQ,EAAE,IAAI;CACf,CAAC"}
+{"version":3,"file":"dialog_content.js","sourceRoot":"","sources":["../../../src/Dialog/dialog_content.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AA8BpC;;GAEG;AAEH;;GAEG;AACH,IAAM,UAAU,GAAG,cAAM,OAAA,GAAG,CAAC;IAC3B,KAAK,EAAE,eAAe;IACtB,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;CACxB,CAAC,EANuB,CAMvB,CAAC;AAEH,IAAM,YAAY,GAAG,cAAM,OAAA,GAAG,CAAC;IAC7B,KAAK,EAAE,qBAAqB;IAC5B,OAAO,EAAE,yBAAyB;IAClC,IAAI,EAAE,UAAU;CACjB,CAAC,EAJyB,CAIzB,CAAC;AAEH,IAAM,cAAc,GAAG,cAAM,OAAA,GAAG,CAAC;IAC/B,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,yFAAyF;CACnG,CAAC,EAL2B,CAK3B,CAAC;AAEH,IAAM,WAAW,GAAG,cAAM,OAAA,GAAG,CAAC;IAC5B,KAAK,EAAE,qBAAqB;IAC5B,MAAM,EAAE,yBAAyB;IACjC,OAAO,EAAE,6CAA6C;CACvD,CAAC,EAJwB,CAIxB,CAAC;AAEH,IAAM,cAAc,GAAG,cAAM,OAAA,GAAG,CAAC;IAC/B,MAAM,EAAE,oCAAoC;CAC7C,CAAC,EAF2B,CAE3B,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAqC,UAAC,KAAK,EAAE,GAAG;;IAEzF,IAAA,QAAQ,GAMN,KAAK,SANC,EACR,SAAS,GAKP,KAAK,UALE,EACT,QAAQ,GAIN,KAAK,SAJC,EACR,KAAK,GAGH,KAAK,MAHF,EACL,KAEE,KAAK,qBAFkB,EAAzB,oBAAoB,mBAAG,EAAE,KAAA,EACtB,KAAK,UACN,KAAK,EAPH,sEAOL,CADS,CACA;IAEV,OAAO,CACL,oBAAC,GAAG,eACE,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE;YACX,GAAC,UAAU,EAAE,IAAG,IAAI;YACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,EACF,WAAW,EAAC,QAAQ,EACpB,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC7B,WAAW,EAAC,OAAO,EACnB,cAAc,EAAC,YAAY,cAClB,gBAAgB;QAEzB,6BAAK,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,CAAC;YAChC,oBAAC,QAAQ,IACP,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC,EAClB,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,CAAC;gBAE/B,oBAAC,KAAK,IACJ,OAAO,EAAC,OAAO,EACf,WAAW,QACX,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,CAAC,IAE3B,KAAK,CACA,CACC,CACP;QACN,wCACM,oBAAoB,IACxB,SAAS,EAAE,EAAE;gBACX,GAAC,cAAc,EAAE,IAAG,IAAI;gBACxB,GAAC,oBAAoB,CAAC,SAAS,IAAG,CAAC,CAAC,oBAAoB,CAAC,SAAS;oBAClE,KAED,QAAQ,CACL,CACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,aAAa,CAAC,YAAY,GAAG;IAC3B,QAAQ,EAAE,IAAI;CACf,CAAC"}

package/dist/esm/Dialog/dialog_title.js

@@ -21,33 +21,30 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import styled from '@emotion/styled';
 import { Typography } from '../Typography';
+import { css, cx } from '../styles';
 import { IconButton } from '../IconButton';
 import { CloseIcon } from '../icons';
-/**
- *
- */
-/**
- * Styles.
- */
-var DialogTitleRoot = styled('header')({
+var stylesBase = function () { return css({
+    label: 'DialogTitle',
     padding: 'var(--pv-size-base-4) var(--pv-size-base-4) var(--pv-size-base-2)',
     display: 'flex',
     flex: '0 0 auto',
     justifyContent: 'space-between',
-});
-var DialogTitleCloseButton = styled(IconButton)({
+}); };
+var stylesCloseButton = function () { return css({
+    label: 'DialogTitle-close',
     margin: '0 calc(var(--pv-size-base) * -1) 0 var(--pv-size-base-2)',
-});
-/**
- *
- */
+}); };
 export var DialogTitle = React.forwardRef(function (props, ref) {
-    var children = props.children, onClose = props.onClose, other = __rest(props, ["children", "onClose"]);
-    return (React.createElement(DialogTitleRoot, __assign({ ref: ref, "data-key": "dialog.title" }, other),
+    var _a;
+    var children = props.children, className = props.className, onClose = props.onClose, other = __rest(props, ["children", "className", "onClose"]);
+    return (React.createElement("header", __assign({}, other, { ref: ref, className: cx((_a = {},
+            _a[stylesBase()] = true,
+            _a[className] = !!className,
+            _a)), "data-key": "dialog.title" }),
         React.createElement(Typography, { variant: "h4", color: "black" }, children),
-        onClose && (React.createElement(DialogTitleCloseButton, { size: "small", onClick: onClose },
+        onClose && (React.createElement(IconButton, { size: "small", onClick: onClose, className: cx(stylesCloseButton()) },
             React.createElement(CloseIcon, null)))));
 });
 DialogTitle.displayName = 'DialogTitle';

package/dist/esm/Dialog/dialog_title.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog_title.js","sourceRoot":"","sources":["../../../src/Dialog/dialog_title.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAqBrC;;GAEG;AAEH;;GAEG;AACH,IAAM,eAAe,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACvC,OAAO,EAAE,mEAAmE;IAC5E,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,UAAU;IAChB,cAAc,EAAE,eAAe;CAChC,CAAC,CAAC;AAEH,IAAM,sBAAsB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAChD,MAAM,EAAE,0DAA0D;CACnE,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,IAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAmC,UAAC,KAAK,EAAE,GAAG;IAErF,IAAA,QAAQ,GAGN,KAAK,SAHC,EACR,OAAO,GAEL,KAAK,QAFA,EACJ,KAAK,UACN,KAAK,EAJH,uBAIL,CADS,CACA;IAEV,OAAO,CACL,oBAAC,eAAe,aACd,GAAG,EAAE,GAAG,cACC,cAAc,IACnB,KAAK;QAET,oBAAC,UAAU,IACT,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,OAAO,IAEZ,QAAQ,CACE;QAEZ,OAAO,IAAI,CACV,oBAAC,sBAAsB,IACrB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO;YAEhB,oBAAC,SAAS,OAAG,CACU,CAC1B,CACe,CACnB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,WAAW,CAAC,YAAY,GAAG,EAAE,CAAC"}
+{"version":3,"file":"dialog_title.js","sourceRoot":"","sources":["../../../src/Dialog/dialog_title.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAmBrC,IAAM,UAAU,GAAG,cAAM,OAAA,GAAG,CAAC;IAC3B,KAAK,EAAE,aAAa;IACpB,OAAO,EAAE,mEAAmE;IAC5E,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,UAAU;IAChB,cAAc,EAAE,eAAe;CAChC,CAAC,EANuB,CAMvB,CAAC;AAEH,IAAM,iBAAiB,GAAG,cAAM,OAAA,GAAG,CAAC;IAClC,KAAK,EAAE,mBAAmB;IAC1B,MAAM,EAAE,0DAA0D;CACnE,CAAC,EAH8B,CAG9B,CAAC;AAEH,MAAM,CAAC,IAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAmC,UAAC,KAAK,EAAE,GAAG;;IAErF,IAAA,QAAQ,GAIN,KAAK,SAJC,EACR,SAAS,GAGP,KAAK,UAHE,EACT,OAAO,GAEL,KAAK,QAFA,EACJ,KAAK,UACN,KAAK,EALH,oCAKL,CADS,CACA;IAEV,OAAO,CACL,2CACM,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE;YACX,GAAC,UAAU,EAAE,IAAG,IAAI;YACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,cACO,cAAc;QAEvB,oBAAC,UAAU,IACT,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,OAAO,IAEZ,QAAQ,CACE;QAEZ,OAAO,IAAI,CACV,oBAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,CAAC;YAElC,oBAAC,SAAS,OAAG,CACF,CACd,CACM,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,WAAW,CAAC,YAAY,GAAG,EAAE,CAAC"}

package/dist/esm/Drawer/drawer.js

@@ -21,17 +21,12 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import * as React from 'react';
-import styled from '@emotion/styled';
 import { Modal } from '../Modal';
 import { Slide } from '../Slide';
 import { Box } from '../Box';
-/**
- *
- */
-/**
- * Styles.
- */
-var DrawerPaper = styled(Box)({
+import { css, cx } from '../styles';
+var stylesBase = function () { return css({
+    label: 'Drawer',
     width: '270px',
     height: '100%',
     position: 'fixed',
@@ -39,16 +34,16 @@ var DrawerPaper = styled(Box)({
     right: 0,
     overflowY: 'auto',
     outline: 'none',
-    boxSizing: 'border-box',
-});
-/**
- *
- */
+}); };
 export var Drawer = React.forwardRef(function (props, ref) {
-    var children = props.children, open = props.open, transitionDuration = props.transitionDuration, disableBackdropClick = props.disableBackdropClick, disableEscapeKeyDown = props.disableEscapeKeyDown, onClose = props.onClose, dataTestId = props["data-testid"], other = __rest(props, ["children", "open", "transitionDuration", "disableBackdropClick", "disableEscapeKeyDown", "onClose", 'data-testid']);
+    var _a;
+    var children = props.children, className = props.className, open = props.open, transitionDuration = props.transitionDuration, disableBackdropClick = props.disableBackdropClick, disableEscapeKeyDown = props.disableEscapeKeyDown, onClose = props.onClose, dataTestId = props["data-testid"], other = __rest(props, ["children", "className", "open", "transitionDuration", "disableBackdropClick", "disableEscapeKeyDown", "onClose", 'data-testid']);
     return (React.createElement(Modal, { ref: ref, open: open, transitionDuration: transitionDuration, onClose: onClose, "data-testid": dataTestId, disableBackdropClick: disableBackdropClick, disableEscapeKeyDown: disableEscapeKeyDown, keepMounted: true },
         React.createElement(Slide, { in: open, timeout: transitionDuration },
-            React.createElement(DrawerPaper, __assign({ background: "white", tabIndex: -1 }, other), children))));
+            React.createElement(Box, __assign({}, other, { background: "white", className: cx((_a = {},
+                    _a[stylesBase()] = true,
+                    _a[className] = !!className,
+                    _a)), tabIndex: -1 }), children))));
 });
 Drawer.displayName = 'Drawer';
 Drawer.defaultProps = {

package/dist/esm/Drawer/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../src/Drawer/drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAsC7B;;GAEG;AAEH;;GAEG;AACH,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAC9B,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,OAAO;IACjB,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,CAAC;IACR,SAAS,EAAE,MAAM;IACjB,OAAO,EAAE,MAAM;IACf,SAAS,EAAE,YAAY;CACxB,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAA8B,UAAC,KAAK,EAAE,GAAG;IAE3E,IAAA,QAAQ,GAQN,KAAK,SARC,EACR,IAAI,GAOF,KAAK,KAPH,EACJ,kBAAkB,GAMhB,KAAK,mBANW,EAClB,oBAAoB,GAKlB,KAAK,qBALa,EACpB,oBAAoB,GAIlB,KAAK,qBAJa,EACpB,OAAO,GAGL,KAAK,QAHA,EACQ,UAAU,GAEvB,KAAK,eAFkB,EACtB,KAAK,UACN,KAAK,EATH,oHASL,CADS,CACA;IAEV,OAAO,CACL,oBAAC,KAAK,IACJ,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,kBAAkB,EAAE,kBAAkB,EACtC,OAAO,EAAE,OAAO,iBACH,UAAU,EACvB,oBAAoB,EAAE,oBAAoB,EAC1C,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW;QAEX,oBAAC,KAAK,IACJ,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,kBAAkB;YAE3B,oBAAC,WAAW,aACV,UAAU,EAAC,OAAO,EAClB,QAAQ,EAAE,CAAC,CAAC,IACR,KAAK,GAER,QAAQ,CACG,CACR,CACF,CACT,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,MAAM,CAAC,YAAY,GAAG;IACpB,kBAAkB,EAAE,GAAG;IACvB,oBAAoB,EAAE,KAAK;IAC3B,oBAAoB,EAAE,KAAK;CAC5B,CAAC"}
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../src/Drawer/drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAoCpC,IAAM,UAAU,GAAG,cAAM,OAAA,GAAG,CAAC;IAC3B,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,OAAO;IACjB,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,CAAC;IACR,SAAS,EAAE,MAAM;IACjB,OAAO,EAAE,MAAM;CAChB,CAAC,EATuB,CASvB,CAAC;AAEH,MAAM,CAAC,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAA8B,UAAC,KAAK,EAAE,GAAG;;IAE3E,IAAA,QAAQ,GASN,KAAK,SATC,EACR,SAAS,GAQP,KAAK,UARE,EACT,IAAI,GAOF,KAAK,KAPH,EACJ,kBAAkB,GAMhB,KAAK,mBANW,EAClB,oBAAoB,GAKlB,KAAK,qBALa,EACpB,oBAAoB,GAIlB,KAAK,qBAJa,EACpB,OAAO,GAGL,KAAK,QAHA,EACQ,UAAU,GAEvB,KAAK,eAFkB,EACtB,KAAK,UACN,KAAK,EAVH,iIAUL,CADS,CACA;IAEV,OAAO,CACL,oBAAC,KAAK,IACJ,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,kBAAkB,EAAE,kBAAkB,EACtC,OAAO,EAAE,OAAO,iBACH,UAAU,EACvB,oBAAoB,EAAE,oBAAoB,EAC1C,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW;QAEX,oBAAC,KAAK,IACJ,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,kBAAkB;YAE3B,oBAAC,GAAG,eACE,KAAK,IACT,UAAU,EAAC,OAAO,EAClB,SAAS,EAAE,EAAE;oBACX,GAAC,UAAU,EAAE,IAAG,IAAI;oBACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;wBACxB,EACF,QAAQ,EAAE,CAAC,CAAC,KAEX,QAAQ,CACL,CACA,CACF,CACT,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,MAAM,CAAC,YAAY,GAAG;IACpB,kBAAkB,EAAE,GAAG;IACvB,oBAAoB,EAAE,KAAK;IAC3B,oBAAoB,EAAE,KAAK;CAC5B,CAAC"}

package/dist/esm/Fab/fab.js

@@ -9,8 +9,19 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import * as React from 'react';
-import styled from '@emotion/styled';
+import { css, cx } from '../styles';
 import { ButtonBase } from '../ButtonBase';
 /**
  *
@@ -18,16 +29,24 @@ import { ButtonBase } from '../ButtonBase';
 /**
  * Styles.
  */
-var FabRoot = styled(ButtonBase)({
+var stylesBase = function () { return css({
+    label: 'Fab',
     borderRadius: '50%',
     height: 'var(--pv-size-base-11)',
     width: 'var(--pv-size-base-11)',
     padding: 'var(--pv-size-base-2)',
-});
+}); };
 /**
  *
  */
-export var Fab = React.forwardRef(function (props, ref) { return (React.createElement(FabRoot, __assign({ ref: ref, size: "large" }, props))); });
+export var Fab = React.forwardRef(function (props, ref) {
+    var _a;
+    var className = props.className, children = props.children, other = __rest(props, ["className", "children"]);
+    return (React.createElement(ButtonBase, __assign({}, other, { ref: ref, className: cx((_a = {},
+            _a[stylesBase()] = true,
+            _a[className] = !!className,
+            _a)), size: "large" }), children));
+});
 Fab.displayName = 'Fab';
 Fab.defaultProps = {
     disabled: false,

package/dist/esm/Fab/fab.js.map

@@ -1 +1 @@
-{"version":3,"file":"fab.js","sourceRoot":"","sources":["../../../src/Fab/fab.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAsB,UAAU,EAAE,MAAM,eAAe,CAAC;AAyB/D;;GAEG;AAEH;;GAEG;AACH,IAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,CAAc;IAC9C,YAAY,EAAE,KAAK;IACnB,MAAM,EAAE,wBAAwB;IAChC,KAAK,EAAE,wBAAwB;IAC/B,OAAO,EAAE,uBAAuB;CACjC,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,IAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAgB,UAAC,KAAK,EAAE,GAAG,IAAK,OAAA,CACjE,oBAAC,OAAO,aACN,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,IACR,KAAK,EACT,CACH,EANkE,CAMlE,CAAqC,CAAC;AAEvC,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AAExB,GAAG,CAAC,YAAY,GAAG;IACjB,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,WAAW;IACpB,KAAK,EAAE,SAAS;CACjB,CAAC"}
+{"version":3,"file":"fab.js","sourceRoot":"","sources":["../../../src/Fab/fab.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAsB,MAAM,eAAe,CAAC;AAyB/D;;GAEG;AAEH;;GAEG;AACH,IAAM,UAAU,GAAG,cAAM,OAAA,GAAG,CAAC;IAC3B,KAAK,EAAE,KAAK;IACZ,YAAY,EAAE,KAAK;IACnB,MAAM,EAAE,wBAAwB;IAChC,KAAK,EAAE,wBAAwB;IAC/B,OAAO,EAAE,uBAAuB;CACjC,CAAC,EANuB,CAMvB,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,IAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAgB,UAAC,KAAK,EAAE,GAAG;;IAE1D,IAAA,SAAS,GAGP,KAAK,UAHE,EACT,QAAQ,GAEN,KAAK,SAFC,EACL,KAAK,UACN,KAAK,EAJH,yBAIL,CADS,CACA;IAEV,OAAO,CACL,oBAAC,UAAU,eACL,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE;YACX,GAAC,UAAU,EAAE,IAAG,IAAI;YACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,EACF,IAAI,EAAC,OAAO,KAEX,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAqC,CAAC;AAEvC,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AAExB,GAAG,CAAC,YAAY,GAAG;IACjB,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,WAAW;IACpB,KAAK,EAAE,SAAS;CACjB,CAAC"}

package/dist/esm/IconButton/icon_button.js

@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import * as React from 'react';
-import styled from '@emotion/styled';
+import { css, cx } from '../styles';
 import { Button } from '../Button';
 import { Tooltip } from '../Tooltip';
 /**
@@ -30,16 +30,20 @@ import { Tooltip } from '../Tooltip';
 /**
  * Styles.
  */
-var IconButtonRoot = styled(Button)({
+var stylesBase = function () { return css({
     '--pv-color-black': 'var(--pv-color-gray-9)',
     border: 'none',
-});
+}); };
 /**
  *
  */
 export var IconButton = React.forwardRef(function (props, ref) {
-    var title = props.title, disabled = props.disabled, tooltipProps = props.tooltipProps, other = __rest(props, ["title", "disabled", "tooltipProps"]);
-    var component = (React.createElement(IconButtonRoot, __assign({ ref: ref, "aria-label": title, disabled: disabled, withoutPadding: true }, other)));
+    var _a;
+    var title = props.title, className = props.className, disabled = props.disabled, tooltipProps = props.tooltipProps, other = __rest(props, ["title", "className", "disabled", "tooltipProps"]);
+    var component = (React.createElement(Button, __assign({ "aria-label": title, disabled: disabled }, other, { ref: ref, withoutPadding: true, className: cx((_a = {},
+            _a[stylesBase()] = true,
+            _a[className] = !!className,
+            _a)) })));
     if (!title || disabled) {
         return component;
     }

package/dist/esm/IconButton/icon_button.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon_button.js","sourceRoot":"","sources":["../../../src/IconButton/icon_button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,MAAM,EAAkB,MAAM,WAAW,CAAC;AACnD,OAAO,EAAE,OAAO,EAAmB,MAAM,YAAY,CAAC;AA0BtD;;GAEG;AAEH;;GAEG;AACH,IAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IACpC,kBAAkB,EAAE,wBAAwB;IAC5C,MAAM,EAAE,MAAM;CACf,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAuB,UAAC,KAAK,EAAE,GAAG;IAExE,IAAA,KAAK,GAIH,KAAK,MAJF,EACL,QAAQ,GAGN,KAAK,SAHC,EACR,YAAY,GAEV,KAAK,aAFK,EACT,KAAK,UACN,KAAK,EALH,qCAKL,CADS,CACA;IAEV,IAAM,SAAS,GAAG,CAChB,oBAAC,cAAc,aACb,GAAG,EAAE,GAAG,gBACI,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAClB,cAAc,UACV,KAAK,EACT,CACH,CAAC;IAEF,IAAI,CAAC,KAAK,IAAI,QAAQ,EAAE;QACtB,OAAO,SAAS,CAAC;KAClB;IAED,OAAO,CACL,oBAAC,OAAO,aACN,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,IACR,YAAY,GAEf,SAAS,CACF,CACX,CAAC;AACJ,CAAC,CAA4C,CAAC;AAE9C,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,UAAU,CAAC,YAAY,GAAG;IACxB,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,QAAQ;CACf,CAAC"}
+{"version":3,"file":"icon_button.js","sourceRoot":"","sources":["../../../src/IconButton/icon_button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAkB,MAAM,WAAW,CAAC;AACnD,OAAO,EAAE,OAAO,EAAoB,MAAM,YAAY,CAAC;AA0BvD;;GAEG;AAEH;;GAEG;AACH,IAAM,UAAU,GAAG,cAAM,OAAA,GAAG,CAAC;IAC3B,kBAAkB,EAAE,wBAAwB;IAC5C,MAAM,EAAE,MAAM;CACf,CAAC,EAHuB,CAGvB,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAuB,UAAC,KAAK,EAAE,GAAG;;IAExE,IAAA,KAAK,GAKH,KAAK,MALF,EACL,SAAS,GAIP,KAAK,UAJE,EACT,QAAQ,GAGN,KAAK,SAHC,EACR,YAAY,GAEV,KAAK,aAFK,EACT,KAAK,UACN,KAAK,EANH,kDAML,CADS,CACA;IAEV,IAAM,SAAS,GAAG,CAChB,oBAAC,MAAM,2BACO,KAAK,EACjB,QAAQ,EAAE,QAAQ,IACd,KAAK,IACT,GAAG,EAAE,GAAG,EACR,cAAc,QACd,SAAS,EAAE,EAAE;YACX,GAAC,UAAU,EAAE,IAAG,IAAI;YACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,IACF,CACH,CAAC;IAEF,IAAI,CAAC,KAAK,IAAI,QAAQ,EAAE;QACtB,OAAO,SAAS,CAAC;KAClB;IAED,OAAO,CACL,oBAAC,OAAO,aACN,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,IACR,YAAY,GAEf,SAAS,CACF,CACX,CAAC;AACJ,CAAC,CAA4C,CAAC;AAE9C,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,UAAU,CAAC,YAAY,GAAG;IACxB,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,QAAQ;CACf,CAAC"}

package/dist/esm/Image/image.js

@@ -22,9 +22,6 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import * as React from 'react';
 import { useImage } from '../hooks';
-/**
- *
- */
 export var Image = React.forwardRef(function (props, ref) {
     var className = props.className, src = props.src, fallback = props.fallback, loading = props.loading, alt = props.alt, other = __rest(props, ["className", "src", "fallback", "loading", "alt"]);
     var _a = useImage(src), status = _a.status, image = _a.image;

package/dist/esm/Image/image.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../src/Image/image.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAyBpC;;GAEG;AAEH,MAAM,CAAC,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA+B,UAAC,KAAK,EAAE,GAAG;IAE3E,IAAA,SAAS,GAMP,KAAK,UANE,EACT,GAAG,GAKD,KAAK,IALJ,EACH,QAAQ,GAIN,KAAK,SAJC,EACR,OAAO,GAGL,KAAK,QAHA,EACP,GAAG,GAED,KAAK,IAFJ,EACA,KAAK,UACN,KAAK,EAPH,kDAOL,CADS,CACA;IACJ,IAAA,KAAoB,QAAQ,CAAC,GAAG,CAAC,EAA/B,MAAM,YAAA,EAAE,KAAK,WAAkB,CAAC;IACxC,IAAM,QAAQ,GAAG,MAAM,KAAK,QAAQ,CAAC;IACrC,IAAM,SAAS,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC;IAE7B,IAAI,SAAS,EAAE;QACb,OAAO,CACL,wCACM,KAAK,IACT,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,SAAS,EAAE,SAAS,IACpB,CACH,CAAC;KACH;IAED,IAAI,QAAQ,IAAI,QAAQ,EAAE;QACxB,OAAO,QAAQ,CAAC;KACjB;IAED,IAAI,OAAO,EAAE;QACX,OAAO,OAAO,CAAC;KAChB;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,KAAK,CAAC,YAAY,GAAG,EAAE,CAAC"}
+{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../src/Image/image.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAwBpC,MAAM,CAAC,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA+B,UAAC,KAAK,EAAE,GAAG;IAE3E,IAAA,SAAS,GAMP,KAAK,UANE,EACT,GAAG,GAKD,KAAK,IALJ,EACH,QAAQ,GAIN,KAAK,SAJC,EACR,OAAO,GAGL,KAAK,QAHA,EACP,GAAG,GAED,KAAK,IAFJ,EACA,KAAK,UACN,KAAK,EAPH,kDAOL,CADS,CACA;IACJ,IAAA,KAAoB,QAAQ,CAAC,GAAG,CAAC,EAA/B,MAAM,YAAA,EAAE,KAAK,WAAkB,CAAC;IACxC,IAAM,QAAQ,GAAG,MAAM,KAAK,QAAQ,CAAC;IACrC,IAAM,SAAS,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC;IAE7B,IAAI,SAAS,EAAE;QACb,OAAO,CACL,wCACM,KAAK,IACT,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,SAAS,EAAE,SAAS,IACpB,CACH,CAAC;KACH;IAED,IAAI,QAAQ,IAAI,QAAQ,EAAE;QACxB,OAAO,QAAQ,CAAC;KACjB;IAED,IAAI,OAAO,EAAE;QACX,OAAO,OAAO,CAAC;KAChB;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,KAAK,CAAC,YAAY,GAAG,EAAE,CAAC"}

package/dist/esm/LinearProgress/linear_progress.js

@@ -25,22 +25,17 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import { keyframes } from '@emotion/react';
-import styled from '@emotion/styled';
 import { Box } from '../Box';
-/**
- *
- */
-/**
- * Styles.
- */
+import { css, cx, keyframes } from '../styles';
 var stylesKeyframeProgress = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    left: -30%;\n  }\n  100% {\n    left: 100%;\n  }\n"], ["\n  0% {\n    left: -30%;\n  }\n  100% {\n    left: 100%;\n  }\n"])));
-var LinearProgressRoot = styled(Box)({
+var stylesBase = function () { return css({
+    label: 'LinearProgress',
     height: '4px',
     overflow: 'hidden',
     position: 'relative',
-});
-var LinearProgressProgress = styled(Box)({
+}); };
+var stylesProgress = function () { return css({
+    label: 'progress',
     top: 0,
     left: 0,
     bottom: 0,
@@ -48,14 +43,15 @@ var LinearProgressProgress = styled(Box)({
     position: 'absolute',
     transformOrigin: 'left',
     animation: "".concat(stylesKeyframeProgress, " 2s cubic-bezier(0.53, 0.21, 0.29, 0.67) 0s infinite"),
-});
-/**
- *
- */
+}); };
 export var LinearProgress = React.forwardRef(function (props, ref) {
-    var color = props.color, other = __rest(props, ["color"]);
-    return (React.createElement(LinearProgressRoot, __assign({ ref: ref, background: color === 'primary' ? 'primary-tint-4' : 'secondary-tint-4' }, other),
-        React.createElement(LinearProgressProgress, { background: color })));
+    var _a;
+    var color = props.color, className = props.className, other = __rest(props, ["color", "className"]);
+    return (React.createElement(Box, __assign({}, other, { ref: ref, className: cx((_a = {},
+            _a[stylesBase()] = true,
+            _a[className] = !!className,
+            _a)), background: color === 'primary' ? 'primary-tint-4' : 'secondary-tint-4' }),
+        React.createElement(Box, { background: color, className: cx(stylesProgress()) })));
 });
 LinearProgress.displayName = 'LinearProgress';
 LinearProgress.defaultProps = {

package/dist/esm/LinearProgress/linear_progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"linear_progress.js","sourceRoot":"","sources":["../../../src/LinearProgress/linear_progress.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAqB7B;;GAEG;AAEH;;GAEG;AACH,IAAM,sBAAsB,GAAG,SAAS,qIAAA,kEAOvC,IAAA,CAAC;AAEF,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IACrC,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;CACrB,CAAC,CAAC;AAEH,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IACzC,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,KAAK;IACZ,QAAQ,EAAE,UAAU;IACpB,eAAe,EAAE,MAAM;IACvB,SAAS,EAAE,UAAG,sBAAsB,yDAAsD;CAC3F,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,IAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAC5C,UAAC,KAAK,EAAE,GAAG;IAEP,IAAA,KAAK,GAEH,KAAK,MAFF,EACF,KAAK,UACN,KAAK,EAHH,SAGL,CADS,CACA;IAEV,OAAO,CACL,oBAAC,kBAAkB,aACjB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,kBAAkB,IACnE,KAAK;QAET,oBAAC,sBAAsB,IACrB,UAAU,EAAE,KAAK,GACjB,CACiB,CACtB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,cAAc,CAAC,YAAY,GAAG;IAC5B,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,eAAe;CACzB,CAAC"}
+{"version":3,"file":"linear_progress.js","sourceRoot":"","sources":["../../../src/LinearProgress/linear_progress.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAmB/C,IAAM,sBAAsB,GAAG,SAAS,qIAAA,kEAOvC,IAAA,CAAC;AAEF,IAAM,UAAU,GAAG,cAAM,OAAA,GAAG,CAAC;IAC3B,KAAK,EAAE,gBAAgB;IACvB,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;CACrB,CAAC,EALuB,CAKvB,CAAC;AAEH,IAAM,cAAc,GAAG,cAAM,OAAA,GAAG,CAAC;IAC/B,KAAK,EAAE,UAAU;IACjB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,KAAK;IACZ,QAAQ,EAAE,UAAU;IACpB,eAAe,EAAE,MAAM;IACvB,SAAS,EAAE,UAAG,sBAAsB,yDAAsD;CAC3F,CAAC,EAT2B,CAS3B,CAAC;AAEH,MAAM,CAAC,IAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAC5C,UAAC,KAAK,EAAE,GAAG;;IAEP,IAAA,KAAK,GAGH,KAAK,MAHF,EACL,SAAS,GAEP,KAAK,UAFE,EACN,KAAK,UACN,KAAK,EAJH,sBAIL,CADS,CACA;IAEV,OAAO,CACL,oBAAC,GAAG,eACE,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE;YACX,GAAC,UAAU,EAAE,IAAG,IAAI;YACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,EACF,UAAU,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,kBAAkB;QAEvE,oBAAC,GAAG,IACF,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,CAAC,GAC/B,CACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,cAAc,CAAC,YAAY,GAAG;IAC5B,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,eAAe;CACzB,CAAC"}

package/dist/esm/Menu/menu.js

@@ -21,16 +21,17 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import styled from '@emotion/styled';
 import { Popover } from '../Popover';
 import { MenuList, MenuItem, SubMenuItem } from '../MenuList';
+import { css, cx } from '../styles';
 /**
  *
  */
 /**
  * Styles.
  */
-var MenuPopover = styled(Popover)({
+var stylesPopper = function () { return css({
+    label: 'Menu-popover',
     '&[data-popper-placement^="bottom"]': {
         margin: 'var(--pv-size-base-3) 0px',
     },
@@ -43,14 +44,15 @@ var MenuPopover = styled(Popover)({
     '&[data-popper-placement^="left"]': {
         margin: '0px var(--pv-size-base-3)',
     },
-});
+}); };
 /**
  *
  */
 export var Menu = React.forwardRef(function (props, ref) {
-    var children = props.children, options = props.options, onClose = props.onClose, _a = props.popoverProps, popoverProps = _a === void 0 ? {} : _a;
-    var _b = popoverProps.modalProps, modalProps = _b === void 0 ? {} : _b;
-    var _c = React.useState(false), open = _c[0], setOpen = _c[1];
+    var _a;
+    var children = props.children, options = props.options, onClose = props.onClose, _b = props.popoverProps, popoverProps = _b === void 0 ? {} : _b;
+    var className = popoverProps.className, _c = popoverProps.modalProps, modalProps = _c === void 0 ? {} : _c;
+    var _d = React.useState(false), open = _d[0], setOpen = _d[1];
     var childRef = React.useRef(null);
     var handleChildClick = function () {
         setOpen(true);
@@ -92,7 +94,10 @@ export var Menu = React.forwardRef(function (props, ref) {
     };
     return (React.createElement(React.Fragment, null,
         React.cloneElement(children, childrenProps),
-        React.createElement(MenuPopover, __assign({}, popoverProps, { modalProps: __assign(__assign({}, modalProps), { disableAutoFocus: false }), ref: ref, open: open, anchorEl: childRef.current, onClose: handlePopoverClose, onKeyDown: handleKeyDown }),
+        React.createElement(Popover, __assign({}, popoverProps, { modalProps: __assign(__assign({}, modalProps), { disableAutoFocus: false }), ref: ref, open: open, anchorEl: childRef.current, onClose: handlePopoverClose, onKeyDown: handleKeyDown, className: cx((_a = {},
+                _a[stylesPopper()] = true,
+                _a[className] = !!className,
+                _a)) }),
             React.createElement(MenuList, null, options.map(renderOption)))));
 });
 Menu.displayName = 'Menu';

package/dist/esm/Menu/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/Menu/menu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/Menu/menu.tsx"],"names":[],"mappings":"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"}

package/dist/esm/MenuList/menu_item.js

@@ -21,18 +21,15 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import styled from '@emotion/styled';
-import isPropValid from '@emotion/is-prop-valid';
 import { Typography } from '../Typography';
+import { css, cx } from '../styles';
 /**
  *
  */
 /**
  * Styles.
  */
-var MenuItemRoot = styled('li', {
-    shouldForwardProp: function (prop) { return isPropValid(prop) && prop !== 'disabled'; },
-})(function (props) { return (__assign({ padding: '0px var(--pv-size-base-2)', fontFamily: 'inherit', outline: 'none', width: '100%', height: 'var(--pv-size-base-7)', display: 'flex', textAlign: 'left', alignItems: 'center', justifyContent: 'flex-start', textDecoration: 'none', userSelect: 'none', cursor: 'pointer', transition: 'background-color 200ms', backgroundColor: 'transparent', border: 'none', color: 'var(--pv-color-black)', boxSizing: 'border-box', gap: 'var(--pv-size-base-2)', '&:hover': {
+var stylesBase = function (props) { return css(__assign({ label: 'MenuItem', padding: '0px var(--pv-size-base-2)', fontFamily: 'inherit', outline: 'none', width: '100%', height: 'var(--pv-size-base-7)', display: 'flex', textAlign: 'left', alignItems: 'center', justifyContent: 'flex-start', textDecoration: 'none', userSelect: 'none', cursor: 'pointer', transition: 'background-color 200ms', backgroundColor: 'transparent', border: 'none', color: 'var(--pv-color-black)', boxSizing: 'border-box', gap: 'var(--pv-size-base-2)', '&:hover': {
         backgroundColor: 'var(--pv-color-gray-3)',
     }, '&:focus': {
         backgroundColor: 'var(--pv-color-gray-4)',
@@ -42,19 +39,22 @@ var MenuItemRoot = styled('li', {
     color: 'var(--pv-color-gray-7)',
     cursor: 'not-allowed',
     pointerEvents: 'none',
-}))); });
-var MenuItemIcon = styled('span')({
+}))); };
+var stylesIcon = function () { return css({
+    label: 'MenuItem-icon',
     flexShrink: 0,
     display: 'inline-flex',
-});
-var MenuItemLabel = styled('span')({
+}); };
+var stylesLabel = function () { return css({
+    label: 'MenuItem-label',
     flex: '1 1 auto',
-});
+}); };
 /**
  *
  */
 export var MenuItem = React.forwardRef(function (props, ref) {
-    var component = props.component, children = props.children, disabled = props.disabled, textVariantProp = props.textVariant, startIcon = props.startIcon, endIcon = props.endIcon, onClick = props.onClick, other = __rest(props, ["component", "children", "disabled", "textVariant", "startIcon", "endIcon", "onClick"]);
+    var _a;
+    var component = props.component, children = props.children, className = props.className, disabled = props.disabled, textVariantProp = props.textVariant, startIcon = props.startIcon, endIcon = props.endIcon, onClick = props.onClick, other = __rest(props, ["component", "children", "className", "disabled", "textVariant", "startIcon", "endIcon", "onClick"]);
     var Component = component || 'li';
     var textVariant = textVariantProp || 'b3';
     var handleKeyDown = function (event) {
@@ -68,10 +68,13 @@ export var MenuItem = React.forwardRef(function (props, ref) {
             }
         }
     };
-    return (React.createElement(MenuItemRoot, __assign({ as: Component, ref: ref, tabIndex: -1, role: "menuitem", "aria-disabled": disabled, disabled: disabled, onKeyDown: handleKeyDown, onClick: onClick }, other),
-        startIcon && (React.createElement(MenuItemIcon, null, startIcon)),
-        React.createElement(Typography, { component: MenuItemLabel, variant: textVariant, color: "inherit", noWrap: true }, children),
-        endIcon && (React.createElement(MenuItemIcon, null, endIcon))));
+    return (React.createElement(Component, __assign({ ref: ref, tabIndex: -1, role: "menuitem", className: cx((_a = {},
+            _a[stylesBase(props)] = true,
+            _a[className] = !!className,
+            _a)), "aria-disabled": disabled, onKeyDown: handleKeyDown, onClick: onClick }, other),
+        startIcon && (React.createElement("span", { className: stylesIcon() }, startIcon)),
+        React.createElement(Typography, { variant: textVariant, color: "inherit", component: "span", noWrap: true, className: stylesLabel() }, children),
+        endIcon && (React.createElement("span", { className: stylesIcon() }, endIcon))));
 });
 MenuItem.displayName = 'MenuItem';
 //# sourceMappingURL=menu_item.js.map

package/dist/esm/MenuList/menu_item.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu_item.js","sourceRoot":"","sources":["../../../src/MenuList/menu_item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,WAAW,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAoC3C;;GAEG;AAEH;;GAEG;AACH,IAAM,YAAY,GAAG,MAAM,CAAC,IAAI,EAAE;IAChC,iBAAiB,EAAE,UAAC,IAAI,IAAK,OAAA,WAAW,CAAC,IAAI,CAAC,IAAI,IAAI,KAAK,UAAU,EAAxC,CAAwC;CACtE,CAAC,CAAmB,UAAC,KAAK,IAAK,OAAA,YAC9B,OAAO,EAAE,2BAA2B,EACpC,UAAU,EAAE,SAAS,EACrB,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,uBAAuB,EAC/B,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,QAAQ,EACpB,cAAc,EAAE,YAAY,EAC5B,cAAc,EAAE,MAAM,EACtB,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,SAAS,EACjB,UAAU,EAAE,wBAAwB,EACpC,eAAe,EAAE,aAAa,EAC9B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,uBAAuB,EAC9B,SAAS,EAAE,YAAY,EACvB,GAAG,EAAE,uBAAuB,EAC5B,SAAS,EAAE;QACT,eAAe,EAAE,wBAAwB;KAC1C,EACD,SAAS,EAAE;QACT,eAAe,EAAE,wBAAwB;KAC1C,EACD,UAAU,EAAE;QACV,eAAe,EAAE,wBAAwB;KAC1C,IACE,CAAC,KAAK,CAAC,QAAQ,IAAI;IACpB,KAAK,EAAE,wBAAwB;IAC/B,MAAM,EAAE,aAAa;IACrB,aAAa,EAAE,MAAM;CACtB,CAAC,EACF,EAjC8B,CAiC9B,CAAC,CAAC;AAEJ,IAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAClC,UAAU,EAAE,CAAC;IACb,OAAO,EAAE,aAAa;CACvB,CAAC,CAAC;AAEH,IAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IACnC,IAAI,EAAE,UAAU;CACjB,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAqB,UAAC,KAAK,EAAE,GAAG;IAEpE,IAAA,SAAS,GAQP,KAAK,UARE,EACT,QAAQ,GAON,KAAK,SAPC,EACR,QAAQ,GAMN,KAAK,SANC,EACK,eAAe,GAK1B,KAAK,YALqB,EAC5B,SAAS,GAIP,KAAK,UAJE,EACT,OAAO,GAGL,KAAK,QAHA,EACP,OAAO,GAEL,KAAK,QAFA,EACJ,KAAK,UACN,KAAK,EATH,uFASL,CADS,CACA;IACV,IAAM,SAAS,GAAG,SAAS,IAAI,IAAI,CAAC;IACpC,IAAM,WAAW,GAAG,eAAe,IAAI,IAAI,CAAC;IAE5C,IAAM,aAAa,GAAG,UAAC,KAAyC;QAC9D,sDAAsD;QACtD,IACE,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,aAAa;eACjC,KAAK,CAAC,GAAG,KAAK,OAAO;eACrB,CAAC,QAAQ,EACZ;YACA,KAAK,CAAC,cAAc,EAAE,CAAC;YAEvB,IAAI,OAAO,EAAE;gBACX,OAAO,CAAC,KAAY,CAAC,CAAC;aACvB;SACF;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,YAAY,aACX,EAAE,EAAE,SAAS,EACb,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAC,UAAU,mBACA,QAAQ,EACvB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,OAAO,IACZ,KAAK;QAER,SAAS,IAAI,CACZ,oBAAC,YAAY,QACV,SAAS,CACG,CAChB;QACD,oBAAC,UAAU,IACT,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,KAAK,EAAC,SAAS,EACf,MAAM,UAEL,QAAQ,CACE;QACZ,OAAO,IAAI,CACV,oBAAC,YAAY,QACV,OAAO,CACK,CAChB,CACY,CAChB,CAAC;AACJ,CAAC,CAA0C,CAAC;AAE5C,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
+{"version":3,"file":"menu_item.js","sourceRoot":"","sources":["../../../src/MenuList/menu_item.tsx"],"names":[],"mappings":"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"}