@lightsparkdev/ui 1.1.1 → 1.1.3

package/dist/{chunk-YZ2C4D6N.cjs → chunk-6GF56M42.cjs}

@@ -1,41 +1,41 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkAQ3YLJHIcjs = require('./chunk-AQ3YLJHI.cjs');
+var _chunkSH52BJQTcjs = require('./chunk-SH52BJQT.cjs');
 
 
 
 
 
 
-var _chunk6N7XRYZDcjs = require('./chunk-6N7XRYZD.cjs');
+var _chunkO3NYVYX5cjs = require('./chunk-O3NYVYX5.cjs');
 
 
-var _chunk2VEWSENQcjs = require('./chunk-2VEWSENQ.cjs');
+var _chunkT4UBZ7NBcjs = require('./chunk-T4UBZ7NB.cjs');
 
 
-var _chunkYIT3HB4Tcjs = require('./chunk-YIT3HB4T.cjs');
+var _chunk5VSTXVUIcjs = require('./chunk-5VSTXVUI.cjs');
 
 
-var _chunkYNBZC3U6cjs = require('./chunk-YNBZC3U6.cjs');
+var _chunkNCVALN33cjs = require('./chunk-NCVALN33.cjs');
 
 
-var _chunkR46DRG52cjs = require('./chunk-R46DRG52.cjs');
+var _chunkHUFS2MGGcjs = require('./chunk-HUFS2MGG.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
+var _chunkCKSZUZXJcjs = require('./chunk-CKSZUZXJ.cjs');
 
 
-var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
+var _chunk545K27C4cjs = require('./chunk-545K27C4.cjs');
 
 
-var _chunkHEMGZE2Gcjs = require('./chunk-HEMGZE2G.cjs');
+var _chunkWUF4FEGOcjs = require('./chunk-WUF4FEGO.cjs');
 
 
-var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
+var _chunkEGKT7YHPcjs = require('./chunk-EGKT7YHP.cjs');
 
 
 
@@ -47,18 +47,19 @@ var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 var selectLeftOffset = 10;
 var iconSides = ["left", "right"];
-var iconOffsets = ["small", "large"];
-var iconWidths = [8, 12, 16];
+var iconOffsets = ["small", "medium", "large"];
+var iconWidths = [8, 12, 16, 20];
+var iconStrokeWidths = [1, 1.5, 2];
 function withDefaults(textInputProps) {
   return _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, textInputProps), {
     width: textInputProps.width || "full",
     type: textInputProps.type || "text",
     disabled: Boolean(textInputProps.disabled),
-    typography: _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, _chunk6N7XRYZDcjs.defaultTextInputTypography), textInputProps.typography)
+    typography: _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, _chunkO3NYVYX5cjs.defaultTextInputTypography), textInputProps.typography)
   });
 }
 function TextInput(textInputProps) {
-  var _a, _b;
+  var _a, _b, _c, _d, _e;
   const props = withDefaults(textInputProps);
   const [focused, setFocused] = _react.useState.call(void 0, false);
   const inputRef = props.inputRef || _react2.default.createRef();
@@ -71,13 +72,14 @@ function TextInput(textInputProps) {
       props.onEnter();
     }
   };
-  const hasError = Boolean(props.error);
+  const hasError = Boolean(props.error || props.contentError);
+  const hasSuccess = Boolean(props.success || props.contentSuccess);
   const iconSide = props.icon ? props.icon.side || "right" : void 0;
   const hasIconLeft = Boolean(props.icon && iconSide === "left");
   const hasIconRight = Boolean(props.icon && iconSide === "right") || props.loading;
   const iconWidth = ((_a = props.icon) == null ? void 0 : _a.width) || 12;
