dash-ui-kit 1.0.94 → 2.1.0-dev

package/dist/react/shared/utils/datetime.cjs.js

@@ -0,0 +1,59 @@
+"use client";
+
+'use strict';
+
+/**
+ * Returns the number of whole days between two dates.
+ * Rounds up any partial day.
+ *
+ * @param startDate - The start date (Date | ISO string | timestamp)
+ * @param endDate   - The end date (Date | ISO string | timestamp)
+ * @returns Number of days difference, or 0 if either date is missing/invalid
+ */
+/**
+ * Returns a human-readable difference between two dates.
+ *
+ * - `default`: largest unit with suffix (`"2d ago"`, `"5h left"`, etc.)
+ * - `detailed`: full breakdown as `"Xd:Yh:Zm"`
+ *
+ * If inputs are invalid, returns `"n/a"` or `"Invalid format"`.
+ *
+ * @param startDate - The start date (Date | ISO string | timestamp)
+ * @param endDate   - The end date (Date | ISO string | timestamp)
+ * @param format    - `'default'` or `'detailed'`
+ * @returns A string describing the time delta
+ */
+function getTimeDelta(startDate, endDate, format = 'default') {
+  const start = new Date(startDate);
+  const end = new Date(endDate);
+  if (isNaN(start.getTime()) || isNaN(end.getTime())) {
+    return 'n/a';
+  }
+  const diffMs = end.getTime() - start.getTime();
+  const isFuture = diffMs > 0;
+  const absMs = Math.abs(diffMs);
+  const days = Math.floor(absMs / (1000 * 60 * 60 * 24));
+  const hours = Math.floor(absMs % (1000 * 60 * 60 * 24) / (1000 * 60 * 60));
+  const minutes = Math.floor(absMs % (1000 * 60 * 60) / (1000 * 60));
+  const seconds = Math.floor(absMs % (1000 * 60) / 1000);
+  if (format === 'default') {
+    const suffix = isFuture ? 'left' : 'ago';
+    if (days > 0) {
+      return `${days}d ${suffix}`;
+    }
+    if (hours > 0) {
+      return `${hours}h ${suffix}`;
+    }
+    if (minutes > 0) {
+      return `${minutes} min. ${suffix}`;
+    }
+    return `${seconds} sec. ${suffix}`;
+  }
+  if (format === 'detailed') {
+    return `${days}d:${hours}h:${minutes}m`;
+  }
+  return 'Invalid format';
+}
+
+exports.getTimeDelta = getTimeDelta;
+//# sourceMappingURL=datetime.cjs.js.map

