@datatechsolutions/ui 2.11.1 → 2.11.3

package/dist/chunk-YXN2K77G.js

@@ -0,0 +1,102 @@
+"use client";
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/lib/i18n-context.tsx
+var I18nContext = react.createContext(null);
+function I18nProvider({ children, value }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(I18nContext.Provider, { value, children });
+}
+function useTranslations(namespace) {
+  const context = react.useContext(I18nContext);
+  if (!context) {
+    const fallback = ((key, params) => {
+      let result = namespace ? `${namespace}.${key}` : key;
+      if (params) {
+        for (const [paramKey, paramValue] of Object.entries(params)) {
+          result = result.replace(`{${paramKey}}`, String(paramValue));
+        }
+      }
+      return result;
+    });
+    fallback.raw = (key) => key;
+    return fallback;
+  }
+  const translateFn = context.translate(namespace);
+  if (!translateFn.raw) {
+    translateFn.raw = (key) => {
+      const messages = context.messages;
+      if (!messages) return void 0;
+      const fullKey = namespace ? `${namespace}.${key}` : key;
+      return getNestedValue(messages, fullKey);
+    };
+  }
+  return translateFn;
+}
+function getNestedValue(object, path) {
+  const parts = path.split(".");
+  let current = object;
+  for (const part of parts) {
+    if (current === null || current === void 0 || typeof current !== "object") return void 0;
+    current = current[part];
+  }
+  return current;
+}
+function useLocale() {
+  const context = react.useContext(I18nContext);
+  return context?.locale ?? "en";
+}
+function useFormatter() {
+  const locale = useLocale();
+  return {
+    dateTime: (date, options) => new Intl.DateTimeFormat(locale, options).format(date),
+    relativeTime: (date) => {
+      const now = Date.now();
+      const diffMs = date.getTime() - now;
+      const diffSeconds = Math.round(diffMs / 1e3);
+      const diffMinutes = Math.round(diffMs / 6e4);
+      const diffHours = Math.round(diffMs / 36e5);
+      const diffDays = Math.round(diffMs / 864e5);
+      const rtf = new Intl.RelativeTimeFormat(locale, { numeric: "auto" });
+      if (Math.abs(diffSeconds) < 60) return rtf.format(diffSeconds, "second");
+      if (Math.abs(diffMinutes) < 60) return rtf.format(diffMinutes, "minute");
+      if (Math.abs(diffHours) < 24) return rtf.format(diffHours, "hour");
+      return rtf.format(diffDays, "day");
+    },
+    number: (value, options) => new Intl.NumberFormat(locale, options).format(value)
+  };
+}
+function createI18nFromMessages(locale, messages) {
+  return {
+    locale,
+    messages,
+    translate: (namespace) => {
+      const fn = ((key, params) => {
+        const fullKey = namespace ? `${namespace}.${key}` : key;
+        const raw = getNestedValue(messages, fullKey);
+        let result = typeof raw === "string" ? raw : key;
+        if (params) {
+          for (const [paramKey, paramValue] of Object.entries(params)) {
+            result = result.replace(new RegExp(`\\{${paramKey}\\}`, "g"), String(paramValue));
+          }
+        }
+        return result;
+      });
+      fn.raw = (key) => {
+        const fullKey = namespace ? `${namespace}.${key}` : key;
+        return getNestedValue(messages, fullKey);
+      };
+      return fn;
+    }
+  };
+}
+
+exports.I18nProvider = I18nProvider;
+exports.createI18nFromMessages = createI18nFromMessages;
+exports.useFormatter = useFormatter;
+exports.useLocale = useLocale;
+exports.useTranslations = useTranslations;
+//# sourceMappingURL=chunk-YXN2K77G.js.map
+//# sourceMappingURL=chunk-YXN2K77G.js.map

