@yuno-payments/dashboard-design-system 2.9.4 → 3.0.0

package/dist/lib/notification-alert.d.ts

@@ -1,42 +0,0 @@
-export type NotificationMode = "success" | "error" | "warning" | "info";
-export interface NotificationAlertOptions {
-    mode: NotificationMode;
-    title?: string;
-    message: string;
-    primaryActionLabel?: string;
-    onAction?: () => void;
-    timeToLive?: number;
-    withCloseButton?: boolean;
-    withProgress?: boolean;
-}
-/**
- * Shows a notification alert toast with NotificationAlert structure.
- * IMPORTANT: Requires <Toaster /> component to be mounted in your app.
- *
- * @example
- * ```tsx
- * // In your root component:
- * import { Toaster } from '@yuno-payments/dashboard-design-system';
- * <Toaster position="top-right" />
- *
- * // Anywhere in your app:
- * import { showNotificationAlert } from '@yuno-payments/dashboard-design-system';
- *
- * // Simple message
- * showNotificationAlert({
- *   mode: 'success',
- *   message: 'Operation completed successfully',
- * });
- *
- * // With title and action
- * showNotificationAlert({
- *   mode: 'error',
- *   title: 'Error saving',
- *   message: 'Could not save changes. Please try again.',
- *   primaryActionLabel: 'Retry',
- *   onAction: () => retryOperation(),
- *   timeToLive: 8000,
- * });
- * ```
- */
-export declare const showNotificationAlert: ({ mode, title, message, primaryActionLabel, onAction, timeToLive, withCloseButton, withProgress, }: NotificationAlertOptions) => string | number;

package/dist/lib/notification-alert.js

@@ -1,75 +0,0 @@
-import { j as s } from "../_virtual/jsx-runtime.js";
-import { toast as e } from "sonner";
-import { Icon as g } from "../components/atoms/icon/icon.js";
-import { Button as N } from "../components/atoms/button/button.js";
-const v = {
-  success: "CheckCircle",
-  error: "WarningCircle",
-  warning: "Warning",
-  info: "Info"
-}, j = {
-  success: "var(--color-success)",
-  error: "var(--color-destructive)",
-  warning: "var(--color-warning)",
-  info: "var(--color-info)"
-}, p = {
-  success: "default",
-  error: "destructive",
-  warning: "default",
-  info: "default"
-}, w = () => /* @__PURE__ */ s.jsx("div", { className: "w-full h-1 bg-border rounded-full overflow-hidden mt-3", children: /* @__PURE__ */ s.jsx("div", { className: "h-full bg-primary animate-progress-indeterminate" }) }), O = ({
-  mode: r,
-  title: i,
-  message: c,
-  primaryActionLabel: a,
-  onAction: l,
-  timeToLive: m = 5e3,
-  withCloseButton: f = !0,
-  withProgress: d = !1
-}) => {
-  const u = v[r], n = !!i, x = !!(a && l), h = /* @__PURE__ */ s.jsx(
-    g,
-    {
-      name: u,
-      className: "size-4",
-      weight: "fill",
-      style: { color: j[r] }
-    }
-  ), t = /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col gap-0 w-full", children: [
-    /* @__PURE__ */ s.jsx("div", { className: "flex items-start gap-2", children: /* @__PURE__ */ s.jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ s.jsx("p", { className: n ? "text-sm font-semibold" : "text-sm", children: n ? i : c }) }) }),
-    n && /* @__PURE__ */ s.jsx("div", { className: "mt-1", children: /* @__PURE__ */ s.jsx("p", { className: "text-sm text-muted-foreground", children: c }) }),
-    d && /* @__PURE__ */ s.jsx(w, {}),
-    x && /* @__PURE__ */ s.jsx("div", { className: "mt-3", children: /* @__PURE__ */ s.jsx(
-      N,
-      {
-        variant: p[r],
-        size: "sm",
-        onClick: () => {
-          l(), e.dismiss();
-        },
-        children: a
-      }
-    ) })
-  ] }), o = {
-    duration: m,
-    closeButton: f,
-    icon: h,
-    position: "top-right",
-    classNames: {
-      toast: `notification-alert-toast notification-alert-${r}`
-    }
-  };
-  switch (r) {
-    case "success":
-      return e.success(t, o);
-    case "error":
-      return e.error(t, o);
-    case "warning":
-      return e.warning(t, o);
-    case "info":
-      return e.info(t, o);
-  }
-};
-export {
-  O as showNotificationAlert
-};

package/dist/lib/utils.d.ts

@@ -1,35 +0,0 @@
-import { ClassValue } from 'clsx';
-export declare function cn(...inputs: ClassValue[]): string;
-/**
- * Normalizes a dimension value to a CSS string with px suffix if it's a number
- * @param value - The dimension value (number or string)
- * @returns A CSS-compatible string value
- */
-export declare function normalizeDimension(value: number | string | undefined): string | undefined;
-/**
- * Truncates a string with a separator, showing front and back characters
- * @param fullStr - The full string to truncate
- * @param strLen - Maximum length before truncation (default: 8)
- * @param separator - Separator string (default: '...')
- * @param frontChars - Number of characters to show at the front (default: 3)
- * @param backChars - Number of characters to show at the back (default: 4)
- * @returns The truncated string or the original if it's shorter than strLen
- */
-export declare function truncate(fullStr: string, strLen?: number, separator?: string, frontChars?: number, backChars?: number): string;
-/**
- * Supported language codes for i18n
- */
-export type SupportedLanguage = "en" | "es" | "ja" | "ar" | "fr" | "pt" | "tr" | "ru" | "de" | "zh";
-/**
- * localStorage key for storing the user's preferred language
- */
-export declare const LANGUAGE_STORAGE_KEY = "lang";
-/**
- * Gets the default language from localStorage, falling back to "en"
- * @returns The language code from localStorage or "en" as default
- */
-export declare function getDefaultLanguage(): SupportedLanguage;
-/**
- * Returns "rtl" or "ltr" based on the given or stored language
- */
-export declare function getDirection(lang?: SupportedLanguage): "rtl" | "ltr";

package/dist/lib/utils.js

@@ -1,47 +0,0 @@
-import { clsx as i } from "../node_modules/clsx/dist/clsx.js";
-import { twMerge as c } from "../node_modules/tailwind-merge/dist/bundle-mjs.js";
-function m(...n) {
-  return c(i(n));
-}
-function p(n) {
-  if (n !== void 0)
-    return typeof n == "number" ? `${n}px` : n;
-}
-function A(n, t = 8, e = "...", r = 3, o = 4) {
-  return n.length <= t ? n : n.substring(0, r) + e + n.substring(n.length - o);
-}
-const u = [
-  "en",
-  "es",
-  "ja",
-  "ar",
-  "fr",
-  "pt",
-  "tr",
-  "ru",
-  "de",
-  "zh"
-], s = "lang";
-function g() {
-  if (typeof window > "u") return "en";
-  try {
-    const n = localStorage.getItem(s);
-    if (n && u.includes(n))
-      return n;
-  } catch {
-  }
-  return "en";
-}
-const f = ["ar"];
-function G(n) {
-  const t = n ?? g();
-  return f.includes(t) ? "rtl" : "ltr";
-}
-export {
-  s as LANGUAGE_STORAGE_KEY,
-  m as cn,
-  g as getDefaultLanguage,
-  G as getDirection,
-  p as normalizeDimension,
-  A as truncate
-};