@hanzo/ui 4.5.4 → 4.7.0

package/primitives/table.tsx

@@ -1,117 +0,0 @@
-import * as React from 'react'
-
-import { cn } from '../util'
-
-const Table = React.forwardRef<
-  HTMLTableElement,
-  React.HTMLAttributes<HTMLTableElement>
->(({ className, ...props }, ref) => (
-  <div className='relative w-full overflow-auto'>
-    <table
-      ref={ref}
-      className={cn('w-full caption-bottom text-sm', className)}
-      {...props}
-    />
-  </div>
-))
-Table.displayName = 'Table'
-
-const TableHeader = React.forwardRef<
-  HTMLTableSectionElement,
-  React.HTMLAttributes<HTMLTableSectionElement>
->(({ className, ...props }, ref) => (
-  <thead ref={ref} className={cn('[&_tr]:border-b', className)} {...props} />
-))
-TableHeader.displayName = 'TableHeader'
-
-const TableBody = React.forwardRef<
-  HTMLTableSectionElement,
-  React.HTMLAttributes<HTMLTableSectionElement>
->(({ className, ...props }, ref) => (
-  <tbody
-    ref={ref}
-    className={cn('[&_tr:last-child]:border-0', className)}
-    {...props}
-  />
-))
-TableBody.displayName = 'TableBody'
-
-const TableFooter = React.forwardRef<
-  HTMLTableSectionElement,
-  React.HTMLAttributes<HTMLTableSectionElement>
->(({ className, ...props }, ref) => (
-  <tfoot
-    ref={ref}
-    className={cn(
-      'border-t bg-level-1 font-medium [&>tr]:last:border-b-0',
-      className
-    )}
-    {...props}
-  />
-))
-TableFooter.displayName = 'TableFooter'
-
-const TableRow = React.forwardRef<
-  HTMLTableRowElement,
-  React.HTMLAttributes<HTMLTableRowElement>
->(({ className, ...props }, ref) => (
-  <tr
-    ref={ref}
-    className={cn(
-      'border-b transition-colors hover:bg-level-1 data-[state=selected]:bg-level-1',
-      className
-    )}
-    {...props}
-  />
-))
-TableRow.displayName = 'TableRow'
-
-const TableHead = React.forwardRef<
-  HTMLTableCellElement,
-  React.ThHTMLAttributes<HTMLTableCellElement>
->(({ className, ...props }, ref) => (
-  <th
-    ref={ref}
-    className={cn(
-      'h-12 px-4 text-left align-middle font-medium text-muted [&:has([role=checkbox])]:pr-0',
-      className
-    )}
-    {...props}
-  />
-))
-TableHead.displayName = 'TableHead'
-
-const TableCell = React.forwardRef<
-  HTMLTableCellElement,
-  React.TdHTMLAttributes<HTMLTableCellElement>
->(({ className, ...props }, ref) => (
-  <td
-    ref={ref}
-    className={cn('p-4 align-middle [&:has([role=checkbox])]:pr-0', className)}
-    {...props}
-  />
-))
-TableCell.displayName = 'TableCell'
-
-const TableCaption = React.forwardRef<
-  HTMLTableCaptionElement,
-  React.HTMLAttributes<HTMLTableCaptionElement>
->(({ className, ...props }, ref) => (
-  <caption
-    ref={ref}
-    className={cn('mt-4 text-sm text-muted', className)}
-    {...props}
-  />
-))
-TableCaption.displayName = 'TableCaption'
-
-export {
-  Table,
-  TableHeader,
-  TableBody,
-  TableFooter,
-  TableHead,
-  TableRow,
-  TableCell,
-  TableCaption,
-}

package/primitives/tabs.tsx

