@lightsparkdev/ui 1.0.11 → 1.0.13

package/dist/{chunk-PN4PN7RP.cjs → chunk-RYIQQF2Z.cjs}

@@ -1,57 +1,57 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkTUNRKMDMcjs = require('./chunk-TUNRKMDM.cjs');
+var _chunkLL5ZCL4Xcjs = require('./chunk-LL5ZCL4X.cjs');
 
 
 
-var _chunkJQUCLILYcjs = require('./chunk-JQUCLILY.cjs');
 
+var _chunkMHSHKH3Tcjs = require('./chunk-MHSHKH3T.cjs');
 
 
 
-var _chunkPVABSHICcjs = require('./chunk-PVABSHIC.cjs');
+var _chunkPW7AWJZScjs = require('./chunk-PW7AWJZS.cjs');
 
 
 
+var _chunkKPH4MQZBcjs = require('./chunk-KPH4MQZB.cjs');
 
-var _chunkI57XFDUQcjs = require('./chunk-I57XFDUQ.cjs');
 
 
-var _chunkXPNAJ5IAcjs = require('./chunk-XPNAJ5IA.cjs');
 
+var _chunkR2WLCBD4cjs = require('./chunk-R2WLCBD4.cjs');
 
 
 
-var _chunkXDJTWJ4Jcjs = require('./chunk-XDJTWJ4J.cjs');
 
