erp-pro-ui 0.2.5 → 0.2.7

package/dist/chunks/{toast-DiFgv3IL.cjs.map → toast-DL8svc6q.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"toast-DiFgv3IL.cjs","names":[],"sources":["../../src/components/overlays/toast/Toast.tsx"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  useState,\n  useCallback,\n  useRef,\n  useEffect,\n  forwardRef,\n} from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\nimport {\n  AlertTriangleIcon,\n  CheckCircleIcon,\n  CloseIcon,\n  InfoCircleIcon,\n  LoaderIcon,\n  XCircleIcon,\n} from \"../../icons\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type ToastType =\n  | \"success\"\n  | \"error\"\n  | \"warning\"\n  | \"info\"\n  | \"default\"\n  | \"loading\";\nexport type ToastPosition =\n  | \"top-left\"\n  | \"top-center\"\n  | \"top-right\"\n  | \"bottom-left\"\n  | \"bottom-center\"\n  | \"bottom-right\";\n\nexport interface ToastAction {\n  label: string;\n  onClick: () => void;\n}\n\nexport interface Toast {\n  id: string;\n  type: ToastType;\n  title?: string;\n  description?: string;\n  duration?: number;\n  icon?: React.ReactNode;\n  action?: ToastAction;\n  dismissible?: boolean;\n  onDismiss?: () => void;\n  onAutoClose?: () => void;\n  promise?: {\n    loading: string;\n    success: string | ((data: unknown) => string);\n    error: string | ((error: unknown) => string);\n  };\n}\n\nexport interface ToastOptions {\n  type?: ToastType;\n  title?: string;\n  description?: string;\n  duration?: number;\n  icon?: React.ReactNode;\n  action?: ToastAction;\n  dismissible?: boolean;\n  onDismiss?: () => void;\n  onAutoClose?: () => void;\n}\n\nexport interface ToastContextValue {\n  toasts: Toast[];\n  toast: (options: ToastOptions | string) => string;\n  success: (options: ToastOptions | string) => string;\n  error: (options: ToastOptions | string) => string;\n  warning: (options: ToastOptions | string) => string;\n  info: (options: ToastOptions | string) => string;\n  loading: (options: ToastOptions | string) => string;\n  promise: <T>(\n    promise: Promise<T>,\n    options: {\n      loading: string;\n      success: string | ((data: T) => string);\n      error: string | ((error: unknown) => string);\n    },\n  ) => Promise<T>;\n  dismiss: (id: string) => void;\n  dismissAll: () => void;\n  update: (id: string, options: Partial<ToastOptions>) => void;\n}\n\nexport interface ToastProviderProps {\n  children: React.ReactNode;\n  /** Default position for toasts */\n  position?: ToastPosition;\n  /** Default duration in milliseconds */\n  duration?: number;\n  /** Maximum number of visible toasts */\n  maxToasts?: number;\n  /** Gap between toasts */\n  gap?: number;\n  /** Whether toasts are dismissible by default */\n  dismissible?: boolean;\n  /** Custom className for the toast container */\n  containerClassName?: string;\n}\n\nexport interface ToastItemProps {\n  toast: Toast;\n  onDismiss: (id: string) => void;\n  position: ToastPosition;\n}\n\n// ============================================================================\n// Context\n// ============================================================================\n\nconst ToastContext = createContext<ToastContextValue | null>(null);\n\nexport const useToast = (): ToastContextValue => {\n  const context = useContext(ToastContext);\n  if (!context) {\n    throw new Error(\"useToast must be used within a ToastProvider\");\n  }\n  return context;\n};\n\n// ============================================================================\n// Styles\n// ============================================================================\n\nconst typeStyles: Record<\n  ToastType,\n  { bg: string; icon: string; iconBg: string }\n> = {\n  success: {\n    bg: \"bg-ds-surface-1 border-ds-state-success-border\",\n    icon: \"text-ds-state-success-text\",\n    iconBg: \"bg-ds-state-success-surface\",\n  },\n  error: {\n    bg: \"bg-ds-surface-1 border-ds-state-error-border\",\n    icon: \"text-ds-state-error-text\",\n    iconBg: \"bg-ds-state-error-surface\",\n  },\n  warning: {\n    bg: \"bg-ds-surface-1 border-ds-state-warning-border\",\n    icon: \"text-ds-state-warning-text\",\n    iconBg: \"bg-ds-state-warning-surface\",\n  },\n  info: {\n    bg: \"bg-ds-surface-1 border-ds-state-info-border\",\n    icon: \"text-ds-state-info-text\",\n    iconBg: \"bg-ds-state-info-surface\",\n  },\n  default: {\n    bg: \"bg-ds-surface-1 border-ds-border-2\",\n    icon: \"text-ds-2\",\n    iconBg: \"bg-ds-surface-2\",\n  },\n  loading: {\n    bg: \"bg-ds-surface-1 border-ds-border-2\",\n    icon: \"text-ds-1\",\n    iconBg: \"bg-ds-accent-subtle\",\n  },\n};\n\nconst positionStyles: Record<ToastPosition, string> = {\n  \"top-left\": \"top-4 left-4\",\n  \"top-center\": \"top-4 left-1/2 -translate-x-1/2\",\n  \"top-right\": \"top-4 right-4\",\n  \"bottom-left\": \"bottom-4 left-4\",\n  \"bottom-center\": \"bottom-4 left-1/2 -translate-x-1/2\",\n  \"bottom-right\": \"bottom-4 right-4\",\n};\n\nconst getMotionVariants = (position: ToastPosition) => {\n  const isTop = position.startsWith(\"top\");\n  const isCenter = position.includes(\"center\");\n  const isLeft = position.includes(\"left\");\n\n  return {\n    initial: {\n      opacity: 0,\n      y: isTop ? -20 : 20,\n      x: isCenter ? 0 : isLeft ? -20 : 20,\n      scale: 0.95,\n    },\n    animate: {\n      opacity: 1,\n      y: 0,\n      x: 0,\n      scale: 1,\n    },\n    exit: {\n      opacity: 0,\n      y: isTop ? -20 : 20,\n      scale: 0.95,\n      transition: { duration: 0.15 },\n    },\n  };\n};\n\n// ============================================================================\n// Toast Item Component\n// ============================================================================\n\nconst ToastItem = forwardRef<HTMLDivElement, ToastItemProps>(\n  ({ toast, onDismiss, position }, ref) => {\n    const {\n      type,\n      title,\n      description,\n      icon,\n      action,\n      dismissible = true,\n      duration,\n    } = toast;\n    const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n    const [progress, setProgress] = useState(100);\n    const [isPaused, setIsPaused] = useState(false);\n\n    const defaultIcons: Record<ToastType, React.ReactNode> = {\n      success: <CheckCircleIcon className=\"w-5 h-5\" aria-hidden=\"true\" />,\n      error: <XCircleIcon className=\"w-5 h-5\" aria-hidden=\"true\" />,\n      warning: <AlertTriangleIcon className=\"w-5 h-5\" aria-hidden=\"true\" />,\n      info: <InfoCircleIcon className=\"w-5 h-5\" aria-hidden=\"true\" />,\n      loading: (\n        <LoaderIcon className=\"w-5 h-5 animate-spin\" aria-hidden=\"true\" />\n      ),\n      default: null,\n    };\n\n    // Auto-dismiss timer with progress\n    useEffect(() => {\n      if (duration && duration > 0 && type !== \"loading\") {\n        const startTime = Date.now();\n        const interval = 50;\n\n        const updateProgress = () => {\n          if (isPaused) return;\n\n          const elapsed = Date.now() - startTime;\n          const remaining = Math.max(0, 100 - (elapsed / duration) * 100);\n          setProgress(remaining);\n\n          if (remaining <= 0) {\n            toast.onAutoClose?.();\n            onDismiss(toast.id);\n          }\n        };\n\n        timerRef.current = setInterval(updateProgress, interval);\n\n        return () => {\n          if (timerRef.current) {\n            clearInterval(timerRef.current);\n          }\n        };\n      }\n    }, [duration, toast.id, type, isPaused, onDismiss, toast]);\n\n    const handleMouseEnter = () => setIsPaused(true);\n    const handleMouseLeave = () => setIsPaused(false);\n\n    const styles = typeStyles[type];\n    const displayIcon = icon ?? defaultIcons[type];\n    const variants = getMotionVariants(position);\n\n    return (\n      <motion.div\n        ref={ref}\n        layout\n        initial={variants.initial}\n        animate={variants.animate}\n        exit={variants.exit}\n        transition={{ type: \"spring\", stiffness: 400, damping: 30 }}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        className={`\n          relative flex items-start gap-3 p-4 pr-10\n          rounded-lg shadow-lg border min-w-[320px] max-w-[420px]\n          overflow-hidden\n          ${styles.bg}\n        `}\n        role=\"alert\"\n        aria-live=\"polite\"\n      >\n        {/* Progress bar */}\n        {duration && duration > 0 && type !== \"loading\" && (\n          <div className=\"absolute bottom-0 left-0 right-0 h-1 bg-ds-surface-2\">\n            <motion.div\n              className={`h-full ${\n                type === \"success\"\n                  ? \"bg-ds-state-success\"\n                  : type === \"error\"\n                    ? \"bg-ds-state-danger\"\n                    : type === \"warning\"\n                      ? \"bg-ds-state-warning\"\n                      : type === \"info\"\n                        ? \"bg-ds-state-info\"\n                        : \"bg-ds-border-3\"\n              }`}\n              style={{ width: `${progress}%` }}\n              transition={{ duration: 0.05 }}\n            />\n          </div>\n        )}\n\n        {/* Icon */}\n        {displayIcon && (\n          <div\n            className={`shrink-0 p-1.5 rounded-full ${styles.iconBg} ${styles.icon}`}\n          >\n            {displayIcon}\n          </div>\n        )}\n\n        {/* Content */}\n        <div className=\"flex-1 min-w-0\">\n          {title && <p className=\"text-sm font-semibold text-ds-1\">{title}</p>}\n          {description && (\n            <p className={`text-sm text-ds-2 ${title ? \"mt-1\" : \"\"}`}>\n              {description}\n            </p>\n          )}\n          {action && (\n            <button\n              onClick={() => {\n                action.onClick();\n                onDismiss(toast.id);\n              }}\n              className=\"mt-2 text-sm font-medium text-ds-1 hover:underline\"\n            >\n              {action.label}\n            </button>\n          )}\n        </div>\n\n        {/* Dismiss button */}\n        {dismissible && (\n          <button\n            onClick={() => {\n              toast.onDismiss?.();\n              onDismiss(toast.id);\n            }}\n            className=\"absolute top-3 right-3 rounded-full p-1 text-ds-2 transition-colors hover:bg-ds-surface-2 hover:text-ds-1\"\n            aria-label=\"Dismiss\"\n          >\n            <CloseIcon className=\"w-4 h-4\" aria-hidden=\"true\" />\n          </button>\n        )}\n      </motion.div>\n    );\n  },\n);\n\nToastItem.displayName = \"ToastItem\";\n\n// ============================================================================\n// Toast Provider Component\n// ============================================================================\n\nexport const ToastProvider: React.FC<ToastProviderProps> = ({\n  children,\n  position = \"bottom-right\",\n  duration = 5000,\n  maxToasts = 5,\n  gap = 12,\n  dismissible = true,\n  containerClassName = \"\",\n}) => {\n  const [toasts, setToasts] = useState<Toast[]>([]);\n  const toastIdCounter = useRef(0);\n\n  const generateId = () => {\n    toastIdCounter.current += 1;\n    return `toast-${toastIdCounter.current}-${Date.now()}`;\n  };\n\n  const addToast = useCallback(\n    (options: ToastOptions | string, type: ToastType = \"default\"): string => {\n      const id = generateId();\n      const toastOptions: ToastOptions =\n        typeof options === \"string\" ? { description: options } : options;\n\n      const newToast: Toast = {\n        id,\n        type: toastOptions.type ?? type,\n        title: toastOptions.title,\n        description: toastOptions.description,\n        duration: toastOptions.duration ?? duration,\n        icon: toastOptions.icon,\n        action: toastOptions.action,\n        dismissible: toastOptions.dismissible ?? dismissible,\n        onDismiss: toastOptions.onDismiss,\n        onAutoClose: toastOptions.onAutoClose,\n      };\n\n      setToasts((prev) => {\n        const updated = [...prev, newToast];\n        // Keep only the last maxToasts\n        return updated.slice(-maxToasts);\n      });\n\n      return id;\n    },\n    [duration, dismissible, maxToasts],\n  );\n\n  const dismiss = useCallback((id: string) => {\n    setToasts((prev) => prev.filter((t) => t.id !== id));\n  }, []);\n\n  const dismissAll = useCallback(() => {\n    setToasts([]);\n  }, []);\n\n  const update = useCallback((id: string, options: Partial<ToastOptions>) => {\n    setToasts((prev) =>\n      prev.map((t) =>\n        t.id === id\n          ? {\n              ...t,\n              ...options,\n              type: options.type ?? t.type,\n            }\n          : t,\n      ),\n    );\n  }, []);\n\n  const toast = useCallback(\n    (options: ToastOptions | string) => addToast(options, \"default\"),\n    [addToast],\n  );\n\n  const success = useCallback(\n    (options: ToastOptions | string) => addToast(options, \"success\"),\n    [addToast],\n  );\n\n  const error = useCallback(\n    (options: ToastOptions | string) => addToast(options, \"error\"),\n    [addToast],\n  );\n\n  const warning = useCallback(\n    (options: ToastOptions | string) => addToast(options, \"warning\"),\n    [addToast],\n  );\n\n  const info = useCallback(\n    (options: ToastOptions | string) => addToast(options, \"info\"),\n    [addToast],\n  );\n\n  const loading = useCallback(\n    (options: ToastOptions | string) => {\n      const toastOptions: ToastOptions =\n        typeof options === \"string\" ? { description: options } : options;\n      return addToast(\n        { ...toastOptions, duration: 0, dismissible: false },\n        \"loading\",\n      );\n    },\n    [addToast],\n  );\n\n  const promise = useCallback(\n    async <T,>(\n      promiseToResolve: Promise<T>,\n      options: {\n        loading: string;\n        success: string | ((data: T) => string);\n        error: string | ((error: unknown) => string);\n      },\n    ): Promise<T> => {\n      const id = loading(options.loading);\n\n      try {\n        const result = await promiseToResolve;\n        const successMessage =\n          typeof options.success === \"function\"\n            ? options.success(result)\n            : options.success;\n        update(id, {\n          type: \"success\",\n          description: successMessage,\n          duration,\n          dismissible: true,\n        });\n        return result;\n      } catch (err) {\n        const errorMessage =\n          typeof options.error === \"function\"\n            ? options.error(err)\n            : options.error;\n        update(id, {\n          type: \"error\",\n          description: errorMessage,\n          duration,\n          dismissible: true,\n        });\n        throw err;\n      }\n    },\n    [loading, update, duration],\n  );\n\n  const contextValue: ToastContextValue = {\n    toasts,\n    toast,\n    success,\n    error,\n    warning,\n    info,\n    loading,\n    promise,\n    dismiss,\n    dismissAll,\n    update,\n  };\n\n  const isTop = position.startsWith(\"top\");\n\n  return (\n    <ToastContext.Provider value={contextValue}>\n      {children}\n      <div\n        className={`fixed z-100 flex flex-col pointer-events-none ${positionStyles[position]} ${containerClassName}`}\n        style={{ gap: `${gap}px` }}\n      >\n        <AnimatePresence mode=\"popLayout\">\n          {(isTop ? toasts : [...toasts].reverse()).map((t) => (\n            <div key={t.id} className=\"pointer-events-auto\">\n              <ToastItem toast={t} onDismiss={dismiss} position={position} />\n            </div>\n          ))}\n        </AnimatePresence>\n      </div>\n    </ToastContext.Provider>\n  );\n};\n\n// ============================================================================\n// Standalone toast function (for use without hooks)\n// ============================================================================\n\nlet globalToast: ToastContextValue | null = null;\n\nexport const setGlobalToast = (toastContext: ToastContextValue) => {\n  globalToast = toastContext;\n};\n\nexport const toastStandalone = {\n  show: (options: ToastOptions | string) => globalToast?.toast(options),\n  success: (options: ToastOptions | string) => globalToast?.success(options),\n  error: (options: ToastOptions | string) => globalToast?.error(options),\n  warning: (options: ToastOptions | string) => globalToast?.warning(options),\n  info: (options: ToastOptions | string) => globalToast?.info(options),\n  loading: (options: ToastOptions | string) => globalToast?.loading(options),\n  promise: <T,>(\n    promise: Promise<T>,\n    options: {\n      loading: string;\n      success: string | ((data: T) => string);\n      error: string | ((error: unknown) => string);\n    },\n  ) => globalToast?.promise(promise, options),\n  dismiss: (id: string) => globalToast?.dismiss(id),\n  dismissAll: () => globalToast?.dismissAll(),\n};\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport default ToastProvider;\nexport { ToastItem };\n"],"mappings":";;;;;;AAwHA,IAAM,gBAAA,GAAA,MAAA,eAAuD,KAAK;AAElE,IAAa,iBAAoC;CAC/C,MAAM,WAAA,GAAA,MAAA,YAAqB,aAAa;AACxC,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,+CAA+C;AAEjE,QAAO;;AAOT,IAAM,aAGF;CACF,SAAS;EACP,IAAI;EACJ,MAAM;EACN,QAAQ;EACT;CACD,OAAO;EACL,IAAI;EACJ,MAAM;EACN,QAAQ;EACT;CACD,SAAS;EACP,IAAI;EACJ,MAAM;EACN,QAAQ;EACT;CACD,MAAM;EACJ,IAAI;EACJ,MAAM;EACN,QAAQ;EACT;CACD,SAAS;EACP,IAAI;EACJ,MAAM;EACN,QAAQ;EACT;CACD,SAAS;EACP,IAAI;EACJ,MAAM;EACN,QAAQ;EACT;CACF;AAED,IAAM,iBAAgD;CACpD,YAAY;CACZ,cAAc;CACd,aAAa;CACb,eAAe;CACf,iBAAiB;CACjB,gBAAgB;CACjB;AAED,IAAM,qBAAqB,aAA4B;CACrD,MAAM,QAAQ,SAAS,WAAW,MAAM;CACxC,MAAM,WAAW,SAAS,SAAS,SAAS;CAC5C,MAAM,SAAS,SAAS,SAAS,OAAO;AAExC,QAAO;EACL,SAAS;GACP,SAAS;GACT,GAAG,QAAQ,MAAM;GACjB,GAAG,WAAW,IAAI,SAAS,MAAM;GACjC,OAAO;GACR;EACD,SAAS;GACP,SAAS;GACT,GAAG;GACH,GAAG;GACH,OAAO;GACR;EACD,MAAM;GACJ,SAAS;GACT,GAAG,QAAQ,MAAM;GACjB,OAAO;GACP,YAAY,EAAE,UAAU,KAAM;GAC/B;EACF;;AAOH,IAAM,aAAA,GAAA,MAAA,aACH,EAAE,OAAO,WAAW,YAAY,QAAQ;CACvC,MAAM,EACJ,MACA,OACA,aACA,MACA,QACA,cAAc,MACd,aACE;CACJ,MAAM,YAAA,GAAA,MAAA,QAAwD,KAAK;CACnE,MAAM,CAAC,UAAU,gBAAA,GAAA,MAAA,UAAwB,IAAI;CAC7C,MAAM,CAAC,UAAU,gBAAA,GAAA,MAAA,UAAwB,MAAM;CAE/C,MAAM,eAAmD;EACvD,SAAS,iBAAA,GAAA,kBAAA,KAAC,cAAA,iBAAD;GAAiB,WAAU;GAAU,eAAY;GAAS,CAAA;EACnE,OAAO,iBAAA,GAAA,kBAAA,KAAC,cAAA,aAAD;GAAa,WAAU;GAAU,eAAY;GAAS,CAAA;EAC7D,SAAS,iBAAA,GAAA,kBAAA,KAAC,cAAA,mBAAD;GAAmB,WAAU;GAAU,eAAY;GAAS,CAAA;EACrE,MAAM,iBAAA,GAAA,kBAAA,KAAC,cAAA,gBAAD;GAAgB,WAAU;GAAU,eAAY;GAAS,CAAA;EAC/D,SACE,iBAAA,GAAA,kBAAA,KAAC,cAAA,YAAD;GAAY,WAAU;GAAuB,eAAY;GAAS,CAAA;EAEpE,SAAS;EACV;AAGD,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,YAAY,WAAW,KAAK,SAAS,WAAW;GAClD,MAAM,YAAY,KAAK,KAAK;GAC5B,MAAM,WAAW;GAEjB,MAAM,uBAAuB;AAC3B,QAAI,SAAU;IAEd,MAAM,UAAU,KAAK,KAAK,GAAG;IAC7B,MAAM,YAAY,KAAK,IAAI,GAAG,MAAO,UAAU,WAAY,IAAI;AAC/D,gBAAY,UAAU;AAEtB,QAAI,aAAa,GAAG;AAClB,WAAM,eAAe;AACrB,eAAU,MAAM,GAAG;;;AAIvB,YAAS,UAAU,YAAY,gBAAgB,SAAS;AAExD,gBAAa;AACX,QAAI,SAAS,QACX,eAAc,SAAS,QAAQ;;;IAIpC;EAAC;EAAU,MAAM;EAAI;EAAM;EAAU;EAAW;EAAM,CAAC;CAE1D,MAAM,yBAAyB,YAAY,KAAK;CAChD,MAAM,yBAAyB,YAAY,MAAM;CAEjD,MAAM,SAAS,WAAW;CAC1B,MAAM,cAAc,QAAQ,aAAa;CACzC,MAAM,WAAW,kBAAkB,SAAS;AAE5C,QACE,iBAAA,GAAA,kBAAA,MAAC,cAAA,OAAO,KAAR;EACO;EACL,QAAA;EACA,SAAS,SAAS;EAClB,SAAS,SAAS;EAClB,MAAM,SAAS;EACf,YAAY;GAAE,MAAM;GAAU,WAAW;GAAK,SAAS;GAAI;EAC3D,cAAc;EACd,cAAc;EACd,WAAW;;;;YAIP,OAAO,GAAG;;EAEd,MAAK;EACL,aAAU;YAhBZ;GAmBG,YAAY,WAAW,KAAK,SAAS,aACpC,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAU;cACb,iBAAA,GAAA,kBAAA,KAAC,cAAA,OAAO,KAAR;KACE,WAAW,UACT,SAAS,YACL,wBACA,SAAS,UACP,uBACA,SAAS,YACP,wBACA,SAAS,SACP,qBACA;KAEZ,OAAO,EAAE,OAAO,GAAG,SAAS,IAAI;KAChC,YAAY,EAAE,UAAU,KAAM;KAC9B,CAAA;IACE,CAAA;GAIP,eACC,iBAAA,GAAA,kBAAA,KAAC,OAAD;IACE,WAAW,+BAA+B,OAAO,OAAO,GAAG,OAAO;cAEjE;IACG,CAAA;GAIR,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,WAAU;cAAf;KACG,SAAS,iBAAA,GAAA,kBAAA,KAAC,KAAD;MAAG,WAAU;gBAAmC;MAAU,CAAA;KACnE,eACC,iBAAA,GAAA,kBAAA,KAAC,KAAD;MAAG,WAAW,qBAAqB,QAAQ,SAAS;gBACjD;MACC,CAAA;KAEL,UACC,iBAAA,GAAA,kBAAA,KAAC,UAAD;MACE,eAAe;AACb,cAAO,SAAS;AAChB,iBAAU,MAAM,GAAG;;MAErB,WAAU;gBAET,OAAO;MACD,CAAA;KAEP;;GAGL,eACC,iBAAA,GAAA,kBAAA,KAAC,UAAD;IACE,eAAe;AACb,WAAM,aAAa;AACnB,eAAU,MAAM,GAAG;;IAErB,WAAU;IACV,cAAW;cAEX,iBAAA,GAAA,kBAAA,KAAC,cAAA,WAAD;KAAW,WAAU;KAAU,eAAY;KAAS,CAAA;IAC7C,CAAA;GAEA;;EAGlB;AAED,UAAU,cAAc;AAMxB,IAAa,iBAA+C,EAC1D,UACA,WAAW,gBACX,WAAW,KACX,YAAY,GACZ,MAAM,IACN,cAAc,MACd,qBAAqB,SACjB;CACJ,MAAM,CAAC,QAAQ,cAAA,GAAA,MAAA,UAA+B,EAAE,CAAC;CACjD,MAAM,kBAAA,GAAA,MAAA,QAAwB,EAAE;CAEhC,MAAM,mBAAmB;AACvB,iBAAe,WAAW;AAC1B,SAAO,SAAS,eAAe,QAAQ,GAAG,KAAK,KAAK;;CAGtD,MAAM,YAAA,GAAA,MAAA,cACH,SAAgC,OAAkB,cAAsB;EACvE,MAAM,KAAK,YAAY;EACvB,MAAM,eACJ,OAAO,YAAY,WAAW,EAAE,aAAa,SAAS,GAAG;EAE3D,MAAM,WAAkB;GACtB;GACA,MAAM,aAAa,QAAQ;GAC3B,OAAO,aAAa;GACpB,aAAa,aAAa;GAC1B,UAAU,aAAa,YAAY;GACnC,MAAM,aAAa;GACnB,QAAQ,aAAa;GACrB,aAAa,aAAa,eAAe;GACzC,WAAW,aAAa;GACxB,aAAa,aAAa;GAC3B;AAED,aAAW,SAAS;AAGlB,UAAO,CAFU,GAAG,MAAM,SAEnB,CAAQ,MAAM,CAAC,UAAU;IAChC;AAEF,SAAO;IAET;EAAC;EAAU;EAAa;EAAU,CACnC;CAED,MAAM,WAAA,GAAA,MAAA,cAAuB,OAAe;AAC1C,aAAW,SAAS,KAAK,QAAQ,MAAM,EAAE,OAAO,GAAG,CAAC;IACnD,EAAE,CAAC;CAEN,MAAM,cAAA,GAAA,MAAA,mBAA+B;AACnC,YAAU,EAAE,CAAC;IACZ,EAAE,CAAC;CAEN,MAAM,UAAA,GAAA,MAAA,cAAsB,IAAY,YAAmC;AACzE,aAAW,SACT,KAAK,KAAK,MACR,EAAE,OAAO,KACL;GACE,GAAG;GACH,GAAG;GACH,MAAM,QAAQ,QAAQ,EAAE;GACzB,GACD,EACL,CACF;IACA,EAAE,CAAC;CAEN,MAAM,SAAA,GAAA,MAAA,cACH,YAAmC,SAAS,SAAS,UAAU,EAChE,CAAC,SAAS,CACX;CAED,MAAM,WAAA,GAAA,MAAA,cACH,YAAmC,SAAS,SAAS,UAAU,EAChE,CAAC,SAAS,CACX;CAED,MAAM,SAAA,GAAA,MAAA,cACH,YAAmC,SAAS,SAAS,QAAQ,EAC9D,CAAC,SAAS,CACX;CAED,MAAM,WAAA,GAAA,MAAA,cACH,YAAmC,SAAS,SAAS,UAAU,EAChE,CAAC,SAAS,CACX;CAED,MAAM,QAAA,GAAA,MAAA,cACH,YAAmC,SAAS,SAAS,OAAO,EAC7D,CAAC,SAAS,CACX;CAED,MAAM,WAAA,GAAA,MAAA,cACH,YAAmC;AAGlC,SAAO,SACL;GAAE,GAFF,OAAO,YAAY,WAAW,EAAE,aAAa,SAAS,GAAG;GAEtC,UAAU;GAAG,aAAa;GAAO,EACpD,UACD;IAEH,CAAC,SAAS,CACX;CA2CD,MAAM,eAAkC;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA,UAAA,GAAA,MAAA,aAhDA,OACE,kBACA,YAKe;GACf,MAAM,KAAK,QAAQ,QAAQ,QAAQ;AAEnC,OAAI;IACF,MAAM,SAAS,MAAM;AAKrB,WAAO,IAAI;KACT,MAAM;KACN,aALA,OAAO,QAAQ,YAAY,aACvB,QAAQ,QAAQ,OAAO,GACvB,QAAQ;KAIZ;KACA,aAAa;KACd,CAAC;AACF,WAAO;YACA,KAAK;AAKZ,WAAO,IAAI;KACT,MAAM;KACN,aALA,OAAO,QAAQ,UAAU,aACrB,QAAQ,MAAM,IAAI,GAClB,QAAQ;KAIZ;KACA,aAAa;KACd,CAAC;AACF,UAAM;;KAGV;GAAC;GAAS;GAAQ;GAAS,CAW3B;EACA;EACA;EACA;EACD;CAED,MAAM,QAAQ,SAAS,WAAW,MAAM;AAExC,QACE,iBAAA,GAAA,kBAAA,MAAC,aAAa,UAAd;EAAuB,OAAO;YAA9B,CACG,UACD,iBAAA,GAAA,kBAAA,KAAC,OAAD;GACE,WAAW,iDAAiD,eAAe,UAAU,GAAG;GACxF,OAAO,EAAE,KAAK,GAAG,IAAI,KAAK;aAE1B,iBAAA,GAAA,kBAAA,KAAC,cAAA,iBAAD;IAAiB,MAAK;eAClB,QAAQ,SAAS,CAAC,GAAG,OAAO,CAAC,SAAS,EAAE,KAAK,MAC7C,iBAAA,GAAA,kBAAA,KAAC,OAAD;KAAgB,WAAU;eACxB,iBAAA,GAAA,kBAAA,KAAC,WAAD;MAAW,OAAO;MAAG,WAAW;MAAmB;MAAY,CAAA;KAC3D,EAFI,EAAE,GAEN,CACN;IACc,CAAA;GACd,CAAA,CACgB;;;AAQ5B,IAAI,cAAwC;AAE5C,IAAa,kBAAkB,iBAAoC;AACjE,eAAc;;AAGhB,IAAa,kBAAkB;CAC7B,OAAO,YAAmC,aAAa,MAAM,QAAQ;CACrE,UAAU,YAAmC,aAAa,QAAQ,QAAQ;CAC1E,QAAQ,YAAmC,aAAa,MAAM,QAAQ;CACtE,UAAU,YAAmC,aAAa,QAAQ,QAAQ;CAC1E,OAAO,YAAmC,aAAa,KAAK,QAAQ;CACpE,UAAU,YAAmC,aAAa,QAAQ,QAAQ;CAC1E,UACE,SACA,YAKG,aAAa,QAAQ,SAAS,QAAQ;CAC3C,UAAU,OAAe,aAAa,QAAQ,GAAG;CACjD,kBAAkB,aAAa,YAAY;CAC5C"}
+{"version":3,"file":"toast-DL8svc6q.cjs","names":[],"sources":["../../src/components/overlays/toast/Toast.tsx"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  useState,\n  useCallback,\n  useRef,\n  useEffect,\n  forwardRef,\n} from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\nimport {\n  AlertTriangleIcon,\n  CheckCircleIcon,\n  CloseIcon,\n  InfoCircleIcon,\n  LoaderIcon,\n  XCircleIcon,\n} from \"../../icons\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type ToastType =\n  | \"success\"\n  | \"error\"\n  | \"warning\"\n  | \"info\"\n  | \"default\"\n  | \"loading\";\nexport type ToastPosition =\n  | \"top-left\"\n  | \"top-center\"\n  | \"top-right\"\n  | \"bottom-left\"\n  | \"bottom-center\"\n  | \"bottom-right\";\n\nexport interface ToastAction {\n  label: string;\n  onClick: () => void;\n}\n\nexport interface Toast {\n  id: string;\n  type: ToastType;\n  title?: string;\n  description?: string;\n  duration?: number;\n  icon?: React.ReactNode;\n  action?: ToastAction;\n  dismissible?: boolean;\n  onDismiss?: () => void;\n  onAutoClose?: () => void;\n  promise?: {\n    loading: string;\n    success: string | ((data: unknown) => string);\n    error: string | ((error: unknown) => string);\n  };\n}\n\nexport interface ToastOptions {\n  type?: ToastType;\n  title?: string;\n  description?: string;\n  duration?: number;\n  icon?: React.ReactNode;\n  action?: ToastAction;\n  dismissible?: boolean;\n  onDismiss?: () => void;\n  onAutoClose?: () => void;\n}\n\nexport interface ToastContextValue {\n  toasts: Toast[];\n  toast: (options: ToastOptions | string) => string;\n  success: (options: ToastOptions | string) => string;\n  error: (options: ToastOptions | string) => string;\n  warning: (options: ToastOptions | string) => string;\n  info: (options: ToastOptions | string) => string;\n  loading: (options: ToastOptions | string) => string;\n  promise: <T>(\n    promise: Promise<T>,\n    options: {\n      loading: string;\n      success: string | ((data: T) => string);\n      error: string | ((error: unknown) => string);\n    },\n  ) => Promise<T>;\n  dismiss: (id: string) => void;\n  dismissAll: () => void;\n  update: (id: string, options: Partial<ToastOptions>) => void;\n}\n\nexport interface ToastProviderProps {\n  children: React.ReactNode;\n  /** Default position for toasts */\n  position?: ToastPosition;\n  /** Default duration in milliseconds */\n  duration?: number;\n  /** Maximum number of visible toasts */\n  maxToasts?: number;\n  /** Gap between toasts */\n  gap?: number;\n  /** Whether toasts are dismissible by default */\n  dismissible?: boolean;\n  /** Custom className for the toast container */\n  containerClassName?: string;\n}\n\nexport interface ToastItemProps {\n  toast: Toast;\n  onDismiss: (id: string) => void;\n  position: ToastPosition;\n}\n\n// ============================================================================\n// Context\n// ============================================================================\n\nconst ToastContext = createContext<ToastContextValue | null>(null);\n\nexport const useToast = (): ToastContextValue => {\n  const context = useContext(ToastContext);\n  if (!context) {\n    throw new Error(\"useToast must be used within a ToastProvider\");\n  }\n  return context;\n};\n\n// ============================================================================\n// Styles\n// ============================================================================\n\nconst typeStyles: Record<\n  ToastType,\n  { bg: string; icon: string; iconBg: string }\n> = {\n  success: {\n    bg: \"bg-ds-surface-1 border-ds-state-success-border\",\n    icon: \"text-ds-state-success-text\",\n    iconBg: \"bg-ds-state-success-surface\",\n  },\n  error: {\n    bg: \"bg-ds-surface-1 border-ds-state-error-border\",\n    icon: \"text-ds-state-error-text\",\n    iconBg: \"bg-ds-state-error-surface\",\n  },\n  warning: {\n    bg: \"bg-ds-surface-1 border-ds-state-warning-border\",\n    icon: \"text-ds-state-warning-text\",\n    iconBg: \"bg-ds-state-warning-surface\",\n  },\n  info: {\n    bg: \"bg-ds-surface-1 border-ds-state-info-border\",\n    icon: \"text-ds-state-info-text\",\n    iconBg: \"bg-ds-state-info-surface\",\n  },\n  default: {\n    bg: \"bg-ds-surface-1 border-ds-border-2\",\n    icon: \"text-ds-2\",\n    iconBg: \"bg-ds-surface-2\",\n  },\n  loading: {\n    bg: \"bg-ds-surface-1 border-ds-border-2\",\n    icon: \"text-ds-1\",\n    iconBg: \"bg-ds-accent-subtle\",\n  },\n};\n\nconst positionStyles: Record<ToastPosition, string> = {\n  \"top-left\": \"top-4 left-4\",\n  \"top-center\": \"top-4 left-1/2 -translate-x-1/2\",\n  \"top-right\": \"top-4 right-4\",\n  \"bottom-left\": \"bottom-4 left-4\",\n  \"bottom-center\": \"bottom-4 left-1/2 -translate-x-1/2\",\n  \"bottom-right\": \"bottom-4 right-4\",\n};\n\nconst getMotionVariants = (position: ToastPosition) => {\n  const isTop = position.startsWith(\"top\");\n  const isCenter = position.includes(\"center\");\n  const isLeft = position.includes(\"left\");\n\n  return {\n    initial: {\n      opacity: 0,\n      y: isTop ? -20 : 20,\n      x: isCenter ? 0 : isLeft ? -20 : 20,\n      scale: 0.95,\n    },\n    animate: {\n      opacity: 1,\n      y: 0,\n      x: 0,\n      scale: 1,\n    },\n    exit: {\n      opacity: 0,\n      y: isTop ? -20 : 20,\n      scale: 0.95,\n      transition: { duration: 0.15 },\n    },\n  };\n};\n\n// ============================================================================\n// Toast Item Component\n// ============================================================================\n\nconst ToastItem = forwardRef<HTMLDivElement, ToastItemProps>(\n  ({ toast, onDismiss, position }, ref) => {\n    const {\n      type,\n      title,\n      description,\n      icon,\n      action,\n      dismissible = true,\n      duration,\n    } = toast;\n    const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n    const [progress, setProgress] = useState(100);\n    const [isPaused, setIsPaused] = useState(false);\n\n    const defaultIcons: Record<ToastType, React.ReactNode> = {\n      success: <CheckCircleIcon className=\"w-5 h-5\" aria-hidden=\"true\" />,\n      error: <XCircleIcon className=\"w-5 h-5\" aria-hidden=\"true\" />,\n      warning: <AlertTriangleIcon className=\"w-5 h-5\" aria-hidden=\"true\" />,\n      info: <InfoCircleIcon className=\"w-5 h-5\" aria-hidden=\"true\" />,\n      loading: (\n        <LoaderIcon className=\"w-5 h-5 animate-spin\" aria-hidden=\"true\" />\n      ),\n      default: null,\n    };\n\n    // Auto-dismiss timer with progress\n    useEffect(() => {\n      if (duration && duration > 0 && type !== \"loading\") {\n        const startTime = Date.now();\n        const interval = 50;\n\n        const updateProgress = () => {\n          if (isPaused) return;\n\n          const elapsed = Date.now() - startTime;\n          const remaining = Math.max(0, 100 - (elapsed / duration) * 100);\n          setProgress(remaining);\n\n          if (remaining <= 0) {\n            toast.onAutoClose?.();\n            onDismiss(toast.id);\n          }\n        };\n\n        timerRef.current = setInterval(updateProgress, interval);\n\n        return () => {\n          if (timerRef.current) {\n            clearInterval(timerRef.current);\n          }\n        };\n      }\n    }, [duration, toast.id, type, isPaused, onDismiss, toast]);\n\n    const handleMouseEnter = () => setIsPaused(true);\n    const handleMouseLeave = () => setIsPaused(false);\n\n    const styles = typeStyles[type];\n    const displayIcon = icon ?? defaultIcons[type];\n    const variants = getMotionVariants(position);\n\n    return (\n      <motion.div\n        ref={ref}\n        layout\n        initial={variants.initial}\n        animate={variants.animate}\n        exit={variants.exit}\n        transition={{ type: \"spring\", stiffness: 400, damping: 30 }}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        className={`\n          relative flex items-start gap-3 p-4 pr-10\n          rounded-lg shadow-lg border min-w-[320px] max-w-[420px]\n          overflow-hidden\n          ${styles.bg}\n        `}\n        role=\"alert\"\n        aria-live=\"polite\"\n      >\n        {/* Progress bar */}\n        {duration && duration > 0 && type !== \"loading\" && (\n          <div className=\"absolute bottom-0 left-0 right-0 h-1 bg-ds-surface-2\">\n            <motion.div\n              className={`h-full ${\n                type === \"success\"\n                  ? \"bg-ds-state-success\"\n                  : type === \"error\"\n                    ? \"bg-ds-state-danger\"\n                    : type === \"warning\"\n                      ? \"bg-ds-state-warning\"\n                      : type === \"info\"\n                        ? \"bg-ds-state-info\"\n                        : \"bg-ds-border-3\"\n              }`}\n              style={{ width: `${progress}%` }}\n              transition={{ duration: 0.05 }}\n            />\n          </div>\n        )}\n\n        {/* Icon */}\n        {displayIcon && (\n          <div\n            className={`shrink-0 p-1.5 rounded-full ${styles.iconBg} ${styles.icon}`}\n          >\n            {displayIcon}\n          </div>\n        )}\n\n        {/* Content */}\n        <div className=\"flex-1 min-w-0\">\n          {title && <p className=\"text-sm font-semibold text-ds-1\">{title}</p>}\n          {description && (\n            <p className={`text-sm text-ds-2 ${title ? \"mt-1\" : \"\"}`}>\n              {description}\n            </p>\n          )}\n          {action && (\n            <button\n              onClick={() => {\n                action.onClick();\n                onDismiss(toast.id);\n              }}\n              className=\"mt-2 text-sm font-medium text-ds-1 hover:underline\"\n            >\n              {action.label}\n            </button>\n          )}\n        </div>\n\n        {/* Dismiss button */}\n        {dismissible && (\n          <button\n            onClick={() => {\n              toast.onDismiss?.();\n              onDismiss(toast.id);\n            }}\n            className=\"absolute top-3 right-3 rounded-full p-1 text-ds-2 transition-colors hover:bg-ds-surface-2 hover:text-ds-1\"\n            aria-label=\"Dismiss\"\n          >\n            <CloseIcon className=\"w-4 h-4\" aria-hidden=\"true\" />\n          </button>\n        )}\n      </motion.div>\n    );\n  },\n);\n\nToastItem.displayName = \"ToastItem\";\n\n// ============================================================================\n// Toast Provider Component\n// ============================================================================\n\nexport const ToastProvider: React.FC<ToastProviderProps> = ({\n  children,\n  position = \"bottom-right\",\n  duration = 5000,\n  maxToasts = 5,\n  gap = 12,\n  dismissible = true,\n  containerClassName = \"\",\n}) => {\n  const [toasts, setToasts] = useState<Toast[]>([]);\n  const toastIdCounter = useRef(0);\n\n  const generateId = () => {\n    toastIdCounter.current += 1;\n    return `toast-${toastIdCounter.current}-${Date.now()}`;\n  };\n\n  const addToast = useCallback(\n    (options: ToastOptions | string, type: ToastType = \"default\"): string => {\n      const id = generateId();\n      const toastOptions: ToastOptions =\n        typeof options === \"string\" ? { description: options } : options;\n\n      const newToast: Toast = {\n        id,\n        type: toastOptions.type ?? type,\n        title: toastOptions.title,\n        description: toastOptions.description,\n        duration: toastOptions.duration ?? duration,\n        icon: toastOptions.icon,\n        action: toastOptions.action,\n        dismissible: toastOptions.dismissible ?? dismissible,\n        onDismiss: toastOptions.onDismiss,\n        onAutoClose: toastOptions.onAutoClose,\n      };\n\n      setToasts((prev) => {\n        const updated = [...prev, newToast];\n        // Keep only the last maxToasts\n        return updated.slice(-maxToasts);\n      });\n\n      return id;\n    },\n    [duration, dismissible, maxToasts],\n  );\n\n  const dismiss = useCallback((id: string) => {\n    setToasts((prev) => prev.filter((t) => t.id !== id));\n  }, []);\n\n  const dismissAll = useCallback(() => {\n    setToasts([]);\n  }, []);\n\n  const update = useCallback((id: string, options: Partial<ToastOptions>) => {\n    setToasts((prev) =>\n      prev.map((t) =>\n        t.id === id\n          ? {\n              ...t,\n              ...options,\n              type: options.type ?? t.type,\n            }\n          : t,\n      ),\n    );\n  }, []);\n\n  const toast = useCallback(\n    (options: ToastOptions | string) => addToast(options, \"default\"),\n    [addToast],\n  );\n\n  const success = useCallback(\n    (options: ToastOptions | string) => addToast(options, \"success\"),\n    [addToast],\n  );\n\n  const error = useCallback(\n    (options: ToastOptions | string) => addToast(options, \"error\"),\n    [addToast],\n  );\n\n  const warning = useCallback(\n    (options: ToastOptions | string) => addToast(options, \"warning\"),\n    [addToast],\n  );\n\n  const info = useCallback(\n    (options: ToastOptions | string) => addToast(options, \"info\"),\n    [addToast],\n  );\n\n  const loading = useCallback(\n    (options: ToastOptions | string) => {\n      const toastOptions: ToastOptions =\n        typeof options === \"string\" ? { description: options } : options;\n      return addToast(\n        { ...toastOptions, duration: 0, dismissible: false },\n        \"loading\",\n      );\n    },\n    [addToast],\n  );\n\n  const promise = useCallback(\n    async <T,>(\n      promiseToResolve: Promise<T>,\n      options: {\n        loading: string;\n        success: string | ((data: T) => string);\n        error: string | ((error: unknown) => string);\n      },\n    ): Promise<T> => {\n      const id = loading(options.loading);\n\n      try {\n        const result = await promiseToResolve;\n        const successMessage =\n          typeof options.success === \"function\"\n            ? options.success(result)\n            : options.success;\n        update(id, {\n          type: \"success\",\n          description: successMessage,\n          duration,\n          dismissible: true,\n        });\n        return result;\n      } catch (err) {\n        const errorMessage =\n          typeof options.error === \"function\"\n            ? options.error(err)\n            : options.error;\n        update(id, {\n          type: \"error\",\n          description: errorMessage,\n          duration,\n          dismissible: true,\n        });\n        throw err;\n      }\n    },\n    [loading, update, duration],\n  );\n\n  const contextValue: ToastContextValue = {\n    toasts,\n    toast,\n    success,\n    error,\n    warning,\n    info,\n    loading,\n    promise,\n    dismiss,\n    dismissAll,\n    update,\n  };\n\n  const isTop = position.startsWith(\"top\");\n\n  return (\n    <ToastContext.Provider value={contextValue}>\n      {children}\n      <div\n        className={`fixed z-100 flex flex-col pointer-events-none ${positionStyles[position]} ${containerClassName}`}\n        style={{ gap: `${gap}px` }}\n      >\n        <AnimatePresence mode=\"popLayout\">\n          {(isTop ? toasts : [...toasts].reverse()).map((t) => (\n            <div key={t.id} className=\"pointer-events-auto\">\n              <ToastItem toast={t} onDismiss={dismiss} position={position} />\n            </div>\n          ))}\n        </AnimatePresence>\n      </div>\n    </ToastContext.Provider>\n  );\n};\n\n// ============================================================================\n// Standalone toast function (for use without hooks)\n// ============================================================================\n\nlet globalToast: ToastContextValue | null = null;\n\nexport const setGlobalToast = (toastContext: ToastContextValue) => {\n  globalToast = toastContext;\n};\n\nexport const toastStandalone = {\n  show: (options: ToastOptions | string) => globalToast?.toast(options),\n  success: (options: ToastOptions | string) => globalToast?.success(options),\n  error: (options: ToastOptions | string) => globalToast?.error(options),\n  warning: (options: ToastOptions | string) => globalToast?.warning(options),\n  info: (options: ToastOptions | string) => globalToast?.info(options),\n  loading: (options: ToastOptions | string) => globalToast?.loading(options),\n  promise: <T,>(\n    promise: Promise<T>,\n    options: {\n      loading: string;\n      success: string | ((data: T) => string);\n      error: string | ((error: unknown) => string);\n    },\n  ) => globalToast?.promise(promise, options),\n  dismiss: (id: string) => globalToast?.dismiss(id),\n  dismissAll: () => globalToast?.dismissAll(),\n};\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport default ToastProvider;\nexport { ToastItem };\n"],"mappings":"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"}

