@gofreego/tsutils 0.1.8 → 0.1.10

package/dist/index.d.mts

@@ -1,5 +1,6 @@
 import React, { ReactNode, CSSProperties } from 'react';
 import { AlertColor, IconButtonProps } from '@mui/material';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Highlighter } from 'shiki';
 
 /**
@@ -193,6 +194,18 @@ declare const NotificationProvider: React.FC<NotificationProviderProps>;
  */
 declare const useNotification: () => NotificationContextType;
 
+interface ConfirmDialogProps {
+    open: boolean;
+    title: string;
+    message: string;
+    confirmText?: string;
+    cancelText?: string;
+    confirmColor?: 'primary' | 'error' | 'warning' | 'success';
+    onConfirm: () => void;
+    onCancel: () => void;
+}
+declare const ConfirmDialog: ({ open, title, message, confirmText, cancelText, confirmColor, onConfirm, onCancel, }: ConfirmDialogProps) => react_jsx_runtime.JSX.Element;
+
 /**
  * Theme mode options
  * - 'light': Always use light theme
@@ -637,4 +650,4 @@ declare class PermissionManager {
     static hasPermission(permission: string): boolean;
 }
 
-export { type AuthContextType, AuthProvider, type AuthProviderProps, HttpClient, type HttpClientConfig, type HttpResponse, LocalStorage, type MenuItem, type Notification, type NotificationContextType, NotificationProvider, type NotificationProviderProps, PermissionManager, ReadmeViewer, type RequestConfig, type ResolvedThemeMode, SidebarLayout, type SidebarLayoutProps, type Theme, type ThemeContextValue, type ThemeMode, ThemeProvider, ThemeToggle, borderRadius, cn, darkTheme, debounce, elevation, fontSize, fontWeight, formatDate, getHighlighter, lightTheme, lineHeight, spacing, throttle, tokens, transition, useAuth, useNotification, useTheme, zIndex };
+export { type AuthContextType, AuthProvider, type AuthProviderProps, ConfirmDialog, type ConfirmDialogProps, HttpClient, type HttpClientConfig, type HttpResponse, LocalStorage, type MenuItem, type Notification, type NotificationContextType, NotificationProvider, type NotificationProviderProps, PermissionManager, ReadmeViewer, type RequestConfig, type ResolvedThemeMode, SidebarLayout, type SidebarLayoutProps, type Theme, type ThemeContextValue, type ThemeMode, ThemeProvider, ThemeToggle, borderRadius, cn, darkTheme, debounce, elevation, fontSize, fontWeight, formatDate, getHighlighter, lightTheme, lineHeight, spacing, throttle, tokens, transition, useAuth, useNotification, useTheme, zIndex };

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode, CSSProperties } from 'react';
 import { AlertColor, IconButtonProps } from '@mui/material';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Highlighter } from 'shiki';
 
 /**
@@ -193,6 +194,18 @@ declare const NotificationProvider: React.FC<NotificationProviderProps>;
  */
 declare const useNotification: () => NotificationContextType;
 
