@lightsparkdev/ui 1.0.14 → 1.0.16

package/CHANGELOG.md

@@ -1,5 +1,46 @@
 # @lightsparkdev/ui
 
+## 1.0.16
+
+### Patch Changes
+
+- 47733a2: - New icon, minor update to Flex component
+- Updated dependencies [47733a2]
+  - @lightsparkdev/core@1.2.8
+
+## 1.0.15
+
+### Patch Changes
+
+- 56d359b: - Replaced Comma‑Separated Input with New NumberInput:
+  – The legacy CommaNumberInput component was removed and replaced by a more robust NumberInput component (see new file packages/ui/src/components/NumberInput.tsx). Associated test files and component references have been updated accordingly.
+
+  - Badge Component Enhancement:
+    – In packages/ui/src/components/Badge.tsx, the allowed badge kinds were expanded to include a new "success" variant. The default typography color logic was modified so that a badge of kind "success" now renders with white text, while preserving existing behavior for "danger" and "default".
+  - New BirthdayInput Component:
+    – A new component (packages/ui/src/components/BirthdayInput.tsx) has been added to support formatted birthday input with validation and on‑blur formatting using dayjs.
+  - Button Component Updates:
+    – The Button component (in packages/ui/src/components/Button.tsx) was refactored to detect when a button is a single‑character or icon‑only button. Two new variants—roundSingleChar and roundIcon—were introduced, with adjustments to padding (using new paddingX values) and forced high border‑radius (set to 999 or 100% in some cases) for a circular appearance.
+  - ButtonRow and CardForm Refinements:
+    – In packages/ui/src/components/ButtonRow.tsx, a new prop bottomBorder was added so that a divider can be conditionally rendered.
+    – The CardForm component’s spacing was updated (now using theme spacing tokens instead of hardcoded pixel values).
+  - CurrencyAmount Component Improvements:
+    – In packages/ui/src/components/CurrencyAmount.tsx, the logic for determining the display unit was refined so that if no explicit display unit is provided, the component falls back to the unit on the underlying currency amount. Conditional rendering of the currency icon has also been improved.
+  - DataManagerTable & Filter Enhancements:
+    – A new CurrencyFilter component was added (packages/ui/src/components/DataManagerTable/CurrencyFilter.tsx) to allow filtering by currency amounts.
+    – Several DataManagerTable components (such as DateWidget and Popover) were updated to include properties like a minimum date and, for Popover on small screens, to display via a Modal.
+  - Expanded Icon Library & Styling Updates:
+    – Many new icons have been added or updated (for example, ArrowCircleCutout, ArrowLeftCircleCutout, CloudUpload, Contrast, EmailPlus, EnvelopePlus, FlagUSA, Globe, LogoIssuance, MessageBubble, Messenger, Moon, PaperPlaneRounder, PersonPlus, ReceiptCheck, SettingsSlider, ShieldCheckLite, Snowflake, Spark, Sun, UmaPaymentLoadingSpinner, Wallet, WhatsApp, and ZapLite).
+    – Package dependencies were updated in packages/ui/package.json (e.g. adding @tanstack/react-table and bumping @uma-sdk/core to ^1.2.3).
+    – Several style and theme files were updated, including new theme defaults for buttons (to support the new round button variants) and refinements in global typography and colors.
+  - Miscellaneous Refactoring:
+    – Utility functions (such as in packages/ui/src/utils/strings.tsx) were enhanced (adding functions like removeNonDigit and addCommasToVariableDecimal).
+    – The Flex component (packages/ui/src/components/Flex.tsx) now accepts additional margin/padding props for more granular layout control.
+    – Updates to the router and type guard utilities (e.g. adding an isReactNode helper) have improved robustness.
+
+- Updated dependencies [56d359b]
+  - @lightsparkdev/core@1.2.7
+
 ## 1.0.14
 
 ### Patch Changes

package/dist/{chunk-QSFCWODW.js → chunk-26QSCM7Y.js}

@@ -1,22 +1,22 @@
 import {
   TextIconAligner
-} from "./chunk-DIXTNCMZ.js";
+} from "./chunk-MYVY5ZAP.js";
 import {
   UnstyledButton
-} from "./chunk-I5WDNJY3.js";
+} from "./chunk-WS4ZV4J2.js";
 import {
   getFocusOutline
-} from "./chunk-RNCUEVKR.js";
+} from "./chunk-WXQAFT6L.js";
 import {
   Link
-} from "./chunk-UUKJNNJ5.js";
+} from "./chunk-MTV5UVUD.js";
 import {
   elide
-} from "./chunk-EDN2QDCB.js";
+} from "./chunk-HAC5YAGQ.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/components/TextButton.tsx
 import { css } from "@emotion/react";

package/dist/{chunk-22OKXUZA.cjs → chunk-27L4UDZX.cjs}

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