package/dist/react/shared/utils/datetime.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetime.cjs.js","sources":["../../../../src/shared/utils/datetime.ts"],"sourcesContent":["/**\n * Acceptable inputs for date parameters.\n */\nexport type DateInput = Date | string | number\n\n/**\n * Returns the number of whole days between two dates.\n * Rounds up any partial day.\n *\n * @param startDate - The start date (Date | ISO string | timestamp)\n * @param endDate   - The end date (Date | ISO string | timestamp)\n * @returns Number of days difference, or 0 if either date is missing/invalid\n */\nexport function getDaysBetweenDates (\n  startDate?: DateInput,\n  endDate?: DateInput\n): number {\n  if (startDate == null || endDate == null) return 0\n\n  const start = new Date(startDate)\n  const end = new Date(endDate)\n  if (isNaN(start.getTime()) || isNaN(end.getTime())) return 0\n\n  const diffMs = Math.abs(end.getTime() - start.getTime())\n  const days = Math.ceil(diffMs / (1000 * 60 * 60 * 24))\n  return days\n}\n\n/**\n * Creates a dynamic ISO-range from now back by `duration` milliseconds.\n *\n * @param duration - Time span in milliseconds\n * @returns Object with `start` and `end` ISO date strings\n */\nexport function getDynamicRange (duration: number): {\n  start: string\n  end: string\n} {\n  const now = new Date()\n  const end = now.toISOString()\n  const start = new Date(now.getTime() - duration).toISOString()\n  return { start, end }\n}\n\n/**\n * Allowed formats for time delta output.\n */\nexport type TimeDeltaFormat = 'default' | 'detailed'\n\n/**\n * Returns a human-readable difference between two dates.\n *\n * - `default`: largest unit with suffix (`\"2d ago\"`, `\"5h left\"`, etc.)\n * - `detailed`: full breakdown as `\"Xd:Yh:Zm\"`\n *\n * If inputs are invalid, returns `\"n/a\"` or `\"Invalid format\"`.\n *\n * @param startDate - The start date (Date | ISO string | timestamp)\n * @param endDate   - The end date (Date | ISO string | timestamp)\n * @param format    - `'default'` or `'detailed'`\n * @returns A string describing the time delta\n */\nexport function getTimeDelta (\n  startDate: DateInput,\n  endDate: DateInput,\n  format: TimeDeltaFormat = 'default'\n): string {\n  const start = new Date(startDate)\n  const end = new Date(endDate)\n  if (isNaN(start.getTime()) || isNaN(end.getTime())) {\n    return 'n/a'\n  }\n\n  const diffMs = end.getTime() - start.getTime()\n  const isFuture = diffMs > 0\n  const absMs = Math.abs(diffMs)\n\n  const days = Math.floor(absMs / (1000 * 60 * 60 * 24))\n  const hours = Math.floor((absMs % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))\n  const minutes = Math.floor((absMs % (1000 * 60 * 60)) / (1000 * 60))\n  const seconds = Math.floor((absMs % (1000 * 60)) / 1000)\n\n  if (format === 'default') {\n    const suffix = isFuture ? 'left' : 'ago'\n    if (days > 0) {\n      return `${days}d ${suffix}`\n    }\n    if (hours > 0) {\n      return `${hours}h ${suffix}`\n    }\n    if (minutes > 0) {\n      return `${minutes} min. ${suffix}`\n    }\n    return `${seconds} sec. ${suffix}`\n  }\n\n  if (format === 'detailed') {\n    return `${days}d:${hours}h:${minutes}m`\n  }\n\n  return 'Invalid format'\n}\n"],"names":["getTimeDelta","startDate","endDate","format","start","Date","end","isNaN","getTime","diffMs","isFuture","absMs","Math","abs","days","floor","hours","minutes","seconds","suffix"],"mappings":";;;;AAKA;;;;;;;AAOG;AAqCH;;;;;;;;;;;;AAYG;AACG,SAAUA,YAAYA,CAC1BC,SAAoB,EACpBC,OAAkB,EAClBC,SAA0B,SAAS,EAAA;AAEnC,EAAA,MAAMC,KAAK,GAAG,IAAIC,IAAI,CAACJ,SAAS,CAAC;AACjC,EAAA,MAAMK,GAAG,GAAG,IAAID,IAAI,CAACH,OAAO,CAAC;AAC7B,EAAA,IAAIK,KAAK,CAACH,KAAK,CAACI,OAAO,EAAE,CAAC,IAAID,KAAK,CAACD,GAAG,CAACE,OAAO,EAAE,CAAC,EAAE;AAClD,IAAA,OAAO,KAAK;AACd;AAEA,EAAA,MAAMC,MAAM,GAAGH,GAAG,CAACE,OAAO,EAAE,GAAGJ,KAAK,CAACI,OAAO,EAAE;AAC9C,EAAA,MAAME,QAAQ,GAAGD,MAAM,GAAG,CAAC;AAC3B,EAAA,MAAME,KAAK,GAAGC,IAAI,CAACC,GAAG,CAACJ,MAAM,CAAC;AAE9B,EAAA,MAAMK,IAAI,GAAGF,IAAI,CAACG,KAAK,CAACJ,KAAK,IAAI,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;EACtD,MAAMK,KAAK,GAAGJ,IAAI,CAACG,KAAK,CAAEJ,KAAK,IAAI,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,IAAK,IAAI,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;AAC5E,EAAA,MAAMM,OAAO,GAAGL,IAAI,CAACG,KAAK,CAAEJ,KAAK,IAAI,IAAI,GAAG,EAAE,GAAG,EAAE,CAAC,IAAK,IAAI,GAAG,EAAE,CAAC,CAAC;AACpE,EAAA,MAAMO,OAAO,GAAGN,IAAI,CAACG,KAAK,CAAEJ,KAAK,IAAI,IAAI,GAAG,EAAE,CAAC,GAAI,IAAI,CAAC;EAExD,IAAIR,MAAM,KAAK,SAAS,EAAE;AACxB,IAAA,MAAMgB,MAAM,GAAGT,QAAQ,GAAG,MAAM,GAAG,KAAK;IACxC,IAAII,IAAI,GAAG,CAAC,EAAE;AACZ,MAAA,OAAO,CAAGA,EAAAA,IAAI,CAAKK,EAAAA,EAAAA,MAAM,CAAE,CAAA;AAC7B;IACA,IAAIH,KAAK,GAAG,CAAC,EAAE;AACb,MAAA,OAAO,CAAGA,EAAAA,KAAK,CAAKG,EAAAA,EAAAA,MAAM,CAAE,CAAA;AAC9B;IACA,IAAIF,OAAO,GAAG,CAAC,EAAE;AACf,MAAA,OAAO,CAAGA,EAAAA,OAAO,CAASE,MAAAA,EAAAA,MAAM,CAAE,CAAA;AACpC;AACA,IAAA,OAAO,CAAGD,EAAAA,OAAO,CAASC,MAAAA,EAAAA,MAAM,CAAE,CAAA;AACpC;EAEA,IAAIhB,MAAM,KAAK,UAAU,EAAE;AACzB,IAAA,OAAO,GAAGW,IAAI,CAAA,EAAA,EAAKE,KAAK,CAAA,EAAA,EAAKC,OAAO,CAAG,CAAA,CAAA;AACzC;AAEA,EAAA,OAAO,gBAAgB;AACzB;;;;"}

package/dist/react/shared/utils/datetime.esm.js

