@hanzo/ui 0.5.24 → 0.6.16

package/common/drawer-menu.tsx

@@ -1,51 +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
-}> = ({
-  trigger,
-  children,
-  className='',
-  showLogo=true
-}) => {
-
-  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>
-        {trigger}
-      </SheetTrigger>
-      <SheetContent 
-        side="right" 
-        className={className} 
-        closeButtonClass='text-inherit opacity-90' 
-        onClick={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-between 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
-}

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

@@ -1,92 +0,0 @@
-// Reference: https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/markup
-
-import type { AbsoluteTemplateString, TemplateString } from './metadata-types'
-
-export type Twitter =
-  | TwitterSummary
-  | TwitterSummaryLargeImage
-  | TwitterPlayer
-  | TwitterApp
-  | TwitterMetadata
-
-type TwitterMetadata = {
-  // defaults to card="summary"
-  site?: string // username for account associated to the site itself
-  siteId?: string // id for account associated to the site itself
-  creator?: string // username for the account associated to the creator of the content on the site
-  creatorId?: string // id for the account associated to the creator of the content on the site
-  description?: string
-  title?: string | TemplateString
-  images?: TwitterImage | Array<TwitterImage>
-}
-type TwitterSummary = TwitterMetadata & {
-  card: 'summary'
-}
-type TwitterSummaryLargeImage = TwitterMetadata & {
-  card: 'summary_large_image'
-}
-type TwitterPlayer = TwitterMetadata & {
-  card: 'player'
-  players: TwitterPlayerDescriptor | Array<TwitterPlayerDescriptor>
-}
-type TwitterApp = TwitterMetadata & {
-  card: 'app'
-  app: TwitterAppDescriptor
-}
-export type TwitterAppDescriptor = {
-  id: {
-    iphone?: string | number
-    ipad?: string | number
-    googleplay?: string
-  }
-  url?: {
-    iphone?: string | URL
-    ipad?: string | URL
-    googleplay?: string | URL
-  }
-  name?: string
-}
-
-export type TwitterImage = string | TwitterImageDescriptor | URL
-type TwitterImageDescriptor = {
-  url: string | URL
-  alt?: string
-  secureUrl?: string | URL
-  type?: string
-  width?: string | number
-  height?: string | number
-}
-type TwitterPlayerDescriptor = {
-  playerUrl: string | URL
-  streamUrl: string | URL
-  width: number
-  height: number
-}
-
-type ResolvedTwitterImage = {
-  url: string | URL
-  alt?: string
-  secureUrl?: string | URL
-  type?: string
-  width?: string | number
-  height?: string | number
-}
-type ResolvedTwitterSummary = {
-  site: string | null
-  siteId: string | null
-  creator: string | null
-  creatorId: string | null
-  description: string | null
-  title: AbsoluteTemplateString
-  images?: Array<ResolvedTwitterImage>
-}
-type ResolvedTwitterPlayer = ResolvedTwitterSummary & {
-  players: Array<TwitterPlayerDescriptor>
-}
-type ResolvedTwitterApp = ResolvedTwitterSummary & { app: TwitterAppDescriptor }
-
-export type ResolvedTwitterMetadata =
-  | ({ card: 'summary' } & ResolvedTwitterSummary)
-  | ({ card: 'summary_large_image' } & ResolvedTwitterSummary)
-  | ({ card: 'player' } & ResolvedTwitterPlayer)
-  | ({ card: 'app' } & ResolvedTwitterApp)