+interface ConfirmDialogProps {
+    open: boolean;
+    title: string;
+    message: string;
+    confirmText?: string;
+    cancelText?: string;
+    confirmColor?: 'primary' | 'error' | 'warning' | 'success';
+    onConfirm: () => void;
+    onCancel: () => void;
+}
+declare const ConfirmDialog: ({ open, title, message, confirmText, cancelText, confirmColor, onConfirm, onCancel, }: ConfirmDialogProps) => react_jsx_runtime.JSX.Element;
+
 /**
  * Theme mode options
  * - 'light': Always use light theme
@@ -637,4 +650,4 @@ declare class PermissionManager {
     static hasPermission(permission: string): boolean;
 }
 
-export { type AuthContextType, AuthProvider, type AuthProviderProps, HttpClient, type HttpClientConfig, type HttpResponse, LocalStorage, type MenuItem, type Notification, type NotificationContextType, NotificationProvider, type NotificationProviderProps, PermissionManager, ReadmeViewer, type RequestConfig, type ResolvedThemeMode, SidebarLayout, type SidebarLayoutProps, type Theme, type ThemeContextValue, type ThemeMode, ThemeProvider, ThemeToggle, borderRadius, cn, darkTheme, debounce, elevation, fontSize, fontWeight, formatDate, getHighlighter, lightTheme, lineHeight, spacing, throttle, tokens, transition, useAuth, useNotification, useTheme, zIndex };
+export { type AuthContextType, AuthProvider, type AuthProviderProps, ConfirmDialog, type ConfirmDialogProps, HttpClient, type HttpClientConfig, type HttpResponse, LocalStorage, type MenuItem, type Notification, type NotificationContextType, NotificationProvider, type NotificationProviderProps, PermissionManager, ReadmeViewer, type RequestConfig, type ResolvedThemeMode, SidebarLayout, type SidebarLayoutProps, type Theme, type ThemeContextValue, type ThemeMode, ThemeProvider, ThemeToggle, borderRadius, cn, darkTheme, debounce, elevation, fontSize, fontWeight, formatDate, getHighlighter, lightTheme, lineHeight, spacing, throttle, tokens, transition, useAuth, useNotification, useTheme, zIndex };

package/dist/index.js

@@ -10,6 +10,7 @@ var remarkGfm = require('remark-gfm');
 var ContentCopyIcon = require('@mui/icons-material/ContentCopy');
 var CheckIcon = require('@mui/icons-material/Check');
 var shiki = require('shiki');
+var WarningAmberIcon = require('@mui/icons-material/WarningAmber');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -17,6 +18,7 @@ var ReactMarkdown__default = /*#__PURE__*/_interopDefault(ReactMarkdown);
 var remarkGfm__default = /*#__PURE__*/_interopDefault(remarkGfm);
 var ContentCopyIcon__default = /*#__PURE__*/_interopDefault(ContentCopyIcon);
 var CheckIcon__default = /*#__PURE__*/_interopDefault(CheckIcon);
+var WarningAmberIcon__default = /*#__PURE__*/_interopDefault(WarningAmberIcon);
 
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -572,6 +574,28 @@ var useNotification = () => {
   }
   return context;
 };
+var ConfirmDialog = ({
+  open,
+  title,
+  message,
+  confirmText = "Confirm",
+  cancelText = "Cancel",
+  confirmColor = "primary",
+  onConfirm,
+  onCancel
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(material.Dialog, { open, onClose: onCancel, maxWidth: "xs", fullWidth: true, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(material.DialogTitle, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(WarningAmberIcon__default.default, { color: confirmColor }),
+      title
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(material.DialogContent, { children: /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body1", children: message }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(material.DialogActions, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Button, { onClick: onCancel, variant: "outlined", children: cancelText }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Button, { onClick: onConfirm, variant: "contained", color: confirmColor, autoFocus: true, children: confirmText })
+    ] })
+  ] });
+};
 
 // src/theme/tokens.ts
 var tokens_exports = {};
@@ -740,12 +764,12 @@ var lightTheme = {
 var darkTheme = {
   colors: {
     // Primary - Vibrant Indigo (Striking on VSCode Black)
-    primary: "#818cf8",
+    primary: "#a5b4fc",
+    // Indigo 300 (lighter for better dark mode visibility)
+    primaryHover: "#818cf8",
     // Indigo 400
-    primaryHover: "#6366f1",
+    primaryActive: "#6366f1",
     // Indigo 500
-    primaryActive: "#4f46e5",
-    // Indigo 600
     // Secondary - VSCode Gray
     secondary: "#858585",
     secondaryHover: "#a6a6a6",
@@ -786,7 +810,7 @@ var darkTheme = {
     border: "#3c3c3c",
     // VSCode borders
     borderHover: "#444444",
-    borderFocus: "#818cf8",
+    borderFocus: "#a5b4fc",
     // Focus border
     // Divider
     divider: "#333333",
@@ -1373,6 +1397,7 @@ var PermissionManager = class {
 PermissionManager.cachedPermissions = null;
 
 exports.AuthProvider = AuthProvider;
+exports.ConfirmDialog = ConfirmDialog;
 exports.HttpClient = HttpClient;
 exports.LocalStorage = LocalStorage;
 exports.NotificationProvider = NotificationProvider;