-  const iconCenterOffset = ((_b = props.icon) == null ? void 0 : _b.offset) === "large" ? 26 : 18;
-  const iconTextOffset = iconCenterOffset === 18 ? 4 : 14;
+  const iconCenterOffset = ((_b = props.icon) == null ? void 0 : _b.offset) === "large" || ((_c = props.icon) == null ? void 0 : _c.offset) === "medium" ? 26 : 18;
+  const iconTextOffset = ((_d = props.icon) == null ? void 0 : _d.offset) === "large" ? 14 : ((_e = props.icon) == null ? void 0 : _e.offset) === "medium" ? 8 : 4;
   const leftIconOffset = iconCenterOffset - iconWidth / 2;
   let paddingLeftPx;
   if (typeof props.paddingX === "number") {
@@ -149,6 +151,7 @@ function TextInput(textInputProps) {
         activeOutline: props.activeOutline,
         activeOutlineColor: props.activeOutlineColor,
         hasError,
+        hasSuccess,
         "data-test-id": props.testId,
         typography: props.typography,
         autoComplete: props.autoComplete === "off" ? "new-password" : props.autoComplete,
@@ -178,7 +181,14 @@ function TextInput(textInputProps) {
           hasValue: Boolean(props.value),
           colorProp: props.typography.color,
           iconOffset: typeof props.paddingX === "number" ? props.paddingX : leftIconOffset,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4N5EXQIScjs.Icon, { name: props.icon.name, width: iconWidth })
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkCKSZUZXJcjs.Icon,
+            {
+              name: props.icon.name,
+              width: iconWidth,
+              iconProps: { strokeWidth: props.icon.strokeWidth }
+            }
+          )
         }
       ),
       input,
@@ -192,7 +202,14 @@ function TextInput(textInputProps) {
           hasValue: Boolean(props.value),
           colorProp: props.typography.color,
           iconOffset: typeof props.paddingX === "number" ? props.paddingX : rightIconOffset,
-          children: props.loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2VEWSENQcjs.Loading, { center: false, size: rightIconWidth }) : props.icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4N5EXQIScjs.Icon, { name: props.icon.name, width: rightIconWidth }) : null
+          children: props.loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5VSTXVUIcjs.Loading, { center: false, size: rightIconWidth }) : props.icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkCKSZUZXJcjs.Icon,
+            {
+              name: props.icon.name,
+              width: rightIconWidth,
+              iconProps: { strokeWidth: props.icon.strokeWidth }
+            }
+          ) : null
         }
       )
     ] });
@@ -218,18 +235,22 @@ function TextInput(textInputProps) {
     ),
     input,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk6N7XRYZDcjs.InputSubtext,
+      _chunkO3NYVYX5cjs.InputSubtext,
       {
-        text: props.error || props.hint,
+        text: props.error || props.success || props.hint,
+        content: props.contentError || props.contentSuccess,
         hasError,
-        tooltipId: hintTooltipId
+        hasSuccess,
+        tooltipId: hintTooltipId,
+        hideNonErrorsIfBlurred: props.hideNonErrorsIfBlurred,
+        focused
       }
     ),
-    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNBZC3U6cjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
+    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHUFS2MGGcjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
   ] });
 }
 var TextInputSelect = _styled2.default.select`
-  ${({ typography, theme }) => _chunkHEMGZE2Gcjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
+  ${({ typography, theme }) => _chunkWUF4FEGOcjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   border: none;
@@ -240,10 +261,10 @@ var TextInputSelect = _styled2.default.select`
   width: ${({ widthProp }) => `${widthProp}px`};
 `;
 var WithIcon = _styled2.default.div`
-  ${_chunkU35SY546cjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunk545K27C4cjs.standardBorderRadius.call(void 0, 8)}
   position: relative;
 
-  & ${_chunk4N5EXQIScjs.IconContainer.toString()} {
+  & ${_chunkCKSZUZXJcjs.IconContainer.toString()} {
     z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   }
 `;
@@ -257,10 +278,10 @@ var TextInputIconContainer = _styled2.default.div`
   display: flex;
   align-items: center;
   cursor: ${({ onClick }) => onClick ? "pointer" : "auto"};
-  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkXUEKQQJVcjs.getFontColor.call(void 0, theme, colorProp) : _chunk6N7XRYZDcjs.textInputPlaceholderColor.call(void 0, { theme })};
+  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkEGKT7YHPcjs.getFontColor.call(void 0, theme, colorProp) : _chunkO3NYVYX5cjs.textInputPlaceholderColor.call(void 0, { theme })};
 `;
 var Input = _styled2.default.input`
-  ${_chunk6N7XRYZDcjs.textInputStyle};
+  ${_chunkO3NYVYX5cjs.textInputStyle};
   // disable autofill styles in chrome https://stackoverflow.com/a/68240841/9808766
   &:-webkit-autofill,
   &:-webkit-autofill:focus,
@@ -282,7 +303,7 @@ var RightButtonAligner = _styled2.default.div`
   display: flex;
   align-items: center;
 `;
-var RightButton = _styled2.default.call(void 0, _chunkR46DRG52cjs.UnstyledButton)`
+var RightButton = _styled2.default.call(void 0, _chunkNCVALN33cjs.UnstyledButton)`
   border-radius: 4px;
   border: none;
   background-color: ${({ theme }) => theme.vlcNeutral};