package/dist/{chunk-NSUGNTKS.cjs → chunk-2DFPQHNP.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkKTXJ54RRcjs = require('./chunk-KTXJ54RR.cjs');
+var _chunkQXYZAROGcjs = require('./chunk-QXYZAROG.cjs');
 
 
 
@@ -11,11 +11,11 @@ var _chunkKTXJ54RRcjs = require('./chunk-KTXJ54RR.cjs');
 var _chunkCH2PLO6Fcjs = require('./chunk-CH2PLO6F.cjs');
 
 
-var _chunk7PRNB5U5cjs = require('./chunk-7PRNB5U5.cjs');
+var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
 
 
 
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/utils/toReactNodes/setReactNodesTypography.tsx
 var _core = require('@lightsparkdev/core');
@@ -36,29 +36,29 @@ function setReactNodesTypography(nodesArg, typography, replaceExistingTypography
       return node;
     } else if (_chunkCH2PLO6Fcjs.isLinkNode.call(void 0, node) && typographyMap.link) {
       return {
-        link: _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.link), {
+        link: _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.link), {
           typography: replaceExistingTypography ? typographyMap.link : node.link.typography || typographyMap.link
         })
       };
     } else if (_chunkCH2PLO6Fcjs.isNextLinkNode.call(void 0, node) && typographyMap.nextLink) {
       return {
-        nextLink: _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.nextLink), {
+        nextLink: _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.nextLink), {
           typography: replaceExistingTypography ? typographyMap.nextLink : node.nextLink.typography || typographyMap.nextLink
         })
       };
     } else if (_chunkCH2PLO6Fcjs.isCurrencyAmountNode.call(void 0, node) && typographyMap.currencyAmount) {
       return {
-        currencyAmount: _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.currencyAmount), {
+        currencyAmount: _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.currencyAmount), {
           typography: typographyMap.currencyAmount
         })
       };
     } else if (_chunkCH2PLO6Fcjs.isClipboardTextFieldNode.call(void 0, node) && typographyMap.clipboardTextField) {
       return {
-        clipboardTextField: _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.clipboardTextField), {
+        clipboardTextField: _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.clipboardTextField), {
           typography: typographyMap.clipboardTextField
         })
       };
