@lightsparkdev/ui 1.0.13 → 1.0.15

package/dist/{chunk-SY55CUFP.cjs → chunk-3DOBLJXN.cjs}

@@ -1,31 +1,31 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk5Y5GUICOcjs = require('./chunk-5Y5GUICO.cjs');
+var _chunkSFGLEWHWcjs = require('./chunk-SFGLEWHW.cjs');
 
 
-var _chunkUBC75VRUcjs = require('./chunk-UBC75VRU.cjs');
+var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunkQK32JW3Ncjs = require('./chunk-QK32JW3N.cjs');
+var _chunkOJXZ773Ccjs = require('./chunk-OJXZ773C.cjs');
 
 
 
 
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.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 }));
+  const _a = getPropDefaults(props), { children } = _a, rest = _chunkZ6EUSUADcjs.__objRest.call(void 0, _a, ["children"]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledTitle, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, rest), { children }));
 }
 function getPropDefaults(props) {
-  return _chunk5Y5GUICOcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
+  return _chunkSFGLEWHWcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledTitle = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkQK32JW3Ncjs.applyTypography.call(void 0, theme, "Title", size, colorProp)}
-  ${_chunkUBC75VRUcjs.typographyStyles}
+  ${({ theme, size, colorProp }) => _chunkOJXZ773Ccjs.applyTypography.call(void 0, theme, "Title", size, colorProp)}
+  ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 
 

package/dist/{chunk-NVEDOY6M.js → chunk-3KHL7F3O.js}

@@ -1,25 +1,25 @@
-import {
-  useClipboard
-} from "./chunk-NFQP7P3D.js";
 import {
   lineClamp
-} from "./chunk-4ZUB5ENE.js";
+} from "./chunk-E6MPE6H3.js";
 import {
   Icon
-} from "./chunk-DV6LJQJW.js";
+} from "./chunk-NXAP7SVM.js";
 import {
   applyTypography
-} from "./chunk-TLFK5GBE.js";
+} from "./chunk-XNXBY2U3.js";
 import {
   elide
-} from "./chunk-EDN2QDCB.js";
+} from "./chunk-HAC5YAGQ.js";
 import {
   getLineHeightNumberForTypographyType
-} from "./chunk-AZSSORPU.js";
+} from "./chunk-FGZFMWJU.js";
+import {
+  useClipboard
+} from "./chunk-QHODHUW2.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/components/ClipboardTextField.tsx
 import { useTheme } from "@emotion/react";

package/dist/chunk-3NFOW42R.cjs

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkT3KB7JMUcjs = require('./chunk-T3KB7JMU.cjs');
+
+
+
+var _chunkZJFRIMCCcjs = require('./chunk-ZJFRIMCC.cjs');
+
+
+
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
+
+// src/components/typography/Body.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Body(props) {
+  const propsWithDefaults = _chunkZJFRIMCCcjs.getPropDefaults.call(void 0, props);
+  let reactNodes = props.children || null;
+  if (props.content) {
+    reactNodes = _chunkT3KB7JMUcjs.toReactNodes.call(void 0, props.content);
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZJFRIMCCcjs.StyledBody, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+}
+
+
+
+exports.Body = Body;

package/dist/{chunk-UHDYKP2S.cjs → chunk-3P45CXOI.cjs}

@@ -3,16 +3,16 @@
 var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
 
 
