@hanzo/ui 1.0.15 → 2.0.0

package/common/contact-dialog/index.tsx

@@ -1,48 +0,0 @@
-'use client'
-import React from 'react'
-
-import type { ButtonModalProps} from '../../types'
-
-import {
-  Button,
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from '../../primitives'
-
-import ContactForm from './contact-form'
-import Disclaimer from './disclaimer'
-
-const ContactDialog: React.FC<ButtonModalProps> = ({
-  open,
-  onOpenChange,
-  buttonText,
-  buttonProps,
-  title,
-  byline,
-  action,
-  actionEnclosure
-}) => (
-  <Dialog open={open} onOpenChange={onOpenChange} >
-    <DialogTrigger asChild>
-      <Button {...buttonProps} >{buttonText}</Button>
-    </DialogTrigger>
-    <DialogContent className="sm:max-w-[500px] p-0 gap-0 bg-background border">
-      <DialogHeader className='py-6 text-foreground'>
-        <DialogTitle className='text-4xl font-heading text-center text-inherit'>{title}</DialogTitle>
-        {byline && (<DialogDescription className='text-inherit text-xl text-center'>{byline} </DialogDescription>)}
-      </DialogHeader>
-      <div className='p-8 rounded-e-lg flex flex-col justify-start items-center'>
-        <ContactForm onSubmit={action} enclosure={actionEnclosure}/>
-        <div className='text-muted-1 text-xs mt-4' >
-          <Disclaimer />
-        </div>
-      </div>
-    </DialogContent>
-  </Dialog>
-)
-
-export default ContactDialog

package/common/copyright.tsx

@@ -1,21 +0,0 @@
-import React from 'react'
-
-const FIRST = 2020
-
-const Copyright: React.FC<{
-  className?: string
-}> = ({
-  className='' 
-}) => {
-
-  const year = new Date().getFullYear()
-  const yearString = (year > FIRST) ? `${FIRST} - ${year}` : FIRST.toString()
-
-  return (
-    <div className={className}>
-      {`Copyright © ${yearString}`}&nbsp;<br className='sm:hidden'/>Lux Partners Ltd.&nbsp;<br className='md:hidden'/>&nbsp;All rights reserved.
-    </div> 
-  )
-}
-
-export default Copyright

package/common/drawer-menu.tsx

@@ -1,54 +0,0 @@
-'use client'
-import React, { type PropsWithChildren, type ReactNode } from 'react'
-
-import { X as LucideX} from 'lucide-react'
-
-import Logo from './logo'
-import { Sheet, SheetContent, SheetTrigger } from '../primitives/sheet'
-
-const DrawerMenu: React.FC<PropsWithChildren & {
-  trigger: ReactNode
-  className?: string
-  showLogo?: boolean,
-  propogate?: boolean
-  asChild?: boolean
-}> = ({
-  trigger,
-  children,
-  className='',
-  showLogo=true,
-  propogate=true,
-  asChild=false
-}) => {
-
-  const [open, setOpen] = React.useState(false)
-
-  const onAction = () => { setOpen(false) }
-
-    // https://stackoverflow.com/a/49052730/11645689
-  const updatedChildren = React.Children.map(
-    children,
-    (child) => (React.cloneElement(
-      child as any, { onAction }
-    ))
-  )
-
-  return (
-    <Sheet open={open} onOpenChange={setOpen} >
-      <SheetTrigger className={className} asChild={asChild}>
-        {trigger}
-      </SheetTrigger>
-      <SheetContent 
-        side="right" 
-        closeButtonClass='text-inherit opacity-90' 
-        onClick={propogate ? onAction : () => {}}
-        closeElement={<LucideX className='h-6 w-6 text-inherit'/>}
-        centerElement={showLogo ? <Logo size='xs' className='' /> : null}
-      >
-        {updatedChildren}
-      </SheetContent>
-    </Sheet>
-  )
-}
-
-export default DrawerMenu

package/common/footer.tsx

@@ -1,77 +0,0 @@
-import React from 'react'
-
-import type { LinkDef, SiteDef } from '../types'
-import { Copyright } from '.'
-import { NavItems } from '../primitives'
-import { legal } from '../siteDef/footer/legal'
-
-import Logo from './logo'
-import { cn } from '../util'
-
-const Footer: React.FC<{
-  siteDef: SiteDef,
-  className?: string,
-  noHorizPadding?: boolean
-}> = ({
-  siteDef,
-  className='',
-  noHorizPadding=false
-}) => {
-
-  const { footer, aboveCopyright } = siteDef
-  const smGridCols = Math.floor(footer.length/2)
-  const smGridColsClx = `sm:grid-cols-${smGridCols} `
-  const _aboveCopyright = (typeof aboveCopyright === 'undefined') ? legal : aboveCopyright
-
-  return (
-    <footer className={cn('grow flex flex-col justify-end gap-6 pb-[2vh]', className)}> 
-      <div className={
-        (noHorizPadding ? '' : 'px-5 md:px-8 ') +
-        'grid grid-cols-2 gap-4 gap-y-6 md:gap-x-6 lg:gap-8 ' + smGridColsClx +  
-        'md:w-full sm:justify-items-center md:mx-0 lg:w-full max-w-screen-2xl ' +
-        'md:flex md:flex-row md:justify-between ' 
-      }>
-        <div className='hidden lg:flex flex-col' key={0}>
-          <Logo size='md' />
-        </div>
-        {footer.map((defs: LinkDef[], index) => {
-
-          const xsColSpanClx = ((index === footer.length - 1) && (footer.length % 2 === 1)) ? 
-            'xs:col-span-2 xs:mx-auto md:col-span-1 md:mx-0 ' : ''
-
-          return (
-            <NavItems
-              items={defs} 
-              currentAs={siteDef.currentAs}
-              as='nav' 
-              className={cn('sm:min-w-[150px] md:min-w-0 flex flex-col justify-start items-start ' + 
-                'gap-[11px] sm:gap-[12px] md:gap-[15px] ',
-                xsColSpanClx
-              )} 
-              key={index + 1}
-              itemClx={(def: LinkDef) => ((def.variant === 'linkFG') ?
-                'font-nav text-[15px]/[1.3] font-medium text-foreground tracking-normal'
-                : 
-                'text-[15px]/[1.1] font-normal tracking-[0.2px] text-muted-1'
-              )}
-            /> 
-          )
-        })}
-      </div>
-      <div className='md:mt-[2vh]'>
-      {_aboveCopyright.length > 0 && (
-        <NavItems
-          items={_aboveCopyright} 
-          as='div' 
-          className={'flex flex-row justify-center gap-4 mb-2'} 
-          itemClx={'text-sm text-center text-muted-2 underline hover:text-foreground'}
-        />
-      )} 
-        <Copyright className='text-sm text-center text-muted-3'/>
-      </div>
-    </footer>
-  )
-}
-
-export default Footer
-// flex flex-col justify-between gap-6

package/common/head-metadata/from-next/metadata-types.ts

@@ -1,158 +0,0 @@
-/**
- *
- * Metadata types
- *
- */
-
-export interface DeprecatedMetadataFields {
-  /**
-   * Deprecated options that have a preferred method
-   * @deprecated Use appWebApp to configure apple-mobile-web-app-capable which provides
-   * @see https://www.appsloveworld.com/coding/iphone/11/difference-between-apple-mobile-web-app-capable-and-apple-touch-fullscreen-ipho
-   */
-  'apple-touch-fullscreen'?: never
-
-  /**
-   * Obsolete since iOS 7.
-   * @see https://web.dev/apple-touch-icon/
-   * @deprecated use icons.apple or instead
-   */
-  'apple-touch-icon-precomposed'?: never
-}
-
-export type TemplateString =
-  | DefaultTemplateString
-  | AbsoluteTemplateString
-  | AbsoluteString
-export type DefaultTemplateString = {
-  default: string
-  template: string
-}
-export type AbsoluteTemplateString = {
-  absolute: string
-  template: string | null
-}
-export type AbsoluteString = {
-  absolute: string
-}
-
-export type Author = {
-  // renders as <link rel="author"...
-  url?: string | URL
-  // renders as <meta name="author"...
-  name?: string
-}
-
-// does not include "unsafe-URL". to use this users should
-// use '"unsafe-URL" as ReferrerEnum'
-export type ReferrerEnum =
-  | 'no-referrer'
-  | 'origin'
-  | 'no-referrer-when-downgrade'
-  | 'origin-when-cross-origin'
-  | 'same-origin'
-  | 'strict-origin'
-  | 'strict-origin-when-cross-origin'
-
-export type ColorSchemeEnum =
-  | 'normal'
-  | 'light'
-  | 'dark'
-  | 'light dark'
-  | 'dark light'
-  | 'only light'
-
-type RobotsInfo = {
-  // all and none will be inferred from index/follow boolean options
-  index?: boolean
-  follow?: boolean
-
-  /** @deprecated set index to false instead */
-  noindex?: never
-  /** @deprecated set follow to false instead */
-  nofollow?: never
-
-  noarchive?: boolean
-  nosnippet?: boolean
-  noimageindex?: boolean
-  nocache?: boolean
-  notranslate?: boolean
-  indexifembedded?: boolean
-  nositelinkssearchbox?: boolean
-  unavailable_after?: string
-  'max-video-preview'?: number | string
-  'max-image-preview'?: 'none' | 'standard' | 'large'
-  'max-snippet'?: number
-}
-export type Robots = RobotsInfo & {
-  // if you want to specify an alternate robots just for google
-  googleBot?: string | RobotsInfo
-}
-
-export type ResolvedRobots = {
-  basic: string | null
-  googleBot: string | null
-}
-
-export type IconURL = string | URL
-export type Icon = IconURL | IconDescriptor
-export type IconDescriptor = {
-  url: string | URL
-  type?: string
-  sizes?: string
-  color?: string
-  /** defaults to rel="icon" unless superseded by Icons map */
-  rel?: string
-  media?: string
-  /**
-   * @see https://developer.mozilla.org/docs/Web/API/HTMLImageElement/fetchPriority
-   */
-  fetchPriority?: 'high' | 'low' | 'auto'
-}
-
-export type Icons = {
-  /** rel="icon" */
-  icon?: Icon | Icon[]
-  /** rel="shortcut icon" */
-  shortcut?: Icon | Icon[]
-  /**
-   * @see https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html
-   * rel="apple-touch-icon"
-   */
-  apple?: Icon | Icon[]
-  /** rel inferred from descriptor, defaults to "icon" */
-  other?: IconDescriptor | IconDescriptor[]
-}
-
-export type Verification = {
-  google?: null | string | number | (string | number)[]
-  yahoo?: null | string | number | (string | number)[]
-  yandex?: null | string | number | (string | number)[]
-  me?: null | string | number | (string | number)[]
-  // if you ad-hoc additional verification
-  other?: {
-    [name: string]: string | number | (string | number)[]
-  }
-}
-
-export type ResolvedVerification = {
-  google?: null | (string | number)[]
-  yahoo?: null | (string | number)[]
-  yandex?: null | (string | number)[]
-  me?: null | (string | number)[]
-  other?: {
-    [name: string]: (string | number)[]
-  }
-}
-
-export type ResolvedIcons = {
-  icon: IconDescriptor[]
-  apple: IconDescriptor[]
-  shortcut?: IconDescriptor[]
-  other?: IconDescriptor[]
-}
-
-export type ThemeColorDescriptor = {
-  color: string
-  media?: string
-}

package/common/head-metadata/from-next/opengraph-types.ts

@@ -1,267 +0,0 @@
-import type { AbsoluteTemplateString, TemplateString } from './metadata-types'
-
-export type OpenGraphType =
-  | 'article'
-  | 'book'
-  | 'music.song'
-  | 'music.album'
-  | 'music.playlist'
-  | 'music.radio_station'
-  | 'profile'
-  | 'website'
-  | 'video.tv_show'
-  | 'video.other'
-  | 'video.movie'
-  | 'video.episode'
-
-export type OpenGraph =
-  | OpenGraphWebsite
-  | OpenGraphArticle
-  | OpenGraphBook
-  | OpenGraphProfile
-  | OpenGraphMusicSong
-  | OpenGraphMusicAlbum
-  | OpenGraphMusicPlaylist
-  | OpenGraphRadioStation
-  | OpenGraphVideoMovie
-  | OpenGraphVideoEpisode
-  | OpenGraphVideoTVShow
-  | OpenGraphVideoOther
-  | OpenGraphMetadata
-
-// update this type to reflect actual locales
-type Locale = string
-
-type OpenGraphMetadata = {
-  determiner?: 'a' | 'an' | 'the' | 'auto' | ''
-  title?: string | TemplateString
-  description?: string
-  emails?: string | Array<string>
-  phoneNumbers?: string | Array<string>
-  faxNumbers?: string | Array<string>
-  siteName?: string
-  locale?: Locale
-  alternateLocale?: Locale | Array<Locale>
-  images?: OGImage | Array<OGImage>
-  audio?: OGAudio | Array<OGAudio>
-  videos?: OGVideo | Array<OGVideo>
-  url?: string | URL
-  countryName?: string
-  ttl?: number
-}
-export type OpenGraphWebsite = OpenGraphMetadata & {
-  type: 'website'
-}
-type OpenGraphArticle = OpenGraphMetadata & {
-  type: 'article'
-  publishedTime?: string // datetime
-  modifiedTime?: string // datetime
-  expirationTime?: string // datetime
-  authors?: null | string | URL | Array<string | URL>
-  section?: null | string
-  tags?: null | string | Array<string>
-}
-type OpenGraphBook = OpenGraphMetadata & {
-  type: 'book'
-  isbn?: null | string
-  releaseDate?: null | string // datetime
-  authors?: null | string | URL | Array<string | URL>
-  tags?: null | string | Array<string>
-}
-type OpenGraphProfile = OpenGraphMetadata & {
-  type: 'profile'
-  firstName?: null | string
-  lastName?: null | string
-  username?: null | string
-  gender?: null | string
-}
-type OpenGraphMusicSong = OpenGraphMetadata & {
-  type: 'music.song'
-  duration?: null | number
-  albums?: null | string | URL | OGAlbum | Array<string | URL | OGAlbum>
-  musicians?: null | string | URL | Array<string | URL>
-}
-type OpenGraphMusicAlbum = OpenGraphMetadata & {
-  type: 'music.album'
-  songs?: null | string | URL | OGSong | Array<string | URL | OGSong>
-  musicians?: null | string | URL | Array<string | URL>
-  releaseDate?: null | string // datetime
-}
-type OpenGraphMusicPlaylist = OpenGraphMetadata & {
-  type: 'music.playlist'
-  songs?: null | string | URL | OGSong | Array<string | URL | OGSong>
-  creators?: null | string | URL | Array<string | URL>
-}
-type OpenGraphRadioStation = OpenGraphMetadata & {
-  type: 'music.radio_station'
-  creators?: null | string | URL | Array<string | URL>
-}
-type OpenGraphVideoMovie = OpenGraphMetadata & {
-  type: 'video.movie'
-  actors?: null | string | URL | OGActor | Array<string | URL | OGActor>
-  directors?: null | string | URL | Array<string | URL>
-  writers?: null | string | URL | Array<string | URL>
-  duration?: null | number
-  releaseDate?: null | string // datetime
-  tags?: null | string | Array<string>
-}
-type OpenGraphVideoEpisode = OpenGraphMetadata & {
-  type: 'video.episode'
-  actors?: null | string | URL | OGActor | Array<string | URL | OGActor>
-  directors?: null | string | URL | Array<string | URL>
-  writers?: null | string | URL | Array<string | URL>
-  duration?: null | number
-  releaseDate?: null | string // datetime
-  tags?: null | string | Array<string>
-  series?: null | string | URL
-}
-type OpenGraphVideoTVShow = OpenGraphMetadata & {
-  type: 'video.tv_show'
-}
-type OpenGraphVideoOther = OpenGraphMetadata & {
-  type: 'video.other'
-}
-
-export type OGImage = string | OGImageDescriptor | URL
-type OGImageDescriptor = {
-  url: string | URL
-  secureUrl?: string | URL
-  alt?: string
-  type?: string
-  width?: string | number
-  height?: string | number
-}
-type OGAudio = string | OGAudioDescriptor | URL
-type OGAudioDescriptor = {
-  url: string | URL
-  secureUrl?: string | URL
-  type?: string
-}
-type OGVideo = string | OGVideoDescriptor | URL
-type OGVideoDescriptor = {
-  url: string | URL
-  secureUrl?: string | URL
-  type?: string
-  width?: string | number
-  height?: string | number
-}
-
-export type ResolvedOpenGraph =
-  | ResolvedOpenGraphWebsite
-  | ResolvedOpenGraphArticle
-  | ResolvedOpenGraphBook
-  | ResolvedOpenGraphProfile
-  | ResolvedOpenGraphMusicSong
-  | ResolvedOpenGraphMusicAlbum
-  | ResolvedOpenGraphMusicPlaylist
-  | ResolvedOpenGraphRadioStation
-  | ResolvedOpenGraphVideoMovie
-  | ResolvedOpenGraphVideoEpisode
-  | ResolvedOpenGraphVideoTVShow
-  | ResolvedOpenGraphVideoOther
-  | ResolvedOpenGraphMetadata
-
-type ResolvedOpenGraphMetadata = {
-  determiner?: 'a' | 'an' | 'the' | 'auto' | ''
-  title: AbsoluteTemplateString
-  description?: string
-  emails?: Array<string>
-  phoneNumbers?: Array<string>
-  faxNumbers?: Array<string>
-  siteName?: string
-  locale?: Locale
-  alternateLocale?: Array<Locale>
-  images?: Array<OGImage>
-  audio?: Array<OGAudio>
-  videos?: Array<OGVideo>
-  url: null | URL | string
-  countryName?: string
-  ttl?: number
-}
-type ResolvedOpenGraphWebsite = ResolvedOpenGraphMetadata & {
-  type: 'website'
-}
-type ResolvedOpenGraphArticle = ResolvedOpenGraphMetadata & {
-  type: 'article'
-  publishedTime?: string // datetime
-  modifiedTime?: string // datetime
-  expirationTime?: string // datetime
-  authors?: Array<string>
-  section?: string
-  tags?: Array<string>
-}
-type ResolvedOpenGraphBook = ResolvedOpenGraphMetadata & {
-  type: 'book'
-  isbn?: string
-  releaseDate?: string // datetime
-  authors?: Array<string>
-  tags?: Array<string>
-}
-type ResolvedOpenGraphProfile = ResolvedOpenGraphMetadata & {
-  type: 'profile'
-  firstName?: string
-  lastName?: string
-  username?: string
-  gender?: string
-}
-type ResolvedOpenGraphMusicSong = ResolvedOpenGraphMetadata & {
-  type: 'music.song'
-  duration?: number
-  albums?: Array<OGAlbum>
-  musicians?: Array<string | URL>
-}
-type ResolvedOpenGraphMusicAlbum = ResolvedOpenGraphMetadata & {
-  type: 'music.album'
-  songs?: Array<string | URL | OGSong>
-  musicians?: Array<string | URL>
-  releaseDate?: string // datetime
-}
-type ResolvedOpenGraphMusicPlaylist = ResolvedOpenGraphMetadata & {
-  type: 'music.playlist'
-  songs?: Array<string | URL | OGSong>
-  creators?: Array<string | URL>
-}
-type ResolvedOpenGraphRadioStation = ResolvedOpenGraphMetadata & {
-  type: 'music.radio_station'
-  creators?: Array<string | URL>
-}
-type ResolvedOpenGraphVideoMovie = ResolvedOpenGraphMetadata & {
-  type: 'video.movie'
-  actors?: Array<string | URL | OGActor>
-  directors?: Array<string | URL>
-  writers?: Array<string | URL>
-  duration?: number
-  releaseDate?: string // datetime
-  tags?: Array<string>
-}
-type ResolvedOpenGraphVideoEpisode = ResolvedOpenGraphMetadata & {
-  type: 'video.episode'
-  actors?: Array<string | URL | OGActor>
-  directors?: Array<string | URL>
-  writers?: Array<string | URL>
-  duration?: number
-  releaseDate?: string // datetime
-  tags?: Array<string>
-  series?: string | URL
-}
-type ResolvedOpenGraphVideoTVShow = ResolvedOpenGraphMetadata & {
-  type: 'video.tv_show'
-}
-type ResolvedOpenGraphVideoOther = ResolvedOpenGraphMetadata & {
-  type: 'video.other'
-}
-
-type OGSong = {
-  url: string | URL
-  disc?: number
-  track?: number
-}
-type OGAlbum = {
-  url: string | URL
-  disc?: number
-  track?: number
-}
-type OGActor = {
-  url: string | URL
-  role?: string
-}