package/dist/chunk-YXN2K77G.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/i18n-context.tsx"],"names":["createContext","jsx","useContext"],"mappings":"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","file":"chunk-YXN2K77G.js","sourcesContent":["import { createContext, useContext, type ReactNode } from 'react'\n\ntype TranslateFn = ((key: string, params?: Record<string, unknown>) => string) & {\n  /** Return the raw (unparsed) value at a given key — useful for arrays/objects in messages */\n  raw: (key: string) => unknown\n}\n\nexport interface I18nContextValue {\n  translate: (namespace?: string) => TranslateFn\n  locale: string\n  messages?: Record<string, unknown>\n}\n\nconst I18nContext = createContext<I18nContextValue | null>(null)\n\nexport type I18nProviderProps = {\n  children: ReactNode\n  value: I18nContextValue\n}\n\nexport function I18nProvider({ children, value }: I18nProviderProps) {\n  return <I18nContext.Provider value={value}>{children}</I18nContext.Provider>\n}\n\nexport function useTranslations(namespace?: string): TranslateFn {\n  const context = useContext(I18nContext)\n  if (!context) {\n    const fallback = ((key: string, params?: Record<string, unknown>) => {\n      let result = namespace ? `${namespace}.${key}` : key\n      if (params) {\n        for (const [paramKey, paramValue] of Object.entries(params)) {\n          result = result.replace(`{${paramKey}}`, String(paramValue))\n        }\n      }\n      return result\n    }) as TranslateFn\n    fallback.raw = (key: string) => key\n    return fallback\n  }\n  const translateFn = context.translate(namespace) as TranslateFn\n  if (!translateFn.raw) {\n    translateFn.raw = (key: string) => {\n      const messages = context.messages\n      if (!messages) return undefined\n      const fullKey = namespace ? `${namespace}.${key}` : key\n      return getNestedValue(messages, fullKey)\n    }\n  }\n  return translateFn\n}\n\nfunction getNestedValue(object: Record<string, unknown>, path: string): unknown {\n  const parts = path.split('.')\n  let current: unknown = object\n  for (const part of parts) {\n    if (current === null || current === undefined || typeof current !== 'object') return undefined\n    current = (current as Record<string, unknown>)[part]\n  }\n  return current\n}\n\nexport function useLocale(): string {\n  const context = useContext(I18nContext)\n  return context?.locale ?? 'en'\n}\n\nexport type I18nFormatter = {\n  dateTime: (date: Date, options?: Intl.DateTimeFormatOptions) => string\n  relativeTime: (date: Date, options?: Intl.RelativeTimeFormatOptions) => string\n  number: (value: number, options?: Intl.NumberFormatOptions) => string\n}\n\nexport function useFormatter(): I18nFormatter {\n  const locale = useLocale()\n  return {\n    dateTime: (date: Date, options?: Intl.DateTimeFormatOptions) =>\n      new Intl.DateTimeFormat(locale, options).format(date),\n    relativeTime: (date: Date) => {\n      const now = Date.now()\n      const diffMs = date.getTime() - now\n      const diffSeconds = Math.round(diffMs / 1000)\n      const diffMinutes = Math.round(diffMs / 60000)\n      const diffHours = Math.round(diffMs / 3600000)\n      const diffDays = Math.round(diffMs / 86400000)\n      const rtf = new Intl.RelativeTimeFormat(locale, { numeric: 'auto' })\n      if (Math.abs(diffSeconds) < 60) return rtf.format(diffSeconds, 'second')\n      if (Math.abs(diffMinutes) < 60) return rtf.format(diffMinutes, 'minute')\n      if (Math.abs(diffHours) < 24) return rtf.format(diffHours, 'hour')\n      return rtf.format(diffDays, 'day')\n    },\n    number: (value: number, options?: Intl.NumberFormatOptions) =>\n      new Intl.NumberFormat(locale, options).format(value),\n  }\n}\n\n/**\n * Create an I18nContextValue from a flat messages object and locale.\n * Messages should be a nested object where keys are namespaces\n * and values are objects of translation key → ICU message string.\n *\n * This performs simple string interpolation with {param} placeholders.\n * For full ICU MessageFormat (plurals, select, etc.), use intl-messageformat.\n */\nexport function createI18nFromMessages(\n  locale: string,\n  messages: Record<string, unknown>,\n): I18nContextValue {\n  return {\n    locale,\n    messages,\n    translate: (namespace?: string) => {\n      const fn = ((key: string, params?: Record<string, unknown>) => {\n        const fullKey = namespace ? `${namespace}.${key}` : key\n        const raw = getNestedValue(messages, fullKey)\n        let result = typeof raw === 'string' ? raw : key\n        if (params) {\n          for (const [paramKey, paramValue] of Object.entries(params)) {\n            result = result.replace(new RegExp(`\\\\{${paramKey}\\\\}`, 'g'), String(paramValue))\n          }\n        }\n        return result\n      }) as TranslateFn\n      fn.raw = (key: string) => {\n        const fullKey = namespace ? `${namespace}.${key}` : key\n        return getNestedValue(messages, fullKey)\n      }\n      return fn\n    },\n  }\n}\n"]}

