@lightsparkdev/ui 1.0.10 → 1.0.11

package/dist/{chunk-AXHFR6HR.js → chunk-UGHP4KVZ.js}

@@ -1,16 +1,16 @@
-import {
-  applyTypography
-} from "./chunk-R4JQUMCP.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   standardBorderRadius,
   subtext
-} from "./chunk-YZM4ALKD.js";
+} from "./chunk-YBJVTNAP.js";
+import {
+  applyTypography
+} from "./chunk-FH6BM3M7.js";
 import {
   themeOr
-} from "./chunk-O42E7NAG.js";
+} from "./chunk-HYUF4RXZ.js";
 
 // src/styles/fields.tsx
 import { css } from "@emotion/react";

package/dist/chunk-UKPYD5GH.cjs

@@ -0,0 +1,35 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkIRHZP2Z7cjs = require('./chunk-IRHZP2Z7.cjs');
+
+
+var _chunkOVJZVL57cjs = require('./chunk-OVJZVL57.cjs');
+
+
+var _chunkSZSK5ISJcjs = require('./chunk-SZSK5ISJ.cjs');
+
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/typography/base/BodyStrong.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function BodyStrongString(props) {
+  const _a = getPropDefaults(props), { children } = _a, rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _a, ["children"]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledBodyStrong, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, rest), { children }));
+}
+function getPropDefaults(props) {
+  return _chunkIRHZP2Z7cjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
+}
+var StyledBodyStrong = _styled2.default.span`
+  ${({ theme, size, colorProp }) => _chunkSZSK5ISJcjs.applyTypography.call(void 0, theme, "Body Strong", size, colorProp)}
+  ${_chunkOVJZVL57cjs.typographyStyles}
+`;
+
+
+
+
+
+exports.BodyStrongString = BodyStrongString; exports.getPropDefaults = getPropDefaults; exports.StyledBodyStrong = StyledBodyStrong;

package/dist/{chunk-KEO4UBBQ.cjs → chunk-UL73AXJP.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkNCH72LUBcjs = require('./chunk-NCH72LUB.cjs');
+var _chunkQ7C5LR6Icjs = require('./chunk-Q7C5LR6I.cjs');
 
 
-var _chunkGDLQ54TNcjs = require('./chunk-GDLQ54TN.cjs');
+var _chunk36SDWEWYcjs = require('./chunk-36SDWEWY.cjs');
 
 // src/components/Checkbox.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -33,11 +33,11 @@ function Checkbox({
     text: defaultTypography,
     nextLink: defaultTypography
   };