+var _chunkGWXXKISUcjs = require('./chunk-GWXXKISU.cjs');
 
 
-var _chunkHRPJHMJBcjs = require('./chunk-HRPJHMJB.cjs');
+var _chunkGQDEEKCTcjs = require('./chunk-GQDEEKCT.cjs');
 
 
-var _chunkQBAOUYXXcjs = require('./chunk-QBAOUYXX.cjs');
+var _chunkQBZGXSXIcjs = require('./chunk-QBZGXSXI.cjs');
 
 
-var _chunkC7EMB4JVcjs = require('./chunk-C7EMB4JV.cjs');
+var _chunkMABO6YJKcjs = require('./chunk-MABO6YJK.cjs');
 
 
-var _chunkQZ7ENG5Kcjs = require('./chunk-QZ7ENG5K.cjs');
+var _chunkUA2GWYSCcjs = require('./chunk-UA2GWYSC.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkNL2PRKWNcjs = require('./chunk-NL2PRKWN.cjs');
+var _chunkILX4T6XZcjs = require('./chunk-ILX4T6XZ.cjs');
 
 
-var _chunkK2AHQ6WFcjs = require('./chunk-K2AHQ6WF.cjs');
+var _chunkMO5VOH3Wcjs = require('./chunk-MO5VOH3W.cjs');
 
 
 
-var _chunkAPQWRIH6cjs = require('./chunk-APQWRIH6.cjs');
+var _chunkQ2CWG22Bcjs = require('./chunk-Q2CWG22B.cjs');
 
 
-var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
+var _chunkD262WAOVcjs = require('./chunk-D262WAOV.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -68,15 +68,15 @@ var _jsxruntime = require('@emotion/react/jsx-runtime');
 function getDefaultFilterState(filter) {
   switch (filter.type) {
     case "date" /* DATE */:
-      return _chunkJQUCLILYcjs.getDefaultDateFilterState.call(void 0, );
+      return _chunkKPH4MQZBcjs.getDefaultDateFilterState.call(void 0, );
     case "enum" /* ENUM */:
-      return _chunkPVABSHICcjs.getDefaultEnumFilterState.call(void 0, );
+      return _chunkR2WLCBD4cjs.getDefaultEnumFilterState.call(void 0, );
     case "string" /* STRING */:
-      return _chunkXDJTWJ4Jcjs.getDefaultStringFilterState.call(void 0, );
+      return _chunkMHSHKH3Tcjs.getDefaultStringFilterState.call(void 0, );
     case "id" /* ID */:
-      return _chunkI57XFDUQcjs.getDefaultIdFilterState.call(void 0, filter.allowedEntities);
+      return _chunkGWXXKISUcjs.getDefaultIdFilterState.call(void 0, filter.allowedEntities);
     case "boolean" /* BOOLEAN */:
-      return _chunkHRPJHMJBcjs.getDefaultBooleanFilterState.call(void 0, );
+      return _chunkPW7AWJZScjs.getDefaultBooleanFilterState.call(void 0, );
     default:
       throw new Error("Invalid filter type");
   }
@@ -161,7 +161,7 @@ function DataManagerTable(props) {
         );
         if (validResult) {
           appliedFilterStates[filter.accessor] = validResult;
-          if (_chunkI57XFDUQcjs.isIdFilterState.call(void 0, filterState)) {
+          if (_chunkGWXXKISUcjs.isIdFilterState.call(void 0, filterState)) {
             const appliedValues = validResult.appliedValues;
             const isApplied = !!(appliedValues == null ? void 0 : appliedValues.length);
             updateFilterState(filter)(_chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, filterStates2[filter.accessor]), {
@@ -185,7 +185,7 @@ function DataManagerTable(props) {
       const filterState = filterStatesArray[i];
       if (!filterState.isApplied) continue;
       const filter = filters2[i];
-      if (_chunkXDJTWJ4Jcjs.isStringFilterState.call(void 0, filterState)) {
+      if (_chunkMHSHKH3Tcjs.isStringFilterState.call(void 0, filterState)) {
         if (filterState.value) {
           const value = filterState.value;
           let updatedAppliedValues = [];
@@ -203,10 +203,10 @@ function DataManagerTable(props) {
           appliedFilterStates[filter.accessor] = newFilterState;
           updateFilterState(filter)(newFilterState);
         } else if (((_b2 = filterState.appliedValues) == null ? void 0 : _b2.length) === 0) {
-          updateFilterState(filter)(_chunkXDJTWJ4Jcjs.getDefaultStringFilterState.call(void 0, ));
+          updateFilterState(filter)(_chunkMHSHKH3Tcjs.getDefaultStringFilterState.call(void 0, ));
           filterState.isApplied = false;
         }
-      } else if (_chunkPVABSHICcjs.isEnumFilterState.call(void 0, filterState)) {
+      } else if (_chunkR2WLCBD4cjs.isEnumFilterState.call(void 0, filterState)) {
         if (filterState.value) {
           const newFilterState = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, filterStates2[filter.accessor]), {
             value: "",
@@ -216,7 +216,7 @@ function DataManagerTable(props) {
           appliedFilterStates[filter.accessor] = newFilterState;
           updateFilterState(filter)(newFilterState);
         } else if (((_d = filterState.appliedValues) == null ? void 0 : _d.length) === 0) {
-          updateFilterState(filter)(_chunkXDJTWJ4Jcjs.getDefaultStringFilterState.call(void 0, ));
+          updateFilterState(filter)(_chunkMHSHKH3Tcjs.getDefaultStringFilterState.call(void 0, ));
           filterState.isApplied = false;
         }
       }
@@ -319,7 +319,7 @@ function DataManagerTable(props) {
     switch (filter.type) {
       case "date" /* DATE */:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkJQUCLILYcjs.DateFilter,
+          _chunkKPH4MQZBcjs.DateFilter,
           {
             updateFilterState: (state) => {
               setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
@@ -331,7 +331,7 @@ function DataManagerTable(props) {
         ) }, filter.label);
       case "enum" /* ENUM */:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkPVABSHICcjs.EnumFilter,
+          _chunkR2WLCBD4cjs.EnumFilter,
           {
             updateFilterState: (state) => {
               setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
@@ -347,7 +347,7 @@ function DataManagerTable(props) {
         ) }, filter.label);
       case "string" /* STRING */:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkXDJTWJ4Jcjs.StringFilter,
+          _chunkMHSHKH3Tcjs.StringFilter,
           {
             updateFilterState: (state) => {
               setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
@@ -361,7 +361,7 @@ function DataManagerTable(props) {
         ) }, filter.label);
       case "id" /* ID */:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkI57XFDUQcjs.IdFilter,
+          _chunkGWXXKISUcjs.IdFilter,
           {
             updateFilterState: (state) => {
               setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
@@ -375,7 +375,7 @@ function DataManagerTable(props) {
         ) }, filter.label);
       case "boolean" /* BOOLEAN */:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkHRPJHMJBcjs.BooleanFilter,
+          _chunkPW7AWJZScjs.BooleanFilter,
           {
             updateFilterState: (state) => {
               setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
@@ -394,17 +394,17 @@ function DataManagerTable(props) {
   if (props.filterOptions) {
     filters = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DataManagerTableFilterContainer, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkAPQWRIH6cjs.Button,
+        _chunkQ2CWG22Bcjs.Button,
         {
           text: `Filter${numFiltersApplied > 0 ? ` | ${numFiltersApplied}` : ""}`,
           paddingY: "short",
-          icon: "Sort",
+          icon: { name: "Sort" },
           typography: { color: "c6Neutral" },
           onClick: () => setShowFilterPopover(!showFilterPopover)
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkXPNAJ5IAcjs.Popover,
+        _chunkQBZGXSXIcjs.Popover,
         {
           show: showFilterPopover,
           setShow: setShowFilterPopover,
@@ -423,7 +423,7 @@ function DataManagerTable(props) {
   let showMoreDropdown;
   if (((_c = props.pageSizes) == null ? void 0 : _c.length) > 1) {
     showMoreDropdown = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkQZ7ENG5Kcjs.Dropdown,
+      _chunkUA2GWYSCcjs.Dropdown,
       {
         getCSS: ({ isOpen }) => ({
           height: "fit-content",
@@ -437,7 +437,7 @@ function DataManagerTable(props) {
             width: "100%"
           }),
           getContent: ({ isOpen }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkNL2PRKWNcjs.TextIconAligner,
+            _chunkILX4T6XZcjs.TextIconAligner,
             {
               content: `Show ${pageSize} items`,
               typography: { size: "ExtraSmall" },
@@ -463,7 +463,7 @@ function DataManagerTable(props) {
   if (props.showMoreOptions) {
     footer = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DataManagerTableFooter, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkAPQWRIH6cjs.Button,
+        _chunkQ2CWG22Bcjs.Button,
         {
           text: "Show more",
           paddingY: "short",
@@ -479,11 +479,11 @@ function DataManagerTable(props) {
     const startResult = pageCursorState.startResult || 1;
     const endResult = Math.min(props.resultCount, startResult + pageSize - 1);
     const resultsString = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkC7EMB4JVcjs.Label, { children: "Viewing " }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQBAOUYXXcjs.LabelModerate, { children: `${startResult}-${endResult}` }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkC7EMB4JVcjs.Label, { children: " of " }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQBAOUYXXcjs.LabelModerate, { children: `${props.resultCount}` }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkC7EMB4JVcjs.Label, { children: " results" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMABO6YJKcjs.Label, { children: "Viewing " }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGQDEEKCTcjs.LabelModerate, { children: `${startResult}-${endResult}` }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMABO6YJKcjs.Label, { children: " of " }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGQDEEKCTcjs.LabelModerate, { children: `${props.resultCount}` }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMABO6YJKcjs.Label, { children: " results" })
     ] });
     const hasNext = props.resultCount ? startResult + pageSize - 1 < props.resultCount : false;
     const hasPrev = startResult > 1;
@@ -493,7 +493,7 @@ function DataManagerTable(props) {
         showMoreDropdown,
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PaginationButtonsContainer, { children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkAPQWRIH6cjs.Button,
+            _chunkQ2CWG22Bcjs.Button,
             {
               text: "Previous",
               paddingY: "short",
@@ -504,7 +504,7 @@ function DataManagerTable(props) {
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkAPQWRIH6cjs.Button,
+            _chunkQ2CWG22Bcjs.Button,
             {
               text: "Next",
               paddingY: "short",
@@ -520,25 +520,25 @@ function DataManagerTable(props) {
   }
   const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     props.showHeader && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DataManagerTableHeader, { children: filters }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTUNRKMDMcjs.Table, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), { loading: isLoading })),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLL5ZCL4Xcjs.Table, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), { loading: isLoading })),
     footer
   ] });
   const isCardPage = typeof props.cardPage === "boolean" ? props.cardPage : true;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledDataManagerTable, { children: isCardPage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkK2AHQ6WFcjs.CardPageFullWidth, { css: { marginTop: "24px" }, children: content }) : content });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledDataManagerTable, { children: isCardPage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMO5VOH3Wcjs.CardPageFullWidth, { css: { marginTop: "24px" }, children: content }) : content });
 }
 var StyledDataManagerTable = _styled2.default.div``;
 var commonPadding = `
   ${_chunkKW3JYLRIcjs.bp.lg(`
-  padding-left: ${_chunkOQEP7VDDcjs.standardContentInset.lgPx}px;
-  padding-right: ${_chunkOQEP7VDDcjs.standardContentInset.lgPx}px;
+  padding-left: ${_chunkD262WAOVcjs.standardContentInset.lgPx}px;
+  padding-right: ${_chunkD262WAOVcjs.standardContentInset.lgPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.sm(`
-  padding-left: ${_chunkOQEP7VDDcjs.standardContentInset.smPx}px;
-  padding-right: ${_chunkOQEP7VDDcjs.standardContentInset.smPx}px;
+  padding-left: ${_chunkD262WAOVcjs.standardContentInset.smPx}px;
+  padding-right: ${_chunkD262WAOVcjs.standardContentInset.smPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-  padding-left: ${_chunkOQEP7VDDcjs.standardContentInset.minSmMaxLgPx}px;
-  padding-right: ${_chunkOQEP7VDDcjs.standardContentInset.minSmMaxLgPx}px;
+  padding-left: ${_chunkD262WAOVcjs.standardContentInset.minSmMaxLgPx}px;
+  padding-right: ${_chunkD262WAOVcjs.standardContentInset.minSmMaxLgPx}px;
   `)}
 `;
 var DataManagerTableHeader = _styled2.default.div`
@@ -561,7 +561,7 @@ var DataManagerTableFooter = _styled2.default.div`
   padding-top: ${_chunkZUAO4DW3cjs.Spacing.px.md};
   padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.md};
 
-  ${_chunkAPQWRIH6cjs.StyledButton} {
+  ${_chunkQ2CWG22Bcjs.StyledButton} {
     align-self: end;
   }
 `;

package/dist/{chunk-A5IQAGAS.js → chunk-S6IHGGFT.js}

@@ -1,6 +1,6 @@
 import {
   renderTypography
-} from "./chunk-ANBLLKL6.js";
+} from "./chunk-QJV3WFYP.js";
 import {
   __async
 } from "./chunk-CWMXXUWU.js";

package/dist/{chunk-57MJ26OG.js → chunk-SBDTS7O3.js}

@@ -1,6 +1,10 @@
 // src/icons/CentralArrowShareRight.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function CentralArrowShareRight() {
+function CentralArrowShareRight({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+} = {}) {
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -14,8 +18,9 @@ function CentralArrowShareRight() {
         {
           d: "M21 9L11.5 0.75V5.5C3 5.5 0.75 8.75 0.75 17.25C2.25 14.25 3 12.5 11.5 12.5V17.25L21 9Z",
           stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-36SDWEWY.cjs → chunk-SCLUBPNM.cjs}

@@ -4,22 +4,26 @@
 
 
 
-var _chunk4WKQPWLIcjs = require('./chunk-4WKQPWLI.cjs');
 
+var _chunkCH2PLO6Fcjs = require('./chunk-CH2PLO6F.cjs');
 
-var _chunkLE4SV6GHcjs = require('./chunk-LE4SV6GH.cjs');
 
+var _chunkQSSB7724cjs = require('./chunk-QSSB7724.cjs');
 
-var _chunkDJGCES5Lcjs = require('./chunk-DJGCES5L.cjs');
 
+var _chunkZQFSY7WFcjs = require('./chunk-ZQFSY7WF.cjs');
 
-var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
 
+var _chunkPMDZIAZOcjs = require('./chunk-PMDZIAZO.cjs');
 
-var _chunk4HIPKMRHcjs = require('./chunk-4HIPKMRH.cjs');
 
+var _chunkORWZTMF2cjs = require('./chunk-ORWZTMF2.cjs');
 
-var _chunkQEG4FMH4cjs = require('./chunk-QEG4FMH4.cjs');
+
+var _chunkVUS3VIMScjs = require('./chunk-VUS3VIMS.cjs');
+
+
+var _chunkAK6RCSDZcjs = require('./chunk-AK6RCSDZ.cjs');
 
 
 var _chunkL3U3VIEJcjs = require('./chunk-L3U3VIEJ.cjs');
@@ -38,45 +42,49 @@ function toReactNodes(toReactNodesArg) {
   const reactNodes = toReactNodesArray.map((node, i) => {
     if (!node) {
       return null;
-    } else if (typeof node === "string" || _chunk4WKQPWLIcjs.isTextNode.call(void 0, node)) {
+    } else if (typeof node === "string" || _chunkCH2PLO6Fcjs.isTextNode.call(void 0, node)) {
       const text = typeof node === "string" ? node : node.text;
       let content = text;
-      if (_chunk4WKQPWLIcjs.isTextNode.call(void 0, node) && node.typography) {
+      if (_chunkCH2PLO6Fcjs.isTextNode.call(void 0, node) && node.typography) {
         const _a = node.typography, { type: typographyType } = _a, typographyProps = _chunkYM5JDZDQcjs.__objRest.call(void 0, _a, ["type"]);
-        content = _chunkQEG4FMH4cjs.renderTypography.call(void 0, typographyType, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, typographyProps), {
+        content = _chunkAK6RCSDZcjs.renderTypography.call(void 0, typographyType, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, typographyProps), {
           children: text
         }));
       } else {
         content = _chunkL3U3VIEJcjs.stringToNodes.call(void 0, text);
       }
-      const props = _chunk4WKQPWLIcjs.isTextNode.call(void 0, node) ? {
-        onClick: node.onClick,
-        style: { cursor: "pointer" }
-      } : void 0;
-      const key = `text-${i}-${text.substr(0, 20)}`;
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), { children: content }), key);
-    } else if (_chunk4WKQPWLIcjs.isLinkNode.call(void 0, node)) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4HIPKMRHcjs.Link, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.link), `link-${i}-${node.link.id}`);
-    } else if (_chunk4WKQPWLIcjs.isNextLinkNode.call(void 0, node)) {
+      return (
+        /* text property is a sufficient key for both strings and text nodes due to minimal impl */
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: content }, `text-${i}-${text.substr(0, 20)}`)
+      );
+    } else if (_chunkCH2PLO6Fcjs.isLinkNode.call(void 0, node)) {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVUS3VIMScjs.Link, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.link), `link-${i}-${node.link.id}`);
+    } else if (_chunkCH2PLO6Fcjs.isNextLinkNode.call(void 0, node)) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkLE4SV6GHcjs.NextLink,
+        _chunkQSSB7724cjs.NextLink,
         _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.nextLink),
         `next-link-${i}-${node.nextLink.id}`
       );
-    } else if (_chunk4WKQPWLIcjs.isIconNode.call(void 0, node)) {
+    } else if (_chunkCH2PLO6Fcjs.isIconNode.call(void 0, node)) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkUMU7TYANcjs.Icon,
+        _chunkORWZTMF2cjs.Icon,
         _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.icon), {
           width: node.icon.width || 12
         }),
         `icon-${i}-${node.icon.id}`
       );
-    } else if (_chunk4WKQPWLIcjs.isCurrencyAmountNode.call(void 0, node)) {
+    } else if (_chunkCH2PLO6Fcjs.isCurrencyAmountNode.call(void 0, node)) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkDJGCES5Lcjs.CurrencyAmount,
+        _chunkPMDZIAZOcjs.CurrencyAmount,
         _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.currencyAmount),
         `currency-amount-${i}-${node.currencyAmount.id}`
       );
+    } else if (_chunkCH2PLO6Fcjs.isClipboardTextFieldNode.call(void 0, node)) {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkZQFSY7WFcjs.ClipboardTextField,
+        _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.clipboardTextField),
+        `clipboard-text-field-${i}-${node.clipboardTextField.id}`
+      );
     }
     return null;
   });

