@djangocfg/ext-payments 1.0.17 → 1.0.20

package/src/components/ResponsiveSheet.tsx

@@ -1,151 +0,0 @@
-/**
- * Responsive Sheet (Apple-style)
- *
- * Dialog on desktop, Drawer (pull-down) on mobile.
- * Uses useIsMobile hook for responsive behavior.
- */
-
-'use client';
-
-import * as React from 'react';
-
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-  Drawer,
-  DrawerContent,
-  DrawerDescription,
-  DrawerFooter,
-  DrawerHeader,
-  DrawerTitle,
-  useIsMobile,
-} from '@djangocfg/ui-core';
-
-// ─────────────────────────────────────────────────────────────────────────────
-// Props
-// ─────────────────────────────────────────────────────────────────────────────
-
-interface ResponsiveSheetProps {
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-  children: React.ReactNode;
-}
-
-interface ResponsiveSheetHeaderProps {
-  children: React.ReactNode;
-  className?: string;
-}
-
-interface ResponsiveSheetTitleProps {
-  children: React.ReactNode;
-  className?: string;
-}
-
-interface ResponsiveSheetDescriptionProps {
-  children: React.ReactNode;
-  className?: string;
-}
-
-interface ResponsiveSheetContentProps {
-  children: React.ReactNode;
-  className?: string;
-}
-
-interface ResponsiveSheetFooterProps {
-  children: React.ReactNode;
-  className?: string;
-}
-
-// ─────────────────────────────────────────────────────────────────────────────
-// Context
-// ─────────────────────────────────────────────────────────────────────────────
-
-const ResponsiveSheetContext = React.createContext<{ isMobile: boolean }>({ isMobile: false });
-
-// ─────────────────────────────────────────────────────────────────────────────
-// Components
-// ─────────────────────────────────────────────────────────────────────────────
-
-export function ResponsiveSheet({ open, onOpenChange, children }: ResponsiveSheetProps) {
-  const isMobile = useIsMobile();
-
-  if (isMobile) {
-    return (
-      <ResponsiveSheetContext.Provider value={{ isMobile: true }}>
-        <Drawer open={open} onOpenChange={onOpenChange}>
-          {children}
-        </Drawer>
-      </ResponsiveSheetContext.Provider>
-    );
-  }
-
-  return (
-    <ResponsiveSheetContext.Provider value={{ isMobile: false }}>
-      <Dialog open={open} onOpenChange={onOpenChange}>
-        {children}
-      </Dialog>
-    </ResponsiveSheetContext.Provider>
-  );
-}
-
-export function ResponsiveSheetContent({ children, className }: ResponsiveSheetContentProps) {
-  const { isMobile } = React.useContext(ResponsiveSheetContext);
-
-  if (isMobile) {
-    return (
-      <DrawerContent className={className}>
-        {children}
-      </DrawerContent>
-    );
-  }
-
-  return (
-    <DialogContent className={className}>
-      {children}
-    </DialogContent>
-  );
-}
-
-export function ResponsiveSheetHeader({ children, className }: ResponsiveSheetHeaderProps) {
-  const { isMobile } = React.useContext(ResponsiveSheetContext);
-
-  if (isMobile) {
-    return <DrawerHeader className={className}>{children}</DrawerHeader>;
-  }
-
-  return <DialogHeader className={className}>{children}</DialogHeader>;
-}
-
-export function ResponsiveSheetTitle({ children, className }: ResponsiveSheetTitleProps) {
-  const { isMobile } = React.useContext(ResponsiveSheetContext);
-
-  if (isMobile) {
-    return <DrawerTitle className={className}>{children}</DrawerTitle>;
-  }
-
-  return <DialogTitle className={className}>{children}</DialogTitle>;
-}
-
-export function ResponsiveSheetDescription({ children, className }: ResponsiveSheetDescriptionProps) {
-  const { isMobile } = React.useContext(ResponsiveSheetContext);
-
-  if (isMobile) {
-    return <DrawerDescription className={className}>{children}</DrawerDescription>;
-  }
-
-  return <DialogDescription className={className}>{children}</DialogDescription>;
-}
-
-export function ResponsiveSheetFooter({ children, className }: ResponsiveSheetFooterProps) {
-  const { isMobile } = React.useContext(ResponsiveSheetContext);
-
-  if (isMobile) {
-    return <DrawerFooter className={className}>{children}</DrawerFooter>;
-  }
-
-  return <DialogFooter className={className}>{children}</DialogFooter>;
-}