crca 1.4.0__py3-none-any.whl

tools/bolt.diy/app/components/ui/Tooltip.tsx

@@ -0,0 +1,122 @@
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { forwardRef, type ForwardedRef, type ReactElement } from 'react';
+import { classNames } from '~/utils/classNames';
+
+// Original WithTooltip component
+interface WithTooltipProps {
+  tooltip: React.ReactNode;
+  children: ReactElement;
+  sideOffset?: number;
+  className?: string;
+  arrowClassName?: string;
+  tooltipStyle?: React.CSSProperties;
+  position?: 'top' | 'bottom' | 'left' | 'right';
+  maxWidth?: number;
+  delay?: number;
+}
+
+const WithTooltip = forwardRef(
+  (
+    {
+      tooltip,
+      children,
+      sideOffset = 5,
+      className = '',
+      arrowClassName = '',
+      tooltipStyle = {},
+      position = 'top',
+      maxWidth = 250,
+      delay = 0,
+    }: WithTooltipProps,
+    _ref: ForwardedRef<HTMLElement>,
+  ) => {
+    return (
+      <TooltipPrimitive.Provider>
+        <TooltipPrimitive.Root delayDuration={delay}>
+          <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>
+          <TooltipPrimitive.Portal>
+            <TooltipPrimitive.Content
+              side={position}
+              className={`
+                z-[2000]
+                px-2.5
+                py-1.5
+                max-h-[300px]
+                select-none
+                rounded-md
+                bg-bolt-elements-background-depth-3
+                text-bolt-elements-textPrimary
+                text-sm
+                leading-tight
+                shadow-lg
+                animate-in
+                fade-in-0
+                zoom-in-95
+                data-[state=closed]:animate-out
+                data-[state=closed]:fade-out-0
+                data-[state=closed]:zoom-out-95
+                ${className}
+              `}
+              sideOffset={sideOffset}
+              style={{
+                maxWidth,
+                ...tooltipStyle,
+              }}
+            >
+              <div className="break-words">{tooltip}</div>
+              <TooltipPrimitive.Arrow
+                className={`
+                  fill-bolt-elements-background-depth-3
+                  ${arrowClassName}
+                `}
+                width={12}
+                height={6}
+              />
+            </TooltipPrimitive.Content>
+          </TooltipPrimitive.Portal>
+        </TooltipPrimitive.Root>
+      </TooltipPrimitive.Provider>
+    );
+  },
+);
+
+// New Tooltip component with simpler API
+interface TooltipProps {
+  content: React.ReactNode;
+  children: React.ReactNode;
+  side?: 'top' | 'right' | 'bottom' | 'left';
+  align?: 'start' | 'center' | 'end';
+  delayDuration?: number;
+  className?: string;
+}
+
+export function Tooltip({
+  content,
+  children,
+  side = 'top',
+  align = 'center',
+  delayDuration = 300,
+  className,
+}: TooltipProps) {
+  return (
+    <TooltipPrimitive.Provider>
+      <TooltipPrimitive.Root delayDuration={delayDuration}>
+        <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>
+        <TooltipPrimitive.Content
+          side={side}
+          align={align}
+          className={classNames(
+            'z-50 overflow-hidden rounded-md bg-bolt-elements-background-depth-3 dark:bg-bolt-elements-background-depth-4 px-3 py-1.5 text-xs text-bolt-elements-textPrimary dark:text-bolt-elements-textPrimary-dark shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+            className,
+          )}
+          sideOffset={5}
+        >
+          {content}
+          <TooltipPrimitive.Arrow className="fill-bolt-elements-background-depth-3 dark:fill-bolt-elements-background-depth-4" />
+        </TooltipPrimitive.Content>
+      </TooltipPrimitive.Root>
+    </TooltipPrimitive.Provider>
+  );
+}
+
+export default WithTooltip;

tools/bolt.diy/app/components/ui/index.ts

@@ -0,0 +1,38 @@
+// Export all UI components for easier imports
+
+// Core components
+export * from './Badge';
+export * from './Button';
+export * from './Card';
+export * from './Checkbox';
+export * from './Collapsible';
+export * from './Dialog';
+export * from './IconButton';
+export * from './Input';
+export * from './Label';
+export * from './ScrollArea';
+export * from './Switch';
+export * from './Tabs';
+export * from './ThemeSwitch';
+
+// Loading components
+export * from './LoadingDots';
+export * from './LoadingOverlay';
+
+// New components
+export * from './Breadcrumbs';
+export * from './CloseButton';
+export * from './CodeBlock';
+export * from './EmptyState';
+export * from './FileIcon';
+export * from './FilterChip';
+export * from './GradientCard';
+export * from './RepositoryStats';
+export * from './SearchInput';
+export * from './SearchResultItem';
+export * from './StatusIndicator';
+export * from './TabsWithSlider';
+
+// Tooltip components
+export { default as WithTooltip } from './Tooltip';
+export { Tooltip } from './Tooltip';

tools/bolt.diy/app/components/ui/use-toast.ts

@@ -0,0 +1,66 @@
+import { useCallback } from 'react';
+import { toast as toastify } from 'react-toastify';
+
+// Configure standard toast settings
+export const configuredToast = {
+  success: (message: string, options = {}) => toastify.success(message, { autoClose: 3000, ...options }),
+  error: (message: string, options = {}) => toastify.error(message, { autoClose: 3000, ...options }),
+  info: (message: string, options = {}) => toastify.info(message, { autoClose: 3000, ...options }),
+  warning: (message: string, options = {}) => toastify.warning(message, { autoClose: 3000, ...options }),
+  loading: (message: string, options = {}) => toastify.loading(message, { autoClose: 3000, ...options }),
+};
+
+// Export the original toast for cases where specific configuration is needed
+export { toastify as toast };
+
+interface ToastOptions {
+  type?: 'success' | 'error' | 'info' | 'warning';
+  duration?: number;
+}
+
+export function useToast() {
+  const toast = useCallback((message: string, options: ToastOptions = {}) => {
+    const { type = 'info', duration = 3000 } = options;
+
+    toastify[type](message, {
+      position: 'bottom-right',
+      autoClose: duration,
+      hideProgressBar: false,
+      closeOnClick: true,
+      pauseOnHover: true,
+      draggable: true,
+      progress: undefined,
+      theme: 'dark',
+    });
+  }, []);
+
+  const success = useCallback(
+    (message: string, options: Omit<ToastOptions, 'type'> = {}) => {
+      toast(message, { ...options, type: 'success' });
+    },
+    [toast],
+  );
+
+  const error = useCallback(
+    (message: string, options: Omit<ToastOptions, 'type'> = {}) => {
+      toast(message, { ...options, type: 'error' });
+    },
+    [toast],
+  );
+
+  const info = useCallback(
+    (message: string, options: Omit<ToastOptions, 'type'> = {}) => {
+      toast(message, { ...options, type: 'info' });
+    },
+    [toast],
+  );
+
+  const warning = useCallback(
+    (message: string, options: Omit<ToastOptions, 'type'> = {}) => {
+      toast(message, { ...options, type: 'warning' });
+    },
+    [toast],
+  );
+
+  return { toast, success, error, info, warning };
+}