dash-ui-kit 1.0.93 → 2.0.0-dev

package/dist/react-native/styles/tokens.d.ts

@@ -0,0 +1,308 @@
+/**
+ * Design tokens for React Native
+ *
+ * These tokens are derived from the web theme (src/styles/theme.pcss)
+ * and optimized for React Native StyleSheet usage.
+ *
+ * @example
+ * ```typescript
+ * import { colors, spacing, typography, borderRadius, shadows } from 'dash-ui-kit/react-native';
+ * import { StyleSheet, Platform } from 'react-native';
+ *
+ * const styles = StyleSheet.create({
+ *   container: {
+ *     backgroundColor: colors.brand,
+ *     padding: spacing[4],
+ *     borderRadius: borderRadius.md,
+ *     ...Platform.select({
+ *       ios: shadows.md.ios,
+ *       android: shadows.md.android,
+ *     }),
+ *   },
+ *   title: {
+ *     fontSize: typography.fontSize.xl,
+ *     fontWeight: typography.fontWeight.semibold,
+ *     lineHeight: typography.lineHeight.xl,
+ *   },
+ * });
+ * ```
+ */
+/**
+ * Color palette
+ * Derived from theme.pcss color variables
+ */
+export declare const colors: {
+    readonly brand: "#4C7EFF";
+    readonly brandDim: "#96A7FF";
+    readonly brandDark: "#4D5895";
+    readonly brandDarkness: "#13172A";
+    readonly mint: "#60F6D2";
+    readonly mintHover: "#4DD4B1";
+    readonly yellowLight: "#fef3c7";
+    readonly yellow: "#fde68a";
+    readonly primaryDarkBlue: "#0C1C33";
+    readonly primaryDieSubdued: "rgba(12, 28, 51, 0.03)";
+    readonly green: "#40BF40";
+    readonly green75: "rgba(64, 191, 64, 0.75)";
+    readonly green15: "rgba(64, 191, 64, 0.15)";
+    readonly green5: "rgba(64, 191, 64, 0.05)";
+    readonly red: "#CD2E00";
+    readonly red75: "rgba(205, 46, 0, 0.75)";
+    readonly red15: "rgba(205, 46, 0, 0.15)";
+    readonly red5: "rgba(205, 46, 0, 0.05)";
+    readonly orange: "#F98F12";
+    readonly orange75: "rgba(249, 143, 18, 0.75)";
+    readonly orange15: "rgba(249, 143, 18, 0.15)";
+    readonly orange5: "rgba(249, 143, 18, 0.05)";
+    readonly white: "#FFFFFF";
+    readonly black: "#000000";
+    readonly transparent: "transparent";
+};
+/**
+ * Spacing scale
+ * Based on 4px base unit (Tailwind-compatible)
+ */
+export declare const spacing: {
+    readonly 0: 0;
+    readonly 1: 4;
+    readonly 2: 8;
+    readonly 3: 12;
+    readonly 4: 16;
+    readonly 5: 20;
+    readonly 6: 24;
+    readonly 7: 28;
+    readonly 8: 32;
+    readonly 9: 36;
+    readonly 10: 40;
+    readonly 11: 44;
+    readonly 12: 48;
+    readonly 14: 56;
+    readonly 16: 64;
+    readonly 18: 72;
+    readonly 20: 80;
+    readonly 24: 96;
+    readonly 28: 112;
+    readonly 32: 128;
+    readonly 36: 144;
+    readonly 40: 160;
+    readonly 44: 176;
+    readonly 48: 192;
+    readonly 52: 208;
+    readonly 56: 224;
+    readonly 60: 240;
+    readonly 64: 256;
+};
+/**
+ * Typography scale
+ * Font sizes, weights, and line heights
+ */
+export declare const typography: {
+    /**
+     * Font size scale
+     */
+    readonly fontSize: {
+        readonly xs: 12;
+        readonly sm: 14;
+        readonly base: 16;
+        readonly lg: 18;
+        readonly xl: 20;
+        readonly '2xl': 24;
+        readonly '3xl': 30;
+        readonly '4xl': 36;
+        readonly '5xl': 48;
+        readonly '6xl': 60;
+        readonly '7xl': 72;
+        readonly '8xl': 96;
+        readonly '9xl': 128;
+    };
+    /**
+     * Font weight scale
+     * Values are strings for React Native compatibility
+     */
+    readonly fontWeight: {
+        readonly normal: "400";
+        readonly medium: "500";
+        readonly semibold: "600";
+        readonly bold: "700";
+        readonly extrabold: "800";
+    };
+    /**
+     * Line height scale (in pixels)
+     * Calculated based on common typography ratios
+     */
+    readonly lineHeight: {
+        readonly xs: 16;
+        readonly sm: 20;
+        readonly base: 24;
+        readonly lg: 28;
+        readonly xl: 28;
+        readonly '2xl': 32;
+        readonly '3xl': 36;
+        readonly '4xl': 40;
+        readonly '5xl': 56;
+        readonly '6xl': 72;
+        readonly '7xl': 84;
+        readonly '8xl': 112;
+        readonly '9xl': 144;
+    };
+    /**
+     * Letter spacing (tracking)
+     */
+    readonly letterSpacing: {
+        readonly tighter: -0.8;
+        readonly tight: -0.4;
+        readonly normal: 0;
+        readonly wide: 0.4;
+        readonly wider: 0.8;
+        readonly widest: 1.6;
+    };
+};
+/**
+ * Border radius scale
+ */
+export declare const borderRadius: {
+    readonly none: 0;
+    readonly xs: 4;
+    readonly sm: 10;
+    readonly md: 12;
+    readonly lg: 14;
+    readonly xl: 16;
+    readonly '2xl': 20;
+    readonly '3xl': 24;
+    readonly full: 9999;
+};
+/**
+ * Shadow presets
+ * Platform-specific implementations for iOS and Android
+ *
+ * @example
+ * ```typescript
+ * import { Platform } from 'react-native';
+ *
+ * const shadowStyle = Platform.select({
+ *   ios: shadows.md.ios,
+ *   android: shadows.md.android,
+ * });
+ * ```
+ */
+export declare const shadows: {
+    /**
+     * Small shadow - subtle elevation
+     */
+    readonly sm: {
+        readonly ios: {
+            readonly shadowColor: "#000000";
+            readonly shadowOffset: {
+                readonly width: 0;
+                readonly height: 1;
+            };
+            readonly shadowOpacity: 0.1;
+            readonly shadowRadius: 2;
+        };
+        readonly android: {
+            readonly elevation: 2;
+        };
+    };
+    /**
+     * Medium shadow - standard elevation
+     */
+    readonly md: {
+        readonly ios: {
+            readonly shadowColor: "#000000";
+            readonly shadowOffset: {
+                readonly width: 0;
+                readonly height: 2;
+            };
+            readonly shadowOpacity: 0.15;
+            readonly shadowRadius: 4;
+        };
+        readonly android: {
+            readonly elevation: 4;
+        };
+    };
+    /**
+     * Large shadow - prominent elevation
+     */
+    readonly lg: {
+        readonly ios: {
+            readonly shadowColor: "#000000";
+            readonly shadowOffset: {
+                readonly width: 0;
+                readonly height: 4;
+            };
+            readonly shadowOpacity: 0.2;
+            readonly shadowRadius: 8;
+        };
+        readonly android: {
+            readonly elevation: 8;
+        };
+    };
+    /**
+     * Extra large shadow - maximum elevation
+     */
+    readonly xl: {
+        readonly ios: {
+            readonly shadowColor: "#000000";
+            readonly shadowOffset: {
+                readonly width: 0;
+                readonly height: 8;
+            };
+            readonly shadowOpacity: 0.25;
+            readonly shadowRadius: 16;
+        };
+        readonly android: {
+            readonly elevation: 12;
+        };
+    };
+};
+/**
+ * Border width scale
+ */
+export declare const borderWidth: {
+    readonly 0: 0;
+    readonly 1: 1;
+    readonly 2: 2;
+    readonly 4: 4;
+    readonly 8: 8;
+};
+/**
+ * Opacity scale
+ */
+export declare const opacity: {
+    readonly 0: 0;
+    readonly 5: 0.05;
+    readonly 10: 0.1;
+    readonly 15: 0.15;
+    readonly 20: 0.2;
+    readonly 25: 0.25;
+    readonly 30: 0.3;
+    readonly 40: 0.4;
+    readonly 50: 0.5;
+    readonly 60: 0.6;
+    readonly 70: 0.7;
+    readonly 75: 0.75;
+    readonly 80: 0.8;
+    readonly 90: 0.9;
+    readonly 95: 0.95;
+    readonly 100: 1;
+};
+/**
+ * Z-index scale
+ */
+export declare const zIndex: {
+    readonly 0: 0;
+    readonly 10: 10;
+    readonly 20: 20;
+    readonly 30: 30;
+    readonly 40: 40;
+    readonly 50: 50;
+    readonly auto: "auto";
+};
+export type Colors = typeof colors;
+export type Spacing = typeof spacing;
+export type Typography = typeof typography;
+export type BorderRadius = typeof borderRadius;
+export type Shadows = typeof shadows;
+export type BorderWidth = typeof borderWidth;
+export type Opacity = typeof opacity;
+export type ZIndex = typeof zIndex;