-    } else if ((_chunkCH2PLO6Fcjs.isTextNode.call(void 0, node) || _chunk7PRNB5U5cjs.isString.call(void 0, node)) && typographyMap.text) {
+    } else if ((_chunkCH2PLO6Fcjs.isTextNode.call(void 0, node) || _chunkJA7KZV3Qcjs.isString.call(void 0, node)) && typographyMap.text) {
       return setTextNodeTypography(
         node,
         typographyMap.text,
@@ -70,14 +70,14 @@ function setReactNodesTypography(nodesArg, typography, replaceExistingTypography
   return nodesWithTypography;
 }
 function setTextNodeTypography(node, typography, replaceExistingTypography = true) {
-  if (_chunk7PRNB5U5cjs.isString.call(void 0, node)) {
+  if (_chunkJA7KZV3Qcjs.isString.call(void 0, node)) {
     return {
       text: node,
       typography
     };
   }
   const useExistingTypography = !replaceExistingTypography && "typography" in node ? node.typography : void 0;
-  return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node), {
+  return _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node), {
     typography: useExistingTypography || typography
   });
 }
@@ -89,7 +89,7 @@ function toReactNodesWithTypographyMap(nodesArg, nodesTypographyMap) {
     nodesArg,
     nodesTypographyMap
   );
-  const nodes = _chunkKTXJ54RRcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const nodes = _chunkQXYZAROGcjs.toReactNodes.call(void 0, nodesWithTypography);
   return nodes;
 }
 function setDefaultReactNodesTypography(nodesArg, setDefaultReactNodesTypographyArg) {

package/dist/{chunk-RFO3GG6R.cjs → chunk-2JKTPKU6.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkM355VGZ3cjs = require('./chunk-M355VGZ3.cjs');
+var _chunkYHXSJVBNcjs = require('./chunk-YHXSJVBN.cjs');
 
 
 var _chunkOM4IBALUcjs = require('./chunk-OM4IBALU.cjs');
 
 
 
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/components/QRReader/QRReader.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
@@ -21,7 +21,7 @@ function QRReader({
   onResult,
   videoId
 }) {
-  _chunkM355VGZ3cjs.useQRReader.call(void 0, {
+  _chunkYHXSJVBNcjs.useQRReader.call(void 0, {
     constraints,
     scanDelay,
     onResult,
@@ -30,13 +30,13 @@ function QRReader({
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "section", { className, style: containerStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
-      style: _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, _chunkOM4IBALUcjs.styles.container), videoContainerStyle),
+      style: _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, _chunkOM4IBALUcjs.styles.container), videoContainerStyle),
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "video",
         {
           muted: true,
           id: videoId,
-          style: _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, _chunkOM4IBALUcjs.styles.video), videoStyle), {
+          style: _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, _chunkOM4IBALUcjs.styles.video), videoStyle), {
             transform: (constraints == null ? void 0 : constraints.facingMode) === "user" ? "scaleX(-1)" : void 0
           })
         }

package/dist/chunk-2KA7ZLK3.js

@@ -0,0 +1,85 @@
+// src/icons/Entity.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function Entity() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M12 5.625C8.47919 5.625 5.625 8.47919 5.625 12C5.625 15.5208 8.47919 18.375 12 18.375C15.5208 18.375 18.375 15.5208 18.375 12C18.375 8.47919 15.5208 5.625 12 5.625ZM4.5 12C4.5 7.85787 7.85787 4.5 12 4.5C16.1421 4.5 19.5 7.85787 19.5 12C19.5 16.1421 16.1421 19.5 12 19.5C7.85787 19.5 4.5 16.1421 4.5 12Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12.75 8.625C12.75 9.03921 12.4142 9.375 12 9.375C11.5858 9.375 11.25 9.03921 11.25 8.625C11.25 8.21079 11.5858 7.875 12 7.875C12.4142 7.875 12.75 8.21079 12.75 8.625Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M16.125 12C16.125 12.4142 15.7892 12.75 15.375 12.75C14.9608 12.75 14.625 12.4142 14.625 12C14.625 11.5858 14.9608 11.25 15.375 11.25C15.7892 11.25 16.125 11.5858 16.125 12Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M9.375 12C9.375 12.4142 9.03921 12.75 8.625 12.75C8.21079 12.75 7.875 12.4142 7.875 12C7.875 11.5858 8.21079 11.25 8.625 11.25C9.03921 11.25 9.375 11.5858 9.375 12Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12.75 15.375C12.75 15.7892 12.4142 16.125 12 16.125C11.5858 16.125 11.25 15.7892 11.25 15.375C11.25 14.9608 11.5858 14.625 12 14.625C12.4142 14.625 12.75 14.9608 12.75 15.375Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M10.1436 9.08295C10.4365 9.37585 10.4365 9.85072 10.1436 10.1436C9.85072 10.4365 9.37585 10.4365 9.08295 10.1436C8.79006 9.85072 8.79006 9.37585 9.08295 9.08295C9.37585 8.79006 9.85072 8.79006 10.1436 9.08295Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14.9171 9.08295C15.21 9.37585 15.21 9.85072 14.9171 10.1436C14.6242 10.4365 14.1493 10.4365 13.8564 10.1436C13.5635 9.85072 13.5635 9.37585 13.8564 9.08295C14.1493 8.79006 14.6242 8.79006 14.9171 9.08295Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M10.1436 13.8564C10.4365 14.1493 10.4365 14.6242 10.1436 14.9171C9.85072 15.21 9.37585 15.21 9.08295 14.9171C8.79006 14.6242 8.79006 14.1493 9.08295 13.8564C9.37585 13.5635 9.85072 13.5635 10.1436 13.8564Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14.9171 13.8564C15.21 14.1493 15.21 14.6242 14.9171 14.9171C14.6242 15.21 14.1493 15.21 13.8564 14.9171C13.5635 14.6242 13.5635 14.1493 13.8564 13.8564C14.1493 13.5635 14.6242 13.5635 14.9171 13.8564Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  Entity
+};

package/dist/{chunk-RUDXRW4R.cjs → chunk-2KKFVDUD.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkCUOCAP4Wcjs = require('./chunk-CUOCAP4W.cjs');
+var _chunkEUDYMZXOcjs = require('./chunk-EUDYMZXO.cjs');
 
 
-var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+var _chunkZBLXVPL4cjs = require('./chunk-ZBLXVPL4.cjs');
 
 
-var _chunkJBCEOOZScjs = require('./chunk-JBCEOOZS.cjs');
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.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: ${_chunkCUOCAP4Wcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme })}
+  border-color: ${_chunkEUDYMZXOcjs.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: ${_chunkCUOCAP4Wcjs.themeOr.call(void 0, theme.bg, theme.c1Neutral)({ theme })}
+  background-color: ${_chunkEUDYMZXOcjs.themeOr.call(void 0, theme.bg, theme.c1Neutral)({ theme })}
     ${important ? "!important" : ""};
   ${border ? `border: 0.5px solid ${important ? "!important" : ""};` : ""}
   ${overlaySurfaceBorderColor({ theme, important })};
-  ${_chunkCUOCAP4Wcjs.themeOr.call(void 0, 
+  ${_chunkEUDYMZXOcjs.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-L3UM7PQ4.js → chunk-2LLSIMYX.js}

@@ -1,17 +1,17 @@
 import {
   getPropDefaultsBase
-} from "./chunk-76FQY6HX.js";
+} from "./chunk-LEMT5P3Z.js";
 import {
   typographyStyles
-} from "./chunk-BU6N4DJ3.js";
+} from "./chunk-YW4BJCOL.js";
 import {
   applyTypography
-} from "./chunk-XBZNPA3L.js";
+} from "./chunk-JQLRGNLP.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/components/typography/base/Overline.tsx
 import styled from "@emotion/styled";