@@ -0,0 +1,57 @@
+"use client";
+
+/**
+ * Returns the number of whole days between two dates.
+ * Rounds up any partial day.
+ *
+ * @param startDate - The start date (Date | ISO string | timestamp)
+ * @param endDate   - The end date (Date | ISO string | timestamp)
+ * @returns Number of days difference, or 0 if either date is missing/invalid
+ */
+/**
+ * Returns a human-readable difference between two dates.
+ *
+ * - `default`: largest unit with suffix (`"2d ago"`, `"5h left"`, etc.)
+ * - `detailed`: full breakdown as `"Xd:Yh:Zm"`
+ *
+ * If inputs are invalid, returns `"n/a"` or `"Invalid format"`.
+ *
+ * @param startDate - The start date (Date | ISO string | timestamp)
+ * @param endDate   - The end date (Date | ISO string | timestamp)
+ * @param format    - `'default'` or `'detailed'`
+ * @returns A string describing the time delta
+ */
+function getTimeDelta(startDate, endDate, format = 'default') {
+  const start = new Date(startDate);
+  const end = new Date(endDate);
+  if (isNaN(start.getTime()) || isNaN(end.getTime())) {
+    return 'n/a';
+  }
+  const diffMs = end.getTime() - start.getTime();
+  const isFuture = diffMs > 0;
+  const absMs = Math.abs(diffMs);
+  const days = Math.floor(absMs / (1000 * 60 * 60 * 24));
+  const hours = Math.floor(absMs % (1000 * 60 * 60 * 24) / (1000 * 60 * 60));
+  const minutes = Math.floor(absMs % (1000 * 60 * 60) / (1000 * 60));
+  const seconds = Math.floor(absMs % (1000 * 60) / 1000);
+  if (format === 'default') {
+    const suffix = isFuture ? 'left' : 'ago';
+    if (days > 0) {
+      return `${days}d ${suffix}`;
+    }
+    if (hours > 0) {
+      return `${hours}h ${suffix}`;
+    }
+    if (minutes > 0) {
+      return `${minutes} min. ${suffix}`;
+    }
+    return `${seconds} sec. ${suffix}`;
+  }
+  if (format === 'detailed') {
+    return `${days}d:${hours}h:${minutes}m`;
+  }
+  return 'Invalid format';
+}
+
+export { getTimeDelta };
+//# sourceMappingURL=datetime.esm.js.map