package/dist/react-native/styles/utils.d.ts

@@ -0,0 +1,65 @@
+/**
+ * Utility functions for React Native styles
+ */
+/**
+ * Creates an rgba color string from hex color and opacity
+ *
+ * @param hexColor - Hex color string (e.g., '#4C7EFF')
+ * @param alpha - Opacity value between 0 and 1
+ * @returns rgba color string
+ *
+ * @example
+ * ```typescript
+ * rgba('#4C7EFF', 0.5) // 'rgba(76, 126, 255, 0.5)'
+ * rgba('#40BF40', 0.15) // 'rgba(64, 191, 64, 0.15)'
+ * ```
+ */
+export declare function rgba(hexColor: string, alpha: number): string;
+/**
+ * Converts hex color to rgba
+ * Alias for rgba() with more explicit naming
+ *
+ * @param hexColor - Hex color string
+ * @param alpha - Opacity value between 0 and 1
+ * @returns rgba color string
+ */
+export declare function hexToRgba(hexColor: string, alpha: number): string;
+/**
+ * Shadow style type for iOS platform
+ */
+type IOSShadowStyle = {
+    shadowColor: string;
+    shadowOffset: {
+        width: number;
+        height: number;
+    };
+    shadowOpacity: number;
+    shadowRadius: number;
+};
+/**
+ * Shadow style type for Android platform
+ */
+type AndroidShadowStyle = {
+    elevation: number;
+};
+/**
+ * Gets platform-specific shadow styles
+ *
+ * @param size - Shadow size: 'sm' | 'md' | 'lg' | 'xl'
+ * @returns Platform-specific shadow styles
+ *
+ * @example
+ * ```typescript
+ * const styles = StyleSheet.create({
+ *   card: {
+ *     ...getShadow('md'),
+ *   },
+ * });
+ * ```
+ */
+export declare function getShadow(size: 'sm' | 'md' | 'lg' | 'xl'): IOSShadowStyle | AndroidShadowStyle;
+/**
+ * Type guard to check if value is a valid spacing key
+ */
+export declare function isSpacingKey(value: any): value is keyof typeof import('./tokens').spacing;
+export {};

