diff --git a/README.md b/README.md index e078d7d..60c4845 100644 --- a/README.md +++ b/README.md @@ -18,4 +18,4 @@ https://www.npmjs.com/package/@risc0/ui | Statements | Branches | Functions | Lines | | --------------------------- | ----------------------- | ------------------------- | ----------------- | -| ![Statements](https://img.shields.io/badge/statements-37.37%25-red.svg?style=flat) | ![Branches](https://img.shields.io/badge/branches-73.75%25-red.svg?style=flat) | ![Functions](https://img.shields.io/badge/functions-60.46%25-red.svg?style=flat) | ![Lines](https://img.shields.io/badge/lines-37.37%25-red.svg?style=flat) | +| ![Statements](https://img.shields.io/badge/statements-38.61%25-red.svg?style=flat) | ![Branches](https://img.shields.io/badge/branches-74.68%25-red.svg?style=flat) | ![Functions](https://img.shields.io/badge/functions-61.9%25-red.svg?style=flat) | ![Lines](https://img.shields.io/badge/lines-38.61%25-red.svg?style=flat) | diff --git a/credenza.tsx b/credenza.tsx deleted file mode 100644 index 2c34637..0000000 --- a/credenza.tsx +++ /dev/null @@ -1,117 +0,0 @@ -"use client"; - -import type { ReactNode } from "react"; -import { cn } from "./cn"; -import { - Dialog, - DialogClose, - DialogContent, - DialogDescription, - DialogFooter, - DialogHeader, - DialogTitle, - DialogTrigger, -} from "./dialog"; -import { - Drawer, - DrawerClose, - DrawerContent, - DrawerDescription, - DrawerFooter, - DrawerHeader, - DrawerTitle, - DrawerTrigger, -} from "./drawer"; -import { useMediaQuery } from "./hooks/use-media-query"; - -interface BaseProps { - children: ReactNode; -} - -interface RootCredenzaProps extends BaseProps { - open?: boolean; - onOpenChange?: (open: boolean) => void; -} - -interface CredenzaProps extends BaseProps { - className?: string; - asChild?: true; -} - -const desktop = "(min-width: 768px)"; - -const Credenza = ({ children, ...props }: RootCredenzaProps) => { - const isDesktop = useMediaQuery(desktop); - const Credenza = isDesktop ? Dialog : Drawer; - - return {children}; -}; - -const CredenzaTrigger = ({ children, ...rest }: CredenzaProps) => { - const isDesktop = useMediaQuery(desktop); - const CredenzaTrigger = isDesktop ? DialogTrigger : DrawerTrigger; - - return {children}; -}; - -const CredenzaClose = ({ children, ...rest }: CredenzaProps) => { - const isDesktop = useMediaQuery(desktop); - const CredenzaClose = isDesktop ? DialogClose : DrawerClose; - - return {children}; -}; - -const CredenzaContent = ({ children, ...rest }: CredenzaProps) => { - const isDesktop = useMediaQuery(desktop); - const CredenzaContent = isDesktop ? DialogContent : DrawerContent; - - return {children}; -}; - -const CredenzaDescription = ({ children, ...rest }: CredenzaProps) => { - const isDesktop = useMediaQuery(desktop); - const CredenzaDescription = isDesktop ? DialogDescription : DrawerDescription; - - return {children}; -}; - -const CredenzaHeader = ({ children, ...rest }: CredenzaProps) => { - const isDesktop = useMediaQuery(desktop); - const CredenzaHeader = isDesktop ? DialogHeader : DrawerHeader; - - return {children}; -}; - -const CredenzaTitle = ({ children, ...rest }: CredenzaProps) => { - const isDesktop = useMediaQuery(desktop); - const CredenzaTitle = isDesktop ? DialogTitle : DrawerTitle; - - return {children}; -}; - -const CredenzaBody = ({ className, children, ...rest }: CredenzaProps) => { - return ( -
- {children} -
- ); -}; - -const CredenzaFooter = ({ children, ...rest }: CredenzaProps) => { - const isDesktop = useMediaQuery(desktop); - const CredenzaFooter = isDesktop ? DialogFooter : DrawerFooter; - - return {children}; -}; - -export { - Credenza, - CredenzaTrigger, - CredenzaClose, - CredenzaContent, - CredenzaDescription, - CredenzaHeader, - CredenzaTitle, - CredenzaBody, - CredenzaFooter, -}; diff --git a/package.json b/package.json index 4bf0039..a81600a 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@risc0/ui", - "version": "0.0.168", + "version": "0.0.169", "private": false, "sideEffects": false, "type": "module", @@ -47,7 +47,7 @@ "tailwindcss": "3.4.12", "tailwindcss-animate": "1.0.7", "typescript": "5.7.0-dev.20240912", - "vaul": "0.9.2" + "vaul": "0.9.4" }, "devDependencies": { "@biomejs/biome": "1.9.1",