@@ -1,60 +0,0 @@
-'use client'
-import React from 'react'
-import * as TabsPrimitive from '@radix-ui/react-tabs'
-
-import { cn } from '../util'
-
-const Tabs = TabsPrimitive.Root
-
-const TabsList = React.forwardRef<
-  React.ElementRef<typeof TabsPrimitive.List>,
-  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>
->(({ className, ...props }, ref) => (
-  <TabsPrimitive.List
-    ref={ref}
-    className={cn(
-      'inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground',
-      className
-    )}
-    {...props}
-  />
-))
-TabsList.displayName = TabsPrimitive.List.displayName
-
-const TabsTrigger = React.forwardRef<
-  React.ElementRef<typeof TabsPrimitive.Trigger>,
-  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>
->(({ className, ...props }, ref) => (
-  <TabsPrimitive.Trigger
-    ref={ref}
-    className={cn(
-      'inline-flex items-center justify-center whitespace-nowrap rounded-sm ' + 
-      'px-3 py-1.5 text-sm font-medium ring-offset-background transition-all ' + 
-      'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ' + 
-      'focus-visible:ring-offset-2 disabled:pointer-events-none ' + 
-      'disabled:opacity-50 data-[state=active]:bg-background ' + 
-      'data-[state=active]:text-foreground data-[state=active]:shadow-sm',
-      className
-    )}
-    {...props}
-  />
-))
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName
-
-const TabsContent = React.forwardRef<
-  React.ElementRef<typeof TabsPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>
->(({ className, ...props }, ref) => (
-  <TabsPrimitive.Content
-    ref={ref}
-    className={cn(
-      'mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 ' + 
-      'focus-visible:ring-ring focus-visible:ring-offset-2',
-      className
-    )}
-    {...props}
-  />
-))
-TabsContent.displayName = TabsPrimitive.Content.displayName
-
-export { Tabs, TabsList, TabsTrigger, TabsContent }

package/primitives/text-area.tsx

@@ -1,26 +0,0 @@
-import React from 'react'
-
-import { cn } from '../util'
-
-export interface TextAreaProps
-  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
-
-const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(
-  ({ className, ...props }, ref) => {
-    return (
-      <textarea
-        className={cn(
-          'flex min-h-[80px] w-full rounded-md border border-muted-3 px-3 py-2 text-sm ' + 
-          'placeholder:text-muted-2  focus-visible:outline-none focus-visible:ring-2 ' + 
-          'focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
-          className
-        )}
-        ref={ref}
-        {...props}
-      />
-    )
-  }
-)
-TextArea.displayName = 'TextArea'
-
-export default TextArea 

package/primitives/toggle-group.tsx

@@ -1,63 +0,0 @@
-'use client'
-
-import * as React from 'react'
-import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group'
-import type { VariantProps } from 'class-variance-authority'
-
-import { cn } from '../util'
-import { toggleVariants } from './toggle'
-
-const ToggleGroupContext = React.createContext<
-  VariantProps<typeof toggleVariants>
->({
-  size: 'default',
-  variant: 'default',
-  rounded: 'md'
-})
-
-const ToggleGroup = React.forwardRef<
-  React.ElementRef<typeof ToggleGroupPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> &
-    VariantProps<typeof toggleVariants>
->(({ className, variant, size, rounded, children, ...props }, ref) => (
-  <ToggleGroupPrimitive.Root
-    ref={ref}
-    className={cn('flex items-center justify-center gap-1', className)}
-    {...props}
-  >
-    <ToggleGroupContext.Provider value={{ variant, size, rounded }}>
-      {children as React.ReactNode}
-    </ToggleGroupContext.Provider>
-  </ToggleGroupPrimitive.Root>
-))
-
-ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName
-
-const ToggleGroupItem = React.forwardRef<
-  React.ElementRef<typeof ToggleGroupPrimitive.Item>,
-  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> &
-    VariantProps<typeof toggleVariants>
->(({ className, children, variant, size, rounded, ...props }, ref) => {
-  const context = React.useContext(ToggleGroupContext)
-
-  return (
-    <ToggleGroupPrimitive.Item
-      ref={ref}
-      className={cn(
-        toggleVariants({
-          variant: context.variant || variant,
-          size: context.size || size,
-          rounded: context.rounded || rounded,
-        }),
-        className
-      )}
-      {...props}
-    >
-      {children}
-    </ToggleGroupPrimitive.Item>
-  )
-})
-
-ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName
-
-export { ToggleGroup, ToggleGroupItem }

package/primitives/toggle.tsx

