@lightsparkdev/ui 1.1.16 → 1.1.17

package/dist/{chunk-EOF5WNVY.js → chunk-G2W4PQCW.js}

@@ -1,19 +1,19 @@
 import {
   TextInput
-} from "./chunk-AZ3RYGYM.js";
+} from "./chunk-3PDB5N46.js";
 import {
   Pill
-} from "./chunk-HEXQRFIT.js";
+} from "./chunk-5CNKRRS3.js";
 import {
   InputSubtext,
   inputBlockStyle
-} from "./chunk-YCSXA2KQ.js";
+} from "./chunk-ULTSHCPV.js";
 import {
   UnstyledButton
-} from "./chunk-MMQON4EE.js";
+} from "./chunk-3A65FDXQ.js";
 import {
   Icon
-} from "./chunk-SYTKAZOH.js";
+} from "./chunk-MNNK5Z6E.js";
 import {
   useBreakpoints
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-CR55KSPG.cjs → chunk-GJ4EVX5N.cjs}

@@ -1,34 +1,34 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkVIVS4Q34cjs = require('./chunk-VIVS4Q34.cjs');
+var _chunkKNOF6XGCcjs = require('./chunk-KNOF6XGC.cjs');
 
 
-var _chunk3XDR6H5Qcjs = require('./chunk-3XDR6H5Q.cjs');
+var _chunkY34U46ILcjs = require('./chunk-Y34U46IL.cjs');
 
 
-var _chunkZ4U2SJAWcjs = require('./chunk-Z4U2SJAW.cjs');
+var _chunkOIVMDDPCcjs = require('./chunk-OIVMDDPC.cjs');
 
 
-var _chunkRC7657RRcjs = require('./chunk-RC7657RR.cjs');
+var _chunkDSTWBIG7cjs = require('./chunk-DSTWBIG7.cjs');
 
 
-var _chunkBXREC2NYcjs = require('./chunk-BXREC2NY.cjs');
+var _chunkGSQGDJAVcjs = require('./chunk-GSQGDJAV.cjs');
 
 
-var _chunkTZ7XF6DBcjs = require('./chunk-TZ7XF6DB.cjs');
+var _chunkNE6BUG64cjs = require('./chunk-NE6BUG64.cjs');
 
 
-var _chunkHBZZBT7Vcjs = require('./chunk-HBZZBT7V.cjs');
+var _chunk366NWQOGcjs = require('./chunk-366NWQOG.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkG6GE2K3Lcjs = require('./chunk-G6GE2K3L.cjs');
+var _chunkEFUO4VCAcjs = require('./chunk-EFUO4VCA.cjs');
 
 
 
-var _chunkEINUB4JIcjs = require('./chunk-EINUB4JI.cjs');
+var _chunkWZIDVP2Ucjs = require('./chunk-WZIDVP2U.cjs');
 
 
 
@@ -74,11 +74,11 @@ function resolveBackgroundColorKey(theme, kind, defaultKey) {
   var _a;
   const defaultBackgroundColorKey = (_a = theme.buttons.kinds[kind]) == null ? void 0 : _a[defaultKey];
   let backgroundColorKey = defaultBackgroundColorKey;
-  if (!backgroundColorKey && _chunkEINUB4JIcjs.isThemeOrColorKey.call(void 0, kind)) {
+  if (!backgroundColorKey && _chunkWZIDVP2Ucjs.isThemeOrColorKey.call(void 0, kind)) {
     backgroundColorKey = kind;
   }
   const defaultBackgroundColor = theme.buttons[defaultKey];
-  const backgroundColor = _chunkEINUB4JIcjs.getBackgroundColor.call(void 0, 
+  const backgroundColor = _chunkWZIDVP2Ucjs.getBackgroundColor.call(void 0, 
     theme,
     backgroundColorKey,
     defaultBackgroundColor
@@ -231,7 +231,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
         typography,
         kind,
         paddingX,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVIVS4Q34cjs.Loading, { size: defaultIconWidth, center: false, kind: loadingKind })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKNOF6XGCcjs.Loading, { size: defaultIconWidth, center: false, kind: loadingKind })
       }
     );
   } else if (icon) {
@@ -244,7 +244,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
         kind,
         paddingX,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkRC7657RRcjs.Icon,
+          _chunkDSTWBIG7cjs.Icon,
           _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, icon), {
             width: icon.width || defaultIconWidth,
             square: icon.square === void 0 ? true : icon.square,
@@ -274,7 +274,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
                 textOverflow: "ellipsis",
                 overflow: "hidden"
               },