@@ -292,7 +313,7 @@ var RightButton = _styled2.default.call(void 0, _chunkR46DRG52cjs.UnstyledButton
   padding: 8px 10px;
 `;
 var TextInputLabel = _styled2.default.label`
-  ${_chunkU35SY546cjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunk545K27C4cjs.standardBorderRadius.call(void 0, 8)}
   font-size: 10px;
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
@@ -304,7 +325,7 @@ var TextInputLabel = _styled2.default.label`
   top: -10px;
 `;
 var TextInputHalfRow = _styled2.default.div`
-  margin-top: ${_chunk6N7XRYZDcjs.inputSpacingPx}px;
+  margin-top: ${_chunkO3NYVYX5cjs.inputSpacingPx}px;
   display: flex;
   justify-content: space-between;
   gap: 16px;
@@ -320,18 +341,18 @@ var StyledTextInput = _styled2.default.div`
 
   /* eg forms, should be left consistent: */
   & + & {
-    margin-top: ${_chunk6N7XRYZDcjs.inputSpacingPx}px;
+    margin-top: ${_chunkO3NYVYX5cjs.inputSpacingPx}px;
   }
 
   ${TextInputHalfRow.toString()} & + & {
     margin-top: 0;
   }
 
-  ${_chunkYIT3HB4Tcjs.CheckboxContainer.toString()} + &,
-  ${_chunkAQ3YLJHIcjs.ToggleContainer.toString()} + &,
-  & + ${_chunkYIT3HB4Tcjs.CheckboxContainer.toString()},
-  & + ${_chunkAQ3YLJHIcjs.ToggleContainer.toString()} {
-    margin-top: ${_chunk6N7XRYZDcjs.inputSpacingPx}px;
+  ${_chunkT4UBZ7NBcjs.CheckboxContainer.toString()} + &,
+  ${_chunkSH52BJQTcjs.ToggleContainer.toString()} + &,
+  & + ${_chunkT4UBZ7NBcjs.CheckboxContainer.toString()},
+  & + ${_chunkSH52BJQTcjs.ToggleContainer.toString()} {
+    margin-top: ${_chunkO3NYVYX5cjs.inputSpacingPx}px;
   }
 `;
 var InputContainer = _styled2.default.div`
@@ -344,4 +365,5 @@ var InputContainer = _styled2.default.div`
 
 
 
-exports.iconSides = iconSides; exports.iconOffsets = iconOffsets; exports.iconWidths = iconWidths; exports.TextInput = TextInput; exports.TextInputHalfRow = TextInputHalfRow;
+
+exports.iconSides = iconSides; exports.iconOffsets = iconOffsets; exports.iconWidths = iconWidths; exports.iconStrokeWidths = iconStrokeWidths; exports.TextInput = TextInput; exports.TextInputHalfRow = TextInputHalfRow;

package/dist/{chunk-YVINHMMA.js → chunk-6GPS5UZL.js}

@@ -7,17 +7,17 @@ import {
   textInputPadding,
   textInputPaddingPx,
   textInputPlaceholderColor
-} from "./chunk-UH2H3Y7Y.js";
+} from "./chunk-AO3ZBQ6T.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-YTKSEJHA.js";
+} from "./chunk-5VKJXXI3.js";
 import {
   getColor,
   themeOr
-} from "./chunk-33OPRYWV.js";
+} from "./chunk-GZILHEOA.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-JNEL3EPC.cjs → chunk-6JR2JCSG.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
+var _chunkCKSZUZXJcjs = require('./chunk-CKSZUZXJ.cjs');
 
 // src/components/ContentTable.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -18,7 +18,7 @@ function ContentTable({
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: row.title }),
       columns.map((column) => {
         const value = row[column.key];
-        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: value === true ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4N5EXQIScjs.Icon, { name: "CheckmarkCircle", width: 16, color: "success" }) : value }, column.key);
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: value === true ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCKSZUZXJcjs.Icon, { name: "CheckmarkCircle", width: 16, color: "success" }) : value }, column.key);
       })
     ] }, index)) })
   ] });

package/dist/{chunk-6KEADEVM.js → chunk-6XXD2XYJ.js}

@@ -1,32 +1,32 @@
-import {
-  UnstyledButton
-} from "./chunk-3HIDFTSK.js";
-import {
-  z
-} from "./chunk-55OQPFLF.js";
 import {
   setDefaultReactNodesTypography
-} from "./chunk-5A7SOR5D.js";
+} from "./chunk-H7KIUDPL.js";
 import {
   toReactNodes
-} from "./chunk-BDL3A6DZ.js";
+} from "./chunk-H37TWCVW.js";
 import {
   extend,
   flexCenter,
   pxToRems
-} from "./chunk-KKGZ47R3.js";
+} from "./chunk-MGHQ74CH.js";
+import {
+  UnstyledButton
+} from "./chunk-P6GYMAUR.js";
+import {
+  z
+} from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-YTKSEJHA.js";
+} from "./chunk-5VKJXXI3.js";
 import {
   standardContentInset
-} from "./chunk-ANZUTQRP.js";
+} from "./chunk-VAPNTHG5.js";
 import {
   themeOr
-} from "./chunk-33OPRYWV.js";
+} from "./chunk-GZILHEOA.js";
 import {
   colors
-} from "./chunk-WAGTMEWB.js";
+} from "./chunk-EA22C7OJ.js";
 import {
   __spreadProps,
   __spreadValues
@@ -206,6 +206,7 @@ function Toasts({
       /* @__PURE__ */ jsxs(
         StyledToast,
         {
+          backgroundColor: toast.type === "error" ? colors.red50 : toast.type === "success" ? colors.green37 : void 0,
           isActive: toast.isActive,
           isHiding: toast.isHiding,
           isVisible: fromCurrent < maxVisible,
@@ -257,7 +258,7 @@ var StyledToast = styled.div`
   align-items: flex-start;
   justify-content: space-between;
   font-weight: 500;
-  background-color: ${({ isCurrent, movingToCurrent }) => isCurrent || movingToCurrent ? colors.blue43 : themeOr("#2A50B2", colors.blue43)};
+  background-color: ${({ isCurrent, movingToCurrent, backgroundColor }) => isCurrent || movingToCurrent ? backgroundColor != null ? backgroundColor : colors.blue43 : backgroundColor != null ? backgroundColor : themeOr("#2A50B2", colors.blue43)};
   color: rgba(255, 255, 255, 0);
   padding: 16px 24px;
   ${({ duration }) => !duration && "padding-right: 50px;"}

package/dist/{chunk-VDSQAXIM.cjs → chunk-734KB425.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkVXW4GOMOcjs = require('./chunk-VXW4GOMO.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkWX5R7NU7cjs = require('./chunk-WX5R7NU7.cjs');
 
 
-var _chunkXQNOVNF4cjs = require('./chunk-XQNOVNF4.cjs');
+var _chunkCZJ6JPXBcjs = require('./chunk-CZJ6JPXB.cjs');
 
 
-var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
+var _chunk545K27C4cjs = require('./chunk-545K27C4.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -36,7 +36,7 @@ function ButtonRow({
       bottomBorder,
       ml,
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledButtonRowButton, { className, children: buttons.map(
-        (button, idx) => button === "divider" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowDivider, {}, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVXW4GOMOcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, button), idx)
+        (button, idx) => button === "divider" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowDivider, {}, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCZJ6JPXBcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, button), idx)
       ) })
     }
   );