@@ -1,73 +0,0 @@
-'use client'
-
-import * as React from 'react'
-import * as TogglePrimitive from '@radix-ui/react-toggle'
-import { cva, type VariantProps } from 'class-variance-authority'
-
-import { cn } from '../util'
-
-const toggleVariants = cva(
-  'inline-flex items-center justify-center text-sm font-medium ' + 
-  'ring-offset-background ' + 
-  'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ' + 
-  'focus-visible:ring-offset-2 disabled:pointer-events-none ' +
-  'active:bg-level-3 active:text-accent ',
-  {
-    variants: {
-      variant: {
-        default: 'text-muted-1 hover:text-accent ' + 
-          'data-[state=off]:bg-level-1 hover:data-[state=off]:text-foreground ' + 
-          'data-[state=on]:text-foreground data-[state=on]:bg-level-3  ' + 
-          'data-[state=on]:hover:bg-level-3 ',
-
-        outline: 'border border-muted-3 text-muted-1 ' +
-          'data-[state=off]:bg-level-1 hover:data-[state=off]:text-foreground ' + 
-          'data-[state=on]:bg-level-3 data-[state=on]:border-muted data-[state=on]:text-foreground',
-      },
-      size: {
-        default: 'h-10 px-3',
-        hfull: 'h-full px-3',
-        sm: 'h-9 px-2',
-        lg: 'h-11 px-5',
-      },
-      rounded: {
-        full: 'rounded-full',
-        sm: 'rounded-sm',
-        lsm: 'rounded-l-sm',
-        rsm: 'rounded-r-sm',
-        md: 'rounded-md',
-        lmd: 'rounded-l-md',
-        rmd: 'rounded-r-md',
-        lg: 'rounded-lg',
-        llg: 'rounded-l-lg',
-        rlg: 'rounded-r-lg',
-        xl: 'rounded-xl',
-        lxl: 'rounded-l-xl',
-        rxl: 'rounded-r-xl',
-        none: 'rounded-none'
-      }
-      
-    },
-    defaultVariants: {
-      variant: 'default',
-      size: 'default',
-      rounded: 'md'
-    },
-  }
-)
-
-const Toggle = React.forwardRef<
-  React.ElementRef<typeof TogglePrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &
-    VariantProps<typeof toggleVariants>
->(({ className, variant, size, rounded, ...props }, ref) => (
-  <TogglePrimitive.Root
-    ref={ref}
-    className={cn(toggleVariants({ variant, size, rounded} ), className  )}
-    {...props}
-  />
-))
-
-Toggle.displayName = TogglePrimitive.Root.displayName
-
-export { Toggle, toggleVariants }

package/primitives/tooltip.tsx

@@ -1,48 +0,0 @@
-'use client'
-
-import * as React from 'react'
-import * as TooltipPrimitive from '@radix-ui/react-tooltip'
-
-import { cn } from '../util'
-
-const TooltipProvider = TooltipPrimitive.Provider
-
-const Tooltip = TooltipPrimitive.Root
-
-const TooltipTrigger = TooltipPrimitive.Trigger
-
-const TooltipContent = React.forwardRef<
-  React.ElementRef<typeof TooltipPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
->(({ className, sideOffset = 4, ...props }, ref) => (
-  <TooltipPrimitive.Content
-    ref={ref}
-    sideOffset={sideOffset}
-    className={cn(
-      'z-50 overflow-hidden rounded-md border bg-level-1 px-3 py-1.5 text-sm text-muted-foreground shadow-md animate-in fade-in-50 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
-    )}
-    {...props}
-  />
-))
-TooltipContent.displayName = TooltipPrimitive.Content.displayName
-
-const TooltipWrapper: React.FC<{
-  text: string
-  tooltipClx?: string
-} & React.PropsWithChildren> = ({
-  children,
-  text,
-  tooltipClx=''
-}) => (
-  <Tooltip>
-    <TooltipTrigger asChild>
-      {children}
-    </TooltipTrigger>
-    <TooltipContent className={tooltipClx}>
-      {text}
-    </TooltipContent>
-  </Tooltip>
-)
-
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, TooltipWrapper }

package/primitives/video-player.tsx

@@ -1,23 +0,0 @@
-'use client'
-import React from 'react'
-
-interface VideoProps extends React.ComponentPropsWithoutRef<"video"> {
-  sources: string[]
-}
-
-const VideoPlayer = React.forwardRef<HTMLVideoElement, VideoProps>(
-({
-  sources, 
-  ...rest
-}, ref) => {
-  
-  return (
-    <video ref={ref} {...rest} >
-    {sources.map((source, index) => (  
-      <source key={index} src={source} />
-    ))} 
-    </video>
-  )
-})
-
-export default VideoPlayer

package/public/r/accordion.json

@@ -1,11 +0,0 @@
-{
-  "name": "accordion",
-  "type": "registry:component",
-  "description": "A accordion component for your UI.",
-  "files": [
-    {
-      "path": "default/ui/accordion/accordion.tsx",
-      "type": "registry:component"
-    }
-  ]
-}

package/public/r/alert.json

@@ -1,11 +0,0 @@
-{
-  "name": "alert",
-  "type": "registry:component",
-  "description": "A alert component for your UI.",
-  "files": [
-    {
-      "path": "default/ui/alert/alert.tsx",
-      "type": "registry:component"
-    }
-  ]
-}