-  const nodesWithTypography = _chunkNCH72LUBcjs.setDefaultReactNodesTypography.call(void 0, 
+  const nodesWithTypography = _chunkQ7C5LR6Icjs.setDefaultReactNodesTypography.call(void 0, 
     label,
     defaultTypographyMap
   );
-  const content = _chunkGDLQ54TNcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunk36SDWEWYcjs.toReactNodes.call(void 0, nodesWithTypography);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CheckboxContainer, { mt, alignItems, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       StyledCheckbox,

package/dist/{chunk-JMIYMECJ.cjs → chunk-UMU7TYAN.cjs}

@@ -7,13 +7,13 @@ var _chunkB5JDB6M7cjs = require('./chunk-B5JDB6M7.cjs');
 var _chunkKS6GHRZIcjs = require('./chunk-KS6GHRZI.cjs');
 
 
-var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
+var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
 
 
-var _chunkWKRK5OVEcjs = require('./chunk-WKRK5OVE.cjs');
+var _chunk7PRNB5U5cjs = require('./chunk-7PRNB5U5.cjs');
 
 
-var _chunk7PRNB5U5cjs = require('./chunk-7PRNB5U5.cjs');
+var _chunk7EIZIKLRcjs = require('./chunk-7EIZIKLR.cjs');
 
 // src/components/Icon/Icon.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -24,24 +24,24 @@ function Icon({
   width,
   tutorialStep,
   id,
-  mr = 0,
-  ml = 0,
+  mr: mrProp = 0,
+  ml: mlProp = 0,
   color = void 0,
   verticalAlign = "middle"
 }) {
   const IconComponent = _chunkB5JDB6M7cjs.icons_exports[name] || null;
-  const w = parseFloat((width / _chunkDIMJISMHcjs.rootFontSizePx).toFixed(2));
-  const mrRems = parseFloat((mr / _chunkDIMJISMHcjs.rootFontSizePx).toFixed(2));
-  const mlRems = parseFloat((ml / _chunkDIMJISMHcjs.rootFontSizePx).toFixed(2));
-  const va = typeof verticalAlign === "string" ? verticalAlign : parseFloat((verticalAlign / _chunkDIMJISMHcjs.rootFontSizePx).toFixed(2));
+  const w = parseFloat((width / _chunkOQEP7VDDcjs.rootFontSizePx).toFixed(2));
+  const mr = typeof mrProp === "number" ? `${parseFloat((mrProp / _chunkOQEP7VDDcjs.rootFontSizePx).toFixed(2))}em` : mrProp;
+  const ml = typeof mlProp === "number" ? `${parseFloat((mlProp / _chunkOQEP7VDDcjs.rootFontSizePx).toFixed(2))}em` : mlProp;
+  const va = typeof verticalAlign === "string" ? verticalAlign : parseFloat((verticalAlign / _chunkOQEP7VDDcjs.rootFontSizePx).toFixed(2));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     IconContainer,
     {
       id,
       className,
       w,
-      mr: mrRems,
-      ml: mlRems,
+      mr,
+      ml,
       verticalAlign: va,
       fontColor: color,
       "data-tutorial-tip": tutorialStep == null ? void 0 : tutorialStep.toString(),
@@ -56,17 +56,17 @@ var IconContainer = _styled2.default.span`
     width: ${w}em;
     /* ensure no shrink in flex containers: */
     min-width: ${w}em;
-    ${mr ? `margin-right: ${mr}em;` : ""}
-    ${ml ? `margin-left: ${ml}em;` : ""}
+    ${mr ? `margin-right: ${mr};` : ""}
+    ${ml ? `margin-left: ${ml};` : ""}
   `}
 
   vertical-align: ${({ verticalAlign }) => _chunk7PRNB5U5cjs.isString.call(void 0, verticalAlign) ? verticalAlign : `${verticalAlign}em`};
 
   ${({ theme, fontColor }) => {
-  const color = _chunkWKRK5OVEcjs.getFontColor.call(void 0, theme, fontColor, "inherit");
+  const color = _chunk7EIZIKLRcjs.getFontColor.call(void 0, theme, fontColor, "inherit");
   return `
     svg, path {
-      color: ${_chunkWKRK5OVEcjs.getFontColor.call(void 0, theme, fontColor, "inherit")};
+      color: ${_chunk7EIZIKLRcjs.getFontColor.call(void 0, theme, fontColor, "inherit")};
 
       /* 
         Provide a way for an SVG to invert relative to a specified color for

package/dist/chunk-UPMUOBZO.js

@@ -0,0 +1,35 @@
+import {
+  getPropDefaultsBase
+} from "./chunk-BVEHA6GI.js";
+import {
+  typographyStyles
+} from "./chunk-X5SBSJ3Z.js";
+import {
+  applyTypography
+} from "./chunk-FH6BM3M7.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CWMXXUWU.js";
+
+// src/components/typography/base/Code.tsx
+import styled from "@emotion/styled";
+import { jsx } from "@emotion/react/jsx-runtime";
+function CodeString(props) {
+  const _a = getPropDefaults(props), { children } = _a, rest = __objRest(_a, ["children"]);
+  return /* @__PURE__ */ jsx(StyledCode, __spreadProps(__spreadValues({}, rest), { children }));
+}
+function getPropDefaults(props) {
+  return getPropDefaultsBase(props, { as: props.tag || "span" });
+}
+var StyledCode = styled.span`
+  ${({ theme, size, colorProp }) => applyTypography(theme, "Code", size, colorProp)}
+  ${typographyStyles}
+`;
+
+export {
+  CodeString,
+  getPropDefaults,
+  StyledCode
+};

package/dist/{chunk-KSGW5YL2.js → chunk-UTST75JR.js}

@@ -1,6 +1,6 @@
 import {
   DateWidget
-} from "./chunk-QWBJBEYT.js";
+} from "./chunk-TWUVFR36.js";
 import {
   DateRangeOperation,
   MAX_DATE,
@@ -12,19 +12,19 @@ import {
 } from "./chunk-NNYCLSJV.js";
 import {
   Filter
-} from "./chunk-MQVRZOTQ.js";
+} from "./chunk-DLBPASW7.js";
 import {
   Select_default
-} from "./chunk-72JQQKA7.js";
+} from "./chunk-MNMGIPSQ.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   TextInput
-} from "./chunk-G3FLE2PL.js";
+} from "./chunk-KIE5GR5E.js";
 import {
   Button
-} from "./chunk-2C73WWPT.js";
+} from "./chunk-LQKIJF4I.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";

package/dist/{chunk-L33DG5GN.cjs → chunk-V2BQLDTN.cjs}

@@ -3,7 +3,7 @@
 var _chunk4XPAKKBScjs = require('./chunk-4XPAKKBS.cjs');
 
 
-var _chunk4CFGJROVcjs = require('./chunk-4CFGJROV.cjs');
+var _chunkO64MW4Z4cjs = require('./chunk-O64MW4Z4.cjs');
 
 
 
@@ -76,7 +76,7 @@ function PhoneInput({
   const isValidPhone = formatter.isValid();
   const error = !isValidPhone && wasBlurred ? "Please enter a valid phone number." : void 0;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk4CFGJROVcjs.TextInput,
+    _chunkO64MW4Z4cjs.TextInput,
     {
       select: {
         options,

package/dist/{chunk-SAI5MDK3.js → chunk-V3XAM4BL.js}

@@ -4,13 +4,13 @@ import {
 import {
   extend,
   lineClamp
-} from "./chunk-HEXTPM3C.js";
+} from "./chunk-CD4D43OU.js";
 import {
   Icon
-} from "./chunk-NGSQ2OOV.js";
+} from "./chunk-NCLVA6JY.js";
 import {
   renderTypography
-} from "./chunk-73ETEREG.js";
+} from "./chunk-ANBLLKL6.js";
 import {
   elide
 } from "./chunk-EDN2QDCB.js";
@@ -35,7 +35,7 @@ function ClipboardTextField({
   const addLineClamp = maxLines && maxLines > 1;
   const displayValue = elideArgs ? elide(value, elideArgs) : value;
   const nodes = renderTypography((typography == null ? void 0 : typography.type) || "Body", {
-    content: displayValue,
+    children: displayValue,
     size: (typography == null ? void 0 : typography.size) || "ExtraSmall",
     color: (typography == null ? void 0 : typography.color) || "inherit"
   });

package/dist/{chunk-GPWAK4HM.js → chunk-V64EMQHF.js}

@@ -1,9 +1,9 @@
 import {
   SatoshiInputLabel
-} from "./chunk-KNBAVK6L.js";
+} from "./chunk-E6A3UWLO.js";
 import {
   CommaNumberInput_default
-} from "./chunk-NCIBJJIE.js";
+} from "./chunk-CRNFNNH6.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-LFIZVZWX.js → chunk-VAQBWNQQ.js}

@@ -3,27 +3,27 @@ import {
 } from "./chunk-VQVEZVAG.js";
 import {
   UnstyledButton
-} from "./chunk-WZJTXJM5.js";
+} from "./chunk-7SNXBUCU.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-NGSQ2OOV.js";
+} from "./chunk-NCLVA6JY.js";
 import {
   overlaySurface,
   standardBorderRadius,
   standardFocusOutline
-} from "./chunk-YZM4ALKD.js";
+} from "./chunk-YBJVTNAP.js";
+import {
+  Link
+} from "./chunk-TIX47F5U.js";
 import {
   themeOr
-} from "./chunk-O42E7NAG.js";
+} from "./chunk-HYUF4RXZ.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
-import {
-  Link
-} from "./chunk-HJQIDDKT.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-37HQ4WOA.js → chunk-VJDXK2I4.js}

@@ -1,9 +1,9 @@
 import {
   GlobalStyles
-} from "./chunk-AIP5ENLX.js";
+} from "./chunk-JHLQJQAH.js";
 import {
   themes
-} from "./chunk-O42E7NAG.js";
+} from "./chunk-HYUF4RXZ.js";
 
 // src/components/LightsparkProvider.tsx
 import { ThemeProvider } from "@emotion/react";

package/dist/{chunk-IKR6723M.cjs → chunk-VVPSBX5O.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk6IU4OQOCcjs = require('./chunk-6IU4OQOC.cjs');
+var _chunkQ3F7S3R3cjs = require('./chunk-Q3F7S3R3.cjs');
 
 
-var _chunkMWHLGPKOcjs = require('./chunk-MWHLGPKO.cjs');
+var _chunkFDL4732Lcjs = require('./chunk-FDL4732L.cjs');
 
 
-var _chunk4EK5RAZScjs = require('./chunk-4EK5RAZS.cjs');
+var _chunkWVBMQP6Ocjs = require('./chunk-WVBMQP6O.cjs');
 
 
-var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
+var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
 
 
 var _chunkCFG65CGCcjs = require('./chunk-CFG65CGC.cjs');
@@ -83,9 +83,9 @@ function Pill({
           {
             hasIconInset: Boolean(icon && !loading && !onDeleteMouseDown),
             children: [
-              loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMWHLGPKOcjs.Loading, { size: 16.1, center: false, ml: 5 }),
+              loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFDL4732Lcjs.Loading, { size: 16.1, center: false, ml: 5 }),
               !loading && onDeleteMouseDown && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunk4EK5RAZScjs.UnstyledButton,
+                _chunkWVBMQP6Ocjs.UnstyledButton,
                 {
                   onMouseDown: handleOnDeleteMouseDown,
                   onKeyDown: handleOnDeleteKeyDown,
@@ -95,10 +95,10 @@ function Pill({
                     padding: "10px",
                     marginRight: "-10px"
                   },
-                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMIYMECJcjs.Icon, { name: "DeleteIcon", width: 16.1 })
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: "DeleteIcon", width: 16.1 })
                 }
               ),
-              !loading && icon && !onDeleteMouseDown && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMIYMECJcjs.Icon, { name: icon, width: 16.1, color: "white" })
+              !loading && icon && !onDeleteMouseDown && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: icon, width: 16.1, color: "white" })
             ]
           }
         )
@@ -131,7 +131,7 @@ var StyledPill = _styled2.default.div`
   position: relative;
 `;
 var PillIconContainer = _styled2.default.div`
-  ${_chunk6IU4OQOCcjs.flexCenter}
+  ${_chunkQ3F7S3R3cjs.flexCenter}
   ${({ hasIconInset }) => hasIconInset ? `
     background-color: ${_chunkCFG65CGCcjs.colors.blue43};
     padding: 8px;

package/dist/{chunk-UTSRM2EL.js → chunk-WN7T7ZQ2.js}

@@ -1,6 +1,6 @@
 import {
   Icon
-} from "./chunk-NGSQ2OOV.js";
+} from "./chunk-NCLVA6JY.js";
 
 // src/components/ContentTable.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-4EK5RAZS.cjs → chunk-WVBMQP6O.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
+var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
 
 // src/components/UnstyledButton.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
 var UnstyledButton = _styled2.default.button`
-  ${_chunkDIMJISMHcjs.standardFocusOutline}
+  ${_chunkOQEP7VDDcjs.standardFocusOutline}
   font-family: ${({ theme }) => theme.typography.fontFamilies.main};
   appearance: none;
   background: transparent;

package/dist/{chunk-YRD2SMIO.js → chunk-WWDJ5DBH.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-E5DUKMCU.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-HEXTPM3C.js";
+} from "./chunk-CD4D43OU.js";
 import {
   Icon
-} from "./chunk-NGSQ2OOV.js";
+} from "./chunk-NCLVA6JY.js";
 import {
   standardBorderRadius
-} from "./chunk-YZM4ALKD.js";
+} from "./chunk-YBJVTNAP.js";
 
 // src/components/Collapsible.tsx
 import styled from "@emotion/styled";

package/dist/chunk-X73K6SFU.cjs

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk36SDWEWYcjs = require('./chunk-36SDWEWY.cjs');
+
+
+
+var _chunkUKPYD5GHcjs = require('./chunk-UKPYD5GH.cjs');
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/typography/BodyStrong.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function BodyStrong(props) {
+  const propsWithDefaults = _chunkUKPYD5GHcjs.getPropDefaults.call(void 0, props);
+  let reactNodes = props.children || null;
+  if (props.content) {
+    reactNodes = _chunk36SDWEWYcjs.toReactNodes.call(void 0, props.content);
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUKPYD5GHcjs.StyledBodyStrong, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+}
+
+
+
+exports.BodyStrong = BodyStrong;

package/dist/{chunk-LZLRG4BO.cjs → chunk-XDJTWJ4J.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkSMVLBX2Dcjs = require('./chunk-SMVLBX2D.cjs');
+var _chunkRSPUYVQMcjs = require('./chunk-RSPUYVQM.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunk4CFGJROVcjs = require('./chunk-4CFGJROV.cjs');
+var _chunkO64MW4Z4cjs = require('./chunk-O64MW4Z4.cjs');
 
 
-var _chunk7LOKZM7Vcjs = require('./chunk-7LOKZM7V.cjs');
+var _chunkAPQWRIH6cjs = require('./chunk-APQWRIH6.cjs');
 
 
 
@@ -39,7 +39,7 @@ var StringFilter = ({
   };
   const appliedValueButtons = (_a = state.appliedValues) == null ? void 0 : _a.map((value) => {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk7LOKZM7Vcjs.Button,
+      _chunkAPQWRIH6cjs.Button,
       {
         kind: "primary",
         size: "ExtraSmall",
@@ -59,8 +59,8 @@ var StringFilter = ({
     );
   });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSMVLBX2Dcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk4CFGJROVcjs.TextInput,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRSPUYVQMcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkO64MW4Z4cjs.TextInput,
       {
         placeholder: placeholder || "",
         onChange: handleChange,

package/dist/{chunk-2MIU5D22.cjs → chunk-XF4WFJD3.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk6IU4OQOCcjs = require('./chunk-6IU4OQOC.cjs');
+var _chunkQ3F7S3R3cjs = require('./chunk-Q3F7S3R3.cjs');
 
 
-var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
+var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
 
 
 var _chunkCFG65CGCcjs = require('./chunk-CFG65CGC.cjs');
@@ -64,7 +64,7 @@ function QRCode({
         isCentered,
         border,
         animated,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMIYMECJcjs.Icon, { name: "LogoOnCircle", width: 30 })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: "LogoOnCircle", width: 30 })
       }
     ) }) }),
     children
@@ -215,7 +215,7 @@ var EmptyQRCode = _styled2.default.div`
   `}
 
   & > * {
-    ${_chunk6IU4OQOCcjs.absoluteCenter}
+    ${_chunkQ3F7S3R3cjs.absoluteCenter}
   }
 `;
 var QRCodeLabel = _styled2.default.p`

package/dist/chunk-XLENEI5B.cjs

@@ -0,0 +1,35 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkIRHZP2Z7cjs = require('./chunk-IRHZP2Z7.cjs');
+
+
+var _chunkOVJZVL57cjs = require('./chunk-OVJZVL57.cjs');
+
+
+var _chunkSZSK5ISJcjs = require('./chunk-SZSK5ISJ.cjs');
+
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/typography/base/Code.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function CodeString(props) {
+  const _a = getPropDefaults(props), { children } = _a, rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _a, ["children"]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledCode, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, rest), { children }));
+}
+function getPropDefaults(props) {
+  return _chunkIRHZP2Z7cjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
+}
+var StyledCode = _styled2.default.span`
+  ${({ theme, size, colorProp }) => _chunkSZSK5ISJcjs.applyTypography.call(void 0, theme, "Code", size, colorProp)}
+  ${_chunkOVJZVL57cjs.typographyStyles}
+`;
+
+
+
+
+
+exports.CodeString = CodeString; exports.getPropDefaults = getPropDefaults; exports.StyledCode = StyledCode;