-              children: _chunkHBZZBT7Vcjs.renderTypography.call(void 0, typography.type, {
+              children: _chunk366NWQOGcjs.renderTypography.call(void 0, typography.type, {
                 children: text,
                 color: typography.color,
                 size: typography.size
@@ -285,7 +285,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
         ]
       })
     ),
-    tooltipText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3XDR6H5Qcjs.Tooltip, { id: tooltipId.current, content: tooltipText }) : null
+    tooltipText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY34U46ILcjs.Tooltip, { id: tooltipId.current, content: tooltipText }) : null
   ] });
   const commonProps = {
     id,
@@ -372,7 +372,7 @@ var buttonStyle = ({
 
     ${zIndex && `z-index: ${zIndex};`}
 
-    ${_chunkG6GE2K3Lcjs.applyTypography.call(void 0, 
+    ${_chunkEFUO4VCAcjs.applyTypography.call(void 0, 
     theme,
     typography.type,
     typography.size,
@@ -380,7 +380,7 @@ var buttonStyle = ({
   )}
 
     &:focus-visible {
-      outline: ${_chunkBXREC2NYcjs.getFocusOutline.call(void 0, { theme })};
+      outline: ${_chunkGSQGDJAVcjs.getFocusOutline.call(void 0, { theme })};
       /* Slightly different offset for buttons so the outline is visible: */
       outline-offset: 0px;
     }
@@ -420,9 +420,9 @@ var ButtonIcon = _styled2.default.div`
   ${({ iconSide, paddingX }) => `${iconSide}: ${paddingX}px;`}
 `;
 var LinkWithoutTypography = _react3.forwardRef.call(void 0, (props, ref) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTZ7XF6DBcjs.Link, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), { ref }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNE6BUG64cjs.Link, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), { ref }));
 });
-var StyledButton = _styled2.default.call(void 0, _chunkZ4U2SJAWcjs.UnstyledButton)`
+var StyledButton = _styled2.default.call(void 0, _chunkOIVMDDPCcjs.UnstyledButton)`
   ${(props) => buttonStyle(props)}
 `;
 var ButtonLink = _styled2.default.call(void 0, LinkWithoutTypography)`

package/dist/{chunk-BXREC2NY.cjs → chunk-GSQGDJAV.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkEINUB4JIcjs = require('./chunk-EINUB4JI.cjs');
+var _chunkWZIDVP2Ucjs = require('./chunk-WZIDVP2U.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -115,7 +115,7 @@ var overlaySurfaceBorderColor = ({
   theme,
   important = false
 }) => _react.css`
-  border-color: ${_chunkEINUB4JIcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme })}
+  border-color: ${_chunkWZIDVP2Ucjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme })}
     ${important ? "!important" : ""};
 `;
 var overlaySurface = ({
@@ -123,11 +123,11 @@ var overlaySurface = ({
   important = false,
   border = true
 }) => _react.css`
-  background-color: ${_chunkEINUB4JIcjs.themeOr.call(void 0, theme.bg, theme.c1Neutral)({ theme })}
+  background-color: ${_chunkWZIDVP2Ucjs.themeOr.call(void 0, theme.bg, theme.c1Neutral)({ theme })}
     ${important ? "!important" : ""};
   ${border ? `border: 0.5px solid ${important ? "!important" : ""};` : ""}
   ${overlaySurfaceBorderColor({ theme, important })};
-  ${_chunkEINUB4JIcjs.themeOr.call(void 0, 
+  ${_chunkWZIDVP2Ucjs.themeOr.call(void 0, 
   `box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08), 0px 1px 4px rgba(0, 0, 0, 0.1) ${important ? "!important" : ""};`,
   ""
 )({ theme })}

package/dist/{chunk-FNWUNPQM.js → chunk-GXEIFSWS.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2NT4RAQ3.js";
 import {
   StyledHeadline
-} from "./chunk-CT23RURJ.js";
+} from "./chunk-UG47I3VN.js";
 
 // src/components/documentation/DocsHeadline.tsx
 import React from "react";

package/dist/chunk-HDNFJCSG.js

@@ -0,0 +1,23 @@
+import {
+  Spacing
+} from "./chunk-E5DUKMCU.js";
+import {
+  ButtonSelector
+} from "./chunk-NE7756PY.js";
+
+// src/components/DataManagerTable/AppliedButtonsContainer.tsx
+import styled from "@emotion/styled";
+var AppliedButtonsContainer = styled.div`
+  margin-top: ${Spacing.px.sm};
+  display: flex;
+  gap: ${Spacing.px.xs};
+  flex-wrap: wrap;
+
+  ${ButtonSelector()} {
+    max-width: 100%;
+  }
+`;
+
+export {
+  AppliedButtonsContainer
+};

package/dist/{chunk-4HESAYFN.cjs → chunk-HEZ5UCCW.cjs}

@@ -7,17 +7,17 @@
 
 
 
-var _chunkSG2KPTGOcjs = require('./chunk-SG2KPTGO.cjs');
+var _chunkWDTLFMRWcjs = require('./chunk-WDTLFMRW.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkRC7657RRcjs = require('./chunk-RC7657RR.cjs');
+var _chunkDSTWBIG7cjs = require('./chunk-DSTWBIG7.cjs');
 
 
 
-var _chunkEINUB4JIcjs = require('./chunk-EINUB4JI.cjs');
+var _chunkWZIDVP2Ucjs = require('./chunk-WZIDVP2U.cjs');
 
 
 
@@ -59,14 +59,14 @@ function Select(_a) {
   const styles = {
     container: (styles2, state) => {
       return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles2), {
-        width: _chunkSG2KPTGOcjs.fieldWidth,
-        maxWidth: _chunkSG2KPTGOcjs.maxFieldWidth,
+        width: _chunkWDTLFMRWcjs.fieldWidth,
+        maxWidth: _chunkWDTLFMRWcjs.maxFieldWidth,
         zIndex: _chunkZU72XWNEcjs.z.select
       });
     },
     control: (styles2, state) => {
       const controlStyles = getControlStyles ? getControlStyles(styles2, state) : {
-        padding: state.menuIsOpen || state.isFocused ? `${_chunkSG2KPTGOcjs.textInputPaddingPx - 1}px` : _chunkSG2KPTGOcjs.textInputPadding,
+        padding: state.menuIsOpen || state.isFocused ? `${_chunkWDTLFMRWcjs.textInputPaddingPx - 1}px` : _chunkWDTLFMRWcjs.textInputPadding,
         background: theme.bg,
         minHeight: 0,
         fontSize: 14,
@@ -76,9 +76,9 @@ function Select(_a) {
         transition: "none",
         boxShadow: "none",
         "&:hover": {
-          borderColor: state.menuIsOpen ? _chunkSG2KPTGOcjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkSG2KPTGOcjs.textInputBorderColor.call(void 0, { theme })
+          borderColor: state.menuIsOpen ? _chunkWDTLFMRWcjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkWDTLFMRWcjs.textInputBorderColor.call(void 0, { theme })
         },
-        borderColor: state.menuIsOpen || state.isFocused ? _chunkSG2KPTGOcjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkSG2KPTGOcjs.textInputBorderColor.call(void 0, { theme })
+        borderColor: state.menuIsOpen || state.isFocused ? _chunkWDTLFMRWcjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkWDTLFMRWcjs.textInputBorderColor.call(void 0, { theme })
       }), controlStyles);
     },
     indicatorsContainer: (styles2) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles2), {
@@ -101,13 +101,13 @@ function Select(_a) {
     },
     option: (styles2, props) => {
       const optionStyles = getOptionStyles ? getOptionStyles(styles2, props) : {
-        color: props.isFocused ? _chunkEINUB4JIcjs.getColor.call(void 0, theme, _chunkSG2KPTGOcjs.defaultTextInputTypography.color) : props.isDisabled ? _chunkSG2KPTGOcjs.textInputPlaceholderColor.call(void 0, { theme }) : _chunkEINUB4JIcjs.getColor.call(void 0, theme, _chunkSG2KPTGOcjs.defaultTextInputTypography.color),
+        color: props.isFocused ? _chunkWZIDVP2Ucjs.getColor.call(void 0, theme, _chunkWDTLFMRWcjs.defaultTextInputTypography.color) : props.isDisabled ? _chunkWDTLFMRWcjs.textInputPlaceholderColor.call(void 0, { theme }) : _chunkWZIDVP2Ucjs.getColor.call(void 0, theme, _chunkWDTLFMRWcjs.defaultTextInputTypography.color),
         fontWeight: 600,
         cursor: "pointer",
-        backgroundColor: props.isFocused ? _chunkEINUB4JIcjs.themeOr.call(void 0, theme.c05Neutral, theme.c2Neutral)({ theme }) : theme.bg,
+        backgroundColor: props.isFocused ? _chunkWZIDVP2Ucjs.themeOr.call(void 0, theme.c05Neutral, theme.c2Neutral)({ theme }) : theme.bg,
         WebkitTapHighlightColor: theme.c1Neutral,
         "&:active": {
-          backgroundColor: _chunkEINUB4JIcjs.themeOr.call(void 0, 
+          backgroundColor: _chunkWZIDVP2Ucjs.themeOr.call(void 0, 
             theme.c05Neutral,
             theme.c5Neutral
           )({ theme })
@@ -156,7 +156,7 @@ function Select(_a) {
         menuPortalTarget: document.body,
         ref: selectRef,
         components: _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {
-          DropdownIndicator: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRC7657RRcjs.Icon, { name: "Chevron", width: 16 })
+          DropdownIndicator: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDSTWBIG7cjs.Icon, { name: "Chevron", width: 16 })
         }, rest.components),
         theme: (selectTheme) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, selectTheme), {
           borderRadius: 8,

package/dist/{chunk-OYGETYZ7.js → chunk-HJVT3CGA.js}

@@ -1,9 +1,9 @@
 import {
   GlobalStyles
-} from "./chunk-LEGBX7YP.js";
+} from "./chunk-7YGSPFH7.js";
 import {
   themes
-} from "./chunk-GBEYKWHU.js";
+} from "./chunk-V7XAF6D2.js";
 
 // src/components/LightsparkProvider.tsx
 import { ThemeProvider } from "@emotion/react";

package/dist/{chunk-UH4SCD2Q.js → chunk-HLFVDDH3.js}

@@ -1,15 +1,15 @@
 import {
   CopyToClipboardButton
-} from "./chunk-QHJ6MFJR.js";
+} from "./chunk-PSF37MHQ.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-DG2PTSLJ.js";
+} from "./chunk-OOOWTNUV.js";
 import {
   standardBorderRadius
-} from "./chunk-RURWLQBJ.js";
+} from "./chunk-B73N7I6O.js";
 import {
   themeOr
-} from "./chunk-GBEYKWHU.js";
+} from "./chunk-V7XAF6D2.js";
 import {
   colors
 } from "./chunk-4BTMZ2KB.js";

package/dist/{chunk-JBBL2TM6.js → chunk-HR7H6SLW.js}

@@ -1,12 +1,12 @@
 import {
   Filter
-} from "./chunk-A2QAQ3JD.js";
+} from "./chunk-3OY2OJFQ.js";
 import {
   NumberInput_default
-} from "./chunk-BJXTOJZZ.js";
+} from "./chunk-YMYTHVW4.js";
 import {
   ButtonRow
-} from "./chunk-QPCDK7NY.js";
+} from "./chunk-6ZZPMIC2.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-DQE5L7XB.js → chunk-HVHTPJTX.js}

@@ -1,9 +1,9 @@
 import {
   Icon
-} from "./chunk-SYTKAZOH.js";
+} from "./chunk-MNNK5Z6E.js";
 import {
   renderTypography
-} from "./chunk-WTKAQJKR.js";
+} from "./chunk-LCBH4UOZ.js";
 
 // src/components/CurrencyAmount.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-C53RJGXI.cjs → chunk-HWDJCLQ3.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkMIDHYNWFcjs = require('./chunk-MIDHYNWF.cjs');
+var _chunkBYDL5MCYcjs = require('./chunk-BYDL5MCY.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
@@ -13,7 +13,7 @@ var Filter = ({
   children
 }) => {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, FilterContainer, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMIDHYNWFcjs.LabelModerate, { children: `Filter by ${label}` }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBYDL5MCYcjs.LabelModerate, { children: `Filter by ${label}` }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterBody, { children })
   ] });
 };

package/dist/{chunk-KAUJVYDV.cjs → chunk-HWG43LXI.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkVXCQN5B7cjs = require('./chunk-VXCQN5B7.cjs');
+var _chunkCWO637N3cjs = require('./chunk-CWO637N3.cjs');
 
 
-var _chunkJQAMMNYAcjs = require('./chunk-JQAMMNYA.cjs');
+var _chunkS6OGIIJCcjs = require('./chunk-S6OGIIJC.cjs');
 
 // src/components/Checkbox.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -31,10 +31,10 @@ function Checkbox({
     size: (typographyProp == null ? void 0 : typographyProp.size) || "Medium",
     color: (typographyProp == null ? void 0 : typographyProp.color) || "text"
   };
-  const nodesWithTypography = _chunkVXCQN5B7cjs.setDefaultReactNodesTypography.call(void 0, label, {
+  const nodesWithTypography = _chunkCWO637N3cjs.setDefaultReactNodesTypography.call(void 0, label, {
     default: defaultTypography
   });
-  const content = _chunkJQAMMNYAcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunkS6OGIIJCcjs.toReactNodes.call(void 0, nodesWithTypography);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CheckboxContainer, { mt, mb, ml, mr, alignItems, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       StyledCheckbox,

package/dist/{chunk-QIE6RAQ2.cjs → chunk-I3JLNGMD.cjs}

@@ -2,7 +2,7 @@
 
 
 
-var _chunkSG2KPTGOcjs = require('./chunk-SG2KPTGO.cjs');
+var _chunkWDTLFMRWcjs = require('./chunk-WDTLFMRW.cjs');
 
 // src/components/TextArea.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -25,7 +25,7 @@ function TextArea({
   resize = "none"
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
-    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSG2KPTGOcjs.Label, { children: label }),
+    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWDTLFMRWcjs.Label, { children: label }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       StyledTextArea,
       {
@@ -42,11 +42,11 @@ function TextArea({
         readOnly
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSG2KPTGOcjs.InputSubtext, { text: error || hint })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWDTLFMRWcjs.InputSubtext, { text: error || hint })
   ] });
 }
 var StyledTextArea = _styled2.default.textarea`
-  ${_chunkSG2KPTGOcjs.textInputStyle}
+  ${_chunkWDTLFMRWcjs.textInputStyle}
   resize: ${({ resize }) => resize || "none"};
   min-height: ${({ minHeight }) => typeof minHeight === "number" ? `${minHeight}px` : "initial"};
 `;

package/dist/{chunk-GQD4IOTB.js → chunk-I3KWQ42J.js}

@@ -1,6 +1,6 @@
 import {
   getFontColor
-} from "./chunk-GBEYKWHU.js";
+} from "./chunk-V7XAF6D2.js";
 import {
   getTypographyString
 } from "./chunk-GZXIEXUR.js";

package/dist/{chunk-PBDF2XP2.cjs → chunk-I4WEHESF.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkRC7657RRcjs = require('./chunk-RC7657RR.cjs');
+var _chunkDSTWBIG7cjs = require('./chunk-DSTWBIG7.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, _chunkRC7657RRcjs.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, _chunkDSTWBIG7cjs.Icon, { name: "CheckmarkCircle", width: 16, color: "success" }) : value }, column.key);
       })
     ] }, index)) })
   ] });

package/dist/{chunk-FDDHVXBT.js → chunk-I5NN2WM2.js}

@@ -1,9 +1,9 @@
 import {
   SingleCodeInput
-} from "./chunk-MKSHSRFI.js";
+} from "./chunk-K4OYGFS3.js";
 import {
   textInputBorderColor
-} from "./chunk-YCSXA2KQ.js";
+} from "./chunk-ULTSHCPV.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
@@ -240,6 +240,20 @@ function CodeInput({
     }, 0);
   }, [onBlur]);
   const inputsPerGroup = Math.ceil(codeLength / 2);
+  const onContainerMouseDown = useCallback(
+    (event) => {
+      var _a, _b;
+      const target = event.target;
+      const isClickingFilledInput = target.tagName === "INPUT" && ((_a = inputState[target.id]) == null ? void 0 : _a.value) !== "";
+      if (!isClickingFilledInput) {
+        event.preventDefault();
+        const firstEmptyIndex = codeFromInputState(inputState).length;
+        const targetIndex = firstEmptyIndex < codeLength ? firstEmptyIndex : codeLength - 1;
+        (_b = getRef(getInputId(targetIndex), inputRefs)) == null ? void 0 : _b.focus();
+      }
+    },
+    [codeLength, getInputId, inputState, inputRefs]
+  );
   const inputs = [];
   for (let i = 0; i < codeLength; i += 1) {
     const inputId = getInputId(i);
@@ -296,7 +310,7 @@ function CodeInput({
     );
   }
   if (variant === "unified") {
-    return /* @__PURE__ */ jsx(UnifiedCodeInputContainer, { children: inputs });
+    return /* @__PURE__ */ jsx(UnifiedCodeInputContainer, { onMouseDown: onContainerMouseDown, children: inputs });
   }
   return /* @__PURE__ */ jsxs(StyledCodeInput, { children: [
     /* @__PURE__ */ jsx(CodeInputGroup, { children: inputs.slice(0, inputsPerGroup) }),

package/dist/{chunk-N3XFSJMM.cjs → chunk-IAW7D5RF.cjs}

@@ -1,40 +1,40 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkNRT7A7GLcjs = require('./chunk-NRT7A7GL.cjs');
+var _chunkBFU2ZFVBcjs = require('./chunk-BFU2ZFVB.cjs');
 
 
-var _chunkDOTRQLPVcjs = require('./chunk-DOTRQLPV.cjs');
+var _chunkYKQHWI5Zcjs = require('./chunk-YKQHWI5Z.cjs');
 
 
-var _chunkRDPUUOOPcjs = require('./chunk-RDPUUOOP.cjs');
+var _chunkQOIHLOYAcjs = require('./chunk-QOIHLOYA.cjs');
 
 
-var _chunkFEBSUP3Tcjs = require('./chunk-FEBSUP3T.cjs');
+var _chunkCBYQ32BMcjs = require('./chunk-CBYQ32BM.cjs');
 
 
-var _chunkFJBVFOTVcjs = require('./chunk-FJBVFOTV.cjs');
+var _chunkZURWWUC4cjs = require('./chunk-ZURWWUC4.cjs');
 
 
-var _chunk3SKNG3QYcjs = require('./chunk-3SKNG3QY.cjs');
+var _chunkBE7T24POcjs = require('./chunk-BE7T24PO.cjs');
 
 // src/components/DataManagerTable/utils.ts
 function isEnumFilterAndState(filterAndState) {
-  return filterAndState.filter.type === "enum" /* ENUM */ && _chunk3SKNG3QYcjs.isEnumFilterState.call(void 0, filterAndState.state);
+  return filterAndState.filter.type === "enum" /* ENUM */ && _chunkBE7T24POcjs.isEnumFilterState.call(void 0, filterAndState.state);
 }
 function isBooleanFilterAndState(filterAndState) {
-  return filterAndState.filter.type === "boolean" /* BOOLEAN */ && _chunkRDPUUOOPcjs.isBooleanFilterState.call(void 0, filterAndState.state);
+  return filterAndState.filter.type === "boolean" /* BOOLEAN */ && _chunkQOIHLOYAcjs.isBooleanFilterState.call(void 0, filterAndState.state);
 }
 function isCurrencyFilterAndState(filterAndState) {
-  return filterAndState.filter.type === "currency" /* CURRENCY */ && _chunkFEBSUP3Tcjs.isCurrencyFilterState.call(void 0, filterAndState.state);
+  return filterAndState.filter.type === "currency" /* CURRENCY */ && _chunkCBYQ32BMcjs.isCurrencyFilterState.call(void 0, filterAndState.state);
 }
 function isDateFilterAndState(filterAndState) {
-  return filterAndState.filter.type === "date" /* DATE */ && _chunkFJBVFOTVcjs.isDateFilterState.call(void 0, filterAndState.state);
+  return filterAndState.filter.type === "date" /* DATE */ && _chunkZURWWUC4cjs.isDateFilterState.call(void 0, filterAndState.state);
 }
 function isIdFilterAndState(filterAndState) {
-  return filterAndState.filter.type === "id" /* ID */ && _chunkNRT7A7GLcjs.isIdFilterState.call(void 0, filterAndState.state);
+  return filterAndState.filter.type === "id" /* ID */ && _chunkBFU2ZFVBcjs.isIdFilterState.call(void 0, filterAndState.state);
 }
 function isStringFilterAndState(filterAndState) {
-  return filterAndState.filter.type === "string" /* STRING */ && _chunkDOTRQLPVcjs.isStringFilterState.call(void 0, filterAndState.state);
+  return filterAndState.filter.type === "string" /* STRING */ && _chunkYKQHWI5Zcjs.isStringFilterState.call(void 0, filterAndState.state);
 }
 
 

package/dist/{chunk-D7RYQTOW.cjs → chunk-IDLECGMB.cjs}

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk7NUJQRQIcjs = require('./chunk-7NUJQRQI.cjs');
+var _chunkFL3CJSCWcjs = require('./chunk-FL3CJSCW.cjs');
 
 
-var _chunkEINUB4JIcjs = require('./chunk-EINUB4JI.cjs');
+var _chunkWZIDVP2Ucjs = require('./chunk-WZIDVP2U.cjs');
 
 // src/components/LightsparkProvider.tsx
 var _react = require('@emotion/react');
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function LightsparkProvider({ children }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.ThemeProvider, { theme: _chunkEINUB4JIcjs.themes.light, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7NUJQRQIcjs.GlobalStyles, {}),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.ThemeProvider, { theme: _chunkWZIDVP2Ucjs.themes.light, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFL3CJSCWcjs.GlobalStyles, {}),
     children
   ] });
 }