@lightsparkdev/ui 1.1.13 → 1.1.14

package/dist/{chunk-MX5S4Q7M.cjs → chunk-W773AHON.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkCSEB4BILcjs = require('./chunk-CSEB4BIL.cjs');
+var _chunkU2YTWQVVcjs = require('./chunk-U2YTWQVV.cjs');
 
 
-var _chunkFIMNWMCScjs = require('./chunk-FIMNWMCS.cjs');
+var _chunkEDVYDCZ7cjs = require('./chunk-EDVYDCZ7.cjs');
 
 
-var _chunk35AFF2KYcjs = require('./chunk-35AFF2KY.cjs');
+var _chunkJHIXGWSKcjs = require('./chunk-JHIXGWSK.cjs');
 
 
-var _chunkKQXSG5SFcjs = require('./chunk-KQXSG5SF.cjs');
+var _chunkGJEYXGPQcjs = require('./chunk-GJEYXGPQ.cjs');
 
 
 var _chunkJFPLNGMQcjs = require('./chunk-JFPLNGMQ.cjs');
@@ -83,9 +83,9 @@ function Pill({
           {
             hasIconInset: Boolean(icon && !loading && !onDeleteMouseDown),
             children: [
-              loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCSEB4BILcjs.Loading, { size: 16.1, center: false, ml: 5 }),
+              loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEDVYDCZ7cjs.Loading, { size: 16.1, center: false, ml: 5 }),
               !loading && onDeleteMouseDown && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkFIMNWMCScjs.UnstyledButton,
+                _chunkJHIXGWSKcjs.UnstyledButton,
                 {
                   onMouseDown: handleOnDeleteMouseDown,
                   onKeyDown: handleOnDeleteKeyDown,
@@ -95,10 +95,10 @@ function Pill({
                     padding: "10px",
                     marginRight: "-10px"
                   },
-                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKQXSG5SFcjs.Icon, { name: "DeleteIcon", width: 16.1 })
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGJEYXGPQcjs.Icon, { name: "DeleteIcon", width: 16.1 })
                 }
               ),
-              !loading && icon && !onDeleteMouseDown && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKQXSG5SFcjs.Icon, { name: icon, width: 16.1, color: "white" })
+              !loading && icon && !onDeleteMouseDown && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGJEYXGPQcjs.Icon, { name: icon, width: 16.1, color: "white" })
             ]
           }
         )
@@ -131,7 +131,7 @@ var StyledPill = _styled2.default.div`
   position: relative;
 `;
 var PillIconContainer = _styled2.default.div`
-  ${_chunk35AFF2KYcjs.flexCenter}
+  ${_chunkU2YTWQVVcjs.flexCenter}
   ${({ hasIconInset }) => hasIconInset ? `
     background-color: ${_chunkJFPLNGMQcjs.colors.blue43};
     padding: 8px;

package/dist/{chunk-CJ7QQJ5Y.js → chunk-W7P4KURE.js}

@@ -1,9 +1,9 @@
 import {
   Filter
-} from "./chunk-KROJZWET.js";
+} from "./chunk-BNGAN56P.js";
 import {
   Radio
-} from "./chunk-ANWUSSK3.js";
+} from "./chunk-FP7TMS2Z.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-OQ2RFYHH.js → chunk-WGMSWBXS.js}

@@ -1,10 +1,10 @@
 import {
   UnstyledButton
-} from "./chunk-CMLWISNV.js";
+} from "./chunk-JEGPXWOA.js";
 import {
   getColor,
   themeOr
-} from "./chunk-RPJQBQMR.js";
+} from "./chunk-ESRXMWU7.js";
 import {
   colors
 } from "./chunk-XT5NXF55.js";

package/dist/{chunk-EWH523DU.js → chunk-WHRJ7LP3.js}