package/dist/react-native/utils/clipboard.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Universal Clipboard utility for React Native and Expo
+ *
+ * Supports both:
+ * - @react-native-clipboard/clipboard (React Native)
+ * - expo-clipboard (Expo)
+ *
+ * Automatically detects which one is available and uses it.
+ */
+/**
+ * Universal Clipboard object
+ * Compatible with both expo-clipboard and @react-native-clipboard/clipboard
+ */
+declare const Clipboard: {
+    /**
+     * Set string to clipboard
+     * @param text - Text to copy
+     */
+    setString: (text: string) => void;
+    /**
+     * Get string from clipboard
+     * @returns Promise with clipboard content
+     */
+    getString: () => Promise<string>;
+};
+export default Clipboard;
+export { Clipboard };

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

@@ -0,0 +1,2 @@
+export { Clipboard } from './clipboard';
+export { cn, tw } from './tw';

package/dist/react-native/utils/tw.d.ts

@@ -0,0 +1,7 @@
+export declare const tw: import("twrnc").TailwindFn;
+/**
+ * Helper to convert className string to React Native style object
+ * @param className - Tailwind class names string
+ * @returns React Native style object
+ */
+export declare const cn: (className: string) => import("twrnc").Style;

package/dist/shared/constants/colors.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Dash brand colors (from CSS variables)
+ */
+export declare const DASH_COLORS: {
+    readonly brand: "var(--color-dash-brand)";
+    readonly brandDim: "var(--color-dash-brand-dim)";
+    readonly brandDark: "var(--color-dash-brand-dark)";
+    readonly brandDarkness: "var(--color-dash-brand-darkness)";
+    readonly mint: "var(--color-dash-mint)";
+    readonly mintHover: "var(--color-dash-mint-hover)";
+    readonly yellowLight: "var(--color-dash-yellow-light)";
+    readonly yellow: "var(--color-dash-yellow)";
+    readonly primaryDieSubdued: "var(--color-dash-primary-die-subdued)";
+    readonly primaryDarkBlue: "var(--color-dash-primary-dark-blue)";
+};
+/**
+ * Status/semantic color mappings
+ */
+export declare const STATUS_COLORS: {
+    readonly success: "green";
+    readonly error: "red";
+    readonly warning: "orange";
+    readonly info: "blue";
+    readonly neutral: "gray";
+};