@@ -52,9 +52,9 @@ var StyledButtonRow = _styled2.default.div`
             position: sticky;
             top: ${headerHeight}px;
             margin-top: 24px;
-            margin-left: -${_chunkU35SY546cjs.standardContentInset.smPx}px;
-            width: calc(100% + ${_chunkU35SY546cjs.standardContentInset.smPx * 2}px);
-            max-width: calc(100% + ${_chunkU35SY546cjs.standardContentInset.smPx * 2}px);
+            margin-left: -${_chunk545K27C4cjs.standardContentInset.smPx}px;
+            width: calc(100% + ${_chunk545K27C4cjs.standardContentInset.smPx * 2}px);
+            max-width: calc(100% + ${_chunk545K27C4cjs.standardContentInset.smPx * 2}px);
             z-index: 2;` : `position: relative;`}
         ${bottomBorder ? `
             &:before {
@@ -78,7 +78,7 @@ var ButtonRowDivider = _styled2.default.div`
   padding-left: 16px;
 `;
 var StyledButtonRowButton = _styled2.default.div`
-  ${_chunkXQNOVNF4cjs.overflowAutoWithoutScrollbars}
+  ${_chunkWX5R7NU7cjs.overflowAutoWithoutScrollbars}
   background: ${({ theme }) => theme.bg};
   display: flex;
   position: relative;
@@ -91,7 +91,7 @@ var StyledButtonRowButton = _styled2.default.div`
   }
 
   ${_chunkKW3JYLRIcjs.bp.sm(`
-    padding: ${_chunkU35SY546cjs.standardContentInset.smPx}px;
+    padding: ${_chunk545K27C4cjs.standardContentInset.smPx}px;
   `)}
 `;
 

package/dist/{chunk-27KFOQ2E.cjs → chunk-73FF4VW5.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkYZ2C4D6Ncjs = require('./chunk-YZ2C4D6N.cjs');
+var _chunk6GF56M42cjs = require('./chunk-6GF56M42.cjs');
 
 
 
@@ -14,7 +14,7 @@ function SecretInput(_a) {
   var rest = _chunkZ6EUSUADcjs.__objRest.call(void 0, _a, []);
   const [showSecret, setShowSecret] = _react.useState.call(void 0, false);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkYZ2C4D6Ncjs.TextInput,
+    _chunk6GF56M42cjs.TextInput,
     _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, rest), {
       type: showSecret ? void 0 : "password",
       onClickIcon: () => setShowSecret(!showSecret),

package/dist/{chunk-E7KQYTWW.cjs → chunk-7AXFDYVQ.cjs}

@@ -3,7 +3,7 @@
 var _chunkAGIM6BKCcjs = require('./chunk-AGIM6BKC.cjs');
 
 
-var _chunkUBQ5BC6Mcjs = require('./chunk-UBQ5BC6M.cjs');
+var _chunkKP6R6CBPcjs = require('./chunk-KP6R6CBP.cjs');
 
 // src/components/documentation/DocsHeadline.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -54,7 +54,7 @@ var DocsHeadline = ({
 }) => {
   const id = toKebabCase(getHeaderId(children));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkUBQ5BC6Mcjs.StyledHeadline,
+    _chunkKP6R6CBPcjs.StyledHeadline,
     {
       as: heading,
       id,

package/dist/chunk-7GOOS3YI.js

@@ -0,0 +1,48 @@
+// src/icons/central/StrongStrength.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function StrongStrengthIcon({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      strokeWidth,
+      strokeLinecap,
+      strokeLinejoin,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M11.6133 2C10.969 2 10.4467 2.52233 10.4467 3.16667V12.8333C10.4467 13.4777 10.969 14 11.6133 14H12.8333C13.4777 14 14 13.4777 14 12.8333V3.16667C14 2.52233 13.4777 2 12.8333 2H11.6133Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M7.38677 5.55566C6.74244 5.55566 6.22009 6.078 6.22009 6.72234V12.8335C6.22009 13.4777 6.74244 14.0001 7.38677 14.0001H8.60677C9.25111 14.0001 9.77344 13.4777 9.77344 12.8334V6.72234C9.77344 6.078 9.25111 5.55566 8.60677 5.55566H7.38677Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M3.16667 8.51855C2.52233 8.51855 2 9.04089 2 9.68522V12.8334C2 13.4778 2.52233 14.0001 3.16667 14.0001H4.38667C5.031 14.0001 5.55333 13.4778 5.55333 12.8334V9.68522C5.55333 9.04089 5.031 8.51855 4.38667 8.51855H3.16667Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  StrongStrengthIcon
+};

package/dist/{chunk-GM7RDF3D.cjs → chunk-7HUX7DGQ.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk6OSTNEFIcjs = require('./chunk-6OSTNEFI.cjs');
+var _chunkK57M5KQ5cjs = require('./chunk-K57M5KQ5.cjs');
 
 
 
-var _chunkSIDAD2FYcjs = require('./chunk-SIDAD2FY.cjs');
+var _chunkDAID3TUPcjs = require('./chunk-DAID3TUP.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/Display.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Display(props) {
-  const propsWithDefaults = _chunkSIDAD2FYcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkDAID3TUPcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunk6OSTNEFIcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkK57M5KQ5cjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSIDAD2FYcjs.StyledDisplay, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDAID3TUPcjs.StyledDisplay, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-FTJZZWYS.cjs → chunk-7LGSON6F.cjs}

@@ -1,21 +1,21 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkVXW4GOMOcjs = require('./chunk-VXW4GOMO.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkR46DRG52cjs = require('./chunk-R46DRG52.cjs');
+var _chunkCZJ6JPXBcjs = require('./chunk-CZJ6JPXB.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkNCVALN33cjs = require('./chunk-NCVALN33.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
+var _chunkCKSZUZXJcjs = require('./chunk-CKSZUZXJ.cjs');
 
 
-var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
+var _chunk545K27C4cjs = require('./chunk-545K27C4.cjs');
 
 // src/components/Drawer.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -41,7 +41,7 @@ var Drawer = (props) => {
   };
   const handleTouchMove = (event) => {
     var _a, _b;
-    if (props.nonDismissable) {
+    if (props.nonDismissable || props.disableTouchMove) {
       return;
     }
     if (lastY === null) {
@@ -60,13 +60,13 @@ var Drawer = (props) => {
     }
   };
   const handleTouchStart = () => {
-    if (props.nonDismissable) {
+    if (props.nonDismissable || props.disableTouchMove) {
       return;
     }
     setGrabbing(true);
   };
   const handleTouchEnd = () => {
-    if (props.nonDismissable) {
+    if (props.nonDismissable || props.disableTouchMove) {
       return;
     }
     setGrabbing(false);
@@ -96,28 +96,36 @@ var Drawer = (props) => {
         grabbing,
         ref: drawerContainerRef,
         top: props.top,
-        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DrawerInnerContainer, { kind: props.kind, padding: props.padding, children: [
-          props.grabber && !props.nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Grabber, { onClick: handleClose, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, GrabberBar, {}) }),
-          props.handleBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButtonContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkVXW4GOMOcjs.Button,
-            {
-              onClick: props.handleBack,
-              icon: { name: "ChevronLeft" },
-              kind: "ghost",
-              size: "Small"
-            }
-          ) }),
-          props.closeButton && !props.nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButtonContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: handleClose, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk4N5EXQIScjs.Icon,
-            {
-              name: "CentralCrossLarge",
-              square: true,
-              width: 16,
-              color: "grayBlue43"
-            }
-          ) }) }),
-          props.children
-        ] })
+        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          DrawerInnerContainer,
+          {
+            kind: props.kind,
+            padding: props.padding,
+            alignBottom: props.alignBottom,
+            children: [
+              props.grabber && !props.nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Grabber, { onClick: handleClose, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, GrabberBar, {}) }),
+              props.handleBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButtonContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkCZJ6JPXBcjs.Button,
+                {
+                  onClick: props.handleBack,
+                  icon: { name: "ChevronLeft" },
+                  kind: "ghost",
+                  size: "Small"
+                }
+              ) }),
+              props.closeButton && !props.nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButtonContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: handleClose, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkCKSZUZXJcjs.Icon,
+                {
+                  name: "CentralCrossLarge",
+                  square: true,
+                  width: 16,
+                  color: "grayBlue43"
+                }
+              ) }) }),
+              props.children
+            ]
+          }
+        )
       }
     )
   ] });