package/dist/dynamic-island-confirm-Cbxh-sta.d.mts

@@ -0,0 +1,52 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, FormEvent } from 'react';
+
+type GlassModalSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | 'full';
+interface GlassModalShellProps {
+    /** Whether the modal is open */
+    open: boolean;
+    /** Called when the modal should close */
+    onClose: () => void;
+    /** Gradient for the accent bar (e.g. "from-blue-400 to-blue-600") */
+    gradient?: string;
+    /** Icon displayed in the hero (h-5 w-5 recommended) */
+    icon?: ReactNode;
+    /** Small label above the title */
+    label?: string;
+    /** Modal title */
+    title: string;
+    /** Subtitle below the title */
+    subtitle?: string;
+    /** Actions rendered to the right of the title (buttons, badges) */
+    headerActions?: ReactNode;
+    /** Modal content */
+    children: ReactNode;
+    /** Footer content (buttons). If not provided, no footer is shown. */
+    footer?: ReactNode;
+    /** If provided, the content is wrapped in a <form> that calls this on submit */
+    onSubmit?: (event: FormEvent) => void;
+    /** Max width of the modal panel */
+    maxWidth?: GlassModalSize;
+    /** Close button aria-label */
+    closeLabel?: string;
+    /** Extra class on the panel */
+    className?: string;
+    /** z-index class for nested modals (default "z-50", use "z-[160]" for modals on top of modals) */
+    zIndex?: string;
+}
+declare function GlassModalShell({ open, onClose, gradient, icon, label, title, subtitle, headerActions, children, footer, onSubmit, maxWidth, closeLabel, className, zIndex, }: GlassModalShellProps): react_jsx_runtime.JSX.Element;
+
+type DynamicIslandConfirmProps = {
+    open: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+    title: string;
+    icon?: ReactNode;
+    iconBackground?: string;
+    appName?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+};
+declare function DynamicIslandConfirm({ open, onClose, onConfirm, title, icon, iconBackground, appName, confirmLabel, cancelLabel, }: DynamicIslandConfirmProps): react_jsx_runtime.JSX.Element;
+
+export { DynamicIslandConfirm as D, type GlassModalSize as G, GlassModalShell as a, type GlassModalShellProps as b };

package/dist/dynamic-island-confirm-Cbxh-sta.d.ts

@@ -0,0 +1,52 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, FormEvent } from 'react';
+
+type GlassModalSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | 'full';
+interface GlassModalShellProps {
+    /** Whether the modal is open */
+    open: boolean;
+    /** Called when the modal should close */
+    onClose: () => void;
+    /** Gradient for the accent bar (e.g. "from-blue-400 to-blue-600") */
+    gradient?: string;
+    /** Icon displayed in the hero (h-5 w-5 recommended) */
+    icon?: ReactNode;
+    /** Small label above the title */
+    label?: string;
+    /** Modal title */
+    title: string;
+    /** Subtitle below the title */
+    subtitle?: string;
+    /** Actions rendered to the right of the title (buttons, badges) */
+    headerActions?: ReactNode;
+    /** Modal content */
+    children: ReactNode;
+    /** Footer content (buttons). If not provided, no footer is shown. */
+    footer?: ReactNode;
+    /** If provided, the content is wrapped in a <form> that calls this on submit */
+    onSubmit?: (event: FormEvent) => void;
+    /** Max width of the modal panel */
+    maxWidth?: GlassModalSize;
+    /** Close button aria-label */
+    closeLabel?: string;
+    /** Extra class on the panel */
+    className?: string;
+    /** z-index class for nested modals (default "z-50", use "z-[160]" for modals on top of modals) */
+    zIndex?: string;
+}
+declare function GlassModalShell({ open, onClose, gradient, icon, label, title, subtitle, headerActions, children, footer, onSubmit, maxWidth, closeLabel, className, zIndex, }: GlassModalShellProps): react_jsx_runtime.JSX.Element;
+
+type DynamicIslandConfirmProps = {
+    open: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+    title: string;
+    icon?: ReactNode;
+    iconBackground?: string;
+    appName?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+};
+declare function DynamicIslandConfirm({ open, onClose, onConfirm, title, icon, iconBackground, appName, confirmLabel, cancelLabel, }: DynamicIslandConfirmProps): react_jsx_runtime.JSX.Element;
+
+export { DynamicIslandConfirm as D, type GlassModalSize as G, GlassModalShell as a, type GlassModalShellProps as b };