package/dist/shared/constants/index.d.ts

@@ -0,0 +1,2 @@
+export * from './sizes';
+export * from './colors';

package/dist/shared/constants/sizes.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Standard size mappings to Tailwind classes
+ */
+export declare const TAILWIND_SIZES: {
+    readonly xxs: "text-[10px]";
+    readonly xs: "text-xs";
+    readonly sm: "text-sm";
+    readonly md: "text-base";
+    readonly lg: "text-lg";
+    readonly xl: "text-xl";
+    readonly '2xl': "text-2xl";
+    readonly '3xl': "text-3xl";
+};
+/**
+ * Font weight mappings to Tailwind classes
+ */
+export declare const TAILWIND_WEIGHTS: {
+    readonly normal: "font-normal";
+    readonly medium: "font-medium";
+    readonly semibold: "font-semibold";
+    readonly bold: "font-bold";
+    readonly extrabold: "font-extrabold";
+};
+/**
+ * Spacing constants (in pixels)
+ */
+export declare const SPACING: {
+    readonly xxs: 4;
+    readonly xs: 8;
+    readonly sm: 12;
+    readonly md: 16;
+    readonly lg: 24;
+    readonly xl: 32;
+    readonly '2xl': 48;
+    readonly '3xl': 64;
+};
+/**
+ * Border radius constants
+ */
+export declare const BORDER_RADIUS: {
+    readonly none: "0";
+    readonly xs: "0.25rem";
+    readonly sm: "0.375rem";
+    readonly md: "0.5rem";
+    readonly lg: "0.75rem";
+    readonly xl: "1rem";
+    readonly '2xl': "1.5rem";
+    readonly full: "9999px";
+};

package/dist/shared/index.cjs.js