@@ -186,13 +194,14 @@ var DrawerContainer = _styled2.default.div`
   }
 `;
 var DrawerInnerContainer = _styled2.default.div`
+  ${(props) => props.alignBottom ? "margin-top: auto;" : ""}
   position: relative;
   display: flex;
   flex-direction: column;
   width: ${(props) => props.kind === "floating" ? `calc(100% - ${_chunkZUAO4DW3cjs.Spacing.md * 2}px)` : "100%"};
   min-width: 320px;
-  height: 100%;
   ${(props) => props.kind === "floating" ? `bottom: ${_chunkZUAO4DW3cjs.Spacing.px.md};` : ""}
+  height: auto;
   border-radius: ${(props) => props.kind === "floating" ? _chunkZUAO4DW3cjs.Spacing.px.lg : `${_chunkZUAO4DW3cjs.Spacing.px.lg} ${_chunkZUAO4DW3cjs.Spacing.px.lg} 0 0`};
   background-color: ${({ theme }) => theme.bg};
   padding: ${(props) => props.padding ? `${props.padding}` : `${_chunkZUAO4DW3cjs.Spacing.px["6xl"]} ${_chunkZUAO4DW3cjs.Spacing.px.xl} ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]}
@@ -227,8 +236,8 @@ var CloseButtonContainer = _styled2.default.div`
     line-height: 14px;
   }
 `;
-var CloseButton = _styled2.default.call(void 0, _chunkR46DRG52cjs.UnstyledButton)`
-  ${_chunkU35SY546cjs.standardFocusOutline}
+var CloseButton = _styled2.default.call(void 0, _chunkNCVALN33cjs.UnstyledButton)`
+  ${_chunk545K27C4cjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-end;