package/dist/react/shared/utils/datetime.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetime.esm.js","sources":["../../../../src/shared/utils/datetime.ts"],"sourcesContent":["/**\n * Acceptable inputs for date parameters.\n */\nexport type DateInput = Date | string | number\n\n/**\n * Returns the number of whole days between two dates.\n * Rounds up any partial day.\n *\n * @param startDate - The start date (Date | ISO string | timestamp)\n * @param endDate   - The end date (Date | ISO string | timestamp)\n * @returns Number of days difference, or 0 if either date is missing/invalid\n */\nexport function getDaysBetweenDates (\n  startDate?: DateInput,\n  endDate?: DateInput\n): number {\n  if (startDate == null || endDate == null) return 0\n\n  const start = new Date(startDate)\n  const end = new Date(endDate)\n  if (isNaN(start.getTime()) || isNaN(end.getTime())) return 0\n\n  const diffMs = Math.abs(end.getTime() - start.getTime())\n  const days = Math.ceil(diffMs / (1000 * 60 * 60 * 24))\n  return days\n}\n\n/**\n * Creates a dynamic ISO-range from now back by `duration` milliseconds.\n *\n * @param duration - Time span in milliseconds\n * @returns Object with `start` and `end` ISO date strings\n */\nexport function getDynamicRange (duration: number): {\n  start: string\n  end: string\n} {\n  const now = new Date()\n  const end = now.toISOString()\n  const start = new Date(now.getTime() - duration).toISOString()\n  return { start, end }\n}\n\n/**\n * Allowed formats for time delta output.\n */\nexport type TimeDeltaFormat = 'default' | 'detailed'\n\n/**\n * Returns a human-readable difference between two dates.\n *\n * - `default`: largest unit with suffix (`\"2d ago\"`, `\"5h left\"`, etc.)\n * - `detailed`: full breakdown as `\"Xd:Yh:Zm\"`\n *\n * If inputs are invalid, returns `\"n/a\"` or `\"Invalid format\"`.\n *\n * @param startDate - The start date (Date | ISO string | timestamp)\n * @param endDate   - The end date (Date | ISO string | timestamp)\n * @param format    - `'default'` or `'detailed'`\n * @returns A string describing the time delta\n */\nexport function getTimeDelta (\n  startDate: DateInput,\n  endDate: DateInput,\n  format: TimeDeltaFormat = 'default'\n): string {\n  const start = new Date(startDate)\n  const end = new Date(endDate)\n  if (isNaN(start.getTime()) || isNaN(end.getTime())) {\n    return 'n/a'\n  }\n\n  const diffMs = end.getTime() - start.getTime()\n  const isFuture = diffMs > 0\n  const absMs = Math.abs(diffMs)\n\n  const days = Math.floor(absMs / (1000 * 60 * 60 * 24))\n  const hours = Math.floor((absMs % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))\n  const minutes = Math.floor((absMs % (1000 * 60 * 60)) / (1000 * 60))\n  const seconds = Math.floor((absMs % (1000 * 60)) / 1000)\n\n  if (format === 'default') {\n    const suffix = isFuture ? 'left' : 'ago'\n    if (days > 0) {\n      return `${days}d ${suffix}`\n    }\n    if (hours > 0) {\n      return `${hours}h ${suffix}`\n    }\n    if (minutes > 0) {\n      return `${minutes} min. ${suffix}`\n    }\n    return `${seconds} sec. ${suffix}`\n  }\n\n  if (format === 'detailed') {\n    return `${days}d:${hours}h:${minutes}m`\n  }\n\n  return 'Invalid format'\n}\n"],"names":["getTimeDelta","startDate","endDate","format","start","Date","end","isNaN","getTime","diffMs","isFuture","absMs","Math","abs","days","floor","hours","minutes","seconds","suffix"],"mappings":";;AAKA;;;;;;;AAOG;AAqCH;;;;;;;;;;;;AAYG;AACG,SAAUA,YAAYA,CAC1BC,SAAoB,EACpBC,OAAkB,EAClBC,SAA0B,SAAS,EAAA;AAEnC,EAAA,MAAMC,KAAK,GAAG,IAAIC,IAAI,CAACJ,SAAS,CAAC;AACjC,EAAA,MAAMK,GAAG,GAAG,IAAID,IAAI,CAACH,OAAO,CAAC;AAC7B,EAAA,IAAIK,KAAK,CAACH,KAAK,CAACI,OAAO,EAAE,CAAC,IAAID,KAAK,CAACD,GAAG,CAACE,OAAO,EAAE,CAAC,EAAE;AAClD,IAAA,OAAO,KAAK;AACd;AAEA,EAAA,MAAMC,MAAM,GAAGH,GAAG,CAACE,OAAO,EAAE,GAAGJ,KAAK,CAACI,OAAO,EAAE;AAC9C,EAAA,MAAME,QAAQ,GAAGD,MAAM,GAAG,CAAC;AAC3B,EAAA,MAAME,KAAK,GAAGC,IAAI,CAACC,GAAG,CAACJ,MAAM,CAAC;AAE9B,EAAA,MAAMK,IAAI,GAAGF,IAAI,CAACG,KAAK,CAACJ,KAAK,IAAI,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;EACtD,MAAMK,KAAK,GAAGJ,IAAI,CAACG,KAAK,CAAEJ,KAAK,IAAI,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,IAAK,IAAI,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;AAC5E,EAAA,MAAMM,OAAO,GAAGL,IAAI,CAACG,KAAK,CAAEJ,KAAK,IAAI,IAAI,GAAG,EAAE,GAAG,EAAE,CAAC,IAAK,IAAI,GAAG,EAAE,CAAC,CAAC;AACpE,EAAA,MAAMO,OAAO,GAAGN,IAAI,CAACG,KAAK,CAAEJ,KAAK,IAAI,IAAI,GAAG,EAAE,CAAC,GAAI,IAAI,CAAC;EAExD,IAAIR,MAAM,KAAK,SAAS,EAAE;AACxB,IAAA,MAAMgB,MAAM,GAAGT,QAAQ,GAAG,MAAM,GAAG,KAAK;IACxC,IAAII,IAAI,GAAG,CAAC,EAAE;AACZ,MAAA,OAAO,CAAGA,EAAAA,IAAI,CAAKK,EAAAA,EAAAA,MAAM,CAAE,CAAA;AAC7B;IACA,IAAIH,KAAK,GAAG,CAAC,EAAE;AACb,MAAA,OAAO,CAAGA,EAAAA,KAAK,CAAKG,EAAAA,EAAAA,MAAM,CAAE,CAAA;AAC9B;IACA,IAAIF,OAAO,GAAG,CAAC,EAAE;AACf,MAAA,OAAO,CAAGA,EAAAA,OAAO,CAASE,MAAAA,EAAAA,MAAM,CAAE,CAAA;AACpC;AACA,IAAA,OAAO,CAAGD,EAAAA,OAAO,CAASC,MAAAA,EAAAA,MAAM,CAAE,CAAA;AACpC;EAEA,IAAIhB,MAAM,KAAK,UAAU,EAAE;AACzB,IAAA,OAAO,GAAGW,IAAI,CAAA,EAAA,EAAKE,KAAK,CAAA,EAAA,EAAKC,OAAO,CAAG,CAAA,CAAA;AACzC;AAEA,EAAA,OAAO,gBAAgB;AACzB;;;;"}

package/dist/react/utils/copyToClipboard.cjs.js

@@ -0,0 +1,31 @@
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * Copy a string to the clipboard and invoke a callback with the result.
+ *
+ * @param copyText  The text to copy. Defaults to empty string.
+ * @param callback  Optional callback that will be called with { status: true } on success,
+ *                  or { status: false, message: error } on failure.
+ */
+function copyToClipboard(copyText = '', callback) {
+  navigator.clipboard.writeText(copyText).then(() => {
+    const result = {
+      status: true
+    };
+    callback === null || callback === void 0 ? void 0 : callback(result);
+  }).catch(err => {
+    const result = {
+      status: false,
+      message: err
+    };
+    callback === null || callback === void 0 ? void 0 : callback(result);
+  });
+}
+
+exports.copyToClipboard = copyToClipboard;
+exports.default = copyToClipboard;
+//# sourceMappingURL=copyToClipboard.cjs.js.map