@@ -0,0 +1,171 @@
+'use strict';
+
+/**
+ * Standard size mappings to Tailwind classes
+ */
+const TAILWIND_SIZES = {
+  xxs: 'text-[10px]',
+  xs: 'text-xs',
+  sm: 'text-sm',
+  md: 'text-base',
+  lg: 'text-lg',
+  xl: 'text-xl',
+  '2xl': 'text-2xl',
+  '3xl': 'text-3xl'
+};
+/**
+ * Font weight mappings to Tailwind classes
+ */
+const TAILWIND_WEIGHTS = {
+  normal: 'font-normal',
+  medium: 'font-medium',
+  semibold: 'font-semibold',
+  bold: 'font-bold',
+  extrabold: 'font-extrabold'
+};
+/**
+ * Spacing constants (in pixels)
+ */
+const SPACING = {
+  xxs: 4,
+  xs: 8,
+  sm: 12,
+  md: 16,
+  lg: 24,
+  xl: 32,
+  '2xl': 48,
+  '3xl': 64
+};
+/**
+ * Border radius constants
+ */
+const BORDER_RADIUS = {
+  none: '0',
+  xs: '0.25rem',
+  // 4px
+  sm: '0.375rem',
+  // 6px
+  md: '0.5rem',
+  // 8px
+  lg: '0.75rem',
+  // 12px
+  xl: '1rem',
+  // 16px
+  '2xl': '1.5rem',
+  // 24px
+  full: '9999px'
+};
+
+/**
+ * Dash brand colors (from CSS variables)
+ */
+const DASH_COLORS = {
+  brand: 'var(--color-dash-brand)',
+  brandDim: 'var(--color-dash-brand-dim)',
+  brandDark: 'var(--color-dash-brand-dark)',
+  brandDarkness: 'var(--color-dash-brand-darkness)',
+  mint: 'var(--color-dash-mint)',
+  mintHover: 'var(--color-dash-mint-hover)',
+  yellowLight: 'var(--color-dash-yellow-light)',
+  yellow: 'var(--color-dash-yellow)',
+  primaryDieSubdued: 'var(--color-dash-primary-die-subdued)',
+  primaryDarkBlue: 'var(--color-dash-primary-dark-blue)'
+};
+/**
+ * Status/semantic color mappings
+ */
+const STATUS_COLORS = {
+  success: 'green',
+  error: 'red',
+  warning: 'orange',
+  info: 'blue',
+  neutral: 'gray'
+};
+
+/**
+ * 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
+ */
+function getDaysBetweenDates(startDate, endDate) {
+  if (startDate == null || endDate == null) return 0;
+  const start = new Date(startDate);
+  const end = new Date(endDate);
+  if (isNaN(start.getTime()) || isNaN(end.getTime())) return 0;
+  const diffMs = Math.abs(end.getTime() - start.getTime());
+  const days = Math.ceil(diffMs / (1000 * 60 * 60 * 24));
+  return days;
+}
+/**
+ * Creates a dynamic ISO-range from now back by `duration` milliseconds.
+ *
+ * @param duration - Time span in milliseconds
+ * @returns Object with `start` and `end` ISO date strings
+ */
+function getDynamicRange(duration) {
+  const now = new Date();
+  const end = now.toISOString();
+  const start = new Date(now.getTime() - duration).toISOString();
+  return {
+    start,
+    end
+  };
+}
+/**
+ * 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.BORDER_RADIUS = BORDER_RADIUS;
+exports.DASH_COLORS = DASH_COLORS;
+exports.SPACING = SPACING;
+exports.STATUS_COLORS = STATUS_COLORS;
+exports.TAILWIND_SIZES = TAILWIND_SIZES;
+exports.TAILWIND_WEIGHTS = TAILWIND_WEIGHTS;
+exports.getDaysBetweenDates = getDaysBetweenDates;
+exports.getDynamicRange = getDynamicRange;
+exports.getTimeDelta = getTimeDelta;
+//# sourceMappingURL=index.cjs.js.map

package/dist/shared/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../src/shared/constants/sizes.ts","../../src/shared/constants/colors.ts","../../src/shared/utils/datetime.ts"],"sourcesContent":["/**\n * Standard size mappings to Tailwind classes\n */\nexport const TAILWIND_SIZES = {\n  xxs: 'text-[10px]',\n  xs: 'text-xs',\n  sm: 'text-sm',\n  md: 'text-base',\n  lg: 'text-lg',\n  xl: 'text-xl',\n  '2xl': 'text-2xl',\n  '3xl': 'text-3xl'\n} as const\n\n/**\n * Font weight mappings to Tailwind classes\n */\nexport const TAILWIND_WEIGHTS = {\n  normal: 'font-normal',\n  medium: 'font-medium',\n  semibold: 'font-semibold',\n  bold: 'font-bold',\n  extrabold: 'font-extrabold'\n} as const\n\n/**\n * Spacing constants (in pixels)\n */\nexport const SPACING = {\n  xxs: 4,\n  xs: 8,\n  sm: 12,\n  md: 16,\n  lg: 24,\n  xl: 32,\n  '2xl': 48,\n  '3xl': 64\n} as const\n\n/**\n * Border radius constants\n */\nexport const BORDER_RADIUS = {\n  none: '0',\n  xs: '0.25rem',   // 4px\n  sm: '0.375rem',  // 6px\n  md: '0.5rem',    // 8px\n  lg: '0.75rem',   // 12px\n  xl: '1rem',      // 16px\n  '2xl': '1.5rem', // 24px\n  full: '9999px'\n} as const\n","/**\n * Dash brand colors (from CSS variables)\n */\nexport const DASH_COLORS = {\n  brand: 'var(--color-dash-brand)',\n  brandDim: 'var(--color-dash-brand-dim)',\n  brandDark: 'var(--color-dash-brand-dark)',\n  brandDarkness: 'var(--color-dash-brand-darkness)',\n  mint: 'var(--color-dash-mint)',\n  mintHover: 'var(--color-dash-mint-hover)',\n  yellowLight: 'var(--color-dash-yellow-light)',\n  yellow: 'var(--color-dash-yellow)',\n  primaryDieSubdued: 'var(--color-dash-primary-die-subdued)',\n  primaryDarkBlue: 'var(--color-dash-primary-dark-blue)'\n} as const\n\n/**\n * Status/semantic color mappings\n */\nexport const STATUS_COLORS = {\n  success: 'green',\n  error: 'red',\n  warning: 'orange',\n  info: 'blue',\n  neutral: 'gray'\n} as const\n","/**\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":["TAILWIND_SIZES","xxs","xs","sm","md","lg","xl","TAILWIND_WEIGHTS","normal","medium","semibold","bold","extrabold","SPACING","BORDER_RADIUS","none","full","DASH_COLORS","brand","brandDim","brandDark","brandDarkness","mint","mintHover","yellowLight","yellow","primaryDieSubdued","primaryDarkBlue","STATUS_COLORS","success","error","warning","info","neutral","getDaysBetweenDates","startDate","endDate","start","Date","end","isNaN","getTime","diffMs","Math","abs","days","ceil","getDynamicRange","duration","now","toISOString","getTimeDelta","format","isFuture","absMs","floor","hours","minutes","seconds","suffix"],"mappings":"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"}

package/dist/shared/index.d.ts

@@ -0,0 +1,3 @@
+export * from './types';
+export * from './constants';
+export * from './utils';