package/dist/{chunk-4B6TAJL6.js → chunk-SJ4TTJD5.js}

@@ -1,9 +1,9 @@
 import {
   DocsHeadline
-} from "./chunk-3NJYXJSP.js";
+} from "./chunk-BOGZDXE3.js";
 import {
   Icon
-} from "./chunk-NCLVA6JY.js";
+} from "./chunk-DV6LJQJW.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";

package/dist/{chunk-JZUJGCQ7.js → chunk-SKYT6XCJ.js}

@@ -1,18 +1,18 @@
 import {
   CopyToClipboardButton
-} from "./chunk-TGY3VJCU.js";
+} from "./chunk-JDDFMVO6.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-CD4D43OU.js";
+} from "./chunk-4ZUB5ENE.js";
 import {
   standardBorderRadius
-} from "./chunk-YBJVTNAP.js";
+} from "./chunk-POGNK25N.js";
 import {
   themeOr
-} from "./chunk-HYUF4RXZ.js";
+} from "./chunk-N4C6SL6K.js";
 import {
   colors
-} from "./chunk-MN4NUSPL.js";
+} from "./chunk-HO7LVJ3R.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-HPIVJCNC.js → chunk-SNWQ665Q.js}

@@ -1,6 +1,6 @@
 // src/icons/Share.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function Share() {