-var _chunkXV2CSNTPcjs = require('./chunk-XV2CSNTP.cjs');
+var _chunk35RBH6R2cjs = require('./chunk-35RBH6R2.cjs');
 
 
-var _chunkORWZTMF2cjs = require('./chunk-ORWZTMF2.cjs');
+var _chunkNPXZDRT5cjs = require('./chunk-NPXZDRT5.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkJBCEOOZScjs = require('./chunk-JBCEOOZS.cjs');
+var _chunkZBLXVPL4cjs = require('./chunk-ZBLXVPL4.cjs');
 
 // src/components/PageSection/PageSectionNav.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -41,24 +41,24 @@ var PageSectionList = _styled2.default.ul`
 `;
 var StyledPageSectionNavItem = _styled2.default.li`
   align-items: center;
-  color: ${_chunkJBCEOOZScjs.colors.gray40};
+  color: ${_chunkZBLXVPL4cjs.colors.gray40};
   display: flex;
   list-style: none;
 
-  ${_chunkORWZTMF2cjs.IconContainer}:not(:first-of-type) {
+  ${_chunkNPXZDRT5cjs.IconContainer}:not(:first-of-type) {
     visibility: hidden;
   }
 
   &:hover {
     color: ${({ theme }) => theme.hcNeutral};
 
-    ${_chunkORWZTMF2cjs.IconContainer} {
+    ${_chunkNPXZDRT5cjs.IconContainer} {
       visibility: visible;
     }
   }
 `;
 var PageSectionListItem = ({ leftIcon, label, sectionId }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledPageSectionNavItem, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  _chunkXV2CSNTPcjs.TextButton,
+  _chunk35RBH6R2cjs.TextButton,
   {
     text: label,
     padding: "8px 0",

package/dist/{chunk-WC32NKES.js → chunk-46BYVKSC.js}

@@ -1,46 +1,52 @@
 import {
   InfoIconTooltip
-} from "./chunk-BXJM6PXH.js";
-import {
-  Loading
-} from "./chunk-75PYS7WZ.js";
+} from "./chunk-27VBWQK6.js";
 import {
   ClipboardTextField
-} from "./chunk-NVEDOY6M.js";
+} from "./chunk-3KHL7F3O.js";
 import {
-  useClipboard
-} from "./chunk-NFQP7P3D.js";
-import {
-  ignoreSSRWarning,
   lineClamp,
   overflowAutoWithoutScrollbars
-} from "./chunk-4ZUB5ENE.js";
+} from "./chunk-E6MPE6H3.js";
+import {
+  Loading
+} from "./chunk-ASXQN3NJ.js";
 import {
   Icon
-} from "./chunk-DV6LJQJW.js";
+} from "./chunk-NXAP7SVM.js";
 import {
-  standardBorderRadius,
   standardContentInset
-} from "./chunk-POGNK25N.js";
+} from "./chunk-QRFR2JVT.js";
 import {
   Link,
   replaceParams,
   useNavigate
-} from "./chunk-7VQUG3NG.js";
+} from "./chunk-FD6VC3VV.js";
+import {
+  themeOrWithKey
+} from "./chunk-ZNDP2XLL.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
+import {
+  useClipboard
+} from "./chunk-QHODHUW2.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/components/Table/Table.tsx
 import { css } from "@emotion/react";
 import styled from "@emotion/styled";
+import {
+  flexRender,
+  getCoreRowModel,
+  getSortedRowModel,
+  useReactTable
+} from "@tanstack/react-table";
 import { isObject } from "lodash-es";
-import { Fragment, useCallback, useMemo } from "react";
-import { useTable } from "react-table";
+import { Fragment, useCallback, useMemo, useState } from "react";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 var isObjectCell = (value) => {
   return isObject(value) && "text" in value && typeof value.text === "string";
@@ -63,9 +69,11 @@ function Table({
   loading,
   onClickRow,
   emptyState,
-  clipboardCallbacks
+  clipboardCallbacks,
+  rowHoverEffect = "border"
 }) {
   const navigate = useNavigate();
+  const [sorting, setSorting] = useState([]);
   const { canWriteToClipboard, writeTextToClipboard } = useClipboard(clipboardCallbacks);
   const onClickCopy = useCallback(
     (value) => (event) => {
@@ -76,34 +84,38 @@ function Table({
   );
   const mappedColumns = useMemo(
     () => columns.map((column) => __spreadProps(__spreadValues({}, column), {
-      Header: typeof column.Header === "string" ? column.Header : /* @__PURE__ */ jsxs("div", { children: [
-        column.Header.name,
+      header: (context) => typeof column.header === "string" ? column.header : /* @__PURE__ */ jsxs("div", { children: [
+        column.header.name,
         /* @__PURE__ */ jsx(
           InfoIconTooltip,
           {
-            id: `tooltip-${column.Header.name}`,
-            content: column.Header.tooltip || "",
+            id: `tooltip-${column.header.name}`,
+            content: column.header.tooltip || "",
             verticalAlign: -2
           }
         )
       ] }),
-      accessor: column.accessor.toString(),
-      Cell: ({ value }) => {
-        let content = value;
+      accessorKey: column.accessorKey.toString(),
+      cell: (context) => {
+        const value = context.getValue();
+        let content = null;
         let icon = null;
         if (isObjectCell(value)) {
+          const base64icon = value.base64icon ? /* @__PURE__ */ jsx(Base64Icon, { src: value.base64icon, alt: "Icon" }) : null;
           icon = value.icon ? /* @__PURE__ */ jsx(Icon, { name: value.icon, width: 14, mr: 4, color: "c4Neutral" }) : null;
           if (isMultilineCell(value)) {
             content = /* @__PURE__ */ jsxs(LineClampSpan, { children: [
-              icon,
+              base64icon ? base64icon : icon,
               value.text
             ] });
           } else {
             content = /* @__PURE__ */ jsxs(Fragment, { children: [
-              icon,
+              base64icon ? base64icon : icon,
               value.text
             ] });
           }
+        } else {
+          content = value;
         }
         if (isLinkAndClipboardCell(value)) {
           const copyButton = canWriteToClipboard && /* @__PURE__ */ jsx(
@@ -211,8 +223,17 @@ function Table({
     })),
     [columns, canWriteToClipboard, onClickCopy, clipboardCallbacks]
   );
-  const tableInstance = useTable({ columns: mappedColumns, data });
-  const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow } = tableInstance;
+  const tableInstance = useReactTable({
+    columns: mappedColumns,
+    data,
+    state: {
+      sorting
+    },
+    onSortingChange: setSorting,
+    getCoreRowModel: getCoreRowModel(),
+    getSortedRowModel: getSortedRowModel()
+    // debugTable: true
+  });
   function onClickDataRow(event, row) {
     const onClickRowResult = onClickRow ? onClickRow(row) : null;
     if (onClickRowResult) {
@@ -230,52 +251,46 @@ function Table({
     }
   }
   return /* @__PURE__ */ jsxs(TableWrapper, { children: [
-    /* @__PURE__ */ jsxs(StyledTable, __spreadProps(__spreadValues({}, getTableProps()), { clickable: Boolean(onClickRow), children: [
-      /* @__PURE__ */ jsx("thead", {
-        // Loop over the header rows
-        children: headerGroups.map((headerGroup) => (
-          // Apply the header row props
-          /* @__PURE__ */ jsx("tr", __spreadProps(__spreadValues({}, headerGroup.getHeaderGroupProps()), {
-            // Loop over the headers in each row
-            children: headerGroup.headers.map((column) => (
-              // Apply the header cell props
-              /* @__PURE__ */ jsx("th", __spreadProps(__spreadValues({}, column.getHeaderProps()), {
-                // Render the header
-                children: column.render("Header")
-              }))
-            ))
-          }))
-        ))
-      }),
-      /* @__PURE__ */ jsx("tbody", __spreadProps(__spreadValues({}, getTableBodyProps()), {
-        // Loop over the table rows
-        children: rows.map((row) => {
-          prepareRow(row);
-          return (
-            // Apply the row props
-            /* @__PURE__ */ jsx(
-              "tr",
-              __spreadProps(__spreadValues({}, row.getRowProps()), {
-                onClick: (event) => onClickDataRow(event, row),
-                onKeyDown: (event) => {
-                  if (event.key === "Enter") {
-                    onClickDataRow(event, row);
-                  }
+    /* @__PURE__ */ jsxs(
+      StyledTable,
+      {
+        clickable: Boolean(onClickRow),
+        rowHoverEffect,
+        children: [
+          /* @__PURE__ */ jsx("thead", {
+            // Loop over the header rows
+            children: tableInstance.getHeaderGroups().map((headerGroup) => {
+              return /* @__PURE__ */ jsx("tr", { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx("th", { children: header.isPlaceholder ? null : flexRender(
+                header.column.columnDef.header,
+                header.getContext()
+              ) }, header.id)) }, headerGroup.id);
+            })
+          }),
+          /* @__PURE__ */ jsx("tbody", {
+            // Loop over the table rows
+            children: tableInstance.getRowModel().rows.map((row) => {
+              return /* @__PURE__ */ jsx(
+                "tr",
+                {
+                  onClick: (event) => onClickDataRow(event, row),
+                  onKeyDown: (event) => {
+                    if (event.key === "Enter") {
+                      onClickDataRow(event, row);
+                    }
+                  },
+                  tabIndex: 0,
+                  children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx("td", { children: flexRender(
+                    cell.column.columnDef.cell,
+                    cell.getContext()
+                  ) }, cell.id))
                 },
-                tabIndex: 0,
-                // Loop over the rows cells
-                children: row.cells.map((cell) => {
-                  return /* @__PURE__ */ jsx("td", __spreadProps(__spreadValues({}, cell.getCellProps()), {
-                    // Render the cell contents
-                    children: cell.render("Cell")
-                  }));
-                })
-              })
-            )
-          );
-        })
-      }))
-    ] })),
+                row.id
+              );
+            })
+          })
+        ]
+      }
+    ),
     emptyState,
     loading && /* @__PURE__ */ jsx(Loading, {})
   ] });
@@ -325,6 +340,13 @@ var CopyButton = styled.span`
 var LineClampSpan = styled.span`
   ${lineClamp(2)}
 `;
+var Base64Icon = styled.img`
+  width: 32px;
+  height: 32px;
+  object-fit: contain;
+  border-radius: 4px;
+  margin-right: 12px;
+`;
 var cellPaddingPx = 15;
 var StyledTable = styled.table`
   position: relative;
@@ -348,7 +370,8 @@ var StyledTable = styled.table`
     max-width: 200px;
     text-align: left;
     padding: ${cellPaddingPx}px 0px;
-    border-bottom: 1px solid ${({ theme }) => theme.c1Neutral};
+    border-bottom: 1px solid
+      ${({ theme }) => themeOrWithKey("c1Neutral", "c2Neutral")({ theme })};
     padding: ${cellPaddingPx}px;
     &:first-of-type {
       padding-left: 0px;
@@ -361,32 +384,13 @@ var StyledTable = styled.table`
     }
   }
 
-  tr {
-    cursor: ${({ clickable }) => clickable ? "pointer" : "default"};
-    position: relative;
-
-    &:hover td:first-child:before ${ignoreSSRWarning} {
-      ${standardBorderRadius(16)}
-      content: "";
-      position: absolute;
-      /* Position offsets inside trs do not properly follow relatively positioned
-         parents in Safari (see bug https://bit.ly/49dViWy), use margin instead: */
-      margin-top: 5px;
-      left: -12px;
-      width: calc(100% + 24px);
-      height: 32px;
-      border: 1px solid ${({ theme }) => theme.c1Neutral};
-      pointer-events: none;
-    }
-  }
-
   td {
     max-width: 200px;
     text-overflow: ellipsis;
     overflow: hidden;
     padding: 0 ${cellPaddingPx}px;
     white-space: nowrap;
-    & > * {
+    & > span {
       overflow: hidden;
       text-overflow: ellipsis;
       display: block;
@@ -409,6 +413,61 @@ var StyledTable = styled.table`
       white-space: normal;
     }
   }
+
+  tr {
+    cursor: ${({ clickable }) => clickable ? "pointer" : "default"};
+    position: relative;
+
+    ${({ rowHoverEffect, theme }) => `
+        &:hover {
+          td {
+            position: relative;
+            &:before {
+              content: "";
+              display: block;
+              position: absolute;
+              pointer-events: none;
+              height: 80%;
+              top: 10%;
+              bottom: 10%;
+              ${rowHoverEffect === "background" ? `background: ${theme.c1Neutral};` : `
+                    border: 1px solid ${themeOrWithKey(
+  "c1Neutral",
+  "c2Neutral"
+)({ theme })};
+                    border-left-width: 0;
+                    border-right-width: 0;
+                  `}
+              left: 0;
+              right: 0;
+              width: 100%;
+              z-index: -1;
+            }
+            &:first-of-type {
+              overflow: visible;
+              &:before {
+                border-top-left-radius: 32px;
+                border-bottom-left-radius: 32px;
+                transform: translateX(-12px);
+                width: calc(100% + 12px);
+                ${rowHoverEffect === "border" ? "border-left-width: 1px;" : ""}
+              }
+            }
+            &:last-of-type {
+              overflow: visible;
+              &:before {
+                border-top-right-radius: 32px;
+                border-bottom-right-radius: 32px;
+                transform: translateX(12px);
+                width: calc(100% + 12px);
+                left: auto;
+                ${rowHoverEffect === "border" ? "border-right-width: 1px;" : ""}
+              }
+            }
+          }
+        }
+        `}
+  }
 `;
 
 export {

package/dist/{chunk-MHSHKH3T.cjs → chunk-4DHDY73E.cjs}

@@ -1,19 +1,19 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkQTRXP6AUcjs = require('./chunk-QTRXP6AU.cjs');
+var _chunk23ILZ66Fcjs = require('./chunk-23ILZ66F.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkJYUEWB2Ocjs = require('./chunk-JYUEWB2O.cjs');
 
 
-var _chunk3NRRDBJNcjs = require('./chunk-3NRRDBJN.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkQ2CWG22Bcjs = require('./chunk-Q2CWG22B.cjs');
+var _chunkVXRUJP4Qcjs = require('./chunk-VXRUJP4Q.cjs');
 
 
 
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/components/DataManagerTable/StringFilter.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -32,14 +32,14 @@ var StringFilter = ({
 }) => {
   var _a;
   const handleChange = (value) => {
-    updateFilterState(_chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, state), {
+    updateFilterState(_chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, state), {
       value,
       isApplied: !!value
     }));
   };
   const appliedValueButtons = (_a = state.appliedValues) == null ? void 0 : _a.map((value) => {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkQ2CWG22Bcjs.Button,
+      _chunkVXRUJP4Qcjs.Button,
       {
         kind: "primary",
         size: "ExtraSmall",
@@ -48,7 +48,7 @@ var StringFilter = ({
         iconSide: "right",
         onClick: () => {
           var _a2;
-          updateFilterState(_chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, state), {
+          updateFilterState(_chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, state), {
             appliedValues: (_a2 = state.appliedValues) == null ? void 0 : _a2.filter(
               (appliedValue) => appliedValue !== value
             )
@@ -59,8 +59,8 @@ var StringFilter = ({
     );
   });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQTRXP6AUcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk3NRRDBJNcjs.TextInput,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk23ILZ66Fcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkJYUEWB2Ocjs.TextInput,
       {
         placeholder: placeholder || "",
         onChange: handleChange,

package/dist/chunk-4FRWKWXJ.cjs

@@ -0,0 +1,29 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/hooks/useNumberInput/utils/repositionCursor.ts
+var repositionCursor = ({
+  selectionStart,
+  value,
+  lastKeyStroke,
+  stateValue,
+  groupSeparator
+}) => {
+  let cursorPosition = selectionStart;
+  let modifiedValue = value;
+  if (stateValue && cursorPosition) {
+    const splitValue = value.split("");
+    if (lastKeyStroke === "Backspace" && stateValue[cursorPosition] === groupSeparator) {
+      splitValue.splice(cursorPosition - 1, 1);
+      cursorPosition -= 1;
+    }
+    if (lastKeyStroke === "Delete" && stateValue[cursorPosition] === groupSeparator) {
+      splitValue.splice(cursorPosition, 1);
+      cursorPosition += 1;
+    }
+    modifiedValue = splitValue.join("");
+    return { modifiedValue, cursorPosition };
+  }
+  return { modifiedValue, cursorPosition: selectionStart };
+};
+
+
+
+exports.repositionCursor = repositionCursor;

package/dist/{chunk-D262WAOV.cjs → chunk-4GO7VWXE.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk6DWDBCUJcjs = require('./chunk-6DWDBCUJ.cjs');
+var _chunkBW6SKFVJcjs = require('./chunk-BW6SKFVJ.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkJBCEOOZScjs = require('./chunk-JBCEOOZS.cjs');
+var _chunkZBLXVPL4cjs = require('./chunk-ZBLXVPL4.cjs');
 
 // src/styles/common.tsx
 var _react = require('@emotion/react');
@@ -109,13 +109,13 @@ var Subtext = _styled2.default.div`
   ${subtext}
 `;
 var darkGradientBg = _react.css`
-  background: ${_chunkJBCEOOZScjs.darkGradient};
+  background: ${_chunkZBLXVPL4cjs.darkGradient};
 `;
 var overlaySurfaceBorderColor = ({
   theme,
   important = false
 }) => _react.css`
-  border-color: ${_chunk6DWDBCUJcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme })}
+  border-color: ${_chunkBW6SKFVJcjs.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: ${_chunk6DWDBCUJcjs.themeOr.call(void 0, theme.bg, theme.c1Neutral)({ theme })}
+  background-color: ${_chunkBW6SKFVJcjs.themeOr.call(void 0, theme.bg, theme.c1Neutral)({ theme })}
     ${important ? "!important" : ""};
   ${border ? `border: 0.5px solid ${important ? "!important" : ""};` : ""}
   ${overlaySurfaceBorderColor({ theme, important })};
-  ${_chunk6DWDBCUJcjs.themeOr.call(void 0, 
+  ${_chunkBW6SKFVJcjs.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 })}