package/dist/chunk-XNFMMEBE.cjs

@@ -0,0 +1,35 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkIRHZP2Z7cjs = require('./chunk-IRHZP2Z7.cjs');
+
+
+var _chunkOVJZVL57cjs = require('./chunk-OVJZVL57.cjs');
+
+
+var _chunkSZSK5ISJcjs = require('./chunk-SZSK5ISJ.cjs');
+
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/typography/base/Title.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function TitleString(props) {
+  const _a = getPropDefaults(props), { children } = _a, rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _a, ["children"]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledTitle, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, rest), { children }));
+}
+function getPropDefaults(props) {
+  return _chunkIRHZP2Z7cjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
+}
+var StyledTitle = _styled2.default.span`
+  ${({ theme, size, colorProp }) => _chunkSZSK5ISJcjs.applyTypography.call(void 0, theme, "Title", size, colorProp)}
+  ${_chunkOVJZVL57cjs.typographyStyles}
+`;
+
+
+
+
+
+exports.TitleString = TitleString; exports.getPropDefaults = getPropDefaults; exports.StyledTitle = StyledTitle;

package/dist/{chunk-D5AXHK6H.js → chunk-XPEO5N3R.js}

@@ -1,9 +1,9 @@
 import {
   absoluteCenter
-} from "./chunk-HEXTPM3C.js";
+} from "./chunk-CD4D43OU.js";
 import {
   Icon
-} from "./chunk-NGSQ2OOV.js";
+} from "./chunk-NCLVA6JY.js";
 import {
   colors
 } from "./chunk-MN4NUSPL.js";

package/dist/{chunk-GSETAASM.cjs → chunk-XPNAJ5IA.cjs}

@@ -3,7 +3,7 @@
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunk7LOKZM7Vcjs = require('./chunk-7LOKZM7V.cjs');
+var _chunkAPQWRIH6cjs = require('./chunk-APQWRIH6.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
@@ -33,10 +33,10 @@ var Popover = ({
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Container, { show, side, onKeyDownCapture: handleKeyPress, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Content, { children: [
     children,
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Footer, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7LOKZM7Vcjs.Button, { text: "Clear", onClick: handleClear }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPQWRIH6cjs.Button, { text: "Clear", onClick: handleClear }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, FooterRight, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7LOKZM7Vcjs.Button, { text: "Cancel", onClick: () => setShow(false) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7LOKZM7Vcjs.Button, { text: "Apply", kind: "primary", onClick: handleApply })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPQWRIH6cjs.Button, { text: "Cancel", onClick: () => setShow(false) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPQWRIH6cjs.Button, { text: "Apply", kind: "primary", onClick: handleApply })
       ] })
     ] })
   ] }) });