+function Share({ strokeWidth = "1.5" }) {
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -13,7 +13,7 @@ function Share() {
         {
           d: "M6.74994 6.95207L10.0833 5.04728M6.74994 9.04727L10.0833 10.9521M14.2499 3.99967C14.2499 5.19629 13.2799 6.16634 12.0833 6.16634C10.8867 6.16634 9.91659 5.19629 9.91659 3.99967C9.91659 2.80305 10.8867 1.83301 12.0833 1.83301C13.2799 1.83301 14.2499 2.80305 14.2499 3.99967ZM14.2499 11.9997C14.2499 13.1963 13.2799 14.1663 12.0833 14.1663C10.8867 14.1663 9.91659 13.1963 9.91659 11.9997C9.91659 10.8031 10.8867 9.83301 12.0833 9.83301C13.2799 9.83301 14.2499 10.8031 14.2499 11.9997ZM6.91659 7.99967C6.91659 9.19627 5.94654 10.1663 4.74992 10.1663C3.5533 10.1663 2.58325 9.19627 2.58325 7.99967C2.58325 6.80307 3.5533 5.83301 4.74992 5.83301C5.94654 5.83301 6.91659 6.80307 6.91659 7.99967Z",
           stroke: "currentColor",
-          strokeWidth: "1.5"
+          strokeWidth
         }
       )
     }

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