package/dist/react/utils/copyToClipboard.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copyToClipboard.cjs.js","sources":["../../../src/react/utils/copyToClipboard.ts"],"sourcesContent":["export interface CopyResult {\n  status: boolean\n  message?: unknown\n}\n\nexport type CopyCallback = (result: CopyResult) => void\n\n/**\n * Copy a string to the clipboard and invoke a callback with the result.\n *\n * @param copyText  The text to copy. Defaults to empty string.\n * @param callback  Optional callback that will be called with { status: true } on success,\n *                  or { status: false, message: error } on failure.\n */\nexport function copyToClipboard (\n  copyText: string = '',\n  callback?: CopyCallback\n): void {\n  navigator.clipboard\n    .writeText(copyText)\n    .then(() => {\n      const result: CopyResult = { status: true }\n      callback?.(result)\n    })\n    .catch((err) => {\n      const result: CopyResult = { status: false, message: err }\n      callback?.(result)\n    })\n}\n\nexport default copyToClipboard "],"names":["copyToClipboard","copyText","callback","navigator","clipboard","writeText","then","result","status","catch","err","message"],"mappings":";;;;;;AAOA;;;;;;AAMG;SACaA,eAAeA,CAC7BC,QAAmB,GAAA,EAAE,EACrBC,QAAuB,EAAA;EAEvBC,SAAS,CAACC,SAAS,CAChBC,SAAS,CAACJ,QAAQ,CAAC,CACnBK,IAAI,CAAC,MAAK;AACT,IAAA,MAAMC,MAAM,GAAe;AAAEC,MAAAA,MAAM,EAAE;KAAM;AAC3CN,IAAAA,QAAQ,aAARA,QAAQ,KAAA,MAAA,GAAA,MAAA,GAARA,QAAQ,CAAGK,MAAM,CAAC;AACpB,GAAC,CAAC,CACDE,KAAK,CAAEC,GAAG,IAAI;AACb,IAAA,MAAMH,MAAM,GAAe;AAAEC,MAAAA,MAAM,EAAE,KAAK;AAAEG,MAAAA,OAAO,EAAED;KAAK;AAC1DR,IAAAA,QAAQ,aAARA,QAAQ,KAAA,MAAA,GAAA,MAAA,GAARA,QAAQ,CAAGK,MAAM,CAAC;AACpB,GAAC,CAAC;AACN;;;;;"}

package/dist/react/utils/copyToClipboard.esm.js

@@ -0,0 +1,26 @@
+"use client";
+
+/**
+ * Copy a string to the clipboard and invoke a callback with the result.
+ *
+ * @param copyText  The text to copy. Defaults to empty string.
+ * @param callback  Optional callback that will be called with { status: true } on success,
+ *                  or { status: false, message: error } on failure.
+ */
+function copyToClipboard(copyText = '', callback) {
+  navigator.clipboard.writeText(copyText).then(() => {
+    const result = {
+      status: true
+    };
+    callback === null || callback === void 0 ? void 0 : callback(result);
+  }).catch(err => {
+    const result = {
+      status: false,
+      message: err
+    };
+    callback === null || callback === void 0 ? void 0 : callback(result);
+  });
+}
+
+export { copyToClipboard, copyToClipboard as default };
+//# sourceMappingURL=copyToClipboard.esm.js.map

package/dist/react/utils/copyToClipboard.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copyToClipboard.esm.js","sources":["../../../src/react/utils/copyToClipboard.ts"],"sourcesContent":["export interface CopyResult {\n  status: boolean\n  message?: unknown\n}\n\nexport type CopyCallback = (result: CopyResult) => void\n\n/**\n * Copy a string to the clipboard and invoke a callback with the result.\n *\n * @param copyText  The text to copy. Defaults to empty string.\n * @param callback  Optional callback that will be called with { status: true } on success,\n *                  or { status: false, message: error } on failure.\n */\nexport function copyToClipboard (\n  copyText: string = '',\n  callback?: CopyCallback\n): void {\n  navigator.clipboard\n    .writeText(copyText)\n    .then(() => {\n      const result: CopyResult = { status: true }\n      callback?.(result)\n    })\n    .catch((err) => {\n      const result: CopyResult = { status: false, message: err }\n      callback?.(result)\n    })\n}\n\nexport default copyToClipboard "],"names":["copyToClipboard","copyText","callback","navigator","clipboard","writeText","then","result","status","catch","err","message"],"mappings":";;AAOA;;;;;;AAMG;SACaA,eAAeA,CAC7BC,QAAmB,GAAA,EAAE,EACrBC,QAAuB,EAAA;EAEvBC,SAAS,CAACC,SAAS,CAChBC,SAAS,CAACJ,QAAQ,CAAC,CACnBK,IAAI,CAAC,MAAK;AACT,IAAA,MAAMC,MAAM,GAAe;AAAEC,MAAAA,MAAM,EAAE;KAAM;AAC3CN,IAAAA,QAAQ,aAARA,QAAQ,KAAA,MAAA,GAAA,MAAA,GAARA,QAAQ,CAAGK,MAAM,CAAC;AACpB,GAAC,CAAC,CACDE,KAAK,CAAEC,GAAG,IAAI;AACb,IAAA,MAAMH,MAAM,GAAe;AAAEC,MAAAA,MAAM,EAAE,KAAK;AAAEG,MAAAA,OAAO,EAAED;KAAK;AAC1DR,IAAAA,QAAQ,aAARA,QAAQ,KAAA,MAAA,GAAA,MAAA,GAARA,QAAQ,CAAGK,MAAM,CAAC;AACpB,GAAC,CAAC;AACN;;;;"}

package/dist/react/utils/index.d.ts

@@ -1,2 +1,2 @@
 export { copyToClipboard } from './copyToClipboard';