package/public/r/avatar.json

@@ -1,11 +0,0 @@
-{
-  "name": "avatar",
-  "type": "registry:component",
-  "description": "A avatar component for your UI.",
-  "files": [
-    {
-      "path": "default/ui/avatar/avatar.tsx",
-      "type": "registry:component"
-    }
-  ]
-}

package/public/r/badge.json

@@ -1,11 +0,0 @@
-{
-  "name": "badge",
-  "type": "registry:component",
-  "description": "A badge component for your UI.",
-  "files": [
-    {
-      "path": "default/ui/badge/badge.tsx",
-      "type": "registry:component"
-    }
-  ]
-}

package/public/r/button.json

@@ -1,11 +0,0 @@
-{
-  "name": "button",
-  "type": "registry:component",
-  "description": "A button component for your UI.",
-  "files": [
-    {
-      "path": "default/ui/button/button.tsx",
-      "type": "registry:component"
-    }
-  ]
-}

package/public/r/card.json

@@ -1,11 +0,0 @@
-{
-  "name": "card",
-  "type": "registry:component",
-  "description": "A card component for your UI.",
-  "files": [
-    {
-      "path": "default/ui/card/card.tsx",
-      "type": "registry:component"
-    }
-  ]
-}

package/public/r/checkbox.json

@@ -1,11 +0,0 @@
-{
-  "name": "checkbox",
-  "type": "registry:component",
-  "description": "A checkbox component for your UI.",
-  "files": [
-    {
-      "path": "default/ui/checkbox/checkbox.tsx",
-      "type": "registry:component"
-    }
-  ]
-}

package/public/r/default.json

@@ -1,6 +0,0 @@
-{
-  "name": "default",
-  "type": "registry:style",
-  "description": "The default style for Hanzo UI components.",
-  "files": []
-}

package/public/r/dialog.json

@@ -1,11 +0,0 @@
-{
-  "name": "dialog",
-  "type": "registry:component",
-  "description": "A dialog component for your UI.",
-  "files": [
-    {
-      "path": "default/ui/dialog/dialog.tsx",
-      "type": "registry:component"
-    }
-  ]
-}

package/public/r/input.json

@@ -1,11 +0,0 @@
-{
-  "name": "input",
-  "type": "registry:component",
-  "description": "A input component for your UI.",
-  "files": [
-    {
-      "path": "default/ui/input/input.tsx",
-      "type": "registry:component"
-    }
-  ]
-}

package/public/r/label.json

@@ -1,11 +0,0 @@
-{
-  "name": "label",
-  "type": "registry:component",
-  "description": "A label component for your UI.",
-  "files": [
-    {
-      "path": "default/ui/label/label.tsx",
-      "type": "registry:component"
-    }
-  ]
-}

package/public/r/new-york.json

@@ -1,6 +0,0 @@
-{
-  "name": "new-york",
-  "type": "registry:style",
-  "description": "The new-york style for Hanzo UI components.",
-  "files": []
-}

package/public/r/popover.json

@@ -1,11 +0,0 @@
-{
-  "name": "popover",
-  "type": "registry:component",
-  "description": "A popover component for your UI.",
-  "files": [
-    {
-      "path": "default/ui/popover/popover.tsx",
-      "type": "registry:component"
-    }
-  ]
-}

package/public/r/select.json

@@ -1,11 +0,0 @@
-{
-  "name": "select",
-  "type": "registry:component",
-  "description": "A select component for your UI.",
-  "files": [
-    {
-      "path": "default/ui/select/select.tsx",
-      "type": "registry:component"
-    }
-  ]
-}

package/public/r/table.json

@@ -1,11 +0,0 @@
-{
-  "name": "table",
-  "type": "registry:component",
-  "description": "A table component for your UI.",
-  "files": [
-    {
-      "path": "default/ui/table/table.tsx",
-      "type": "registry:component"
-    }
-  ]
-}

package/public/r/tabs.json

@@ -1,11 +0,0 @@
-{
-  "name": "tabs",
-  "type": "registry:component",
-  "description": "A tabs component for your UI.",
-  "files": [
-    {
-      "path": "default/ui/tabs/tabs.tsx",
-      "type": "registry:component"
-    }
-  ]
-}

package/public/r/toast.json

@@ -1,11 +0,0 @@
-{
-  "name": "toast",
-  "type": "registry:component",
-  "description": "A toast component for your UI.",
-  "files": [
-    {
-      "path": "default/ui/toast/toast.tsx",
-      "type": "registry:component"
-    }
-  ]
-}