@@ -3,7 +3,7 @@
 var _chunk4XPAKKBScjs = require('./chunk-4XPAKKBS.cjs');
 
 
-var _chunkO64MW4Z4cjs = require('./chunk-O64MW4Z4.cjs');
+var _chunk3NRRDBJNcjs = require('./chunk-3NRRDBJN.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, 
-    _chunkO64MW4Z4cjs.TextInput,
+    _chunk3NRRDBJNcjs.TextInput,
     {
       select: {
         options,

package/dist/{chunk-KIE5GR5E.js → chunk-SUFXV4SF.js}

@@ -1,38 +1,38 @@
 import {
   ToggleContainer
-} from "./chunk-CBEPI4BG.js";
+} from "./chunk-A4EY427C.js";
 import {
   InputSubtext,
   defaultTextInputTypography,
   inputSpacingPx,
   textInputPlaceholderColor,
   textInputStyle
-} from "./chunk-UGHP4KVZ.js";
+} from "./chunk-P2OCWRMQ.js";
 import {
   UnstyledButton
-} from "./chunk-7SNXBUCU.js";
+} from "./chunk-ZP6BJB4X.js";
 import {
   Tooltip
-} from "./chunk-EVYCZKU3.js";
+} from "./chunk-PYKAAA4T.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   CheckboxContainer
-} from "./chunk-S2VMVARY.js";
+} from "./chunk-MK352OC6.js";
 import {
   Icon,
   IconContainer
-} from "./chunk-NCLVA6JY.js";
+} from "./chunk-DV6LJQJW.js";
 import {
   standardBorderRadius
-} from "./chunk-YBJVTNAP.js";
+} from "./chunk-POGNK25N.js";
 import {
   applyTypography
-} from "./chunk-FH6BM3M7.js";
+} from "./chunk-TLFK5GBE.js";
 import {
   getFontColor
-} from "./chunk-HYUF4RXZ.js";
+} from "./chunk-N4C6SL6K.js";
 import {
   __spreadProps,
   __spreadValues
@@ -76,11 +76,27 @@ function TextInput(textInputProps) {
   const iconTextOffset = iconCenterOffset === 18 ? 4 : 14;
   const textInputWidth = props.width === "short" ? "250px" : "100%";
   let paddingLeftPx;
-  if (props.icon && !isIconRight) {
+  if (typeof props.paddingX === "number") {
+    if (isIconRight) {
+      paddingLeftPx = props.paddingX;
+    } else {
+      paddingLeftPx = props.paddingX + iconWidth + iconTextOffset;
+    }
+  } else if (props.icon && !isIconRight) {
     paddingLeftPx = iconOffset + iconWidth + iconTextOffset;
   } else if (props.select) {
     paddingLeftPx = selectLeftOffset + props.select.width + 5;
   }
+  let paddingRightPx;
+  if (typeof props.paddingX === "number") {
+    if (isIconRight) {
+      paddingRightPx = iconTextOffset + iconWidth + props.paddingX;
+    } else {
+      paddingRightPx = props.paddingX;
+    }
+  } else if (isIconRight) {
+    paddingRightPx = 28;
+  }
   let input = /* @__PURE__ */ jsxs(InputContainer, { children: [
     /* @__PURE__ */ jsx(
       Input,
@@ -119,7 +135,11 @@ function TextInput(textInputProps) {
         type: props.type,
         value: props.value,
         paddingLeftPx,
-        paddingRightPx: isIconRight ? 28 : void 0,
+        paddingRightPx,
+        paddingTopPx: props.paddingY,
+        paddingBottomPx: props.paddingY,
+        activeOutline: props.activeOutline,
+        activeOutlineColor: props.activeOutlineColor,
         hasError,
         "data-test-id": props.testId,
         typography: props.typography,
@@ -144,7 +164,7 @@ function TextInput(textInputProps) {
           onClick: props.onClickIcon ? props.onClickIcon : () => {
           },
           isIconRight,
-          iconOffset,
+          iconOffset: typeof props.paddingX === "number" ? props.paddingX : iconOffset,
           focused,
           hasValue: Boolean(props.value),
           colorProp: props.typography.color,
@@ -199,10 +219,6 @@ var WithIcon = styled.div`
   ${standardBorderRadius(8)}
   position: relative;
 
-  input {
-    padding-right: 34px;
-  }
-
   & ${IconContainer.toString()} {
     z-index: ${z.textInput + 1};
   }

package/dist/{chunk-HLLTNMEO.js → chunk-SUZ5DRGR.js}

@@ -1,7 +1,7 @@
 import {
   firstChild,
   pxToRems
-} from "./chunk-CD4D43OU.js";
+} from "./chunk-4ZUB5ENE.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-XNFMMEBE.cjs → chunk-SY55CUFP.cjs}

@@ -1,12 +1,12 @@
 "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 _chunk5Y5GUICOcjs = require('./chunk-5Y5GUICO.cjs');
 
 
-var _chunkOVJZVL57cjs = require('./chunk-OVJZVL57.cjs');
+var _chunkUBC75VRUcjs = require('./chunk-UBC75VRU.cjs');
 
 
-var _chunkSZSK5ISJcjs = require('./chunk-SZSK5ISJ.cjs');
+var _chunkQK32JW3Ncjs = require('./chunk-QK32JW3N.cjs');
 
 
 
@@ -21,11 +21,11 @@ function TitleString(props) {
   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" });
+  return _chunk5Y5GUICOcjs.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}
+  ${({ theme, size, colorProp }) => _chunkQK32JW3Ncjs.applyTypography.call(void 0, theme, "Title", size, colorProp)}
+  ${_chunkUBC75VRUcjs.typographyStyles}
 `;