-export { getDaysBetweenDates, getDynamicRange, getTimeDelta, type DateInput, type TimeDeltaFormat } from './datetime';
+export { getDaysBetweenDates, getDynamicRange, getTimeDelta, type DateInput, type TimeDeltaFormat } from '../../shared/utils/datetime';

package/dist/react-native/components/avatar/index.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { ViewProps, ViewStyle } from 'react-native';
+export interface AvatarProps extends Omit<ViewProps, 'style'> {
+    /** Username to generate identicon for */
+    username: string;
+    /** Additional CSS class name (for NativeWind) */
+    className?: string;
+    /** Saturation level for the identicon (0-100) */
+    saturation?: number;
+    /** Lightness level for the identicon (0-100) */
+    lightness?: number;
+    /** Width of the avatar (default: 40) */
+    width?: number;
+    /** Height of the avatar (default: 40) */
+    height?: number;
+    /** Custom container style (overrides Tailwind classes) */
+    style?: ViewStyle;
+}
+/**
+ * Avatar component that creates unique identicons from usernames
+ * with customizable appearance.
+ *
+ * This is the React Native version that uses SvgXml instead of img tag.
+ */
+export declare const Avatar: React.FC<AvatarProps>;
+export default Avatar;

package/dist/react-native/components/avatar/index.web.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { ViewProps } from 'react-native';
+export interface AvatarProps extends ViewProps {
+    /** Username to generate identicon for */
+    username: string;
+    /** Additional CSS class name (for NativeWind) */
+    className?: string;
+    /** Saturation level for the identicon (0-100) */
+    saturation?: number;
+    /** Lightness level for the identicon (0-100) */
+    lightness?: number;
+    /** Width of the avatar (default: 40) */
+    width?: number;
+    /** Height of the avatar (default: 40) */
+    height?: number;
+}
+/**
+ * Avatar component that creates unique identicons from usernames
+ * with customizable appearance.
+ *
+ * This is the Web/Storybook version that uses inline SVG.
+ */
+export declare const Avatar: React.FC<AvatarProps>;
+export default Avatar;

package/dist/react-native/components/badge/index.d.ts

@@ -0,0 +1,63 @@
+import React from 'react';
+import { ViewStyle, TextStyle, PressableProps } from 'react-native';
+/**
+ * Badge component props
+ */
+export interface BadgeProps extends Omit<PressableProps, 'style'> {
+    /**
+     * Content of the badge
+     */
+    children: React.ReactNode;
+    /**
+     * Visual style variant
+     */
+    variant?: 'default' | 'flat' | 'solid' | 'bordered';
+    /**
+     * Color theme
+     */
+    color?: 'blue' | 'white' | 'gray' | 'light-gray' | 'turquoise' | 'red' | 'orange';
+    /**
+     * Light or dark theme
+     */
+    theme?: 'light' | 'dark';
+    /**
+     * Color override for light theme
+     */
+    colorLight?: 'blue' | 'white' | 'gray' | 'light-gray' | 'turquoise' | 'red' | 'orange';
+    /**
+     * Color override for dark theme
+     */
+    colorDark?: 'blue' | 'white' | 'gray' | 'light-gray' | 'turquoise' | 'red' | 'orange';
+    /**
+     * Size of the badge
+     */
+    size?: 'xxs' | 'xs' | 'sm' | 'xl';
+    /**
+     * Border radius variant
+     */
+    borderRadius?: 'xs';
+    /**
+     * Additional Tailwind classes for styling
+     */
+    className?: string;
+    /**
+     * Custom container style (overrides Tailwind classes)
+     */
+    style?: ViewStyle;
+    /**
+     * Custom text style (overrides Tailwind text classes)
+     */
+    textStyle?: TextStyle;
+    /**
+     * Press handler
+     */
+    onPress?: () => void;
+}
+/**
+ * React Native Badge component with multiple variants, colors, sizes, and border radius options.
+ * Uses CVA for variant management and twrnc for Tailwind styling.
+ *
+ * Supports 28 style combinations (7 colors × 4 variants) with 4 sizes and optional custom border radius.
+ */
+export declare const Badge: React.FC<BadgeProps>;
+export default Badge;

package/dist/react-native/components/bigNumber/index.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { ViewStyle, TextStyle } from 'react-native';
+export type BigNumberVariant = 'space' | 'comma';
+export interface BigNumberProps {
+    /** The numeric value (or string) to format. */
+    children?: number | string | null;
+    /** Use non-breaking space groups or comma groups. */
+    variant?: BigNumberVariant;
+    /** Extra class names to apply to the wrapper. Use gap-* classes for spacing between groups. */
+    className?: string;
+    /** Horizontal spacing (in pixels) around the decimal point. Negative values reduce spacing. @default -2 */
+    decimalPointSpacing?: number;
+    /** Custom container style (overrides Tailwind classes) */
+    style?: ViewStyle;
+    /** Custom text style (overrides Tailwind text classes) */
+    textStyle?: TextStyle;
+}
+/**
+ * Splits a numeric string into groups of three characters for display.
+ * Supports two variants:
+ * - `space`: groups separated by gap
+ * - `comma`: groups separated by commas, with decimal part after `.`
+ * Supports light/dark theme via dark: variants.
+ */
+export declare const BigNumber: React.FC<BigNumberProps>;
+export default BigNumber;