@@ -20,7 +20,10 @@ var defaultMsgs = {
   umaAddress: "Please enter a valid UMA address.",
   matchesField: "Target field does not match.",
   clabe: "Please enter a valid CLABE.",
-  upi: "Please enter a valid UPI."
+  upi: "Please enter a valid UPI.",
+  domain: "Please enter a valid domain.",
+  domainName: "Please enter a valid domain name.",
+  url: "Please enter a valid URL."
 };
 var regexp = {
   phone: /^[2-9]{1}[0-9]{9}$/,
@@ -28,10 +31,16 @@ var regexp = {
   email: /^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}$/,
   state: /^(A[LKSZRAEP]|C[AOT]|D[EC]|F[LM]|G[AU]|HI|I[ADLN]|K[SY]|LA|M[ADEHINOPST]|N[CDEHJMVY]|O[HKR]|P[ARW]|RI|S[CD]|T[NX]|UT|V[AIT]|W[AIVY])$/,
   clabe: /^[0-9]{18}$/,
-  upi: /^[a-zA-Z0-9.\-_]{2,256}@[a-zA-Z]{2,64}$/
+  upi: /^[a-zA-Z0-9.\-_]{2,256}@[a-zA-Z]{2,64}$/,
+  domain: /^[a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(\.[a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+$/,
+  domainName: /^[a-zA-Z0-9-]+$/,
+  url: /^(https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})([/\w .-]*)*\/?$/
 };
 var v = {
   email: (msg = defaultMsgs.email) => (value) => !regexp.email.test(value) ? msg : false,
+  domain: (msg = defaultMsgs.domain) => (value) => !regexp.domain.test(value) || value.length > 253 ? msg : false,
+  domainName: (msg = defaultMsgs.domainName) => (value) => !regexp.domainName.test(value) || value.length > 63 ? msg : false,
+  url: (msg = defaultMsgs.url) => (value) => !regexp.url.test(value) ? msg : false,
   phone: (msg = defaultMsgs.phone) => (value) => !regexp.phone.test(value) ? msg : false,
   postalCode: (msg = defaultMsgs.postalCode) => (value) => !regexp.postalCode.test(value) ? msg : false,
   state: (msg = defaultMsgs.state) => (value) => !regexp.state.test(value) ? msg : false,
@@ -45,6 +54,19 @@ var v = {
     const len = typeof minLength === "number" ? minLength : 3;
     return value.trim().length < len ? msg || `Must be at least ${len} characters long.` : false;
   },
+  max: (msg, maxLength = 3) => (value) => {
+    const len = typeof maxLength === "number" ? maxLength : 3;
+    return value.trim().length > len ? msg || `Must be less than ${len} characters long.` : false;
+  },
+  length: (msg, length = 3) => (value) => {
+    const len = typeof length === "number" ? length : 3;
+    return value.trim().length !== len ? msg || `Must be ${len} characters long.` : false;
+  },
+  minLengthOrEmpty: (msg, length = 3) => (value) => {
+    const len = typeof length === "number" ? length : 3;
+    const trimmed = value.trim();
+    return trimmed.length > 0 && trimmed.length < len ? msg || `Must be at least ${len} characters or empty.` : false;
+  },
   matchesField: (msg = defaultMsgs.matchesField, targetField = "") => (value, fields) => {
     if (typeof targetField !== "string") {
       return msg;
@@ -258,6 +280,7 @@ function useFields(defaultFieldsFn, deps = []) {
     /* needs to be a new object to ensure downstream effects are notified on updates: */
     fields: __spreadValues({}, fields),
     mergeWithFields,
+    checkFieldForError,
     setFieldBlurred,
     getSetFieldBlurred,
     setFieldErrors

package/dist/{chunk-G7GK2GHJ.cjs → chunk-WIKUTQCC.cjs}

@@ -6,7 +6,7 @@ var _chunkU6XO2EF4cjs = require('./chunk-U6XO2EF4.cjs');
 var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunk3WVXEWAZcjs = require('./chunk-3WVXEWAZ.cjs');
+var _chunkK66UCMBUcjs = require('./chunk-K66UCMBU.cjs');
 
 
 
@@ -24,7 +24,7 @@ function getPropDefaults(props) {
   return _chunkU6XO2EF4cjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledBody = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunk3WVXEWAZcjs.applyTypography.call(void 0, theme, "Body", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkK66UCMBUcjs.applyTypography.call(void 0, theme, "Body", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 

package/dist/{chunk-74STGJFW.js → chunk-WKPGGEKT.js}

@@ -1,29 +1,29 @@
 import {
   QRReader
-} from "./chunk-WIRXH6BA.js";
+} from "./chunk-QV2SZAAX.js";
 import {
   FieldError,
   aboveFieldError,
   standardBorderColor
-} from "./chunk-IY4SXJL4.js";
+} from "./chunk-7E7OZRGE.js";
+import {
+  pxToRems
+} from "./chunk-4RVQWFSN.js";
 import {
   Button
-} from "./chunk-QXWXA2HJ.js";
+} from "./chunk-7ZUV2IWY.js";
 import {
   UnstyledButton
-} from "./chunk-CMLWISNV.js";
+} from "./chunk-JEGPXWOA.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
-import {
-  pxToRems
-} from "./chunk-DQQNE73A.js";
 import {
   Icon
-} from "./chunk-IZG5FX42.js";
+} from "./chunk-YEGK6WEM.js";
 import {
   standardBorderRadius
-} from "./chunk-CQZXDXAP.js";
+} from "./chunk-ZG6VAH7C.js";
 import {
   colors
 } from "./chunk-XT5NXF55.js";

package/dist/{chunk-I4TZXJFU.cjs → chunk-WQGO4BLL.cjs}

@@ -20,7 +20,10 @@ var defaultMsgs = {
   umaAddress: "Please enter a valid UMA address.",
   matchesField: "Target field does not match.",
   clabe: "Please enter a valid CLABE.",
-  upi: "Please enter a valid UPI."
+  upi: "Please enter a valid UPI.",
+  domain: "Please enter a valid domain.",
+  domainName: "Please enter a valid domain name.",
+  url: "Please enter a valid URL."
 };
 var regexp = {
   phone: /^[2-9]{1}[0-9]{9}$/,
@@ -28,10 +31,16 @@ var regexp = {
   email: /^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}$/,
   state: /^(A[LKSZRAEP]|C[AOT]|D[EC]|F[LM]|G[AU]|HI|I[ADLN]|K[SY]|LA|M[ADEHINOPST]|N[CDEHJMVY]|O[HKR]|P[ARW]|RI|S[CD]|T[NX]|UT|V[AIT]|W[AIVY])$/,
   clabe: /^[0-9]{18}$/,
-  upi: /^[a-zA-Z0-9.\-_]{2,256}@[a-zA-Z]{2,64}$/
+  upi: /^[a-zA-Z0-9.\-_]{2,256}@[a-zA-Z]{2,64}$/,
+  domain: /^[a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(\.[a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+$/,
+  domainName: /^[a-zA-Z0-9-]+$/,
+  url: /^(https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})([/\w .-]*)*\/?$/
 };
 var v = {
   email: (msg = defaultMsgs.email) => (value) => !regexp.email.test(value) ? msg : false,
+  domain: (msg = defaultMsgs.domain) => (value) => !regexp.domain.test(value) || value.length > 253 ? msg : false,
+  domainName: (msg = defaultMsgs.domainName) => (value) => !regexp.domainName.test(value) || value.length > 63 ? msg : false,
+  url: (msg = defaultMsgs.url) => (value) => !regexp.url.test(value) ? msg : false,
   phone: (msg = defaultMsgs.phone) => (value) => !regexp.phone.test(value) ? msg : false,
   postalCode: (msg = defaultMsgs.postalCode) => (value) => !regexp.postalCode.test(value) ? msg : false,
   state: (msg = defaultMsgs.state) => (value) => !regexp.state.test(value) ? msg : false,
@@ -45,6 +54,19 @@ var v = {
     const len = typeof minLength === "number" ? minLength : 3;
     return value.trim().length < len ? msg || `Must be at least ${len} characters long.` : false;
   },
+  max: (msg, maxLength = 3) => (value) => {
+    const len = typeof maxLength === "number" ? maxLength : 3;
+    return value.trim().length > len ? msg || `Must be less than ${len} characters long.` : false;
+  },
+  length: (msg, length = 3) => (value) => {
+    const len = typeof length === "number" ? length : 3;
+    return value.trim().length !== len ? msg || `Must be ${len} characters long.` : false;
+  },
+  minLengthOrEmpty: (msg, length = 3) => (value) => {
+    const len = typeof length === "number" ? length : 3;
+    const trimmed = value.trim();
+    return trimmed.length > 0 && trimmed.length < len ? msg || `Must be at least ${len} characters or empty.` : false;
+  },
   matchesField: (msg = defaultMsgs.matchesField, targetField = "") => (value, fields) => {
     if (typeof targetField !== "string") {
       return msg;
@@ -258,6 +280,7 @@ function useFields(defaultFieldsFn, deps = []) {
     /* needs to be a new object to ensure downstream effects are notified on updates: */
     fields: _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, fields),
     mergeWithFields,
+    checkFieldForError,
     setFieldBlurred,
     getSetFieldBlurred,
     setFieldErrors

package/dist/{chunk-YWQF22LY.cjs → chunk-WWNKDOLJ.cjs}

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