package/dist/chunks/{truncated-text-BIXqNfOL.cjs → truncated-text-D0t4atw5.cjs}

@@ -1,5 +1,5 @@
-const require_chunk = require("./chunk-B_GkZjkl.cjs");
-const require_utils = require("./utils-LRbEQHYs.cjs");
+const require_chunk = require("./chunk-D6vf50IK.cjs");
+const require_utils = require("./utils-CoA0q63n.cjs");
 let react = require("react");
 react = require_chunk.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -49,4 +49,4 @@ Object.defineProperty(exports, "TruncatedText", {
 	}
 });
 
-//# sourceMappingURL=truncated-text-BIXqNfOL.cjs.map
+//# sourceMappingURL=truncated-text-D0t4atw5.cjs.map

package/dist/chunks/{truncated-text-BIXqNfOL.cjs.map → truncated-text-D0t4atw5.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"truncated-text-BIXqNfOL.cjs","names":[],"sources":["../../src/components/typography/truncated-text/TruncatedText.tsx"],"sourcesContent":["import React, { isValidElement, type ElementType, type ReactNode } from \"react\";\n\nimport { mergeClassNames } from \"../../../utils\";\n\nfunction extractTextContent(node: ReactNode): string | undefined {\n  if (typeof node === \"string\" || typeof node === \"number\") {\n    return String(node);\n  }\n\n  if (Array.isArray(node)) {\n    const parts = node\n      .map((child) => extractTextContent(child))\n      .filter((value): value is string => Boolean(value));\n\n    return parts.length > 0 ? parts.join(\"\") : undefined;\n  }\n\n  if (isValidElement<{ children?: ReactNode }>(node)) {\n    return extractTextContent(node.props.children);\n  }\n\n  return undefined;\n}\n\nexport interface TruncatedTextProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  \"children\"\n> {\n  children: ReactNode;\n  as?: ElementType;\n  lines?: number;\n  width?: React.CSSProperties[\"width\"];\n  maxWidth?: React.CSSProperties[\"maxWidth\"];\n  showTitleOnHover?: boolean;\n}\n\nexport const TruncatedText = ({\n  children,\n  as,\n  lines = 1,\n  width,\n  maxWidth,\n  showTitleOnHover = false,\n  className,\n  style,\n  title,\n  ...rest\n}: TruncatedTextProps): React.JSX.Element => {\n  const Component = as ?? \"span\";\n  const normalizedLines =\n    Number.isFinite(lines) && lines > 0 ? Math.floor(lines) : 1;\n  const resolvedTitle = showTitleOnHover\n    ? (title ?? extractTextContent(children))\n    : title;\n\n  const truncationStyle: React.CSSProperties =\n    normalizedLines > 1\n      ? {\n          ...style,\n          width,\n          maxWidth,\n          overflow: \"hidden\",\n          display: style?.display ?? \"-webkit-box\",\n          WebkitBoxOrient: \"vertical\",\n          WebkitLineClamp: normalizedLines,\n        }\n      : {\n          ...style,\n          width,\n          maxWidth,\n          overflow: \"hidden\",\n          textOverflow: \"ellipsis\",\n          whiteSpace: \"nowrap\",\n          display: style?.display ?? \"block\",\n        };\n\n  return (\n    <Component\n      {...rest}\n      title={resolvedTitle}\n      style={truncationStyle}\n      className={mergeClassNames(\"min-w-0\", className)}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;AAIA,SAAS,mBAAmB,MAAqC;AAC/D,KAAI,OAAO,SAAS,YAAY,OAAO,SAAS,SAC9C,QAAO,OAAO,KAAK;AAGrB,KAAI,MAAM,QAAQ,KAAK,EAAE;EACvB,MAAM,QAAQ,KACX,KAAK,UAAU,mBAAmB,MAAM,CAAC,CACzC,QAAQ,UAA2B,QAAQ,MAAM,CAAC;AAErD,SAAO,MAAM,SAAS,IAAI,MAAM,KAAK,GAAG,GAAG,KAAA;;AAG7C,MAAA,GAAA,MAAA,gBAA6C,KAAK,CAChD,QAAO,mBAAmB,KAAK,MAAM,SAAS;;AAkBlD,IAAa,iBAAiB,EAC5B,UACA,IACA,QAAQ,GACR,OACA,UACA,mBAAmB,OACnB,WACA,OACA,OACA,GAAG,WACwC;CAC3C,MAAM,YAAY,MAAM;CACxB,MAAM,kBACJ,OAAO,SAAS,MAAM,IAAI,QAAQ,IAAI,KAAK,MAAM,MAAM,GAAG;CAC5D,MAAM,gBAAgB,mBACjB,SAAS,mBAAmB,SAAS,GACtC;CAEJ,MAAM,kBACJ,kBAAkB,IACd;EACE,GAAG;EACH;EACA;EACA,UAAU;EACV,SAAS,OAAO,WAAW;EAC3B,iBAAiB;EACjB,iBAAiB;EAClB,GACD;EACE,GAAG;EACH;EACA;EACA,UAAU;EACV,cAAc;EACd,YAAY;EACZ,SAAS,OAAO,WAAW;EAC5B;AAEP,QACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;EACE,GAAI;EACJ,OAAO;EACP,OAAO;EACP,WAAW,cAAA,gBAAgB,WAAW,UAAU;EAE/C;EACS,CAAA"}
+{"version":3,"file":"truncated-text-D0t4atw5.cjs","names":[],"sources":["../../src/components/typography/truncated-text/TruncatedText.tsx"],"sourcesContent":["import React, { isValidElement, type ElementType, type ReactNode } from \"react\";\n\nimport { mergeClassNames } from \"../../../utils\";\n\nfunction extractTextContent(node: ReactNode): string | undefined {\n  if (typeof node === \"string\" || typeof node === \"number\") {\n    return String(node);\n  }\n\n  if (Array.isArray(node)) {\n    const parts = node\n      .map((child) => extractTextContent(child))\n      .filter((value): value is string => Boolean(value));\n\n    return parts.length > 0 ? parts.join(\"\") : undefined;\n  }\n\n  if (isValidElement<{ children?: ReactNode }>(node)) {\n    return extractTextContent(node.props.children);\n  }\n\n  return undefined;\n}\n\nexport interface TruncatedTextProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  \"children\"\n> {\n  children: ReactNode;\n  as?: ElementType;\n  lines?: number;\n  width?: React.CSSProperties[\"width\"];\n  maxWidth?: React.CSSProperties[\"maxWidth\"];\n  showTitleOnHover?: boolean;\n}\n\nexport const TruncatedText = ({\n  children,\n  as,\n  lines = 1,\n  width,\n  maxWidth,\n  showTitleOnHover = false,\n  className,\n  style,\n  title,\n  ...rest\n}: TruncatedTextProps): React.JSX.Element => {\n  const Component = as ?? \"span\";\n  const normalizedLines =\n    Number.isFinite(lines) && lines > 0 ? Math.floor(lines) : 1;\n  const resolvedTitle = showTitleOnHover\n    ? (title ?? extractTextContent(children))\n    : title;\n\n  const truncationStyle: React.CSSProperties =\n    normalizedLines > 1\n      ? {\n          ...style,\n          width,\n          maxWidth,\n          overflow: \"hidden\",\n          display: style?.display ?? \"-webkit-box\",\n          WebkitBoxOrient: \"vertical\",\n          WebkitLineClamp: normalizedLines,\n        }\n      : {\n          ...style,\n          width,\n          maxWidth,\n          overflow: \"hidden\",\n          textOverflow: \"ellipsis\",\n          whiteSpace: \"nowrap\",\n          display: style?.display ?? \"block\",\n        };\n\n  return (\n    <Component\n      {...rest}\n      title={resolvedTitle}\n      style={truncationStyle}\n      className={mergeClassNames(\"min-w-0\", className)}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;AAIA,SAAS,mBAAmB,MAAqC;CAC/D,IAAI,OAAO,SAAS,YAAY,OAAO,SAAS,UAC9C,OAAO,OAAO,IAAI;CAGpB,IAAI,MAAM,QAAQ,IAAI,GAAG;EACvB,MAAM,QAAQ,KACX,KAAK,UAAU,mBAAmB,KAAK,CAAC,EACxC,QAAQ,UAA2B,QAAQ,KAAK,CAAC;EAEpD,OAAO,MAAM,SAAS,IAAI,MAAM,KAAK,EAAE,IAAI,KAAA;CAC7C;CAEA,KAAA,GAAA,MAAA,gBAA6C,IAAI,GAC/C,OAAO,mBAAmB,KAAK,MAAM,QAAQ;AAIjD;AAcA,IAAa,iBAAiB,EAC5B,UACA,IACA,QAAQ,GACR,OACA,UACA,mBAAmB,OACnB,WACA,OACA,OACA,GAAG,WACwC;CAC3C,MAAM,YAAY,MAAM;CACxB,MAAM,kBACJ,OAAO,SAAS,KAAK,KAAK,QAAQ,IAAI,KAAK,MAAM,KAAK,IAAI;CAC5D,MAAM,gBAAgB,mBACjB,SAAS,mBAAmB,QAAQ,IACrC;CAEJ,MAAM,kBACJ,kBAAkB,IACd;EACE,GAAG;EACH;EACA;EACA,UAAU;EACV,SAAS,OAAO,WAAW;EAC3B,iBAAiB;EACjB,iBAAiB;CACnB,IACA;EACE,GAAG;EACH;EACA;EACA,UAAU;EACV,cAAc;EACd,YAAY;EACZ,SAAS,OAAO,WAAW;CAC7B;CAEN,OACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;EACE,GAAI;EACJ,OAAO;EACP,OAAO;EACP,WAAW,cAAA,gBAAgB,WAAW,SAAS;EAE9C;CACQ,CAAA;AAEf"}

package/dist/chunks/{truncated-text-C9t9o9IA.mjs → truncated-text-DIkg-8Vo.mjs}

@@ -1,4 +1,4 @@
-import { n as mergeClassNames } from "./utils-7S0u48mU.mjs";
+import { n as mergeClassNames } from "./utils-Dc7j29ec.mjs";
 import { isValidElement } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/typography/truncated-text/TruncatedText.tsx
@@ -42,4 +42,4 @@ var TruncatedText = ({ children, as, lines = 1, width, maxWidth, showTitleOnHove
 //#endregion
 export { TruncatedText as t };
 
-//# sourceMappingURL=truncated-text-C9t9o9IA.mjs.map
+//# sourceMappingURL=truncated-text-DIkg-8Vo.mjs.map

package/dist/chunks/{truncated-text-C9t9o9IA.mjs.map → truncated-text-DIkg-8Vo.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"truncated-text-C9t9o9IA.mjs","names":[],"sources":["../../src/components/typography/truncated-text/TruncatedText.tsx"],"sourcesContent":["import React, { isValidElement, type ElementType, type ReactNode } from \"react\";\n\nimport { mergeClassNames } from \"../../../utils\";\n\nfunction extractTextContent(node: ReactNode): string | undefined {\n  if (typeof node === \"string\" || typeof node === \"number\") {\n    return String(node);\n  }\n\n  if (Array.isArray(node)) {\n    const parts = node\n      .map((child) => extractTextContent(child))\n      .filter((value): value is string => Boolean(value));\n\n    return parts.length > 0 ? parts.join(\"\") : undefined;\n  }\n\n  if (isValidElement<{ children?: ReactNode }>(node)) {\n    return extractTextContent(node.props.children);\n  }\n\n  return undefined;\n}\n\nexport interface TruncatedTextProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  \"children\"\n> {\n  children: ReactNode;\n  as?: ElementType;\n  lines?: number;\n  width?: React.CSSProperties[\"width\"];\n  maxWidth?: React.CSSProperties[\"maxWidth\"];\n  showTitleOnHover?: boolean;\n}\n\nexport const TruncatedText = ({\n  children,\n  as,\n  lines = 1,\n  width,\n  maxWidth,\n  showTitleOnHover = false,\n  className,\n  style,\n  title,\n  ...rest\n}: TruncatedTextProps): React.JSX.Element => {\n  const Component = as ?? \"span\";\n  const normalizedLines =\n    Number.isFinite(lines) && lines > 0 ? Math.floor(lines) : 1;\n  const resolvedTitle = showTitleOnHover\n    ? (title ?? extractTextContent(children))\n    : title;\n\n  const truncationStyle: React.CSSProperties =\n    normalizedLines > 1\n      ? {\n          ...style,\n          width,\n          maxWidth,\n          overflow: \"hidden\",\n          display: style?.display ?? \"-webkit-box\",\n          WebkitBoxOrient: \"vertical\",\n          WebkitLineClamp: normalizedLines,\n        }\n      : {\n          ...style,\n          width,\n          maxWidth,\n          overflow: \"hidden\",\n          textOverflow: \"ellipsis\",\n          whiteSpace: \"nowrap\",\n          display: style?.display ?? \"block\",\n        };\n\n  return (\n    <Component\n      {...rest}\n      title={resolvedTitle}\n      style={truncationStyle}\n      className={mergeClassNames(\"min-w-0\", className)}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAIA,SAAS,mBAAmB,MAAqC;AAC/D,KAAI,OAAO,SAAS,YAAY,OAAO,SAAS,SAC9C,QAAO,OAAO,KAAK;AAGrB,KAAI,MAAM,QAAQ,KAAK,EAAE;EACvB,MAAM,QAAQ,KACX,KAAK,UAAU,mBAAmB,MAAM,CAAC,CACzC,QAAQ,UAA2B,QAAQ,MAAM,CAAC;AAErD,SAAO,MAAM,SAAS,IAAI,MAAM,KAAK,GAAG,GAAG,KAAA;;AAG7C,KAAI,eAAyC,KAAK,CAChD,QAAO,mBAAmB,KAAK,MAAM,SAAS;;AAkBlD,IAAa,iBAAiB,EAC5B,UACA,IACA,QAAQ,GACR,OACA,UACA,mBAAmB,OACnB,WACA,OACA,OACA,GAAG,WACwC;CAC3C,MAAM,YAAY,MAAM;CACxB,MAAM,kBACJ,OAAO,SAAS,MAAM,IAAI,QAAQ,IAAI,KAAK,MAAM,MAAM,GAAG;CAC5D,MAAM,gBAAgB,mBACjB,SAAS,mBAAmB,SAAS,GACtC;CAEJ,MAAM,kBACJ,kBAAkB,IACd;EACE,GAAG;EACH;EACA;EACA,UAAU;EACV,SAAS,OAAO,WAAW;EAC3B,iBAAiB;EACjB,iBAAiB;EAClB,GACD;EACE,GAAG;EACH;EACA;EACA,UAAU;EACV,cAAc;EACd,YAAY;EACZ,SAAS,OAAO,WAAW;EAC5B;AAEP,QACE,oBAAC,WAAD;EACE,GAAI;EACJ,OAAO;EACP,OAAO;EACP,WAAW,gBAAgB,WAAW,UAAU;EAE/C;EACS,CAAA"}
+{"version":3,"file":"truncated-text-DIkg-8Vo.mjs","names":[],"sources":["../../src/components/typography/truncated-text/TruncatedText.tsx"],"sourcesContent":["import React, { isValidElement, type ElementType, type ReactNode } from \"react\";\n\nimport { mergeClassNames } from \"../../../utils\";\n\nfunction extractTextContent(node: ReactNode): string | undefined {\n  if (typeof node === \"string\" || typeof node === \"number\") {\n    return String(node);\n  }\n\n  if (Array.isArray(node)) {\n    const parts = node\n      .map((child) => extractTextContent(child))\n      .filter((value): value is string => Boolean(value));\n\n    return parts.length > 0 ? parts.join(\"\") : undefined;\n  }\n\n  if (isValidElement<{ children?: ReactNode }>(node)) {\n    return extractTextContent(node.props.children);\n  }\n\n  return undefined;\n}\n\nexport interface TruncatedTextProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  \"children\"\n> {\n  children: ReactNode;\n  as?: ElementType;\n  lines?: number;\n  width?: React.CSSProperties[\"width\"];\n  maxWidth?: React.CSSProperties[\"maxWidth\"];\n  showTitleOnHover?: boolean;\n}\n\nexport const TruncatedText = ({\n  children,\n  as,\n  lines = 1,\n  width,\n  maxWidth,\n  showTitleOnHover = false,\n  className,\n  style,\n  title,\n  ...rest\n}: TruncatedTextProps): React.JSX.Element => {\n  const Component = as ?? \"span\";\n  const normalizedLines =\n    Number.isFinite(lines) && lines > 0 ? Math.floor(lines) : 1;\n  const resolvedTitle = showTitleOnHover\n    ? (title ?? extractTextContent(children))\n    : title;\n\n  const truncationStyle: React.CSSProperties =\n    normalizedLines > 1\n      ? {\n          ...style,\n          width,\n          maxWidth,\n          overflow: \"hidden\",\n          display: style?.display ?? \"-webkit-box\",\n          WebkitBoxOrient: \"vertical\",\n          WebkitLineClamp: normalizedLines,\n        }\n      : {\n          ...style,\n          width,\n          maxWidth,\n          overflow: \"hidden\",\n          textOverflow: \"ellipsis\",\n          whiteSpace: \"nowrap\",\n          display: style?.display ?? \"block\",\n        };\n\n  return (\n    <Component\n      {...rest}\n      title={resolvedTitle}\n      style={truncationStyle}\n      className={mergeClassNames(\"min-w-0\", className)}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAIA,SAAS,mBAAmB,MAAqC;CAC/D,IAAI,OAAO,SAAS,YAAY,OAAO,SAAS,UAC9C,OAAO,OAAO,IAAI;CAGpB,IAAI,MAAM,QAAQ,IAAI,GAAG;EACvB,MAAM,QAAQ,KACX,KAAK,UAAU,mBAAmB,KAAK,CAAC,EACxC,QAAQ,UAA2B,QAAQ,KAAK,CAAC;EAEpD,OAAO,MAAM,SAAS,IAAI,MAAM,KAAK,EAAE,IAAI,KAAA;CAC7C;CAEA,IAAI,eAAyC,IAAI,GAC/C,OAAO,mBAAmB,KAAK,MAAM,QAAQ;AAIjD;AAcA,IAAa,iBAAiB,EAC5B,UACA,IACA,QAAQ,GACR,OACA,UACA,mBAAmB,OACnB,WACA,OACA,OACA,GAAG,WACwC;CAC3C,MAAM,YAAY,MAAM;CACxB,MAAM,kBACJ,OAAO,SAAS,KAAK,KAAK,QAAQ,IAAI,KAAK,MAAM,KAAK,IAAI;CAC5D,MAAM,gBAAgB,mBACjB,SAAS,mBAAmB,QAAQ,IACrC;CAEJ,MAAM,kBACJ,kBAAkB,IACd;EACE,GAAG;EACH;EACA;EACA,UAAU;EACV,SAAS,OAAO,WAAW;EAC3B,iBAAiB;EACjB,iBAAiB;CACnB,IACA;EACE,GAAG;EACH;EACA;EACA,UAAU;EACV,cAAc;EACd,YAAY;EACZ,SAAS,OAAO,WAAW;CAC7B;CAEN,OACE,oBAAC,WAAD;EACE,GAAI;EACJ,OAAO;EACP,OAAO;EACP,WAAW,gBAAgB,WAAW,SAAS;EAE9C;CACQ,CAAA;AAEf"}

package/dist/chunks/{typography-LwwY_MOy.cjs → typography-C5fYwhp2.cjs}

@@ -1,5 +1,5 @@
-const require_chunk = require("./chunk-B_GkZjkl.cjs");
-const require_utils = require("./utils-LRbEQHYs.cjs");
+const require_chunk = require("./chunk-D6vf50IK.cjs");
+const require_utils = require("./utils-CoA0q63n.cjs");
 let react = require("react");
 react = require_chunk.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -87,4 +87,4 @@ Object.defineProperty(exports, "Typography", {
 	}
 });
 
-//# sourceMappingURL=typography-LwwY_MOy.cjs.map
+//# sourceMappingURL=typography-C5fYwhp2.cjs.map

package/dist/chunks/{typography-LwwY_MOy.cjs.map → typography-C5fYwhp2.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"typography-LwwY_MOy.cjs","names":[],"sources":["../../src/components/typography/Typography.tsx"],"sourcesContent":["import React, { type ReactNode, type ElementType } from \"react\";\nimport { mergeClassNames } from \"../../utils\";\n\nexport type TypographyVariant =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"body1\"\n  | \"body2\"\n  | \"caption\"\n  | \"overline\";\n\nexport type TypographyAlign = \"left\" | \"center\" | \"right\" | \"justify\";\nexport type TypographyWeight =\n  | \"thin\"\n  | \"extralight\"\n  | \"light\"\n  | \"normal\"\n  | \"medium\"\n  | \"semibold\"\n  | \"bold\"\n  | \"extrabold\"\n  | \"black\";\nexport type TypographyTracking =\n  | \"tighter\"\n  | \"tight\"\n  | \"normal\"\n  | \"wide\"\n  | \"wider\"\n  | \"widest\";\nexport type TypographyGradient =\n  | boolean\n  | \"primary\"\n  | \"ocean\"\n  | \"sunset\"\n  | \"aurora\"\n  | \"neon\"\n  | \"forest\"\n  | \"galaxy\";\n\nexport interface TypographyProps {\n  children: ReactNode;\n  variant?: TypographyVariant;\n  align?: TypographyAlign;\n  weight?: TypographyWeight;\n  tracking?: TypographyTracking;\n  italic?: boolean;\n  as?: ElementType;\n  className?: string;\n  gradient?: TypographyGradient;\n  style?: React.CSSProperties;\n}\n\nconst variantMapping: Record<TypographyVariant, ElementType> = {\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  h5: \"h5\",\n  h6: \"h6\",\n  body1: \"p\",\n  body2: \"p\",\n  caption: \"span\",\n  overline: \"span\",\n};\n\nconst variantStyles: Record<TypographyVariant, string> = {\n  h1: \"text-4xl md:text-6xl font-black tracking-tighter uppercase italic leading-tight\",\n  h2: \"text-3xl md:text-5xl font-black tracking-tight uppercase italic leading-snug\",\n  h3: \"text-2xl md:text-4xl font-extrabold tracking-tight italic\",\n  h4: \"text-xl md:text-2xl font-bold tracking-tight\",\n  h5: \"text-lg md:text-xl font-bold\",\n  h6: \"text-base md:text-lg font-semibold uppercase tracking-widest text-ds-3\",\n  body1: \"text-base font-medium leading-relaxed\",\n  body2: \"text-sm font-medium leading-relaxed text-ds-2\",\n  caption: \"text-xs font-semibold uppercase tracking-wider text-ds-3\",\n  overline: \"text-[10px] font-black uppercase tracking-[0.2em] text-ds-2\",\n};\n\nconst alignStyles: Record<TypographyAlign, string> = {\n  left: \"text-left\",\n  center: \"text-center\",\n  right: \"text-right\",\n  justify: \"text-justify\",\n};\n\nconst weightStyles: Record<TypographyWeight, string> = {\n  thin: \"font-thin\",\n  extralight: \"font-extralight\",\n  light: \"font-light\",\n  normal: \"font-normal\",\n  medium: \"font-medium\",\n  semibold: \"font-semibold\",\n  bold: \"font-bold\",\n  extrabold: \"font-extrabold\",\n  black: \"font-black\",\n};\n\nconst trackingStyles: Record<TypographyTracking, string> = {\n  tighter: \"tracking-tighter\",\n  tight: \"tracking-tight\",\n  normal: \"tracking-normal\",\n  wide: \"tracking-wide\",\n  wider: \"tracking-wider\",\n  widest: \"tracking-widest\",\n};\n\nconst gradientStyles: Record<string, string> = {\n  primary: \"bg-clip-text text-transparent\",\n  ocean:\n    \"bg-linear-to-r from-cyan-500 to-blue-600 bg-clip-text text-transparent\",\n  sunset:\n    \"bg-linear-to-r from-orange-500 to-rose-600 bg-clip-text text-transparent\",\n  aurora:\n    \"bg-linear-to-r from-emerald-400 to-cyan-500 bg-clip-text text-transparent\",\n  neon: \"bg-linear-to-r from-fuchsia-500 to-purple-600 bg-clip-text text-transparent\",\n  forest:\n    \"bg-linear-to-r from-lime-500 to-emerald-600 bg-clip-text text-transparent\",\n  galaxy:\n    \"bg-linear-to-r from-indigo-500 via-purple-500 to-pink-500 bg-clip-text text-transparent\",\n};\n\nexport const Typography = ({\n  children,\n  variant = \"body1\",\n  align,\n  weight,\n  tracking,\n  italic,\n  as,\n  className,\n  gradient = false,\n  style,\n}: TypographyProps) => {\n  const Component = as || variantMapping[variant];\n  const gradientVariant = gradient === true ? \"primary\" : gradient;\n\n  const getGradientClass = () => {\n    if (!gradient) return \"\";\n    if (gradient === true) return gradientStyles.primary;\n    return gradientStyles[gradient] || gradientStyles.primary;\n  };\n\n  const computedStyle: React.CSSProperties | undefined =\n    gradientVariant === \"primary\"\n      ? {\n          ...style,\n          backgroundImage:\n            \"linear-gradient(90deg, var(--ds-color-accent), var(--ds-color-accent-hover))\",\n        }\n      : style;\n\n  return (\n    <Component\n      style={computedStyle}\n      className={mergeClassNames(\n        variantStyles[variant],\n        align && alignStyles[align],\n        weight && weightStyles[weight],\n        tracking && trackingStyles[tracking],\n        italic && \"italic\",\n        getGradientClass(),\n        className,\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;AAwDA,IAAM,iBAAyD;CAC7D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,SAAS;CACT,UAAU;CACX;AAED,IAAM,gBAAmD;CACvD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,SAAS;CACT,UAAU;CACX;AAED,IAAM,cAA+C;CACnD,MAAM;CACN,QAAQ;CACR,OAAO;CACP,SAAS;CACV;AAED,IAAM,eAAiD;CACrD,MAAM;CACN,YAAY;CACZ,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,UAAU;CACV,MAAM;CACN,WAAW;CACX,OAAO;CACR;AAED,IAAM,iBAAqD;CACzD,SAAS;CACT,OAAO;CACP,QAAQ;CACR,MAAM;CACN,OAAO;CACP,QAAQ;CACT;AAED,IAAM,iBAAyC;CAC7C,SAAS;CACT,OACE;CACF,QACE;CACF,QACE;CACF,MAAM;CACN,QACE;CACF,QACE;CACH;AAED,IAAa,cAAc,EACzB,UACA,UAAU,SACV,OACA,QACA,UACA,QACA,IACA,WACA,WAAW,OACX,YACqB;CACrB,MAAM,YAAY,MAAM,eAAe;CACvC,MAAM,kBAAkB,aAAa,OAAO,YAAY;CAExD,MAAM,yBAAyB;AAC7B,MAAI,CAAC,SAAU,QAAO;AACtB,MAAI,aAAa,KAAM,QAAO,eAAe;AAC7C,SAAO,eAAe,aAAa,eAAe;;AAYpD,QACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;EACE,OAVF,oBAAoB,YAChB;GACE,GAAG;GACH,iBACE;GACH,GACD;EAKF,WAAW,cAAA,gBACT,cAAc,UACd,SAAS,YAAY,QACrB,UAAU,aAAa,SACvB,YAAY,eAAe,WAC3B,UAAU,UACV,kBAAkB,EAClB,UACD;EAEA;EACS,CAAA"}
+{"version":3,"file":"typography-C5fYwhp2.cjs","names":[],"sources":["../../src/components/typography/Typography.tsx"],"sourcesContent":["import React, { type ReactNode, type ElementType } from \"react\";\nimport { mergeClassNames } from \"../../utils\";\n\nexport type TypographyVariant =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"body1\"\n  | \"body2\"\n  | \"caption\"\n  | \"overline\";\n\nexport type TypographyAlign = \"left\" | \"center\" | \"right\" | \"justify\";\nexport type TypographyWeight =\n  | \"thin\"\n  | \"extralight\"\n  | \"light\"\n  | \"normal\"\n  | \"medium\"\n  | \"semibold\"\n  | \"bold\"\n  | \"extrabold\"\n  | \"black\";\nexport type TypographyTracking =\n  | \"tighter\"\n  | \"tight\"\n  | \"normal\"\n  | \"wide\"\n  | \"wider\"\n  | \"widest\";\nexport type TypographyGradient =\n  | boolean\n  | \"primary\"\n  | \"ocean\"\n  | \"sunset\"\n  | \"aurora\"\n  | \"neon\"\n  | \"forest\"\n  | \"galaxy\";\n\nexport interface TypographyProps {\n  children: ReactNode;\n  variant?: TypographyVariant;\n  align?: TypographyAlign;\n  weight?: TypographyWeight;\n  tracking?: TypographyTracking;\n  italic?: boolean;\n  as?: ElementType;\n  className?: string;\n  gradient?: TypographyGradient;\n  style?: React.CSSProperties;\n}\n\nconst variantMapping: Record<TypographyVariant, ElementType> = {\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  h5: \"h5\",\n  h6: \"h6\",\n  body1: \"p\",\n  body2: \"p\",\n  caption: \"span\",\n  overline: \"span\",\n};\n\nconst variantStyles: Record<TypographyVariant, string> = {\n  h1: \"text-4xl md:text-6xl font-black tracking-tighter uppercase italic leading-tight\",\n  h2: \"text-3xl md:text-5xl font-black tracking-tight uppercase italic leading-snug\",\n  h3: \"text-2xl md:text-4xl font-extrabold tracking-tight italic\",\n  h4: \"text-xl md:text-2xl font-bold tracking-tight\",\n  h5: \"text-lg md:text-xl font-bold\",\n  h6: \"text-base md:text-lg font-semibold uppercase tracking-widest text-ds-3\",\n  body1: \"text-base font-medium leading-relaxed\",\n  body2: \"text-sm font-medium leading-relaxed text-ds-2\",\n  caption: \"text-xs font-semibold uppercase tracking-wider text-ds-3\",\n  overline: \"text-[10px] font-black uppercase tracking-[0.2em] text-ds-2\",\n};\n\nconst alignStyles: Record<TypographyAlign, string> = {\n  left: \"text-left\",\n  center: \"text-center\",\n  right: \"text-right\",\n  justify: \"text-justify\",\n};\n\nconst weightStyles: Record<TypographyWeight, string> = {\n  thin: \"font-thin\",\n  extralight: \"font-extralight\",\n  light: \"font-light\",\n  normal: \"font-normal\",\n  medium: \"font-medium\",\n  semibold: \"font-semibold\",\n  bold: \"font-bold\",\n  extrabold: \"font-extrabold\",\n  black: \"font-black\",\n};\n\nconst trackingStyles: Record<TypographyTracking, string> = {\n  tighter: \"tracking-tighter\",\n  tight: \"tracking-tight\",\n  normal: \"tracking-normal\",\n  wide: \"tracking-wide\",\n  wider: \"tracking-wider\",\n  widest: \"tracking-widest\",\n};\n\nconst gradientStyles: Record<string, string> = {\n  primary: \"bg-clip-text text-transparent\",\n  ocean:\n    \"bg-linear-to-r from-cyan-500 to-blue-600 bg-clip-text text-transparent\",\n  sunset:\n    \"bg-linear-to-r from-orange-500 to-rose-600 bg-clip-text text-transparent\",\n  aurora:\n    \"bg-linear-to-r from-emerald-400 to-cyan-500 bg-clip-text text-transparent\",\n  neon: \"bg-linear-to-r from-fuchsia-500 to-purple-600 bg-clip-text text-transparent\",\n  forest:\n    \"bg-linear-to-r from-lime-500 to-emerald-600 bg-clip-text text-transparent\",\n  galaxy:\n    \"bg-linear-to-r from-indigo-500 via-purple-500 to-pink-500 bg-clip-text text-transparent\",\n};\n\nexport const Typography = ({\n  children,\n  variant = \"body1\",\n  align,\n  weight,\n  tracking,\n  italic,\n  as,\n  className,\n  gradient = false,\n  style,\n}: TypographyProps) => {\n  const Component = as || variantMapping[variant];\n  const gradientVariant = gradient === true ? \"primary\" : gradient;\n\n  const getGradientClass = () => {\n    if (!gradient) return \"\";\n    if (gradient === true) return gradientStyles.primary;\n    return gradientStyles[gradient] || gradientStyles.primary;\n  };\n\n  const computedStyle: React.CSSProperties | undefined =\n    gradientVariant === \"primary\"\n      ? {\n          ...style,\n          backgroundImage:\n            \"linear-gradient(90deg, var(--ds-color-accent), var(--ds-color-accent-hover))\",\n        }\n      : style;\n\n  return (\n    <Component\n      style={computedStyle}\n      className={mergeClassNames(\n        variantStyles[variant],\n        align && alignStyles[align],\n        weight && weightStyles[weight],\n        tracking && trackingStyles[tracking],\n        italic && \"italic\",\n        getGradientClass(),\n        className,\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;AAwDA,IAAM,iBAAyD;CAC7D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,SAAS;CACT,UAAU;AACZ;AAEA,IAAM,gBAAmD;CACvD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,SAAS;CACT,UAAU;AACZ;AAEA,IAAM,cAA+C;CACnD,MAAM;CACN,QAAQ;CACR,OAAO;CACP,SAAS;AACX;AAEA,IAAM,eAAiD;CACrD,MAAM;CACN,YAAY;CACZ,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,UAAU;CACV,MAAM;CACN,WAAW;CACX,OAAO;AACT;AAEA,IAAM,iBAAqD;CACzD,SAAS;CACT,OAAO;CACP,QAAQ;CACR,MAAM;CACN,OAAO;CACP,QAAQ;AACV;AAEA,IAAM,iBAAyC;CAC7C,SAAS;CACT,OACE;CACF,QACE;CACF,QACE;CACF,MAAM;CACN,QACE;CACF,QACE;AACJ;AAEA,IAAa,cAAc,EACzB,UACA,UAAU,SACV,OACA,QACA,UACA,QACA,IACA,WACA,WAAW,OACX,YACqB;CACrB,MAAM,YAAY,MAAM,eAAe;CACvC,MAAM,kBAAkB,aAAa,OAAO,YAAY;CAExD,MAAM,yBAAyB;EAC7B,IAAI,CAAC,UAAU,OAAO;EACtB,IAAI,aAAa,MAAM,OAAO,eAAe;EAC7C,OAAO,eAAe,aAAa,eAAe;CACpD;CAWA,OACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;EACE,OAVF,oBAAoB,YAChB;GACE,GAAG;GACH,iBACE;EACJ,IACA;EAKF,WAAW,cAAA,gBACT,cAAc,UACd,SAAS,YAAY,QACrB,UAAU,aAAa,SACvB,YAAY,eAAe,WAC3B,UAAU,UACV,iBAAiB,GACjB,SACF;EAEC;CACQ,CAAA;AAEf"}

package/dist/chunks/{typography-Ct-jDJP3.mjs → typography-Czi7t5y4.mjs}

@@ -1,4 +1,4 @@
-import { n as mergeClassNames } from "./utils-7S0u48mU.mjs";
+import { n as mergeClassNames } from "./utils-Dc7j29ec.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/typography/Typography.tsx
@@ -80,4 +80,4 @@ var Typography = ({ children, variant = "body1", align, weight, tracking, italic
 //#endregion
 export { Typography as t };
 
-//# sourceMappingURL=typography-Ct-jDJP3.mjs.map
+//# sourceMappingURL=typography-Czi7t5y4.mjs.map

package/dist/chunks/{typography-Ct-jDJP3.mjs.map → typography-Czi7t5y4.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"typography-Ct-jDJP3.mjs","names":[],"sources":["../../src/components/typography/Typography.tsx"],"sourcesContent":["import React, { type ReactNode, type ElementType } from \"react\";\nimport { mergeClassNames } from \"../../utils\";\n\nexport type TypographyVariant =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"body1\"\n  | \"body2\"\n  | \"caption\"\n  | \"overline\";\n\nexport type TypographyAlign = \"left\" | \"center\" | \"right\" | \"justify\";\nexport type TypographyWeight =\n  | \"thin\"\n  | \"extralight\"\n  | \"light\"\n  | \"normal\"\n  | \"medium\"\n  | \"semibold\"\n  | \"bold\"\n  | \"extrabold\"\n  | \"black\";\nexport type TypographyTracking =\n  | \"tighter\"\n  | \"tight\"\n  | \"normal\"\n  | \"wide\"\n  | \"wider\"\n  | \"widest\";\nexport type TypographyGradient =\n  | boolean\n  | \"primary\"\n  | \"ocean\"\n  | \"sunset\"\n  | \"aurora\"\n  | \"neon\"\n  | \"forest\"\n  | \"galaxy\";\n\nexport interface TypographyProps {\n  children: ReactNode;\n  variant?: TypographyVariant;\n  align?: TypographyAlign;\n  weight?: TypographyWeight;\n  tracking?: TypographyTracking;\n  italic?: boolean;\n  as?: ElementType;\n  className?: string;\n  gradient?: TypographyGradient;\n  style?: React.CSSProperties;\n}\n\nconst variantMapping: Record<TypographyVariant, ElementType> = {\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  h5: \"h5\",\n  h6: \"h6\",\n  body1: \"p\",\n  body2: \"p\",\n  caption: \"span\",\n  overline: \"span\",\n};\n\nconst variantStyles: Record<TypographyVariant, string> = {\n  h1: \"text-4xl md:text-6xl font-black tracking-tighter uppercase italic leading-tight\",\n  h2: \"text-3xl md:text-5xl font-black tracking-tight uppercase italic leading-snug\",\n  h3: \"text-2xl md:text-4xl font-extrabold tracking-tight italic\",\n  h4: \"text-xl md:text-2xl font-bold tracking-tight\",\n  h5: \"text-lg md:text-xl font-bold\",\n  h6: \"text-base md:text-lg font-semibold uppercase tracking-widest text-ds-3\",\n  body1: \"text-base font-medium leading-relaxed\",\n  body2: \"text-sm font-medium leading-relaxed text-ds-2\",\n  caption: \"text-xs font-semibold uppercase tracking-wider text-ds-3\",\n  overline: \"text-[10px] font-black uppercase tracking-[0.2em] text-ds-2\",\n};\n\nconst alignStyles: Record<TypographyAlign, string> = {\n  left: \"text-left\",\n  center: \"text-center\",\n  right: \"text-right\",\n  justify: \"text-justify\",\n};\n\nconst weightStyles: Record<TypographyWeight, string> = {\n  thin: \"font-thin\",\n  extralight: \"font-extralight\",\n  light: \"font-light\",\n  normal: \"font-normal\",\n  medium: \"font-medium\",\n  semibold: \"font-semibold\",\n  bold: \"font-bold\",\n  extrabold: \"font-extrabold\",\n  black: \"font-black\",\n};\n\nconst trackingStyles: Record<TypographyTracking, string> = {\n  tighter: \"tracking-tighter\",\n  tight: \"tracking-tight\",\n  normal: \"tracking-normal\",\n  wide: \"tracking-wide\",\n  wider: \"tracking-wider\",\n  widest: \"tracking-widest\",\n};\n\nconst gradientStyles: Record<string, string> = {\n  primary: \"bg-clip-text text-transparent\",\n  ocean:\n    \"bg-linear-to-r from-cyan-500 to-blue-600 bg-clip-text text-transparent\",\n  sunset:\n    \"bg-linear-to-r from-orange-500 to-rose-600 bg-clip-text text-transparent\",\n  aurora:\n    \"bg-linear-to-r from-emerald-400 to-cyan-500 bg-clip-text text-transparent\",\n  neon: \"bg-linear-to-r from-fuchsia-500 to-purple-600 bg-clip-text text-transparent\",\n  forest:\n    \"bg-linear-to-r from-lime-500 to-emerald-600 bg-clip-text text-transparent\",\n  galaxy:\n    \"bg-linear-to-r from-indigo-500 via-purple-500 to-pink-500 bg-clip-text text-transparent\",\n};\n\nexport const Typography = ({\n  children,\n  variant = \"body1\",\n  align,\n  weight,\n  tracking,\n  italic,\n  as,\n  className,\n  gradient = false,\n  style,\n}: TypographyProps) => {\n  const Component = as || variantMapping[variant];\n  const gradientVariant = gradient === true ? \"primary\" : gradient;\n\n  const getGradientClass = () => {\n    if (!gradient) return \"\";\n    if (gradient === true) return gradientStyles.primary;\n    return gradientStyles[gradient] || gradientStyles.primary;\n  };\n\n  const computedStyle: React.CSSProperties | undefined =\n    gradientVariant === \"primary\"\n      ? {\n          ...style,\n          backgroundImage:\n            \"linear-gradient(90deg, var(--ds-color-accent), var(--ds-color-accent-hover))\",\n        }\n      : style;\n\n  return (\n    <Component\n      style={computedStyle}\n      className={mergeClassNames(\n        variantStyles[variant],\n        align && alignStyles[align],\n        weight && weightStyles[weight],\n        tracking && trackingStyles[tracking],\n        italic && \"italic\",\n        getGradientClass(),\n        className,\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAwDA,IAAM,iBAAyD;CAC7D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,SAAS;CACT,UAAU;CACX;AAED,IAAM,gBAAmD;CACvD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,SAAS;CACT,UAAU;CACX;AAED,IAAM,cAA+C;CACnD,MAAM;CACN,QAAQ;CACR,OAAO;CACP,SAAS;CACV;AAED,IAAM,eAAiD;CACrD,MAAM;CACN,YAAY;CACZ,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,UAAU;CACV,MAAM;CACN,WAAW;CACX,OAAO;CACR;AAED,IAAM,iBAAqD;CACzD,SAAS;CACT,OAAO;CACP,QAAQ;CACR,MAAM;CACN,OAAO;CACP,QAAQ;CACT;AAED,IAAM,iBAAyC;CAC7C,SAAS;CACT,OACE;CACF,QACE;CACF,QACE;CACF,MAAM;CACN,QACE;CACF,QACE;CACH;AAED,IAAa,cAAc,EACzB,UACA,UAAU,SACV,OACA,QACA,UACA,QACA,IACA,WACA,WAAW,OACX,YACqB;CACrB,MAAM,YAAY,MAAM,eAAe;CACvC,MAAM,kBAAkB,aAAa,OAAO,YAAY;CAExD,MAAM,yBAAyB;AAC7B,MAAI,CAAC,SAAU,QAAO;AACtB,MAAI,aAAa,KAAM,QAAO,eAAe;AAC7C,SAAO,eAAe,aAAa,eAAe;;AAYpD,QACE,oBAAC,WAAD;EACE,OAVF,oBAAoB,YAChB;GACE,GAAG;GACH,iBACE;GACH,GACD;EAKF,WAAW,gBACT,cAAc,UACd,SAAS,YAAY,QACrB,UAAU,aAAa,SACvB,YAAY,eAAe,WAC3B,UAAU,UACV,kBAAkB,EAClB,UACD;EAEA;EACS,CAAA"}
+{"version":3,"file":"typography-Czi7t5y4.mjs","names":[],"sources":["../../src/components/typography/Typography.tsx"],"sourcesContent":["import React, { type ReactNode, type ElementType } from \"react\";\nimport { mergeClassNames } from \"../../utils\";\n\nexport type TypographyVariant =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"body1\"\n  | \"body2\"\n  | \"caption\"\n  | \"overline\";\n\nexport type TypographyAlign = \"left\" | \"center\" | \"right\" | \"justify\";\nexport type TypographyWeight =\n  | \"thin\"\n  | \"extralight\"\n  | \"light\"\n  | \"normal\"\n  | \"medium\"\n  | \"semibold\"\n  | \"bold\"\n  | \"extrabold\"\n  | \"black\";\nexport type TypographyTracking =\n  | \"tighter\"\n  | \"tight\"\n  | \"normal\"\n  | \"wide\"\n  | \"wider\"\n  | \"widest\";\nexport type TypographyGradient =\n  | boolean\n  | \"primary\"\n  | \"ocean\"\n  | \"sunset\"\n  | \"aurora\"\n  | \"neon\"\n  | \"forest\"\n  | \"galaxy\";\n\nexport interface TypographyProps {\n  children: ReactNode;\n  variant?: TypographyVariant;\n  align?: TypographyAlign;\n  weight?: TypographyWeight;\n  tracking?: TypographyTracking;\n  italic?: boolean;\n  as?: ElementType;\n  className?: string;\n  gradient?: TypographyGradient;\n  style?: React.CSSProperties;\n}\n\nconst variantMapping: Record<TypographyVariant, ElementType> = {\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  h5: \"h5\",\n  h6: \"h6\",\n  body1: \"p\",\n  body2: \"p\",\n  caption: \"span\",\n  overline: \"span\",\n};\n\nconst variantStyles: Record<TypographyVariant, string> = {\n  h1: \"text-4xl md:text-6xl font-black tracking-tighter uppercase italic leading-tight\",\n  h2: \"text-3xl md:text-5xl font-black tracking-tight uppercase italic leading-snug\",\n  h3: \"text-2xl md:text-4xl font-extrabold tracking-tight italic\",\n  h4: \"text-xl md:text-2xl font-bold tracking-tight\",\n  h5: \"text-lg md:text-xl font-bold\",\n  h6: \"text-base md:text-lg font-semibold uppercase tracking-widest text-ds-3\",\n  body1: \"text-base font-medium leading-relaxed\",\n  body2: \"text-sm font-medium leading-relaxed text-ds-2\",\n  caption: \"text-xs font-semibold uppercase tracking-wider text-ds-3\",\n  overline: \"text-[10px] font-black uppercase tracking-[0.2em] text-ds-2\",\n};\n\nconst alignStyles: Record<TypographyAlign, string> = {\n  left: \"text-left\",\n  center: \"text-center\",\n  right: \"text-right\",\n  justify: \"text-justify\",\n};\n\nconst weightStyles: Record<TypographyWeight, string> = {\n  thin: \"font-thin\",\n  extralight: \"font-extralight\",\n  light: \"font-light\",\n  normal: \"font-normal\",\n  medium: \"font-medium\",\n  semibold: \"font-semibold\",\n  bold: \"font-bold\",\n  extrabold: \"font-extrabold\",\n  black: \"font-black\",\n};\n\nconst trackingStyles: Record<TypographyTracking, string> = {\n  tighter: \"tracking-tighter\",\n  tight: \"tracking-tight\",\n  normal: \"tracking-normal\",\n  wide: \"tracking-wide\",\n  wider: \"tracking-wider\",\n  widest: \"tracking-widest\",\n};\n\nconst gradientStyles: Record<string, string> = {\n  primary: \"bg-clip-text text-transparent\",\n  ocean:\n    \"bg-linear-to-r from-cyan-500 to-blue-600 bg-clip-text text-transparent\",\n  sunset:\n    \"bg-linear-to-r from-orange-500 to-rose-600 bg-clip-text text-transparent\",\n  aurora:\n    \"bg-linear-to-r from-emerald-400 to-cyan-500 bg-clip-text text-transparent\",\n  neon: \"bg-linear-to-r from-fuchsia-500 to-purple-600 bg-clip-text text-transparent\",\n  forest:\n    \"bg-linear-to-r from-lime-500 to-emerald-600 bg-clip-text text-transparent\",\n  galaxy:\n    \"bg-linear-to-r from-indigo-500 via-purple-500 to-pink-500 bg-clip-text text-transparent\",\n};\n\nexport const Typography = ({\n  children,\n  variant = \"body1\",\n  align,\n  weight,\n  tracking,\n  italic,\n  as,\n  className,\n  gradient = false,\n  style,\n}: TypographyProps) => {\n  const Component = as || variantMapping[variant];\n  const gradientVariant = gradient === true ? \"primary\" : gradient;\n\n  const getGradientClass = () => {\n    if (!gradient) return \"\";\n    if (gradient === true) return gradientStyles.primary;\n    return gradientStyles[gradient] || gradientStyles.primary;\n  };\n\n  const computedStyle: React.CSSProperties | undefined =\n    gradientVariant === \"primary\"\n      ? {\n          ...style,\n          backgroundImage:\n            \"linear-gradient(90deg, var(--ds-color-accent), var(--ds-color-accent-hover))\",\n        }\n      : style;\n\n  return (\n    <Component\n      style={computedStyle}\n      className={mergeClassNames(\n        variantStyles[variant],\n        align && alignStyles[align],\n        weight && weightStyles[weight],\n        tracking && trackingStyles[tracking],\n        italic && \"italic\",\n        getGradientClass(),\n        className,\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAwDA,IAAM,iBAAyD;CAC7D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,SAAS;CACT,UAAU;AACZ;AAEA,IAAM,gBAAmD;CACvD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,SAAS;CACT,UAAU;AACZ;AAEA,IAAM,cAA+C;CACnD,MAAM;CACN,QAAQ;CACR,OAAO;CACP,SAAS;AACX;AAEA,IAAM,eAAiD;CACrD,MAAM;CACN,YAAY;CACZ,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,UAAU;CACV,MAAM;CACN,WAAW;CACX,OAAO;AACT;AAEA,IAAM,iBAAqD;CACzD,SAAS;CACT,OAAO;CACP,QAAQ;CACR,MAAM;CACN,OAAO;CACP,QAAQ;AACV;AAEA,IAAM,iBAAyC;CAC7C,SAAS;CACT,OACE;CACF,QACE;CACF,QACE;CACF,MAAM;CACN,QACE;CACF,QACE;AACJ;AAEA,IAAa,cAAc,EACzB,UACA,UAAU,SACV,OACA,QACA,UACA,QACA,IACA,WACA,WAAW,OACX,YACqB;CACrB,MAAM,YAAY,MAAM,eAAe;CACvC,MAAM,kBAAkB,aAAa,OAAO,YAAY;CAExD,MAAM,yBAAyB;EAC7B,IAAI,CAAC,UAAU,OAAO;EACtB,IAAI,aAAa,MAAM,OAAO,eAAe;EAC7C,OAAO,eAAe,aAAa,eAAe;CACpD;CAWA,OACE,oBAAC,WAAD;EACE,OAVF,oBAAoB,YAChB;GACE,GAAG;GACH,iBACE;EACJ,IACA;EAKF,WAAW,gBACT,cAAc,UACd,SAAS,YAAY,QACrB,UAAU,aAAa,SACvB,YAAY,eAAe,WAC3B,UAAU,UACV,iBAAiB,GACjB,SACF;EAEC;CACQ,CAAA;AAEf"}

package/dist/chunks/{utils-LRbEQHYs.cjs → utils-CoA0q63n.cjs}

@@ -20,7 +20,7 @@ function clsx() {
 	return n;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/tailwind-merge@3.5.0/node_modules/tailwind-merge/dist/bundle-mjs.mjs
+//#region ../../node_modules/.pnpm/tailwind-merge@3.6.0/node_modules/tailwind-merge/dist/bundle-mjs.mjs
 /**
 * Concatenates two arrays faster than the array spread operator.
 */
@@ -303,11 +303,18 @@ var createConfigUtils = (config) => ({
 	cache: createLruCache(config.cacheSize),
 	parseClassName: createParseClassName(config),
 	sortModifiers: createSortModifiers(config),
+	postfixLookupClassGroupIds: createPostfixLookupClassGroupIds(config),
 	...createClassGroupUtils(config)
 });
+var createPostfixLookupClassGroupIds = (config) => {
+	const lookup = Object.create(null);
+	const classGroupIds = config.postfixLookupClassGroups;
+	if (classGroupIds) for (let i = 0; i < classGroupIds.length; i++) lookup[classGroupIds[i]] = true;
+	return lookup;
+};
 var SPLIT_CLASSES_REGEX = /\s+/;
 var mergeClassList = (classList, configUtils) => {
-	const { parseClassName, getClassGroupId, getConflictingClassGroupIds, sortModifiers } = configUtils;
+	const { parseClassName, getClassGroupId, getConflictingClassGroupIds, sortModifiers, postfixLookupClassGroupIds } = configUtils;
 	/**
 	* Set of classGroupIds in following format:
 	* `{importantModifier}{variantModifiers}{classGroupId}`
@@ -326,7 +333,15 @@ var mergeClassList = (classList, configUtils) => {
 			continue;
 		}
 		let hasPostfixModifier = !!maybePostfixModifierPosition;
-		let classGroupId = getClassGroupId(hasPostfixModifier ? baseClassName.substring(0, maybePostfixModifierPosition) : baseClassName);
+		let classGroupId;
+		if (hasPostfixModifier) {
+			classGroupId = getClassGroupId(baseClassName.substring(0, maybePostfixModifierPosition));
+			const classGroupIdWithPostfix = classGroupId && postfixLookupClassGroupIds[classGroupId] ? getClassGroupId(baseClassName) : void 0;
+			if (classGroupIdWithPostfix && classGroupIdWithPostfix !== classGroupId) {
+				classGroupId = classGroupIdWithPostfix;
+				hasPostfixModifier = false;
+			}
+		} else classGroupId = getClassGroupId(baseClassName);
 		if (!classGroupId) {
 			if (!hasPostfixModifier) {
 				result = originalClassName + (result.length > 0 ? " " + result : result);
@@ -434,6 +449,7 @@ var isNever = () => false;
 var isShadow = (value) => shadowRegex.test(value);
 var isImage = (value) => imageRegex.test(value);
 var isAnyNonArbitrary = (value) => !isArbitraryValue(value) && !isArbitraryVariable(value);
+var isNamedContainerQuery = (value) => value.startsWith("@container") && (value[10] === "/" && value[11] !== void 0 || value[11] === "s" && value[16] !== void 0 && value.startsWith("-size/", 10) || value[11] === "n" && value[18] !== void 0 && value.startsWith("-normal/", 10));
 var isArbitrarySize = (value) => getIsArbitraryValue(value, isLabelSize, isNever);
 var isArbitraryValue = (value) => arbitraryValueRegex.test(value);
 var isArbitraryLength = (value) => getIsArbitraryValue(value, isLabelLength, isLengthOnly);
@@ -839,6 +855,22 @@ var getDefaultConfig = () => {
 			*/
 			container: ["container"],
 			/**
+			* Container Type
+			* @see https://tailwindcss.com/docs/responsive-design#container-queries
+			*/
+			"container-type": [{ "@container": [
+				"",
+				"normal",
+				"size",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Container Name
+			* @see https://tailwindcss.com/docs/responsive-design#named-containers
+			*/
+			"container-named": [isNamedContainerQuery],
+			/**
 			* Columns
 			* @see https://tailwindcss.com/docs/columns
 			*/
@@ -1746,6 +1778,15 @@ var getDefaultConfig = () => {
 			*/
 			indent: [{ indent: scaleUnambiguousSpacing() }],
 			/**
+			* Tab Size
+			* @see https://tailwindcss.com/docs/tab-size
+			*/
+			"tab-size": [{ tab: [
+				isInteger,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
 			* Vertical Alignment
 			* @see https://tailwindcss.com/docs/vertical-align
 			*/
@@ -2820,6 +2861,15 @@ var getDefaultConfig = () => {
 			*/
 			"translate-none": ["translate-none"],
 			/**
+			* Zoom
+			* @see https://tailwindcss.com/docs/zoom
+			*/
+			zoom: [{ zoom: [
+				isInteger,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
 			* Accent Color
 			* @see https://tailwindcss.com/docs/accent-color
 			*/
@@ -2916,6 +2966,34 @@ var getDefaultConfig = () => {
 			*/
 			"scroll-behavior": [{ scroll: ["auto", "smooth"] }],
 			/**
+			* Scrollbar Thumb Color
+			* @see https://tailwindcss.com/docs/scrollbar-color
+			*/
+			"scrollbar-thumb-color": [{ "scrollbar-thumb": scaleColor() }],
+			/**
+			* Scrollbar Track Color
+			* @see https://tailwindcss.com/docs/scrollbar-color
+			*/
+			"scrollbar-track-color": [{ "scrollbar-track": scaleColor() }],
+			/**
+			* Scrollbar Gutter
+			* @see https://tailwindcss.com/docs/scrollbar-gutter
+			*/
+			"scrollbar-gutter": [{ "scrollbar-gutter": [
+				"auto",
+				"stable",
+				"both"
+			] }],
+			/**
+			* Scrollbar Width
+			* @see https://tailwindcss.com/docs/scrollbar-width
+			*/
+			"scrollbar-w": [{ scrollbar: [
+				"auto",
+				"thin",
+				"none"
+			] }],
+			/**
 			* Scroll Margin
 			* @see https://tailwindcss.com/docs/scroll-margin
 			*/
@@ -3136,6 +3214,7 @@ var getDefaultConfig = () => {
 			"forced-color-adjust": [{ "forced-color-adjust": ["auto", "none"] }]
 		},
 		conflictingClassGroups: {
+			"container-named": ["container-type"],
 			overflow: ["overflow-x", "overflow-y"],
 			overscroll: ["overscroll-x", "overscroll-y"],
 			inset: [
@@ -3301,6 +3380,7 @@ var getDefaultConfig = () => {
 			"touch-pz": ["touch"]
 		},
 		conflictingClassGroupModifiers: { "font-size": ["leading"] },
+		postfixLookupClassGroups: ["container-type"],
 		orderSensitiveModifiers: [
 			"*",
 			"**",
@@ -3354,4 +3434,4 @@ Object.defineProperty(exports, "validateEmail", {
 	}
 });
 
-//# sourceMappingURL=utils-LRbEQHYs.cjs.map
+//# sourceMappingURL=utils-CoA0q63n.cjs.map