package/dist/react-native/components/button/index.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+import { PressableProps, ViewStyle, TextStyle } from 'react-native';
+import { VariantProps } from 'class-variance-authority';
+declare const buttonStyles: (props?: ({
+    variant?: "solid" | "outline" | "ghost" | null | undefined;
+    colorScheme?: "red" | "gray" | "brand" | "mint" | "lightBlue" | "lightGray" | "white" | "halfWhite" | "halfBlue" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+    rounded?: "default" | "full" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+type ButtonVariants = Omit<VariantProps<typeof buttonStyles>, 'disabled'>;
+export interface ButtonProps extends Omit<PressableProps, 'style'>, ButtonVariants {
+    /** Light or dark theme */
+    theme?: 'light' | 'dark';
+    /** Solid, outline, or ghost style */
+    variant?: 'solid' | 'outline' | 'ghost';
+    /** Color scheme for the button */
+    colorScheme?: 'brand' | 'mint' | 'gray' | 'red' | 'lightBlue' | 'lightGray' | 'white' | 'halfWhite' | 'halfBlue';
+    /** Color scheme override for light theme */
+    colorSchemeLight?: 'brand' | 'mint' | 'gray' | 'red' | 'lightBlue' | 'lightGray' | 'white' | 'halfWhite' | 'halfBlue';
+    /** Color scheme override for dark theme */
+    colorSchemeDark?: 'brand' | 'mint' | 'gray' | 'red' | 'lightBlue' | 'lightGray' | 'white' | 'halfWhite' | 'halfBlue';
+    /** Size of the button */
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    /** Border radius style */
+    rounded?: 'default' | 'full';
+    /** Whether the button is disabled */
+    disabled?: boolean;
+    /** Whether to show loading indicator */
+    loading?: boolean;
+    /** Additional Tailwind classes for styling */
+    className?: string;
+    /** Custom container style (overrides Tailwind classes) */
+    style?: ViewStyle;
+    /** Custom text style (overrides Tailwind text classes) */
+    textStyle?: TextStyle;
+    /** Button content */
+    children: React.ReactNode;
+}
+/**
+ * React Native Button component with variants, color schemes, sizes, and loading state.
+ * Uses Pressable for touch interactions and twrnc for Tailwind styling.
+ */
+export declare const Button: React.FC<ButtonProps>;
+export default Button;

package/dist/react-native/components/copyButton/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { ViewStyle, TextStyle } from 'react-native';
+export interface CopyButtonProps {
+    /** Text to copy into clipboard */
+    text: string;
+    /** Optional callback that will be called with the copy result */
+    onCopy?: (success: boolean) => void;
+    /** Additional Tailwind classes for styling */
+    className?: string;
+    /** Custom container style (overrides Tailwind classes) */
+    style?: ViewStyle;
+    /** Custom text style for "Copied!" text (overrides Tailwind text classes) */
+    textStyle?: TextStyle;
+    /** Accessible label for the button */
+    accessibilityLabel?: string;
+}
+/**
+ * React Native CopyButton component. Copies text to clipboard on press
+ * and shows "Copied!" feedback briefly.
+ */
+export declare const CopyButton: React.FC<CopyButtonProps>;
+export default CopyButton;

package/dist/react-native/components/copyButton/index.web.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { ViewStyle } from 'react-native';
+export interface CopyButtonProps {
+    /** Text to copy into clipboard */
+    text: string;
+    /** Optional callback that will be called with the copy result */
+    onCopy?: (success: boolean) => void;
+    /** Additional Tailwind classes for styling */
+    className?: string;
+    /** Additional style object */
+    style?: ViewStyle;
+    /** Accessible label for the button */
+    accessibilityLabel?: string;
+}
+/**
+ * Web CopyButton component. Uses navigator.clipboard.writeText() for browser.
+ * Copies text to clipboard on press and shows "Copied!" feedback briefly.
+ */
+export declare const CopyButton: React.FC<CopyButtonProps>;
+export default CopyButton;

package/dist/react-native/components/dashLogo/index.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { ViewStyle } from 'react-native';
+export interface DashLogoProps {
+    color?: string;
+    size?: number;
+    width?: number;
+    height?: number;
+    className?: string;
+    onPress?: () => void;
+    containerPadding?: number;
+    containerSize?: number;
+    containerClassName?: string;
+    /** Custom container style (overrides Tailwind classes) */
+    containerStyle?: ViewStyle;
+}
+/**
+ * Dash Logo component for React Native with customizable size and color
+ * Original aspect ratio: 30:25 (1.2:1)
+ *
+ * Color can be set via:
+ * - color prop (default: #4C7EFF)
+ *
+ * Container supports:
+ * - containerPadding: padding around the logo
+ * - containerSize: width/height of the container
+ * - containerClassName: Tailwind classes for the container
+ * - containerStyle: Additional style object for the container
+ */
+export declare const DashLogo: React.FC<DashLogoProps>;
+export default DashLogo;

package/dist/react-native/components/heading/index.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { TextProps as RNTextProps, TextStyle } from 'react-native';
+import { VariantProps } from 'class-variance-authority';
+declare const headingStyles: (props?: ({
+    level?: 1 | 2 | 3 | 4 | 5 | 6 | null | undefined;
+    weight?: "medium" | "semibold" | "bold" | "normal" | "extrabold" | null | undefined;
+    color?: "default" | "blue" | "red" | "gray" | "black" | "green" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+type HeadingVariants = VariantProps<typeof headingStyles>;
+export interface HeadingProps extends Omit<RNTextProps, 'style'>, HeadingVariants {
+    /** Semantic level of the heading (1-6) */
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** Additional Tailwind classes for styling */
+    className?: string;
+    /** Custom text style (overrides Tailwind classes) */
+    style?: TextStyle;
+    /** Text children */
+    children: React.ReactNode;
+}
+/**
+ * React Native Heading component with semantic levels and customizable styling.
+ * Uses twrnc for Tailwind-like styling converted to React Native styles.
+ */
+export declare const Heading: React.FC<HeadingProps>;
+export default Heading;

package/dist/react-native/components/icons/index.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+export interface IconProps {
+    color?: string;
+    size?: number;
+    className?: string;
+    onPress?: () => void;
+}
+export declare const ArrowIcon: React.FC<IconProps>;
+export declare const CopyIcon: React.FC<IconProps>;
+export declare const SuccessIcon: React.FC<IconProps>;
+export declare const ErrorIcon: React.FC<IconProps>;
+export declare const CheckIcon: React.FC<IconProps>;
+export declare const CrossIcon: React.FC<IconProps>;
+export declare const PlusIcon: React.FC<IconProps>;
+export declare const ChevronIcon: React.FC<IconProps>;
+export declare const SearchIcon: React.FC<IconProps>;
+export declare const InfoCircleIcon: React.FC<IconProps>;
+export declare const EyeOpenIcon: React.FC<IconProps>;
+export declare const EyeClosedIcon: React.FC<IconProps>;
+export declare const AsteriskIcon: React.FC<IconProps>;
+export declare const TopRightArrowIcon: React.FC<IconProps>;
+export declare const QueuedIcon: React.FC<IconProps>;
+export declare const PooledIcon: React.FC<IconProps>;
+export declare const BroadcastedIcon: React.FC<IconProps>;
+export declare const Icons: {
+    ArrowIcon: React.FC<IconProps>;
+    CopyIcon: React.FC<IconProps>;
+    SuccessIcon: React.FC<IconProps>;
+    ErrorIcon: React.FC<IconProps>;
+    CheckIcon: React.FC<IconProps>;
+    CrossIcon: React.FC<IconProps>;
+    PlusIcon: React.FC<IconProps>;
+    ChevronIcon: React.FC<IconProps>;
+    SearchIcon: React.FC<IconProps>;
+    InfoCircleIcon: React.FC<IconProps>;
+    EyeOpenIcon: React.FC<IconProps>;
+    EyeClosedIcon: React.FC<IconProps>;
+    TopRightArrowIcon: React.FC<IconProps>;
+    QueuedIcon: React.FC<IconProps>;
+    PooledIcon: React.FC<IconProps>;
+    BroadcastedIcon: React.FC<IconProps>;
+    AsteriskIcon: React.FC<IconProps>;
+};

package/dist/react-native/components/identifier/index.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+import { ViewProps, ViewStyle, TextStyle } from 'react-native';
+import { VariantProps } from 'class-variance-authority';
+/** CVA for the root container with light/dark theme */
+declare const identifier: (props?: ({
+    theme?: "light" | "dark" | null | undefined;
+    ellipsis?: boolean | null | undefined;
+    highlight?: "default" | "highlight" | "dim" | "first" | "last" | "both" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+type IdentifierVariants = VariantProps<typeof identifier>;
+export interface IdentifierProps extends IdentifierVariants, Omit<ViewProps, 'style'> {
+    children?: string;
+    avatar?: boolean;
+    copyButton?: boolean;
+    maxLines?: number;
+    className?: string;
+    middleEllipsis?: boolean;
+    edgeChars?: number;
+    /** Theme to use */
+    theme?: 'light' | 'dark';
+    /** Custom container style (overrides Tailwind classes) */
+    style?: ViewStyle;
+    /** Custom text style (overrides Tailwind text classes) */
+    textStyle?: TextStyle;
+}
+/**
+ * Identifier component for React Native
+ * Shows an ID string with optional highlighting, avatar, copy button, and ellipsis modes.
+ *
+ * Features:
+ * - Highlight modes: default, dim, highlight, first, last, both
+ * - Ellipsis modes: standard (tail), middle, maxLines
+ * - Avatar integration
+ * - Copy button integration
+ * - Theme support (light/dark)
+ *
+ * @example
+ * ```tsx
+ * <Identifier highlight="both">0x1234567890abcdef</Identifier>
+ * <Identifier avatar copyButton>alice@example.com</Identifier>
+ * <Identifier middleEllipsis edgeChars={6}>very-long-identifier</Identifier>
+ * <Identifier maxLines={2}>Multi-line\nidentifier\ntext</Identifier>
+ * ```
+ */
+declare const Identifier: React.FC<IdentifierProps>;
+export default Identifier;
+export { Identifier };

package/dist/react-native/components/index.d.ts

@@ -0,0 +1,15 @@
+export * from './text';
+export * from './heading';
+export * from './button';
+export * from './input';
+export * from './tabs';
+export * from './avatar';
+export * from './badge';
+export * from './bigNumber';
+export * from './copyButton';
+export * from './identifier';
+export * from './notActive';
+export * from './valueCard';
+export * from './icons';
+export * from './dashLogo';
+export * from './transactionStatusIcon';