@1sat/sweep-ui 0.0.19 → 0.0.21

package/src/components/ui/button.tsx

@@ -1,43 +1,47 @@
-import * as React from "react"
-import { cva, type VariantProps } from "class-variance-authority"
-import { cn } from "../../lib/utils"
+import { type VariantProps, cva } from 'class-variance-authority'
+import type * as React from 'react'
+import { cn } from '../../lib/utils'
 
 const buttonVariants = cva(
 	"inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
 	{
 		variants: {
 			variant: {
-				default: "bg-primary text-primary-foreground hover:bg-primary/90",
-				destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
-				outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
-				secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-				ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-				link: "text-primary underline-offset-4 hover:underline",
+				default: 'bg-primary text-primary-foreground hover:bg-primary/90',
+				destructive:
+					'bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40',
+				outline:
+					'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50',
+				secondary:
+					'bg-secondary text-secondary-foreground hover:bg-secondary/80',
+				ghost:
+					'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',
+				link: 'text-primary underline-offset-4 hover:underline',
 			},
 			size: {
-				default: "h-9 px-4 py-2 has-[>svg]:px-3",
+				default: 'h-9 px-4 py-2 has-[>svg]:px-3',
 				xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
-				sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
-				lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-				icon: "size-9",
-				"icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
-				"icon-sm": "size-8",
-				"icon-lg": "size-10",
+				sm: 'h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5',
+				lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',
+				icon: 'size-9',
+				'icon-xs': "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
+				'icon-sm': 'size-8',
+				'icon-lg': 'size-10',
 			},
 		},
 		defaultVariants: {
-			variant: "default",
-			size: "default",
+			variant: 'default',
+			size: 'default',
 		},
-	}
+	},
 )
 
 function Button({
 	className,
-	variant = "default",
-	size = "default",
+	variant = 'default',
+	size = 'default',
 	...props
-}: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants>) {
+}: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants>) {
 	return (
 		<button
 			data-slot="button"

package/src/components/ui/card.tsx

@@ -1,32 +1,91 @@
-import * as React from "react"
-import { cn } from "../../lib/utils"
+import type * as React from 'react'
+import { cn } from '../../lib/utils'
 
-function Card({ className, ...props }: React.ComponentProps<"div">) {
-	return (<div data-slot="card" className={cn("flex flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-sm", className)} {...props} />)
+function Card({ className, ...props }: React.ComponentProps<'div'>) {
+	return (
+		<div
+			data-slot="card"
+			className={cn(
+				'flex flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-sm',
+				className,
+			)}
+			{...props}
+		/>
+	)
 }
 
-function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
-	return (<div data-slot="card-header" className={cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", className)} {...props} />)
+function CardHeader({ className, ...props }: React.ComponentProps<'div'>) {
+	return (
+		<div
+			data-slot="card-header"
+			className={cn(
+				'@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6',
+				className,
+			)}
+			{...props}
+		/>
+	)
 }
 
-function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
-	return (<div data-slot="card-title" className={cn("leading-none font-semibold", className)} {...props} />)
+function CardTitle({ className, ...props }: React.ComponentProps<'div'>) {
+	return (
+		<div
+			data-slot="card-title"
+			className={cn('leading-none font-semibold', className)}
+			{...props}
+		/>
+	)
 }
 
-function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
-	return (<div data-slot="card-description" className={cn("text-sm text-muted-foreground", className)} {...props} />)
+function CardDescription({ className, ...props }: React.ComponentProps<'div'>) {
+	return (
+		<div
+			data-slot="card-description"
+			className={cn('text-sm text-muted-foreground', className)}
+			{...props}
+		/>
+	)
 }
 
-function CardAction({ className, ...props }: React.ComponentProps<"div">) {
-	return (<div data-slot="card-action" className={cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className)} {...props} />)
+function CardAction({ className, ...props }: React.ComponentProps<'div'>) {
+	return (
+		<div
+			data-slot="card-action"
+			className={cn(
+				'col-start-2 row-span-2 row-start-1 self-start justify-self-end',
+				className,
+			)}
+			{...props}
+		/>
+	)
 }
 
-function CardContent({ className, ...props }: React.ComponentProps<"div">) {
-	return (<div data-slot="card-content" className={cn("px-6", className)} {...props} />)
+function CardContent({ className, ...props }: React.ComponentProps<'div'>) {
+	return (
+		<div
+			data-slot="card-content"
+			className={cn('px-6', className)}
+			{...props}
+		/>
+	)
 }
 
-function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
-	return (<div data-slot="card-footer" className={cn("flex items-center px-6 [.border-t]:pt-6", className)} {...props} />)
+function CardFooter({ className, ...props }: React.ComponentProps<'div'>) {
+	return (
+		<div
+			data-slot="card-footer"
+			className={cn('flex items-center px-6 [.border-t]:pt-6', className)}
+			{...props}
+		/>
+	)
 }
 
-export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent }
+export {
+	Card,
+	CardHeader,
+	CardFooter,
+	CardTitle,
+	CardAction,
+	CardDescription,
+	CardContent,
+}

package/src/components/ui/input.tsx

@@ -1,16 +1,16 @@
-import * as React from "react"
-import { cn } from "../../lib/utils"
+import type * as React from 'react'
+import { cn } from '../../lib/utils'
 
-function Input({ className, type, ...props }: React.ComponentProps<"input">) {
+function Input({ className, type, ...props }: React.ComponentProps<'input'>) {
 	return (
 		<input
 			type={type}
 			data-slot="input"
 			className={cn(
-				"h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30",
-				"focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
-				"aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
-				className
+				'h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30',
+				'focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50',
+				'aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40',
+				className,
 			)}
 			{...props}
 		/>

package/src/components/ui/tabs.tsx

@@ -1,5 +1,5 @@
-import * as React from "react"
-import { cn } from "../../lib/utils"
+import * as React from 'react'
+import { cn } from '../../lib/utils'
 
 type TabsContextValue = {
 	value: string
@@ -11,41 +11,80 @@ const TabsContext = React.createContext<TabsContextValue | null>(null)
 function useTabsContext() {
 	const context = React.useContext(TabsContext)
 	if (!context) {
-		throw new Error("Tabs components must be used within a <Tabs> provider")
+		throw new Error('Tabs components must be used within a <Tabs> provider')
 	}
 	return context
 }
 
-function Tabs({ value, onValueChange, className, ...props }: React.ComponentProps<"div"> & { value: string; onValueChange: (value: string) => void }) {
+function Tabs({
+	value,
+	onValueChange,
+	className,
+	...props
+}: React.ComponentProps<'div'> & {
+	value: string
+	onValueChange: (value: string) => void
+}) {
 	return (
 		<TabsContext.Provider value={{ value, onValueChange }}>
-			<div data-slot="tabs" className={cn("flex flex-col gap-2", className)} {...props} />
+			<div
+				data-slot="tabs"
+				className={cn('flex flex-col gap-2', className)}
+				{...props}
+			/>
 		</TabsContext.Provider>
 	)
 }
 
-function TabsList({ className, ...props }: React.ComponentProps<"div">) {
-	return (<div data-slot="tabs-list" className={cn("inline-flex h-9 items-center justify-start gap-1 rounded-lg bg-muted p-1 text-muted-foreground", className)} {...props} />)
+function TabsList({ className, ...props }: React.ComponentProps<'div'>) {
+	return (
+		<div
+			data-slot="tabs-list"
+			className={cn(
+				'inline-flex h-9 items-center justify-start gap-1 rounded-lg bg-muted p-1 text-muted-foreground',
+				className,
+			)}
+			{...props}
+		/>
+	)
 }
 
-function TabsTrigger({ value, className, ...props }: React.ComponentProps<"button"> & { value: string }) {
+function TabsTrigger({
+	value,
+	className,
+	...props
+}: React.ComponentProps<'button'> & { value: string }) {
 	const context = useTabsContext()
 	const isActive = context.value === value
 	return (
 		<button
 			data-slot="tabs-trigger"
-			data-active={isActive ? "" : undefined}
-			className={cn("inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50", isActive && "bg-background text-foreground shadow-sm", className)}
+			data-active={isActive ? '' : undefined}
+			className={cn(
+				'inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50',
+				isActive && 'bg-background text-foreground shadow-sm',
+				className,
+			)}
 			onClick={() => context.onValueChange(value)}
 			{...props}
 		/>
 	)
 }
 
-function TabsContent({ value, className, ...props }: React.ComponentProps<"div"> & { value: string }) {
+function TabsContent({
+	value,
+	className,
+	...props
+}: React.ComponentProps<'div'> & { value: string }) {
 	const context = useTabsContext()
 	if (context.value !== value) return null
-	return (<div data-slot="tabs-content" className={cn("mt-2", className)} {...props} />)
+	return (
+		<div
+			data-slot="tabs-content"
+			className={cn('mt-2', className)}
+			{...props}
+		/>
+	)
 }
 
 export { Tabs, TabsList, TabsTrigger, TabsContent }